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

.go_home{font:normal normal normal 28px/57px "cwTeXYen", sans-serif;color:#244359;cursor:pointer;}
.go_back{background-image:url(/images/common/icon_go-back.svg);background-repeat:no-repeat;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;height:24px;width:16px;overflow:hidden;cursor:pointer;}
.go_back:hover{background-image:url(/images/common/icon_go-back-hover.svg);}

.mobile_footer{position:fixed;bottom:0;width:100%;font:normal normal normal 16px/19px "cwTeXYen", sans-serif;background:#FFF 0% 0% no-repeat padding-box;box-shadow:0px -1px 4px #0000000D;}
.mobile_footer .btn{border-radius:8px;}
.mobile_footer .btn_disabled, .register button.btn_disabled, .member_data button.btn_disabled{color:#c3d0d9;background-color:#eaf0f3;border-color:#eaf0f3;cursor:not-allowed;}

.signin{max-width:380px;}
.signin .logo{width:70px;height:74px;}
.signin .title{font:normal normal normal 28px/48px "cwTeXYen", sans-serif;letter-spacing:-0.7px;color:#244359;text-align:center;}
.register label, .signin label{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.register input, .signin input[type="text"], .signin input[type="password"], .signin input[type="email"]{height:50px;background:#eaf0f3 0% 0% no-repeat padding-box;border:0;border-radius:8px;color:#99b1bf;}
.register input:focus, .signin input:focus{border:2px solid #0095e5;box-shadow:none;}
.register .invalid-feedback{width:auto;margin-top:0;font:normal normal normal 16px/19px "cwTeXYen", sans-serif;color:#ff5d5c;}
.register .invalid-feedback::before{content:url('/images/common/icon_error.png');width:24px;height:24px;margin-top:-5px;margin-right:10px;display:inline-block;vertical-align:middle;}
.register .inputErr{border:2px solid #ff5d5c;}
.register .input-container, .signin .input-container{position:relative;}
.register .input-eye, .signin .input-eye{padding-right:40px;}
.register .eye_icon, .signin .eye_icon{position:absolute;top:15px;right:10px;cursor:pointer;}
.register .agree{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#7391a6cc;}
.signin label.saveID{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;}
.signin .forget_reg{font:normal normal normal 16px/19px "cwTeXYen", sans-serif;}

.memberZone .titleBlock{font:normal normal normal 24px/29px "cwTeXYen", sans-serif;color:#244359;border-bottom:1px solid #c3d0d9;}
.memberZone .whitehblock{background:#FFF 0% 0% no-repeat padding-box;box-shadow:2px 2px 15px #c3d0d94d;border-radius:8px;}
.memberZone .avatar{border-bottom:1px solid #c3d0d9;}
.memberZone .avatar .name{font:normal normal normal 22px/26px "cwTeXYen", sans-serif;color:#244359;}
.memberZone .menu{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.memberZone .data{border-top:1px solid #c3d0d9;}
.memberZone .menu ul li{line-height:44px;padding-right:20px;padding-left:20px;}
.memberZone .menu ul li:hover{color:#7391a6;cursor:pointer;}
.memberZone .menu ul li.active{background:#eaf0f3;border-radius:5px;color:#0095e5;}
.memberZone .menu ul li.active:hover{cursor:default;}
.memberZone .doings ul li:nth-child(1)::before{content:url('/images/member/common/icon_topic.svg');}
.memberZone .doings ul li:hover:nth-child(1)::before{content:url('/images/member/common/icon_topic-hover.svg');}
.memberZone .doings ul li.active:nth-child(1)::before{content:url('/images/member/common/icon_topic-select.svg');}
.memberZone .doings ul li:nth-child(2)::before{content:url('/images/member/common/icon_replies.svg');}
.memberZone .doings ul li:hover:nth-child(2)::before{content:url('/images/member/common/icon_replies-hover.svg');}
.memberZone .doings ul li.active:nth-child(2)::before{content:url('/images/member/common/icon_replies-select.svg');}
.memberZone .doings ul li:nth-child(3)::before{content:url('/images/member/common/icon_follow.svg');}
.memberZone .doings ul li:hover:nth-child(3)::before{content:url('/images/member/common/icon_follow-hover.svg');}
.memberZone .doings ul li.active:nth-child(3)::before{content:url('/images/member/common/icon_follow-select.svg');}
.memberZone .doings ul li:nth-child(4)::before{content:url('/images/member/common/icon_subscribe-forum.svg');}
.memberZone .doings ul li:hover:nth-child(4)::before{content:url('/images/member/common/icon_subscribe-forum-hover.svg');}
.memberZone .doings ul li.active:nth-child(4)::before{content:url('/images/member/common/icon_subscribe-forum-select.svg');}
.memberZone .doings ul li:nth-child(5)::before{content:url('/images/member/common/icon_liked.svg');}
.memberZone .doings ul li:hover:nth-child(5)::before{content:url('/images/member/common/icon_liked-hover.svg');}
.memberZone .doings ul li.active:nth-child(5)::before{content:url('/images/member/common/icon_liked-select.svg');}
.memberZone .data ul li:nth-child(1)::before{content:url('/images/member/common/icon_profile.svg');}
.memberZone .data ul li:hover:nth-child(1)::before{content:url('/images/member/common/icon_profile-hover.svg');}
.memberZone .data ul li.active:nth-child(1)::before{content:url('/images/member/common/icon_profile-select.svg');}
.memberZone .data ul li:nth-child(2)::before{content:url('/images/member/common/icon_password.svg');}
.memberZone .data ul li:hover:nth-child(2)::before{content:url('/images/member/common/icon_password-hover.svg');}
.memberZone .data ul li.active:nth-child(2)::before{content:url('/images/member/common/icon_password-select.svg');}
.memberZone .data ul li:nth-child(3)::before{content:url('/images/member/common/icon_logout.svg');}
.memberZone .data ul li:hover:nth-child(3)::before{content:url('/images/member/common/icon_logout-hover.svg');}
.memberZone .menu ul li::before{width:20px;height:20px;margin-top:-3px;margin-right:10px;display:inline-block;vertical-align:middle;}
.memberZone .upload{background:#f5fbfe 0% 0% no-repeat padding-box;border:3px dashed #91d0f0;border-radius:50%;}
.memberZone .upload .title{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#0095e5;}
.memberZone .whitehblock .remark{font:normal normal normal 14px/17px "cwTeXYen", sans-serif;letter-spacing:0.28px;color:#0095e5;}
.memberZone .whitehblock .remark::before{content:url('/images/member/common/icon_remarks-info.svg');width:24px;height:24px;margin-top:-3px;margin-right:5px;display:inline-block;vertical-align:middle;}

.article_block .block, .topic_block .block, .reply_block .block{border-bottom:1px solid #eaf0f3;}
.article_block .block .title, .topic_block .block .title{font:normal normal normal 18px/22px "cwTeXYen", sans-serif;color:#244359;}
.article_block .block .title a, .topic_block .block .title a{color:#244359;}
.article_block .block .title a:hover, .topic_block .block .title a:hover{color:#7391a6;}
.article_block .block .content, .topic_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;}
.article_block .block .content a, .topic_block .block .content a{color:#7391a6;}
.article_block .block .footer, .topic_block .block .footer, .reply_block .block .footer{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;color:#7391a6;}
.article_block .block .footer .btn-link, .topic_block .block .footer .btn-link{display:inline-flex;align-items:center;}
.article_block .block .footer .fa .fas{font-size:1rem;}
.topic_block .block .footer .views{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#54758C;}
.topic_block .block .footer .views .value{color:#244359;}
.topic_block .block .diver{border:1px solid #eaf0f3;}
.article_block .block .type, .topic_block .block .type{border-radius:25px;font:normal normal normal 14px/17px "cwTeXYen", sans-serif;letter-spacing:0.28px;color:#FFF;}
.article_block .block .type.t1, .topic_block .block .type.t1{background:#0095e5 0% 0% no-repeat padding-box;}
.article_block .block .type.t1:hover, .topic_block .block .type.t1:hover{background:#0095e5e6 0% 0% no-repeat padding-box;}
.article_block .block .type.t2, .topic_block .block .type.t2{background:#ff6192 0% 0% no-repeat padding-box;}
.article_block .block .type.t2:hover, .topic_block .block .type.t2:hover{background:#ff6192e6 0% 0% no-repeat padding-box;}
.article_block .block .type.t3, .topic_block .block .type.t3{background:#af6Bff 0% 0% no-repeat padding-box;}
.article_block .block .type.t3:hover, .topic_block .block .type.t3:hover{background:#af6Bffe6 0% 0% no-repeat padding-box;}
.article_block .block .type.t4, .topic_block .block .type.t4{background:#4c57e3 0% 0% no-repeat padding-box;}
.article_block .block .type.t4:hover, .topic_block .block .type.t4:hover{background:#4c57e3e6 0% 0% no-repeat padding-box;}
.article_block .block .type.t5, .topic_block .block .type.t5{background:#6cddff 0% 0% no-repeat padding-box;}
.article_block .block .type.t5:hover, .topic_block .block .type.t5:hover{background:#6cddffe6 0% 0% no-repeat padding-box;}
.article_block .block .type.t6, .topic_block .block .type.t6{background:#e03785 0% 0% no-repeat padding-box;}
.article_block .block .type.t6:hover, .topic_block .block .type.t6:hover{background:#e03785e6 0% 0% no-repeat padding-box;}
.article_block .block .type.t7, .topic_block .block .type.t7{background:#f7cd41 0% 0% no-repeat padding-box;}
.article_block .block .type.t7:hover, .topic_block .block .type.t7:hover{background:#f7cd41e6 0% 0% no-repeat padding-box;}

.reply_block .block .l{width:24px;margin-right:8px;}
.reply_block .block .r{width:calc(100% - 32px);}
.reply_block .block .icon{background-image:url(/images/member/common/icon_replies-select.svg);background-repeat:no-repeat;background-position:3px 4px;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;height:24px;width:24px;overflow:hidden;cursor:pointer;}
.reply_block .block .msg {font:normal normal normal 18px/26px "cwTeXYen", sans-serif;}
.reply_block .block .msg a{font:normal normal normal 18px/26px "cwTeXYen", sans-serif;color:#244359;}
.reply_block .block .msg a:hover{color:#7391a6;}
.reply_block .block .footer .title{width:calc(100% - 170px);margin-right:15px;color:#7391a6;}
.reply_block .block .footer .time{width:155px;text-align:right;}
.reply_block .block .footer a{color:#7391a6;font:normal normal normal 16px/19px "cwTeXYen", sans-serif;}

.member_data label{font:normal normal normal 16px/22px "cwTeXYen", sans-serif;color:#244359;}
.member_data .gender-option{padding:12px 24px;color:#244359;background:#FFF 0% 0% no-repeat padding-box;box-shadow:2px 2px 3px #dfeaf229;border:1px solid #c3d0d9;border-radius:8px;}
.member_data .gender-option:not(.active):hover{color:#54758c;}
.member_data .gender-option.active{border:2px solid #0095e5;}
.member_data input{height:50px;background:#eaf0f3 0% 0% no-repeat padding-box;border:0;border-radius:8px;color:#99b1bf;}
.member_data input:focus{border:2px solid #0095e5;box-shadow:none;}
.member_data .inputErr{border:2px solid #ff5d5c;}
.member_data .invalid-feedback{width:auto;font:normal normal normal 16px/19px "cwTeXYen", sans-serif;color:#ff5d5c;}
.member_data .invalid-feedback.warning::before{content:url('/images/common/icon_error.png');width:24px;height:24px;margin-top:-5px;margin-right:10px;display:inline-block;vertical-align:middle;}
.member_data .input-container{position:relative;}
.member_data .input-eye{padding-right:40px;}
.member_data .eye_icon{position:absolute;top:15px;right:10px;cursor:pointer;}
.member_data .noData{font:normal normal normal 18px/26px "cwTeXYen", sans-serif;color:#7391a6;padding:calc(25% - 29px) 0;}
.memberZone .upload{width:210px;height:210px;padding:32px 15px 0;margin:0 auto;}
.member_data #avatar-view .dropdown{display:inline-block;z-index:2;margin-left:145px;cursor:pointer;}
.member_data #avatar-view .dropdown ul.dropdown-menu{min-width:initial;right:0!important;left:auto!important;}
.member_data #avatar-view .dropdown .dropdown-item{font:normal normal normal 14px/22px "cwTeXYen", sans-serif;}

.memberZone .article_block .like{background-image:url('/images/member/common/icon_member-liked.svg');width:28px;height:28px;background-repeat:no-repeat;background-position:left center;background-size:28px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.memberZone .article_block .like:hover, .memberZone .article_block .like.active{background-image:url('/images/member/common/icon_member-liked-toggle.svg');}

.memberZone .forum_block .subscribe{background-image:url('/images/member/common/icon_member-subscribe.svg');width:28px;height:28px;background-repeat:no-repeat;background-position:left center;background-size:28px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.memberZone .forum_block .subscribe:hover, .memberZone .forum_block .subscribe.active{background-image:url('/images/member/common/icon_member-subscribe-toggle.svg');}
.memberZone .forum_block .block{border-bottom:1px solid #eaf0f3;}
.memberZone .forum_block .block .type a{font:normal normal normal 18px/26px "cwTeXYen", sans-serif;color:#244359;}
.memberZone .forum_block .block .type a:hover{color:#7391a6;}
.memberZone .forum_block .block .type::before{width:24px;height:24px;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:sub;}
.memberZone .forum_block .block .type.t1::before{content:'';background:#0095e5 0% 0% no-repeat padding-box;}
.memberZone .forum_block .block .type.t2::before{content:'';background:#ff6192 0% 0% no-repeat padding-box;}
.memberZone .forum_block .block .type.t3::before{content:'';background:#af6bff 0% 0% no-repeat padding-box;}
.memberZone .forum_block .block .type.t4::before{content:'';background:#4c57e3 0% 0% no-repeat padding-box;}
.memberZone .forum_block .block .type.t5::before{content:'';background:#6cddff 0% 0% no-repeat padding-box;}
.memberZone .forum_block .block .type.t6::before{content:'';background:#e03785 0% 0% no-repeat padding-box;}
.memberZone .forum_block .block .type.t7::before{content:'';background:#f7cd41 0% 0% no-repeat padding-box;}

.memberZone .topic_block .track{background-image:url('/images/member/common/icon_member-track.svg');width:28px;height:28px;background-repeat:no-repeat;background-position:left center;background-size:28px;vertical-align:middle;text-decoration:none;text-align:left;text-indent:-1000px;white-space:nowrap;display:inline-block;overflow:hidden;}
.memberZone .topic_block .track:hover, .memberZone .topic_block .track.active{background-image:url('/images/member/common/icon_member-track-toggle.svg');}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.memberZone .upload{width:210px;height:210px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.min-height-md-612{min-height:612px!important;}
	.signin .logo{width:initial;height:initial;}
	.signin .title{font: normal normal normal 36px/48px "cwTeXYen", sans-serif;letter-spacing:-0.9px;}
	.memberZone .upload{width:190px;height:190px;padding:14px 15px 0;}
	.member_data #avatar-view .dropdown{margin-left:125px;}
	.article_block .block .title, .topic_block .block .title{font:normal normal normal 22px/26px "cwTeXYen", sans-serif;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.memberZone .member_menu{min-width:240px;}
	.memberZone .upload{width:160px;height:160px;}
	.member_data #avatar-view .dropdown{margin-left:70px;}
	#preview_upload_img{width:60px;height:60px;}
	.bannerArea{max-width:260px;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.memberZone .member_data{min-width:640px;}
	.memberZone .upload{width:190px;height:190px;padding:30px 15px 0;}
	.member_data #avatar-view .dropdown{margin-left:132px;}
	#preview_upload_img{width:70px;height:70px;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.memberZone .member_menu{min-width:260px;}
	.memberZone .member_data{min-width:800px;}
	.memberZone .upload{width:210px;height:210px;}
	.member_data #avatar-view .dropdown{margin-left:145px;}
	#preview_upload_img{width:90px;height:90px;}
}