@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');body{font-family:"Roboto",sans-serif;font-size:16px}
a{text-decoration:none;color:black}
#menu-canvas {position: sticky;top: 0;z-index: 10;transition: opacity 0.3s ease;}
#menu-canvas.scrolled {opacity: 0.95;}
.container{width:100%;max-width:1080px}
.container.header_main{padding:0}
div#offcanvasNavbar{width:80%}
.nav-link{font-weight:500;font-size:15px;color:#000}
.logo{width:225px;height:100%;margin:0;padding:0}
a.dropdown-item{font-size:15px}
.logo img{width:100%;height:auto}
.social i{color:#ef0513;font-size:28px;align-items:center;display:flex}
span.toggle-icon{font-size:14px;display:block}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:20px}
section#slogan{background-image:linear-gradient(rgb(2 23 71 / 70%),rgba(0,0,0,.7)),url(https://ngheketruyen.com/wp-content/uploads/2024/08/131-1313855_background-image-of-ghost.jpg);background-size:cover;background-repeat:no-repeat;height:275px;padding-top:35px}
h1.mb-4.mt-4.text-light.h3.lh-base.px-2{padding-bottom:15px}
button.search-btn{width:70px}
form.d-flex{width:90%;margin:0 auto;height:45px}
.form-control{border-top-left-radius:10px!important;border-bottom-left-radius:10px!important}
button.search-btn.btn.btn-search{border-top-right-radius:10px!important;border-bottom-right-radius:10px!important}
button.search-btn.btn-search{background:#fe6d01;color:#fff}
button.search-btn.btn-search:active{color:#fff;background:#1274bf}
.thumbnail-main img{width:100%;height:auto}
.thumbnail-main{position:relative}
.thumbnail-main span{position:absolute;top:0;left:0;font-size:12px;background:linear-gradient(124deg,rgba(255,84,0,1) 15%,rgba(55,55,55,1) 100%);color:#fff;padding:5px 10px}
.info ul{list-style:none;padding:0;line-height:1.5rem;font-size:13px}
.title-main h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:15px}
.title-main img{width:20px;height:20px;margin-top:-5px}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:20px;text-transform:uppercase}
.post-main{box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;border-radius:10px;overflow:hidden}
.title-main{padding:0 10px 0}
section#main-update{background:#f8f8f8}
.title-main-update{display:flex;align-items:center;padding-top:25px;position:relative}
.title-main-update span{position:absolute;right:10px;background:linear-gradient(124deg,rgba(255,84,0,1) 15%,rgba(55,55,55,1) 100%);padding:0 10px;border-radius:5px}
.row.row-cols-2.row-cols-sm-3.row-cols-md-4.row-cols-lg-5.row-cols-xl-5.main{--bs-gutter-x:0.8rem}
.row.main .col{padding-bottom:25px}
.row.main{margin-bottom:-15px}
.title-main-update span a{color:#fff}
.audio-player h1{text-transform:capitalize}
.box-info-single a img{width:100%;height:auto}
.box-info-single ul,.box-detail-video .detail ul {list-style:none;padding:0;line-height:1.8rem}
.box-info-single{position:relative}
.box-info-single span{position:absolute;top:0;left:0;font-size:12px;background:linear-gradient(124deg,rgba(255,84,0,1) 15%,rgba(55,55,55,1) 100%);color:#fff;padding:5px 10px}
.box-note{border:1px dashed #333;border-radius:5px;padding:10px}
article h3{text-transform:uppercase}
.audio-player h1 a, main#main h1 a{color:#780000}
/*Comment style*/
span.title_comment{font-size:20px;color:#606664;line-height:1.3em;font-weight:700;margin:0 0 15px;display:inline-block}
.comment-author.vcard{width:25px}
#formcmmaxweb{overflow:hidden;position:relative;margin-bottom:20px}
#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:35px;overflow:hidden}
.comment-meta.commentmetadata{position:relative;padding:0;margin:0 0 5px}
.noidungcomment{font-size:16px;line-height:24px}
.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:700;color:#333;margin:0;text-transform:capitalize;font-size:17px;line-height:22px;margin-top:2px}
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:14px;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 0 5px}
#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:16px;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*/

/*CSS PHAN TRANG XEM NHIEU */
.pagination{margin-top:20px}
.pagination a{color:#000;padding:5px 10px;text-decoration:none;border:1px solid #ccc;margin:0 5px}
.pagination a:hover{background-color:#0073aa;color:#fff;border-color:#0073aa}
.pagination .current{background-color:#0073aa;color:#fff;padding:5px 10px;margin:0 5px;border:1px solid #0073aa}
/*CSS PHAN TRANG XEM NHIEU */

.relatedcat-tl.single-video {background: #f8f8f8;padding: 15px 20px 0;border-radius: 10px;}
main#main iframe {width: 100%;height: 100%;min-height: 350px;}
.box-detail-video img {width: 100%;height: auto;}
button.btn.btn-secondary.ytb a{color: #fff;}
.row.lien-quan{--bs-gutter-x:1rem}
.container.content-single{margin-bottom:-30px}
.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:#000;border:1px solid #000;margin-bottom:5px;border-radius:10px}
.paginate_links .page-numbers:hover{background:#000;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:#000}
.paginate_links .page-numbers.current{background:#000;color:#fff;border-radius:10px}
.box-info-single ul li a,.box-info-single p a, .box-detail-video .detail ul li a{font-weight:500;color:#780000}
.ngau-nhien.box{position:relative;display:flex;align-items:center;border-bottom:1px dashed #cecece;padding-bottom:10px;margin-bottom:20px}
.ngau-nhien.box span{position:absolute;right:0;background:linear-gradient(124deg,rgba(255,84,0,1) 15%,rgba(55,55,55,1) 100%);padding:0 5px;border-radius:5px;color:#fff}
.pagination-popular{overflow:hidden;display:table;margin:20px 0 15px;margin-top:0}
.pagination-popular span.page-numbers.current{color:#ac2a2a;border:1px dashed #ac2a2a;padding:0 5px;border-radius:50%;font-weight:700}
.pagination-popular a.page-numbers,.pagination-popular span.page-numbers.current{margin:5px}
#btn-back-to-top{position:fixed;bottom:20px;right:20px;display:none}
@media screen and (min-width:991px){ul.dropdown-menu.show{border-radius:0;padding:0;margin-top:13px;border-top:4px solid #F44336}}
@media screen and (max-width:991px){.dropdown-menu{--bs-dropdown-border-color:none}a.dropdown-item{padding:10px 0;border-bottom:1px dashed #dceaf0;position:relative;color:#fe6d01;font-weight:500}a.dropdown-item::after{font-family:"Font Awesome 6 Free";content:"\f00c";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;position:absolute;right:0}ul.dropdown-menu.show{padding-top:0}.nav-link{border-bottom:1px dashed #dceaf0}.box-info-single{margin-bottom:20px}}
@media only screen and (max-width:576px){.Control-speed-time{display:block}.speed-select{padding-top:15px}}
@media screen and (max-width:430px){.logo{width:165px;height:100%}.title-main h3{font-size:14px}}