/* newslist */
#newslist{ overflow:hidden; }
#newslist .list{ float: left; width: calc( (100% / 3) - 51px); padding: 0 25px; border-right: 1px solid #dadada; margin-bottom: 60px; }
#newslist .list:nth-child(3n){ border-right:0; }
#newslist .list .photo a{ display:block; width:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all ease-in-out 0.3s; }
#newslist .list .photo a img{ width:100%; }
#newslist .list .photo a:hover{ -webkit-filter: saturate(180%);  }
#newslist .list .newsbox{ overflow:hidden; margin: 10px; }
#newslist .list .newsbox .time{ float:left; width:67px; margin-top: 20px; }
#newslist .list .newsbox .time p{ font-family: 'Titillium Web', sans-serif; color: #7d0a82; font-size:25px; line-height: 25px; }
#newslist .list .newsbox .time p.Pubyear{ color:#9f9999; font-size:14px; text-align: center; border-top: 1px solid #c9c9c9; margin-top: 5px; }
#newslist .list .newsbox .title{ float: left; margin-top: 20px; font-size: 14px; width: calc(100% - 87px); margin-left: 20px; height: 46px; overflow: hidden; }
#newslist .list .newsbox .title a ,
#newslist .list .newsbox h2.tit a { color: #3b3b3b; }
#newslist .list .info{ margin: 0 10px; }
#newslist .list .info article{ color: #595757; font-size: 12px; height: 46px; overflow: hidden; margin: 15px 0; }
#newslist .list .info .more a{ color:#100f0f; font-size:12px; }
.content-wrap .article-img{ margin:0 25px 50px; }

/* article-info */
.article-info{ border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; padding: 0 25px 15px; }
#article{ margin-bottom: 20px; padding: 0 25px 15px; }
.article-info h2{font-size: 24px;font-weight: 500;letter-spacing: 1px;}
.article-info .date{ color: #9b9b9b; margin-top: 10px; font-size: 13px; border-left: 3px solid #7e0f83; padding-left: 15px; line-height: 150%; }

@media screen and (max-width: 980px) {
	#newslist .list,
	#newslist .list:nth-child(3n){ width: calc( (100% / 2) - 51px); border-right: 1px solid #dadada; }
	#newslist .list:nth-child(2n){ border-right:0; }
	#newslist .list .newsbox .title h2{ font-size:18px; }
}
@media screen and (max-width: 640px) {
	#newslist .list,
	#newslist .list:nth-child(3n),
	#newslist .list:nth-child(2n){ width: calc(100%); padding:0; border-right: 0px solid #dadada; border-bottom: 1px solid #dadada; padding-bottom: 20px; }
	.content-wrap .article-img{ margin: 0 0 20px; }
	.article-info{ padding: 0 0 15px; }
	.article-info h2{ font-size: 18px;	 }
}