.bbs-detail-post {padding-right: 3rem;}
.bbs-breadcrumb {position: relative; margin-left: -3000px;padding-left: 3000px !important;margin-right: -3000px;padding-right: 3000px !important; background: #fff; line-height: 3rem; font-size: 1rem;}
.bbs-breadcrumb a {color: #111;}
.bbs-breadcrumb.sticky {position: fixed; top:71px; width: 100%; z-index: 1000; margin-left: 0; margin-right: 0; padding-left: 0 !important; padding-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.4); box-shadow: rgba(255,255,255,0.4) 0px 3px 3px 0px ; background-color: rgba(255,255,255,0.6)}
.btn-pointuse {position: relative; top: 1.1rem;}
.bbs-detail .bbs-sidebar {border-top: 3px solid #212529;padding-top: 1rem;}
.bbs-list .bbs-sidebar {/*border-top: 3px solid #212529;*/ background: #fff !important;padding: 1rem; font-size: 0.95rem; z-index: 100; position: relative;}
.blog-title {font-size: 1.5rem; line-height: 2.2rem; margin-top: 3rem; margin-bottom: 0.5rem; font-weight: bold;}
.btn-like {background: url(../../images/bg-btn-like.png) transparent; width: 80px; height: 31px; background-position-y: 0;display: inline-block;}
.btn-like.liked {background-position-y: -31px;}
.btn-like:hover {background-position-x:-80px;}
.bbs-add-post {height: 56px;}
.self-center-bar{
    margin-left:-3000px;
    padding-left:3000px !important;
    background:#212529;
    margin-bottom:40px;
}
.side-link-btn {margin-bottom: 1rem; display: block;}
@media (max-width:991px) {
    .self-center-bar {margin-left:-15px;padding-left:0 !important;}
    .side-link-btn {margin-right: 1rem;margin-left: 1rem; display: inline-block;max-width: 40%;}
}
.bbs-list .card-footer {background-color: #fff;}
.headline-category {color: #111;font-size: 1.2rem; line-height: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; padding-left: 50px;position: relative; display: block;}
.headline-category:before {position: absolute; left: 0; top:0px; background: url(../../images/page/bbs/icon-headline.png); content: ' '; width: 32px; height: 32px; display: inline-block;}
.headline-category .note {color: #111; position: absolute; right: 0px; bottom: -5px; font-size: 0.8rem;}
.headline-category.cate-1 {}
.headline-category.cate-1:before {background-position-y: 0;}
.headline-category.cate-2 {color: #fff}
.headline-category.cate-2:before {background-position-y: -32px;}
.headline-category.cate-2 .note {color: #fff;}
.headline-category.cate-3 {}
.headline-category.cate-3:before {background-position-y: -64px;}
.headline-category.cate-4 {color: #fff;}
.headline-category.cate-4:before {background-position-y: -96px;}
.headline-category.cate-4 .note {color: #fff;}
.headline-category.cate-5 {}
.headline-category.cate-5:before {background-position-y: -128px;}
@media (max-width: 556px) {
    .headline-category {padding-bottom: 2rem;}
}
.bbs-list .bbs-section {position: relative;
    z-index: 50;
    padding: 1rem 3000px;
    margin: 0 -3000px;
}
.bbs-list .bbs-section.section-1 {background: #FAFAFA;}
.bbs-list .bbs-section.section-2 {background: #5CB3DE;}
.bbs-list .bbs-section.section-3 {background: #B9DCFF;}
.bbs-list .bbs-section.section-4 {background: #6187AB;}
.bbs-list .bbs-section.section-5 {background: #B0D6EB;}
.bbs-list .bbs-section.section-6 {background: #fff;}
@media (max-width:991px) {
    .bbs-section-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .bbs-list .bbs-section {margin:0;padding-left:15px; padding-right:15px;}
}

.bbs-data-list-tab {margin: 1rem 0 0.5rem;}
.bbs-data-list-tab .nav-pills .nav-link{background-color: #6A7178; color: #FFFF00; border-radius: 0.25rem 0.25rem 0 0;font-weight: normal}
.bbs-data-list-tab .nav-pills > li.active > a,.bbs-data-list-tab .nav-pills .nav-link.active {background-color: #CC3C61;color: #fff;padding:.75rem 1rem;margin-top: -0.5rem;}
.bbs-fav-list {position: relative;}
.bbs-fav-user-count{line-height: 2rem;}
.bbs-fav-list .bbs-fav-action {position: absolute; bottom: 1px; right: 10px;}
.bbs-new-badge { position: absolute;top:0;left:0 }
.bbs-new-badge img {width: 20%; height: 20%}

.card.bbs-item {position: relative; overflow: hidden}
.card.bbs-item:before {width: 100%; content: " "; display: block; padding-bottom: 40%;}
.card.bbs-item img.card-img-top {position: absolute; top: 0;}
.card.bbs-item .card-body {z-index:100}
.card.bbs-item.no-photo:before {display: none;}
.card.bbs-item.no-photo .card-body {padding-bottom: 40%}

.card.bbs-item .bbs-data-list {display: none; position: absolute;}
.show-data-list .card.bbs-item .bbs-data-list {display: block; width: 100%;}
.show-data-list .card.bbs-item:before {padding-bottom: 14rem;}
.bbs-data-list .table th,.bbs-data-list .table {margin-bottom: 0;}
.bbs-data-list .table th,.bbs-data-list .table td {
    vertical-align: middle;padding: 0.15rem; text-align: center; font-size: 0.75rem; line-height: 0.9rem;width: 50%;height: 2rem;
    overflow:hidden;
}
.show-data-list .card.bbs-item .bbs-info {display: none}
@media (max-width: 991px) {
    .card.bbs-item {position: relative; overflow: hidden;}
    .card.bbs-item:before {width: 100%; content: ""; display: block !important; padding-bottom: 21.44%;min-height: 110px;}
    /*.show-data-list .card.bbs-item:before {padding-bottom: 72.44%;}*/
    .bbs-data-list .table th,.bbs-data-list .table td {padding: 0.2rem; text-align: center; font-size: 0.7rem; line-height: 1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .card.bbs-item img.card-img-top {width: 41%; position: absolute; right: 1rem; top: 1rem;}
    .card.bbs-item .card-body {position: absolute; top: 0px;width: 58%;padding-bottom: 50px !important;height: 100%}
    .card.bbs-item.no-photo .card-body {width: 100%;}
    .card.bbs-item .card-body .card-title {max-height: 3.2rem; overflow: hidden;position: relative}
    .card.bbs-item .card-body .card-title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .card.bbs-item .card-body .bbs-date{float: left !important; position: absolute; bottom: 52px;}
    .card.bbs-item .bbs-fav-list {width: 100%;height: 2rem;}
    .card.bbs-item .bbs-fav-list .bbs-fav-user-list {display: inline-block; max-width: 60%; overflow: hidden;}
    .card.bbs-item .bbs-fav-list .bbs-fav-user-count {display: inline-block; position: absolute; top: 0px;}
    .bbs-new-badge { margin-left: 56%; margin-top: 1rem;}
    .card.bbs-item.no-photo .bbs-new-badge {margin-left:0; margin-top:0}
    .card.bbs-item.no-photo .bbs-new-badge img {width: 10%;height: auto;}
}
@media (max-width: 767px) {
    .card.bbs-item .card-body .card-title {overflow: hidden; white-space: normal; text-overflow: ellipsis;}
    .bbs-detail-post {padding-right: 0;}
}

.bbs-feature-block {background-color: #EAEAEA; border: 2px solid #38ACD1;}
.bbs-feature-block .block-head {background-color: #38ACD1; text-align: center; color: #fff; font-size: 1.6rem; font-weight: bold; padding: 0.5rem 0;}
.bbs-feature-block .block-body {padding: 0.6rem;}
.card.bbs-feature-item {position: relative; overflow: hidden;border:none; background-color: transparent;border-radius: 0;}
.card.bbs-feature-item:after {width: 100%; content: " "; display: block; padding-bottom: 40%;}
.card.bbs-feature-item img.card-img-top {position: absolute; bottom: 0;}
.card.bbs-feature-item .card-body {z-index:100; position: relative; background-color: #fff;margin-bottom: 1rem;border-radius: 0.25rem;padding:0.5rem 0.9rem;}
.card.bbs-feature-item .card-body:after{transform:translateX(-50%);left: 50%;bottom: -10px;content: ' ';position: absolute; display: inline-block;width: 0;height: 0;border-style: solid;border-width: 10px 15px 0 15px;border-color: #fff transparent transparent transparent;}
.card.bbs-feature-item.no-photo:after {display: none;}
.card.bbs-feature-item.no-photo .card-body {padding-top: 40%}
@media (max-width: 991px) {
    .card.bbs-feature-item {position: relative; overflow: hidden;margin-bottom: 1rem;display: flex;}
    .card.bbs-feature-item:after {width: 100%; content: ""; display: block !important; padding-bottom: 16.34%;min-height: 90px;}
    .card.bbs-feature-item img.card-img-top {width: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
    .card.bbs-feature-item .card-body {position: absolute; top: 0;right: 0;width: 46%;bottom:0;box-sizing: border-box;margin-bottom: 0;}
    .card.bbs-feature-item .card-body:after {top:50%;transform:translateY(-50%);left:-10px; bottom: unset;border-width: 15px 10px 15px 0; border-color: transparent #fff transparent transparent;}
    .card.bbs-feature-item.no-photo .card-body {width: 100%;}
    .card.bbs-feature-item .card-body .card-title {max-height: 100%; overflow: hidden;position: relative}
    .card.bbs-feature-item .card-body .card-title {overflow: hidden; text-overflow: ellipsis;}
    .card.bbs-feature-item .card-body .bbs-date{float: left !important; position: absolute; bottom: 52px;}
    .card.bbs-feature-item .bbs-fav-list {width: 100%;height: 2rem;}
    .card.bbs-feature-item .bbs-fav-list .bbs-fav-user-list {display: inline-block; max-width: 60%; overflow: hidden;}
    .card.bbs-feature-item .bbs-fav-list .bbs-fav-user-count {display: inline-block; position: absolute; top: 0px;}
    .card.bbs-feature-item.no-photo .bbs-new-badge {margin-left:0; margin-top:0}
    .card.bbs-feature-item.no-photo .bbs-new-badge img {width: 10%;height: auto;}
}
@media (max-width: 767px) {
    .card.bbs-feature-item .card-body .card-title {overflow: hidden; white-space: normal; text-overflow: ellipsis;}
    .card.bbs-feature-item .card-body .card-title {font-size: 0.8rem; line-height: 1.2rem;}
    .card.bbs-feature-item:after {min-height: 60px;}
    .container-fluid.no-padding {padding-right: 0; padding-left: 0;}
}


.bbs-list .bbs-sidebar.bbs-recent-users {border: 1px solid #CC3C61;border-radius: 10px 10px;padding:0 0; overflow: hidden;width: 205px;margin-left:auto; margin-right: auto;}

.bbs-sidebar.bbs-recent-users .side-header {background: #CC3C61; color: #fff;padding: 0.7rem ;}
.bbs-sidebar.bbs-recent-users .side-header h4{padding-left: 2.8rem;position:relative;color: #fff;font-size:1.2rem;margin-bottom:0;font-weight:500}
.bbs-sidebar.bbs-recent-users .side-header h4:before{position:absolute;display: inline-block; content: ' ';background: url(../../images/page/bbs/side-head-icon.png);width:40px;height:41px;top:10px;left:0}
.bbs-sidebar.bbs-recent-users .side-panel p{font-size:0.75rem; line-height: 1.5rem; padding: 0.6rem;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items {min-height: 650px;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item {padding: 0.6rem 0.6rem 0.0rem 0.6rem;position:relative;margin:0; display: block;border-top: solid 1px rgba(204, 60, 97, 0.5); }
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item:first-child{border-top: none;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item .nickname {padding-left: 50px;position: relative;line-height:20px;font-size: 1rem;font-weight:600; min-height:40px; display: table;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item .nickname a {vertical-align: middle; display: table-cell;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item .nickname span {vertical-align: middle; display: table-cell;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item .nickname .avatar {position:absolute; left: 0; top:0; width: 40px;height:40px;border:2px solid #222;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item .detail {position: relative;padding-left: 1.4rem;margin: 0.5rem 1rem;}
.bbs-sidebar.bbs-recent-users .side-panel .user-items .user-item .detail:before {position:absolute;background: url(../../images/page/bbs/side-item-icon.png);width: 18px; height: 19px;content:' '; display: inline-block;top:5px;left:0}


.line-banner {position: relative; z-index: 100;text-align: center;margin-top: 1rem;}
.line-banner a {display: block; width: 100%;}
.line-banner img {margin-left: auto; margin-right: auto;}
@media (max-width: 991px) {
    .line-banner {max-width: 100%;}
    .line-banner a {}
    .line-banner { margin-left: 0px; margin-right: 0px}
    .bbs-list .bbs-sidebar.bbs-recent-users {width: unset}
}
.line-banner-bbs {text-align: center; margin-top: 1rem; margin-bottom: 1rem; border-radius: 10px;background: url(../../../../ad/ad_line/img/back.png) center;padding: 0.5rem;
    -webkit-box-shadow: 0px 8px 1px 0px #005D00;
    -moz-box-shadow: 0px 8px 1px 0px #005D00;
    box-shadow: 0px 8px 1px 0px #005D00;
}
.line-banner-bbs a {display: block; width: 100%;}
.line-banner-bbs img {margin-left: auto; margin-right: auto;max-height: 90px;}


.banner-01 {margin: 1rem auto;max-width: 1080px;min-height: 100px;background: url(../../images/page/bbs/bg-banner-01.png) center center no-repeat;text-align: center;border: 5px solid #676B49;border-bottom-width: 10px; border-radius: 15px;}
.banner-01 a {display: block;}
.banner-01 a:hover img {opacity: 1.0;}

.bbs-tab .nav-tabs li .nav-link, .bbs-tab .nav-tabs li .nav-link:hover {background-color: #6A7178;color: #fff;border-left:none; border-right: none;}
.bbs-tab .nav-tabs .nav-item.show .nav-link, .bbs-tab .nav-tabs .nav-link.active {background-color: #0087CB;color: #fff;}
.bbs-tab .nav-tabs li.active .nav-link, .bbs-tab .nav-tabs li.active .nav-link:hover, .bbs-tab .nav-tabs li.active .nav-link:focus {border-left-color: #0087CB;border-right-color: #0087CB;background-color: #0087CB;color: #fff;border-top: 1px solid #0087CB;}
.bbs-tab .nav-tabs li .nav-link, .bbs-tab .nav-tabs li .nav-link:hover {border-top: 1px solid #EEE;}
.bbs-tab .nav-tabs li .nav-link {width: 80px;text-align: center;font-size: 1rem; line-height: 2rem;font-weight: 400;padding:0.2rem 0;background-color: #6A7178;color: #FFFF00;}
.bbs-tab .nav-tabs li .nav-link.s {font-size:0.7rem; line-height:1rem;}
.bbs-tab .tab-content {border: 3px solid #0087CB;border-radius: 0 0 0 0;}
.bbs-sidebar.bbs-sidebar-02 {background: #FAFAFA !important; padding: 1rem 0 !important}

.headline-11 {font-size: 1.1rem; line-height: 2.3rem; text-align: center; background-color: #39ACD2; color: #fff; font-weight: 600;}
ul.cat-list {}
ul.cat-list li {padding-left: 40px; border-bottom: 1px solid #111;min-height: 3.7rem;position: relative;}
ul.cat-list li:last-child {border-bottom: none;}
ul.cat-list li a {position: absolute;font-size: 0.91rem; color: #111;top:50%; transform: translateY(-50%)}
ul.cat-list li:before {content: ' '; background: url(../../images/page/bbs/icon-cat-01.png); width: 38px;height: 38px;position: absolute; left: 0;top: 50%; transform: translateY(-50%)}

ul.cat-list li:nth-child(2):before {background-image: url(../../images/page/bbs/icon-cat-02.png);}
ul.cat-list li:nth-child(3):before {background-image: url(../../images/page/bbs/icon-cat-03.png);}
ul.cat-list li:nth-child(4):before {background-image: url(../../images/page/bbs/icon-cat-04.png);}

.bbs-tab .nav-tabs {position: relative;}
.bbs-tab .nav-extra {position: absolute; right: 5px;bottom:0;}
.bbs-tab .nav-extra a {display: inline-block; float: right;
    text-align: center;
    line-height: 2.3rem;
    padding: .5rem 1rem;
}
@media (max-width:767px) {
    .bbs-tab .nav-tabs li .nav-link {width: 108px;}
}
@media (max-width:568px) {
    .bbs-tab .nav-extra {display: none;}
    .card.bbs-item .bbs-fav-list .bbs-fav-user-list img:nth-child(n+4) {display: none}
}

.page-header {position: relative;}


.mobile-app-banner {background: #fff; border-radius: 20px; border: 2px solid #222; padding: 1rem;}
.mobile-app-banner h4 {font-size: 1.1rem; font-weight: bold; text-align: center; border-bottom: 1px solid #111;}
.mobile-app-banner .col-6 {padding-left: 5px; padding-right: 5px;}
@media (max-width: 556px) {
    .mobile-app-banner img {height: 40px;}
    .mobile-app-banner h4{font-size: 0.95rem;}
}


.bbs-author-wrapper {display: block;border: #cccccc solid 1px;padding: 1.8rem;position: relative}
.bbs-author-wrapper:before {content: ' ';position: absolute; z-index: 0; background: #DAEEF7; top: 0.5rem; bottom: 0.5rem; left: 0.5rem; right: 0.5rem }
.bbs-author-wrapper .bbs-author {
    position: relative;
    z-index: 1;
    display: block;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.61);
    padding: 1rem;
}
.bbs-author-wrapper .bbs-author .avatar-ballon {margin-top: 0.5rem; text-align: center;}
.bbs-author-wrapper .bbs-author .avatar-ballon img {height: 32px;}
.bbs-author-wrapper .bbs-author .avatar {border-radius: 50%;width: 110px; height: 110px; display: flex; margin: auto; align-items: center; justify-content: center;overflow: hidden;border: 2px solid #EEE;}
.bbs-author-wrapper .bbs-author .avatar img {display: flex; align-items: center; max-width: 100%; max-height: 100%;}
.bbs-author-wrapper .bbs-author .author-name {font-size: 1.1rem; color: #0a83df; line-height: 2rem; text-align: center;margin-top: 0.5rem;}
.bbs-author-wrapper .bbs-author .author-intro {height: 100%;border-left: 1px dashed #ccc; padding: 1.2rem 1rem; font-size: 0.9rem; line-height: 1.5rem; text-align: left;}
@media (max-width: 767px) {
    .bbs-author-wrapper {padding: 0.8rem;}
    .bbs-author-wrapper:before {top: 0.2rem;bottom: 0.2rem; left: 0.1rem; right: 0.1rem}
    .bbs-author-wrapper .bbs-author {padding: 0.5rem;}
    .bbs-author-wrapper .bbs-author .avatar-ballon {margin-top: 0.5rem; text-align: left;}
    .bbs-author-wrapper .bbs-author .avatar-ballon img {height: 42px;}
    .bbs-author-wrapper .bbs-author .avatar {float: left;width: 50px; height: 50px; }
    .bbs-author-wrapper .bbs-author .avatar img {display: flex; align-items: center;}
    .bbs-author-wrapper .bbs-author .author-intro {border-left: none;border-top: 1px dashed #ccc;margin-top: 1rem;padding: 0.5rem 0; }
    .bbs-author-wrapper .bbs-author .author-name {padding-left: 70px;padding-top: 7px;text-align: left;margin-top:0;}
}