* {box-sizing:border-box}
a:link,a:visited,a:active,a:focus,a:hover {text-decoration: none}
html,body{margin:0;height:100%;background:#0c0b0e;font-family:"Inter", sans-serif;font-weight:400;font-style:normal}
body.no-scroll {overflow:hidden}
.wrapper {min-height:100%;display:flex;flex-direction:column;border-top:100.5px solid;border-image:linear-gradient(to right,#391d62,#0a3b7b) 1;}
.container{width:100%;max-width:1300px;margin:auto;padding:0 10px;flex:1}

/*Warning*/
.modal-warn {background:rgba(0, 0, 15, 0.8);color:#89919e;backdrop-filter:blur(10px);-webkit-backdrop-filter: blur(10px);position:fixed;top:0;left:0;width:100%;height:100%;padding:15px;display:flex;justify-content:center;align-items:center;z-index: 100}
.modal-content {background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:auto;padding:30px 15px;width:100%;max-width:400px;font-size:10px;font-weight:400;border-radius:8px;border:1.5px solid rgba(0, 0, 0, 0.6);text-align:center}
.modal-content div {font-size:27px;font-family:"Poppins", sans-serif;font-weight:800;font-style:normal;color:#be8c19;line-height:22px;display:inline-flex;background:-webkit-linear-gradient(left, #c13c47, #be8c19);-webkit-background-clip: text;-webkit-text-fill-color:transparent}
.getsite-name {font-size:17px;font-weight:600;color:#b6bdc9;margin:13px 0 8px}
.text-getsite-content {font-size:14px;margin:5px 0}
.text-confirm {font-size:13px;margin:10px 15px 10px}
.modal-content button {padding:8px 15px;margin-top:15px;border:none;border-radius:6px;background:#d7424e;font-weight:600;color:rgba(0, 0, 0, 0.85);cursor:pointer}
.modal-content button:hover {background:#e93544}

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar { width: 8px}
::-webkit-scrollbar-track { background:rgba(0,0,0,0.0)}
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3);border-radius:50px}
::-webkit-scrollbar-thumb:hover { background: #82878c;cursor:pointer}

/*Header*/
header {background:rgba(12,11,14,0.75);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:15px 0;font-weight:600;color:white;position:fixed;top:0;left:0;width:100%;z-index:2}
.header-box{display:flex;align-items:center;flex-direction:column;gap:10px}
.top-row {display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%}
.logo {font-size:1.2rem;font-family:"Poppins", sans-serif;font-weight:800;font-style:normal;display:flex;opacity:0.9;transition: transform 0.3s ease;will-change: transform}
.logo:hover {opacity:0.8;transform: scale(1.02) translateZ(0)}
.l-a{background:-webkit-linear-gradient(left,#c13c47,#be8c19);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.l-b{color:#6577b3}
.main-nav {display:flex;gap:15px}
.menu {color:white;font-size:0.9rem;opacity:0.6;transition: transform 0.3s ease;will-change: transform}
.menu:hover {opacity:0.8;transform: scale(1.05) translateZ(0)}
.menu.active{opacity:0.9;color:#3276c3}
.bottom-row {display:flex;gap:10px;width:100%}
.right-group {display:flex;gap:10px;width:100%;height:32px}
.search-form {flex:1;height:100%}
.search-container {display:flex;background:rgba(255,255,255,0.1);border-radius:6px;align-items:center;width:100%;height:100%}
.search-container input {flex:1;border:none;outline:none;padding:0 10px;background:none;color:#787878;font-size:16px;height:100%;width:100%}
.clear-btn {display:none;background:rgba(0,0,0,0.5);border:none;font-size:1rem;cursor:pointer;color:#555;height:100%}
.search-btn {background:none;border:none;cursor:pointer;padding:0 8px}
.search-btn svg{height:15px}
.search-btn svg path{stroke:rgba(255,255,255,0.3)}
.cate-btn {white-space:nowrap;flex-shrink:0;padding:0 9px;font-size:13px;height:100%;background:linear-gradient(to top right,#193567,#52285c);color:rgba(103, 128, 159,0.9);border:none;border-radius:6px;align-self:center;cursor:pointer;font-weight:600;text-shadow: -1px -1px 0 #131935, 1px -1px 0 #131935, -1px 1px 0 #131935, 1px 1px 0 #131935}
.cate-btn:hover{background:linear-gradient(to top right,#1c407d,#672f75)}

/*Cate*/
#box-cate{display:none;padding:10px 0;white-space:normal;overflow: auto;overflow-x: hidden;position:fixed;top:100.5px;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.75);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:2}
.index-1 {color:#ccc;font-size:20px;margin:10px 0}
.tags-container {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 30px;padding:20px 0;font-size:13px}
.tag {color:#999;text-decoration:none;font-weight:lighter;display:flex;align-items:center}
.tag::before {content:"•";color:#4285f4;margin-right:12px}
.tag:hover {color:#fff}
.box-cate-btn{text-align:center;margin:10px 0}
.btn-more{height:28px;padding:0 12px;border-radius:5px;border:none;background:rgb(38,187,255,0.2);color:rgb(38,187,255,0.8);cursor:pointer;margin:2px;display:inline-block;vertical-align:middle;font-size:14px;line-height:1;align-content:center}
.btn-more:hover{background:rgb(38,187,255,0.4);color:rgb(38,187,255,0.9)}
.btn-close{height:28px;padding:0 12px;border-radius:5px;border:none;background:rgb(255,255,255,0.1);color:rgb(255,255,255,0.8);cursor:pointer;margin:2px;font-size:14px}
.btn-close:hover{background:rgb(255,255,255,0.3);color:rgb(255,255,255,0.9)}

.Breadcrumb{font-size:16px}
.Breadcrumb ol{list-style:none;display:flex;gap:8px;color:#6b7280;padding:0;margin:0}
.bc-start{color:#6b7280;text-decoration:none;font-weight:500}
.bc-des{color:#374151}
.bc-arrow{color:#6b7280}

/*Image*/
.image-container {display:block;position:relative;width:100%;border-radius:4px;overflow:hidden;background:rgba(0,0,0,0.8);box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px}
.image-container img {position:absolute;object-fit:contain;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;cursor:pointer}
.fix-w {top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%) scale(1.0)}
.fix-h {top:0;left:50%;height:100%;transform:translateX(-50%) scale(1.01)}
.fix-w:hover {-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:translate(-50%, -50%) scale(1.05)}
.fix-h:hover {-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:translateX(-50%) scale(1.05)}
.ar-16x9{padding-top:56.25%}
.ar-9x16{padding-top:165%}
.ar-2x3{padding-top:150%}

/*video list*/
.index-2{font-size:18px;color:#bbb;margin:15px 0 12px 0}
.index-page{color:#969696;font-size:12px;opacity:0.7;margin:-5px 0 15px 0;font-weight:500}
.grd{background: linear-gradient(to right,  #765647,#7c4667);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.hot-value{color:#6277ba}
.search-value{color:#3276c3}
.movie-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:15px}
.duration {position:absolute;bottom:5px;right:5px;background-color:rgba(0, 0, 0, 0.75);color:#ddd;font-size:12px;padding:3px 6px;border-radius:4px;font-weight:400;pointer-events:none}
.title{color:#ababab;font-size:14px;margin:10px 0 5px 0;font-weight:600}
.movie-item:hover .title{color:#be8c19}
.views {color:#9c625e;font-size:12px;margin:0}
.icon-vip{position:absolute;top:4px;left:4px;background-image:linear-gradient(to right, rgb(151,24,53,0.7),rgb(180,65,45,0.7));color:rgba(255,240,0,0.95);font-size:9px;padding:2.5px 3px;border-radius:4px;font-weight:600;pointer-events:none;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid #873521}

/*Pagination*/
.pagination {text-align:center;margin:40px -4px 20px -4px}
.pagination ul {display:inline-flex;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.pagination a {display:block;padding:6px 11px;color:#999;text-decoration:none;background:#1b1b1d;transition:background 0.3s, color 0.3s;font-size:13px;border-radius:6px;margin:4px;font-weight:bold}
.pagination li.active a {background:#2b6bc5;color:#eee}
.pagination a:hover {background:#48484c;color:#fff}
.page-back-next{background:rgb(249,183,79,0.3) !important;color:#aaa !important}
.page-back-next:hover{background:rgb(249,183,79,0.5) !important;color:#fff !important}

/*Topic*/
.index-3{font-size:18px;color:#bbb;margin:0}
.topic-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}
.box-topic-list {border-radius:10px;background:rgba(255,255,255,0.05);overflow:hidden}
.box-topic-list:hover{background:rgba(255,255,255,0.1)}
.br-0{border-radius:0 !important}
.topic-list-info {text-align:center;padding:10px}
.title-topic{font-size:15px;font-weight:800;color:#bbb;margin:0}
.box-topic-list:hover .title-topic{color:#fff}
.count-topic {color:#fff;font-size:11px;margin-right:5px;opacity:0.6;margin-top:5px}
.view-topic{color:#f7867e;margin-left:5px}

/*Actor*/
.header-wrapper {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:15px 0;gap:10px}
.box-filter {display:flex;gap:7px;flex-wrap:wrap;position:relative}
.btn-filter{padding:3px 7px;height:24px;display:inline-block;cursor:pointer;font-size:13px;border:none;border-radius:4px;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6)}
.btn-filter-active{padding:3px 7px;height:24px;display:inline-block;cursor:pointer;font-size:13px;border:none;border-radius:4px;background:rgb(45,106,175,0.5);color:rgba(255,255,255,0.6)}
.btn-filter:hover{background:rgba(255,255,255,0.2)}
.nation{position:absolute;top:5px;left:5px;padding:3px 6px;border-radius:8px;font-weight:400;color:#fff;background:rgb(19,43,67,0.5);font-size:11px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}

/*ebook*/
.photo-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}
.box-ebook{padding:12px;border-radius:7px;background:rgb(147,122,214,0.12);border:1px solid rgba(255,255,255,0.05)}
.box-ebook .image-container{box-shadow:none !important;border:1px solid #000}
.count-photo{background:#567231;color:rgba(255,255,255,0.8);padding:3px 5px;position:absolute;right:0;top:0;font-size:10.5px;font-weight:500;border-bottom-left-radius:5px}
.search-form-ebook{height:36px;width:180px}
.search-form-ebook .search-container{background:none;border:1px solid rgba(255,255,255,0.05)}

/*SELECT OPTION*/
.nice-origin {display:none}
.nice-select {position:relative;display:inline-block;background:#393c60;color:#fff;padding:4px 30px 4px 10px;height:24px;border-radius:4px;cursor:pointer;user-select:none;width:100px;font-size:12px}
.nice-select:after {border-bottom:2px solid #999;border-right:2px solid #999;content: "";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top: 50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:5px}
.nice-select.open:after {-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform: rotate(-135deg)}
.nice-select.open .list {opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);width:100%}
.nice-select .list { background:rgba(0,0,0,0.9);border-radius:5px;box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11);box-sizing:border-box;margin-top:8px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index:9}
.nice-select .list:hover .option:not(:hover) {background-color:transparent !important}
.nice-select .option {cursor:pointer;line-height:30px;width:100%;list-style:none;min-height:30px;outline:none;padding-left:15px;padding-right:29px;text-align:left;-webkit-transition:all 0.2s;transition:all 0.2s}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus {background:rgba(119,231,201,0.7);color:#fff}
.option.selected{background:rgba(119,231,201,0.7)}

/*video detail*/
.box-video-detail {display:flex;flex-direction:column;margin:15px 0}
.video-section {width:100%}
.banner-section {width:100%}
.video-tags {display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.tag-model-detail{background:linear-gradient(to right,#30221c,#311b29);color:#df8663;padding:5px 7px;border-radius:5px;font-size:12px}
.tag-model-detail:hover{background:linear-gradient(to right,#563d34,#5b334c)}
.tag-topic-detail{background:rgba(255,255,255,0.07);color:#df8663;padding:5px 7px;border-radius:5px;font-size:12px}
.tag-topic-detail:hover{background:linear-gradient(to right,#563d34,#5b334c)}
.embed-video{margin:-15px -10px 0 -10px}
.container-video{position:relative;overflow:hidden;width:100%;padding-top:56.25%}
.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;flex-shrink:0;background:black;color:transparent}
.box-tool{width:100%;display:flex;gap:7px}
.title-detail{color:#eeeeee;font-weight:700;font-size:17px;margin:0}
.date-detail{color:#969695;font-weight:400;font-size:12px;margin-top:8px;display:flex;gap:10px}

.btn-tool{border-radius:7px;padding:0 10px;height:30px;display:inline-flex;font-size:13px;font-weight:500;cursor:pointer;align-items:center;justify-content:center}
.btn-share{background:linear-gradient(45deg, rgb(21,75,122,0.1), rgb(146,216,228,0.05));border:1px solid rgb(28,115,232,0.4);color:rgb(28,115,232,0.7)}
.btn-share:hover{background:rgb(28,115,232,0.2)}
.btn-share svg{height:14px;margin:-3px;position:relative;top:-1px;margin-right:3px}
.btn-share svg path{fill:rgb(28,115,232,0.7)}
.btn-download{background:linear-gradient(45deg, rgb(9,92,76,0.1), rgb(211,229,44,0.05));border:1px solid rgb(167,227,80,0.3);color:rgb(167,227,80,0.5)}
.btn-download:hover{background:rgb(167,227,80,0.2)}
.btn-download svg{height:14px;margin:-3px;position:relative;top:-1px;margin-right:2px}
.btn-download svg path{stroke:rgb(167,227,80,0.5)}
.box-server{margin-top:10px;display:flex;gap:5px}
.box-server button{padding:5px 9px;border-radius:5px;font-size:12px;font-weight:500}
.server1{background:rgba(101, 179, 119,0.15);color:rgba(101, 179, 119,0.7);border:1px solid #1B3B12}
.server2{background:rgba(101, 179, 119,0.03);color:rgba(101, 179, 119,0.7);border:1px solid #1B3B12;cursor:pointer}
.server2:hover{background:rgba(101, 179, 119,0.2)}
.index-4{font-size:16px;color:#8290c0;margin:15px 0}


/*Share*/
.modal-share{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.2);z-index:100;align-content: center}
.modal-content-share{background:rgba(34,32,39,0.7);padding:20px;position:relative;border-radius:10px;width:360px;color:#fff;margin:auto;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
.box-share-icon{display:flex;gap:5px;margin:5px 0}
.box-logo-share{width:75px;text-align:center;padding:0px;margin-bottom:5px;cursor:pointer}
.box-logo-share svg{height:45px}
.box-logo-share p{margin:5px 0;font-size:12px}
.input-share{background:rgba(0,0,0,0.6);color:#ccc;position:relative;width:100%;min-height:38px;padding:10px;padding-right:65px;border-radius:7px;font-size:12px;border:1px solid rgba(255,255,255,0.1);font-weight:300;margin-top:8px}
.btn-copy-link{background:#64a15e;padding:0 5px;width:48px;position:absolute;top:6px;right:6px;height:26px;border-radius:5px;font-size:12px;font-weight:600;color:#0f0f0f;border:none;cursor:pointer}
.btn-copy-link:hover{background:#6fb569}
.label-share{font-size:11px;padding:3.5px 8px;border-radius:50px;background:linear-gradient(to right,#563d34,#5b334c);display:inline-block;margin-top:10px;color:#bbb}
.close-share{position:absolute;top:10px;right:10px;width:25px;height:25px;background:rgba(0,0,0,0.5);border:none;cursor:pointer;padding:4px;border-radius:6px}
.close-share svg{height:100%}
.close-share:hover{background:rgba(0,0,0,0.7)}

#loadMore{width:180px;color:#fff;display:block;text-align:center;margin:20px auto;padding:8px;border-radius:10px;border:none;background:rgba(255,255,255,0.1);font-weight:600;transition: .3s}
#loadMore:hover{background:rgba(255,255,255,0.3)}

/*vip*/
.icon-vip-full{position:absolute;top:7px;left:7px;border-radius:5px;padding:5px 7px;background:#f4bb2e;color:#191506;font-size:12px;border:1px solid #00375c;font-weight:900;z-index:1}
#cover-video{background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;right:0;bottom:0;margin:0}
#box-cover{margin:10px 0}
.text-full-1{font-size:16px;font-weight:600;margin-bottom:5px;color:#fff}
.dura{color:#E8B746;background:rgba(232,183,70,0.15);padding:3px 6px;border-radius:15px;margin-left:5px;font-weight:600;font-size:14px}
.btn-get-full{background:#eb393a;color:#fff;padding:10px;text-align:center;margin:5px 0;width:160px;cursor:pointer;border:none;border-radius:5px;font-size:18px;font-weight:800}
.btn-get-full:hover{background:#d22d2d}
.img-video{border-radius:5px;width:100%}

/*Image Slider*/
.slider-container {position:relative;width:100%;max-width:100%;margin:10px 0}
.image-slider {display:flex;overflow-x:auto;scroll-behavior:smooth;gap:8px;padding-bottom:10px}
.image-slider img {width:170px;flex-shrink:0;object-fit:cover;border-radius:4px;cursor:pointer;min-width:120px}
.image-slider::-webkit-scrollbar {width: 0px;height: 5px}
.image-slider::-webkit-scrollbar-track {background-color: transparent}
.image-slider::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.1);border-radius: 10px}
.image-slider::-webkit-scrollbar-thumb:hover {background: #555}

/*Banner*/
.box-banner{margin:30px 0;text-align:center}
.banner-desktop{display:none}
#fullpage-overlay {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:rgba(0, 0, 0, 0);cursor:pointer}
.banner-right{border-radius:5px;padding:10px 10px 0 10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.05);text-align:center}
#banner-right-1{display:none}

/**ADBLOCK**/
.box-blocked {text-align:center;padding:9% 15px;color:#ccc;font-size:13px;line-height:1.62em;border-radius:5px;background:rgba(255,255,255,0.05)}
.icon-hand{border-radius:50%;background:#fff;color:white;width:100px;height:100px;font-size:40px;display:inline-block;margin-bottom:15px}
.icon-hand img{height:100%}
.text-ad{font-size:32px;font-weight:900;margin-bottom:10px;color:#008fd3}
.active-ad{font-weight:900;margin-top:5px}

/*Footer*/
footer{background-image:conic-gradient(#121123,#1e102d,#121123);padding:15px;margin-top:10px;color:#9b9a9a;font-size:12px;text-align:center}

@media only screen and (min-width:415px) {
    .movie-grid{grid-template-columns:repeat(2, 1fr)}
}
@media only screen and (min-width:650px) {
    .topic-grid{grid-template-columns:repeat(3, 1fr)}
    .box-filter {gap:10px}
    .btn-filter{padding:4px 8px;height:26px;font-size:14px}
    .btn-filter-active{padding:4px 8px;height:26px;font-size:14px}
    .nice-select {padding:5px 30px 5px 10px;height:26px;font-size:13px;width:110px}
    .photo-grid{grid-template-columns:repeat(3, 1fr);gap:15px}
    .tag-model-detail{padding:6px 10px;font-size:14px}
    .tag-topic-detail{padding:6px 10px;font-size:14px}
}
@media only screen and (min-width:768px) {
    .main-nav {gap:22px}
    .right-group {height:36px}
    .cate-btn {padding:0 12px;font-size:14px}
    .search-btn{padding:0 10px}
    .tags-container {grid-template-columns:repeat(4, 1fr)}
    .movie-grid{grid-template-columns:repeat(3, 1fr)}
    .index-2{font-size:20px}
    .banner-mobile{display:none}
    .banner-desktop{display:block}
    .title-detail{font-size:20px}
}
@media (min-width: 900px) {
    .header-box {flex-direction:row;justify-content:space-between;align-items:center;gap:20px}
    .wrapper{border-top:66px solid}
    #box-cate{top:66px}
    .top-row,.bottom-row {display:contents}
    .bottom-row {display: flex;gap:10px;align-items: center}
    .right-group {margin-left:auto;width:auto;align-items:center}
    .search-form {width:300px;flex:none}
    .cate-btn {flex-shrink:0}
    .logo {font-size:1.5rem}
    .menu {font-size:0.95rem}
    .pagination a {padding:8px 13.85px;font-size:14px}
    .topic-grid{grid-template-columns:repeat(4, 1fr)}
    .photo-grid{grid-template-columns:repeat(4, 1fr);gap:20px}
    .box-video-detail {flex-direction:row}
    .embed-video{margin:0}
    .responsive-iframe{border-radius:5px}
    .video-section {flex:1}
    .banner-section {width:338px;padding-left:15px}
    .box-tool{width:200px;padding-left:10px;justify-content:right}
    #banner-right-1{display:block}
}
@media (min-width: 1200px) {
    .tags-container {grid-template-columns:repeat(5, 1fr);gap:30px;font-size:14px}
    .movie-grid{grid-template-columns:repeat(4, 1fr);gap:20px}
    .topic-grid{grid-template-columns:repeat(5, 1fr)}
}

/* CUSTOM SCROLLBAR line*/
.gallery-row-scroll::-webkit-scrollbar { width: 0px;height:5px}
.gallery-row-scroll::-webkit-scrollbar-track { background-color:transparent}
.gallery-row-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2);border-radius:10px}
.gallery-row-scroll::-webkit-scrollbar-thumb:hover { background: #555}

/*gallery review*/
.fancybox-bg{background:#000 !important}

/*photo detail*/
.box-album{width:100%;max-width:500px}
.box-img-review{width:100%;max-width:500px;position:relative}
.number-vip{color:rgba(255,105,180,0.8);background:rgba(255,105,180,0.2);padding:4px 8px;border-radius:10px;margin-left:5px;font-size:14px}
.img-see{width:100%}

.modal-ad-ebook{position:fixed;top:0;left:0;height:100%;width:100%;z-index:100000;align-content:center;display:none}
.box-ad-content{border-radius:5px;padding:5px;margin:auto;background:rgba(0,0,0,0.8);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);max-width:350px}