@charset "utf-8";
/* CSS Document */

a.nav-news { color: #7da12c; }

.news .wrap { padding: 2% 0 1%; }

.news figure {	
	position: relative;
	margin: 1% 0;
	padding: 0 3% 2.5% 20%;
}

.news-time {
	position: absolute;
	left: 2.5%;
	top: 0;
	width: 92px;
	height: 92px;
	padding: 10px;
	background-color: #1695ef;
	border-radius: 56px;
}

.news-time span {
	display: block;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

.news-date {
	font-size: 60px;
	font-weight: 400;
}

.news-month {
	font-size: 16px;
}

a.news-abstract {
	display: block;
	padding: 20px;
	overflow: hidden;
	background-color: #f4f4f4;
	border-radius: 12px;
	box-shadow: 1.5px 1px 3px 1.5px #dfdfdf;
}
.title {
	color: #000;
	font-size: 24px;
	font-weight: 400;
}
.news-abstract .txt {
	padding: 15px 0;
	color: #555;
	font-size: 14px;
	text-indent: 2em;
	word-wrap: break-word;
}
.news-abstract img,
.news-content img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.news-detail {
    max-width: 960px;
    margin: 0 auto;
}
.news-detail figure{ padding: 3%; }
.news-datetime { color: #ccc; }
.news-content { padding: 10px 0; }
.news-content p {
	margin-top: 3%;
	text-indent: 2em;
	color: #555;
}
.news-goback {
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
.news-goback a { color: #7da12c; }
.news-goback a:hover { text-decoration: underline; }

@media screen and (max-width: 640px) {
	.news figure { padding-left: 3%; }
	
	.news-time { display: none; }
	
	.title { font-size: 18px; }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
	.news-time {
		width: 70px;
		height: 70px;
	}
	.news-date { font-size: 42px; }
	
}