/* blog */
.blog_item{width: calc(33.3% - 20px); margin-right: 30px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);}
.blog_item:nth-child(3n){margin-right: 0;}
.blog_item:nth-child(n+4){margin-top: 30px;}
.blog_item>a{height: 100%;}
.blog_item .pic{padding-bottom: 65%;}

.blog_info{flex: 1; padding: 20px 30px; text-align: center;}
.blog_info .title{font-family: 'Rambla-Regular'; font-size: 22px; font-weight: 400; line-height: 1.25; flex: 1;}
.blog_info .brief{color: #999; line-height: 26px; height: 104px; margin: 10px 0;}
.blog_info .more{color: var(--commonColor); font-size: 14px; font-weight: bold;}

.blog_foot{padding: 6px 10px; border-top: 1px solid #eaeaea;}
.blog_foot .user_img{display: block; width: 36px; height: 36px; border-radius: 50%;}
.blog_foot .user_info{flex: 1; margin-left: 10px; color: #adadad; font-size: 15px;}

.blog_item:hover{box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);}
.blog_item:hover .brief{color: #666;}

@media only screen and (max-width: 1300px) {
    .blog_info{padding: 20px;}
    .blog_info .title{font-size: 21px;}
}
@media only screen and (max-width: 980px) {
    .blog_item{width: 100%; margin-right: 0;}
    .blog_item:nth-child(n+2){margin-top: 20px;}
    .blog_info{padding: 20px 16px;}
    .blog_info .title{font-size: 20px;}
}

.sub_th{margin-top: 3%;}

@media only screen and (max-width: 980px) {
	.sub_th{margin-top: 0;}
}