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

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

/* 以下是 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(/webeip/HT00100/Peggy/swiper-4.5.0/css/swiper.min.css);

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

/* 熱門行程 */
	.hottour_main{
		width: 100%;
		margin-bottom: 50px; 
	}
	.hottour_main > h1{
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		margin: 20px 0;
		letter-spacing: 10px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	.hottour_main > h1 span{
		display: inline-block;
		font-size: 2rem;
		color: #77af77;
	}

	/* 站內活動快報(圖文日期) */
		.ShowImgUrlLink_main{
			width: 95%;
			max-width: 1200px;
			margin: 0 auto 50px;
			display: flex;
		    flex-wrap: wrap;
		    justify-content: flex-start;
		    align-items: flex-start;
		}
		.ShowImgUrlLink_box{
			width: calc(90% / 4);
			margin: 20px calc(10% / 8);
			border-radius: 20px;
			transition: all .2s;
		}
		.ShowImgUrlLink_img{
			display: block;
			border-radius: 20px;
			-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;
			overflow: hidden;
		}
		.ShowImgUrlLink_img_img{
			border-radius: 20px;
		}
		.ShowImgUrlLink_img_img > div{
			position: relative;
			display: block;
			width: 100%;
			height: 373.5px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			border-radius: 20px;
			-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;
		}
		.ShowImgUrlLink_img_noimg{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 18vw;
			background-color: #DDD;
			border-radius: 10px;
		}
		.ShowImgUrlLink_img_noimg > span{
			font-size: 3rem;
			color: #FFF;
		}
		.ShowImgUrlLink_img:hover .ShowImgUrlLink_img_img > div{
			-moz-transform: scale(1.1);
		    -webkit-transform: scale(1.1);
		    -o-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		    transform: scale(1.1);
		    opacity: .7;
		}
		.ShowImgUrlLink_title{
			width: 100%;
			text-align: center;
			padding: 0.5rem;
			box-sizing: border-box;
			font-size: 1.25rem;
		}
		.ShowImgUrlLink_date{
			width: 100%;
			text-align: right;
		}
		.ShowImgUrlLink_startdate,
		.ShowImgUrlLink_updatedate{
			display: inline-block;
			padding: 0.25rem;
			box-sizing: border-box;
			font-size: 0.8rem;
			color: #777;
		}
@media (max-width: 1200px)
{
	.ShowImgUrlLink_img_img > div{ height: 30vw; }
}
@media (max-width: 768px)
{
	.ShowImgUrlLink_box{
		width: calc(90% / 3);
		margin: 20px calc(10% / 6);
	}
	.ShowImgUrlLink_img_img > div{ height: 45vw; }
}
@media (max-width: 640px)
{
	.ShowImgUrlLink_box{
		width: calc(90% / 2);
		margin: 20px calc(10% / 4);
	}
	.ShowImgUrlLink_img_img > div{ height: 65vw; }
}