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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Domine:wght@400..700&family=Noto+Serif+TC:wght@200..900&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(https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css);

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


/* 大圖輪播器 carousel10 */

	.carousel_main{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		overflow: hidden;
	}

	.carousel10_main{
		position: relative;
		width: 100%;
	}

	.carousel10_a{
		display: block;
	    width: 100%;
	    position: relative;
	}
	.carousel10_img{
		display: block;
		vertical-align: top;
	    width: 100%;
	    height: auto;
	    filter: brightness(70%);
	    object-fit:cover;
    	transition:transform 5s ease;
	}
	.carousel10_img{
		display: block;
		vertical-align: top;
	    width: 100%;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center center;
	    height: auto;
	    filter: brightness(70%);
	    object-fit:cover;
    	transition:transform 5s ease;
	}
	.carousel10_main .swiper-slide-active .carousel10_img{
		transform:scale(1.05);
	}
	.carousel10_txt{
		position: absolute;
		width: 100%;
    	max-width: 700px;
		z-index: 99;
		top: calc(40% + 20px);
		left: calc(30% + 150px);
		transform: translate(-50%, calc(-50% + 20px));
		opacity:0;
		/*transform: translateY(20px);*/
		transition:opacity 1s ease, transform 1s ease;
	}

	.carousel10_main .swiper-slide-active .carousel10_txt{
	    opacity:1;
	    transform: translate(-50%, -50%);
	}
	.carousel10_txt > p{
		color: #fff;
	}
	.carousel10_txt .carousel10_title{
		font-size: 1.75rem;
		letter-spacing: 5px;
		line-height: 50px;
		padding-left: 5px;
		box-sizing: border-box;
	}
	.carousel10_txt .carousel10_subtitle{
		font-size: 1.15rem;
		letter-spacing: 3px;
		line-height: 30px;
		padding-left: 3px;
		box-sizing: border-box;
	}
	/* 下滑  */
		.sliderdownbtn{
			width: 35px;
			bottom: 10px;
			left: 10px;
			cursor: pointer;
			text-align: center;
			position: absolute;
			left: 50%;
			transform: translate(-50%, 0);
			z-index: 99;
		}
		.sliderdownbtn img{
			width: 100%;
			vertical-align: top;
		}
	/* 下方點點 */
	    .carousel10_main .carousel10_pagination{
	        position: absolute;
	        text-align: left;
	        -webkit-transition: .3s opacity;
	        -o-transition: .3s opacity;
	        transition: .3s opacity;
	        -webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	        z-index: 10;
	        width: auto;
		    height: 100%;
		    right: 0;
		    top: 0;
		    left: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			flex-direction: column;
	    }
	    .carousel10_main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	        background: #b8860b;
	    }

	    .carousel10_main .swiper-pagination-bullet{
	    	width: 12px;
		    height: 12px;
		    display: inline-flex;
		    justify-content: center;
		    align-items: center;
		    background:rgba(255,255,255,0.4);
		    box-sizing: border-box;
		    opacity: 1;
		    border-radius: 50%;
		    margin: 10px !important;
		    /*overflow:hidden;*/
		    position: relative;
	    }

	    .carousel10_main .swiper-pagination-bullet-active{
	     	background-color: #ffffff;
	  	}

	  	/* 圓形底圈 */
		.carousel10_main .swiper-pagination-bullet::before{
		    content:"";
		    position:absolute;
		    top: 50%;
		    transform: translate(-50%, -50%);
		    left: 50%;
		    width: 20px;
		    height: 20px;
		    border-radius:50%;
		    border:2px solid rgba(255,255,255,0.4); 
		    z-index:1;
		}

	/* 箭頭 */
		.carousel10-button-next, .carousel10-button-prev{
			position: absolute;
			top: 50%;
			width: 40px;
			height: 50px;
			margin-top: -30px;
			z-index: 10;
			cursor: pointer;
			background-size: 40px 50px;
			background-position: center;
			background-repeat: no-repeat;
		}
		.carousel10-button-next, .swiper-container-rtl .carousel10-button-prev{
			right: 10px;
			left: auto;
			background-image: url(/webeip/HT00424/img/arrow-right-w.svg);
		}
		.carousel10-button-prev, .swiper-container-rtl .carousel10-button-next{
			background-image: url(/webeip/HT00424/img/arrow-left-w.svg);
			left: 10px;
			right: auto;
		}
@media all and (max-width: 1040px){
	.carousel10_txt > p{
		line-height: 30px;
		font-size: 1rem;
	}
	.carousel10_txt{ height: 300px; }
	
}

@media all and (max-width: 768px){
	.carousel10-button-next, .carousel10-button-prev{ display: none; }
	.carousel10_txt{
		position: absolute;
		width: 100%;
    	max-width: 700px;
		z-index: 99;
		top: auto;
		bottom: 0;
		left: 0;
		transform: translate(0, 0);
		opacity:0;
		/*transform: translateY(20px);*/
		transition:opacity 1s ease, transform 1s ease;
	}

	.carousel10_main .swiper-slide-active .carousel10_txt{
	    opacity:1;
	    transform: translateY(20px);
	}

}
@media all and (max-width: 450px){
	.carousel10_txt .carousel10_title{
		font-size: 1.25rem;
		letter-spacing: 5px;
		line-height: 50px;
		padding-left: 5px;
		box-sizing: border-box;
	}
	.carousel10_txt .carousel10_subtitle{
		font-size: 1rem;
		letter-spacing: 3px;
		line-height: 30px;
		padding-left: 3px;
		box-sizing: border-box;
	}
}
/* 遊程主頁 */
	.tour_main{
		width: 100%;
	}
	.tour_box{
		width: 100%;
	    display: flex;
	    justify-content: flex-start;
	    align-items: flex-start;
	    overflow: hidden;
	}
	.tour_left{
		width: 30%;
		max-width: 120px;
		min-width: 120px;
		height: 10vw;
	}

	.tour_content{
		display: flex;
		flex-wrap: wrap;
	    width: 100%;
	    justify-content: flex-start;
	    align-items: flex-start;
	    overflow: hidden;
	}

	.tour_content h2{
		width: 100%;
	    text-align: center;
	}
	.tour_content h2 > span{
		font-size: 42px;
		letter-spacing: 10px;
		padding: 0 10px 0 20px;
		margin: 10px auto;
		box-sizing: border-box;
		font-family: 'Noto Sans TC', sans-serif;
		color: #0093dd;
		display: inline-block;
		border-left: 5px solid #0093dd;
		border-right: 5px solid #0093dd;
		line-height: 45px;
	}
/* 旅行探索 */
	
	.section {
		width: 100%;
		max-width: 1200px;
		margin: 80px auto;
		display: flex;
		gap: 80px;
	}

	/* 左主輪播 */
		.main-swiper {
		  width: 70%;
		  height: 460px;
		}

		.main-swiper .swiper-wrapper {
		  transition-timing-function: cubic-bezier(.4,0,.2,1);
		}

		.main-swiper .swiper-slide {
		  position: relative;
		  overflow: hidden;
		}

		.main-swiper img {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		}

		.inner-swiper {
		  width: 100%;
		  height: 100%;
		}

		.inner-swiper img {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		}

	/* 遮罩 */
		.main-swiper .swiper-slide::after {
		  content: "";
		  position: absolute;
		  inset: 0;
		  background: linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);
		}

	/* 文字 */
		.slide-content {
		  position: absolute;
		  left: 40px;
		  bottom: 40px;
		  color: #fff;
		  z-index: 2;
		}

		.slide-content h2 {
		  margin: 0;
		  font-size: 26px;
		}

		.slide-content p {
		  margin-top: 10px;
		  font-size: 14px;
		  opacity: .9;
		}

	/* 右側 */
		.side_right{
			width: 30%;
			max-width: 340px;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
		}

		.tour_content_sectiontitle{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-start;
		}
		.tour_content_sectiontitle > h3{
			display: block;
			font-size: 1.75rem;
			letter-spacing: 10px;
			padding-top: 30px;
			box-sizing: border-box;
			font-family: "Noto Serif TC", serif;
			position: relative;
			writing-mode: vertical-lr;
			font-weight: normal;
		}
		.tour_content_sectiontitle > h3:after{
			position: absolute;
			content: "";
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background-color: #0ddab9;
			left: 20px;
			top: 0;
		}
		.tour_content_sectiontitle > p{
			writing-mode: vertical-lr;
			letter-spacing: 1px;
			font-family: "Noto Serif TC", serif;
			color: #898989;
			padding-top: 30px;
		}
		.side {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			padding: 0 40px;
			box-sizing: border-box;
		}

	/* 🔥 解法1核心 */
		.text-swiper {
		  width: 100%;
		  height: auto;
		}

		.text-swiper .swiper-slide{
		  height: auto;
		  padding: 12px 0;
		  cursor: pointer;
		  transition: .3s;
		  position: relative;
		}

	/* active */
		.text-swiper .swiper-slide-active {
		  color: #000;
		  font-weight: bold;
		}

	/* 細線 */
		.text-swiper .swiper-slide p{
		  display: block;
		  padding: 5px;
		  font-size: 1.15rem;
		  letter-spacing: 10px;
		  padding-top: 10px;
		  box-sizing: border-box;
		  font-family: "Noto Serif TC", serif;
		  position: relative;
		  writing-mode: vertical-lr;
		  font-weight: normal;
		  color: #c5c5c5;
		  transition: .3s;
		}
		.text-swiper .swiper-slide p:hover{
		  color: #000;
		}
		.text-swiper .swiper-slide-active p{
		  color: #000;
		}

		.text-swiper .swiper-slide p:before,
		.text-swiper .swiper-slide p:after{
		  content: "";
		  position: absolute;
		  top: 0;
		  width: 2px;
		  height: 0;
		  background: #e1e1e1;
		  transition: .3s;
		}
		.text-swiper .swiper-slide p:before{ left: 0px; }
		.text-swiper .swiper-slide p:after{ right: 0px; }

		.text-swiper .swiper-slide-active p:before{
		  height: 100% !important;;
		}
		.text-swiper .swiper-slide-active p:after{
		  height: 100% !important;;
		}

	/* 左右鍵 */
		.nav-btn {
			font-size: 20px;
			cursor: pointer;
			user-select: none;
			transition: .3s;
			position: absolute;
			top: 62.5px;
		}
		.nav-btn.prev{
			left: 0;
		}
		.nav-btn.next{
			right: 0;
		}

		.nav-btn:hover {
		  opacity: .5;
		}

		.nav-btn.disabled {
		  opacity: 0.3;
		  pointer-events: none;
		  cursor: default;
		}
		.nav-btn.disabled:hover {
		  opacity: 0.3;
		}
/* banner */
	.tour_banner{
		width: 100%;
		position: relative;
	}
	.tour_banner_img{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 350px;
		width: 100%;
		background-attachment: fixed !important;
	}
	.tour_banner_box{
		position: absolute;
	    z-index: 9;
	    top: 50%;
	    left: 30px;
	    transform: translate(0, -50%);
	}
	.tour_banner_box > h3{
		display: block;
	    font-size: 1.75rem;
	    color: #fff;
	    letter-spacing: 10px;
	    padding-left: 10px;
	    box-sizing: border-box;
	    font-family: "Noto Serif TC", serif;
	    margin-bottom: 10px;
	    position: relative;
	    font-weight: normal;
	}
	.tour_banner_box > h3:after{
		position: absolute;
	    content: "";
	    width: 8px;
	    height: 8px;
	    border-radius: 50%;
	    background-color: #fff;
	    left: -10px;
	    top: 20px;
	}
	.tour_banner_box > p{
		letter-spacing: 1px;
	    padding-left: 10px;
	    font-family: "Noto Serif TC", serif;
	    COLOR: #fff;
	}
	.tour_banner_box > a{
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		letter-spacing: 1px;
	    padding-left: 10px;
	    font-family: "Noto Serif TC", serif;
	    color: #fff;
	    transition: all .3s;
	    position: relative;
	}
	.tour_banner_box > a img{
		display: inline-block;
		width: 30px;
		vertical-align: top;
		border-radius: 50%;
		border: 1px solid #ffffff;
		padding: 5px;
		box-sizing: border-box;
		margin: 5px;
		transition: all .3s;
		position: relative;
		left: 0;

	}
	.tour_banner_box > a:hover img{
		left: 5px;
	}


/* 圖像廣告連結 */
	.tour_main .imgadlink_main{
		width: 100%;
		margin: 30px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.tour_main .imgadlink_group{
		width: calc(90% / 4);
		margin: 10px calc(10% / 8);
	}
	.tour_main .adimg{
		width: 100%;
		overflow: hidden;
	}
	.tour_main .adimg a{
		display: block;
	}
	.tour_main .adimg img{
		vertical-align: top;
		width: 100%;
	}
	.tour_main .adtxt a{ display: block; }
	.tour_main .adtxttitle{
		width: 100%;
		margin: 15px 0;
		display: block;
		text-align: center;
		color: #29166f;
		font-size: 23px;
		font-family: 'Noto Sans TC', sans-serif;
		font-weight: 700;
		letter-spacing: 5px;
    	padding-left: 5px;
    	box-sizing: border-box;
	}
	.tour_main .adexplain{
		width: 100%;
		color: #444;
		text-align: justify;
		margin-top: 10px;
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 5px;
    	padding: 0 10px 0 15px;
    	box-sizing: border-box;
		font-family: 'Noto Sans TC', sans-serif;
		line-height: 25px;
	}

/* 圖像廣告連結2 */
	.tour_main .imgadlink_main2{
		width: 100%;
		margin: 30px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.tour_main .imgadlink_group2{
		width: 100%;
		max-width: 1120px;
		margin: 10px auto;
	}
	.tour_main .tour_main .adimg2{
		width: 100%;
		height: 630px;
		border-radius: 25px;
	}
	.tour_main .adimg2 a{
		display: block;
	}
	.tour_main .adimg2 img{
		vertical-align: top;
		width: 100%;
	}
	.tour_main .adtxt2{
		padding: 10px;
		box-sizing: border-box;
	}
	.tour_main .adtxt2 a{ display: block;}

	.tour_main .adimg2 iframe{
		width: 100%;
		height: 100%;
	}

	.tour_main .adtxttitle2{
		width: 100%;
		display: block;
		text-align: center;
		color: #0093dd;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.tour_main .adexplain2{
		width: 100%;
		color: #000;
		font-weight: bold;
		text-align: center;
	}
/* 頂級體驗 */
	.tour_Luxury{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: flex-start;
		align-items: stretch;
		padding: 50px 0 100px;
		position: relative;
	}
	.tour_Luxurytitle{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		top: 60px;
	}
	.tour_Luxurytitle > h3{
		display: block;
		font-size: 1.75rem;
		letter-spacing: 10px;
		padding-top: 30px;
		box-sizing: border-box;
		font-family: "Noto Serif TC", serif;
		position: relative;
		writing-mode: vertical-lr;
		font-weight: normal;
	}
	.tour_Luxurytitle > h3:after{
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #0ddab9;
		left: 20px;
		top: 0;
	}
	.tour_Luxurytitle > p{
		writing-mode: vertical-lr;
		letter-spacing: 1px;
		font-family: "Noto Serif TC", serif;
		color: #898989;
		padding-top: 30px;
	}
	/* 圖像廣告連結3 */
		.tour_Luxury .imgadlink_main3{
			width: 100%;
			max-width: 1100px;
			margin: 30px auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
		}
		.tour_Luxury .imgadlink_group3{
			width: calc(90% / 3);
			margin: 10px calc(10% / 6);
			position: relative;
		}
		.tour_Luxury .imgadlink_group3:nth-child(2){
			margin-top: 60px;
		}
		.tour_Luxury .adimg3{
			width: 100%;
			height: auto;
			border-radius: 25px;
		}
		.tour_Luxury .adimg3 a{
			display: block;
		}
		.tour_Luxury .adimg3 img{
			vertical-align: top;
			width: 100%;
		}
		.tour_Luxury .adtxt3 a{ display: block; }

		.tour_Luxury .adimg3 iframe{
			width: 100%;
		}

		.tour_Luxury .adtxttitle3{
			width: 100%;
		    display: block;
		    color: #ffffff;
		    font-size: 1.25rem;
		    letter-spacing: 5px;
		    padding-left: 10px;
		    padding-bottom: 10px;
		    box-sizing: border-box;
		    font-family: "Noto Serif TC", serif;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		}
		.tour_Luxury .adexplain3{
			writing-mode: vertical-lr;
			letter-spacing: 1px;
			font-family: "Noto Serif TC", serif;
			color: #ffffff;
			padding: 5px;
			box-sizing: border-box;
			height: 100%;
			background: linear-gradient(to right, transparent 10%, rgb(0 0 0 / 40%) 100%);
			position: absolute;
			top: 0;
			right: 0;
		}

/* 嚴選旅遊 */
	.tour_curatedTravel{
		width: 100%;
		position: relative;
		background-color: #eaf0f6;
		padding-top: 100px;
    	margin-bottom: -50px;
	}
	.tour_curatedTraveltitle{
		position: absolute;
		left: 160px;
		top: 40px;
		z-index: 99;
	}
	.tour_curatedTraveltitle > h3{
		display: block;
	    font-size: 1.75rem;
	    color: #000;
	    letter-spacing: 10px;
	    padding-left: 10px;
	    box-sizing: border-box;
	    font-family: "Noto Serif TC", serif;
	    margin-bottom: 10px;
	    position: relative;
	    font-weight: normal;
	}
	.tour_curatedTraveltitle > h3:after{
		position: absolute;
	    content: "";
	    width: 8px;
	    height: 8px;
	    border-radius: 50%;
	    background-color: #0ddab9;
	    left: -10px;
	    top: 20px;
	}
	.tour_curatedTraveltitle > p{
		letter-spacing: 1px;
	    padding-left: 10px;
	    font-family: "Noto Serif TC", serif;
	    color: #898989;
	}
	.tour_curatedTraveltitle_btn > a{
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		letter-spacing: 1px;
	    padding-left: 10px;
	    font-family: "Noto Serif TC", serif;
	    color: #000;
	    transition: all .3s;
	    position: relative;
	}
	.tour_curatedTraveltitle_btn > a img{
		display: inline-block;
		width: 30px;
		vertical-align: top;
		border-radius: 50%;
		border: 1px solid #000000;
		padding: 5px;
		box-sizing: border-box;
		margin: 5px;
		transition: all .3s;
		position: relative;
		left: 0;

	}
	.tour_curatedTraveltitle_btn > a:hover img{
		left: 5px;
	}
/* 圖示團體行程 */
	.tour_curatedTravel .travelteam_main{
		width: 100%;
		margin: 30px 0;
    	padding: 10px;
    	box-sizing: border-box;
    	padding-top: 60px;
	}
	.tour_curatedTravel .travelteam{
		width: 35%;
	    box-sizing: border-box;
	    margin: 20px 0.5%;
	    border: 1px solid rgba(0,0,0,0.1);
    	box-sizing: border-box;
   		box-shadow: 2px 3px 3px rgba(0,0,0,0.1);
   		transition:all .3s;
   		overflow: hidden;
	}
	.tour_curatedTravel .travelteam.swiper-slide{
		transform:scale(.95);
		
	}

	.tour_curatedTravel .travelteam.swiper-slide-active{
		transform:scale(1);
		position: relative;
		bottom: 60px;
		width: 42%;
	}
	.tour_curatedTravel .travelteam_img{
		width: 100%;
		overflow: hidden;
	}
	.tour_curatedTravel .travelteam_img_img{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: auto;
		-webkit-transition: all 0.4s ease;
    	-text-decoration-linemoz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
	}
	.tour_curatedTravel .travelteam_img_img img{
		width: 100%;
		vertical-align: top;
	}
	.tour_curatedTravel .travelteam_img_img div{
		width: 100%;
		height: 400px;
		vertical-align: top;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		filter: brightness(0.7);
	}
	.tour_curatedTravel .travelteam.swiper-slide .travelteam_img_img div{
		height: 350px;
	}
	.tour_curatedTravel .travelteam.swiper-slide-active .travelteam_img_img div{
		height: 400px;
	}
	.tour_curatedTravel .travelteam_img_noimg{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 350px;
		background-color: #DDD;
		-webkit-transition: all 0.4s ease;
    	-text-decoration-linemoz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
	}
	.tour_curatedTravel .travelteam_img_img:hover, .tour_curatedTravel .travelteam_img_noimg:hover{
		-moz-transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}
	.tour_curatedTravel .travelteam_img_noimg > span{
		font-size: 3rem;
		color: #FFF;
	}
	.tour_curatedTravel .travelteam_detail{
		display: block;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    padding: 5px;
    	box-sizing: border-box;
	}
	.tour_curatedTravel .travelteam_title{
	    width: 100%;
	    box-sizing: border-box;
	    line-height: 2rem;
	    color: #fff;
	    font-size: 1.5rem;
	    transition: all .5s;
	    margin-bottom: 10px;
	    letter-spacing: 2px;
	    padding-left: 2px;
	    font-family: "Noto Serif TC", serif;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		position: relative;
	}
	.tour_curatedTravel .travelteam_title img{
		width: 30px;
    	vertical-align: top;
	}
	.tour_curatedTravel .travelteam_title:hover, .tour_curatedTravel .travelteam_title:hover img{ opacity: .8; }
	.tour_curatedTravel .travelteam_desc{
		color: #fff;
		letter-spacing: 2px;
    	padding-left: 2px;
    	position: relative;
    	transition: all .5s;
    	display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.tour_curatedTravel .travelteam.swiper-slide .travelteam_title{
		bottom: -30px;
	}

	.tour_curatedTravel .travelteam.swiper-slide-active .travelteam_title{
		bottom: 0;
	}

	.tour_curatedTravel .travelteam.swiper-slide .travelteam_desc{
		bottom: -50px;
	}

	.tour_curatedTravel .travelteam.swiper-slide-active .travelteam_desc{
		bottom: 0;
	}

	.tour_curatedTravel .travelteam_place{
		color: #60c1bd;
		display: flex;
		justify-content: flex-start;
		align-items: baseline;
	}
	.tour_curatedTravel .travelteam_place > span{
		display: inline-block;
		margin-left: -15px;
	}
	.tour_curatedTravel .travelteam_price{
		font-size: 1rem;
	    color: #594630;
	}
	/* 箭頭 */
		.tour_curatedTravel-next, .tour_curatedTravel-prev{
			position: absolute;
			top: 50%;
			width: 40px;
			height: 50px;
			margin-top: -30px;
			z-index: 10;
			cursor: pointer;
			background-size: 40px 50px;
			background-position: center;
			background-repeat: no-repeat;
		}
		.tour_curatedTravel-next, .swiper-container-rtl .tour_curatedTravel-next{
			left: 10px;
			right: auto;
			background-image: url(/webeip/HT00424/img/arrow-left.png);
		}
		.tour_curatedTravel-prev, .swiper-container-rtl .tour_curatedTravel-prev{
			background-image: url(/webeip/HT00424/img/arrow-right.png);
			right: 10px;
			left: auto;
		}
	/* cursor arrow */

		.cursor-arrow{
			position:fixed;
			top:0;
			left:0;
			width:80px;
			pointer-events:none;
			transform:translate(-50%,-50%);
			opacity:0;
			z-index:9999;
		}

		.cursor-arrow img{
			width:100%;
		}
/* 旅遊與講座 */
	.tour_news{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: flex-start;
		align-items: stretch;
		padding: 50px 0 100px;
		position: relative;
	}
	.tour_news_bg{
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url(/webeip/ht00424/img/news_bg.jpg);
		position: absolute;
		top: 0;
		left: 0;
		filter: opacity(0.1) brightness(70%);
	}
	.tour_newstitle{
		width: 40%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		padding-top: 50px;
	}
	.tour_newstitle > h3{
		display: block;
		font-size: 1.75rem;
		letter-spacing: 10px;
		padding-top: 30px;
		box-sizing: border-box;
		font-family: "Noto Serif TC", serif;
		position: relative;
		writing-mode: vertical-lr;
		font-weight: normal;
	}
	.tour_newstitle > h3:after{
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #0ddab9;
		left: 20px;
		top: 0;
	}
	.tour_newstitle > p{
		writing-mode: vertical-lr;
		letter-spacing: 1px;
		font-family: "Noto Serif TC", serif;
		color: #898989;
		padding-top: 30px;
	}
	.tour_newstitle_btn{
		width: 100%;
    	text-align: center;
	}
	.tour_newstitle_btn > a{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 1px;
		padding-left: 10px;
		font-family: "Noto Serif TC", serif;
		transition: all .3s;
		position: relative;
		font-size: 1.15rem;
		color: #000;
	}

	.tour_newstitle_btn > a img{
	    display: inline-block;
		width: 30px;
		vertical-align: top;
		border-radius: 50%;
		border: 1px solid #000000;
		padding: 5px;
		box-sizing: border-box;
		margin: 5px;
		transition: all .3s;
		position: relative;
		left: 0;
	}

	.tour_newstitle_btn > a:hover img{
		left: 5px;
	}

/* 圖示站內 */
		.tour_news .ShowImgUrlLink_wrap{
			
		}
		.tour_body{
			width: 100%;
			margin: 50px 0;
		}
		.tour_news .ShowImgUrlLink_main2{
			width: 58%;
			max-width: 600px;
			min-height: 200px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
		}
		.tour_news .ShowImgUrlLink_box2{
			width: 100%;
			margin: 10px 0;
			box-sizing: border-box;
			transition: all .2s;
			position: relative;
		}
		.tour_news .ShowImgUrlLink_box2:hover{
			top: 5px;
		}

		.tour_news .ShowImgUrlLink_img2{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
		}
		.tour_news .ShowImgUrlLink_img_img2{
			display: block;
			width: 200px;
			position: relative;
			box-shadow: 0 0 5px rgb(0 0 0 / 50%);
			box-sizing: border-box;
		}
		.tour_news .ShowImgUrlLink_img_img2 img{
			width: 100%;
			vertical-align: top;
		}
		.tour_news .ShowImgUrlLink_img_noimg2{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.tour_news .ShowImgUrlLink_img_noimg2 > span{
			font-size: 3rem;
			color: #FFF;
		}
		.tour_news .ShowImgUrlLink_title2{
			width: 100%;
		    display: block;
		    text-align: center;
		    color: #000000;
		    font-size: 1.25rem;
		    letter-spacing: 5px;
		    padding-left: 5px;
		    box-sizing: border-box;
		    font-family: "Noto Serif TC", serif;
		}
		.tour_news .ShowImgUrlLink_updatedate{
			width: 90px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding-bottom: 20px;
		}
		.tour_news .ShowImgUrlLink_updatedate span{
			display: inline-block;
			font-family: Cormorant Garamond, serif;
		}

		.tour_news .ShowImgUrlLink_updatedate .ShowImgUrlLink_updatedate_day{
			font-size: 4.75rem;
			color: #3F51B5;	
			font-weight: bold;
		}

		.tour_news .ShowImgUrlLink_updatedate .ShowImgUrlLink_updatedate_year{
			font-size: 1.25rem;
			color: #000;
		}


@media screen and (max-width: 1100px){
	.section{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 40px;
		margin: 40px auto 0;
	}

	.main-swiper{ width: 100%; }
	.side_right{ width: 100%; }
}
@media screen and (max-width: 989px){
	.tour_left{ display: none; }
	.tour_box{ display: block; margin-top: 0; }
	.tour_content h4{
		text-align: center;
		font-size: 1.5rem;
	}

	.tour_curatedTraveltitle{
		left: 50%;
    	transform: translate(-50%, 0);
	}

	.tour_curatedTravel .travelteam{
		
	}

	.tour_curatedTravel .travelteam.swiper-slide-active{
		bottom: 0;
		transform: scale(1.1);
		width: 50% !important;
	}

	.tour_curatedTravel .travelteam.swiper-slide-active .travelteam_img_img div{
		height: 35vw;
	}
	.tour_curatedTravel .travelteam.swiper-slide .travelteam_img_img div{
		height: 25vw;
	}





}
@media screen and (max-width: 900px){
	.tour_main .imgadlink_group{
		width: calc(90% / 2);
		margin: 10px calc(10% / 4);
	}

}



@media screen and (max-width: 768px){

	.tour_main .imgadlink_group{
		width: 90%;
		margin: 10px auto;
	}
	.tour_main .adimg2{ height: 60vw; }
	.tour_main .tour_content h2 span{ font-size: 1.75rem; }
	.tour_main .adtxttitle{ font-size: 1.35rem; }
	.tour_body{ margin: 20px 0; }

	.tour_Luxury{
		padding: 50px 0 0;
	}


	.tour_Luxurytitle{
		top: 0;
	}
	.tour_Luxury .imgadlink_group3{
		width: 90%;
		margin: 10px auto;
	}
	.tour_Luxury .imgadlink_group3:nth-child(2){
		margin-top: 10px;
	}

	.tour_news{
		padding: 0 0 100px;
	}
	.tour_newstitle{ width: 100%; }

	.tour_news .ShowImgUrlLink_main2{
		width: 98%;
		max-width: 98%;
		margin: 10px auto;
		min-height: 200px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.tour_news .ShowImgUrlLink_img_img2{ display: none; }

}

@media screen and (max-width: 600px){
	.tour_curatedTravel .travelteam_main{
		padding-top: 20px;
	}
	.tour_curatedTravel .travelteam.swiper-slide-active{
		transform: scale(1);
		width: 100% !important;
	}
	.tour_curatedTravel .travelteam.swiper-slide{
		transform: scale(1);
		width: 100% !important;
	}

	.tour_curatedTravel .travelteam.swiper-slide-active .travelteam_img_img div{
		height: 55vw;
	}
	.tour_curatedTravel .travelteam.swiper-slide .travelteam_img_img div{
		height: 55vw;
	}

	.main-swiper{
		height: 55vw;
	}
}
@media screen and (max-width: 425px){



}