@charset "utf-8";
.b-c-p .pagination a{margin:0 .5em;}
.qc-default-footer-wrapper .qc-editor-wrapper p, .qc-default-footer-container{text-align:center;}
.qc-editor-wrapper .main-nav-ul{list-style:none;padding:0;margin:0;}
.main-nav-ul > li{margin:0 .7em;}
.main-nav-ul li ul{display:none;}

.reply-items, #divCommentPost, .erx-related-box{background:#fff;padding:25px 0;}
.reply-items{margin-top:20px;}
.reply-items .con{position:relative;padding:10px 0 10px 95px;}
.reply-items .msgarticle{line-height:1.8;margin:-8px 0 12px;text-align:justify;word-break:break-all;overflow:hidden;}
.reply-items .reply-items{margin:15px 0 0;background:rgba(0,0,0,.025);padding:15px;}
.reply-avatar{position:absolute;top:5px;left:0;border-right:1px #eee dashed;padding-right:20px;}
.reply-avatar img{width:48px;height:48px;border-radius:50%;}
.reply-info{font-size:12px;opacity:.68;}
.reply-info > span:first-child{font-weight:bold;}
.reply-info > span:not(:last-child)::after{content:'';display:inline-block;width:1px;height:10px;margin:-2px 12px 0;background:#ddd;vertical-align:middle;}
.commentpagebar{margin-top:20px;padding:0;}
#divCommentPost .post-item p{position:relative;width:49%;margin-bottom:20px;}
#divCommentPost .item input{width:100%;box-sizing:border-box;}
#divCommentPost .item label{position:absolute;top:10px;right:9px;color:#999;font-size:12px;}
#divCommentPost .vcode label{right:118px;}
#divCommentPost .vcode img{position:absolute;top:1px;right:1px;height:36px;border-radius:0 6px 6px 0;}
#divCommentPost.reply-frm{position:relative;margin:10px 0 0;background:#f2f6f9;}
#cancel-reply{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#bbb;border-radius:0 0 0 6px;}
#divCommentPost input.text{border:1px solid #d7d7d7;line-height:38px;height:38px;padding:0 9px;border-radius:6px;}
#txaArticle{padding:9px;width:100%;height:150px;margin-bottom:20px;border:1px solid #d7d7d7;box-sizing:border-box;border-radius:6px;}
#divCommentPost .button{color:#fff;width:100px;height:38px;font-size:16px;background-color:var(--qc-button-color);background-image:linear-gradient(0deg, transparent 0, rgba(255,255,255,.08) 50%, transparent 100%);border:0;cursor:pointer;border-radius:6px;}
#divCommentPost .button:hover{background-color:#666;}
#divCommentPost .post-bot{font-size:14px;display:flex;justify-content:space-between;}
#divCommentPost .logout{margin-left:30px;font-size:12px;opacity:.68;}

@media screen and (max-width:640px) {
.qc-editor-wrapper .main-nav-ul{display:block;}
.qc-editor-wrapper .main-nav-ul > li{margin:.5em 0;}
}