@charset "utf-8";
/* CSS Document */

.forumZone .titleBlock{font:normal normal normal 24px/29px "cwTeXYen", sans-serif;color:#244359}
.forumZone .btn-group .btn{--bs-btn-bg:#FFF;}
.forumZone .btn-group .btn-outline-primary{--bs-btn-color:#54758c;--bs-btn-border-color:#eaf0f3;}
.forumZone .btn-group .btn-check:checked+.btn, .forumZone .btn-group .btn.active, .forumZone .btn-group .btn.show, .forumZone .btn-group .btn:first-child:active, .forumZone .btn-group :not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);}
.forumZone .btn-group .btn-check:not(:checked)+.btn:hover{color:#7391a6;}
.order.form-select:focus{border-color:#0095e5;box-shadow:none;}

.forum_main .forum_block .block{background:#FFF 0% 0% no-repeat padding-box;box-shadow:2px 2px 15px #c3d0d94d;border-radius:12px;}
.forum_main .forum_block .pinned::after{width:40px;height:40px;background:#0066b2 0% 0% no-repeat padding-box;border-radius:0 0 26px 26px;content:url('/images/forum/common/icon_pinned.svg');background-size:40px;padding:12.28px 9.61px;position:absolute;margin-top:-9px;right:10%}
.forum_main .forum_block .block:hover{box-shadow:2px 2px 15px #c3d0d9;transition:0.6s;}
.forum_main .forum_block .block .title{font:normal normal normal 18px/22px "cwTeXYen", sans-serif;color:#244359;}
.forum_main .forum_block .block .title a{color:#244359;}
.forum_main .forum_block .block .title a:hover{color:#7391a6;transition:0.6s;}
.forum_main .forum_block .block .content{max-height:50px;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#7391a6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.forum_main .forum_block .block .content a{color:#7391a6;}
.forum_main .forum_block .block .footer{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#7391a6;}
.forum_main .forum_block .block .footer .btn-link{display:inline-flex;align-items:center;}
.forum_main .forum_block .block .footer .fa .fas{font-size:1rem;}
.forum_main .forum_block .block .diver{border-bottom:1px solid #eaf0f3;}
.forum_main .forum_block .block .info{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.forum_main .forum_block .block .info span{background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:19px;padding:5px 10px;}
.forum_main .forum_block .block .info span.comment::before{content:url('/images/forum/common/icon_topic-comment.svg');vertical-align:middle;margin-right:10px;}
.forum_main .forum_block .block .info span.views::before{content:url('/images/forum/common/icon_topic-view.svg');vertical-align:middle;margin-right:10px;}

.forum_main .forum_detail .block,.forum_main .post_block{background:#FFF 0% 0% no-repeat padding-box;box-shadow:2px 2px 15px #c3d0d94d;border-radius:12px;}
.forum_main .forum_detail .block .title{font:normal normal normal 24px/30px "cwTeXYen", sans-serif;color:#244359;}
.forum_main .forum_detail .block .creator{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#7391A6;}
.forum_main .forum_detail .block .content *{max-width:100%;}
.forum_main .forum_detail .block .type, .forum_main .forum_block .block .type{border-radius:25px;font:normal normal normal 14px/17px "cwTeXYen", sans-serif;letter-spacing:0.28px;color:#FFF;}
.forum_main .forum_detail .block .type.t0, .forum_main .forum_block .block .type.t0{background:#fc7b4b 0% 0% no-repeat padding-box; cursor:default;}
.forum_main .forum_detail .block .type.t0:hover, .forum_main .forum_block .block .type.t0:hover{background:#fc7b4be6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t1, .forum_main .forum_block .block .type.t1{background:#0095e5 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t1:hover, .forum_main .forum_block .block .type.t1:hover{background:#0095e5e6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t2, .forum_main .forum_block .block .type.t2{background:#ff6192 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t2:hover, .forum_main .forum_block .block .type.t2:hover{background:#ff6192e6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t3, .forum_main .forum_block .block .type.t3{background:#af6bff 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t3:hover, .forum_main .forum_block .block .type.t3:hover{background:#af6bffe6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t4, .forum_main .forum_block .block .type.t4{background:#4c57e3 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t4:hover, .forum_main .forum_block .block .type.t4:hover{background:#4c57e3e6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t5, .forum_main .forum_block .block .type.t5{background:#6cddff 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t5:hover, .forum_main .forum_block .block .type.t5:hover{background:#6cddffe6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t6, .forum_main .forum_block .block .type.t6{background:#e03785 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t6:hover, .forum_main .forum_block .block .type.t6:hover{background:#e03785e6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .block .type.t7, .forum_main .forum_block .block .type.t7{background:#f7cd41 0% 0% no-repeat padding-box;}
.forum_main .forum_detail .block .type.t7:hover, .forum_main .forum_block .block .type.t7:hover{background:#f7cd41e6 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .subscribe{width:80px;height:38px;background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:8px;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;--bs-btn-padding-x:0.25rem;}
.forum_main .subscribe::before{width:18px;height:18px;margin-right:5px;display:inline-block;vertical-align:sub;content:url('/images/forum/common/icon_subscribe.svg');}
.forum_main .subscribe.btn:first-child:active{border-color:#eaf0f3}
.forum_main .subscribe:hover{background:#c3d0d9 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .subscribe.active{width:96px;background:#244359 0% 0% no-repeat padding-box;color:#FFF;}
.forum_main .subscribe.active::before{content:url('/images/forum/common/icon_subscribe-focus.svg');}
.forum_main .post_block{color:#99b1bf;}
.forum_main .post_block .form-control:focus, .forum_main .forum_detail .message_block .form-control:focus, #publishModalFullscreen .form-control:focus, #reply .form-control:focus{border-color:transparent;box-shadow:none;}
.forum_main .post_block input::placeholder, .forum_main .post_block textarea::placeholder, #publishModalFullscreen input::placeholder, #publishModalFullscreen textarea::placeholder{color:#99b1bf;}
.forum_main .post_block .publish::before{width:22px;height:22px;margin-right:5px;display:inline-block;vertical-align:middle;content:url('/images/forum/common/icon_publish.svg');}
.forum_main .forum_detail .track{width:100px;height:42px;background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:8px;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.forum_main .forum_detail .track::before{width:22px;height:22px;margin-right:10px;display:inline-block;vertical-align:sub;content:url('/images/forum/common/icon_track.svg');}
.forum_main .forum_detail .track.btn:first-child:active{border-color:#eaf0f3}
.forum_main .forum_detail .track:hover{background:#c3d0d9 0% 0% no-repeat padding-box;transition:0.6s;}
.forum_main .forum_detail .track.active{width:116px;background:#244359 0% 0% no-repeat padding-box;color:#FFF;}
.forum_main .forum_detail .track.active::before{content:url('/images/forum/common/icon_track-select.svg');}
.forum_main .forum_detail .views{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#54758c;}
.forum_main .forum_detail .views .num{color:#244359;}
.forum_main .forum_detail .diver, #reply .diver{border-bottom:1px solid #c3d0d9;}
.forum_main .forum_detail .operate .fa{font-size:1rem;cursor:pointer;}

.forum_main .forum_detail .message_block .title{font:normal normal normal 18px/26px "cwTeXYen", sans-serif!important;color:#244359;}
.forum_main .forum_detail .message_block .box{background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:12px;}
.forum_main .forum_detail .message_block textarea{background-color:#eaf0f3;resize:none;}
.forum_main .forum_detail .message_block .form-check-input{border:1px solid #7391a6;}
.forum_main .forum_detail .message_block .form-check-label{color:#244359;}
.forum_main .forum_detail .message_block .form-check-label:hover{color:#54758c;}
.forum_main .forum_detail .message_block .avatar{border-radius:50%;margin-right:10px;}
.forum_main .forum_detail .message_block .no_avatar{background-image:url('/images/common/icon_no-avatar.svg');width:40px;height:40px;background-repeat:no-repeat;background-position:left center;background-size:40px;vertical-align:middle;margin-right:10px;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.forum_main .forum_detail .message_block .send a{background-image:url('/images/common/icon_comment-submit.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.forum_main .forum_detail .message_block .send a:hover{background-image:url('/images/common/icon_comment-submit-hover.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.forum_main .forum_detail .message_block .send.disabled a{background-image:url('/images/common/icon_comment-submit-disabled.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.forum_main .forum_detail .message_block .floor{width:40px;text-align:left;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#0095e5;margin-right:10px;}
.forum_main .forum_detail .message_block .data{width:calc(100% - 50px);font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.forum_main .forum_detail .message_block .time{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#99b1bf;}
.forum_main .forum_detail .message_block .reply a{font:normal normal normal 16px/19px "cwTeXYen", sans-serif;color:#54758c;}
.forum_main .forum_detail .message_block span[id^="content_"] *{max-width:100%;}
.forum_main .forum_detail .message_block .del{color:gainsboro;}
.forum_main .forum_detail .divider a:before{content:"";flex:1;height:2px;margin-right:10px;background:#99b1bf;}
.forum_main .forum_detail .divider a{width:110px;display:flex;align-items:center;color:#7391a6;}

.reply_footer{position:fixed;bottom:0;width:100%;padding-top:15px!important;padding-bottom:15px!important;background:#FFF 0% 0% no-repeat padding-box;box-shadow:0px -1px 4px #0000000D;z-index:10;}
.reply_footer .avatar{border-radius:50%;margin-right:10px;}
.reply_footer .no_avatar{background-image:url('/images/common/icon_no-avatar.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;margin-right:10px;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.reply_footer .r{background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:32px;font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#54758c;}

#reply{height:initial;}
#reply .box{background:#eaf0f3 0% 0% no-repeat padding-box;border-radius:12px;}
#reply textarea{background-color:#eaf0f3;resize:none;}
#reply .form-check-input{border:1px solid #7391a6;}
#reply .form-check-label{color:#244359;}
#reply .form-check-label:hover{color:#54758c;}
#reply .avatar{border-radius:50%;margin-right:10px;}
#reply .no_avatar{background-image:url('/images/common/icon_no-avatar.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;margin-right:10px;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
#reply .send a{background-image:url('/images/common/icon_comment-submit.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
#reply .send a:hover{background-image:url('/images/common/icon_comment-submit-hover.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
#reply .send.disabled a{background-image:url('/images/common/icon_comment-submit-disabled.svg');width:24px;height:24px;background-repeat:no-repeat;background-position:left center;background-size:24px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
#reply .reply_area{background:#eaf0f3 0% 0% no-repeat padding-box;}
#reply .reply_area .title{font:normal normal normal 14px/17px "cwTeXYen", sans-serif;color:#244359;}
#reply .reply_area .title::before{content:url('/images/forum/common/icon_reply.svg');margin-right:7px;display:inline-block;}
#reply .reply_area .reply_content{font:normal normal normal 16px/19px "cwTeXYen", sans-serif;color:#7391A6;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.forum_main .forum_block .pinned::after{right:initial;margin-left:415px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.forum_main .forum_block .block .title{font:normal normal normal 22px/26px "cwTeXYen", sans-serif;}
	.forum_main .forum_detail .block .title{font:normal normal normal 28px/40px "cwTeXYen", sans-serif;}
	.forum_main .forum_block .pinned::after{margin-top:-25px;margin-left:360px;background:#0095e5 0% 0% no-repeat padding-box;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.web_menu{min-width:195px;}
	.forum_main .forum_block .pinned::after{margin-left:400px;}
	.bannerArea{max-width:260px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.forum_main{max-width:525px;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.forum_main .forum_block .pinned::after{margin-left:560px;}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.forum_main{min-width:685px;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.forum_main{min-width:840px;}
	.forum_main .forum_block .pinned::after{margin-left:710px;}
}