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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@500&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_txt{
		width: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.carousel10_txt > h2{
		font-weight: normal;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
		color: #fff;
		text-shadow: #979797 0em 0em 0.1em;
		font-size: 2rem;
		margin-bottom: 10px;
	}
	.carousel10_txt > span{
		font-family: 'Aleo', serif;
		color: #ffffff;
		font-weight: normal;
		letter-spacing: 1px;
		padding-left: 1px;
		box-sizing: border-box;
		text-shadow: #979797 0em 0em 0.1em;
		font-size: 1.5rem;
	}
	.carousel10_img{
		display: block;
		vertical-align: top;
	    width: 100%;
	    height: auto;
	}
	.carousel10_img{
		width: 100%;
		padding-bottom: 45vw;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		will-change: transform;
		transform: scale(1.3);
		backface-visibility: hidden;
		transition: transform 10.5s;
	}



	.carousel10_main .swiper-slide-active .carousel10_img{

	    transform: scale(1);

	}

	/*@keyframes bannerZoom{

	    0%{
	        transform:scale(1.3);
	    }

	    100%{
	        transform:scale(1);
	    }

	}*/

	/* 下方點點 */
		.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;
		}
		.carousel_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
			margin: 0 6px;
		}
		.carousel_main .swiper-container-horizontal>.swiper-pagination-bullets,
		.carousel_main .swiper-pagination-custom,
		.carousel_main .swiper-pagination-fraction{
			left: 50%;
    		width: auto;
			transform: translate3d(0,0,0) translate(-50%, 0);
		}
		.carousel10-pagination .swiper-pagination-bullet{
			width: 8px;
    		height: 8px;
    		background: #ffffff;
    		opacity: .6;
		}
		.carousel10-pagination .swiper-pagination-bullet-active{ background: #ffffff; opacity: 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;
			display: none;
		}
		.carousel10-button-next, .swiper-container-rtl .carousel10-button-prev{
			right: 10px;
			left: auto;
			background-image: url(/webeip/HT00413/img/arrow-right-w.svg);
		}
		.carousel10-button-prev, .swiper-container-rtl .carousel10-button-next{
			background-image: url(/webeip/HT00413/img/arrow-left-w.svg);
			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);
		}
		@media all and (max-width: 768px){
			.carousel10_img{ padding-bottom: 65vw; }
			.carousel10_txt > h2{ font-size: 1.25rem; }
			.carousel10_txt > span{ font-size: 1.05rem; }
			.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%;
			}
		}
		@media all and (max-width: 425px){
			.carousel10_img{ height: 80vw; }
		}
/* 標題 */
	.bodywrap_title div h2,
	.bodywrap_title div p{
		letter-spacing: 2px;
		padding-left: 2px;
		box-sizing: border-box;
		margin-bottom: 30px;
		line-height: 30px;
	}

	.bodywrap_title h3 span{
		display: inline-block;
		font-family: "Ephesis", cursive;
	    font-weight: 500;
	    font-style: normal;
	    font-size: 1.5rem;
	    margin-right: 10px;
	}
	.bodywrap_title h2{
		font-size: 2rem;
		color: #67bebb;
	}
/*按鈕*/
	.bodywrap_btn{
		position: relative;
		z-index: 1;
		font-size: 1.15rem;
		text-align: center;
		padding: 10px 25px;
		background: #9e7a4e;
		color: #fff;
		display: inline-block;
		transition: all .3s;
		box-sizing: border-box;
		border: 1px solid #e3c49a;
		border-radius: 5px;
	}
	.bodywrap_btn > span{
		display: inline-block;
		letter-spacing: 5px;
		padding-left: 5px;
		box-sizing: border-box;
	}
	.bodywrap_btn:hover{
   		background: #e3c4b0;
	}
	.bodywrap_btn:hover .icon-hotel-arrow-right2{
		animation: arrow-right2 0.8s infinite linear;
	}
	@keyframes arrow-right2 {
		0% {
			transform: translate(-10px, 0%);
			opacity: 0;
		}
		50% {
			opacity: 0.8;
		}
		100% {
			transform: translate(10px, 0%);
			opacity: 0;
		}
	}

/* 關於我們 */
	.about_main{
		width: 100%;
		position: relative;
		background-color: #f1f1f1;
	}
	.about_box{
		width: 85%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		padding: 50px 0;
		box-sizing: border-box;
	}
	.about_boxL{
		width: 55%;
		margin-right: 5%;
		max-width: 850px;
		padding: 10px;
		box-sizing: border-box;
	}

	.about_boxL > div{

	}


	/* 服務項目 */
		.service_main{
			width: 100%;
			margin-top: 30px;
		}
		.service_main > ul{
			width: 100%;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
		}
		.service_main > ul li{
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: calc(85% / 4);
			margin: 20px calc(15% / 8);
			text-align: center;
			box-sizing: border-box;
			padding: 10px 15px;
			position: relative;
		}
		.service_main > ul li:before{
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-image: url(/webeip/HT00427/img/service_round.svg);
			filter: brightness(121%) contrast(100%) saturate(100%) blur(0) hue-rotate(0deg);
			left: 0;
			top: 0;
			padding: 5px;
    		box-sizing: border-box;
		}

		.service_main > ul li:nth-child(even):before{
			filter: brightness(121%) contrast(100%) saturate(100%) blur(0) hue-rotate(15deg);
		}

		.service_main > ul li .counter_main{
			position: relative;
			z-index: 1;
		}
		.service_main > ul li .counter_main span{
			display: block;
			color: #fff;
			font-weight: 600;
			word-break: keep-all;
		}
		.service_main > ul li .counter_main .counter{
			font-family: "Times New Roman", Sans-serif;
	    	font-size: 30px;
	    	margin-bottom: 5px;
	    	
		}

		.about_boxR{
			width: 40%;
		}

		.about_boxR img{
			width: 100%;
			vertical-align: top;
		}

/* 熱門旅遊 */
	.hottours_main{
		width: 100%;
		padding: 60px 0 0;
		box-sizing: border-box;
		position: relative;
		background-image: url(/webeip/HT00427/img/hottours_bg.jpg);
		background-position: top;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.hottours_box{
		width: 85%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.hottours_boxL{
		width: 40%;
		margin-right: 5%;
		max-width: 500px;
	}
	.hottours_boxL img{
		width: 100%;
		vertical-align: top;
	}

	.hottours_boxR{
		width: 55%;
	}

	.hottours_box .bodywrap_title{
		

	}
	.hottours_box .bodywrap_title h3 span{
		color: #fff;
	}
	.hottours_box .bodywrap_title h2{
		color: #fff;
		text-shadow: #979797 0em 0em 0.1em;
	}

	.search_box_form{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		max-width: 250px;
		background: #fff;
		color: #9C9C9C;
		border-radius: 5px;
		margin: 10px 0;
		text-align: right;
		font-size: 1.25rem;
		font-weight: bold;
		padding: 0.5rem;
		box-sizing: border-box;
	}

	.search_box_form input[type="text"]{
		width: 100%;
		border: none;
		background: none;
		color: #9C9C9C;
		font-size: 16px;
		padding: 0;
	}
	.search_box_form input[type="text"]::placeholder{
		color: #9C9C9C;
	}
	.search_box_icon{
		display: inline-block;
		margin-right: 5px;
		color: #9C9C9C;
	}
	.hottours_content{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		margin-top: 30px;
	}
	.hottours_content_box{
		width: 48%;
		margin-right: 2%;
		background-color: rgb(255 255 255 / 80%);
		padding: 20px 10px 10px;
		box-sizing: border-box;
		border-radius: 10px;
	}
	.hottours_content_box h2{
		display: inline-block;
		background-color: #cdba9d;
		padding: 5px 15px;
		box-sizing: border-box;
		font-size: 1.15rem;
		color: #fff;
		border-radius: 20px;
		margin-bottom: 10px;
	}

	/* 圖示團體旅遊2 */
		.travelteam_main2{
			width: 100%;
			position: relative;
		}
		.travelteam2{
			width: 100%;
			box-sizing: border-box;
			transition: all .3s;
			position: relative;
			margin-bottom: 10px;
		}
		.travelteam_img2{
			width: 100%;
			display: block;
			position: relative;
			box-sizing: border-box;
			background-color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		/*.travelteam_img_img2{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}*/
		.travelteam_img_img2{
			display: block;
			overflow: hidden;
			transition: all .3s;
			border-radius: 10px;
		}
		.travelteam_img_img2 > img{
			width: 100%;
			vertical-align: top;
			transition: all .3s;
			border-radius: 10px;
		}
		.travelteam_img_img2:hover > img{
			transform: scale(1.05);
		}
		.travelteam_img_noimg2{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
			border-radius: 10px;
		}
		.travelteam_img_noimg2 > span{
			font-size: 3rem;
			color: #FFF;
		}
		.travelteam_content2{
			display: block;
			width: 100%;
			position: relative;
			transition: all .3s;
		}
		.travelteam_title2{
			display: block;
			width: 100%;
			padding: 0 0;
			text-align: left;
			font-size: 1rem;
			font-weight: normal;
			letter-spacing: 1px;
			padding-left: 2px;
			box-sizing: border-box;
			color: #474747;
			transition: all .3s;
		}
		.travelteam_price2{
			display: block;
			font-size: 1.15rem;
			box-sizing: border-box;
			color: #583f24;
			font-weight: bold;
			margin-bottom: 20px;
		}
		.travelteam_title2:hover{
			color: #000;
			letter-spacing: 2px;
		}
		/* 景點關鍵字 */
			.travelteam__keywords2 > ul{
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: flex-start;
			}
			.travelteam__keywords2 > ul li a{
				display: inline-block;
				padding: 2px 5px;
				box-sizing: border-box;
				margin-right: 5px;
				margin-bottom: 5px;
				font-size: 0.8rem;
				background-color: #e3c4b0;
				border-radius: 5px;
				color: #583f24;
				cursor: pointer;
				transition: all .3s;
			}
			.travelteam__keywords2 > ul li a:hover{
				background-color:#583f24;
				color:  #e3c4b0;
			}
		.travelteam_detail2{
			display: block;
			font-size: 0.9rem;
			color: #583f24;
		}
		/* 旅遊天數 */
			.travelteam_date2{
				margin-top: 5px;
			}
			.travelteam_date2 > span{
				display: inline-block;
				margin-left: 5px;
			}
		/* 旅遊地區 */
			.travelteam_place2 > span{
				display: inline-block;
			}
			.travelteam_place2 > span:nth-child(2){
				margin-left: -15px;
			}
			.travelteam_place2 > span:nth-child(3){
				margin-left: 5px;
			}



	
/* 最新消息、旅遊焦點 */
	.hotnews_main, .highlight_main{
		width: 100%;
		padding: 60px 0;
		box-sizing: border-box;
		position: relative;
	}
	.hotnews_main:before{
		position: absolute;
		content: '';
		left: 50%;
		top: 0;
		transform: translate(-50%,0);
		width: 0.5px;
		height: 80px;
		background-color: #b3b3b3;
	}
	.hotnews_box, .highlight_box{
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		position: relative;
	}


	.hotnews_box .bodywrap_title,
	.highlight_box .bodywrap_title{
		text-align: center;
		margin-top: 50px;
		margin-bottom: 50px;
		position: relative;
		z-index: 9;
	}

	.hotnews_btn{
		display: inline-block;
		border-radius: 5px 5px 5px 5px;
		padding: 10px 15px 10px 14px;
		background-color: #4dbcb3;
		color: #fff;
		font-weight: bold;
		position: absolute;
		right: 1.25%;
		top: 80px;
		transition: all .3s;
	}

	.hotnews_btn:hover{
		background-color: #000;
	}

	.highlight_btn{
		display: block;
		max-width: 100px;
		text-align: center;
		border-radius: 5px 5px 5px 5px;
		padding: 10px 15px 10px 14px;
		background-color: #4dbcb3;
		color: #fff;
		font-weight: bold;
		transition: all .3s;
		margin: 0 auto;
	}
	.highlight_btn:hover{
		background-color: #000;
	}

	/* 圖示站內 */
		.ShowImgUrlLink_main{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			position: relative;
			padding-top: 20px;
		}
		.ShowImgUrlLink_box{
			width: 100%;
			margin: 0 30px;
			box-sizing: border-box;
			transition: all .3s;
			position: relative;
		}
		.ShowImgUrlLink_img{
			width: 100%;
			display: block;
			position: relative;
			box-sizing: border-box;
			overflow: hidden;
		}
		/*.travelteam_img_img{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}*/
		.ShowImgUrlLink_img_img img{
			width: 100%;
			vertical-align: top;
			transition: all .3s;
		}
		.ShowImgUrlLink_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.ShowImgUrlLink_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}
		.ShowImgUrlLink_box:hover .ShowImgUrlLink_img_img img{
			transform: scale(1.05);
		}
		.ShowImgUrlLink_title{
			display: block;
			width: 100%;
			position: relative;
			text-align: right;
			transition: all .3s;
			position: absolute;
		    width: 100%;
		    height: 30%;
		    bottom: 0;

		    background-image: linear-gradient(hsla(0, 0%, 100%, 0) 30%, #434343);
		}
		.ShowImgUrlLink_title > p{
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			text-align: left;
			box-sizing: border-box;
			font-size: 1.25rem;
			color: #fff;
		}
		.ShowImgUrlLink_date{
			padding: 5px;
			box-sizing: border-box;
			color: #583f24;
			font-size: 0.9rem;
		}
		.ShowImgUrlLink_more{
			display: inline-block;
			padding: 0 5px;
			box-sizing: border-box;
			font-size: 0.9rem;
			color: #583f24;
			font-weight: bold;
			transition: all .3s;
		}
		.ShowImgUrlLink_more > span{
			display: inline-block;
			font-size: 8px;
			margin-left: 10px;
		}
		.ShowImgUrlLink_more:hover{
			color: #d2807a;
		}

		/* 輪播調整 */
			.hotnews_main .slick-next{
				right: 100px;
			}
			.hotnews_main .slick-prev{
				left: auto;
				right: 130px;
			}

			.hotnews_main .slick-prev, .hotnews_main .slick-next{
				width: 30px;
				height: 30px;
				top: -20px;
			}
			.hotnews_main .slick-prev:before, .hotnews_main .slick-next:before{
				font-size: 30px;
				color: #54b7c9;
			}

		.highlight_main{
			background-image: url(/webeip/HT00427/img/highlight_bg.jpg);
			background-position: top;
			background-size: initial;
			background-repeat: no-repeat;

		}

		.shape-divider-top{
		    position:absolute;
		    top:0;
		    left:0;
		    width:100%;
		    overflow:hidden;
		    line-height:0;
		    z-index:2;
		}

		.shape-divider-top svg{
		    display:block;
		    width:calc(100% + 1.3px);
		    height:100px;     /* 可自行調整高度 */
		}

		.shape-divider-top .shape-fill{
		    fill:#f8f8f8;     /* 更改成想要的顏色 */
		}

		.shape-divider-top .shape-fill-2{
		    opacity:.5;
		}

		.shape-divider-top .shape-fill-3{
		    opacity:.25;
		}

		.highlight_main .ShowImgUrlLink_main{
			margin-bottom: 20px;
		}

		.highlight_main .ShowImgUrlLink_box{
			width: calc( 90% / 3 );
			margin: 10px calc( 10% / 6 );
		}


/* 圖示團體旅遊 */
		.travelteam_main{
			width: 90%;
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			position: relative;
			overflow: hidden;
		}
		.travelteam{
			width: 100%;
			margin: 10px;
			box-sizing: border-box;
			transition: all .3s;
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
			margin-bottom: 50px;
		}
		.travelteam_img{
			width: 100%;
			display: block;
			position: relative;
			box-sizing: border-box;
			background-color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		/*.travelteam_img_img{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}*/
		.travelteam_img_img{
			display: block;
			overflow: hidden;
			transition: all .3s;
		}
		.travelteam_img_img > img{
			width: 100%;
			vertical-align: top;
			transition: all .3s;
		}
		.travelteam_img_img:hover > img{
			transform: scale(1.05);
		}
		.travelteam_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.travelteam_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}
		.travelteam_content{
			display: block;
			width: 100%;
			padding: 5px;
			box-sizing: border-box;
			position: relative;
			transition: all .3s;
			background-color: #ffffff;
		}
		.travelteam_title{
			width: 100%;
			padding: 0 0;
			text-align: left;
			box-sizing: border-box;
			font-size: 1.15rem;
			color: #000000;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
			font-weight: bolder;
			letter-spacing: 2px;
			padding-left: 2px;
			box-sizing: border-box;
		}
		.travelteam_price{
			display: block;
			font-size: 1.25rem;
			box-sizing: border-box;
			color: #da0000;
			font-weight: bold;
			text-align: right;
			margin: 10px 0;
		}
		/* 景點關鍵字 */
			.travelteam__keywords > ul{
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: flex-start;
			}
			.travelteam__keywords > ul li a{
				display: inline-block;
				padding: 2px 5px;
				box-sizing: border-box;
				margin-right: 5px;
				margin-bottom: 5px;
				font-size: 0.8rem;
				background-color: #e3c4b0;
				border-radius: 5px;
				color: #583f24;
				cursor: pointer;
				transition: all .3s;
			}
			.travelteam__keywords > ul li a:hover{
				background-color:#583f24;
				color:  #e3c4b0;
			}
		.travelteam_detail{
			display: block;
			font-size: 0.9rem;
			color: #583f24;
		}
		/* 旅遊天數 */
			.travelteam_date{
				margin-top: 5px;
			}
			.travelteam_date > span{
				display: inline-block;
				margin-left: 5px;
			}
		/* 旅遊地區 */
			.travelteam_place > span{
				display: inline-block;
			}
			.travelteam_place > span:nth-child(2){
				margin-left: -15px;
			}
			.travelteam_place > span:nth-child(3){
				margin-left: 5px;
			}
/* 主題專區 */
	
	.theme_main{
		width: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		padding: 150px 0 60px;
		overflow: hidden;
	}

	.theme_main_one{
		background-image: url(/webeip/HT00427/img/theme_img.jpg);
		
	}

	.theme_main_two{
		background-image: url(/webeip/HT00427/img/theme_img2.jpg);
		
	}



	.theme_main .shape-divider-top .shape-fill{
	    fill: rgb(248 248 248 / 50%);     /* 更改成想要的顏色 */
	}

	.theme_title{
		width: 90%;
	    max-width: 1200px;
	    margin: 0 auto 20px;
	}

	.theme_title_group{
		display:inline-block;
		transform-origin:center center;
	}

	.theme-title-zoom{
		display:block;
		transform-origin:center center;
		will-change:transform;
		backface-visibility:hidden;
	}
	.theme_title h1{
		letter-spacing: 2px;
		padding-left: 2px;
		color: #ffffff;


	}
	.theme_title p{
		margin-top: 20px;
		font-weight: bold;
		color: #d6d6d6;

	}


	

	/* 點點調整 */
	.theme_main .slick-dots{
		bottom: 0;
	}
	.theme_main .slick-dotted.slick-slider{
		margin-bottom: 0;
	}

	.theme_main .slick-dots li button:before{
		font-size: 12px;
	}


@media (max-width: 1050px)
{
	.about_box{
		width: 95%;
		padding: 20px 0;
	}
	.about_boxL{
		width: 100%;
		margin-right: 0;
		max-width: 100%;
	}
	.about_boxL > div h2, .about_boxL > div p{
		margin-bottom: 15px;
	}
	.service_main > ul{
		width: 90%;
	}
	.service_main > ul li{
		max-width: 150px;
	}
	.service_main > ul li .counter_main .counter{
		font-size: 20px;
	}

	.hottours_main{
		padding: 40px 0;
	}

	.hottours_box .bodywrap_title{
		text-align: center;
	}

	.about_boxR{ display: none; }

	.hottours_box{ width: 95%; }

	.hottours_boxL{ display: none; }

	.hottours_boxR{ width: 100%; }
}
@media (max-width: 768px)
{

	.about_boxL{ width: 100%; }

	.hotnews_main, .highlight_main{
		padding: 30px 0;
	}
	.hotnews_main:before{
		height: 30px;
	}

	.hotnews_main .ShowImgUrlLink_main{
		padding-top: 60px;
	}
	.hotnews_main .slick-prev, .hotnews_main .slick-next{
		top: 30px;
	}

	.hotnews_box .bodywrap_title,
	.highlight_box .bodywrap_title{
		margin-top: 10px;
		margin-bottom: 10px;
	}


	.highlight_main .ShowImgUrlLink_box{
		width: calc(90% / 2);
    	margin: 10px calc(10% / 4);
	}
	.highlight_main .ShowImgUrlLink_title{
		height: 50%;
	}
	.highlight_main .ShowImgUrlLink_title > p{
		font-size: 1.05rem;
	}
	.theme_main{
		padding: 60px 0;
	}

}
@media (max-width: 550px)
{
	.bodywrap_title h2{
		font-size: 1.5rem;
	}
	.service_main > ul{
		width: 100%;
	}
	.service_main > ul li{
		width: calc(90% / 2);
        margin: 5px calc(10% / 4);
	}

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

	.travelteam_title{
		font-size: 1rem;
	}
	.travelteam_price{
		font-size: 1.05rem;
		margin: 5px 0;
	}

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


}