@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');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&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');

/* 大圖輪播器 carousel10 */

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

	.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;
	}
	.carousel10_img{
		width: 100%;
		height: 30vw;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 0 0 0 15px;
	}

	.carousel10_main .swiper-slide{
		background-color: #fff;
	}
	.carousel10_main .swiper-slide .carousel10_box{
		display: flex;
		justify-content: center;
		align-items: stretch;
	}

	.carousel10_main .swiper-slide .carousel10_box .carousel10_txt{
		width: 40%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: row-reverse;
		padding: 40px 0 20px 0;
		box-sizing: border-box;

	}

	.carousel10_main .swiper-slide .carousel10_box .carousel10_txt p{
		writing-mode: vertical-lr;
	}
	.carousel10_main .swiper-slide .carousel10_box .carousel10_txt .carousel10_title{
		font-size: 2rem;
		font-family: "Noto Serif TC", serif;
		letter-spacing: 5px;
		color: #000;
	}
	.carousel10_main .swiper-slide .carousel10_box .carousel10_txt .carousel10_subtitle{
		letter-spacing: 5px;
		color: #878787;
		line-height: 30px;
	}
	.carousel10_main .swiper-slide .carousel10_box .carousel10_a{
		width: 60%;
		padding-bottom: 40px;
		box-sizing: border-box;
	}

	/* 下方點點 */
		.carousel10_main .carousel10_pagination{
			position: absolute;
			text-align: center;
			-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;
			bottom: 0;
			padding: 20px 0 40px 0;
			width: 60%;
			left: auto;
    		right: 0;
    		text-align: left;
	    }
	    .carousel10_main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	        background: #b8860b;
	    }


	    .carousel10_main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	    	margin: 0 5px;
	    }
	    .carousel10_main .swiper-pagination-bullet{
	    	width: 12px;
		    height: 12px;
		    display: inline-flex;
		    justify-content: center;
		    align-items: center;
		    border-radius: 50%;
		    background: transparent;
		    box-sizing: border-box;
		    opacity: 1;
		    border: 1px solid #7d7d7d;
		    padding: 7px;
		    box-sizing: border-box;
		    position: relative;

	    }

	     .carousel10_main .swiper-pagination-bullet-active:after{
	     	position: absolute;
	     	content: "";
	     	width: 8px;
	     	height: 8px;
	     	background-color: #000;
	     	border-radius: 50%;


	     }

	/* 箭頭 */
		.carousel10-button-next, .carousel10-button-prev{
			position: absolute;
			top: 50%;
			width: 50px;
			height: 60px;
			margin-top: -10px;
			z-index: 10;
			cursor: pointer;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}
		.carousel10-button-next, .swiper-container-rtl .carousel10-button-next{
			right: 10px;
			left: auto;
			background-image: url(/webeip/HT00425/img/arrow-right.png);
		}
		.carousel10-button-prev, .swiper-container-rtl .carousel10-button-prev{
			background-image: url(/webeip/HT00425/img/arrow-left.png);
			left: 10px;
			right: auto;
		}
	/* 下滑按鍵 */
		.sliderdownbtn{
			bottom: 10px;
			left: 10px;
			cursor: pointer;
			width: 20px;
			height: 80px;
			position: absolute;
			z-index: 6;
			display: none;
		}
		.sliderdownbtn_line{
			cursor: pointer;
			width: 3px;
			height: 80px;
			background-color: rgba(255,255,255,.8);
			position: absolute;
			z-index: 6;
		}
		.sliderdownbtn_arrow{
			position: absolute;
			width: 3px;
			height: 20px;
			content: '';
			background-color: rgba(255,255,255,.8);
			left: 5px;
			bottom: 0;
			transform: rotateZ(30deg);
		}
	/* LOGO */
		.carousel10_wordTxT{
			position: absolute;
			right: 5%;
			top: 10%;
			z-index: 999;
			display: flex;
			justify-content: center;
			align-items: flex-end;
			flex-direction: column;
		}
		.carousel10_wordTxT > span{
			font-size: 4.5rem;
			color: #fff;
			font-family: "Cinzel", serif;
			letter-spacing: 5px;
			padding-left: 5px;
			font-weight: 500;
		}
	/* cursor arrow */

		.cursor-arrow{
			position:fixed;
			top:0;
			left:0;
			width:100px;
			height: 100px;
			pointer-events:none;
			transform:translate(-50%,-50%);
			opacity:0;
			z-index:9999;
			background-color: rgb(0 0 0 / 20%);
			display: flex;
			justify-content: center;
			align-items: center;
			backdrop-filter: blur(5px);
			border-radius: 50%;
		}

		.cursor-arrow span{
			display: inline-block;
			white-space: nowrap;
			color: #fff;
		}
		.cursor-arrow img{
			width:20px;
			vertical-align: top;
		}

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

			.carousel10_main .swiper-slide .carousel10_box .carousel10_txt{
				position: absolute !important;
				z-index: 9;
				height: 100vh !important;
				width: 100%;
			}

			.carousel10_img{ height: 50vw; border-radius: 0;}

			.carousel10_wordTxT{ display: none; }

			.carousel10_main .swiper-slide .carousel10_box .carousel10_a{
				width: 100%;
				padding-bottom: 0;
			}
			.carousel10_main .carousel10_pagination{
				width: 100%;
				padding: 10px 0;
				text-align: center;
			}
			.carousel10_main .swiper-slide .carousel10_box .carousel10_txt .carousel10_title,
			.carousel10_main .swiper-slide .carousel10_box .carousel10_txt .carousel10_subtitle{
				color: #FFF;
			}

			.carousel10_main .swiper-pagination-bullet{
				border: 1px solid #FFF;
			}
			.carousel10_main .swiper-pagination-bullet-active:after{
				background-color: #FFF;
			}
			.carousel10-button-next, .carousel10-button-prev{
				width: 30px;
				height: 40px;
				background-color: rgb(0 0 0 / 20%);
				border-radius: 5px;
			}

			/*.carousel10-button-next, .carousel10-button-prev{ display: none; }

			.carousel_main .swiper-container-horizontal>.swiper-pagination-bullets,
			.carousel_main .swiper-pagination-custom,
			.carousel_main .swiper-pagination-fraction{
				left: auto;
				right: 0;
				width: auto;
				transform: translate3d(0,0,0) translate(0, 0);
			}
			.carousel10-pagination .swiper-pagination-bullet{
					width: 15px;
				    height: 15px;
				    border-radius: 50%;
			}*/
			
		}

/* 團體蒐尋器 */
	
	.search_main{
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		background-color: #f8f8f8;
	}
	.search_btn > ul{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.search_btn > ul li a{
		display: inline-block;
	    padding: 10px 20px;
	    box-sizing: border-box;
	    font-size: 1.25rem;
	    background-color: rgb(255 255 255 / 80%);
	    color: #1484dd;
	    cursor: pointer;
	    transition: all .3s;
	    border-radius: 10px 10px 0 0;
	}
	.search_btn > ul li a.titleclick{
		background-color: #2196f3;
		color: #fff;
	}
	.search_btn > ul li:hover a{
		background-color: #2196f3;
		color: #fff;
	}
	.searchgrp_main{
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		padding: 20px 0;
		box-sizing: border-box;
	}
	.searchgrp_title{
		width: 100%;
		margin: 0 auto 20px;
		box-sizing: border-box;
		position: relative;
		border-bottom: 1px solid #e0944c;
	}
	.searchgrp_title > ul{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.searchgrp_title > ul li a{
		display: inline-block;
		padding: 10px 20px;
		box-sizing: border-box;
		font-size: 1.05rem;
		color: #000;
		cursor: pointer;
		transition: all .3s;
		border: 1px solid #f8f8f8;
	}
	.searchgrp_title > ul li a.titleclick{
		position: relative;
		border: 1px solid #e0944c;
		border-bottom: 2px solid #f8f8f8;
		top: 1px;
		color: #e0944c;
	}
	.searchgrp_title > ul li:hover a{
		color: #e0944c;
	}

	/* 蒐尋器 */
		.searchgrp_box{
			width: 100%;
			display: none;
		}
		.searchgrp_box1{
			display: block;
		}
		.searchgrp_box > form{
			display: block;
			width: 100%;
			margin: 0 auto;
			padding: 5px;
			box-sizing: border-box;
			border-radius: 0 0 5px 5px;
		}
		.searchgrp_box > form > ul{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-end;
		}
		.searchgrp_box > form > ul > li{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		    padding: 2px 5px;
		    box-sizing: border-box;
		    color: #000;
		    margin-bottom: 10px;
		}
		.searchgrp_box > form > ul > li:first-child{
			width: 25%;
		}
		.searchgrp_box > form > ul > li:nth-child(2),
		.searchgrp_box > form > ul > li:nth-child(3){
			width: 30%;
		}
		.searchgrp_box > form > ul > li:nth-child(4),
		.searchgrp_box > form > ul > li:nth-child(5){
			width: 15%;
		}
		.searchgrp_box > form > ul > li > div > .travel_select{
			width: 100%;
			line-height: 22px;
			padding: 0.5rem 0.5rem;
			margin: 0 0.25rem;
			font-size: 1rem;
			box-sizing: border-box;
			border: 1px solid #ddd;
		}
		.searchgrp_box > form > ul > li > div > .travel_select option{ box-sizing: border-box; }
		.searchgrp_box > form > ul > li > span{
			display: inline-block;
			margin: 0.25rem;
			color: #000;
			font-size: 1.15rem;
			letter-spacing: 2.5px;
			padding-left: 2.5px;
			box-sizing: border-box;
		}
		.searchgrp_box > form > ul > li > span i{
			display: inline-block;
			font-size: 0.95rem;
			margin-right: 5px;
		}
		.searchgrp_box > form > ul > li > div{
			width: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.searchgrp_box > form > ul > li > div > .searchgrp_day{
			width: 100%;
			display: flex;
			justify-content: center;
		    align-items: center;
		    position: relative;
		}

		.searchgrp_box > form > ul > li > div > .searchgrp_day > input[type="text"]{
			line-height: 22px;
			padding: 0.5rem 0.5rem;
			margin: 0 0.25rem;
			width: 100%;
			border: none;
			box-sizing: border-box;
			font-size: 1rem;
			border: 1px solid #ddd;
		}
		.searchgrp_box > form > ul > li > div > .searchgrp_day > span{
			white-space: nowrap;
		}
		.searchgrp_box > form > ul > li > div > .searchgrp_day > .icon-calendar4{
			display: inline-block;
			box-sizing: border-box;
			border-radius: 3px;
			color: #333;
			position: absolute;
			right: 15px;
			font-size: 1.25rem;
		}
		.searchgrp_box > form > ul > li > .searchgrp_keyword{ width: 100%; }
		.searchgrp_box > form > ul > li > .searchgrp_keyword > input[type="text"]{
			width: 100%;
		    line-height: 22px;
		    padding: 0.5rem 0.5rem;
		    margin: 0 0.25rem;
		    border: 1px solid #ddd;
		    box-sizing: border-box;
		    font-size: 1rem;
		}
		.searchgrp_box > form > ul > li > input[type="submit"]{
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			border: 0;
			border-radius: 2px;
			margin: 0 0.25rem;
			background-color: #e0944c;
			color: #fff;
			cursor: pointer;
			transition: all .5s;
			font-size: 1rem;
		}
		.searchgrp_box > form > ul > li > input[type="submit"]:hover{ background-color: #FF0000; }
/* 大區塊 */
	.travel_main{
		width: 100%;
	}
	.travel_mainTitle{
		display: flex;
		flex-direction: row-reverse;
	    justify-content: center;
	    align-items: flex-start;
	}
	.travel_mainTitle h3,
	.travel_mainTitle p{
		writing-mode: vertical-lr;
		font-family: "Noto Serif TC", serif;
		color: #000;
		letter-spacing: 5px;
	}
	.travel_mainTitle h3{
		font-size: 2rem;
	}
	.travel_mainTitle p{
		line-height: 25px;
	}

	.travel_nav{
		width: 95%;
		margin: 20px auto 0;
	}

	.travel_nav > ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		position: relative;
	}

	.travel_nav > ul li{
		display: inline-block;
	}
	.travel_nav > ul li a{
		display: inline-block;
		padding: 5px 10px 5px 15px;
		letter-spacing: 5px;
		transition: all .3s;
		cursor: pointer;
		color: #000;
		margin-right: 10px;
		margin-bottom: 10px;
		position: relative;
		font-family: "Noto Serif TC", serif;
	}
	.travel_nav > ul li a:after{
		position: absolute;
		content: "";
		width: 15px;
		height: 1px;
		background-color: #c0c0c0;
		top: 50%;
		right: -10px;
	}
	.travel_nav > ul li:last-child a:after{
		display: none;
	}
	.travel_nav > ul li a.titleclick2{
		color: #b79d67;
	}
	.travel_nav > ul li a:hover{
		color: #b79d67;
	}


/* 主題旅遊 */
	.theme_main{
		width: 100%;
		position: relative;
		background-image: url(/webeip/HT00425/img/customized_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	/* 主題專區-圖像廣告連結 */

	.adlink_main{
		width: 100%;
		overflow: hidden;
		padding: 120px 0 80px;
		box-sizing: border-box;
		position: relative;
	}
	.adlink_box{
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.adlink_box_mainTitle{
		position: absolute;
		right: 100px;
		top: -40px;
	}


	.adlink_main .imgadlink_main{
		width: 100%;
		margin: 0 auto;
		padding-left: 50px;
		box-sizing: border-box;
		display: block;
		overflow: unset;
	}
	.adlink_main .imgadlink_group{
		width: 100%;
	    box-sizing: border-box;
	    transition: all .2s;
	    position: relative;
	    display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	.adlink_main .adimg{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.adlink_main .adimg a{
		width: 100%;
		overflow: hidden;
		border-radius: 10px;
	}
	.adlink_main .adimg a img{
		vertical-align: top;
		border-radius: 10px;
		width: 100%;
		position: relative;
		-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;
	}
	.adlink_main .imgadlink_group:hover .adimg a img{
		-moz-transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}
	.adlink_main .adiframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.adlink_main .adtxt{
		width: 50%;
		max-width: 450px;
		min-height: 200px;
		transition: all .5s;
		background-color: #fff;
		position: relative;
		right: 50px;
		bottom: -50px;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 10px;
		
	}
	.adlink_main .adtxt > a > div{ width: 100%; }
	.adlink_main .adtxt > a > div h2{
		display: block;
		font-family: "Noto Serif TC", serif;
		letter-spacing: 2px;
		padding-left: 2px;
		box-sizing: border-box;
		transition: all .3s;
		color: #000;
		font-size: 1.25rem;
	}

	.adlink_main .adexplain{
		display: block;
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		font-size: 0.9rem;
		letter-spacing: 1px;
		padding-left: 1px;
		margin-top: 10px;
		color: #888;
	}

	.adlink_main .adexplain span{
		display: inline-block;
		font-size: 1rem;
		border-bottom: 1px solid #000;
		color: #000;
		letter-spacing: 2px;
		padding-left: 2px;
		box-sizing: border-box;
		margin-top: 20px;
		padding-bottom: 5px;
		font-family: "Noto Serif TC", serif;
	}

	.adlink_main .adtxt h2,
	.adlink_main .adtxt .adexplain {
		opacity: 0;
		transform: translateX(40px);
		filter: blur(3px);
	}

	.adlink_main .swiper-slide-active .adtxt h2,
	.adlink_main .swiper-slide-active .adtxt .adexplain{
		animation: textIn 0.6s ease forwards;
		animation-delay: 0.3s;
	}


	/* 動畫 */
	@keyframes textIn {
		to {
			opacity: 1;
			transform: translateX(0);
			filter: blur(0px);
		}
	}

	/* 頁碼位置 */
	.adlink_main .page-num{
		width: 60%;
		position: absolute;
		top: -60px;
		font-family: Cormorant Garamond,serif;
		letter-spacing: 3px;
		color: #333;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: 30px;
	}

	/* current 做動畫容器 */
	.adlink_main .num-wrap{
		display: inline-block;
		overflow: hidden;

	}

	/* 數字 */
	.adlink_main .current{
		display: inline-block;
		font-size: 2.5rem;
		transition: all .4s ease;
		font-family: Cormorant Garamond, serif;
		margin-right: 5px;
	}

	/* total */
	.adlink_main .total{
		font-family: Cormorant Garamond, serif;
		opacity: 0.4;
		font-size: 1.5rem;
	}

	/* 👉 上下滑動畫 */
	.adlink_main .current.up{
		transform: translateY(-100%);
		opacity: 0;
	}

	.adlink_main .current.down{
		transform: translateY(100%);
		opacity: 0;
	}



	/* 下方點點 */
		.adlink_main .imgadlink_pagination{
			position: absolute;
			text-align: center;
			-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;
			bottom: 0;
			padding: 0 0 0 50px;
			box-sizing: border-box;
			bottom: -50px;
			width: 60%;
			left: 0;
			right: auto;
			text-align: left;
		}
		.adlink_main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
			background: #b8860b;
		}


		.adlink_main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
			margin: 0 5px;
		}
		.adlink_main .swiper-pagination-bullet{
			width: 12px;
			height: 12px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			background: transparent;
			box-sizing: border-box;
			opacity: 1;
			border: 1px solid #7d7d7d;
			padding: 7px;
			box-sizing: border-box;
			position: relative;
		}

		.adlink_main .swiper-pagination-bullet-active:after{
			position: absolute;
			content: "";
			width: 8px;
			height: 8px;
			background-color: #000;
			border-radius: 50%;
		}
	
	
	/* 客製服務BANNER */
		.customized_main{
			width: 100%;
			overflow: hidden;
			padding: 100px 0;
			box-sizing: border-box;
			position: relative;
		}
		.customized_main_bgR{
			position: absolute;
			top: 0;
			max-width: 600px;
			right: 0;
		}
		.customized_main_bgL{
			position: absolute;
			top: 0;
			max-width: 600px;
			left: 0;
		}
		.customized_mainimg{
			width: 80%;
	   		margin: 0 auto;
	   		height: 350px;
	   		position: relative;
	   		display: flex;
	   		justify-content: center;
	   		align-items: center;
	   		overflow: hidden;
	   		border-radius: 10px;
	   		z-index: 9;
		}
		.customized_mainimg img{
			position: absolute;
			width: 100%;
			vertical-align: top;
			border-radius: 10px;
		}
		.customized_mainimg_bg{
			width: 100%;
			vertical-align: top;
			opacity: .3;
			top: 0;
			position: absolute;
		}
		.customized_mainTitle{
			position: absolute;
		}
		.customized_mainTitle h3,
		.customized_mainTitle p{
			color: #fff;
		}



		/* LOGO */
			.customized_main_wordTxT{
				position: absolute;
				right: 9%;
				top: 11%;
				z-index: 999;
				display: flex;
				justify-content: center;
				align-items: flex-start;
				flex-direction: row-reverse;
			}
			.customized_main_wordTxT > span{
				font-size: 4rem;
				color: #444;
				writing-mode: vertical-lr;
				font-family: "Cinzel", serif;
				letter-spacing: 5px;
				padding-left: 5px;
				font-weight: 500;
				line-height: 60px;
			}
			.customized_main_wordTxT > span:nth-child(2){
				padding-top: 40px;
			}
	/* 主題旅遊 */
		.themeTravel_main{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
			padding-bottom: 100px;
		}
		.themeTravel_mainTitle{
			width: 40%;
		}
		.themeTravel_mainTitle p{
			color: #878787;
		}
		.themeTravel_box{
			width: 60%;
		}
		.outtour_nav{
			width: 100%;
			margin: 0 auto;
			overflow-x: auto;
			overflow-y: hidden;
		}

		.outtour_box2, .outtour_box3, .outtour_box4,
		.outtour_box5, .outtour_box6, .outtour_box7{ display: none; }

		/* 圖示團體旅遊 */
			.themeTravel_box .travelteam_main{
				width: 100%;
				max-width: 1200px;
				min-height: 200px;
				margin: 0 auto;
				padding-bottom: 40px;
				/*display: flex;
				flex-wrap: wrap;
				align-items: stretch;
				justify-content: flex-start;*/
			}
			.themeTravel_box .travelteam{
				width: calc(90% / 3);
				box-sizing: border-box;
				margin: 10px;
				transition: all .3s;
				position: relative;
				border-radius: 10px;
			}
			.themeTravel_box .travelteam_img{
				display: block;
				width: 100%;
				overflow: hidden;
				border-radius: 10px;
				position: relative;
			}
			.themeTravel_box .travelteam_img:after{
				content: "";
				position: absolute;
				inset: 0;
				background: rgba(0,0,0,0.4); /* ⭐ 控制暗度 */
				transition: all .3s;
			}
			.themeTravel_box .travelteam_img_img{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 25vw;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;
				transition: all .3s;
				border-radius: 10px;
			}
			.themeTravel_box .travelteam_img_noimg{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 230px;
				background-color: #DDD;
				transition: all .3s;.
				border-radius: 10px;
			}
			.themeTravel_box .travelteam_img_noimg > span{
				font-size: 3rem;
				color: #FFF;
			}
			.themeTravel_box .travelteam:hover .travelteam_img_img,
			.themeTravel_box .travelteam:hover .travelteam_img_noimg{
				transform: scale(1.05);
			}
			.themeTravel_box .travelteam:hover .travelteam_img:after{
				background: rgba(0,0,0,0.2);
			}
			.themeTravel_box .travelteam_title{
				height: 80%;
				color: #fff;
				position: absolute;
				writing-mode: vertical-lr;
				font-family: "Noto Serif TC", serif;
				top: 50%;
			    left: 50%;
			    transform: translate(-50%, -50%);
				display: flex;
				justify-content: flex-start;
				align-items: center;
				padding: 10px;
				box-sizing: border-box;
				letter-spacing: 2px;
				font-size: 1.25rem;
				border-top: 1px solid #d5d5d5;
	   			border-bottom: 1px solid #d5d5d5;
	   			width: 60px;
	    		overflow: hidden;
			}
			.themeTravel_box .travelteam_price{
				text-align: end;
				padding: 5px;
				box-sizing: border-box;
			}
			.themeTravel_box .travelteam_price span{
				font-size: 1.25rem;
				color: #F44336;
				font-weight: bold;
				margin: 0 3px;
			}
			.themeTravel_box .travelteam_price i{
				font-size: 1rem;
				color: #000;
				font-style: normal;
			}
			.themeTravel_box .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;
			}

			/* 不啟用 swiper */
			.themeTravel_box .travelteam_main.no-swiper .swiper-wrapper {
			  display: flex;
			  gap: 20px;
			}

			.themeTravel_box .travelteam_main.no-swiper .swiper-slide {
			  width: calc((100% - 40px) / 3);
			  opacity: 1 !important;
			  transform: none !important;
			}

			/* 下方點點 */
			.themeTravel_box .travelteam_pagination{
				position: absolute;
				text-align: center;
				-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;
				bottom: 0;
				padding: 0;
				width: 100%;
				left: 0;
	    		text-align: left;
		    }
		    .themeTravel_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
		        background: #b8860b;
		    }


		    .themeTravel_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
		    	margin: 0 5px;
		    }
		    .themeTravel_box .swiper-pagination-bullet{
		    	width: 12px;
			    height: 12px;
			    display: inline-flex;
			    justify-content: center;
			    align-items: center;
			    border-radius: 50%;
			    background: transparent;
			    box-sizing: border-box;
			    opacity: 1;
			    border: 1px solid #7d7d7d;
			    padding: 7px;
			    box-sizing: border-box;
			    position: relative;

		    }

		    .themeTravel_box .swiper-pagination-bullet-active:after{
		     	position: absolute;
		     	content: "";
		     	width: 8px;
		     	height: 8px;
		     	background-color: #000;
		     	border-radius: 50%;
		     }
/* 最新特別企劃 */
	.project_main{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		padding: 100px 0;
		position: relative;
	}
	.project_bgR{
		position: absolute;
		width: 100%;
		max-width: 1200px;
		right: 0;
		top: 0;
	}
	.project_bgL{
		position: absolute;
		width: 100%;
		max-width: 800px;
		left: 0;
		bottom: 0;
	}


	.project_mainTitle{
		width: 100%;
		margin-bottom: 50px;
	}

	.project_wrap{
		width: 98%;
		margin: 0 auto;
	}



	/* 站內活動快報(圖文日期) */
		.project_main .ShowImgUrlLink_main{
			width: 100%;
			max-width: 1200px;
			margin: 10px auto;
			padding: 0 10px 0 12px;
			box-sizing: border-box;

		}
		.project_main .ShowImgUrlLink_main .swiper-wrapper{
			align-items: center;
			min-height: 500px;
		}
		.project_main .ShowImgUrlLink_box{
			width: calc(90% / 3);
			margin: 10px auto;
			transition: all .2s;
			position: relative;
			border-radius: 10px;
			opacity: .8;

		}
		.project_main .ShowImgUrlLink_img{
			display: block;
			width: 100%;
			overflow: hidden;
			border-radius: 10px;
			position: relative;
		}
		.project_main .ShowImgUrlLink_img_img > div{
			position: relative;
			display: block;
			width: 100%;
			height: 400px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			border-radius: 10px;
			transition: all .5s;
		}
		.project_main .ShowImgUrlLink_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 400px;
			background-color: #DDD;
			border-radius: 10px;
		}
		.project_main .ShowImgUrlLink_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}

		.project_main .ShowImgUrlLink_box .ShowImgUrlLink_img_img:after{
			content: "";
			position: absolute;
			inset: 0;
			background: rgba(0,0,0,0.5); /* ⭐ 控制暗度 */
			transition: all .3s;
			border-radius: 10px;
		}
		.project_main .ShowImgUrlLink_box:hover .ShowImgUrlLink_img_img > div,
		.project_main .ShowImgUrlLink_box:hover .ShowImgUrlLink_img_noimg{
			transform: scale(1.05);
		}

		.project_main .ShowImgUrlLink_box:hover .ShowImgUrlLink_img_img:after{
			background: rgba(0,0,0,0.1);
		}



		.project_main .ShowImgUrlLink_box.swiper-slide-active{
			opacity: 1;
			transform: scale(1.05);
		}

		.project_main .ShowImgUrlLink_box.swiper-slide-active .ShowImgUrlLink_img_img > div{
			height: 450px;
		}

		.project_main .ShowImgUrlLink_box.swiper-slide-active .ShowImgUrlLink_img_img:after{
			background: rgba(0,0,0,0.1);
		}


		.project_main .ShowImgUrlLink_title{
			width: 100%;
			text-align: left;
			padding: 0.5rem;
			box-sizing: border-box;
			word-wrap: break-word;
			position: absolute;
			top: 50%;
			transform: translate( 0 , -50% );
			
		}
		.project_main .ShowImgUrlLink_title p{
			color: #fff;
			letter-spacing: 2px;
			padding-left: 2px;
			box-sizing: border-box;
		}
		.project_main .ShowImgUrlLink_title .ShowImgUrlLink_maintitle{
			margin-bottom: 5px;
			font-family: "Noto Serif TC", serif;
			font-size: 1.5rem;
		}
		.project_main .ShowImgUrlLink_date{
			width: 100%;
			text-align: right;

		}
		.project_main .ShowImgUrlLink_startdate,
		.project_main .ShowImgUrlLink_updatedate{
			display: inline-block;
			padding: 0.25rem;
			box-sizing: border-box;
			font-size: 0.8rem;
			color: #777;
		}

		/* 箭頭 */
			.project_main .ShowImgUrlLink-button-next, .project_main .ShowImgUrlLink-button-prev{
				position: absolute;
				top: 50%;
				width: 50px;
				height: 60px;
				margin-top: -10px;
				z-index: 10;
				cursor: pointer;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				background-color: rgb(0 0 0 / 50%);
    			border-radius: 10px;
			}
			.project_main .ShowImgUrlLink-button-next, .project_main .swiper-container-rtl  .ShowImgUrlLink-button-next{
				background-image: url(/webeip/HT00425/img/arrow-right.png);
				right: 10px;
				left: auto;
			}
			.project_main .ShowImgUrlLink-button-prev, .project_main .swiper-container-rtl  .ShowImgUrlLink-button-prev{
				background-image: url(/webeip/HT00425/img/arrow-left.png);
				left: 10px;
				right: auto;
			}
/* 跑馬燈 */
	.logo_marquee {
		width: 100%;
		overflow: hidden;
		padding: 20px 0;
		box-sizing: border-box;
		position: relative;
		background-image: url(/webeip/HT00425/img/marquee_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.logo_track {
		display: flex;
		width: max-content;
		animation: marquee 35s linear infinite;
	}

	.logo_marquee:hover .logo_track {
		animation-play-state: paused;
	}

	.logo_item {
		flex-shrink: 0;
		width: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 20px;
	}

	.logo_item img {
		max-width: 100%;
		max-height: 40px;
		object-fit: contain;
		filter: grayscale(100%);
		opacity: 0.8;
		transition: 0.3s;
	}

	.logo_item img:hover {
		filter: grayscale(0%);
		opacity: 1;
		transform: scale(1.05);
	}

	@keyframes marquee {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-50%);
		}
	}

@media (max-width: 850px)
{
	.adlink_main{
		padding: 50px 0 0;
	}
	.adlink_box_mainTitle{
		position: static;
	}
	.adlink_main .imgadlink_main{
		padding-left: 0;
		margin: 50px auto 40px;
	}
	.adlink_main .imgadlink_group{
		flex-wrap: wrap;
	}
	.adlink_main .adtxt{
		width: 100%;
		max-width: 100%;
		min-height: auto;
		right: 0;
        bottom: 0;
	}

	.adlink_main .page-num{
		width: 100%;
		margin-left: 0;
	}
	.adlink_main .imgadlink_pagination{
		padding: 0;
		bottom: -30px;
		width: 100%;
		left: 0;
		text-align: center;
	}


}
@media (max-width: 768px)
{
	/*.search_main{ margin-top: -45px; }*/

	.searchgrp_title > ul li a{
		padding: 10px;
		font-size: 1.15rem;
	}

	.searchgrp_box > form > ul > li:first-child,
	.searchgrp_box > form > ul > li:nth-child(2),
	.searchgrp_box > form > ul > li:nth-child(3),
	.searchgrp_box > form > ul > li:nth-child(4),
	.searchgrp_box > form > ul > li:nth-child(5){ width: 100%; }

	.searchgrp_box > form > ul > li:nth-child(2){
		flex-wrap: wrap;
	}
	.searchgrp_box > form > ul > li:nth-child(2) > .searchgrp_day{ margin-bottom: 5px; }


	.customized_main{
		padding: 50px 0;

	}

	.customized_mainimg{
		width: 90%;
		height: 50vh;
	}
	.customized_mainimg img{
		width: auto;
		height: 100%;
	}
	.customized_main_wordTxT{
		right: 10px;
		top: 10px;
	}

	.customized_main_wordTxT > span{
		font-size: 2rem;
        line-height: 30px;
	}
	.customized_main_wordTxT > span:nth-child(2){
		padding-top: 20px;
	}

	.themeTravel_main{
		padding-bottom: 50px;
	}

	.themeTravel_mainTitle{
		width: 100%;
		margin-bottom: 20px;
	}

	.travel_nav > ul{
		flex-direction: column;
		height: 35px;
	}

	.themeTravel_box{
		width: 100%;
	}

	.themeTravel_box .travelteam_img_img,
	.themeTravel_box .travelteam_img_noimg{
		height: 50vw;
	}
	.project_main{
		padding: 50px 0;
	}

	.project_main .ShowImgUrlLink_title .ShowImgUrlLink_maintitle{
		font-size: 1.15rem;

	}
	.project_main .ShowImgUrlLink_title p{
		font-size: 0.9rem;
	}
	.project_main .ShowImgUrlLink_main .swiper-wrapper{
		min-height: auto;
	}

	.project_main .ShowImgUrlLink_box.swiper-slide-active{
		opacity: 1;
		transform: scale(1);
	}

	.project_main .ShowImgUrlLink_img_img > div,
	.project_main .ShowImgUrlLink_box.swiper-slide-active .ShowImgUrlLink_img_img > div{
		height: 65vw;
	}

	.project_main .ShowImgUrlLink-button-next,
	.project_main .ShowImgUrlLink-button-prev{
		width: 30px;
		height: 40px;
		border-radius: 5px;
	}





}

@media (max-width: 425px)
{
	.themeTravel_box .travelteam_img_img,
	.themeTravel_box .travelteam_img_noimg{
		height: 95vw;
	}



}