#news_content {
  margin: 150px 0 80px;
}
#news_content .container{
	display: flex;
	justify-content: space-between;
}
#news_content .container .left{
	width:60%;
}
#news_content .container .right{
	width:calc(40% - 50px);
}

#news_content .container .right .box {
  margin-bottom: 40px;
}
#news_content h2.title {
  margin-bottom: 5px;
}
ul.list_news{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
ul#list_news.list_news li{
	display:none;
}
ul.list_news li{
	width:calc(50% - 10px);
	margin-bottom:20px;
	border: 1px solid #CACACA;
}
ul.list_news li .img {	
	height:225px;
}
ul.list_news li .img a{
	position:relative;
	display:block;
	height:100%;
}
ul.list_news li .img a:hover:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
ul.list_news li .img img{	
	height:100%;
	width:100%;
	object-fit: cover;
}
ul.list_news li .img a .more{
	display:none;
}
ul.list_news li .img a:hover .more {
  border: 1px solid #fff;
  position: absolute;
  z-index: 1;
  width: 215px;
  height: 40px;
  top: calc(50% - 20px);
  left: calc(50% - 107px);
  color: #fff;
  text-align: center;
  line-height: 36px;
  display:block;
}

ul.list_news li .content {
  padding: 0 10px 10px;
}
ul.list_news li .meta {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 5px;
}
ul.list_news li .meta .cat a{
  background: #013461;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size:15px;
}
ul.list_news li .meta .date {
  font-size:15px;
}
ul.list_news li .title a{
  font-size:15px;	
}
.news-btn {
  border: 1px solid #808080!important;
  width: 215px!important;
  height: 40px!important;
  margin: 20px auto!important;
  text-align: center!important;
  line-height: 36px!important;
  display:block!important;
}
#news_content .container .right  ul.list_news li .img a:hover .more {
  width: 120px;
  left: calc(50% - 60px);
}
.article_content h1{
	font-size:15px;
	font-weight:400;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px dotted #CACACA
}
.article_content .meta {
  display: flex;
  margin: 10px 0 15px;
}
.article_content  .meta .cat a{
  background: #013461;
  color: #fff;
  padding: 5px 20px;
  text-transform: uppercase;
  font-size:15px;
  margin-right:20px;
}
.article_content  .meta .date {
  font-size:15px;
}
.article_content img{
	margin-bottom:20px;
}
.article_paging {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
ul.categories{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
ul.categories li{
	width:calc(33.3333% - 5px);
	margin-bottom:10px;
	flex-wrap: wrap;
}
ul.categories li a{
position:relative;
height: 100%;
  display: block;
  width: 100%;
}
ul.categories li a .title{
position:absolute;
top:0;left:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items: center;
text-align:center;
color:#fff;
font-size:13px;
}
#news_recommend ul.list_news li .img {
  height: 130px;
}
#news_recommend ul.list_news li .meta .cat a {
  font-size: 14px;
}
#news_recommend ul.list_news li .meta .date {
  font-size: 14px;
}
#news_recommend ul.list_news li .title a {
  font-size: 14px;
}

#news_archive ul li{
	border-bottom:1px solid #808080;
	margin-bottom:10px;
	padding:0 20px 10px;
}
#news_archive ul li a{
height: 100%;
  display: block;
  width: 100%;
}
@media (max-width:767px){
	#news_content .container {flex-direction: column;}
	#news_content .container .left {width: 100%;}
	#news_content .container .right {width: 100%;}
	ul.list_news li .img {height: 120px;}
  #news_content {
    margin: 50px 0 80px;
  }
}