#newsList ul { text-align: center; font-size: 0; }
#newsList ul li {overflow: hidden;display: inline-block;vertical-align: top;width: calc((100%/3) - 0px);}
#newsList ul li >div { margin: 20px 20px 20px 0; }
#newsList ul li:nth-child(3n) >div {margin: 20px 0 20px 20px;}
#newsList ul li .info p a {margin-right: 15px;padding: 2px 15px;background: #232323;display: inline-block;color: #e9e9e9;}
#newsList ul li .info p font { font-family: 'Rubik', sans-serif; color: #656565; }
#newsList ul li .info h3 a {margin-top: 10px;height: 70px;font-weight: bold;font-size: 20px;color: #434343;-webkit-line-clamp: 2;}

@media screen and (min-width:1281px) {
	#newsList ul li:hover .img a.photo img { background: rgba(32, 32, 32, .75); }
}
@media screen and (max-width:980px) {
	#newsList ul li >div { margin: 20px 10px 20px 0; }
	#newsList ul li:nth-child(2n) >div { margin: 20px 0 20px 10px; }
}
@media screen and (max-width:768px) {
	#newsList ul li { width: 80%; }
	#newsList ul li >div , #newsList ul li:nth-child(2n) >div { margin: 20px 0; }
}
@media screen and (max-width:500px) {
	#newsList ul li { width: 100%; }
}