.fl-left {
    float: left;
}
.comment-left-content {
    background-color: #fff;
    width: 100%;
}

.comment-input-content, .comment-face-box {
    margin: 20px 13px 40px 13px;
}

.comment-input-content {
    width: 100%;
    margin: 8px 0;
    float: left;
}

.comment-input-content .img-user {
    /*margin-right: 12px;*/
    width: 9%;
}

.comment-input-content .star-comment {
    width: 93%;
    /*border-bottom: 1px solid #ddd;*/
    padding-top: 13px;
    position: relative;
    display: none;
    padding: 20px;
    border: 1px dashed #6fba54;
}

.star-comment-box {
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.star-comment .star-item-gray {
    height: 20px;
    margin-left: 1px;
    width: 22px;
    display: block;
    background: url('../Images/icon-new.png') no-repeat -111px -916px;
}

.star-comment .star-item-yellow {
    height: 20px;
    margin-left: 1px;
    width: 22px;
    display: block;
    background: url('../Images/icon-new.png') no-repeat 0 -916px;
}

.comment-input-content .star-cm-title {
    font-size: 15px;
    color: #222;
    margin-right: 10px;
    padding-bottom: 10px;
    margin-top: 4px;
}

.register-ques-box {
    width: 100%;
    padding-top: 6px;
    line-height: 30px;
}

.register-ques-box span {
    font-size: 15px;
    width: 100%;
    float: left;
}

.register-ques-box a {
    padding: 5px 15px;
    background-color: #6fba54;
    color: #fff;
    margin: 0 5px;
}

.register-ques-box a:hover {
    color: #fff;
}

.star-comment i.fa-times {
    position: absolute;
    top: 3px;
    right: 5px;
}

.img-user img {
    width: 48px;
    height: 48px;
}

.txt-content-cm {
    width: 89%;
    border: 2px solid #cbd2d6!important;
    height: 40px!important;
    font-size: 15px;
    color: #444;
    padding-top: 5px;
}

.comment-input-content input {
    line-height: 13px;
    color: #444;
    border: 1px solid #cbd2d6;
}

.comment-input-info {
    width: 90%;
    margin-left: 9%;
    clear: both;
    /*padding-left: 13px;*/
}

.comment-input-info > div {
    line-height: 40px;
}

.comment-input-info .comment-login {
    width: 50%;
    position: relative;
}

.comment-input-info .comment-login .tooltip-login {
    width: 400px;
    border: 2px solid #8cdc86;
    position: absolute;
    z-index: 50;
    left: 115px;
    /*color: #fff;*/
    padding-left: 10px;
    top: -30px;
    display: none;
    background-color: #8cdc86;
}

.comment-input-info .comment-login .tooltip-login .fa-caret-down {
    position: absolute;
    top: 29px;
    color: #8cdc86;
    font-size: 27px;
}

.comment-input-info .comment-no-login {
    width: 50%;
}

.comment-no-login span.info-title, .comment-login span.info-title {
    font-size: 12px;
}

.comment-input-info > div .info-title, .comment-search span {
    color: #444;
    text-transform: uppercase;
}

.comment-search > span, .comment-search > span > span {
    font-size: 15px;
}

.comment-search > span.fl-left {
    padding-top: 10px;
}

.comment-search span.search-box {
    margin-top: -10px;
}

.comment-input-info input {
    height: 30px;
    margin-bottom: 8px;
}

.divComment {
    display: none;
    width: 100%;
}

.comment-login input {
    width: 240px;
    padding-left: 5px;
}

.comment-no-login input {
    width: 240px;
    padding-left: 5px;
}

.btn-send-cm {
    padding: 8px 27px 8px 15px;
    background-color: #215A6E;
    color: #fff!important;
    border: none!important;
    font-weight: bold;
    position: relative;
}

.btn-send-cm:hover {
    background-color: #578BA1;
}

.error-span {
    color: red;
    float: left;
    line-height: 15px!important;
}

.btn-send-cm i {
    background-image: url('/Images/icon-send-cm.png');
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    position: absolute;
    top: 11px;
    right: 10px;
}

.comment-search {
    /*margin-top: 30px;*/
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    position: relative;
}

.comment-search span.onClick-search {
    margin-top: 0px;
    cursor: pointer;
}

.comment-search span.onClick-search, .comment-search input {
    float: right;
}

.delete-search-comment {
    float: left;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 26px;
    cursor: pointer;
}

.delete-search-comment i.fa-times {
    font-size: 15px;
    color: #ccc;
    margin-top: 6px;
    margin-left: 11px;
}

.delete-search-comment i.fa-times:hover {
    color: #999;
}

.search-box {
    width: 24px!important;
    height: 30px!important;
    float: right;
    display: block;
    border-left: none;
    background-color: #ddd!important;
}

.search-box i.fa-search {
    display: block;
    font-size: 18px;
    margin-top: 5px;
    margin-left: 4px;
    color: #7e7777!important;
}



.search-box .fa-search {
    width: 24px!important;
    height: 30px!important;
    background: none!important;
}

.comment-search input {
    width: 272px;
    height: 28px;
    border-right: none;
}

.comment-social {
    margin-top: 5px;
    margin-bottom: 10px;
}

.comment-social .social-icon {
    background-image: url('/Images/icon-new.png');
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.facebook-login {
    background-position: -166px -543px;
}

.twitter-login {
    background-position: -84px -543px;
}

.google-login {
    background-position: -125px -543px;
}

.comment-user-login {
    clear: both;
    float: right;
    margin: 20px 5px 20px 0;
}

.cm-send-box-left, .cm-send-box-right {
    clear: both;
    width: 100%;
}

.comment-login-hide, .comment-no-login-hide {
    display: none;
    margin-top: 3px;
}

.comment-login-hide #txtPassword {
    width: 242px;
    padding-left: 5px!important;
}

.tools a {
    color: #15c;
    float: left;
}

.tools a:hover {
    color: #222;
}

.tools .dot {
    background: url('/Areas/Desktop1/Content/Images/icon-home.png') -48px -53px no-repeat;
    width: 4px;
    margin: 8px 6px 0 10px;
    height: 4px;
    display: block;
    float: left;
}

.items-cm .content-left {
    width: 8%;
}

.items-cm .content-right .content-main, .items-cm-top1 .content-right .content-main {
    display: block;
    float: left;
    margin: 7px 0;
    line-height: 18px;
    width: 100%;
    line-height: 23px;
}

.content-cm .items-cm {
    float: left;
    width: 722px;
    padding: 0;
    border-top: 1px solid #ddd;
    margin: 0;
}

.comment-list .box-reply {
    width: 100%!important;
    margin-top: 10px;
}

.box-reply {
    float: right;
    position: relative;
}

.box-cauhoi, .box-reply {
    position: relative;
    float: left;
}

.comment-list #replyBox {
    width: 92%!important;
    background-color: #f1f1f1;
    float: right;
}

.comment-list .reply-cm {
    width: 92%!important;
}

.reply-cm {
    float: right;
    background: #f7f7f7;
    margin-top: 1px;
    padding-bottom: 10px;
}

.comment-list .reply-cm .reply-right {
    width: 90%;
    padding: 10px 0!important;
}

.reply-cm .reply-right {
    float: right;
}

.comment-list .content-cm .items-cm img.reply-img {
    margin: 10px 3px 0 5px;
}


.comment-list {
    width: 100%;
    margin-bottom: 50px;
}

.comment-list .content-cm {
    width: 100%;
}

.comment-list .content-cm .items-cm img {
    margin-right: 3px;
}

.comment-list .content-cm .items-cm-top1 {
    width: 100%!important;
    border: none;
}

.items-cm-top1 #replyBox {
    display: none;
}

.comment-list .content-cm .items-cm {
    width: 100%!important;
    border: none;
}

.comment-list .items-cm .content-right, .comment-list .items-cm-top1 .content-right {
    width: 92%;
    float: left;
}

.comment-list .items-cm .content-right .tools {
    width: 100%!important;
}

.comment-list .area-reply {
    width: 100%!important;
    /*background-color: #f1f1f1;*/
}

.comment-list .reply-cm {
    width: 92%!important;
}

.replyTop1 {
    width: 92%;
    float: right;
}

.comment-list .reply-cm .fa-plus-square {
    font-size: 13px;
    color: #cccccc;
    padding-left: 10px;
}

.comment-list .box-reply {
    width: 100%!important;
    margin-top: 10px;
}

.comment-list .reply-cm .reply-right {
    width: 90%;
    padding: 10px 0!important;
}

.comment-list .content-cm .items-cm img.reply-img {
    margin-left: 5px;
    max-width: 45px;
    max-height: 44px;
}

.comment-list #replyBox {
    width: 92%!important;
    background-color: #f1f1f1;
    float: right;
}

.comment-list #replyBox .img-user img {
    width: 45px;
    height: 45px;
    margin-left: 3px;
}

.comment-list .reply-cm .bg-nx {
    width: 100%!important;
}

.comment-list .paging-promo-comment {
    width: 100%!important;
}

.comment-input-content .img-user {
    width: 9%;
}

.comment-list .reply-cm .reply-content-full {
    display: none;
    float: left;
    margin: 7px 0;
    line-height: 18px;
    width: 100%;
}


.pagging {
    clear: both;
    margin-top: 15px;
    padding-bottom: 10px;
    height: 24px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.pagging li {
    display: inline;
    padding: 7px 12px;
    cursor: pointer;
    background: #eee;
    border-radius: 5px;
    margin-left: 5px;
}

.pagging li:hover {
    background-color: #ccc;
}

.pagging .active {
    background-color: #ccc;
}

.hideEmail {
    display: none;
}

.cm-view-more-reply {
    background-image: url('/Images/icon-new.png');
    background-repeat: no-repeat;
    background-position: -228px -37px;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
}

.cm-view-more-reply:hover {
    background-position: -216px -37px;
}

.cm-view-less-reply {
    background-image: url('/Images/icon-new.png');
    background-repeat: no-repeat;
    background-position: -228px -63px;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
}

.cm-view-less-reply:hover {
    background-position: -216px -63px;
}

.total-comment {
    padding: 0 5px;
}

.count-like {
    margin-left: -17px;
}

textarea.form-control {
    height: auto;
}
.form-control {
    display: block;
    width: 98%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn {
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.form-group {
    margin-bottom: 15px;
}
.comment_ask .qtv {
    text-transform: uppercase;
    margin-right: 10px;
    color: #000;
    font-weight: normal;
    font-size: 10px;
    background: #eebc49;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 18px;
    height: 18px;
    margin-left: 10px;
}
.iconcom-user{width:25px;height:25px;background-image:none;background-color:#ccc;margin-right:7px;text-align:center;color:#fff;text-transform:uppercase;font-size:12px;line-height:35px;font-style: normal;padding: 5px;}.comment_ask .avaS{width:25px;height:25px;background-image:none;background-color:#ccc;margin-right:7px;text-align:center;color:#fff;text-transform:uppercase;font-size:12px;line-height:26px;font-style:normal;vertical-align:middle}.iconcom-user1{background-position:-170px 0;width:25px;height:25px;margin-right:7px}img.imgU{width:25px;height:25px;margin-right:7px !important;vertical-align:middle}.iconcom-user2{background-position:-196px 0;width:25px;height:25px;margin-right:7px}.iconcom-user3{background-position:-222px 0;width:25px;height:25px;margin-right:7px}.iconcom-user4{background-position:-248px 0;width:25px;height:25px;margin-right:7px}.iconcom-cup{background-position:-280px -30px;width:18px;height:18px;margin-right:5px}.iconcom-heart{background-position:-170px -50px;width:16px;height:14px;margin-right:5px}.iconcom-like{background-position:-265px -30px;width:13px;height:13px;margin-top:-5px}.iconcom-arrup{background-position:-170px -30px;width:26px;height:14px;position:absolute;top:-12px;left:15px;z-index:-1}.iconcom-comment{background-position:-245px -30px;width:16px;height:14px;margin-right:5px}.iconcom-picture{background-position:-274px 0;width:27px;height:20px;margin:-4px 0 0 0}.iconcom-addemotion{background-position:-225px -50px;width:24px;height:23px;margin:-4px 0 0 0}.iconcom-facebook{background-position:-70px -100px;width:110px;height:37px}.iconcom-googleplus{background-position:-70px -140px;width:110px;height:37px}.iconcom-mobileworld{background-position:-70px -180px;width:130px;height:37px}.iconcom-closeloi{background-position:-190px -50px;width:11px;height:11px}.iconcom-closereport{background-position:-205px -50px;width:11px;height:11px}.iconcom-arrupyellow{background-position:-200px -30px;width:26px;height:14px}.iconcom-closeicon{background-position:-190px -50px;width:14px;height:14px}#comment .pagcomment{display:block;padding:8px;overflow:hidden;margin:10px auto;clear:both}#comment .pagcomment a{float:left;padding:4px 10px;background:#eee;border-radius:3px;text-align:center;color:#333;margin-right:4px;font-size:12px;cursor:pointer}#comment .pagcomment a:hover{background:#ddd}#comment .pagcomment span{float:left;padding:4px 10px;background:#eee;border-radius:3px;text-align:center;color:#333;margin-right:4px;font-size:12px;clear:none !important;cursor:pointer}#comment .pagcomment span.active{float:left;padding:4px 10px;background:#ccc;border-radius:3px;text-align:center;color:#333;margin-right:4px;font-size:12px;clear:none !important;cursor:pointer}#comment .hide{display:none !important}#content .conticon{line-height:normal;line-height:18px}#content .conticon img{width:24px;height:24px;display:inline-flex}.clr{clear:both}.closeIfo{position:absolute;top:-1px;right:-1px;border:solid 1px #cdcdcd;padding:5px 10px;background-color:#e7e8e7;color:#96989a;cursor:pointer;z-index:999}.wrapcomment .txtEditor{width:97%}.comment_ask img{max-width:100%;margin:0 auto;max-height:450px;background-image:none !important}.conticon img{max-width:100%;margin:0 auto;background-image:none !important}#cmtmask{display:none}.form_reply{padding-top:10px}.infocom_ask .msgImg{display:none}#txtEditor2{margin:10px 0}.trCmtNew{background:#fffadd}.trCmt{background:#fff;transition:background 3s linear;-webkit-transition:background 3s linear;-moz-transition:background 3s linear}.trCmtChild{background:#f1f1f1;transition:background 3s linear;-webkit-transition:background 3s linear;-moz-transition:background 3s linear}#comment .CmtPopUp{background-color:#fff;border:1px solid #000;position:fixed;display:none;top:15%;width:500px;left:20%;padding:0;height:165px;z-index:2}#comment .CmtPopUpHeader{font-size:small;height:30px;position:relative;background-color:#ffaa01;top:0;color:#fff}#comment .CmtPopUpContent{margin:10px}#comment .CmtPopUpContent .PopupInput{margin:0 10px;display:inline-block;height:30px;line-height:30px}#comment .CmtPopUpContent .Btn{margin-left:155px}#comment .CmtPopUpContent .BtnInsLnk{background:#f9b84d;border:1px solid #f5a623;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;padding:5px 10px;font-size:14px;color:#fff;right:-10px;cursor:pointer;margin:15px auto 0}#comment .CmtPopUpContent .PopupInput .lbl{width:80px;display:inline-block}#comment .CmtPopUpContent .PopupInput .txt{width:350px;display:inline-block}#comment .CmtPopupClose{background:url(//s.tgdd.vn/comment/Content/images/close.png) no-repeat;float:right;cursor:pointer;width:35px;height:35px;right:-15px;top:-15px;position:absolute}#comment .CmtPopupTitle{text-align:center;float:left;width:90%;color:#fff;line-height:30px;font-weight:bold}#comment .CmtPopLayer{height:100%;background-color:#030303;filter:alpha(opacity=60);opacity:.6;border:1px solid #000;position:fixed;left:0;top:0;width:0%}.captchacmt{float:left;padding-top:9px}.captchacmt input{max-width:90px}.captchacmt img{max-width:55px;float:left}.captchacmt span{color:red;font-weight:bold}.CmtRate{}.CmtRate span{display:block;margin:5px 0 0 30px;color:#333}.CmtRate b{display:inline-block;color:#333;font-style:normal;vertical-align:bottom}.CmtRate .spIntro{display:block;margin-left:0;margin-top:10px}.CmtRate .icon-introYes{background-image:url(//s.tgdd.vn/comment/Content/images/happy.png) !important;background-position:0 0;width:27px;height:27px;margin:-4px 5px 0 0;display:inline-block}.CmtRate .icon-introNo{background-image:url(//s.tgdd.vn/comment/Content/images/sad.png) !important;background-position:0 0;width:27px;height:27px;margin:-4px 5px 0 0;display:inline-block}.captchacmt i{color:red;margin-right:5px}.lnkPKPin{font-weight:bold}.wrapcomment .replyLate{display:block;overflow:visible;position:relative;margin:0 0 10px 34px;padding:8px;clear:both;font-size:14px;color:#333;line-height:24px;border:dashed #ccc 1px}.wrapcomment .replyLate:before{content:'';position:absolute;top:-7px;left:14px;border-top:1px dashed #ccc;border-left:1px dashed #ccc;transform:rotate(36deg) skew(-20deg);width:10px;height:10px;background-color:#fff}.clsctvtt{margin-left:10px;font-style:normal;color:#fff;font-size:10px;background-color:#4a90e2;padding:3px;border-radius:3px;line-height:18px;height:18px}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){[class^="iconcom-"],[class*="iconcom-"]{background-image:url(//s.tgdd.vn/comment/Content/images/bg_comment@2x.png);background-size:320px 250px}.iconcom-user,.comment_ask .avaS{background-image:none;background-color:#ccc}}@media screen and (max-width:1200px){.left_comment{width:98%}.wrapcomment .txtEditor{width:96.5%}.wrapcomment{}.wrap_loginpost .asideleft{width:56%}.wrap_loginpost .asideleft a{margin-right:0}.wrap_loginpost .infologin .userlogin{width:92.2%}.infologin .arrow_dw{right:74px}}

.relate_infocom span{float:left}.relate_infocom span.like{float:none}.relate_infocom .baoloi{cursor:pointer;position:relative;color:#4a90e2}.relate_infocom .baoloi .content_bao_loi{display:none;position:absolute;top:20px;left:-77px;width:200px;padding:5px;height:89px;border:1px solid #e5e5e5;background:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 2px 0 rgba(0,0,0,.1);z-index:100}.relate_infocom .baoloi .content_bao_loi i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #ccc;position:absolute;top:-5px;left:0;right:0;display:block;margin:auto}.relate_infocom .baoloi .content_bao_loi b{position:absolute;top:5px;right:5px;width:11px;height:11px}.relate_infocom .baoloi .content_bao_loi figure{display:block;font-size:12px;color:#444;padding-bottom:5px}.relate_infocom .baoloi .content_bao_loi a{display:block;padding:5px;margin-bottom:5px;font-size:12px;color:#333;background:#fffab8;border:1px solid #f8e71c}.relate_infocom .baoloi .content_bao_loi a:hover{background:#f5a623;border:1px solid #be7805;color:#fff}.relate_infocom .baoloi:hover .content_bao_loi{display:block}.relate_infocom .numlike{color:#999}.relate_infocom .date{color:#999}.relate_infocom .reply{cursor:pointer;color:#4a90e2}.relate_infocom .dot{float:left;display:inline;font-size:8px;vertical-align:middle;margin:2px 5px;color:#babbb8}.like{color:#4a90e2;cursor:pointer}.disble{color:#999 !important;cursor:default;display:inline !important}.relate_infocom .btnreply{cursor:pointer;color:#4a90e2}.relate_infocom .btnreply:hover{color:#4a90e2}
.infocom_ask, .infocom_ask_s {
    display: block;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 22px;
    margin-left: 30px;
}
.relate_infocom {
    display: block;
    overflow: visible;
    height: 18px;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
}
.comment_ask .relate_infocom {
    margin-left: 30px;
}
.comment_reply{display:block;margin-top:5px;position:relative;background:#f1f1f1;border:1px solid #e7e7e7;padding:15px 10px;font-size:14px;color:#333;margin-left:30px}.arrow_box{position:relative;left:7px;display:block;margin-top:-15px;z-index:9;background:#f1f1f1}.arrow_box:after,.arrow_box:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow_box:after{border-bottom-color:#f1f1f1;border-width:11px;margin-left:-11px}.arrow_box:before{border-bottom-color:#e7e7e7;border-width:12px;margin-left:-12px}.totalcomment-reply{display:block;padding:10px 0 0;border-top:1px solid #b4b4b4;font-size:12px;color:#4a90e2;cursor:pointer;margin-top:7px}.totalcomment-reply:hover{text-decoration:underline}.sizeimgattach{display:block;width:98%;margin:0 auto;overflow:hidden}.sizeimgattach img{display:block;max-width:100%;max-height:450px;margin:10px auto 0}.deleteimg{display:block;width:98%;padding:5px 0;font-size:14px;color:red;text-align:center;cursor:pointer}.viewmorecomment{display:block;height:1px;background:#e6e6e6;position:relative;margin:40px 0 30px}.viewmorecomment .btnexpand{position:absolute;top:-20px;left:0;right:0;display:block;padding:10px 0;width:140px;margin:auto;background:#fff;border:1px solid #e6e6e6;font-size:12px;color:#959595;text-align:center;text-transform:uppercase;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer}.viewmorecomment .btnexpand span{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #959595;position:relative;top:9px;margin-left:5px}.viewmorecomment .btncollapse{position:absolute;top:-20px;left:0;right:0;display:block;padding:10px 0;width:140px;margin:auto;background:#fff;border:1px solid #e6e6e6;font-size:12px;color:#959595;text-align:center;text-transform:uppercase;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer}.viewmorecomment .btncollapse span{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #959595;position:relative;bottom:9px;margin-left:5px}
.comment_ask {
    clear: both;
}
.comment-title {
    margin-top: 20px;
}