/* CSS Document */


body div.section .content .articles{
	padding:20px 10px;
}
body div.section .content .articles article{margin-bottom:50px;}
body div.section .content .articles article h3{
	padding:0;
	margin:0 0 4px 0;
}
body div.section .content .articles article .info{
	color:#999;
	margin-bottom:8px;
}
body div.section .content .articles article .detail{display:flex;}
body div.section .content .articles article .detail .image{
	width:200px;
	position:relative;
	overflow:hidden;
	min-height:160px;
	margin-bottom:10px;
	border-radius:2px;
}
body div.section .content .articles article .detail .image a{
	display:inline-block;
	height:100%;
	width:100%;
}
body div.section .content .articles article .detail .image img{
	height:100%;
	width:100%;
	object-fit:cover;
}
body div.section .content .articles article .detail .text{
	flex:2;
	width:100%;
	padding:10px;
}
body div.section .content .articles article .detail .text p{margin:0;padding:4px 2px;}
body div.section .content .articles article a{color:inherit;}
body div.section .content .articles article .footer{
	background:#FCFCFC;
	padding:6px 10px;
	border-radius:1px;
	margin-bottom:20px;
	display:flex;
	justify-content:space-between;
	transition:.2s;
}
body div.section .content .articles article .footer:hover{background:#F4F4F4;}
body div.section .content .articles article .footer:active{background:#EEE;}
body div.section .content .articles article .footer .read-info{color:#777;}
body div.section .content .articles article .footer .more{
	color:#666;
	font-style:italic;
	transition:.2s;
}
body div.section .content .articles article .footer:hover .more{color:#000;}

@media (max-width: 900px){
	body div.section .content .articles article .detail{
		flex-direction:column;
	}
}