/*
pc
*/

html,
body {
    background: #fff;
}

/*bottom*/

.w910 {
    background: #fff;
    color: #000;
    width: 100%;
}

/*left*/

#video-player {
    position: relative;
    width: 65%;
    height: 450px;
    overflow: hidden;
    /*    padding-bottom: 36.508333%;*/
    /*56.166%*0.65*/
}

#video-player iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

/*right*/

.playlist-container {
    background: #1a1a1a;
    position: relative;
    width: 35%;
    height: 400px;
    /*    height: 0 !important;*/
    /*    padding-bottom: 36.508333%;*/
    float: left;
    overflow: auto;
}

.vjs-playlist {
    position: absolute;
}

/*
讓ｪ蜷代″繧ｹ繝槭�&繧ｿ繝悶Ξ繝�ヨ
*/

@media screen and (max-width: 909px) {

    /*left*/
    #video-player {
        position: relative;
        width: 65%;
        height: 65%;
        padding-bottom: 36.51%;
    }
    /*right*/
    .playlist-container {
        float: none;
        width: 35%;
        height: 0 !important;
        padding-bottom: 36.51%;

    }
    .vjs-playlist {
        position: relative;
        min-width: auto !important;
    }

}


/*
phone
*/

@media screen and (max-width: 600px) {

    /*bottom*/
    .w910 {
        width: 100%;
    }
    /*left*/
    #video-player {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.166%;
    }
    /*right*/
    .playlist-container {
        float: none;
        width: 100%;
        height: auto !important;
        padding-bottom: 0;
        border-bottom: 2px solid #7F7F7F;

    }
    .vjs-playlist {
        position: relative;
    }

}