@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');body{font-family:"Roboto",sans-serif;font-weight:500;font-size:15px;background:#f5f5f5}
.container{width:100%;max-width:1080px}
a{text-decoration:none;color:#333}
p,span{font-weight:400}
ul,ol{list-style:none;padding:0;margin:0}
.row.main{--bs-gutter-x:1rem}
nav.navbar.navbar-expand-lg{background:#002152}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#FF9800}
ul.dropdown-menu li a{font-size:12px;font-weight:500;border-bottom:1px solid #ebebeb;padding:10px;text-transform:uppercase}
.dropdown-menu li:last-child a{border-bottom:none}
.navbar-toggler{border:none;padding:0;outline:none}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler .hamburger-toggle{position:relative;display:inline-block;width:50px;height:50px;z-index:11}
.navbar-toggler .hamburger-toggle .hamburger{position:absolute;transform:translate(-50%,-50%) rotate(0deg);left:50%;top:50%;width:50%;height:50%;pointer-events:none}
.navbar-toggler .hamburger-toggle .hamburger span{width:100%;height:4px;position:absolute;background:#333;border-radius:2px;z-index:1;transition:transform 0.2s cubic-bezier(0.77,0.2,0.05,1),background 0.2s cubic-bezier(0.77,0.2,0.05,1),all 0.2s ease-in-out;left:0}
.navbar-toggler .hamburger-toggle .hamburger span:first-child{top:10%;transform-origin:50% 50%;transform:translate(0% -50%)!important}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2){top:50%;transform:translate(0,-50%)}
.navbar-toggler .hamburger-toggle .hamburger span:last-child{left:0;top:auto;bottom:10%;transform-origin:50% 50%}
.navbar-toggler .hamburger-toggle .hamburger.active span{position:absolute;margin:0}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child{top:45%;transform:rotate(45deg)}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2){left:50%;width:0}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child{top:45%;transform:rotate(-45deg)}
.icons{display:inline-flex;margin-left:auto}
.icons a{transition:all 0.2s ease-in-out;padding:0.2rem 0.4rem;color:#ccc!important;text-decoration:none}
.icons a:hover{color:white;text-shadow:0 0 30px white}
.banner img{width:100%;height:auto}
a.navbar-brand img{width:175px;height:auto}
input.form-control.me-2.shadow-none,button.btn.btn-outline-success{font-size:14px}
.row.row-col-top-hot,.row.truyen-moi{--bs-gutter-x:1rem}
.logo img{width:170px;height:100%}
button.navbar-toggler.shadow-none.border-0ms-auto{padding:5px 10px;font-size:14px}
.nav-link{color:#fff;font-size:14px}
.nav-link:hover{color:orange}
li.nav-item{text-transform:uppercase;font-size:15px}
a.dropdown-item{font-size:13px;font-weight:500}
section#top-hot{padding-top:30px}
.top-truyen{display:flex;align-items:center;position:relative;border-bottom:1px solid #e1e1e1;padding:0 0 10px}
.top-truyen h2 i{color:#dc3545;font-size:24px;font-weight:700}
.top-truyen span a i{color:#dc3545}
.top-truyen span{position:absolute;right:10px;font-size:14px;border:1px solid rgba(51,51,51,0.329);border-radius:5px;padding:0 8px;transition:all ease 0.5s}
.top-truyen span:hover{background-color:red}
.col-top-hot{box-shadow:rgba(100,100,111,0.3) 0 7px 29px 0;margin-bottom:20px;border-radius:5px;overflow:hidden;padding:0 0 10px;transition:all ease 0.2s}
.col-top-hot:hover{box-shadow:rgba(240,46,170,0.3) 0 5px,rgba(240,46,170,0.2) 0 10px,rgba(240,46,170,0.1) 0 15px}
select#the-loai-select{padding:10px;border-radius:0;border:1px solid #d7d7d7;width:120px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;border-top-right-radius:5px;border-top-left-radius:5px;&::-webkit-scrollbar{width:5px}
&::-webkit-scrollbar-track{background-color:#ff7e00;-webkit-border-radius:1px;border-radius:1px}
&::-webkit-scrollbar-thumb{-webkit-border-radius:1px;border-radius:1px;background:#002152}}
.thumb-top-hot img{width:100%;height:235px;object-fit:cover}
.title-top-hot{padding:10px}
.title-top-hot a h3{font-size:15px;line-height:1.6em;text-align:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin-bottom:0}
.title-top-hot span{font-size:13px}
.main-crapper .row,.most-viewed-posts .row,.row.cat-archi,#main-full .row{--bs-gutter-x:1rem}
section#main-wrap{padding-top:30px}
.title-main-crapper{display:flex;align-items:center;position:relative;margin-bottom:17px}
.title-main-crapper span{position:absolute;right:0;margin:0 0 -5px}
.title-main-crapper span i{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 5s infinite linear}
.title-main-crapper h2 i{font-size:20px;color:#dc3545}
.post-wg{margin-top:-15px}
.post-dt-wg{display:flex;align-items:center;gap:10px}
.thumb-post-dt-wg img{width:45px;height:auto;border-radius:5px}
.title-post-dt-wg h3{font-size:14px;line-height:1.6em}
.post-wg ul li{border-bottom:1px solid #e1e1e1;padding:15px 0}
.post-wg ul li:last-child{border-bottom:none}
.box-main-wwg{position:sticky;top:0;bottom:0;z-index:1;padding:10px;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;border-radius:5px;margin-bottom:20px}
.paginate_links{overflow:hidden;text-align:center;display:table;margin:20px auto}
.paginate_links .page-numbers{width:32px;height:32px;display:inline-block;float:left;margin:0 5px;padding-top:5px;color:#002152;border:1px solid #002152;margin-bottom:5px;border-radius:5px}
.paginate_links .page-numbers:hover{background:#2473fd;color:#fff}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{background:transparent;width:auto;border:none}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{text-decoration:underline;color:#2473fd}
.paginate_links .page-numbers.current{background:#002152;color:#fff;border-radius:5px}
ul.list-chapter{height:100%;max-height:264px;overflow:auto;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;padding:0 10px;background:#fff;&::-webkit-scrollbar{width:5px}
&::-webkit-scrollbar-track{background-color:#ff7e00;-webkit-border-radius:1px;border-radius:1px}
&::-webkit-scrollbar-thumb{-webkit-border-radius:1px;border-radius:1px;background:#002152}}
ul.list-chapter li{border-bottom:1px solid #ededed;padding:12px 0 2px;position:relative}
ul.list-chapter li:last-child{border-bottom:none}
span.chapter-datetime{position:absolute;right:15px;font-size:14px}
.box-dsc{align-items:center;padding:10px;display:flex;position:relative;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:1px solid #ededed;background:#fff}
.avater-single img{max-width:100%;max-height:320px;object-fit:cover;border-radius:6px;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0}
.chapter-buttons a{margin:0 5px 0 0;font-size:12px}
button#chapter_error{font-size:12px}
li.the-loai a{border:1px solid #fc7e02;padding:0 5px;border-radius:10px;display:inline-block;margin:4px 2px;font-size:13px;transition:all 0.5s ease}
li.the-loai a:hover{background:#002152;color:#fff;border:1px solid #002152}
.chapter-input-form{font-size:13px;position:absolute;right:10px}
button#jump-to-chapter{border-radius:5px;border:1px solid #a38c8c}
input#chapter-number{border-radius:5px;border:1px solid #a38c8c}
footer.footer{background:#eeeeee}
article{box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;padding:15px 15px 5px;border-radius:5px}
nav.pagination,.pagination{justify-content:center;gap:10px}
.title-post-dt-wg .latest-chapter a{font-size:13px;font-weight:400}
.latest-chapter.index-page{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 30px}
.title-main-crapper h1 span{font-size:14px;padding:5px 10px}
.ngau-nhien.box h1,.title-main-crapper{border-bottom:1px solid #e1e1e1;padding:0 0 10px 0}
.ngau-nhien.box,.row.cat-archi{padding-top:5px}
.ngau-nhien.box i,.title-main-crapper i{font-size:20px;color:#dc3545}
.thumb-top-hot{position:relative}
.latest-chapter-title{position:absolute;top:0;right:0;background:#dc3545;padding:3px 10px;font-size:13px;color:#fff;font-weight:500;border-bottom-left-radius:5px}
section#breadcrumb{background:#e4e4e4;padding:5px;font-size:14px;font-weight:400}
ol.breadcrumb{margin-bottom:0}
ol.breadcrumb .active p{margin-bottom:0}
li.active:before{content:"-";padding:0 5px;color:#333}
.breadcrumb > li + li:before{content:"-";padding:0 5px;color:#333}
li.active{display:inline-flex}
.breadcrumb-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#myBtn{display:none;position:fixed;bottom:80px;right:30px;z-index:99;font-size:18px;border:none;outline:none;background-color:#ff7e00;color:white;cursor:pointer;padding:10px;border-radius:4px}
#myBtn:hover{background-color:#555}
div#chapter-c-content{box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;padding:15px 15px 5px 15px;margin-bottom:25px;border-radius:10px}
select.btn option{font-size:14px}
.chuong-moi-nhat{margin-bottom:30px}
.chuong-moi-nhat ul{box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;padding:0 10px;background:#fff}
.chuong-moi-nhat ul li{border-bottom:1px solid #ededed;padding:10px 0 5px;position:relative}
.chuong-moi-nhat ul li:last-child{border-bottom:none}
.chuong-moi-nhat ul li span{position:absolute;right:20px;font-size:14px}
.chuong-moi-nhat ul li a{display:inline-block;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:60%;font-size:14px}
.chuong-moi-nhat h2{background:#ffc107;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px}
.chuong-moi-nhat ul li a:before{font-family:"Font Awesome 6 Free";content:"\e0bb";display:inline-block;padding-right:6px;vertical-align:middle;font-weight:900}
.box-danh-sach-chuong ul li a:before{font-family:"Font Awesome 6 Free";content:"\e0bb";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;margin-top:-13px}
.list.list-truyen.list-cat a{line-height:1.8rem;font-weight:normal;font-size:14px}
span.chapter-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:60%;display:inline-block;font-size:14px}
.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius:5px;padding:0}
.rating-stars{cursor:pointer;color:#ccc;font-size:2rem}
.rating-stars span{transition:color 0.3s;font-size:24px}
.rating-stars span:hover,.rating-stars span:hover ~ span{color:#fb8500}
.rating-stars .active{color:#fb8500}
.rating-stars span.active{color:#fb8500}
.excerpt{overflow:hidden}
button.read-more-button{border:1px solid #cccccc;border-radius:5px;margin-bottom:15px;padding:5px 10px}
/*
.dropdown-menu.show{display:block;max-height:364px;overflow:auto;&::-webkit-scrollbar{width:5px}
&::-webkit-scrollbar-track{background-color:#ff7e00;-webkit-border-radius:1px;border-radius:1px}
&::-webkit-scrollbar-thumb{-webkit-border-radius:1px;border-radius:1px;background:#002152}}
*/
.tbl_back.image img{width:100%}
.row.pg-error{display:flex;align-items:center}
.alert.alert-success{text-align:center}
/*Comment style*/
span.title_comment{font-size:17px;color:#606664;line-height:1.3em;font-weight:500;margin:0 0 15px;display:inline-block}
.comment-author.vcard{width:25px}
#formcmmaxweb{overflow:hidden;position:relative}
#formcmmaxweb .nameuser{text-align:left}
#formcmmaxweb .avatarmw img{float:left;margin:5px 10px 0 0;border:1px solid #ccc;padding:5px}
.comments-title-maxweb{margin:30px 0;font-weight:normal}
.commentlist{margin-top:10px}
.comment-author.vcard{float:left;clear:both;z-index:2;position:relative;text-align:center}
.commentlist li{overflow:hidden;clear:both;margin-bottom:10px}
.commentlist .children{margin-top:10px}
.commentBody em{color:red}
.commentBody{position:relative;margin-left:65px;overflow:hidden}
.comment-meta.commentmetadata{position:relative;padding:0;margin:0 0 5px}
.noidungcomment{font-size:14px;line-height:20px}
.cancel-comment-reply a{font-size:14px;text-decoration:none;color:#a9883f}
.nocomments{border-color:#D98D8D;background-color:#FFCECE;background-position:left -792px;color:#665252;padding:10px}
.comment-meta.commentmetadata .ngaythang{position:absolute;top:0;right:0;color:#337ab7;opacity:0.3;font-size:12px}
.commentBody:hover .comment-meta.commentmetadata .ngaythang{opacity:1}
.commentBody .reply{float:right;margin:0;position:absolute;bottom:0;right:0}
.comment-meta.commentmetadata .fn{font-weight:500;color:#333;margin:0;text-transform:capitalize;font-size:14px;line-height:18px}
ol.commentlist_mw,ol.commentlist_mw ul.children{list-style:none}
ol.commentlist_mw li{margin-bottom:10px}
ol.commentlist_mw > ul.children{margin:10px 0 15px 35px;background:#f1f1f1;padding:10px;position:relative}
ol.commentlist_mw > ul.children:before{content:'';position:absolute;top:-10px;left:14px;width:0;height:0;border-bottom:10px solid #f1f1f1;border-left:10px solid transparent;border-right:10px solid transparent}
div.error{color:red;font-size:12px;text-align:left;line-height:16px;margin:3px 0 0}
.tools_comment a{color:#4a90e2;font-size:12px;position:relative;padding:0 15px 0 0;margin:0 7px 0 0;line-height:14px}
.tools_comment a:after{content:"";width:4px;height:4px;top:50%;margin-top:-2px;background:#999;position:absolute;right:0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.tools_comment a:last-child:after{display:none}
.tools_comment a:last-child{padding:0;margin:0}
.noidungcomment p{margin:0}
#formcmmaxweb  input[type="submit"],#formcmmaxweb input[type="button"],#formcmmaxweb input[type="reset"],#formcmmaxweb article.post-password-required input[type=submit],#formcmmaxweb li.bypostauthor cite span{padding:6px 10px;padding:0.428571429rem 0.714285714rem;font-size:11px;font-size:0.785714286rem;line-height:1.428571429;font-weight:normal;color:#7c7c7c;background-color:#e6e6e6;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-ms-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-webkit-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:-o-linear-gradient(top,#f4f4f4,#e6e6e6);background-image:linear-gradient(top,#f4f4f4,#e6e6e6);border:1px solid #d2d2d2;border-radius:3px;box-shadow:0 1px 2px rgba(64,64,64,0.1)}
#formcmmaxweb button,#formcmmaxweb input,#formcmmaxweb textarea{border:1px solid #ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-family:inherit;padding:6px;padding:0.428571429rem}
#formcmmaxweb button,#formcmmaxweb input[type="submit"],#formcmmaxweb input[type="button"],#formcmmaxweb input[type="reset"]{cursor:pointer}
.reply a.comment-reply-link{color:#337ab7;text-decoration:none;font-weight:400;font-size:12px}
.reply a.comment-reply-link:hover{color:#c7a611}
#formcmmaxweb p,#formcmmaxweb input,#formcmmaxweb textarea{width:100%;background:transparent;outline:none;font-size:14px}
#formcmmaxweb input,#formcmmaxweb textarea{border:1px solid #d7d7d7;color:#2e2e2e;display:block}
#formcmmaxweb input:focus,#formcmmaxweb textarea:focus{border-color:#337ab7}
#formcmmaxweb p{margin-bottom:10px;text-align:center}
#formcmmaxweb #commentform p{overflow:hidden}
#formcmmaxweb .name-email p{width:50%;float:left}
#formcmmaxweb .name-email p:first-child{padding-right:5px}
#formcmmaxweb .name-email p:last-child{padding-left:5px}
#formcmmaxweb input#submit{width:auto;font-weight:400;color:#fff;background:#337ab7;padding:6px 20px;border:none;float:left;font-size:12px;outline:none}
#formcmmaxweb input#submit:hover{background:#c7a611}
#formcmmaxweb::-webkit-input-placeholder{color:#999999}
#formcmmaxweb::-moz-placeholder{/* Firefox 18- */
   color:#999999}
#formcmmaxweb::-moz-placeholder{/* Firefox 19+ */
   color:#999999}
#formcmmaxweb::-ms-input-placeholder{color:#999999}
/*#comment style*/
li.nav-item.binh-luan{background:green;border-radius:5px;padding:0 10px}
li.nav-item.chuong-truyen{background:#dc3545;border-radius:5px;margin-right:10px;padding:0 10px}
.nav-link:focus,.nav-link:hover{color:#ffffff}
.chapter-c p{line-height:1.6rem}
.alert.alert-success{text-align:center;width:100%;padding:18px}
button.btn.btn-primary.mt-3{font-size:12px}
button.btn.btn-warning.bl,button.btn.btn-danger.baoloi{font-size:13px}
.binhluan{margin-right:5px}
button.btn.btn-secondary.dong-binh-luan{font-size:12px}
.tbl_back.clear a{font-size:14px}
.pagination{display:inline-block;margin:5px}
.pagination .page-numbers{color:black;float:left;padding:8px 16px;text-decoration:none;border:1px solid #ddd;/* Gray border */
    margin:0 4px;/* Space between links */
    border-radius:5px;/* Rounded corners */
    transition:background-color .3s;/* Smooth transition */}
.pagination .current{background-color:#4CAF50;/* Green background for current page */
    color:white;/* White text color */}
.pagination .page-numbers:hover:not(.current){background-color:#ddd;/* Light gray on hover */}
.box-single{display:flex;flex-direction:column}
.body-comment{order:2!important;background:#fff;margin:30px 0;padding:10px 10px 0;border-radius:5px}
.box-chuong{order:1!important}
.title-cm i{color:#dc3545}
div#comments{border-top:1px solid #ededed;padding:10px 0}
article.single-content i{font-size:16px;background:#eb3349;background:-webkit-linear-gradient(left,#eb3349 40%,#f45c43);background:-o-linear-gradient(right,#eb3349 40%,#f45c43);background:-moz-linear-gradient(right,#eb3349 40%,#f45c43);background:linear-gradient(to right,#eb3349 40%,#f45c43);color:#fff;position:relative;margin-right:10px;margin-bottom:0;padding:8px;border-radius:3px}
article.single-content i:after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #f45c43;position:absolute;left:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.dropdown-item.active,.dropdown-item:active{background-color:#ff7e00}
.box-tags-hot{display:flex;flex-wrap:wrap;margin-top:-15px}
.col-box-tags-hot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-tags-hot>div{width:50%;flex-shrink:0;border-bottom:1px dashed #e7e7e7;line-height:36px}
.box-tags-hot>div:nth-child(2n+1){border-right:1px dashed #e7e7e7}
.col-box-tags-hot a{padding:0 10px}
.btn-group,.btn-group-vertical{gap:10px}
div.toggle-icon{background:#ffc107;padding:7px 10px;border-radius:5px}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:5px;border-bottom-right-radius:5px;padding:6px;font-size:14px}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:5px;border-bottom-left-radius:5px;padding:6px;font-size:14px}
.title-post-in-chap{position:relative}
.font-size-popup{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
.popup-content{background-color:#fefefe;margin:15% auto;padding:20px 10px 15px 0;border:1px solid #888;width:300px;text-align:center;border-radius:5px}
.close{color:#aaa;float:right;font-size:28px;font-weight:bold;margin-top:-10px}
.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}
button#openPopupBtn{border:1px solid #333;padding:6px 10px;border-radius:5px}
.modal{display:none;position:fixed;left:0;top:50%;width:100%;height:80%;overflow:auto;transition:opacity 0.3sease;transform:translateY(-50%)}
.modal-content{background-color:#fefefe;margin-right:0;padding:20px;border:1px solid #888;width:80%;max-width:400px;position:absolute;top:50%;right:0;height:auto;overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;transform:translateY(-50%)}
/* Close Button */
.close-button{color:#aaa;float:right;font-size:28px;font-weight:bold}
.close-button:hover,.close-button:focus{color:black;text-decoration:none;cursor:pointer}
.box-modal{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.box-modal i{font-size:30px;padding:10px;color:red;animation:shake 0.5s ease-in-out infinite;/* Áp dụng animation shake */}
@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}
button#openModalBtn{border:1px dashed #ff7e00;border-radius:100px}
.icon-box-modal{position:sticky;top:50%;bottom:50%;z-index:1;margin-bottom:10px}
.notice.notice-info{border-bottom:1px dashed #bbb9b9;padding:10px 0}
.notice.notice-info:last-child{border-bottom:none}
div#post-update-notices{height:100%;max-height:270px}
.notice.notice-info a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:14px}
.modal-content-btn{display:flex;align-items:anchor-center;gap:10px}
button.follow-button{margin-right:5px;font-size:13px;height:34px}

/*------------CSS MOI--------------------------*/
.post-hp {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.post-hp ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-hp li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.col-box {
    display: flex;
    align-items: center;
    width: 100%;
}

.thumb-col-box {
    flex: 0 0 60px;
    margin-right: 15px;
}

.thumb-col-box {
    width: 60px;
    height: 80px;
}
.thumb-col-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.detail.col-box {
    display: flex;
    justify-content: space-between;
}
.title-detail-col-box {
    width: 40%;
}
.tag-detail-col-box {
    margin-top: 5px;
    width: 40%;
}

.title-detail-col-box h3 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
}

.title-detail-col-box a {
    text-decoration: none;
    color: inherit;
}

.tag-detail-col-box a {
    display: inline-block;
    padding: 3px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #e0e0e0;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    border-radius: 3px;
}

.tag-detail-col-box a:hover {
    background-color: #d0d0d0;
}


.latest-chapter-new a {
    font-size: 12px;
    color: #666;
    text-decoration: none;
}

.latest-chapter-new a:hover {
    color: #333;
}
.title-update {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title-update span {
    background: #bad6ff;
    padding: 0 5px;
    border-radius: 5px;
}
.title-update span a{
   font-size: 14px;
   color: #000;
}
.title-update h2 i {
    color: #dc3545;
}


/* Responsive adjustments */
@media (max-width: 600px) {
    .thumb-col-box {
        flex: 0 0 50px;
    }

    .thumnail {
        width: 50px;
        height: 70px;
    }

    .title-detail-col-box h3 {
        font-size: 14px;
    }

    .tag-detail-col-box a {
        font-size: 11px;
        padding: 2px 6px;
    }

    .detail.col-box::after {
        font-size: 12px;
    }
}
@media (max-width: 430px){
.detail.col-box {
    display: inline-block;
}
.title-detail-col-box,
.tag-detail-col-box {
    width:100%;
}
}



























@media screen and (min-width:992px){ul.dropdown-menu.sub-menu.dropdown-submenu.depth_1,ul.dropdown-menu.sub-menu.dropdown-submenu.depth_2.show{left:100%}}
@media screen and (max-width:991px){ul.dropdown-menu.sub-menu.dropdown-submenu{margin:10px;border:1px solid #33333312}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:#ffffff}ul.dropdown-menu.sub-menu.dropdown-submenu li:last-child{border-bottom:0;padding:5px}ul#menu-menu li{border-bottom:1px solid #33333326}ul#menu-menu li:last-child{border-bottom:0}.nav-link{border-top:1px solid #ffffff12;padding:10px 0}.navbar .navbar-collapse{background:#002152;position:absolute;width:100%;top:59px;z-index:2;left:0;padding:0 15px}.navbar-toggler .hamburger-toggle{position:relative;display:inline-block;width:35px;height:35px;z-index:11;background:#ffffff;border-radius:10px}}
@media screen and (max-width:800px){button.follow-button{margin-top:4px}}
@media screen and (max-width:600px){.avater-single{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.avater-single img{width:245px;object-fit:cover}.tbl_back.image{padding-top:20px}}
@media screen and (min-width:576px){.thumb-cat-overlay{display:none}}
@media screen and (max-width:576px){.thumb-cat-overlay{position:relative;top:30px}.thumb-cat-overlay img{width:100%;position:absolute;z-index:-1;height:205px;object-fit:cover;opacity:0.5;border-radius:10px}}
@media screen and (max-width:430px){.box-dsc{display:block}.chapter-input-form{position:relative;left:0;top:2px}div#danh-sach-chuong{margin-bottom:5px}}
@media screen and (max-width:414px){span.short-bl{margin-top:4px}span.hidden{display:none}}