﻿:root{
--red:#f84443;
}

.rt-red{background-color:var(--red)}
.padding{padding:40px 0}



.embed-sec .v-mini{width:300px;margin:10px;background-color:rgba(255, 255, 255, 0.05)}
.embed-sec .v-mini:hover{background-color:rgba(255, 255, 255, 0.1)}
.embed-sec .v-mini:hover .inside .title{color:#fff}
.embed-sec .v-mini img{width:100%;float:right;height:150px}
.embed-sec .v-mini .inside{padding:10px}
.embed-sec .v-mini .inside .title{width:calc(100% - 70px);padding:5px;color:#ddd}
.embed-sec .v-mini .inside .imdb i{color:#eec100}
.embed-sec .v-mini .inside .imdb span{padding:8px 0 0 10px}


.vip-series .enteryx .item{width:calc(14.28% - 20px);margin:10px;background-color:#111}
.vip-series .enteryx .item.active{width:calc(28.57% - 20px)}
.vip-series .enteryx .item img{width:100%;float:right;height:400px;opacity:.8}
.vip-series .enteryx .item.active img{opacity:1}
.vip-series .enteryx .item .title{bottom:30px;right:30px;padding:10px 20px;backdrop-filter:blur(15px);background-color:rgba(255, 255, 255, 0.2);opacity:0;float:right;max-width:calc(100% - 60px)}
.vip-series .enteryx .item.active .title{opacity:1}




.top-bests{transform:translateY(-70px);padding-bottom:30px}
.top-bests .inside .item{width:calc(20% - 20px);margin:10px}
.top-bests .inside .item img{transition-duration:.7s;height:170px}
.top-bests .inside .item .inline{transition-duration:.7s;opacity:0;visibility:hidden;transform:scale(.8);backdrop-filter:blur(10px);background-color:rgba(255, 255, 255, 0.1);width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;top:15px;right:15px}
.top-bests .inside .item .inline .symb{padding:5px 12px;background-color:#45A1FF;left:15px;bottom:15px}
.top-bests .inside .item .inline .icon{opacity:0;visibility:hidden;transform:scale(0);width:35px;height:35px;right:15px;bottom:15px}
.top-bests .inside .item .inline .desc{line-height:1.85;height:48px;margin:8px 0;text-align:justify}
.top-bests .inside .item:hover img{opacity:.2}
.top-bests .inside .item:hover .inline{opacity:1;visibility:visible;transform:scale(1)}





.tripleitems .entery .item{background-color:rgba(255, 255, 255, 0.03);width:calc(33.33% - 20px);margin:10px}
.tripleitems .entery .item .pic{width:50px;height:70px}
.tripleitems .entery .item .icon{background-color:rgba(255, 255, 255, 0.07);width:40px;height:40px;margin:15px 10px}
.tripleitems .entery .item .inside{width:calc(100% - 130px);margin-right:15px}
.tripleitems .entery .item .inside .title{margin:12px 0 8px}
.tripleitems .entery .item .inside .cat-p a{color:#ddd;display:inline-block;padding:1px 5px;position:relative;z-index:101}
.tripleitems .entery .item .inside .cat-p a:first-child{padding-right:0}
.tripleitems .entery .item:hover{background-color:rgba(255, 255, 255, 0.07)}





@media only screen and (max-width:920px){
.tripleitems .entery .item{width:280px;margin:10px 7.5px 0}
.tripleitems .entery .item .icon{width:30px;height:30px;font-size:15px;margin:19px 10px}
.tripleitems .entery .item .inside{margin-right:12px;width:calc(100% - 125px)}
.tripleitems .entery .item .inside .title{font-size:13px}

	
.top-bests{transform:translateY(0)}
.top-bests .inside .item{width:170px;margin:10px 0 0 15px}
.top-bests .inside .item img{height:100px;}
.top-bests .inside .item .inline{width:calc(100% - 16px);height:calc(100% - 16px);padding:10px;top:8px;right:8px}
.top-bests .inside .item .inline .icon{height:29px;width:29px;font-size:15px;right:10px;bottom:10px}
.top-bests .inside .item .inline .symb{font-size:11px;left:10px;bottom:10px}

.embed-sec .v-mini{flex:0 0 auto;width:250px;margin:7px 10px}
.embed-sec .v-mini img{height:100px}


.vip-series .enteryx .item{width:100px;margin:0 0 0 15px}
.vip-series .enteryx .item.active{width:170px}
.vip-series .enteryx .item img{height:300px}

.vip-series .enteryx .item .title{bottom:15px;right:15px;padding:5px 10px;max-width:calc(100% - 30px);font-size:13px}

.is-banner{display:none}

.padding{padding:30px 0}
main{margin-bottom:95px}
}