*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#0a0e1c;color:#e2e8f0;line-height:1.6}body{background:#0a0e1c;min-height:100vh}a{color:#3b82f6;text-decoration:none;transition:all .3s ease}a:hover{color:#60a5fa}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.row{display:flex;flex-wrap:wrap;margin:0 -10px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;min-height:1px;padding:0 10px}.col-1{width:8.333333%}.col-2{width:16.666667%}.col-3{width:25%}.col-4{width:20%}.col-5{width:20%}.col-6{width:50%}.col-7{width:58.333333%}.col-8{width:66.666667%}.col-9{width:75%}.col-10{width:83.333333%}.col-11{width:91.666667%}.col-12{width:100%}.col-lg-wide-2{width:20%}.col-lg-wide-8{width:80%}@media (max-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.666667%}.col-md-10{width:83.333333%}.col-md-9{width:75%}.col-md-8{width:66.666667%}.col-md-7{width:58.333333%}.col-md-6{width:50%}.col-md-5{width:20%}.col-md-4{width:25%}.col-md-3{width:33.333333%}.col-md-2{width:16.666667%}.col-md-1{width:8.333333%}}@media (max-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.666667%}.col-sm-10{width:83.333333%}.col-sm-9{width:75%}.col-sm-8{width:66.666667%}.col-sm-7{width:58.333333%}.col-sm-6{width:50%}.col-sm-5{width:20%}.col-sm-4{width:25%}.col-sm-3{width:33.333333%}.col-sm-2{width:16.666667%}.col-sm-1{width:8.333333%}}@media (max-width:480px){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.666667%}.col-xs-10{width:83.333333%}.col-xs-9{width:75%}.col-xs-8{width:66.666667%}.col-xs-7{width:58.333333%}.col-xs-6{width:50%}.col-xs-5{width:20%}.col-xs-4{width:25%}.col-xs-3{width:33.333333%}.col-xs-2{width:16.666667%}.col-xs-1{width:8.333333%}.col-lg-wide-2,.col-lg-wide-8{width:100%}}.pull-left{float:left}.pull-right{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden-xs{display:block}.hidden-sm{display:block}.hidden-md{display:block}.hidden-lg{display:block}@media (max-width:480px){.hidden-xs{display:none}}@media (max-width:768px){.hidden-sm{display:none}}@media (max-width:992px){.hidden-md{display:none}}@media (min-width:992px){.hidden-lg{display:none}}.visible-xs{display:none}@media (max-width:480px){.visible-xs{display:block}}.visible-lg{display:none}@media (min-width:992px){.visible-lg{display:block}}.text-muted{color:#64748b}.text-red{color:#ef4444}.text-blue{color:#3b82f6}.text-green{color:#10b981}.text-yellow{color:#f59e0b}.text-white{color:#fff}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.margin-0{margin:0}.margin-t-5{margin-top:5px}.margin-t-10{margin-top:10px}.margin-t-15{margin-top:15px}.margin-t-20{margin-top:20px}.margin-b-5{margin-bottom:5px}.margin-b-10{margin-bottom:10px}.margin-b-15{margin-bottom:15px}.margin-b-20{margin-bottom:20px}.margin-r-5{margin-right:5px}.margin-r-10{margin-right:10px}.margin-r-15{margin-right:15px}.margin-l-5{margin-left:5px}.margin-l-10{margin-left:10px}.margin-l-15{margin-left:15px}.padding-0{padding:0}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-t-5{padding-top:5px}.padding-t-10{padding-top:10px}.padding-t-15{padding-top:15px}.padding-t-20{padding-top:20px}.padding-b-5{padding-bottom:5px}.padding-b-10{padding-bottom:10px}.padding-b-15{padding-bottom:15px}.padding-b-20{padding-bottom:20px}.clearfix::after{content:"";display:block;clear:both}.col-pd{padding:15px}
.stui-header{background:#1e293b;box-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:100}
.stui-header__inner{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 15px}
.stui-header__logo{font-size:20px;font-weight:700;color:#fff;text-decoration:none}
.stui-nav{display:flex;align-items:center}
.stui-nav li{margin-left:20px}
.stui-nav li a{color:#94a3b8;font-size:14px;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease}
.stui-nav li a:hover,.stui-nav li a.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}


.stui-search{position:relative}
.stui-search input{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 40px 8px 15px;color:#fff;width:200px;font-size:14px;transition:all .3s ease}
.stui-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.stui-search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;font-size:16px;cursor:pointer;padding:5px}
.stui-search button:hover{color:#3b82f6}
.stui-header__user a{color:#64748b;text-decoration:none;padding:5px 10px}
.stui-header__user a:hover{color:#3b82f6}
.stui-pannel{margin-bottom:15px;background:#1e293b;border-radius:8px;overflow:hidden}
.stui-pannel__head{background:#0f172a;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}
.stui-pannel__head h3{font-size:16px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center}
.stui-pannel__head h3::before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);margin-right:10px;border-radius:2px}
.stui-pannel__head a{color:#64748b;font-size:14px;text-decoration:none}
.stui-pannel__head a:hover{color:#3b82f6}
.stui-pannel_bd{padding:15px}
.stui-pannel-side{padding-left:0}
.stui-vodlist{display:flex;flex-wrap:wrap;margin:0 -10px}
.stui-vodlist li{flex:0 0 20%;max-width:20%;padding:0 10px;margin-bottom:20px}
.stui-vodlist__thumb{position:relative;width:100%;display:block;overflow:hidden;border-radius:8px;background:#0f172a;aspect-ratio:16/9}
.stui-vodlist__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.stui-vodlist__thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(59,130,246,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;transition:all .3s ease}
.stui-vodlist__thumb:hover .play{opacity:1}
.stui-vodlist__thumb .pic-text{position:absolute;bottom:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:5px 10px;font-size:12px;border-radius:0 8px 0 0}
.stui-vodlist__detail{padding:10px 0}
.stui-vodlist__detail h4{font-size:14px;font-weight:500;color:#fff;margin:0 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stui-vodlist__detail h4 a{color:#fff;text-decoration:none}
.stui-vodlist__detail h4 a:hover{color:#3b82f6}
.stui-vodlist__detail .text{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stui-vodlist__text li{padding:8px 0;border-bottom:1px solid #334155}
.stui-vodlist__text li:last-child{border-bottom:none}
.stui-vodlist__text li a{color:#94a3b8;font-size:14px;text-decoration:none;display:flex;align-items:center;justify-content:space-between}
.stui-vodlist__text li a:hover{color:#3b82f6}
.stui-vodlist__text li .badge{display:inline-block;background:#334155;color:#94a3b8;font-size:12px;padding:2px 8px;border-radius:4px;margin-right:10px}
.stui-vodlist__text li .badge.badge-first{background:#ef4444;color:#fff}
.stui-vodlist__text li .badge.badge-second{background:#f59e0b;color:#fff}
.stui-vodlist__text li .badge.badge-third{background:#10b981;color:#fff}
.stui-vodlist__media{padding:10px}
.stui-vodlist__media li{display:flex;align-items:center;margin-bottom:12px;padding:8px;background:#0f172a;border-radius:6px;transition:all .3s ease}
.stui-vodlist__media li:hover{transform:translateX(5px);background:#1e293b}
.stui-vodlist__media li .thumb{flex-shrink:0;width:80px;height:50px;border-radius:4px;overflow:hidden}
.stui-vodlist__media li .thumb img{width:100%;height:100%;object-fit:cover}
.stui-vodlist__media li .detail{flex:1;padding-left:12px}
.stui-vodlist__media li .detail h4{font-size:14px;color:#fff;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stui-vodlist__media li .detail h4 a{color:#fff;text-decoration:none}
.stui-vodlist__media li .detail h4 a:hover{color:#3b82f6}
.stui-vodlist__media li .detail p{font-size:12px;color:#64748b;margin:0}
.stui-content{display:flex;flex-wrap:wrap}
.stui-content__thumb{width:400px;flex-shrink:0;max-width:100%}
.stui-content__thumb .stui-vodlist__thumb{aspect-ratio:3/4;border-radius:8px;overflow:hidden}
.stui-content__thumb .stui-vodlist__thumb img{width:100%;height:100%;object-fit:cover}
.stui-content__detail{flex:1;padding-left:30px}
.stui-content__detail h1{font-size:28px;color:#fff;margin:0 0 20px}
.stui-content__detail .data{font-size:16px;color:#64748b;margin:10px 0}
.stui-content__detail .data span{color:#94a3b8}
.stui-content__detail .desc{font-size:16px;color:#64748b;margin:20px 0;line-height:1.8}
@media (max-width:768px){
	.stui-content{flex-direction:column}
	.stui-content__thumb{width:100%;margin-bottom:20px}
	.stui-content__thumb .stui-vodlist__thumb{aspect-ratio:16/9}
	.stui-content__detail{padding-left:0}
	.stui-content__detail h1{font-size:22px}
}
.stui-content__playlist{display:flex;flex-wrap:wrap;margin:0 -5px}
.stui-content__playlist li{padding:5px}
.stui-content__playlist li a{display:block;padding:8px 15px;background:#0f172a;color:#94a3b8;text-decoration:none;border-radius:4px;font-size:13px;transition:all .3s ease}
.stui-content__playlist li a:hover{background:#3b82f6;color:#fff}
.stui-content__playlist li a.active{background:#3b82f6;color:#fff}
.stui-player{padding:15px 0}
.stui-player__video{margin-bottom:15px;padding-top:56.25%;position:relative;min-height:400px;width:100%}
.stui-player__video iframe,.stui-player__video video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;min-height:400px}
.stui-player__detail .more-btn{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}
.stui-player__detail .more-btn a{display:inline-block}
.stui-player__detail h1{font-size:20px;color:#fff;margin:0 0 10px}
.stui-player__detail .data{font-size:14px;color:#64748b;margin:5px 0}
.rating-section{margin-top:20px;padding:15px;background:#0f172a;border-radius:8px}
.star-rating{display:flex;align-items:center;margin-bottom:12px}
.star-title{font-size:14px;color:#64748b}
.stars{display:flex;align-items:center;gap:2px;margin:0 10px}
.stars i{font-size:18px;color:#334155;transition:all .3s ease}
.stars i.active{color:#f59e0b}
.stars i:hover{color:#fbbf24;transform:scale(1.1)}
.score-text{font-size:14px;color:#f59e0b;font-weight:600}
.up-down-btns{display:flex;align-items:center;gap:10px}
.up-down-btns .btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .3s ease}
.up-down-btns .btn:hover{transform:translateY(-2px)}
.up-down-btns .btn i{font-size:16px}
.up-down-btns .up-btn:hover{background:#10b981;color:#fff}
.up-down-btns .down-btn:hover{background:#ef4444;color:#fff}
.up-down-btns .like-btn:hover{background:#f59e0b;color:#fff}
.up-down-btns .btn:active{transform:translateY(0)}
.stui-screen__list{display:flex;flex-wrap:wrap;padding:10px 15px;gap:8px}
.stui-screen__list li{margin:0}
.stui-screen__list li a{display:inline-block;padding:6px 12px;background:#0f172a;color:#94a3b8;text-decoration:none;border-radius:4px;font-size:13px;transition:all .3s ease;white-space:nowrap}
.stui-screen__list li a:hover{background:#1e293b;color:#3b82f6}
.stui-screen__list li.active a{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}
.stui-screen__list li span.text-muted{display:inline-block;padding:6px 0;font-size:13px;color:#64748b}
.letter-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.letter-list::-webkit-scrollbar{height:4px}
.letter-list::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}
.letter-list::-webkit-scrollbar-track{background:#0f172a}
.nav{display:flex;list-style:none;margin:0;padding:0}
.nav li{margin-right:20px}
.nav li a{color:#64748b;text-decoration:none;font-size:14px;padding:8px 0;transition:all .3s ease}
.nav li a:hover,.nav li.active a{color:#3b82f6}
.nav-head{margin:0}
.nav-head li{margin-right:25px}
.nav-head li a{font-size:15px}
.top-line-dot{position:relative}
.top-line-dot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#334155}
.bottom-line{position:relative}
.bottom-line::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#334155}
.bottom-line-dot{position:relative}
.bottom-line-dot::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#334155,transparent)}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn{display:inline-block;padding:8px 20px;font-size:14px;font-weight:500;text-align:center;text-decoration:none;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none;outline:none}
.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}
.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}
.btn-default{background:#334155;color:#94a3b8}
.btn-default:hover{background:#475569;color:#fff}
.btn-min{padding:6px 15px;font-size:13px}
.stui-link{display:flex;flex-wrap:wrap;margin:0 -10px}
.stui-link a{padding:8px 15px;margin:5px;background:#0f172a;color:#64748b;text-decoration:none;border-radius:6px;font-size:14px;transition:all .3s ease}
.stui-link a:hover{background:#1e293b;color:#3b82f6;transform:translateY(-2px)}
.stui-link__text{padding:10px 15px}
.stui-link__text li a{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.stui-footer{background:#0f172a;padding:30px 0;margin-top:30px;border-top:1px solid #1e293b}
.stui-footer h2{font-size:24px;color:#fff;margin:0 0 10px;text-align:center}
.stui-footer p{color:#64748b;font-size:14px;margin:5px 0;text-align:center}
.stui-footer a{color:#64748b;text-decoration:none}
.stui-footer a:hover{color:#3b82f6}
.carousel{position:relative;overflow:hidden;border-radius:8px;width:100%;max-width:100%;margin:0 auto}
.carousel .col-xs-1{float:none;width:100%}
.carousel_default .stui-vodlist__thumb.banner{padding-top:40%;width:100%;max-width:100%}
.carousel_default .stui-vodlist__thumb.banner img{width:100%;height:100%;object-fit:cover}
.stui-pannel-box{height:100%}
.stui-pannel-bd{padding:0}
.split-line{margin:0 10px;color:#334155}
.badge{display:inline-block;background:#334155;color:#94a3b8;font-size:12px;padding:2px 8px;border-radius:4px;margin-right:8px}
.badge-radius{border-radius:12px}
.badge.badge-first{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}
.badge.badge-second{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}
.badge.badge-third{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.stui-pannel-bg{background:#1e293b}
.stui-vodlist__box{background:#0f172a;border-radius:8px;overflow:hidden;transition:all .3s ease}
.stui-vodlist__box:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}
.stui-vodlist__box .stui-vodlist__thumb{aspect-ratio:16/9}
.stui-vodlist__bg{background:#0f172a}
.stui-vodlist__detail.active{padding:12px 15px;background:rgba(255,255,255,.02)}
.detail-side{padding:10px 15px}
.w-thumb{width:100%;padding-top:56.25%;position:relative}
.w-thumb.stui-vodlist__thumb.active{border-radius:8px;overflow:hidden}
.detail-content{color:#94a3b8;font-size:14px;line-height:1.8}
.detail-content p{margin-bottom:15px}
.gbook-item{padding:15px;border-bottom:1px solid #334155}
.gbook-item:last-child{border-bottom:none}
.gbook-item .data{font-size:12px;color:#64748b;margin-bottom:5px}
.gbook-item .content{font-size:14px;color:#e2e8f0;margin-bottom:10px}
.gbook-item .reply{font-size:13px;color:#10b981}
.form-control{width:100%;padding:10px 15px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease}
.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}
.form-group{margin-bottom:15px}
.stui-page{display:flex;justify-content:center;flex-wrap:wrap;padding:20px 0}
.stui-page li{margin:0 5px}
.stui-page li a{display:inline-block;padding:8px 16px;background:#0f172a;color:#94a3b8;text-decoration:none;border-radius:6px;font-size:14px;transition:all .3s ease}
.stui-page li a:hover{background:#1e293b;color:#3b82f6}
.stui-page li.active a{background:#3b82f6;color:#fff}
.stui-page li span{display:inline-block;padding:8px 16px;color:#94a3b8;font-size:14px}
.hide{display:none}
.logo{background:url(/statics/img/logo.png) no-repeat center;background-size:contain;width:150px;height:40px;display:block}
.m-thumb{width:80px;height:50px;display:block;border-radius:6px;overflow:hidden}
.m-thumb img{width:100%;height:100%;object-fit:cover}
.score{display:flex;align-items:center;margin-top:5px}
.score .star{position:relative;width:60px;height:12px;background:#334155;border-radius:2px;overflow:hidden;margin-right:8px}
.score .star .star-cur{position:absolute;top:0;left:0;height:100%;background:#f59e0b;border-radius:2px}
.score .branch{font-size:12px;color:#f59e0b}
.play-btn{display:flex;align-items:center;gap:10px;margin-top:15px}
.type-slide{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.type-slide::-webkit-scrollbar{height:4px}
.type-slide::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}
.type-slide::-webkit-scrollbar-track{background:#0f172a}
.stui-header__menu{display:none}
.mobile-menu-btn{display:none}
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:1000;background:#0f172a;border-top:1px solid #334155;box-shadow:0 4px 15px rgba(0,0,0,.3);width:100%}
@media (max-width:992px){
	.stui-content__thumb{width:100%;margin-bottom:20px}
	.stui-content__detail{padding-left:0}
}
@media (max-width:768px){
	.stui-header__inner{padding:0 10px;height:50px}
	.stui-header__logo{font-size:18px}
	.stui-nav{display:none}
	.stui-header__menu{display:block;margin-right:15px}
.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;font-size:18px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(59,130,246,.4);border:2px solid rgba(255,255,255,.1)}
.mobile-menu-btn:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.6)}
.mobile-menu-btn.active{color:#fff;background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(0);box-shadow:0 2px 6px rgba(59,130,246,.4)}
	.mobile-nav{display:none;background:#0f172a;border-top:1px solid #334155;padding:15px 0;max-height:400px;overflow-y:auto}
	.mobile-nav.active{display:block}
	.mobile-nav .stui-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 15px;margin:0;list-style:none}
	.mobile-nav .stui-nav li{margin:0;flex:0 0 calc(50% - 4px)}
	.mobile-nav .stui-nav li a{display:block;padding:12px 8px;background:#1e293b;color:#94a3b8;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:all .3s ease;text-align:center;width:100%;border:1px solid #334155}
	.mobile-nav .stui-nav li a:hover,.mobile-nav .stui-nav li a.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.3)}
	.stui-search input{width:140px}
	.stui-vodlist{margin:0 -5px}
	.stui-vodlist li{flex:0 0 50%;max-width:50%;padding:0 5px;margin-bottom:10px}
	.stui-vodlist__text li{padding:6px 0}
	.stui-pannel__head{padding:12px 15px}
	.stui-pannel__head h3{font-size:14px}
	.stui-pannel_bd{padding:10px}
	.btn{padding:6px 15px;font-size:13px}
	.stui-content__detail h1{font-size:20px}
	.stui-player__detail h1{font-size:18px}
	.stui-player__video{padding-top:56.25%;min-height:300px;width:100%}
	.stui-player__video iframe,.stui-player__video video{min-height:300px}
	.stui-screen__list{padding:8px 12px}
	.stui-screen__list li{margin-right:10px;margin-bottom:6px}
	.stui-screen__list li a{padding:5px 10px;font-size:12px}
}
@media (max-width:480px){
	.container{padding:0 10px}
	.stui-header__inner{height:45px}
	.stui-header__logo{font-size:16px}
	.stui-search input{width:100px}
	.stui-search button{font-size:14px}
	.stui-vodlist{margin:0 -3px}
	.stui-vodlist li{flex:0 0 50%;max-width:50%;padding:0 3px;margin-bottom:8px}
	.stui-pannel{margin-bottom:10px;border-radius:6px}
	.stui-pannel__head{padding:10px 12px}
	.stui-pannel__head h3{font-size:13px}
	.stui-pannel__head h3::before{width:3px;height:16px}
	.stui-pannel_bd{padding:8px}
	.btn{padding:5px 12px;font-size:12px}
	.font-12{font-size:11px}
	.font-14{font-size:13px}
	.carousel_default .stui-vodlist__thumb.banner{padding-top:55%}
	.stui-vodlist__detail h4{font-size:13px}
	.stui-vodlist__detail .text{font-size:11px}
	.detail-content{font-size:13px}
	.rating-section{margin-top:15px}
	.star-rating{margin-bottom:10px}
	.star-title{font-size:13px}
	.stars{margin:0 8px}
	.stars i{font-size:16px}
	.score-text{font-size:13px}
	.up-down-btns{display:flex;flex-wrap:wrap;gap:8px}
	.up-down-btns .btn{padding:6px 12px;font-size:11px}
	.stui-vodlist__media li{flex-direction:column;text-align:center}
	.stui-vodlist__media li .thumb{width:100%;margin-bottom:8px}
	.stui-vodlist__media li .detail{padding-left:0}
	.stui-vodlist__media li .detail h4{font-size:12px}
	.mobile-nav .stui-nav{flex-direction:column;gap:5px}
	.mobile-nav .stui-nav li{flex:0 0 100%}
}