.hh{font-family: 'Overpass', sans-serif !important;font-weight:700 !important;}
.tx-center{text-align:center !important;}
.tx-left{text-align:left !important;}
.tx-right{text-align:right !important;}
.upercase{text-transform:uppercase !important;;}
.indent{text-indent:5vw !important;}
.topic-l{font-size:28px;font-size:calc(1rem + 1.5vw);font-weight:600;line-height:0.9;}
.topic-m{font-size:20px;font-size:calc(14px + 1vw);font-weight:400;}
.topic-s{font-size:18px;font-weight:400;line-height:1.5;}
.topic-ss{font-size:15px;font-weight:400;}
.topic-x{font-size:26px;font-size:calc(18px + .8vw);font-weight:600;}
.topic-xl{font-size:28px;font-size:calc(20px + 1vw);font-weight:600;}
.topic-xx{font-size:28px;font-size:calc(30px + 1vw);font-weight:600;line-height:.8;}
.widget-grid-view-image { float: left; width: 210px; height: 205px; }
.HotBlink { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 0.6s; }
.badge-danger { color: #fff; background-color: #CC0000; }
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .btn-more{position:relative;display:grid;justify-items:center;padding:4px 6px;color:var(--white1);background:#000000;border-radius:4px;margin:2px;font-size:14px;font-size:calc(8px + .4vw);line-height: 1;font-weight: 300;}
.btn-more:hover{background:var(--black1);color:#000000;}
.col-sm-12 p {font-size:12px;}
.row.mt-5.mb-3 .readmore { color: #bd2130; font-size: 12px; text-decoration: underline !important; }
li.mktab-h button img {width:95%;} .main-page{display:block;}
.maxcol{max-width:var(--maxcol);}
.video-size iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
strong.breadcrumb_last { color: rgb(255 255 255 / 80%); }
.area1{display:grid;grid-template-columns:1fr;margin:0 auto;padding:0!important;}
.sec1{width:var(--rf);display:grid;grid-template-columns:1fr;margin:0 auto;}
.h-new-area{width:var(--rf);max-width:var(--maxcol);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;justify-items: center;align-items: center;flex-wrap: nowrap;margin:0 auto;}
.h-new-area .topic-x{color:var(--black2)}
.ct-new-area{width:var(--rf);display:grid;grid-template-columns:1fr;padding:0 1em;background:#000000;}
.area2{display:grid;max-width:var(--maxcol);grid-template-columns:1fr 280px;grid-gap:10px;padding:0 1em;margin:0 auto 2em;}
.sec2{width:var(--rf);display:flex;display:-webkit-flex;padding:1em;padding-top:60px;min-height:600px;}
.side-bar{width:var(--rf);display:block;}
.sidebar-inbox{width:var(--rf);position: -webkit-sticky;position: sticky !important;top:0;padding-top:60px;}
.area3{display:grid;grid-template-columns:1fr;margin:15px auto;}
.area3 .rf{width:var(--rf);max-width:var(--maxcol);padding:30px;border-radius:24px;overflow:hidden;margin:0 auto;background:var(--white1);}
.area3 .rf p{font-size:16px;line-height:1.3;text-indent:5vw;}
.page-nav{width:100%;padding:10px;display:flex;display:-webkit-flex;-webkit-justify-content:flex-end;justify-content:flex-end;justify-items:center;align-items:center;justify-items:center;flex-wrap:wrap;border-top:1px solid #ebebeb;}
.info-movie p img {width:100%;height:auto;} .video-frame{width:var(--rf);display:grid;grid-template-columns:1fr;margin:0 auto;padding:10px 0 30px;background:#f0f0f0;border-radius: 20px;}
.video-box-info{display:grid;grid-template-columns:1fr;padding:10px;margin:0 auto 20px;min-height:400px;}
.ct-box-in{width:var(--rf);display:grid;grid-gap:10px;padding:1em 2em;background:var(--white1);border-radius:6px;}
.video-box{color:#fff;background:var(--black1);padding:20px 0 0;overflow:hidden;}
.video-box h1{display:grid;grid-template-columns:1fr;padding:0 20px;}
.video-btn-row{width:100%;position:relative;display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;
align-items:center;justify-items:center;padding:10px;margin:0 auto;flex-wrap:nowrap;background:#2f2f2f;border-radius:0 0 12px 12px;}
.video-btn-left{display:flex;display:-webkit-flex;-webkit-justify-content:flex-start;justify-content:flex-start;
align-items:center;justify-items:center;flex-wrap:nowrap;}
.video-btn-right{display:grid;justify-items:end;}
.btn-subthai{font-size:0.5rem;color:#fff;font-weight:700;padding:6px 20px;border-radius:12px !important;margin:5px;background:var(--red1);}
.btn-subeng{font-size:0.5rem;color:#fff;font-weight:700;padding:6px 20px;border-radius:12px !important;margin:5px;background:var(--green1);}
.btn-report{font-size:0.5rem;color:#fff;font-weight:700;padding:6px 20px;border-radius:12px !important;margin:5px;background:#000000;}
.btn-subthai:hover,.btn-subeng:hover,.btn-report:hover{opacity:.7}
.play-breadcrumb{width:var(--rf);display:grid;grid-template-columns:1fr;margin:15px auto 0;}
.breadcrumb-box{width:100%;position:relative;display:flex;display:-webkit-flex;align-items:center;justify-items:center;padding:10px;margin:0 auto;flex-wrap:wrap;background:#000000;}
.breadcrumb-item a{font-size:1rem;color:var(--white1) !important;line-height:1.2;font-weight:400;position:relative;display:inline;padding:5px;margin:0;}
.breadcrumb-item a:hover{color:var(--black1) !important;}
.active{font-size:.7rem;color:#393939 !important;line-height:1.2;font-weight:600;position:relative;display:inline;padding:0;}
.play-cate{width:var(--rf);display:grid;grid-template-columns:1fr;padding:20px;text-align:center;}
.play-cate span{font-size:16px;font-weight:400;color:#000;}
.info-cover{z-index:20;width:var(--rf);display:grid;grid-template-columns:1fr;-webkit-filter:brightness(105%) contrast(110%);filter:brightness(105%) contrast(110%);}
.info-cover:after{z-index:21;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 7px;clip-path: polygon(0 0, 46% 0, 16% 100%, 0% 100%);background: rgb(255,255,255);background: linear-gradient(224deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0) 100%);}
.info-movie{width:var(--rf);display:grid;grid-template-columns:1fr;align-content: space-between;}
.movie-sum{width:var(--rf);display:grid;grid-template-columns:1fr;border-radius:12px;padding:15px 10px;background:#020202;}
.movie-sum span{color:var(--white1);font-size:16px;}
.video-player-row{z-index:10;width:var(--rf);display:grid;grid-template-columns:1fr;overflow:hidden;}
.video-size{width:var(--rf);position:relative;display:block;height:0px;padding-bottom: 56.25%;}
.fullvideo{width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
video {
width: 100%;
height: auto;
} .episode-area{width:var(--rf);display:grid;grid-template-columns:1fr;grid-gap:5px;padding:20px;background:var(--white1);}
.list-episode{width:var(--rf);display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;margin-top:10px;}
.episode-btn{width:var(--rf);display:grid;grid-template-columns:1fr;padding:10px;text-align:left;border-radius:6px;background:#000;} .movie-main-box{width:var(--rf);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;}
.movie-card{width:var(--rf);height:340px;display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:12px;background:var(--white1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.movie-cardin{width:var(--rf);display:grid;grid-template-columns:1fr;}
.mcover{z-index:509;width:var(--rf);display:grid;grid-template-columns:1fr;justify-content: center;justify-items:center;align-items: center;align-content: center;-webkit-filter:grayscale(50%) brightness(100%) contrast(95%);filter:grayscale(50%) brightness(100%) contrast(95%);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mcover:before{z-index: 403;content: "";width: 60px;height: 100%;position: absolute;left: 0;top: 0;background:linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 79%) 5%, rgb(255 255 255 / 0%) 18%, rgb(255 255 255 / 22%) 55%, rgba(255,255,255,0) 100%)}
.mcover img{width:100%;height:385px;object-fit: cover;object-position: 50% 100%;}
.tag-movie{z-index:511;width: 100%;position: absolute;left: -40%;top: 15px;padding: 4px 10px;color: #fff;line-height: 1;font-size: 16px;font-size: calc(.25em + 1vw);font-weight: 700;transform: rotate(-45deg);text-align: center;background: #bd2130;box-shadow:0 2px 1px rgb(0 0 0 / 15%);}
.tag-year{z-index:512;position:absolute;right:0;top:0;padding:10px;font-size:24px;font-weight:600;color:var(--white1);text-shadow:2px 3px 6px #000;}
.mcover-info{width:var(--rf);display:grid;grid-template-columns:auto auto;justify-content: space-between;align-items:center;}
.title-row{z-index:550;width:var(--rf);display:grid;grid-template-columns:1fr;position:absolute;left:0;bottom:-100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;pointer-events: none;}
.title-x{position: relative;width: 100%;display: block;color:#f8f9fa!important;padding:10px;margin: 0 auto;line-height: 1.2;font-size: 14px;font-weight: 600;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform:uppercase;background: rgb(0 0 0 / 60%);text-shadow:1px 1px 4px rgb(0 0 0 / 78%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.mcover:hover{-webkit-filter:grayscale(0%) brightness(105%) contrast(110%);filter:grayscale(0%) brightness(105%) contrast(110%);}
.movie-card:hover{box-shadow:0 6px 12px rgb(0 0 0 / 24%);}
.tag-imdb{font-size:1em;font-size:calc(10px + .5vw);font-weight:600;padding:0 6px;color:#000000;background:#ddd;}
.tag-duration{font-size:1em;font-size:calc(10px + .5vw);color:var(--white1);background:#000000;padding:0 6px;}
.movie-card:hover .title-row{bottom:0;}
.movie-card .title-row{bottom:0;}
.movie-playicon{z-index:513;position:absolute;left:50%;top:50%;width:100px;height:100px;background:url(//subthai.cc/wp-content/themes/subthai/images/icon/ico-play.png)no-repeat center center;background-size:10%;transform:translate(-50%,-50%);opacity:0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;pointer-events: none;}
.movie-card:hover .movie-playicon{opacity:1;background-size:100%;} .newmovie-box{width:var(--rf);grid-template-columns:1fr;margin:0 auto;justify-content: start;justify-items:start;align-items: center;align-content: center;}
.nmv-card{z-index: 400;width:240px;min-height:100%;overflow:hidden;margin:0 -60px 0 0;border-radius:16px;border-bottom:5px solid #000;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;box-shadow: -16px 0 10px rgb(0 0 0 / 36%);background: #000;}
.nmv-card:hover{z-index: 401;-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);box-shadow: 0 -10px 20px rgb(0 0 0 / 41%);}
.nmv-card:after{z-index: 402;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 7px;clip-path: polygon(0 0, 46% 0, 16% 100%, 0% 100%);background: rgb(255,255,255);background: linear-gradient(224deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0) 100%);}
.nmv-card:before{z-index: 403;content: "";width: 60px;height: 100%;position: absolute;left: 0;top: 0;background:linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 79%) 5%, rgb(255 255 255 / 0%) 18%, rgb(255 255 255 / 22%) 55%, rgba(255,255,255,0) 100%)}
.mktab-h:nth-child(1){margin-left:3vw;}
.nmv-info{z-index: 405;position:absolute;left:0;top:0;width:100%;height:100%;display:grid;opacity:0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.nmv-card:hover .nmv-info{opacity:1;}
.nmv-name{width:100%;position:absolute;left:0;bottom:0;padding:10px;margin: 0;color:var(--white1);background:rgb(0 0 0 / 55%);font-size:20px;font-weight:600;line-height:1;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nmv-tag-rt{position:absolute;right:0;top:0;padding:10px;font-size:16px;font-weight:600;color:var(--white1);text-shadow:2px 3px 6px #000;}
.nmv-playicon{position:absolute;left:50%;top:50%;width:60px;height:60px;background:url(//subthai.cc/wp-content/themes/subthai/images/icon/ico-play.png)no-repeat center center;background-size:80%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.nmv-playicon:hover{background-size:100%;} .backto-market{z-index: 200;position:absolute;left:0;top:50%;display:grid;transform:translateY(-50%);}
.market-steam{width:100%;position:relative;display:grid;padding:0;margin:0 auto;background:#1c212c;}
.market-tabbox{width:100%;position:relative;display:block;padding:0;margin:0 auto 10px;}
.tabmarket-item-h{width:100%;height:calc(100% - 6px);position:relative;display:grid;align-items:center;justify-items:center;padding:0;margin:0 auto;background:#000000;}
.nav-tabmarket-in{width:100%;position:relative;height:100%;overflow:hidden;display:flex;display:-webkit-flex;-webkit-justify-content:flex-start;justify-content:flex-start;align-items:center;justify-items:center;padding:0 30px;margin:0 auto;flex-wrap:nowrap;}
.nav-tabmarket{width:100%;height: 100%;position:relative;overflow:hidden;display:flex;display:-webkit-flex;-webkit-justify-content:flex-start;justify-content:flex-start;align-items:center;justify-items:center;padding:40px 0;margin:0 auto;flex-wrap:nowrap !important;overflow-x: auto;}
.btn-tabh-perv{z-index:300;width:30px;height:50px;position:absolute;left:-30px;top:calc(50% - 25px);justify-items: center;align-items: center;margin: 0 auto;padding: 0;border-radius: 0;background:transparent;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;cursor: pointer;}
.btn-tabh-perv:after{content:"";border: solid #fff;border-width: 0 3px 3px 0;display: inline-block;padding: 3px; transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.btn-tabh-next{z-index:300;width:30px;height:50px;position:absolute;right:-30px;top:calc(50% - 25px);justify-items: center;align-items: center;margin: 0 auto;padding: 0;border-radius: 0;background:transparent;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;cursor: pointer;}
.btn-tabh-next:after{content:"";border: solid #fff;border-width: 0 3px 3px 0;display: inline-block;padding: 3px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.btn-tabh-perv:hover.btn-tabh-perv:after{content:"";border: solid #0078fb;border-width: 0 3px 3px 0;display: inline-block;padding: 3px; transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.btn-tabh-next:hover.btn-tabh-next:after{content:"";border: solid #0078fb;border-width: 0 3px 3px 0;display: inline-block;padding: 3px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.btn-tabh-perv,.btn-tabh-next{display:grid;}
.nav,.nav-tabs{border:none;}
.nav-tabmarket::-webkit-scrollbar {height:6px;}
.nav-tabmarket::-webkit-scrollbar-track {background:#bd2130;}
.nav-tabmarket::-webkit-scrollbar-thumb {background:#bd2130;}
.nav-tabmarket::-webkit-scrollbar-thumb:hover {background:#bd2130;} .modular{width:var(--rf);display:grid;grid-template-columns:1fr;padding: 0 5px;}
.mod-box{width:var(--rf);display:grid;grid-template-columns:1fr;grid-gap:10px;background:#3b3b3b;}
.mod-h{width:100%;width:calc(100% + 10px);margin:10px auto 0 -5px;padding:10px 15px;font-size:20px;font-weight:600;line-height:1;color:var(--white1);background:#000000;}
.mod-h:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background: rgb(255,255,255);
background:linear-gradient(-3deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 38%, rgba(255,255,255,0.3) 39%, rgba(255,255,255,0.1) 74%, rgba(255,255,255,0) 100%);}
.mod-ct{width:var(--rf);display:grid;grid-template-columns:1fr;padding:5px;max-height:200px;overflow:hidden;overflow-Y:auto;}
.mod-hot{width:var(--rf);display:grid;grid-template-columns:60px 1fr;grid-gap:6px;background:var(--black1);padding:5px;overflow:hidden;align-items:center;justify-content:center;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mod-hot:hover{box-shadow:inset 0 0 1px 1px #6c6c6c;}
.mod-hot-cover{width:var(--rf);display:grid;grid-template-columns:1fr;overflow:hidden;max-height: 60px;}
.mod-hot-cover img{width:var(--rf);display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;}
.mod-hot-ct{width:var(--rf);display:grid;grid-template-columns:1fr;text-align:left;}
.mod-tag-name{color:var(--white1);font-size:14px;line-height:1.1;}
.mod-tag-imdb{color:var(--white1);font-size:12px;font-size:calc(6px + .3em);font-weight:600;}
.mod-new{z-index:705;width: 100%;position: absolute;right: -42%;bottom: 10px;padding: 2px 5px;color: #fff;line-height: 1;font-size: 10px;font-size: calc(5px + .5vw);font-weight:400;transform: rotate(-45deg);text-align: center;background: var(--red1);box-shadow:0 2px 1px rgb(0 0 0 / 15%);}
.mod-hot:hover .mod-tag-name{color:#000000;}
.mod-year{width:100%;position:relative;padding:0;margin:0;display:flex;display:-webkit-flex;-webkit-justify-content:center;justify-content:center;justify-items:center;align-items:center;flex-wrap:wrap;}
.mod-year-btn{font-size:16px;font-weight:600;line-height:1;color:var(--white1);border-radius:4px;background:#5a5a5a;padding:4px 10px;margin:2px;display:inline-block;}
.mod-year-btn:hover{background:#000000;}
.modular-cate{width:var(--rf);display:grid;grid-template-columns:1fr;padding: 0 5px;margin:20px auto;}
.mod-box2{width:var(--rf);display:grid;grid-template-columns:1fr;grid-gap:10px;background:var(--white1);border-radius:8px;padding:5px 10px;}
.cate-list{width:var(--rf);display:grid;grid-template-columns:1fr;max-height:200px;overflow:hidden;overflow-Y:auto;}
.cate-list ul{width:100%;display:block;}
.cate-list a{width:100%;display:grid;border-top:1px dashed #eee;font-size:11px;} .page-link{padding: 5px 16px!important;font-size: 18px!important;background-color: #343434!important;border: 1px solid #000000!important;}
.page-link:hover{color:#32c2ff!important;background: rgb(0,0,0);
background:linear-gradient(0deg, rgb(102 102 102) 0%, rgba(31,31,31,1) 31%, rgb(79 79 79) 94%, rgb(127 127 127) 96%, rgba(20,20,20,1) 100%);}
.page-item.active .page-link{color: #fff !important;background-color:#bd2130!important; border-color:#343a40!important;}        .fixbar{left:0;top:0;}
.main-head{width:var(--rf);}
.head-r1{z-index: 900;width:var(--rf);align-items:center;padding:5px 50px !important;position:relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;justify-items: center;align-items: center;flex-wrap: nowrap;background:var(--white1);box-shadow: 0 2px 6px rgb(0 0 0 / 3%);}
.hr1-left{display:grid;grid-template-columns:1fr;justify-content:start;margin:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.hr1-left:hover{-webkit-filter:brightness(110%);filter:brightness(110%);}
.hr1-left a{font-size:var(--tx-xx);font-weight:var(--txbold);color:#000000 !important;letter-spacing:-1px;}
.hr1-left img{margin-right:8px;}
.hr1-right{display:grid;grid-template-columns:1fr;justify-content:end;margin:0;}
.hr1-right a{color:var(--gray1) !important;}
.head-in{width:var(--rf);display:grid;grid-template-columns:1fr;}
.hin-r1{width:var(--rf);display:grid;grid-template-columns:1fr;padding:2em 0 1em;background:#000000;}
.m-top-logo{max-width:600px;display:grid;margin:0 auto;}
.hin-r1 nav{width:var(--rf);padding:5px 30px;}
.search-box{width:var(--rf);display:grid;grid-template-columns:1fr;padding:0;margin:0 auto;justify-content:center;}
.search-in{width:var(--rf);max-width:600px;overflow: hidden;border-radius: 60px;display:grid;grid-template-columns:1fr auto;justify-content:center;margin:5px auto;border: 2px solid #000000;}
.input-search{height:var(--rf);width:var(--rf);font-size:1em;font-weight: 400;padding:6px 60px 6px 20px;border-radius: 24px;color:var(--black1);overflow: hidden;background:var(--white1);}
.search-icon{z-index: 11;width:auto;height:var(--rf);position: absolute;right:0;top:0;display: grid;align-items: center;overflow: hidden;border-radius:0 !important;font-size:16px;color:#000000;padding:0 10px;}
.hin-r2{width:var(--rf);display:grid;grid-template-columns:1fr;padding:.5em 1em;background:var(--gar-white);box-shadow: 0 4px 12px rgb(0 0 0 / 3%);}
.navmenu{width:var(--rf);text-align:center;max-width:var(--maxcol);display:grid;grid-template-columns:auto 1fr auto;grid-gap:1em;margin:0 auto;align-items:center;justify-content:center;}
.navmenu nav{width:var(--rf);overflow:hidden;}
.navmenu nav ul{width:var(--rf);overflow:hidden;display:flex;display:-webkit-flex;text-align:center;justify-content:center;align-items:center;flex-wrap:wrap;}
.navmenu ul li a{font-size:16px;line-height:1;font-weight:300;color:var(--black2) !important;padding:0px 10px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.navmenu ul li a:hover{color:#000000 !important;}
.head-topic h4{width:var(--rf);color:#000000;font-size:16px;font-weight:600;line-height:1;text-align: left;margin: 10px auto 0;padding:6px;background:#4f4f4f;} footer{background-color:#fff !important;}
.footer-link{grid-template-columns:1fr 1fr;grid-gap:20px;padding:2em 5vw;margin:0 auto;background: #1c1c1c;}
.footer-link:after{content:"";width:100%;height:2px;position:absolute;left:0;bottom:0;display:block;
background:rgb(0 16 73 / 30%);
}
.footer-left{width:var(--rf);position:relative;display:grid;grid-template-columns:1fr;padding:20px;border-radius:20px;}
.footer-right{width:var(--rf);position:relative;display:grid;grid-template-columns:1fr 1fr;}
.tag-list{width:var(--rf);position:relative;display:flex;display:-webkit-flex;text-align:center;justify-content:center;justify-items:center;align-items:center;flex-wrap:wrap;}
.tag-list li{margin:3px;}
.tag-list li a{padding:3px 8px;border-radius:8px;color:var(--white1);background:#000000;font-size:12px;line-height:.8;}
.tag-list li:hover a{color:#000000;background:var(--white1);}
.ftli-row{width:var(--rf);position:relative;display:grid;grid-template-columns:1fr;padding:10px;margin:0 auto;}
.ftli-h{text-align:left;color:#ffffff;font-size:18px;font-size:calc(.5rem + .7vw);font-weight:400;line-height:1.1;display:block;padding:0;margin:0}
li.ftli-link{width:var(--rf);position:relative;display:grid;grid-template-columns:1fr;padding:3px 10px;margin:0 auto;}
li.ftli-link a{list-style-type: none ;}
li.ftli-link a:after{content:"";border:solid #F8FAFA;border-width: 0 3px 3px 0;display: inline-block;padding:4px;border-radius:2px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);}
li.ftli-link a span{width:100%;position:relative;display:grid;font-size:16px;font-weight:300;line-height:1.2;padding:3px 10px 3px 20px;margin:0 auto;color:#bababa;text-align: left;-webkit-transition: all 0.3s ; transition: all 0.3s;}
li.ftli-link:hover a span{-webkit-transform:translateX(5px);transform:translateX(5px);background:rgb(255 255 255 / 5%);color: #2bbaff;}
.ft-copy{width:var(--rf);position:relative;display:grid;grid-template-columns:1fr;text-align:center;justify-content:center;justify-items:center;align-items:center;}
.tx-ft{font-size:12px;font-weight:300;line-height:1.3;padding:15px;margin:0 auto;color:#fff;display:inline;}
.tx-ft a:link,.tx-ft a:visited,.tx-ft a:active{font-size:14px;font-weight:600;line-height:1.3;text-transform:uppercase;color:#f2b504;}
.tx-ft a:hover{color:#fff;}
.ft-copy{width:var(--rf);position:relative;display:grid;grid-template-columns:1fr;padding:10px 10vw;background:#6c757d;}
.tx-ft{font-size:12px;font-size:calc(10px + .5vw);font-weight:300;line-height:1.1;color:var(--white1);} .mobile-menu{position:relative;display: grid;}
.side-box{left:0;top:-200%;width:100vw;height:100vh;padding:0 5vw;box-sizing:border-box;box-shadow:0px 0px 20px rgb(0 0 0 / 3%);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity: 0;background:rgb(0 0 0 / 90%);}
.side-box-in{position:relative;display: grid;width:100%;height:100%;background:var(--black1);text-align:center;padding:60px 0 20px;overflow-x:auto;}
#toggle{position:relative;appearance:none;cursor:pointer;left:-1000px;top:0;}
#toggle + label{z-index:9999;display:block;cursor:pointer;padding:0;margin:0;color:var(--white-fa);line-height:1em;font-size:1em;text-align:center;-webkit-font-smoothing:antialiased;background:transparent;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#toggle + label:after{content:"☰";padding:5px 10px;margin-left:0;background:var(--white) !important;border-radius:6px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
#toggle + label:hover:after{color:var(--white1) !important;background:#000000 !important;}
.container{transition:margin 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94);padding:0 1%;}
#toggle:checked ~ .side-box{top:0;opacity:1;}
#toggle:checked + label{position:fixed;right:1em;top:1em;}
#toggle:checked + label:after{content:"X";color:#fff !important;}
.side-btn{background:transparent;}
.side-btn:hover{opacity:0.8;}
.menu-side{width:100%;display: grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:5px;align-content:start;}
.quick-menu-box{-webkit-transition: all 0.5s ; transition: all 0.5s;
width:100%;height:80vh;overflow:auto;display:flex;display: -webkit-flex;-webkit-align-items:start;align-items:start;align-content:start;
-webkit-justify-content:center;justify-content:center;flex-direction:row;flex-wrap:wrap;padding-top:0;}
.sub-list{width:100%;position:relative;padding:10px 0;margin:0 auto;display:flex;display:-webkit-flex;-webkit-justify-content:center;justify-content:center;justify-items:center;align-items:center;justify-items:center;flex-wrap:wrap;}
.sub-list li{width:100%;position:relative;display:grid;grid-template-columns:1fr;align-content:start;}
.sub-list li a:link,.sub-list li a:visited,.sub-list li a:active{width:100%;font-size:14px;font-weight:400;line-height:1.3;padding:3px;margin:0 auto 2px;color:var(--white1)  !important;text-align: left; background:transparent;}
.sub-list li a:hover{color:#000000 !important;text-shadow:0 0 2px #fff;background:var(--white1);}
.pagination {
display: block!important;
}
.pagination {
clear: both;
padding: 10px 0;
position: relative;
font-size: 11px;
line-height: 13px;
margin: auto;
text-align: center;
}
.pagination span, .pagination a {
display: inline-block;
margin: 2px 5px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #000;
background: #fcba01;
box-shadow: 0 0 5px #d0d0d0, 0 10px 15px #ffd319 inset;
text-shadow: 1px 1px #ffde55;
}
.pagination .current {
padding: 6px 9px 5px 9px;
background: #8b1115;
color: #fff;
box-shadow: 0 0 5px #d0d0d0, 0 10px 15px #a32228 inset;
text-shadow: -1px -1px #000;
}
.pagination span, .pagination a {
display: inline-block;
margin: 2px 5px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #000;
background: #fcba01;
box-shadow: 0 0 5px #d0d0d0, 0 10px 15px #ffd319 inset;
text-shadow: 1px 1px #ffde55;
}
.pagination span, .pagination a {
display: inline-block;
margin: 2px 5px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #000;
background: #fcba01;
box-shadow: 0 0 5px #d0d0d0, 0 10px 15px #ffd319 inset;
text-shadow: 1px 1px #ffde55;
} img{transition: opacity 4s ease-out;position: relative;z-index: 1;}
img.lazy{opacity: 0;height:0px !important;}
img.yall-loaded img.yall-error{opacity: 1;}
.message{visibility: hidden;opacity: 0;transition: opacity 2s ease-out;text-align: center;padding: 1rem .5rem;color: #fff;font-size: 1.5rem;margin: 1rem 0 0;}
.message.error{background: #f00;}
.message.notice {background: #00f;}
.message.visible{visibility: visible;opacity: 1;}
.no-js .lazy,.no-js .lazy-bg {display: none;} #button-top {
display: inline-block;
background-color:#f6f6f6;
width: 35px;
height: 35px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 100px;
right: 15px;
transition: background-color .3s,opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 990;
}
#button-top::after {
content: "▲";
font-size:.9em;
line-height: 35px;
color:#000000;
}
#button-top:hover {
cursor: pointer;
background-color: #333;
}
#button-top:active {
background-color: #555;
}
#button-top.show {
opacity: 1;
visibility: visible;
}
.widgets-list-layout li {
width: var(--rf);
grid-template-columns: 60px 1fr;
grid-gap: 6px;
background: var(--black1);
padding: 10px;
}
.widgets-list-layout-links a, .widgets-list-layout-links a:hover {
color: #fff;
font-size: 13px;
}
ul.widgets-list-layout.no-grav {
width: var(--red1);
display: grid;
grid-template-columns: 1fr;
padding: 5px;
max-height: 600px;
overflow: hidden;
}
ul.widgets-list-layout.no-grav li a, ul.widgets-list-layout.no-grav li a:hover {
color: #fff !important;
font-weight: bold;
}
h2.widget-title {
width: 100%;
width: calc(100% + 10px);
margin: 7px auto 4px -5px;
padding: 10px 15px;
font-size: 20px;
font-weight: 600;
line-height: 1;
color: var(--white1);
background: #000000;
background: linear-gradient(-3deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 38%, rgba(255,255,255,0.3) 39%, rgba(255,255,255,0.1) 74%, rgba(255,255,255,0) 100%);
}
.widgets-list-layout li {
margin-bottom: 3px !important;
} @media only screen and (max-width:1600px){
}
@media (max-width:1280px){
.movie-main-box{grid-template-columns:1fr 1fr 1fr;}	
}
@media (max-width:1080px){
.movie-card{height:400px}
.mcover img{height:400px}
.area2{grid-template-columns:1fr;}
}
@media (max-width:960px){
.nmv-card{width:200px;}
.movie-card{height:340px}
.mcover img{height:340px}
}
@media (max-width:820px){
.head-r1{justify-content:center;}	
.hr1-right{display:none;}	
.hin-r1{padding:2em 2em 1em;}
.footer-link{grid-template-columns:1fr;}
.mod-ct,.cate-list{max-height:600px}
.movie-card{height:360px}
.mcover img{height:360px}
.cate-list ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;}
.menu-side{grid-template-columns:1fr 1fr;}
.quick-menu-box{height:auto;}	
}
@media (max-width:680px){
.hin-r2{background:transparent;box-shadow:none;}
.navmenu nav{display:none;}
.navmenu a.m-top-logo{display:none;}
.hin-r1{padding: 5px 60px;}
.mobile-menu{top:20px;right:10px;width: auto;}
.m-top-logo{max-width:200px;}
.movie-card{height:300px}
.mcover img{height:300px}	
.list-episode{grid-template-columns:1fr;}
}
@media (max-width:560px){
.hin-r1{padding:30px;}
.footer-right{grid-template-columns:1fr;}
.cate-list ul{grid-template-columns:1fr;grid-gap:0;}
.movie-main-box{grid-template-columns:1fr 1fr;}	
.movie-card{height:300px}
.mcover img{height:300px}
}
@media (max-width:480px){
.movie-card{height:260px}
.mcover img{height:260px}
.menu-side{grid-template-columns:1fr;}
.side-box{height:100%;overflow:auto;}
#ads_1 iframe {margin-top: 100px; width: 100%;}
} :root{
--rf:100%;
--bg:#f6f6f6;
--sky:#000000;
--sky2:#12baff;
--white1:#fff;
--white2:#fafafa;
--black1:#000;
--black2:#1c1c1c;
--green1:#61be31;
--green2:#0d8d58;
--green3:#b2da3d;
--green4:#6dda00;
--gray1:#c4c4c4;
--red1:#e80505;
--gar-black1:linear-gradient(0deg, rgba(0,0,0,1) 26%, rgb(69 69 69) 65%, rgb(110 110 110) 92%, rgba(18,18,18,1) 100%);
--gar-white:linear-gradient(0deg, rgb(248 248 248) 0%, rgb(255 255 255) 16%, rgb(255 255 255) 60%, rgb(244 244 244) 94%, rgba(242,242,242,1) 100%);
--gar-white2:linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255) 50%, rgb(241 241 241) 100%);
--gar-white3:radial-gradient(circle, rgba(255,255,255,1) 0%, rgb(255 255 255) 55%, rgba(232,232,232,1) 100%);
--bgft:#59c8fd;
--bg-sky1:#000000;
--bg-sky2:#20cbfc;
--bg-dark1:#444;	
--bg-gray:#f8f8f8;
--tx-s:16px;
--tx-xl:1.6rem;
--tx-x:14px;
--tx-xx:1.2rem;
--tx-xxx:2.4rem;
--txlight:300;
--txbold:600;
--txfb:#1877f2;
--tx-ct:#444;
--maxcol:1200px;
}
*:focus {outline: none !important;}
*, *:before, *:after {box-sizing:border-box;margin:0 auto;padding:0;position:relative;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
html{min-width:300px;width:100%;}
details{z-index:11;position:absolute;right:0;bottom:0;-webkit-transition:all 0.5s;transition:all 0.5s;}
summary{z-index: 301;width:100% !important;padding:5px;-webkit-transition:all 0.5s;transition:all 0.5s;position:relative;display:grid !important;justify-content:end;align-items:center;outline:0;}
summary:after {content: "more";width:100%;max-width:200px;min-width:120px;text-align:center;color:#fff;padding:3px 10px;margin:0 auto;
font-family:arial;font-weight:400;text-shadow:0px 1px 4px rgba(0, 0, 0, 0.58);
font-size:.64rem;position:relative;border-radius:4px !important;cursor:pointer;border:1px solid #b10909;
-webkit-transition:all .2s;transition:all .2s;
background:rgb(167, 0, 0);
background:linear-gradient(0deg, rgb(122, 0, 0) 0%, rgb(217, 0, 0) 70%, rgb(234, 33, 33) 100%);}
summary:hover:after{color:#0d42b4 !important;text-shadow:1px 1px 0 #ffee99;border:1px solid #f6cf10;
background: rgb(255,200,0);
background: linear-gradient(0deg, rgb(255, 143, 12) 0%, #FFC107 56%, rgb(255, 224, 29) 100%);}
details[open] summary:after {content: "Close X";}
details[open]{position:relative !important;background:#fff;margin-top:-38px;}
p.tx-detail{padding:20px;font-size:0.64rem;color:#444;text-indent:45px;line-height:1.3;border-bottom:1px solid #eaeaea;}
div,section{width:var(--rf)} body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a,li,span
{font-size:1rem;margin:0;padding:0;border-width:0;}
body,div,li,button,span,label,p,a,input,detail,h1,h2,h3,h4,h5,h6,th,td,tr{font-family:'auto' !important;}
body{background-color:var(--bg) !important;}
span{display:inline;}
h1{font-size:2.9em;font-weight:inherit;}
h2{font-size:1.6em;font-weight:inherit;}
h3{font-size:1.3em;font-weight:inherit;}
h4{font-size:1.1em;font-weight:inherit;}
h5{font-size:1em;font-weight:inherit;}
h6{font-size:0.9em;font-weight:inherit;}
strong{font-weight:700;}
img{vertical-align:middle;border:none;}
a,img{border:none;outline:none;vertical-align:middle}
ul{list-style-type:none;}
nav ul{list-style-type: none;margin:0 auto;}
nav ul li {display:inline;margin:0;background:none;}
a:link,a:visited{color:#828282;text-decoration:none !important;-webkit-transition: all 0.3s ; transition: all 0.3s;}
a:hover{color:#000000 !important;}
a:active{color:#000;}
button{border:none;cursor: pointer;background:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
button:focus{outline: none;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #f0f0f0;}
::-webkit-scrollbar-thumb {background: #bd2130;border-radius:2px;}
::-webkit-scrollbar-thumb:hover {background: #444;}
::placeholder {color:#1d1d1d;opacity: .8;font-family:'Prompt', sans-serif;}
::-ms-input-placeholder {color:#1d1d1d}
::-ms-input-placeholder {color:#1d1d1d;}
::selected{color:#1d1d1d;text-align:center;}
.rf{width:100%;position:relative;display:flex;display:-webkit-flex;flex-wrap:wrap;}
.rf-flex{width:100%;position:relative;padding:0;margin:0;display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;justify-items:center;align-items:center;flex-wrap:nowrap;}
.ccc{justify-content:center;justify-items:center;align-content:center;align-items:center;}
.rw{width:100%;position:relative;display:grid;}
.rw-f{grid-template-columns:1fr}
.rw-c2{grid-template-columns:1fr 1fr;}
.rw-c3{grid-template-columns:1fr 1fr 1fr;}
.rw-c4{grid-template-columns:1fr 1fr 1fr 1fr;}
.rw-c5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.rw-c6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
.bg-bar1{background:url(//subthai.cc/wp-content/themes/subthai/images/bg-bar1.jpg)no-repeat center center;background-size:cover;} .fixbar{
-webkit-animation:fadedown .8s ease-in-out;
animation:fadedown .8s ease-in-out;}
@-webkit-keyframes fadedown{
from{-webkit-transform:translateY(-300px);}
100%{-webkit-transform:translateY(0px);}
}
@keyframes fadedown{
from{transform:translateY(-300px);}
100%{transform:translateY(0px);}
} .btn-1{width: auto;padding:5px .5rem;color:var(--white1);background:var(--tem8);border-radius:6px;font-size:.8rem;line-height: 1;font-weight:400;}
.btn-1:hover{color:var(--white1);background:var(--tem1);}
.btn-addline{width: auto;padding:.25rem .75rem;color:var(--white1);background:var(--bgline);border-radius:6px;font-size:1rem;line-height: 1;font-weight:400;border:1px solid var(--bgline);}
.btn-addline:hover{background:var(--bglineup);}
.btn-line{padding:.25rem .5rem;color:var(--white1);background:var(--bgline);border-radius:4px;font-size:.75rem;line-height: 1;font-weight:500;border:1px solid var(--bgline);}
.btn-line:hover{background:var(--bglineup);color:#1bc208;}
.btn-line2{padding:.5rem 1rem;color:var(--white1);background:var(--bgline);border-radius:4px;font-size:1.2rem;line-height: 1;font-weight:500;border:1px solid var(--bgline);text-align:center;}
.btn-line2:hover{background:var(--bglineup);color:#1bc208;}
.btn-fb{width: auto;padding:.25rem .75rem;color:var(--white1);background:var(--bgfb);border-radius:6px;font-size:1rem;line-height: 1;font-weight:400;border:1px solid var(--bgfb);}
.btn-fb:hover{background:var(--bgfbup);}
.btn-close{position:absolute;top:0;right:0;}
.btn-close:after{content:"X";display:flex;justify-content:center;align-items:center;width:24px;height:24px;text-align:center;line-height:16px;font-size:14px;background:#000;color:#fff;}
.btn-topbar{width: auto;padding:.25rem .75rem;color:var(--white1);background:var(--tem1);border-radius:2rem;font-size:1.1rem;line-height: 1;font-weight:400;}
.btn-topbar:hover{background:var(--tem2);color:var(--tem1);}
#ads_ a img {
width: 728px;
height: auto;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url(//subthai.cc/wp-content/themes/subthai/images/close-btn.svg) center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: .5;
} .fixspot-left{z-index:801;height:100vh;max-width:160px;position:fixed;left:0;top:50%;display:grid;align-items:center;overflow:hidden;transform: translateY(-50%);}
.fixspot-right{z-index:802;height:100vh;max-width:160px;position:fixed;right:0;top:50%;display:grid;align-items:center;overflow:hidden;transform: translateY(-50%);}
.fixspot-left img,.fixspot-right img{width:100%;max-width:100%;display:grid;object-position: center;object-fit:scale-down;}
.fixspot-bottom{z-index:803;width:100vw;max-height:90px;max-width:728px;position:fixed;left:50%;bottom:0;display:grid;justify-items:center;overflow:hidden;transform: translateX(-50%);}
.fixspot-bottom img{width:100%;max-width:100%;display:grid;object-position:top;object-fit:scale-down;}
.fixspot-in{display:block;width:100%;}
.fixspot-left,.fixspot-right,.fixspot-bottom{display:grid !important;} .banner-container {
display: flex;
flex-wrap: wrap; justify-content: center; align-items: center; gap: 3px; margin: 20px auto; max-width: 1200px; padding: 0 15px; }
.banner-container .banner {
flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); height: auto; }
.banner-container img {
width: 100%; height: auto; display: block; } @media (max-width: 768px) {
.banner-container {
max-width: 100%; padding: 0 10px; }
.banner-container .banner {
flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);
}
} .icon-cards {
position: relative;
width: 60vw;
height: 40vw;
max-width: 380px;
max-height: 250px;
margin: 0 auto;
color: white;
perspective: 1000px;
transform-origin: center;
}
.icon-cards__content {
position: absolute;
width: 100%;
height: 100%;
transform-origin: center;
transform-style: preserve-3d;
transform: translateZ(-30vw) rotateY(0);
animation: carousel 20s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.icon-cards__content.step-animation {
animation: carousel 20s infinite steps(1) forwards;
}
.icon-cards__item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 60vw;
height: 40vw;
max-width: 380px;
max-height: 250px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 6px;
transform-origin: center;
}
.icon-cards__item:nth-child(1) {
background: #FDD94F;
transform: rotateY(0) translateZ(35vw);
}
.icon-cards__item:nth-child(2) {
background: #F87949;
transform: rotateY(120deg) translateZ(35vw);
}
.icon-cards__item:nth-child(3) {
background: #FBAB48;
transform: rotateY(240deg) translateZ(35vw);
}
@keyframes carousel {
0%, 17.5% {
transform: translateZ(-35vw) rotateY(0);
}
27.5%, 45% {
transform: translateZ(-35vw) rotateY(-120deg);
}
55%, 72.5% {
transform: translateZ(-35vw) rotateY(-240deg);
}
82.5%, 100% {
transform: translateZ(-35vw) rotateY(-360deg);
}
}