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

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

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600&display=swap');
/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 animate 的 js */
@import url('/webeip/HT00100/Peggy/js/wow.js');

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


/* 最新消息 */
	.news_main{
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #efefef 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#efefef 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#efefef 100%);
		padding-bottom: 120px;
		padding-top: 20px;
		position: relative;
	}
	.news_title{
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.news_title > h1{
		font-family: 'Lora', serif;
		color: #87CDE2;
		font-size: 4rem;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.news_title  > h1:before{
		position: absolute;
		content: '';
		width: 50%;
		bottom: 0;
		left: 0;
		height: 10px;
		background-color: #102649;
	}
	.news_title  > h1:after{
		position: absolute;
		content: '';
		width: 50%;
		bottom: 0;
		right: 0;
		height: 10px;
		background-color: #87CDE2;;
	}
	.news_title > h2{
		color: #666;
		font-size: 2rem;
		font-weight: normal;
	}


	/* 文字站內 */
	.post_news_main{
		width: 95%;
		margin: 40px auto;
	}
	.post_news_content{
		display: block;
		padding: 15px;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 50px;
		position: relative;
		box-shadow: 5px 5px 2px 2px rgba(0,0,0,10%);
		border: 1px solid rgba(0,0,0,10%);
	}
	.post_news_content:before{
		position: absolute;
		content: '';
		height: 5px;
		width: 0;
		bottom: 0;
		transition: all .3s;
	}
	.post_news_title{ display: inline-block; color: #444; font-size: 1.15rem; }
	.post_news_date{
		display: inline-block;
		position: absolute;
		padding: 5px 5px 5px 10px;
		box-sizing: border-box;
		color: #fff;
		letter-spacing: 5px;
		top: -31px;
	}

	.post_news_main .post_news_content:nth-child(odd) .post_news_date{
		left: 0;
		background-color: #814f97;
	}
	.post_news_main .post_news_content:nth-child(odd):before{
		background-color: #814f97;
		left: 0;
	}

	.post_news_main .post_news_content:nth-child(even) .post_news_date{
		right: 0;
		background-color: #535099;
	}
	.post_news_main .post_news_content:nth-child(even):before{
		background-color: #535099;
		right: 0;
	}

	.post_news_main .post_news_content:hover:before{ width: 100%; }