/**/
.bbs-list .list-search {
    margin-bottom:20px; display:flex; justify-content: space-between; align-items: center;
}
.bbs-list .list-search .form-control {border-color:#d9d9d9;}
.bbs-list .list-search .input-group-text {
    border-color:#d9d9d9; background:#33454d; color:#fff; cursor:pointer;
    font-family: xeicon;
}


/**/
.bbs-list-body {}
.bbs-list-body .gallery {
    display:flex; flex-wrap:wrap; 
}
.bbs-list-body .gallery .post {
    width:31%; height:415px; border:1px solid #EBEBEB;
    overflow:hidden; margin-bottom:40px; margin-right:3.5%;
}
.bbs-list-body .gallery .post:nth-child(3n){margin-right:0;}
.bbs-list-body .gallery .post .rect {height:100%; position:relative;}
.bbs-list-body .gallery .post .rect .preview {height:230px;}
.bbs-list-body .gallery .post .rect .preview a { overflow:hidden;}
.bbs-list-body .gallery .post .rect .preview a .img-box {height:100%; background-size: cover;transition:all 0.5s ease-in-out; }
.bbs-list-body .gallery .post .rect .preview a:hover .img-box{transform:scale(1.2);}
.bbs-list-body .gallery .post .rect .data {
    left:0; bottom:0; height:35%; width:100%; padding:30px 20px; background:#fff;
    position:relative;
}
.bbs-list-body .gallery .post .rect .data .category {}
.bbs-list-body .gallery .post .rect .data .subject {font-weight:bold; margin-bottom:20px;}
.bbs-list-body .gallery .post .rect .data .content {
	margin-bottom:15px; font-size:17px; color:#444;
	text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
	display: -webkit-box;
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical;
   white-space:normal;
	}
.bbs-list-body .gallery .post .rect .data .name {display:none;}
.bbs-list-body .gallery .post .rect .data .date { color:#bdbdbd;}
.bbs-list-body .gallery .post .rect .data a.detail {
    position:absolute; right:15px; bottom:10px; display:inline-block;
    border-radius:50px; padding:8px 20px; transition:all 200ms;
    border:1px solid #f5f5f5; background:#f5f5f5; color:#aaa;
}
.bbs-list-body .gallery .post:hover .rect .data a.detail {background:#f58220; color:#fff;}
@media(max-width:1180px){
	.bbs-list-body .gallery .post {width:32%; margin-bottom:20px; margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(4n){margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(3n){margin-right:0;}
}
@media(max-width:820px){
	.bbs-list-body .gallery .post {width:49%; margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(2n){margin-right:0;}
	.bbs-list-body .gallery .post:nth-child(3n){margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(6n){margin-right:0;}
}
@media(max-width:550px){
	.bbs-list-body .gallery .post {width:100%; margin-right:0;}
	.bbs-list-body .gallery .post:nth-child(3n){margin-right:0;}
	.bbs-list .list-search div{font-size:17px;}
	.bbs-list .list-search .form-control{font-size:17px; padding:8px;}
}
/**/
.bbs-list-footer {margin:0;}
.bbs-list-footer .write-btns {display:flex; justify-content: flex-end; margin:0 0 15px 0;}
.bbs-list-footer .pagination {
    display:flex; justify-content: center; margin-bottom:100px;
}
.bbs-list-footer .pagination li {margin:0 6px;}
.bbs-list-footer .pagination li a.page-link {
    border-radius:0; width:30px; height:30px; padding:0; color:#444444;
    display:flex; align-items: center; justify-content: center; border:0;
    font-size:16px;
}
.bbs-list-footer .pagination li.active a.page-link {
    background:#E41D25; color:#fff; border-radius:50%;
}
.bbs-list-footer .pagination li.first a.page-link,
.bbs-list-footer .pagination li.last a.page-link,
.bbs-list-footer .pagination li.previous a.page-link,
.bbs-list-footer .pagination li.next a.page-link {display:none;
    border:1px solid #33454d; font-size:0; position:relative; border-radius:5px;
}
.bbs-list-footer .pagination li.previous a.page-link:before,
.bbs-list-footer .pagination li.next a.page-link:before,
.bbs-list-footer .pagination li.first a.page-link:before,
.bbs-list-footer .pagination li.last a.page-link:before {
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; font-size:16px; content:'';
    background-position:center center; background-repeat: no-repeat; background-size:cover;
}
.bbs-list-footer .pagination li.first a.page-link:before,
.bbs-list-footer .pagination li.last a.page-link:before {width:14px; height:13px;}
.bbs-list-footer .pagination li.previous a.page-link:before,
.bbs-list-footer .pagination li.next a.page-link:before {width:9px; height:13px;}
.bbs-list-footer .pagination li.previous a.page-link:before {background-image:url(/images/content/layout/icon_bbs_prev.png);}
.bbs-list-footer .pagination li.next a.page-link:before {background-image:url(/images/content/layout/icon_bbs_next.png);}
.bbs-list-footer .pagination li.first a.page-link:before {background-image:url(/images/content/menu/menu7_arr_2.png); transform:rotate(90deg);}
.bbs-list-footer .pagination li.last a.page-link:before {background-image:url(/images/content/menu/menu7_arr_2.png); transform:rotate(-90deg);}

@media (max-width: 768px) {
   .bbs-list-body  .form-inline .input-group,
   .bbs-list-body  .form-inline .custom-select {flex-wrap: nowrap;}
   .bbs-list-body  form[name=form_search] input[type=text] {width:150px;}
}