/* CSS Document */

main{ min-height:680px;}
/**/
.topic-bg{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:20px;/*box-shadow:0 0 5px 0 rgba(0,0,0,.8)*/}
.topic-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;/*background:rgba(0,0,0,.45)*/}
.topic-bg .containers{padding:100px 0 80px 0;padding-bottom:100px;position:relative;z-index:2;text-align:center}
.topic-bg .titles{color:#FFF; font-size:38px; font-weight:600;text-shadow:1px 1px 1px #000;line-height:1.6;margin-bottom:5px;}
.topic-bg .containers span{display:inline-block;font-size:14px;line-height:1;color:#FFF;padding:5px 12px;text-shadow:1px 1px 1px #000;}
.topic-bg .containers .description{color:#FFF;font-size:14px;margin-bottom:5px;margin-top:15px}

.headers{padding:20px;background:#fff;border-radius:4px;position:relative;margin-top:-80px;margin-bottom:20px; z-index:10}
.headers .by_{position:absolute;right:40px;top:25px}
.filter_title{width:60px;margin-right:10px;font-size:14px; display:inline-block}

.filter .btn-sm{margin-top:0;padding:2px 10px}
.filter a{
	border-radius:4px;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding-left:8px;
	padding-right:8px}
.filter a:hover,.filter a.on{color:#FFF;
background-color:#4db233
}


.like-post{margin-bottom:30px;
float:left}
.like-post-box{position:relative;background:#FFF;-webkit-box-shadow:0 5px 10px 0 rgba(146,146,146,.1);-moz-box-shadow:0 5px 10px 0 rgba(146,146,146,.1);box-shadow:0 5px 10px 0 rgba(146,146,146,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3}
.like-post-box:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,0,0,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,0,0,.3);-moz-box-shadow:0 26px 40px -28px rgba(0,0,0,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.like-post-box .titBox{background:#e2e8da; border-bottom:1px solid #e2e3e5; position:relative}
.like-post-box .titBox .badge{position:absolute;left:5px;top:5px; background-color:#3baa20}

.like-post-box .titBox dl{padding:10px 0; margin:0px;text-align:center; display:block; overflow:hidden}
.like-post-box .titBox dl dd p{text-overflow:ellipsis;white-space:nowrap; font-weight:800;}
.like-post-box .titBox dl dd i{border-color:#3baa20;}

.like-post-box .time{ background-color:#333; color:#FFF; text-align:center; display:none}

.like-post-box ul{line-height:25px; text-align:center; padding:10px 0;}
.like-post-box li{width:52px; height:65px; margin-right:10px; display:inline-block;text-align:center;border-radius:5px;  border:1px solid #e2e3e5; background:#efefef; line-height:30px; }
.like-post-box li:last-child{margin-right:0px;}
.like-post-box li i{ font-style:normal; height:30px;}
.like-post-box li span{ background:#fff; font-weight:bold; clear:both;color:#ff6300;display:block;height:30px;}
.like-post-box .infobottom{ margin:0 10px 10px; }

.like-post-box .btn_line{margin:10px;}
.like-post-box .btn_line a{color:#3baa20;border-color:#3baa20;border-radius:4px; display:block; font-size:14px}
.like-post-box .btn_line:hover a,.like-post-box:hover .btn_line a{background: #3baa20;color:#fff;border-color:#3baa20;}