﻿
/* 
    1.320
　　2.480
　　3.760
　　4.960
　　5.1200
　　6.1600
*/
@media (min-width: 1200px) {
    .nav-link { padding: 0 15px; }
    .m-t-70 { margin-top: 0; }

    .v-top-bar-text{
        display:block; font-size:40px; font-weight:600; color:#fff;line-height:44px;
    }
    .v-top-bar-pos{
        position:absolute;top:20px;left:0; padding-left:40px; padding-top:20px;
    }
    .v-top-pos-qq { display:block; }
    .ep_btn {
        background-color: #CC3333;
        color: #fff;
        display: block;
        padding: 13px 30px;
        border-radius: 8px;
        text-align: center;
        font-size: 16px;
        position: absolute;
        top: 10px;
        right: 20px;
    }




    .ad_0408 {
        display: flex;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 20px 20px;
    }

    .ad_0408_btn_01 {
        background-color: #221f43;
        color: #fff;
        padding: 15px 40px;
        font-size: 18px
    }

    .ad_0408_text_01 {
        margin-top: 10px;
        color: #000;
        font-size: 22px;
        text-align: center
    }

    .ad_0408_btn_02 {
        background-color: #336593;
        color: #fff;
        padding: 15px 80px;
        font-size: 18px
    }
}

@media (max-width: 1025px) {
    .site-logo p {
        display: none;
    }

    .site-menu {
        width: 90%;
    }

    .site-search {
        position: absolute;
        right: 0;
    }

    .widget-text {
    }

    .head-link {
        display: none;
    }

    .nav-link {
        padding: 0 12px;
    }
    .v-top-bar { padding-bottom: 25%; }
    .v-top-bar .v-title span.tagline { display: block; }
    .v-top-bar-text{
        display:block; font-size:40px; font-weight:600; color:#fff;line-height:44px;
    }

    .recommend-box .item-widget{ height:200px; }
    .recommend-box .item-widget img{ height:100%; }

    .v-box-list .item-widget { height:200px; }
    .v-box-list .item-widget img { height:100%; }
    .item-widget { height:230px; }
    .item-widget img { height:100%; }

     .v-top-bar-pos{
        position:absolute;top:20px;left:0; padding-left:40px; padding-top:20px;
    }
    .v-top-pos-qq { display:block; }
    .ep_btn {
        background-color: #CC3333;
        color: #fff;
        display: block;
        padding: 13px 30px;
        border-radius: 8px;
        text-align: center;
        font-size: 16px;
        position: absolute;
        top: 10px;
        right: 20px;
    }
    .m-t-70 { margin-top: 0; }
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
    .layout-left{
        width:auto;
    }
    .site-menu {
        width: 90%;
    }

    .site-search {
        position: absolute;
        right: 0;
    }

    .widget-text {
        width: 210px;
    }

    .bar-box {
        height: 315px;
    }
    .bar-item img {
        height: 315px;
    }
    .site-menu { width: 90%; }
    .head-link { width: 0; display: none; }
    .search-tool { right:0; }
    .bar-title { font-size: 26px; }
    .bar-desc { padding: 0; display:none; }
    .bar-link { margin-top: 40px; padding: 13px 20px; }

    .result-item-detail .watch-btn { width: 220px;}

    .v-left-box { margin-top: -77px; }
    .v-box-list .item-widget { height:270px; }
    .v-box-list .item-widget img { height:100%; }

    .item-thumb { width: 25%; }
    .item-widget { height:270px; }
    .item-widget img { height:100%; }

    .top-trailer { margin-left:0; }
    .top-trailer-item-widget { height: 165px; }
    .top-trailer-item-widget img { height: 165px; }

    .v-box-list .item-thumb { width: 25%; }

    .v-watch-btn { padding:15px 0; }
    .v-watch-btn .now { font-size: 12px; padding:12px 0; border-radius: 5px; }
    .v-watch-btn .source { font-size: 12px; padding:12px 0; border-radius: 5px; }
    .v-watch-btn .buy { font-size: 12px; padding:12px 0; border-radius: 5px; }

    .v-top-bar { padding-bottom: 32%; }
    .v-top-bar .v-title span.tagline { display: block; }
    .v-top-bar-text { font-size: 22px; line-height:1.5; }
    .v-top-bar-pos {
        position: absolute;
        top: 20px;
        left: 0;
        padding-left: 40px;
        padding-top: 0;
    }
    .v-top-pos-qq { display:none; }

    .v-detail-desc .rating { font-size:14px;}
    .v-detail-xps-desc a { font-size: 14px; border-radius: 8px; width: 200px; }
    .v-detail-xps-desc h3 { font-size: 24px; }
    .v-detail-xps img { height: 230px; }

    .v-detail-box-show .video-list li { height:70px; }
    #ad_0901 { font-size: 12px !important; }
    .v-cast-thumb { width:100%; margin-bottom:10px; }

    .v-detail-box-show .recommend { height: 250px; }
    .recommend-box .item-thumb { width: 136px; }
    .recommend-box .item-widget { height: 148px; }
    .recommend-box .item-widget img { height: 100%; }

    .ep_btn{
        padding: 8px 13px;
        border-radius: 8px;
        text-align: center;
        font-size: 14px;
    }

    .m-t-70 { margin-top: 75px; }





    .ad_0408 {
        display: flex;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 20px 20px;
    }

    .ad_0408_btn_01 {
        background-color: #221f43;
        color: #fff;
        padding: 15px 25px;
        font-size: 16px
    }

    .ad_0408_text_01 {
        margin-top: 20px;
        color: #000;
        font-size: 18px;
        text-align: center
    }

    .ad_0408_btn_02 {
        background-color: #336593;
        color: #fff;
        padding: 15px 40px;
        font-size: 16px
    }

    .ad_0408_btn_01:focus {
        color: #fff;
    }

    .ad_0408_btn_02:focus {
        color: #fff;
    }


    .v-detail-xps-2-desc .w-btn {
        width: 220px;
    }

    .v-detail-xps-2-desc h3 {
        font-size: 20px;
    }

    .v-detail-xps-2 img {
        max-width: 100%;
        height: 250px;
    }
}
