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

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

@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

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

/* 以下是 slick-1.8.1 的相關 CSS */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick.css');
/* Add the new slick-theme.css if you want the default styling */
@import url('/webeip/HT00100/becky/slick-1.8.1/slick/slick-theme.css');

/* 以下是swiper-4.5.0 css */
@import url(https://unpkg.com/swiper/swiper-bundle.min.css);

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

/* 大圖輪播器 carousel10 */
	.carousel10_main{ position: relative; overflow: hidden;}
	.carousel10_a{
		display: block;
	    width: 100%;
	}
	.carousel10 .slick-center .carousel10_a:before{ background-color: rgba(0,0,0,0); }
	.carousel10_img{
		display: block;
		vertical-align: top;
	    width: 100%;
	    height: 0;
	    padding-bottom: 70vh;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    animation: roomOut 5s;
		-webkit-filter: brightness(50%) blur(2px);
		-moz-filter: brightness(50%) blur(2px);
		-ms-filter: brightness(50%) blur(2px);    
		filter: brightness(50%) blur(2px);
	}
	.carousel10 .slick-center .carousel10_img{
		-webkit-filter: brightness(100%) blur(0);
		-moz-filter: brightness(100%) blur(0);
		-ms-filter: brightness(100%) blur(0);    
		filter: brightness(100%) blur(0);
	}
	/* 圖片說明 */
		.carousel10 .slick-slide a{
			position: relative;
	    	display: inline-block;
		}
		.carousel10 .slick-slide a span{
			position: absolute;
		    display: block;
		    width: 60%;
	    	max-width: 800px;
		    background-color: rgba(0,0,0,.5);
		    padding: 30px 0;
		    box-sizing: border-box;
			-webkit-filter: blur(2px);
			-moz-filter: blur(2px);
			-ms-filter: blur(2px);
			filter: blur(2px);
			bottom: -20px;
	    	left: -180px;
	    	opacity: 0;
	    	transition: all .5s;
		}
		.carousel10 .slick-center a span{
			-webkit-filter: blur(0);
			-moz-filter: blur(0);
			-ms-filter: blur(0);
			filter: blur(0);
			opacity: 1;
			animation: roomOut 5s;
		}
		.carousel10_txt{ position: relative; }
		.carousel10_txt > i{
			display: block;
			width: 100%;
			font-style: normal;
			padding: 0 20px 10px;
			box-sizing: border-box;
			color: #fff;
			text-align: justify;
			z-index: 99;
		}
		.carousel10_txt > .carousel10_title{
			font-size: 1.5rem;
			position: relative;
			font-weight: normal;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			white-space: normal;
			height: 35px;
			border-left: 5px solid #fff;
			padding-left: 10px;
			margin-left: 10px;
			margin-bottom: 10px;
		}
		.carousel10_txt > .carousel10_detail{
			position: relative;
			font-weight: normal;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
			font-size: 1.15rem;
			height: 54px;
		}
		.carousel10 .slick-list{
			overflow: unset;
			z-index: 3;
		}
	@keyframes roomOut{
		0%{
			opacity: 0;
		}
		50%{
			opacity: 1;
		}
		100%{
			opacity: 1;
		}
	}
	/* 箭頭 */
		.carousel10 .slick-prev, .carousel10 .slick-next{
			width: 40px;
			height: 50px;
			transition: all .3s linear;
			z-index: 4;
		}
		.carousel10 .slick-next, .carousel10 .slick-next:hover, .carousel10 .slick-next:focus{
			background: url(/webeip/HT00100/Peggy/carousel10/img/arrow-right-w.svg);
			background-repeat: no-repeat;
			background-size: contain;
			right: 180px;
			background-color: rgba(0,0,0,.5);

		}
		.carousel10 .slick-prev, .carousel10 .slick-prev:hover, .carousel10 .slick-prev:focus{
			background: url(/webeip/HT00100/Peggy/carousel10/img/arrow-left-w.svg);
			background-repeat: no-repeat;
	    	background-size: contain;
			left: 180px;
	    	background-color: rgba(0,0,0,.5);
		}
		.carousel10 .slick-next:before{
			content: '';

		}
		.carousel10 .slick-prev:before{ display: none; }
	/* 下方點點 */
		.carousel10 .slick-dots{
			display: flex;
			bottom: -20px;
			width: auto;
			right: 10px;
			z-index: 5;
		}
		.carousel10 .slick-dots li button{
			height: 0; 
			padding: 0;
		}
		.carousel10 .slick-dots li button:before{
			content: '';
			background-color: #3f3f3f;
			width: 20px;
			height: 20px;
			background-position: center center;
			background-size: contain;
			background-repeat: no-repeat;
			transition: all .3s;
			opacity: .5;
			border-radius: 50%;
		}
		.carousel10 .slick-dots li.slick-active button:before{
			opacity: 1;
		}
	/* 下滑按鍵 */
		.sliderdownbtn{
			bottom: 50px;
			right: 150px;
			cursor: pointer;
			width: 20px;
			height: 80px;
			position: absolute;
			z-index: 6;
		}
		.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 .slick-slide a span{
			left: 0;
			bottom: 0;
			padding: 10px 0;
		}
		.carousel10_txt > .carousel10_title{
			font-size: 1.25rem;
			height: 30px;
		}
		.carousel10_txt > .carousel10_detail{
			font-size: 1rem;
			height: 45px;
		}
		.sliderdownbtn{
			display: none;
		}
	}
	@media all and (max-width: 425px){

	}
/* 整個區塊 */
	.bodywarp_main{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}
	/* 裝飾 */
		.bodywarp_main:before{
			content: '';
			position: absolute;
			width: 40vw;
			height: 40vw;
			background-color: rgb(255 252 225 / 80%);
			z-index: -9999;
			border-radius: 50%;
			top: -5%;
			right: -5%;
		}
		.bodywarp_main:after{
			content: '';
			position: absolute;
			width: 40vw;
			height: 40vw;
			background-color: rgb(255 252 225 / 80%);
			z-index: -9999;
			border-radius: 50%;
			bottom: 0;
			left: -5%;
		}
		.bodywarp_main_round{
			position: absolute;
			width: 30vw;
			height: 30vw;
			background-color: hsl(4deg 100% 92% / 50%);
			z-index: -9999;
			border-radius: 50%;
			top: 20vw;
			right: 10vw;
		}
		.bodywarp_main_round2{
			position: absolute;
			width: 30vw;
			height: 30vw;
			background-color: rgb(255 217 214 / 50%);
			z-index: -9999;
			border-radius: 50%;
			bottom: 20vw;
			left: 10vw;
			z-index: 1;
		}
		.text_mark{
			width: 100%;
			text-align: center;
			color: #f44336;
		}
	/* 本月主打 */
		.hotpromo_main{
			width: 40%;
			margin-top: -40px;
			box-shadow: 0 0 5px rgb(0 0 0 / 10%);
			padding: 80px 10px 20px;
			box-sizing: border-box;
			position: relative;
			z-index: 2;
			background-color: #fff;
		}
		.hotpromo_title{
			position: absolute;
			width: 100%;
			max-width: 200px;
			right: -5%;
			padding: 5px;
			box-sizing: border-box;
			text-align: center;
			background-color: #ff9800;
			color: #fff;
		}
		.hotpromo_title > h3{
			font-size: 1.5rem;
			letter-spacing: 5px;
			padding-left: 5px;
			box-sizing: border-box;
		}
		.hotpromo_title > ul{
			width: 100%;
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			top: -40px;
		}
		.hotpromo_title > ul li{ display: inline-block; margin: 0 10px;}
		.hotpromo_title > ul li a{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 25px;
			height: 25px;
			color: #000;
			box-shadow: 0 0 5px rgb(0 0 0 / 50%);
			border-radius: 50%;
			cursor: pointer;
			transform: scale(1);
			transition: all .3s;
		}
		.hotpromo_title ul li .titleclick{ color: #ff0000; }
		.hotpromo_title > ul li:hover a{
			transform: scale(1.2);
		}

		.hotpromo_box2,
		.hotpromo_box3,
		.hotpromo_box4,
		.hotpromo_box5{ display: none;}




		/* 本月主打，站內活動快報(圖文日期) */
			.hotpromo_content .ShowImgUrlLink_main{
				width: 95%;
				padding: 0 2% 10px;
				box-sizing: border-box;
				max-width: 500px;
				margin: 50px auto 0;
				overflow: hidden;
				position: relative;
			}
			.hotpromo_content .ShowImgUrlLink_box{
				width: 98%;
				margin: 50px auto;
				padding: 10px;
				box-sizing: border-box;
				transition: all .2s;
				position: relative;
				background-color: #fff;
			}
			.hotpromo_content .ShowImgUrlLink_img{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
			.hotpromo_content .ShowImgUrlLink_img_img{
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.hotpromo_content .ShowImgUrlLink_img_img > div{
				width: 100%;
				height: 100%;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
			}
			.hotpromo_content .ShowImgUrlLink_img_img > img{
				vertical-align: top;
				width: 100%;
				height: auto;
				image-rendering: -moz-crisp-edges;
				image-rendering: -o-crisp-edges;
				image-rendering: -webkit-optimize-contrast;
				image-rendering: optimize-contrast;
				-ms-interpolation-mode: nearest-neighbor;
			}
			.hotpromo_content .ShowImgUrlLink_img_noimg{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 400px;
				background-color: #DDD;
			}
			.hotpromo_content .ShowImgUrlLink_img_noimg > span{
				font-size: 3rem;
				color: #FFF;
			}
			.hotpromo_content .ShowImgUrlLink_title{
				padding: 8px 0 4px;
				box-sizing: border-box;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				white-space: normal;
				font-size: 1.15rem;
				position: absolute;
				left: 50%;
				width: 102%;
				transform: translate(-50%, 0);
				text-align: center;
				background-color: #fff;
				border: 1px solid #eee;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
			}

			.hotpromo_content .ShowImgUrlLink_subtitle{
				width: 100%;
				margin-bottom: 5px;
				font-size: 0.95rem;
				border-left: 4px solid #888;
				padding-left: 5px;
				box-sizing: border-box;
				color: #888;
			}

			.hotpromo_content .ShowImgUrlLink_metaBox{
				width: 100%;
				margin: 5px 0;
				padding: 5px;
				box-sizing: border-box;
				background-color: #fff6dc;
				font-size: 0.95rem;
				color: #444;
				border-radius: 5px;
			}
			.hotpromo_content .ShowImgUrlLink_metaBox section span{
				display: inline-block;
				margin-right: 5px;
				box-sizing: border-box;
				line-height: 20px;
			}

			.hotpromo_content .ShowImgUrlLink_price{
				position: absolute;
				left: -5px;
				top: -30px;
				padding: 5px;
				background-color: #f44336;
				color: #fff;
				width: 60px;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
			}
			.hotpromo_content .ShowImgUrlLink_price > span{
				display: inline-block;
				text-align: center;
			}


			.hotpromo_content .ShowImgUrlLink_date{
				width: 100%;
				text-align: right;
			}
			.hotpromo_content .ShowImgUrlLink_startdate,
			.hotpromo_content .ShowImgUrlLink_updatedate{
				display: inline-block;
				padding: 0.25rem;
				box-sizing: border-box;
				font-size: 0.8rem;
				color: #777;
			}
		/* 本月主打，圖像廣告連結 */
			.hotpromo_content .imgadlink_main{
				width: 95%;
				padding: 0 2% 10px;
				box-sizing: border-box;
				max-width: 500px;
				margin: 50px auto 0;
				overflow: hidden;
				position: relative;
			}
			.hotpromo_content .imgadlink_group{
				width: 98%;
				margin: 50px auto;
				padding: 10px;
				box-sizing: border-box;
				transition: all .2s;
				position: relative;
				background-color: #fff;
			}
			.hotpromo_content .adimg{ width: 100%; }

			.hotpromo_content .adimg a{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
			.hotpromo_content .adimg a img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotpromo_content .adimg > iframe{
				width: 100%;
				height: 630px;
			}
			.hotpromo_content .adiframe{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			.hotpromo_content .adtxt{
				width: 102%;
				position: absolute;
				left: 50%;
				background-color: #fff;
				border: 1px solid #eee;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
				transform: translate(-50%, 0);
			}	

			.hotpromo_content .adtxt > a{
				padding: 8px 0 4px;
				box-sizing: border-box;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				white-space: normal;
				font-size: 1.15rem;
				text-align: center;
				color: #000;
			}	
			.hotpromo_content .adexplain{
				width: 100%;
				text-align: left;
				padding: 0.5rem 0.25rem;
				box-sizing: border-box;
				font-size: 1rem;
				color: #333;
				display: none;
			}
		/* 本月主打，圖示團體 */
			.hotpromo_content .travelteam_main{
				width: 95%;
				padding: 0 2% 10px;
				box-sizing: border-box;
				max-width: 500px;
				margin: 50px auto 0;
				overflow: hidden;
				position: relative;
			}
			.hotpromo_content .travelteam{
				width: 98%;
				margin: 50px auto;
				padding: 10px;
				box-sizing: border-box;
				transition: all .2s;
				position: relative;
				background-color: #fff;
			}
			.hotpromo_content .travelteam_img{ width: 100%; }

			.hotpromo_content .travelteam_img_img{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
			.hotpromo_content .travelteam_img_img img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotpromo_content .travelteam_img_noimg{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 300px;
				background-color: #DDD;
			}
			.hotpromo_content .travelteam_img_noimg span{
				font-size: 3rem;
				color: #FFF;
			}
			.hotpromo_content .travelteam_title{
				width: 102%;
				position: absolute;
				left: 50%;
				background-color: #fff;
				border: 1px solid #eee;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
				transform: translate(-50%, 0);
				color: #000;
				padding: 8px 0 4px;
				box-sizing: border-box;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				white-space: normal;
				font-size: 1.15rem;
				text-align: center;
			}
			.hotpromo_content .travelteam_price{
				position: absolute;
				left: -5px;
				top: -30px;
				padding: 5px;
				background-color: #f44336;
				color: #fff;
				width: 60px;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
				text-align: center;
			}

		/* 本月主打，商品上架 */
			.hotpromo_content .product_main{
				width: 95%;
				padding: 0 2% 10px;
				box-sizing: border-box;
				max-width: 500px;
				margin: 50px auto 0;
				overflow: hidden;
				position: relative;
			}
			.hotpromo_content .product{
				width: 98%;
				margin: 50px auto;
				padding: 10px;
				box-sizing: border-box;
				transition: all .2s;
				position: relative;
				background-color: #fff;
			}

			.hotpromo_content .product_img{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				position: relative;
			}
			.hotpromo_content .product_img img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotpromo_content .product_title{
				width: 102%;
				position: absolute;
				left: 50%;
				background-color: #fff;
				border: 1px solid #eee;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
				transform: translate(-50%, 0);
				color: #000;
				padding: 8px 0 4px;
				box-sizing: border-box;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				white-space: normal;
				font-size: 1.15rem;
				text-align: center;
			}
			.hotpromo_content .product_price{
				position: absolute;
				bottom: 0;
				width: 100%;
				text-align: center;
				background-color: #f44336;
				color: #fff;
			}
			.hotpromo_content .product_marketprice{
				font-size: 0.8rem;
				text-decoration: line-through;
				display: inline-block;
				margin: 0 5px;
				color: #ffbdb9;
			}
			.hotpromo_content .product_buynow{ display: none; }
			
		/* 箭頭 */
			.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
			.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
				background-color: rgba(0,0,0,.5);
			}
			.swiper-button-next:after, .swiper-button-prev:after{
				padding: 5px;
				box-sizing: border-box;
			}
			:root{
				--swiper-theme-color: #fff;
			}
	/* 最新消息 */
		.hotnews_main{
			width: 55%;
			position: relative;
			z-index: 2;
			margin-bottom: 40px;
			margin-top: -20px;
		}
		.hotnews_title{
			width: 100%;
			padding: 0 40px;
			box-sizing: border-box;
			text-align: right;
			font-size: 4rem;
			position: relative;
		}
		.hotnews_title h3 span:first-child{
			font-family: 'MonteCarlo', cursive;
			color: #dfdfdf;
		}
		.hotnews_title h3 span:nth-child(2){
			font-size: 2rem;
			display: inline-block;
			margin-left: 10px;
			letter-spacing: 5px;
			padding-left: 5px;
			box-sizing: border-box;
			color: #444;
		}
		.hotnews_title h3 span:nth-child(3){
			display: block;
			font-family: 'MonteCarlo', cursive;
			margin-top: -30px;
			color: #dfdfdf;
			line-height: 60px;
		}
		.hotnews_title ul{
			position: absolute;
			top: 100%;
			right: 3%;
			z-index: 99;
		}
		.hotnews_title ul li{ display: block; margin: 10px 0;}

		.hotnews_title > ul li a{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 25px;
			height: 25px;
			color: #000;
			box-shadow: 0 0 5px rgb(0 0 0 / 50%);
			border-radius: 50%;
			cursor: pointer;
			transform: scale(1);
			transition: all .3s;
			font-size: 1rem;
		}
		.hotnews_title ul li .titleclick{ color: #ff0000; }
		.hotnews_title > ul li:hover a{
			transform: scale(1.2);
		}

		.hotnews_box2,
		.hotnews_box3,
		.hotnews_box4,
		.hotnews_box5{ display: none;}

		/* 最新消息，圖示站內活動 */
			.hotnews_content .ShowImgUrlLink_main{
				width: 95%;
				margin: 1rem 5% 1rem 0;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: flex-start;
			}
			.hotnews_content .ShowImgUrlLink_box{
				width: 45%;
				margin: 10px 2.5%;
				transition: all .3s;
			}
			.hotnews_content .ShowImgUrlLink_img{ width: 100%; }

			.hotnews_content .ShowImgUrlLink_img div{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
			.hotnews_content .ShowImgUrlLink_img div img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotnews_content .ShowImgUrlLink_title{
				width: 105%;
				padding: 0.5rem 0.25rem;
				box-sizing: border-box;
				font-size: 1.2rem;
				position: relative;
				right: 2.5%;
				margin-top: -5%;
				background-color: #fff;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
			}	
		/* 最新消息，圖像廣告連結 */
			.hotnews_content .imgadlink_main{
				width: 95%;
				margin: 1rem 5% 1rem 0;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: flex-start;
			}
			.hotnews_content .imgadlink_group{
				width: 45%;
				margin: 10px 2.5%;
				transition: all .3s;
			}
			.hotnews_content .adimg{ width: 100%; }

			.hotnews_content .adimg a{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
			.hotnews_content .adimg a img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotnews_content .adimg > iframe{
				width: 100%;
				height: 630px;
			}
			.hotnews_content .adiframe{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			.hotnews_content .adtxt{
				width: 105%;
				position: relative;
				right: 2.5%;
				margin-top: -10%;
				background-color: #fff;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
			}	

			.hotnews_content .adtxt > a{
				display: block;
				width: 100%;
				text-align: center;
				padding: 0.5rem 0.25rem;
				box-sizing: border-box;
				font-size: 1.2rem;
				color: #000;
			}	
			.hotnews_content .adexplain{
				width: 100%;
				text-align: justify;
				padding: 0.5rem 0.25rem;
				box-sizing: border-box;
				font-size: 1rem;
				color: #333;
			}
		/* 最新消息，圖示團體 */
			.hotnews_content .travelteam_main{
				width: 95%;
				margin: 1rem 5% 1rem 0;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: flex-start;
			}
			.hotnews_content .travelteam{
				width: 45%;
				margin: 10px 2.5%;
				transition: all .3s;
			}
			.hotnews_content .travelteam_img{ width: 100%; }

			.hotnews_content .travelteam_img_img{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
			.hotnews_content .travelteam_img_img img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotnews_content .travelteam_img_noimg{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 300px;
				background-color: #DDD;
			}
			.hotnews_content .travelteam_img_noimg span{
				font-size: 3rem;
				color: #FFF;
			}
			.hotnews_content .travelteam_title{
				display: block;
				width: 105%;
				padding: 0.5rem 0.25rem;
				box-sizing: border-box;
				font-size: 1.2rem;
				position: relative;
				right: 2.5%;
				margin-top: -5%;
				background-color: #fff;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
				color: #000;
			}
			.hotnews_content .travelteam_price{
				position: absolute;
				top: -25px;
				right: 0;
				background-color: #f44336;
				color: #fff;
				padding: 0 5px;
				box-sizing: border-box;
			}
		/* 最新消息，商品上架 */
			.hotnews_content .product_main{
				width: 95%;
				margin: 1rem 5% 1rem 0;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: flex-start;
			}
			.hotnews_content .product{
				width: 45%;
				margin: 10px 2.5%;
				transition: all .3s;
			}

			.hotnews_content .product_img{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				position: relative;
			}
			.hotnews_content .product_img img{
				vertical-align: top;
				max-width: 100%;
				transition: all .3s;
			}
			.hotnews_content .product_title{
				display: block;
				width: 105%;
				padding: 0.5rem 0.25rem;
				box-sizing: border-box;
				font-size: 1.2rem;
				position: relative;
				right: 2.5%;
				margin-top: -5%;
				background-color: #fff;
				box-shadow: 0 0 5px rgb(0 0 0 / 40%);
				color: #000;
			}
			.hotnews_content .product_price{
				position: absolute;
				bottom: calc(6.5% + 0.25rem);
				width: 100%;
				text-align: center;
				background-color: #f44336;
				color: #fff;
			}
			.hotnews_content .product_marketprice{
				font-size: 0.8rem;
				text-decoration: line-through;
				display: inline-block;
				margin: 0 5px;
				color: #ffbdb9;
			}
			.hotnews_content .product_buynow{ display: none; }

	/*團體行程*/
		.tour_main{ width: 100%; }
		/* 圖示團體 */
		.tour_main .travelteam_main{
			width: 100%;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
		}
		.tour_main .travelteam_body{
			width: 100%;
			position: relative;
			box-sizing: border-box;
		}
		.tour_main .travelteam{
			width: 90%;
			margin: 0 5%;
			padding: 30px 0;
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
		}
		.tour_main .travelteam_img{
			width: 70%;
			overflow: hidden;
		}
		.tour_main .travelteam_img_img{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			-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;
			background-position: center center;
			height: 25vw;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.tour_main .travelteam_img_img img{
			width: 100%;
			vertical-align: top;
		}
		.tour_main .travelteam_img_img:hover{
			opacity: 0.7;
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
		}
		.tour_main .travelteam_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 400px;
			background-color: #DDD;
			-webkit-transition: all 0.4s ease;
			-text-decoration-linemoz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
		.tour_main .travelteam_img_noimg:hover{
			opacity: 0.7;
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
		}
		.tour_main .travelteam_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}
		.tour_main .travelteam_title{
			width: 40%;
			left: 60%;
			text-align: right;
			padding: 0.5rem;
			box-sizing: border-box;
			font-size: 2rem;
			position: absolute;
			bottom: 20px;
			background-color: #fff;
			box-shadow: 0 0 5px rgb(0 0 0 / 40%);
		}
		.tour_main .travelteam_txt{
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
			color: #444;
			text-align: left;
		}
		.tour_main .travelteam_price{
			display: inline-block;
			font-size: 1.5rem;
			color: #f44034;
			box-sizing: border-box;
		}
		.tour_main .travelteam_body:nth-child(even) .travelteam{
			justify-content: flex-end;
		}
		.tour_main .travelteam_body:nth-child(even) .travelteam .travelteam_title{
			left: 0;
		}
		.tour_main .travelteam_body:nth-child(odd):before{
			width: 100%;
			height: 100%;
			content: '';
			clip-path: polygon(70% 0, 100% 50%, 70% 100%, 0 100%, 0 0);
			background-color: #efefef;
			position: absolute;
			right: 0;
		}
		.tour_main .travelteam_body:nth-child(even):before{
			width: 100%;
			height: 100%;
			content: '';
			clip-path: polygon(30% 0, 100% 0, 100% 100%, 30% 100%, 0 50%);
			background-color: #efefef;
			position: absolute;
			right: 0;
		}
	/* 相關連結 */
		.relatedLinks_main{
			width: 100%;
			margin-bottom: -100px;
		}
		/* 圖像廣告連結  */
		.relatedLinks_main .imgadlink_main{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: stretch;
		}
		.relatedLinks_main .imgadlink_group{
			width: 25%;
			position: relative;
			transition: all .5s;
		}
		.relatedLinks_main .adimg a div{
			background-position: center center;
			height: 15vw;
			background-repeat: no-repeat;
			background-size: cover;
			image-rendering: -moz-crisp-edges;
			image-rendering: -o-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: optimize-contrast;
			-ms-interpolation-mode: nearest-neighbor;
			-webkit-filter: brightness(50%);
			-moz-filter: brightness(50%);
			-ms-filter: brightness(50%);
			filter: brightness(50%);
			transition: all .5s;
		}
		.relatedLinks_main .adtxt{
			position: absolute;
			top: calc(50% - 25px);
			left: 50%;
			transform: translate(-50%, -50%);
			transition: all .5s;
		}
		.relatedLinks_main .adtxt a{
			color: #fff;
			font-size: 1.25rem;
			letter-spacing: 5px;
			padding: 5px 0 5px 5px;
			box-sizing: border-box;
			border: 1px solid #fff;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
		}
		.relatedLinks_main .adexplain{ display: none; }

		.relatedLinks_main .imgadlink_group:hover .adimg a div{
			-webkit-filter: brightness(100%);
			-moz-filter: brightness(100%);
			-ms-filter: brightness(100%);
			filter: brightness(100%);
		}
		.relatedLinks_main .imgadlink_group:hover .adtxt{
			background-color: rgba(0,0,0,.8);
		}
@media all and (max-width: 1024px){
	.relatedLinks_main{ margin-bottom: -50px; }
	.relatedLinks_main .imgadlink_group{ width: 50%; }
	.relatedLinks_main .adtxt{
		top: 50%;
	}
	.relatedLinks_main .adimg a div{ height: 25vw; }
}

@media all and (max-width: 768px){
	.hotpromo_main,
	.hotnews_main{
		width: 100%;
	}
	.hotpromo_title{
		position: relative;
		margin: 0 auto;
		right: 0;
	}
	.hotpromo_title > ul{
		top: 110%;
	}

	.tour_main .travelteam_img{
		width: 100%;
	}
	.tour_main .travelteam_img_img{ height: 30vw; }
	.tour_main .travelteam_title{
		position: static;
		width: 100%;
		font-size: 1.25rem;
	}
	.tour_main .travelteam_price{ font-size: 1.25rem; }
}
@media all and (max-width: 580px){
	.hotnews_main{
		margin-top: 0;
	}
	.hotnews_title{
		padding: 0 20px;
		font-size: 3rem;
	}
	.relatedLinks_main{ margin-bottom: -25px; }
	.relatedLinks_main .imgadlink_group{ width: 100%; }
	.relatedLinks_main .adimg a div{ height: 35vw; }



}