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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Allura&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');


.body_title{
	width: 95%;
	max-width: 1000px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.body_title > h2{
	font-size: 1.75rem;
    font-weight: normal;
    letter-spacing: 2px;
    padding-left: 2px;
    box-sizing: border-box;
}
.body_title a{ color: #d31d80; }
.body_title a span{
	display: inline-block;
	font-size: 0.95rem;
}
.body_title a span i{
	display: inline-block;
	margin-left: 5px;
}
/* 最新消息 */
	.news_main{
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 30px 0 50px;
	}
	/* 圖示站內 */
		.ShowImgUrlLink_main2{
			min-height: 200px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
		}
		.ShowImgUrlLink_box2{
			width: calc(90% / 3);
			margin: 10px calc(10% / 6);
			box-sizing: border-box;
			transition: all .5s;
			position: relative;
			box-shadow: 0 0 5px rgb(0 0 0 / 50%);
		}

		.ShowImgUrlLink_img2{
			width: 100%;
			display: block;
			position: relative;
			overflow: hidden;
		}
		.ShowImgUrlLink_img_img2{
			display: block;
			position: relative;
			box-sizing: border-box;
			background-color: #fff;
		}
		.ShowImgUrlLink_img_img2 img{
			width: 100%;
			vertical-align: top;
		}
		.ShowImgUrlLink_img_noimg2{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 12vw;
			background-color: #DDD;
		}
		.ShowImgUrlLink_img_noimg2 > span{
			font-size: 3rem;
			color: #FFF;
		}
		.ShowImgUrlLink_title2{
			width: 100%;
		    height: 100%;
		    display: block;
		    text-align: center;
		    color: #ffffff;
		    font-size: 1.5rem;
		    letter-spacing: 5px;
		    padding-left: 5px;
		    box-sizing: border-box;
		    position: absolute;
		    top: 0;
		    left: 0;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    align-items: center;
		    background-color: rgb(0 0 0 / 20%);
		    opacity: 0;
		    transition: all .5s;
		}
		.ShowImgUrlLink_title2 span{ position: relative; }
		.ShowImgUrlLink_title2 span:before{
			content: '';
			position: absolute;
			width: 0;
			height: 1px;
			background-color: #fff;
			left: 50%;
			bottom: -10px;
			transform: translate(-50%, 0);
			 transition: all 1s;
		}
		.ShowImgUrlLink_box2:hover .ShowImgUrlLink_img_img2 img{
			filter: blur(1px);
		}
		.ShowImgUrlLink_box2:hover .ShowImgUrlLink_title2{
			opacity: 1;
		}
		.ShowImgUrlLink_box2:hover .ShowImgUrlLink_title2 span:before{
			width: 100%;
		}


@media screen and (max-width: 768px){

	.ShowImgUrlLink_box2{
		width: calc(90% / 2);
		margin: 10px calc(10% / 4);
	}



}

	.newspost_content{
		display: flex;
    	align-items: center;
    	padding: 0.25rem 1rem;
    	box-sizing: border-box;
    	border-bottom: 2px dotted #444;
	    width: 90%;
	    margin: 0 auto;
	}
	.newspost_content:hover{
		background-color: rgba(0,0,0,.2);
	}