@charset "UTF-8";
/*base*/
html{
/*    background: url(http://placeimg.com/640/480/people) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body{
    width: 100%;
    height: auto;
}

header .gnav ul li.color a{
    color: #e96656;
    font-weight: bold;
}

.wrapper{
    width: 960px;
    height: auto;
    margin: auto;
    margin-bottom: 150px;
    padding-top: 200px;
}
.wrapper .movie{
    width: 700px;
    background-color: #ddd;
    margin: auto;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.wrapper .movie iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.wrapper .info{
    width: 700px;
    height: auto;
    margin: auto;
}
.wrapper p.title{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.wrapper .info p.next{
    float: left;
}
.wrapper .info p.before{
    float: right;
}

@media screen and (max-width: 980px){
    .wrapper{
        width: 90%;
        }
    .warapper .movie{
        width: 100%;
        height: auto;
    }
    .wrapper .info{
        width: 100%;
        height: auto;
    }
}