@import url('template.css');
h1 {
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.2em;
}

.box {
	position: relative;
}

.category > div {
    display: table;
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	padding: 8px;
	border: 2px solid #fff;
}
.category > div:hover {border: 2px solid #8248b2 ;}
.category > div:hover h2 {color: #8248b2 }
.category > div > a {
	display: table-cell;
	width: 327px;
}
.category > div > div {
	display: table-cell;
	width:100%;
	vertical-align: middle;
	padding-left: 40px;
}
.category > div > 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;
}
.category .datnews {display: block;font-size: 12px;color:#999;}

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

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

@media (min-width:768px){
	
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	
}
@media (min-width:1700px){
	
}	
@media (min-width:768px) and (max-width:991px){
	
}
@media (max-width:767px){
	.category > div {display:block;border:none}
	.category > div:hover {border:none}
	.category > div > a {display: block;width:100%;padding:0}
	.category > div > div {display: block;width:100%;padding:0}
	.category img {width:100%}
	.category > div > div h2 {font-size: 16px;padding: 8px 0 4px 0;margin:0}
	.category .desc {padding: 4px 0 8px 0;font-size:12px;line-height: normal}
}