@import url('template.css');
.box {
	position: relative;
}
.maininfo h1 {
	font-size: 40px;
	color: #000;
	font-weight: 500;
	border-bottom: 3px solid #000;
	margin: 0 0 40px 0;
	padding: 0 0 10px 20px;
}
.box > div {
    width: 100%;
    display: block;
    margin: 0 20px 20px 0;
    padding: 0 20px 20px 0;
    text-align: left;
	font-size: 16px;
	vertical-align: top;
	line-height: 1.2em;
	float:left;
	border-bottom: 1px dotted #ccc;
}
.box h3, .box .featured h3 {padding: 10px;color:#000;line-height: 1.2em;font-size: 25px;}
.box p {text-align:left;padding: 5px 10px}
.box img {float:left;margin-right: 40px}
.box article:nth-child(3n) {
    margin-right: 0px;
}
.box .date {font-size:12px;color:#999}
.box .featured, .pagination {
    display: inline-block;
    width: 100%;
    margin: 0 0 40px 0;
    text-align: left;
	font-size: 16px;
	vertical-align: top;
	line-height: 1em;
}
.box .featured img {width:100%;max-width:100%}
@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:1200px){
	.box > div {font-size: 14px}
	.box h3 {font-size: 22px}
}
@media (max-width:767px){
	main.ltf {width:100%;}
	.box > div {display:block;width:100%;margin: 0 0 15px 0;padding: 0 0 15px 0;}
	.box h3 {font-size: 18px;font-weight:600;line-height: 1em;padding:5px 0}
	.box img {position: relative;width:100%;margin:0;float:none}
	.box .desc {display:none;}
}