h2{
    font-size: 20px;
    font-weight: 100;
}

.navlist{
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	border-radius: 10px;
	line-height: 50px;
	background-color: lightcoral;
}

.navlist a{
	color: white;
}

.navlist a:hover{
	color: wheat;
}

.search{
	line-height: 25px;
	margin-bottom: 5px;
	font-weight: normal;
}

.barcomm input {
	border:2px solid #5CB85C;
	border-radius:10px;
	background: whitesmoke;
	top:0;
	right:0;
	width: 70%;
	font-size: 15px;
}
.barcomm button {
	background: #5CB85C;
	border-radius:10px;
	width: 70px;
	font-weight: bolder;
}

.searchcomm{
	font-size: 15px;
	color:white;
}

.logoarea{
	margin-top: 10px;
	margin-bottom: 10px;
}

.logopic{
	text-align: center;
}

.logopic img{
	width: 100%;
	height: 90px;
}

.mainshow{
	height: 90px;
	border: solid 1px gainsboro;
	background-color: ghostwhite;
	line-height: 90px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	font-family: "KaiTi";
}

.latest-list{
	left: 0px;
}

.category-name{
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}

.list-detail{
	font-family: SimHei;
	height: 100px;
	font-size: 15px;
	margin-bottom: 10px;
	border-bottom: solid 0.5px gainsboro;
	overflow: hidden;
}

.list-detail span{
	line-height: 20px;
	width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
	display: block;
}

.left-detail{
	padding: 5px;
}

.right-detail{
	padding: 5px;
	text-align: right;
}

.right-detail img{
	width: 100%;
	height: 90px;
	border-radius: 5px;
}

.article-title{
	height: 58px;
	overflow: hidden;
	margin-bottom: 5px;
}

.post-time{
	font-size: 14px;
	height: 27px;
	overflow: hidden;
}

.article-pic{
	width: 100%;
}

.related-link{
	margin-top: 20px;
	margin-bottom: 10px;
}

.related-link span{
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
}

.footer-area{
	font-weight: bolder;
	text-align: center;
	background-color: lightcoral;
	color: white;
	border-radius: 10px;
}

.footer-area a{
    color: white;
}

.right-show{
	width: 100%;
	height: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

.page-nav{
	text-align: center;
	font-size: 18px;
}

.location{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: dashed 0.5px gainsboro;
}

.article-headline{
	text-align: center;
}

.article-postime{
	text-align: center;
}

.article-content{
	font-size: 18px;
	word-break:break-all;
}

.illustration{
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}

.article-content video{
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	max-height: 600px;
}

.subparagraph{
	font-size: 22px;
	background-color: mistyrose;
	font-weight: bolder;
	margin-top: 20px;
}

.subparagraph a:link{
	color:black;
}

.subparagraph a:visited{
	color:black;
}

.readall_box {
	position: relative;
	z-index: 9999;
	padding: 0 0 25px;
	margin-top: -200px;
	text-align: center;
}

.readall_box .read_more_mask {
	height: 200px;
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));
	background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))
}

.read_more_btn {
	cursor: pointer;
	font-size: 16px;
	color: #de686d;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #de686d;
	line-height: 30px;
	padding: 5px 10px;
}

.read_more_btn:hover {
	background: #de686d;
	color: #fff;
}

.related-news{
	padding: 0px;
}

.related-news h3{
	margin-bottom: 20px;
}

.related-list li{
	font-size: 16px;
	margin-bottom: 10px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	border-bottom: dashed 1px grey;
}

.user-alert{
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
	margin-top: 15px;
	margin-bottom: 15px;
}

.image_desp{
    text-align: center;
    font-size: 12px;
}



@media (min-width: 960px) {
	.barcomm input {
		width: 60%;
	}
	
	.category-name{
		font-size: 20px;
		font-weight: bold;
		margin: 10px;
	}
	
	.list-detail{
		font-size: 16px;
	}
	
	.list-detail span{
		line-height: 25px;
		width: 100%;
		padding-bottom: 10px;
		overflow: hidden;
		display: block;
	}

	.article-title{
		height: 50px;
	}
	
	.post-time{
		height: 35px;
	}

	.left-area1{
		border-right: dashed 1px gray;
	}
	
	.left-area2{
		border-left: dashed 1px gray;
	}
	
	.right-detail img{
		width: 80%;
		height: 90px;
		text-align: center;
	}
}