@import url('template.css');
h1 {
	font-size: 2.3em !important;
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1em;
	padding: 0 0 20px 0;
	color: #000;
}

.box {
	position: relative;
}

.category li {
    display: table;
	margin-bottom: 20px;
	position: relative;

}
.category li > span {
	display: table-cell;
	width: 327px;
}
.category li > span img {background: #000;}
.category li > div {
	display: table-cell;
	width:100%;
	vertical-align: middle;
	padding-left: 40px;
}
.category li > div h2 {
	display: inline-block;
	font-size: 22px;
	color: rgba(0,0,0,1);
	letter-spacing: -1px;
	font-weight: 600;
	padding: 0;
	margin-bottom: 10px;
	border-bottom: 2px solid rgba(0,0,0,0);
	transition: .3s;
}
.category li > div a:after {
	display: block;
	width: 100%;
	clear: both;
	position: relative;
	content: "";
	height: 0;
}

.category .desc {
    font-size: 15px;
	color: #666;
	display: block;
	padding: 10px 0 0 0;
}
.catnews {margin-right: 10px;}

.category img {display:block;opacity: 1;transition: .3s;}
.category img:hover {opacity: .6}
.pagination {
    display: inline-block;
    width: 100%;
    margin: 0 0 40px 0;
    text-align: left;
	font-size: 16px;
	vertical-align: top;
	line-height: 1em;
}

@media (max-width:768px){
	.category li > span {width: 40%}
	
	.category li > span img {width: 100%}
	.category li > div {width: 60%;padding-left:20px}
	.category li > div h2 {font-size:18px}
}
@media (max-width:480px){
	.category li > span, .category li > div {display:table;width: 100%;padding:0}
	.category li > div h2 {padding: 15px 15px 0px}
	.category li > div .desc {padding: 10px 15px 15px;font-size: 14px;line-height: 20px;}
	.category li > div .datnews {padding: 0 15px 15px}
}
@media (min-width:1200px){
	
}
@media (min-width:1700px){
	
}	
@media (min-width:768px) and (max-width:991px){
	
}
@media (max-width:767px){
	
}
.pagination {
	display: block;
	padding: 10px 0;
}
.pagination ul:before, .pagination ul:after {
    content: " ";
    display: table;
}
.pagination ul {
	display: block;
}
.pagination ul:after {
    clear: both;
}
.pagination ul > li {
    display: inline;
    padding: 0;
    margin: 0
}
.pagination ul > li a, .pagination ul > li span {
	background-color: #ccc;
    color: #fff;
    margin-right: 2px;
    padding: 7px 14px 6px 14px;
}
.pagination ul > li a:hover {
	background: #777
}
.pagination ul > li.pagination-start .pagenav, .pagination ul > li.pagination-prev .pagenav, .pagination ul > li.pagination-next .pagenav, .pagination ul > li.pagination-end .pagenav {
	background: transparent!important;
	color: #888!important;
}
.pagination-start a.pagenav:hover, .pagination-prev a.pagenav:hover, .pagination-next a.pagenav:hover, .pagination-end a.pagenav:hover {
	color: #000!important;
}
.pagination .counter {
    float: right;
    border-radius: 4px;
    display: inline;
    padding: 6px 0 0 0;
}
.pagination span.pagenav {
    background-color: #333;
    color: #fff;
}