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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&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');
html, body{ overflow: auto; }
/* 大圖輪播器 Ver.2 */
	.carousel_main{
		position: relative;
	}
	.carousel_main:before{
		position: absolute;
		content: '';
		width: 100%;
		height: 20%;
    	background-image: linear-gradient(hsla(0, 0%, 100%, 0) 30%, #fff);
		bottom: 0;
		left: 0;
		z-index: 99;
	}
	.carousel2{
		width: 100%;
		margin: 0 auto;
	}
	.carousel2.slick-slider{ margin-bottom: 0;}
	.carousel2 > div > div > .promo-item > div > img{
		vertical-align: top;
		width: 100%;
		height: auto;
	}
	.carousel2 > div > div > .promo-item > div > div{
		vertical-align: top;
		width: 100%;
		height: 500px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		filter: brightness(0.9);
	}
	/* 說明 */

	.carousel2 .promo-item-content{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50% , -50%);
		color: #fff;
		z-index: 20;
		text-align: center;

	}
	.carousel2 .promo-item-content .promo-item-content_Maintitle{

		font-size: 3rem;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
		font-family: "Cormorant Garamond", serif;
		text-align: center;
		margin-bottom: 20px;
	}
	.carousel2 .promo-item-content .promo-item-content_title{
		font-size: 1.75rem;
		text-align: center;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.carousel2 .promo-item-content .promo-item-content_content{
		font-size: 1rem;
		text-align: center;
		font-weight: normal;
		letter-spacing: 2px;
		padding-left: 2px;
		box-sizing: border-box;
	}

	.carousel2 .promo-item-content .promo-item-content_btn{
		position: relative;
		display: inline-block;

		padding: 5px 15px;

		border: 1px solid #fff;

		color: #fff;

		overflow: hidden;

		transition: .4s ease-in-out;

		margin: 20px auto;
	}
	
	.carousel2 .promo-item-content .promo-item-content_btn span{
		margin-bottom: 0;
		font-family: "Cormorant Garamond", serif;
		font-size: 1.15rem;
		letter-spacing: 1px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		font-style: italic;
	}
	.carousel2 .promo-item-content .promo-item-content_btn span:after{
		content: "";
		display: block;
		height: 1px;
		margin-left: 12px;
		transform-origin: left;
		transition: .4s ease-in-out;
		width: 15px;
		background: #fff;
	}
	.carousel2 .promo-item-content .promo-item-content_btn span:before{
		content: "\e670";
		font-family: 'icomoon' !important;
		left: 100%;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		transition: transform .4s ease-in-out;
		font-style: normal;
	}


	/* hover */
	.carousel2 .promo-item-content .promo-item-content_btn:hover{
		background: #b79d67;
		border: 1px solid #b79d67;
	}

	.carousel2 .promo-item-content .promo-item-content_btn:hover span{
		color: #fff;
	}

	.carousel2 .promo-item-content .promo-item-content_btn:hover span:after{
		transform: scaleX(0);
	}
	.carousel2 .promo-item-content .promo-item-content_btn:hover span:before{
		transform: translate(-30px, -50%);
	}


	/* 箭頭 */
	.carousel2 .slick-prev, .carousel2 .slick-next{
		width: 40px;
    	height: 50px;
    	transition: all .3s linear;
	}
	.carousel2 .slick-next, .carousel2 .slick-next:hover, .carousel2 .slick-next:focus{
		background: url(/webeip/HT00100/Peggy/carousel10/img/arrow-right-w.svg);
		background-repeat: no-repeat;
    	background-size: contain;
		right: 15px;
		background-color: rgba(0,0,0,.3);	
	}
	.carousel2 .slick-prev, .carousel2 .slick-prev:hover, .carousel2 .slick-prev:focus{
		background: url(/webeip/HT00100/Peggy/carousel10/img/arrow-left-w.svg);
		background-repeat: no-repeat;
    	background-size: contain;
		left: 15px;
    	z-index: 99;
    	background-color: rgba(0,0,0,.3);
	}
	.carousel2 .slick-next:before, .carousel2 .slick-prev:before{ display: none; }

	.carousel2 > .slick-dots {
		position: absolute;
		bottom: 10%;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
    	align-items: center;
    	background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,transparent),to(rgba(0,0,0,.85)));
    	background: linear-gradient(transparent 10%,rgba(0,0,0,.85));
	}
	.carousel2 > .slick-dots li{
		width: 100%;
		height: auto;
		background: none;
		text-transform: uppercase;
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
		color: #fff;
		font-size: 0.9rem;
		margin: 0;
	}
	.carousel2 > .slick-dots li span{
		transition: all .8s;
	}
	.carousel2 > .slick-dots .slick-active{
		position: relative;
	}
	.carousel2 > .slick-dots .slick-active span{
		font-size: 1.25rem;
	}
	.carousel2 > .slick-dots li:before{
		content: '';
		width: 0;
		height: 5px;
		position: absolute;
		bottom: 0;
	    left: 0;
	    background-color: #fff;
	    transition: all .8s;
	}
	.carousel2 > .slick-dots .slick-active:before{
		width: 100%;
	}

	.sliderdownbtn{
		position: absolute;
		bottom: 5px;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 999;
		cursor: pointer;
	}
	.sliderdownbtn_img{ width: 60px; }
	.sliderdownbtn_img > img{
		width: 100%;
		vertical-align: top;
		opacity: .5;
	}
	@media (max-width: 850px){
		/*.carousel_main:before{
			background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,transparent),to(rgba(0,0,0,.85)));
    		background: linear-gradient(transparent 10%,rgba(0,0,0,.85));
		}*/

		.carousel2 .promo-item-content .promo-item-content_Maintitle{
			font-size: 2.5rem;
			margin-bottom: 10px;
		}
		.carousel2 .promo-item-content .promo-item-content_title{
			font-size: 1.5rem;
			margin-bottom: 10px;
		}
		.sliderdownbtn{ bottom: 0; }
	}
/* cursor arrow*/

	.cursor-arrow{
		position: fixed;
		left: 0;
		top: 0;

		width: 120px;
		height: 120px;

		border-radius: 50%;

		overflow: hidden;

		pointer-events: none;

		z-index: 9999;

		/*opacity: 0;*/

		filter: blur(5px);

		transform: translate(-50%, -50%) scale(0);

		transition:
			opacity .45s ease,
			transform .55s cubic-bezier(.22,.61,.36,1),
			filter .55s ease;
	}

	.cursor-arrow.active{
		/*opacity: 1;*/

		filter: blur(0);

		transform: translate(-50%, -50%) scale(1);
	}

	/* 縮圖 */

	.cursor-thumb{
		position: absolute;
		inset: 0;

		background-size: cover;
		background-position: center;

		transform: scale(1);

		transition: transform .5s;
	}

	.cursor-thumb::after{
		content:'';

		position:absolute;
		inset:0;

		background: rgba(0,0,0,.25);
		backdrop-filter: blur(1px);
	}

	.cursor-arrow.active .cursor-thumb{
		transform: scale(1.08);
	}

	/* 文字 */

	.cursor-text{
		position:absolute;
		inset:0;

		display:flex;
		align-items:center;
		justify-content:center;

		z-index:2;
	}

	.cursor-text span{
		color:#fff;

		font-size:1.5rem;
		font-weight:600;

		letter-spacing:3px;

		padding-left:3px;

		font-family: "Cormorant Garamond", serif;
		font-style: italic;
	}

	/* 點擊 */

	.cursor-arrow.clicking{
		transform: translate(-50%, -50%) scale(.9);
	}

	/* 波紋 */

	.cursor-ripple{
		position: fixed;
		left: 0;
		top: 0;

		width: 20px;
		height: 20px;

		border-radius: 999px;

		border: 2px solid rgba(255,255,255,.8);

		transform: translate(-50%, -50%) scale(0);

		pointer-events: none;

		z-index: 9998;

		animation: rippleEffect .7s ease-out forwards;
	}

	@keyframes rippleEffect{

		0%{
			opacity: 1;
			transform: translate(-50%, -50%) scale(0);
		}

		100%{
			opacity: 0;
			transform: translate(-50%, -50%) scale(8);
		}

	}

	/* 手機關閉 */

	@media(max-width:768px){

		.cursor-arrow,
		.cursor-ripple{
			display:none !important;
		}

	}

/* 標題 */
	.body_title{
		width: 100%;
	    text-align: center;
	    padding-bottom: 100px;
	    position: relative;
	    z-index: 99;
	}
	.body_title > h2{
		font-size: 1rem;
		letter-spacing: 5px;
	    padding-left: 5px;
	    box-sizing: border-box;
		line-height: 40px;
		font-family: 'Noto Serif TC', serif;
	}
	.body_title > span{
		display: inline-block;
	    font-size: 4.5rem;
	    font-family: 'Cormorant Garamond', serif;
	    letter-spacing: 2px;
	    padding-left: 2px;
	    box-sizing: border-box;
    	font-style: italic;
	}
	.body_title > i{
		display: inline-block;
		font-style: normal;
		margin: 0 20px;
		font-family: 'Cormorant Garamond', serif;
		font-weight: bolder;
		font-size: 4rem;
	}
	.body_title_btn{
		position: absolute;
		right: 0;
		bottom: 80px;
		display: inline-block;

		padding: 5px 15px;

		border: 1px solid #000;

		color: #000;

		overflow: hidden;

		transition: .4s ease-in-out;

	}
	
	.body_title_btn span{
		margin-bottom: 0;
		font-family: "Cormorant Garamond", serif;
		font-size: 1.15rem;
		letter-spacing: 1px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		font-style: italic;
	}
	.body_title_btn span:after{
		content: "";
		display: block;
		height: 1px;
		margin-left: 12px;
		transform-origin: left;
		transition: .4s ease-in-out;
		width: 15px;
		background: #000;
	}
	.body_title_btn span:before{
		content: "\e670";
		font-family: 'icomoon' !important;
		left: 100%;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		transition: transform .4s ease-in-out;
		font-style: normal;
	}


	/* hover */
	.body_title_btn:hover{
		background: #b79d67;
		border: 1px solid #b79d67;
	}

	.body_title_btn:hover span{
		color: #fff;
	}

	.body_title_btn:hover span:after{
		transform: scaleX(0);
	}
	.body_title_btn:hover span:before{
		transform: translate(-30px, -50%);
	}

/* 大區塊 */
	.travel_main{
		width: 100%;
		position: relative;
		padding: 140px 0 0;
		overflow: hidden;
	}
	.travel_main:before{
		position: absolute;
		content: "";
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		background-color: #f6f6f6;
	}

	.travel_main .body_title{
		width: 95%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 0;
	}
	.travel_main .body_title > i{
		margin: 0;
		font-size: 3.5rem;
	}
	.travel_main .body_title > span{
		margin: 0px 15px;
		font-size: 4rem;
	}
	   
	.travel_nav{
		width: 95%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: right;
		position: relative;
		top: -150px;
		z-index: 99;
	}

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

	.travel_nav > ul li{
		display: inline-block;
	}

	.travel_nav li a{
		display:inline-block;
		padding:10px 35px;
		border-radius:999px;
		border:1px solid #b79d67;
		background:#fff;
		color:#8e7650;
		transition:.4s;
		cursor:pointer;
		margin: 10px;
	}

	.travel_nav li a.travel_active{
		background:#a88a5b;
		color:#fff;
	}

	.travel_nav li a:hover{
		background:#a88a5b;
		color:#fff;
	}


	.outtour_content{
	    position:relative;
	    top: -110px;
	}

	/* 兩個分類 */

	.outtour_box,
	.outtour_box2{
	    width:100%;
	    transition:all .8s ease;
	}

	/* AAA */

	.outtour_box{
	    opacity:1;
	    position:relative;
	    z-index:2;
	}

	/* BBB */

	.outtour_box2{
	    opacity:0;
	    position:absolute;
	    inset:0;
	    z-index:1;
	    pointer-events:none;
	}

	/* 隱藏 */

	.travel_hide{
	    opacity:0;
	    transform:translateY(40px);
	    position:absolute;
	    inset:0;
	    pointer-events:none;
	    z-index:1;
	}

	/* 顯示 */

	.travel_show{
	    opacity:1;
	    transform:translateY(0);
	    position:relative;
	    pointer-events:auto !important;
	    z-index:2;
	}

/* 圖示團體旅遊 */

	.travel_main .travelteam_main{
		width: 100%;
		min-height: 200px;
		margin: 0 auto;
		overflow:visible;
		/*display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;*/
	}
	.travel_main .travelteam{
		width: 350px;
		border-bottom: 3px solid #f5f5f5;
		box-sizing: border-box;
		margin: 15px 0;
		background-color: #FFF;
		transition: all .3s;
		position: relative;
	}
	.travel_main .travelteam:before{
		position: absolute;
		content: '';
		width: 100%;
		height: 60%;
		background-image: linear-gradient(hsla(0, 0%, 100%, 0) 20%, rgb(0 0 0 / 20%));
		bottom: 0;
		left: 0;
		z-index: 99;
	}
	.travel_main .travelteam_img{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.travel_main .travelteam_img_img{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 524px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		transition: all .3s;
	}
	.travel_main .travelteam_img_noimg{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 524vw;
		background-color: #DDD;
		transition: all .3s;
	}
	.travel_main .travelteam_img_noimg > span{
		font-size: 3rem;
		color: #FFF;
	}
	.travel_main .travelteam:hover .travelteam_img_img,
	.travel_main .travelteam:hover .travelteam_img_noimg{
		transform: scale(1.05);
	}

	.travel_main .travelteam_title{
		position: absolute;
		bottom: 0;
		width: 90%;
		height: 50%;
		text-align: left;
		z-index: 999;
		padding: 0.5rem;
		box-sizing: border-box;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.travel_main .travelteam_title_m{
		display: block;
		font-size: 1.25rem;
		line-height: 2rem;
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
		font-family: "Noto Serif TC", serif;
		letter-spacing: 1px;
		padding-left: 1px;
	}
	.travel_main .travelteam_price{
		text-align: end;
		padding: 5px;
		box-sizing: border-box;
	}
	.travel_main .travelteam_price span{
		font-size: 1.25rem;
		color: #F44336;
		font-weight: bold;
		margin: 0 3px;
	}
	.travel_main .travelteam_price i{
		font-size: 1rem;
		color: #000;
		font-style: normal;
	}
	.travel_main .travelteam_desc{
		width: 100%;
		font-size: 1rem;
		line-height: 1rem;

		box-sizing: border-box;
		color: #fff;
		text-align: justify;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.travel_main .travelteam_main .swiper-wrapper{
		align-items:flex-end !important;
	}
	.travel_main .travelteam_main .swiper-slide{
		transform:scale(1);
		transition:
		transform .8s ease,
		opacity .8s ease,
		filter .8s ease;
	}
	.travel_main .travelteam_main .swiper-slide .travelteam_img{
		filter:blur(3px);
		opacity:.8;
	}
	.travel_main .travelteam_main .swiper-slide-active{
		transform: scale(1);
		z-index:20;
	}
	.travel_main .travelteam_main .swiper-slide-active .travelteam_img{
		filter:none;
		opacity:1;
	}

	.travel_main .travelteam_main .swiper-slide.swiper-slide-prev{
		transform:translateX(-25px) scale(.75) !important;
	}
	/* 左邊全部縮小 */

	.travel_main .travelteam_main .swiper-slide.left-side{
		transform:translateY(0) scale(.75);
		transform-origin:center bottom;
	}

	/*.travel_main .travelteam_main .swiper-slide-prev,
	.travel_main .travelteam_main .swiper-slide-duplicate{

	transform:scale(.82);

	}*/

	/* 左右 */


	.travelteam-button-prev,
	.travelteam-button-next{

		position:absolute;
		top:50%;
		transform: translate(-50%, -50%);

		width:55px;
		height:55px;

		border-radius:50%;

		background:rgba(255,255,255,.9);

		cursor:pointer;

		z-index:100;

		transition:.4s;
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		box-sizing: border-box;
	}

	/* 左 */

	.travelteam-button-prev{
		left:50%;
    	margin-left:-240px;
	}

	.travelteam-button-prev:before{
		content:"‹";
	}

	/* 右 */

	.travelteam-button-next{
		top: calc(50% + 80px);
		left:50%;
    	margin-left: -240px;
	}

	.travelteam-button-next:before{
		content:"›";
	}

	.travelteam-button-prev:before,
	.travelteam-button-next:before{
		display:flex;
		justify-content:center;
		align-items:center;
		font-size: 2rem;
		position: relative;
		top: 5px;
	}

	/* hover */

	.travelteam-button-prev:hover,
	.travelteam-button-next:hover{
		transform: translate(-50%, -50%) scale(1.1);
	}

	
/* 團體蒐尋器 */
	.search_main{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		margin-bottom: 150px;
	}
	.search_main:before{
		position: absolute;
		content: "";
		width: 100%;
		height: 50%;
		left: 0;
		top: 0;
		background-color: #f6f6f6;
	}
	.searchgrp_main{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 50px 0;
		position: relative;
		z-index: 1;
	}
	/* 蒐尋器 */
		.searchgrp_main > form{
			width: 95%;
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
		.searchgrp_main > form > .searchgrp_mainBox{
			width: 58%;
			margin-right: 2%;
		}
		.searchgrp_main > form > div > ul{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;

			background-color: #fff;
			box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
			padding: 20px;
			box-sizing: border-box;
			border-radius: 0 0 5px 5px;
		}
		.searchgrp_main > form > div > ul > li{
			display: flex;
			align-items: center;
		    color: #000;
		    margin-bottom: 10px;
		}
		.searchgrp_main > form > div > ul > li:first-child,
		.searchgrp_main > form > div > ul > li:nth-child(2){
			width: 50%;
		}
		.searchgrp_main > form > div > ul > li:nth-child(3){
			width: 100%;
		}
		
		/*.searchgrp_main > form > div > ul > li:nth-child(4),
		.searchgrp_main > form > div > ul > li:nth-child(5){
			width: 20%;
		}*/
		.searchgrp_main > form > div > ul > li > .travel_select{
			width: 100%;
			height: 45px;
			padding: 10px;
			margin: 0 0.25rem;
			font-size: 1rem;
			border: none;
			border-bottom: 1px solid #dedede;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_icon{
			display: inline-block;
			margin: 0 0.25rem;
			color: #888;
			white-space: nowrap;
			font-size: 1.25rem;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_day{
			width: 100%;
			display: flex;
			justify-content: center;
		    align-items: center;
		}

		.searchgrp_main > form > div > ul > li > .searchgrp_day > input[type="text"]{
			width: 100%;
			border: none;
			border-bottom: 1px solid #dedede;
			background-color: #ffffff;
			box-sizing: border-box;
			font-size: 1rem;
			height: 45px;
			padding: 10px;
			margin: 0 0.25rem;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_day > #startDay{
			margin-right: 0.5rem;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_day > #overDay{
			margin-left: 0.5rem;
			margin-right: 0;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_day > span{
			white-space: nowrap;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_day > .icon-calendar4{
			background-color: #333;
		    padding: 0.5rem;
		    box-sizing: border-box;
		    border-radius: 3px;
		    color: #fff;
		}
		.searchgrp_main > form > div > ul > li > .searchgrp_keyword{ width: 100%; }
		.searchgrp_main > form > div > ul > li > .searchgrp_keyword > input[type="text"]{
			width: 100%;
			padding: 10px;
			margin: 0;
			border: none;
			border-bottom: 1px solid #dedede;
			box-sizing: border-box;
			font-size: 1rem;
			height: 45px;
		}
		.searchgrp_main > form > div > ul > li > input[type="submit"]{
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			border: 0;
			border-radius: 2px;
			margin: 0 0.25rem;
			background-color: #5BB65B;
			color: #fff;
			cursor: pointer;
			transition: all .5s;
			font-size: 1rem;
		}
		.searchgrp_main > form > div > ul > li > input[type="submit"]:hover{ background-color: #FF0000; }
		.searchgrp_main_more{
			display: block;
		    background-color: #2D5A9C;
		    width: 200px;
		    padding: 10px 10px 10px 20px;
		    margin: 0 auto;
		    color: #fff;
		    border-radius: 10px;
		    text-align: center;
		    letter-spacing: 10px;
		    cursor: pointer;
		    display: none;
		}

		/* 日曆不遮住 */
		.ui-widget.ui-widget-content{
			z-index: 99 !important;
		}

		.searchgrp_main .body_title{
			width: 38%;
			margin-left: 2%;
			padding-bottom: 50px;
			text-align: left;
		}
		.searchgrp_main .body_title_btn{
			right: auto;
			left: 0;
			bottom: 0;
		}

		.searchgrp_main .body_title > span{
			display: block;
		}

		.searchgrp_main .body_title > i{
			margin: 0;
		}
	/* 熱門 */
		.link_box{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			margin-top: 20px;
		}
		.link_box > h3{
			font-size: 14px;
			font-weight: normal;
			padding-right: 10px;
			box-sizing: border-box;
			border-right: 2px solid #9d9d9d;
			color: #9d9d9d;
			margin-right: 10px;
		}
		.adlink a{
			display: inline-block;
			font-size: 14px;
			color: #9d9d9d;
			margin-right: 10px;
			margin-bottom: 5px;
			transition: all .5s;
		}
		.adlink a:hover{
			color: #ff0000;
		}
/* 關於我們 */
	.about_main{
		width: 100%;
		position: relative;
		padding-top: 80px;

	}
	/*.about_main:before{
		position: absolute;
	    content: "";
	    width: 100%;
	    height: 58%;
	    background: #3b3b3b;
	    top: 0;
	    left: 0;
	}*/
	.about_bg{
		position: absolute;
		width: 100%;
		height: 58%;
		background: #3b3b3b;
		top: 0;
		left: 0;
		z-index:0;
		pointer-events:none;
	}
	.about_box{
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}



	.about_box_img{
		position: absolute;
		right: 0;
		max-width: 300px;
		top: -350px;
	}
	.about_box_img img{
		width: 100%;
		vertical-align: top;
	}
	.about_boxL{
		width: 58%;
		margin-right: 2%;
	}

	.pin-spacer{
	    overflow:visible !important;
	}
	.about_boxR{
		width: 38%;
		max-width: 350px;
		margin-left: 2%;
		will-change:transform;

	}
	.about_boxR p{
		text-align: justify;
		font-size: 0.9rem;
		color: #fff;
		padding-right: 50px;
		box-sizing: border-box;
	}
	.about_main .body_title{
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 60px;
	}
	.about_main .body_title > i{
		margin: 0 20px 0 0;
	}
	.about_main .body_title > h2,
	.about_main .body_title > i,
	.about_main .body_title > span{
		color: #fff;
	}
	.about_main .body_title > p{
		max-width: 500px;
	    color: #fff;
		font-size: 0.9rem;
		line-height: 22px;
		display: none;
	}
	/* 圖像廣告連結 */
		.about_main .imgadlink_main{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
		}
		.about_main .imgadlink_group{
			width: calc(90% / 2);
			margin: 20px calc(10% / 4);
			position: relative;
			transition: all .3s;
		}
		.about_main .imgadlink_group:first-child{
			width: 100%;
			margin: 0 auto 20px;
		}
		.about_main .imgadlink_group .adimg{
			width: 100%;
			transition: all .3s;
			margin-bottom: 25px;
		}
		.about_main .imgadlink_group .adimg a{
			width: 100%;
			display: block;
			position: relative;
			text-align: center;
			transition: all .3s;
			bottom: 0;
		}
		.about_main .imgadlink_group .adimg a img{
			width: 100%;
			margin: 0 auto;
			vertical-align: top;
			box-sizing: border-box;
			transition: all .3s;
			border-radius: 10px;
		}
		.about_main .imgadlink_group .adtxt{ transition: color .3s ease; }
		.about_main .imgadlink_group .adtxt a{
			display: block;
			width: 100%;
			transition: color .3s ease;
			position: relative;
			bottom: 0;
		}
		.about_main .imgadlink_group .adtitle{
			display: block;
			font-size: 1.25rem;
			color: #000000;
			box-sizing: border-box;
			margin: 5px 0;
			text-align: center;
			font-family: Noto Serif TC, serif;
			transition: color .3s ease;
		}
		.about_main .imgadlink_group .adexplain{
			color: #000;
			box-sizing: border-box;
			font-size: 1rem;
			font-family: 'Noto Serif TC',serif;
			transition: color .3s ease;
		}


		.about_main .imgadlink_group .adtxt.color-change .adtitle{
			color:#fff;
		}

		.about_main .imgadlink_group .adtxt.color-change .adexplain{
			color:#fff;
		}

/* 開始您的下一段旅程 */
	.adlink_main{
		width:100%;
		box-sizing:border-box;

		padding: 70px 0 140px;
		position:relative;

		overflow:hidden;
	}
	.adlink_main:before{
		position: absolute;
		content: "";
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		background-color: #f6f6f6;
	}

	.adlink_box{
		width:95%;
		max-width:1400px;
		margin:auto;
		position:relative;
	}

	.adlink_main .body_title{
		max-width: 450px;
		text-align: left;
		padding-bottom: 0;
		position: absolute;
		left: calc(50% + 110px);
		top: 0;
		padding-bottom: 50px;
	}
	.adlink_main .body_title > i{
		font-size: 2.5rem;
		margin: 0 10px 0 0;
	}
	.adlink_main .body_title > span{
		font-size: 3rem;
	}
	.adlink_main .body_title_btn{
		left: 0;
		right: auto;
		bottom: 0;
	}


	/*  圖像廣告連結 輪播 */

		.adlink_main .imgadlink_main{
			width: 640px;
			height: 560px;
			position:relative;
			cursor: grab;
		}

		.adlink_main .imgadlink_main:active{
			cursor:grabbing;
		}


		.adlink_main .imgadlink_group{
			width:320px;
			position:absolute;
			left:0;
			top:0;
			transition:all .8s ease;
		}

		.adlink_main .imgadlink_group.card-front{
			left:280px;
			top:0;
			z-index:30;
			opacity:1;
			transform:scale(1);
			transition:
			left .8s ease,
			top .8s ease,
			transform .8s ease,
			opacity .8s ease;
		}

		.adlink_main .imgadlink_group.card-middle{
			left:130px;
			top: 70px;
			z-index:20;

			opacity:1;

			transform:scale(.92);

		}

		.adlink_main .imgadlink_group.card-back{
			left: 0;
			top: 140px;
			z-index:10;

			opacity:1;

			transform:scale(.84);

		}

		.adlink_main .imgadlink_group.card-hide{
			opacity:0;
			pointer-events:none;
		}



		/* 圖片 */
		.adlink_main .adimg{
			width:100%;
			position:relative;
			overflow:hidden;
		}

		.adlink_main .adimg img{
			width:100%;
			box-shadow:0 20px 50px rgba(0,0,0,.18);
			-webkit-user-drag:none;
			user-select:none;
			pointer-events:none;
			transition:all .8s ease;
			vertical-align: top;

		}

		.adlink_main .imgadlink_group.card-front .adimg img{
			filter:none;
		}

		.adlink_main .imgadlink_group.card-middle .adimg img{

			filter:blur(1px) brightness(.9);
		}

		.adlink_main .imgadlink_group.card-back .adimg img{
			filter:blur(2px) brightness(.8);
		}




		/* 文字 */
		.adlink_main .travel-slider-wrap{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;

		}

		.adlink_main .travel-info-wrap{
			max-width: 450px;
			padding: 0 70px;
			box-sizing: border-box;
			position:relative;
			margin-left: 20px;
			margin-top: 40px;
		}


		.adlink_main .travel-info h2{

			font-size:1.5rem;

			margin-bottom:20px;

			font-family:'Noto Serif TC',serif;

			color: #000;
		}

		.adlink_main .travel-info .adexplain{

			color:#666;
		}
		.adlink_main .travel-info{
			display:none;
		}

		.adlink_main .travel-info.active{
			display:block;
		}

		/* 頁碼 */
		.adlink_main .travel-page{
			position:absolute;
			right: 40px;
			bottom: 60px;

			display:flex;
			align-items:center;

			
			color: #b79d67;

			z-index:50;
		}

		.adlink_main .travel-page .line{
			display: inline-block;
			width: 30px;
			height:1px;
			background:#9b7d5f;
			margin: 0 10px;
			position: relative;
			top: 5px;
		}

		.adlink_main .travel-page .current,
		.adlink_main .travel-page .total{
			display: inline-block;
			font-size: 2.25rem;
			min-width:30px;
			font-family: 'Cormorant Garamond', serif;
		}

		/* 左右鍵 */
		.adlink_main .travel-nav{

			pointer-events:none;
		}

		.adlink_main .travel-prev,
		.adlink_main .travel-next{

			z-index:100;

			position:absolute;

			top: 50%;
			transform: translate(0, -50%);

			pointer-events:auto;

			width:55px;
			height:55px;

			border:none;
			border-radius:50%;

			background:#fff;

			box-shadow:0 5px 20px rgba(0,0,0,.08);

			cursor:pointer;

			font-size:1.5rem;

			color:#000;

			transition:.3s;
		}

		.adlink_main .travel-prev{
			left: 0;

		}
		.adlink_main .travel-next{

			right: 0;
		}

		@media(max-width: 1168px){
			.adlink_main .body_title{
				position: static;
				max-width: 1100px;
				margin: 0 auto 20px;
				text-align: center;
			}
			.adlink_main .travel-info-wrap{
				max-width: 640px;
				margin-left: 0;
			}
			.adlink_main .body_title_btn{
				left: 50%;
				transform: translate(-50%, 0);
			}

		}

		@media(max-width: 640px){

			/* 圖片區 */
			.adlink_main .imgadlink_main{

				width:100%;
				max-width:360px;

				height:380px;

				margin:0 auto;
			}

			.adlink_main .imgadlink_group{
				width:220px;
			}

			.adlink_main .imgadlink_group.card-front{
				left: 90px;
				top: 0;
			}

			.adlink_main .imgadlink_group.card-middle{
				left: 35px;
				top: 35px;
			}

			.adlink_main .imgadlink_group.card-back{
				left: -15px;
				top: 70px;
			}

			/* 頁碼 */
			.adlink_main .travel-page{
				position:absolute;
				right: 0;
				bottom: 15px;
			}

			.adlink_main .travel-page .current,
			.adlink_main .travel-page .total{
				font-size:1.5rem;
			}

			.adlink_main .travel-info-wrap{
				padding: 0 10px;
				margin-top: 10px;
			}
			.adlink_main .travel-next{
				bottom: -60px;
				top: auto;
				right: auto;
				left: calc(50% + 50px);
				transform: translate(-50%, 0);
			}
			.adlink_main .travel-prev{
				left: calc(50% - 50px);
				transform: translate(-50%, 0);
				bottom: -60px;
				top: auto;
			}

		}
		





/* 促銷NEWS */
	.news_main{
		width: 100%;
		padding: 80px 0 200px;
		position: relative;
		background-image: url(/webeip/HT00426/img/news_bg.jpg);
    	background-position: bottom;
    	background-attachment: fixed;
    	background-repeat: no-repeat;
    	background-size: cover;
    	overflow: hidden;
	}
	.news_main_cover{
		position: absolute;
		top: 0;
		width: 100%;
		height: 35vw;
		background-image: linear-gradient(to bottom, #fff 50%, transparent 100%);
	}
	.news_main .body_title{
		width: 95%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.news_box{
		width: 80%;
		max-width: 1400px;
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	/* 圖示站內 */

		.news_main .ShowImgUrlLink_main{
			position: relative;
			width:90%;
			max-width:1400px;
			margin:auto;
			overflow:visible; /* 左右露卡 */
		}

		.news_main .swiper-wrapper{
			align-items:stretch;

		}
		.news_main .ShowImgUrlLink_box{
			width:380px;
			margin:0;
			transition:.6s;
			transform:translateY(0);
			position: relative;
			padding: 20px;
    		box-sizing: border-box;
		}
		.news_main .ShowImgUrlLink_img{
			width: 100%;
			display: block;
			position: relative;
			box-sizing: border-box;
			background-color: #fff;
			margin-bottom: 20px;
			overflow: hidden;
		}
		.news_main .ShowImgUrlLink_img_img img{
			width:100%;
		    height:100%;
		    object-fit:cover;
		    transition:1s;
			vertical-align: top;
		}
		.news_main .ShowImgUrlLink_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.news_main .ShowImgUrlLink_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}
		.news_main .ShowImgUrlLink_box:hover .ShowImgUrlLink_img_img img{
			transform: scale(1.05);
		}
		.news_main .ShowImgUrlLink_title{
			display: block;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			position: relative;
			text-align: center;
			transition: all .3s;
		}
		.news_main .ShowImgUrlLink_title > p{
			width: 100%;
			padding: 0 0;
			box-sizing: border-box;
			font-size: 1.25rem;
			min-height: 40px;
			color: #111;
			font-family: 'Noto Serif TC',serif;
		}
		.news_main .ShowImgUrlLink_date{
			padding: 5px;
			box-sizing: border-box;
			color: #583f24;
			font-size: 0.9rem;
		}
		.ShowImgUrlLink_updatedate{
			width: 100%;
			text-align: center;
		}

		.ShowImgUrlLink_updatedate_day{
			display: inline-block;
			font-family: "Cormorant Garamond", serif;
			font-size: 1.25rem;
			margin-right: 5px;
		}
		.ShowImgUrlLink_updatedate_week{
			display: inline-block;
			font-family: 'Noto Serif TC',serif;
			letter-spacing: 1px;
			padding-left: 1px;
			box-sizing: border-box;
		}


		/* 中間卡 */

		.news_main .ShowImgUrlLink_main .swiper-slide-active{
			background-color: #fff;
			transform: translateY(0);
		}

		/* 左右 */

		.news_main .ShowImgUrlLink_main .swiper-slide-prev,
		.news_main .ShowImgUrlLink_main .swiper-slide-next{
			transform: translateY(100px);

		}
		.ShowImgUrlLink-button-prev,
		.ShowImgUrlLink-button-next{

			position:absolute;
			top:50%;
			transform: translate(-50%, -50%);

			width:55px;
			height:55px;

			border-radius:50%;

			background:rgba(255,255,255,.9);

			cursor:pointer;

			z-index:100;

			transition:.4s;
		}

		/* 左 */

		.ShowImgUrlLink-button-prev{
			left: calc(50% - 240px);
		}

		.ShowImgUrlLink-button-prev:before{
			content:"‹";
		}

		/* 右 */

		.ShowImgUrlLink-button-next{
			right: calc(50% - 300px);
		}

		.ShowImgUrlLink-button-next:before{
		    content:"›";
		}

		.ShowImgUrlLink-button-prev:before,
		.ShowImgUrlLink-button-next:before{
			display:flex;
			justify-content:center;
			align-items:center;
			font-size: 2rem;
			position: relative;
			top: 5px;
		}

		/* hover */

		.ShowImgUrlLink-button-prev:hover,
		.ShowImgUrlLink-button-next:hover{
		    transform: translate(-50%, -50%) scale(1.1);
		}

		
		.news_main .ShowImgUrlLink_more{
			display: inline-block;
			padding: 0 5px;
			box-sizing: border-box;
			font-size: 0.9rem;
			color: #583f24;
			font-weight: bold;
			transition: all .3s;
		}

		.news_main .ShowImgUrlLink_more > span{
			display: inline-block;
			font-size: 8px;
			margin-left: 10px;
		}
		.news_main .ShowImgUrlLink_more:hover{
			color: #d2807a;
		}

		/* =========================
		   Explore 圓形游標
		========================= */

		.cursor-circle{

		    position:fixed;
		    left:0;
		    top:0;

		    width:100px;
		    height:100px;

		    border-radius:50%;

		    background:rgba(255,255,255,.12);

		    backdrop-filter:blur(5px);

		    display:flex;
		    align-items:center;
		    justify-content:center;

		    color:#fff;

		    pointer-events:none;

		    z-index:999999;

		    opacity:0;

		    transform:
		    translate(-50%,-50%)
		    scale(.5);

		    transition:
		    opacity .35s ease,
		    transform .35s ease;
		}

		.cursor-circle span{
			display: inline-block;
		    font-size: 1.15rem;
		    letter-spacing:2px;
		    font-family: "Cormorant Garamond", serif;
		    font-style: italic;

		}

		/* 顯示 */

		.cursor-circle.active{

		    opacity:1;

		    transform:
		    translate(-50%,-50%)
		    scale(1);

		}


		/* 左右卡片維持箭頭 */
		.swiper-slide:not(.swiper-slide-active){
			cursor: pointer;
		}

/* 跑馬燈 */
	.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;*/
		background-color: #efefef;
	}

	.logo_track {
		display: flex;
		width: max-content;
		animation: marquee 20s 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: 1000px){
	.search_main{
		margin-bottom: 40px;
	}
	.searchgrp_main{
		padding: 50px 0 25px;
	}
	.searchgrp_main > form > .searchgrp_mainBox{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.searchgrp_main .body_title{
		width: 100%;
		margin-left: 0;
		padding-bottom: 0;
		padding-top: 60px;
		text-align: center;
	}
	.searchgrp_main .body_title_btn{
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: auto;
		top: 0;
	}
	.news_main .ShowImgUrlLink_main{ 
		width: 100%;
    }

    .ShowImgUrlLink-button-prev, .ShowImgUrlLink-button-next{
    	transform: translate(0, -50%);
    }
    .ShowImgUrlLink-button-next{
    	right: 5px;
    }
    .ShowImgUrlLink-button-prev{
    	left: 5px;
    }

}


@media (max-width: 980px){

	.travel_nav{
		margin: 20px 0;
		top: 0;
		text-align: left;
	}

	.outtour_content{
		top: 0;
		padding: 0 0 80px;

	}
	.travel_main .travelteam_img_img{
		height: 50vw;
	}
	.travel_main .travelteam_main .swiper-slide .travelteam_img{
		filter: blur(1px);
	}

	.travel_main .travelteam_main .swiper-slide-active .travelteam_img{
		filter:none;
	}

	.travel_main .travelteam_main .swiper-slide.swiper-slide-prev{
		transform:translateX(0) scale(1) !important;
	}
	
	.travel_main .travelteam_main .swiper-slide.left-side{
		transform:translateY(0) scale(1);
	}

	.travelteam-button-next{
		top: auto;
		left: 50%;
		margin-left: 50px;
		bottom: -100px;
	}

	.travelteam-button-prev{
		left: 50%;
		margin-left: -50px;
		bottom: -100px;
		top: auto;
	}

	.about_main .body_title > p{
		display: block;
	}
	.about_boxL{
		width: 100%;
		margin-right: 0;
	}
	.about_boxR{
		display: none;
	}


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



		.body_title > span{
		    font-size: 2.5rem;

		}
		.body_title > i{
			margin: 0 10px;
			font-size: 2.5rem;
		}
		.travel_main{
			padding: 40px 0 0;
		}
		.travel_main .body_title > span{
			font-size: 2rem;
			margin: 0px 10px;
		}
		.travel_main .body_title > i{
			font-size: 2.25rem;
		}

		.travel_nav{
			margin: 10px 0;
		}
		.travel_nav li a{
			padding: 5px 10px;
    		border-radius: 20px;
    		margin: 5px;
		}

		.travel_main .travelteam_img_img{
			height: 65vw;
		}

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

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

		.about_box_img{
			max-width: 150px;
		}
		.about_bg{
			height: 40%;
		}

		.about_main .imgadlink_group:hover .adimg a,
		.about_main .imgadlink_group:hover .adtxt a{
			position: relative;
			bottom: 20px;
			transition: all .3s;
		}

		.news_main{
			padding: 20px 0 80px;
		}
		.news_main_cover{
			height: 60vw;
		}

		.news_main .body_title_btn{
			bottom: 50px;
		}
		.ShowImgUrlLink-button-prev:hover,
		.ShowImgUrlLink-button-next:hover{
		    transform: translate(0, -50%) scale(1);
		}

}


@media (max-width: 550px){
	.travel_main .travelteam_img_img{
		height: 115vw;
	}
}