body { color:#ffffff; font-family:Montserrat,sans-serif; font-size:16px; background:url('/wp-content/uploads/2025/03/bg.jpg') top center no-repeat fixed; background-size:cover; background-color:#0b0402; min-height:100%; line-height:1.6; }
.list-social { position:fixed; z-index:999; right:30px; bottom:50px; }
.list-social li { list-style:none; margin-bottom:10px; }
.list-social li img { max-width:60px; }
.meta-post { text-align:center; margin-bottom:10px; }
.meta-post,.meta-post a { color:rgba(255,255,255,1); }
.meta-post img { border-radius:50%; margin:0 10px; }
.header_pc .list_link .link_dn { background:none; }
.header_pc .list_link .link_dk { border:none; }
.n2:nth-child(2n+1) { clear:left; }
.n3:nth-child(3n+1) { clear:left; }
.n4:nth-child(4n+1) { clear:left; }
.n5:nth-child(5n+1) { clear:left; }
.n6:nth-child(6n+1) { clear:left; }
#black-studio-tinymce-4 { text-transform:uppercase; }

.list-post-cat .item img {}
.tab-post-cat p { color:#fff; }
.tab-cat > li { display:inline-block; padding:0 10px; width:calc((100% / 6)); margin-bottom:20px; }
.tab-cat > li.active > a,.tab-cat > li:hover > a { background:#FBF99E; color:#4B181A; }
.tab-cat > li > a { display:block; text-align:center; border:1px solid #FC8F00; border-radius:20px; color:#FBF99E; text-transform:uppercase; font-weight:500; padding:10px; }
.head.navbar-fixed-top { animation:stuckMoveDown .6s; box-shadow:1px 1px 10px rgba(0,0,0,0.15); }

@keyframes btnAnimation {
    0% { transform:scale(1.05); } 50% { transform:scale(1); } to { transform:scale(1.05); } 
} 
*,::after,::before { box-sizing:border-box !important; }
.row10 { margin:0 -10px; }
.row5 { margin:0 -5px; }
.row10 >div { padding:0 10px; }
.row5 >div { padding:0 5px; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.flex { display:flex; flex-wrap:wrap; }
.flex-center { align-items:center; }
/* 'row-reverse' Dùng cho trường hợp đảo trái phải phần tử con */

/* 'column-reverse' Dùng cho trường hợp đảo trên dưới phần tử con */

.row-reverse { flex-direction:row-reverse; }
.column-reverse { flex-direction:column-reverse; }
.modal-dialog { margin:80px auto 0; }
.modal-content { border:none; box-shadow:none; border-radius:.5rem; position:relative; background-color:#fff; background-clip:padding-box; outline:0; }
.modal-header { background-color:#045d2d; color:#fff; padding:15px; border-bottom:1px solid #e5e5e5; min-height:16.42857143px; }
.modal-header .modal-title { position:relative; min-height:44px; font-weight:400; font-size:18px; line-height:normal; margin:0; line-height:44px; color:#fff; }
img { display:inline-block; height:auto; max-width:100%; vertical-align:middle; }
button.close { width:30px; height:30px; position:absolute; right:10px; top:10px; opacity:1; }
.btn,input[type="submit"] { display:inline-block; height:40px; line-height:40px; padding:0 20px; text-align:center; white-space:nowrap; outline:none !important; cursor:pointer; border:none; letter-spacing:0; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; transition:background-color  .1s ease-in; -webkit-border-radius:0; border-radius:0; }
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select { border:1px solid #c4c4c4; padding:10px; width:100%; max-width:100%; display:block; line-height:18px; outline:none; }
* { margin:0; padding:0; line-height:1.3; }
a:hover,a:focus,a:visited { text-decoration:none; outline:none; }
a { text-decoration:none; cursor:pointer; color:#000; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
a:hover {}
p { margin-top:4px; margin-bottom:20px; line-height:1.5; }
img { max-width:100%; border:none; height:auto; }
h1 { font-size:27px; }
h1.text-align { text-align:center; }
h2 { font-size:25px; }
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 { font-weight:700; font-style:normal; }
ul { padding-left:20px; }

#main a,h1,h2,h3,h4,h5,h6 { display:inline; background:linear-gradient(to bottom,#feffaa 0,#faffdb 29%,#ffbb43 80%,#fede5e 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-box-decoration-break:clone; box-decoration-break:clone; word-break:break-word;clear:both; }
h1,h2,h3,h4,h5,h6 { display:block; }
#main ul li a {background: none;color: #fff;-webkit-text-fill-color:#fff;}
.wp-caption { text-align:center; margin-bottom:10px !important; }
.page-template #main .sapo .title-sapo {padding: 30px 0;} 
.page-template .sapo .content-sapo { padding:0; }
/*header*/

.header_pc .logo a img { display:block; max-height:152px; width:auto; margin:auto; }
/*main*/
.social-mb {display: none;}
#main a:hover { filter:hue-rotate(180deg); }
.container { width:800px; }
.right-slider { right:1rem; display:flex; flex-direction:column; }
.left-slider,.right-slider { top:1rem; z-index:1; }
.left-slider,.right-slider { position:fixed; width:233px; }
.left-slider { left:auto; right:calc(50% + 350px + 5rem); width:233px; max-width:233px; top:210px; }
.right-slider { left:calc(50% + 350px + 5rem); top:180px; z-index:1; }
.social-sunwin img { margin:6px 0; }
.top-page-content { padding:30px 0; }
.header-top-title-img img { max-width:400px; }
.gif-slide img { border-radius:10px; border:1px solid #fff; }
.play-web-version #play-web { margin:20px auto; display:block; }
.play-web-version #play-web img { max-width:250px; animation:btnAnimation .5s linear infinite; position:relative; cursor:pointer; margin-top:-1rem; }
#play-web:hover { cursor:pointer; filter:drop-shadow(2px 2px 8px #f6ce75) brightness(1.1) !important; }
.adv.advweb img { max-height:280px; width:auto; }
.app-mobile { padding:5px 0; }
#pc-download img { max-width:250px; animation:btnAnimation .5s linear infinite; }
.text-header-slogan { text-align:center; font-size:14px; display:block !important; color:#ffe49e; margin:0 auto; }
.box-content:hover .scrollbar{
                overflow-y: scroll;
                padding-right: 0;
            }

            .box-content:hover .scrollbar::-webkit-scrollbar {
                width: 4px;
                background-color: #b7b7b7;
                border-radius: 40px;
            }

/* Thiết lập khung chứa nội dung có thanh cuộn */
.scrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #feffaa 0, #faffdb 29%, #ffbb43 80%, #fede5e 100%);
    border-radius: 40px;
    height: 112px;}
.scrollbar{ height:412px; /* Cố định chiều cao khung hiển thị */

    overflow-y: hidden;padding-right: 4px; 

    margin-bottom:25px; display:block; }
/* Nội dung bên trong có thể dài hơn nhưng vẫn hiển thị đầy đủ bằng cách cuộn */

.box-content { background:#1f0f09; padding:25px; border:1px solid #fff; border-radius:15px;}
/* Ẩn mũi tên ở hai đầu thanh cuộn */

/* Nội dung cuộn bên trong */


/* Hình ảnh trong nội dung */

.box-content img { width:100%; height:auto; }
.sapo { padding:0 15px 30px; }
.sapo .title-sapo { text-align:center; }
.sapo .content-sapo { margin-top:20px; margin-bottom:50px; padding:0 20px; }
#back-top {position: fixed;
    right: 40px;
    bottom: 30px;
    padding: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 0;}
/*footer*/
#footer {text-align: center;color: hsla(0, 0%, 100%, .5);padding: 50px 0 10px 0;}
@media(max-width:767px) {  
    body { font-size:16px; }
    h1 {font-size: 22px;}
    h2,h3,h4 { font-size:20px; }
.container {padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;width: 100%;
}
.header_pc .logo a img { max-height: 92px;}
.top-page-content { padding: 20px 0; }
.header-top-title-img img { width: 100%;}
.sapo,.sapo .content-sapo  { padding: 0;}
.text-header-slogan {font-size: 10px;}
.scrollbar {height: 430px;}
.box-content .content { padding:0; }
.box-content { padding:20px; }
.left-slider ,.right-slider {display: none;}
.social-mb a img {width: 40px;height: 40px;}
.social-mb .fb, .social-mb .chanel,.social-mb .livechat { position:fixed; }
.social-mb .fb {top:10px; left: 10px;}
.social-mb .chanel {top: 60px;left: 10px;}
.social-mb .livechat {top: 10px; right: 10px;}

}