@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap');

/* 以下是 slick-1.8.1 的相關 CSS */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick.css');
/* Add the new slick-theme.css if you want the default styling */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick-theme.css');

/* 以下是swiper-4.5.0 css */
@import url(/webeip/HT00100/Peggy/swiper-4.5.0/css/swiper.min.css);

/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');


/* 熱門行程 */
	.tour_main{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
	}
	.tour_box{
		width: 90%;
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 0 50px;
	}
	.tour_title{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 98%;
		margin: 0 auto;
		font-size: 1.5rem;
		letter-spacing: 10px;
		padding-left: 10px;
		box-sizing: border-box;
		color: #7f7f7f;
		margin: 60px 0;
		text-align: center;
	}
	.tour_title > span{
		display: inline-block;
		font-size: 3.5rem;
		margin-left: 10px;
		color: #ab845b;
	}
	.tour_wrap{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 40px;
	}
	.tour_body{
		width: calc(90% / 3);
		margin: 10px calc(10% / 6);
	}

	/* 圖示團體旅遊 */
		.travelteam_main{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			position: relative;
		}
		.travelteam{
			width: 100%;
			box-sizing: border-box;
			transition: all .3s;
			position: relative;
		}
		.travelteam_img{
			width: 100%;
			display: block;
			position: relative;
			box-sizing: border-box;
			background-color: #fff;
		}
		/*.travelteam_img_img{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}*/
		.travelteam_img_img{
			width: 100%;
			vertical-align: top;
		}
		.travelteam_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.travelteam_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}
		.travelteam_content{
			display: block;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			position: relative;
			text-align: right;
			background-color: #f1f1f1;
			transition: all .3s;
		}
		.travelteam_title{
			width: 100%;
			padding: 0 0;
			text-align: left;
			box-sizing: border-box;
			font-size: 1.25rem;
			min-height: 40px;
			color: #111;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
			font-weight: bolder;
		}
		.travelteam_price{
			display: inline-flex;
			justify-content: center;
			align-items: flex-end;
			font-size: 1.15rem;
			text-align: right;
			box-sizing: border-box;
			color: #f44336;
			padding: 0 10px;
			font-weight: bold;
		}
		.travelteam_price > i{
			display: inline-block;
			font-size: 0.9rem;
			color: #000;
			font-weight: normal;
			font-style: normal;
			margin-left: 5px;
		}
		.travelteam_desc{
			width: 100%;
			min-height: 100px;
			font-size: 1rem;
			line-height: 1.5rem;
			padding: 0 0.5rem;
			box-sizing: border-box;
			color: #888;
			text-align: justify;

			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 7;
			-webkit-box-orient: vertical;
			white-space: normal;
		}


	/* 包車旅遊 */
		.tour_bus > .travelteam_main .travelteam{
			width: calc(90% / 3);
			margin: 10px calc(10% / 6);
		}
	
@media (max-width: 768px)
{


	.tour_title{
		font-size: 1.15rem;
		letter-spacing: 5px;
		padding-left: 5px;
		margin-bottom: 30px;
	}
	.tour_title > span{
		font-size: 2.5rem;
	}
	.tour_body{
		width: 90%;
		margin: 10px calc(10% / 2);
	}

	.tour_bus > .travelteam_main .travelteam{
		width: 90%;
		margin: 10px calc(10% / 2);
	}




}