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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap');

/* 以下是 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');


/* 最新消息 */
	.news_main{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
	}
	.news_main:before{
		position: absolute;
		content: '';
		width: 100%;
		height: 40%;
		bottom: 0;
		left: 0;
		background-color: #f5f5f5;
		z-index: -99;
	}
	.news_wrap{
		width: 90%;
		margin: 0 auto;
		padding: 50px 0;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	.news_box{
		width: calc(95% / 4);
		margin: 0 calc(5% / 8);
	}
	.news_title{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 2px solid #00a0e9;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.news_title h2{
		display: inline-block;
		padding: 10px 10px 10px 20px;
		letter-spacing: 10px;
		background-color: #00a0e9;
		color: #ffffff;
	}
	.news_title span{
		display: inline-block;
		padding: 10px 10px 10px 20px;
		letter-spacing: 10px;
		font-family: 'Libre Baskerville', serif;
	}
	.news_body{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.news_bodyBox > a{
		display: block;
		font-size: 1.25rem;
		color: #000;
		padding-bottom: 10px;
		border-bottom: 2px dashed #9d9d9d;
		margin-bottom: 10px;
		transition: all .3s;
	}
	.news_bodyBox > a:hover{
		letter-spacing: 2px;
	}
	/* 廣告連結 */
		.link_box{
			width: 100%;
			margin: 52px 0 0;
		}
		.adlink{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
		.adlink > a{
			width: auto;
			margin: 10px;
			padding: 5px 5px 5px 10px;
			box-sizing: border-box;
			background-color: #000;
			text-align: center;
			color: #fff;
			letter-spacing: 5px;
			font-size: 1.15rem;
			-webkit-transform: perspective(1px) translateZ(0);
    		transform: perspective(1px) translateZ(0);
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-property: transform;
			transition-property: transform;
		}
		.adlink > a:nth-child(odd){
			background: linear-gradient(135deg, rgb(255 112 184) 0%, rgb(0 160 233) 100%);
			background: -webkit-linear-gradient(135deg, rgb(255 112 184) 0%, rgb(0 160 233) 100%);
			background: -o-linear-gradient(135deg, rgb(255 112 184) 0%, rgb(0 160 233) 100%);
		}
		.adlink > a:nth-child(even){
			background: linear-gradient(135deg, rgb(0 160 233) 0%, rgb(255 112 184) 100%);
			background: -webkit-linear-gradient(135deg, rgb(0 160 233) 0%, rgb(255 112 184) 100%);
			background: -o-linear-gradient(135deg, rgb(0 160 233) 0%, rgb(255 112 184) 100%);
		}
		.adlink > a:before{
			pointer-events: none;
			position: absolute;
			z-index: -1;
			content: '';
			top: 100%;
			left: 5%;
			height: 10px;
			width: 90%;
			opacity: 0;
			background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
			background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-property: transform, opacity;
			transition-property: transform, opacity;
		}
		.adlink > a:hover, .adlink > a:focus, .adlink > a:active{
			-webkit-transform: translateY(-5px);
    		transform: translateY(-5px);
    		border-radius: 10px;
		}
		.adlink > a:hover:before, .adlink > a:focus:before, .adlink > a:active:before{
			opacity: 1;
		    -webkit-transform: translateY(5px);
		    transform: translateY(5px);
		}

		.tour_download{
			width: 95%;
			max-width: 800px;
			margin: 10px auto;
		}
		.tour_download > h2{
			display: block;
			letter-spacing: 5px;
			font-size: 1.75rem;
			border-left: 3px solid #0068b7;
			margin-bottom: 10px;
			padding-left: 10px;
			color: #0068b7;
		}
		.tour_download > h3{
			color: #e62e8b;
		}
		.adlink2{
			width: 100%;
		}
		.adlink2 > a{
			display: block;
			font-size: 1.25rem;
			color: #000;
			padding-bottom: 10px;
			border-bottom: 2px dashed #9d9d9d;
			margin-bottom: 10px;
			transition: all .3s;
		}
		.adlink2 > a:hover{
			letter-spacing: 2px;
		}
		.adlink2 > a span{
			display: inline-block;
			margin-right: 5px;
		}