body.page-article{padding-top:0;overflow-x:hidden;background:#fff}.page-article>.container{padding-top:24px;padding-bottom:70px}.page-article .breadcrumb{margin-bottom:25px;padding:12px 0;background:transparent;font-weight:700}
.page-article .blog-img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:12px}.page-article .blog-title h1{margin:24px 0 14px;font-size:29px;font-weight:800;line-height:1.6}.page-article .blog-content{color:#333;font-size:15px;line-height:2.15;text-align:justify}.page-article .blog-content h2{margin:28px 0 12px;font-size:23px}.page-article .blog-content h3{margin:22px 0 10px;font-size:19px}.page-article .blog-content img{max-width:100%;height:auto;border-radius:10px}.page-article .blog-content table{width:100%;margin:22px 0;border-collapse:collapse}.page-article .blog-content th,.page-article .blog-content td{padding:12px;border:1px solid #ddd}.page-article .blog-content th{background:#f5f5f5}
.page-article .position-sticky{top:155px!important}.page-article .blog-box{overflow:hidden;background:#f7f7f7;border:1px solid #ddd;border-radius:14px}.page-article .blog-box-head{padding:18px;font-size:19px;font-weight:800;border-bottom:1px solid #ddd}.page-article .blog-box-item{margin:14px;background:#fff;border-radius:10px}.page-article .blog-box-item a{padding:12px;display:flex;align-items:center;gap:12px}.page-article .blog-box-item img{width:90px;height:70px;object-fit:cover;border-radius:8px}
.page-article .com-box{margin-top:38px;padding:26px;background:#f8f8f8;border:1px solid #ddd;border-radius:14px}.page-article .com-box-title{font-size:21px;font-weight:800}.page-article .com-box-text,.page-article .com-box-mute{color:#666;font-size:13px;line-height:1.9}.page-article .com-box-form label{display:block;margin-bottom:7px}.page-article .com-box-form input,.page-article .com-box-form textarea,.page-article .com-box-code input{width:100%;padding:11px 13px;background:#fff;border:1px solid #d7d7d7;border-radius:8px}.page-article .com-box-form textarea{min-height:130px}.page-article .wrapper-star{display:flex;gap:7px}.page-article .wrapper-star input{position:absolute;opacity:0}.page-article .wrapper-star label{color:#f1b51c;font-size:21px}.page-article .com-box-code{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.page-article .com-box-code img{height:42px;border-radius:6px}.page-article .com-box-submit{width:100%;min-height:44px;color:#fff;background:#d71920;border:0;border-radius:9px}
@media(max-width:767px){body.page-article{padding-top:0}.page-article .blog-title h1{font-size:23px}.page-article .position-sticky{position:static!important}.page-article .com-box{padding:17px}}

.page-article .com-box-form input:focus,.page-article .com-box-form textarea:focus,.page-article .com-box-code input:focus{outline:0;border-color:#d71920;box-shadow:0 0 0 3px rgba(215,25,32,.1)}
.page-article .com-box-recode{display:inline-block;margin-top:8px;padding:0;color:#2676b8;background:transparent;border:0;font-size:12px}
.page-article .b-comment:first-of-type{margin-top:38px}
.page-article .product-comment-title{font-size:21px;font-weight:800}
.page-article .comment-item{margin-top:16px;padding:20px;background:#fff;border:1px solid #e1e1e1;border-radius:12px}
.page-article .comment-item-info{display:flex;align-items:center;gap:10px;color:#777;font-size:13px}
.page-article .comment-item-info i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;background:#c9c9c9;border-radius:50%}
.page-article .comment-item-user{font-weight:700;color:#222}
.page-article .comment-item-date{margin-right:auto}
.page-article .comment-item-text{padding:16px 44px 8px;line-height:2;color:#333}
.page-article .comment-item-action{display:flex;justify-content:flex-end;gap:8px}
.page-article .comment-item-action button{padding:5px 10px;background:transparent;border:0;color:#777}
@media(max-width:767px){.page-article .comment-item-text{padding:14px 0 5px}.page-article .com-box-code{grid-template-columns:1fr}}