@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');




.default_left{
	width: 100%;
	max-width: 180px;
	min-width: 180px;
	height: 10vw;
}

/* 熱門行程 */
	.tour_main{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
	}
	.tour_box{
		width: 90%;
		margin: 0 auto;
	}
	.tour_title{
		width: 98%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.tour_title_cn{
		width: 40%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 3rem;
		text-align: center;
		background: #ff9800;
	    background: -moz-linear-gradient(top, #ff9800 0%, #fff17a 100%);
	    background: -webkit-linear-gradient(top, #ff9800 0%,#fff17a 100%);
	    background: linear-gradient(to bottom, #ff9800 0%,#fff17a 100%);
		padding: 10px 10px 10px 20px;
    	letter-spacing: 10px;
		box-sizing: border-box;
		color: #fff;
		position: relative;
	}
	.tour_title_cn:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		background-color: #d6d6d6;
		z-index: -1;
		right: -10px;
		bottom: -10px;
	}
	.tour_title_en{
		width: 100%;
		text-align: end;
		font-size: 3.5rem;
		color: #d6d6d6;
		font-family: 'Libre Baskerville', serif;
		margin-bottom: -50px;
	}
	#twtour:before{
		position: absolute;
		content: '';
		clip-path: polygon(0 50%, 0% 100%, 100% 100%);
		width: 100%;
		height: 100%;
		z-index: -99;
		bottom: 0;
		left: 0;
		background-color: #f5f5f5;
	}
	#outtour:before{
		position: absolute;
		content: '';
		clip-path: polygon(0 0, 100% 50%, 100% 0);
		width: 100%;
		height: 100%;
		z-index: -99;
		top: 0;
		left: 0;
		background-color: #f5f5f5;
	}
	.tour_more{
		width: 150px;
		display: block;
		font-size: 2.5rem;
		color: #f44336;
		font-family: 'Libre Baskerville', serif;
		transition: all .3s;
		box-sizing: border-box;
		position: relative;
		margin: 20px auto 0;
	}
	.tour_more:after{
		position: absolute;
		content: '';
		width: 100%;
		height: 5px;
		background-color: #f44336;
		bottom: 0;
    	right: -50%;
	}
	.tour_more:before{
		position: absolute;
	    content: '';
	    width: 20%;
	    height: 5px;
	    background-color: #f44336;
	    right: -52%;
	    bottom: 10px;
	    transform: rotate(45deg);
	}
	.tour_more:hover{
		letter-spacing: 10px;
		padding-left: 10px;
	}
	.tour_more:hover:before{
		right: -52%;
    	bottom: 18px;
	}
	.tour_body{
		width: 90%;
		margin: 50px auto;
	}

	/* 獎盃 */
	.tour_trophy{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 20px 0;
	}
	.tour_trophy div{
		width: calc( 90% / 4);
		margin: 10px calc( 10% / 8);
	}
	.tour_trophy div > img{
		width: 100%;
		vertical-align: top;
		padding: 5px;
		box-sizing: border-box;
		box-shadow: 0 0 5px rgb(0 0 0 / 30%);
		background-color: #fff;
		border-radius: 10px;
		cursor: pointer;
	}
	.tour_trophy div > span{
		width: 100%;
		display: block;
		font-size: 1.15rem;
		margin: 5px 0;
		text-align: center;
	}

	/* 圖示站內 */
		.Hottour_main{
			padding-top: 40px;
		}
		.Hottour_main:before{
			position: absolute;
			content: '';
			clip-path: polygon(0 50%, 0% 100%, 100% 100%);
			width: 100%;
			height: 100%;
			z-index: -99;
			bottom: 0;
			left: 0;
			background-color: #f5f5f5;
		}
		.ShowImgUrlLink_main2{
			width: 100%;
			min-height: 200px;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
		}
		.ShowImgUrlLink_box2{
			width: calc(75%/3);
			margin: 10px calc(25%/6);
			box-sizing: border-box;
			transition: all .2s;
			position: relative;
		}
		.ShowImgUrlLink_box2:hover{
			top: 5px;
		}

		/*.ShowImgUrlLink_box2:nth-child(2),
		.ShowImgUrlLink_box2:nth-child(5){ margin-top: 50px; }
		.ShowImgUrlLink_box2:nth-child(3),
		.ShowImgUrlLink_box2:nth-child(6){ margin-top: 100px; }*/
		.ShowImgUrlLink_img2{
			width: 100%;
			display: block;
			position: relative;
		}
		.ShowImgUrlLink_img_img2{
			display: block;
			position: relative;
			padding: 5px;
			box-sizing: border-box;
			background-color: #fff;
			box-shadow: 0 0 5px rgb(0 0 0 / 50%);
		}
		.ShowImgUrlLink_img_img2 img{
			width: 100%;
			vertical-align: top;
		}
		.ShowImgUrlLink_img_noimg2{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.ShowImgUrlLink_img_noimg2 > span{
			font-size: 3rem;
			color: #FFF;
		}
		.ShowImgUrlLink_title2{
			width: 100%;
			padding: 0 0;
			text-align: left;
			box-sizing: border-box;
			font-size: 1.5rem;
			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_main{
			width: 100%;
			min-height: 200px;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
		}
		.travelteam{
			width: calc(75%/3);
			margin: 10px calc(25%/6);
			box-sizing: border-box;
			transition: all .2s;
			position: relative;
		}
		.travelteam:hover{
			top: 5px;
		}

		/*.travelteam:nth-child(2),
		.travelteam:nth-child(5){ margin-top: 50px; }
		.travelteam:nth-child(3),
		.travelteam:nth-child(6){ margin-top: 100px; }*/
		.travelteam_img{
			width: 100%;
			display: block;
			position: relative;
			padding: 5px;
			box-sizing: border-box;
			background-color: #fff;
			box-shadow: 0 0 5px rgb(0 0 0 / 50%);
		}
		/*.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{
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			background-color: #fff;
			position: relative;
		}
		.travelteam_title{
			width: 100%;
			padding: 0 0;
			text-align: left;
			box-sizing: border-box;
			font-size: 1.5rem;
			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{
			font-size: 1.25rem;
			color: #ffffff;
			text-align: right;
			box-sizing: border-box;
			position: absolute;
			top: -27px;
   			right: 0;
			background-color: rgb(244 67 54 / 80%);
			padding: 0 10px;
		}
		.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;
		}

/* 圖像廣告連結3 */
	.imgadlink_main3{
		width: 100%;
		min-height: 200px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.imgadlink_group3{
		width: calc(75%/3);
		margin: 10px calc(25%/6);
		box-sizing: border-box;
		transition: all .2s;
		position: relative;
	}
	.imgadlink_group3:hover{
		top: 5px;
	}
	.adimg3{
		width: 100%;
		overflow: hidden;
	}
	.adimg3 a{
		display: block;
	}
	.adimg3 img{
		vertical-align: top;
		width: 100%;
	}
	.adtxt3 a{ display: block; }

	.adtxttitle3{
		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;
	}
	.adexplain3{
		width: 100%;
		color: #444;
		text-align: justify;
		font-size: 1.05rem;
    	box-sizing: border-box;
		line-height: 25px;
	}

@media (max-width: 1099px)
{
	.default_left{ display: none; }
	.tour_title{ flex-wrap: wrap; }
	.tour_title_cn{
		width: 100%;
		font-size: 2rem;
		height: auto;
	}
	.tour_title_en{ font-size: 2rem; }
	.travelteam_title,
	.ShowImgUrlLink_title2,
	.adtxttitle3{
		font-size: 1.15rem;
	}
	.ShowImgUrlLink_box2{
		width: calc(90%/3);
		margin: 10px calc(10%/6);
	}


}
@media (max-width: 768px)
{



	.tour_box{ width: 95%; text-align: right;}
	.tour_title_cn,
	.tour_title_en{
		font-size: 1.5rem;
	}
	.tour_more{
		font-size: 2rem;
    	width: 100%;
    	max-width: 250px;
    	text-align: right;
	}
	.tour_more:before{ display: none; }
	.tour_more:after{
		right: 0;
	}
	.tour_body{ width: 95%; }
	.travelteam,
	.ShowImgUrlLink_box2,
	.imgadlink_group3{
		width: calc(90%/2);
    	margin: 10px calc(10%/4);
	}

	.travelteam:nth-child(2),
	.travelteam:nth-child(4),
	.travelteam:nth-child(6),
	.ShowImgUrlLink_box2:nth-child(2),
	.ShowImgUrlLink_box2:nth-child(4),
	.ShowImgUrlLink_box2:nth-child(6){ margin-top: 10px; }

	.travelteam:nth-child(3),
	.travelteam:nth-child(5),
	.ShowImgUrlLink_box2:nth-child(3),
	.ShowImgUrlLink_box2:nth-child(5){ margin-top: 10px; }


	.tour_trophy div{
		width: calc(90% / 2);
    	margin: 10px calc(10% / 4);
	}

}