.contain {
    MARGIN: 0 auto;
    WIDTH: 950px
}

.center {
    TEXT-ALIGN: center
}

A IMG {
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}

H4 {
    FONT-SIZE: 1px;
    FLOAT: left;
    MARGIN: 0;
}


#menu {
    BACKGROUND: url(../img/menubg.gif) repeat-x;
    HEIGHT: 29px;
    float: right;
    width: calc(100% - 120px);
    margin-top: 10px;
}

#menu LI {
    FLOAT: left;
    MARGIN-LEFT: 10px;
    LIST-STYLE-TYPE: none
}


#menu LI A {
    COLOR: #fff;
    LINE-HEIGHT: 29px;
    TEXT-DECORATION: none
}

.play-list-box {
    width: 98%;
    padding: 0 0 15px 0;
    margin-top: 12px;
    overflow: hidden
}

.play-list-box h2 {
    margin-top: 4px;
    width: 100%;
    height: 35px;
    font-size: 15px;
    padding-left: 15px;
    color: #f30606;
    font-weight: bold;
    overflow: hidden
}

.play-list-box h2 span {
    margin-top: 14px
}

.play-list-box ul {
    width: 100%;
    margin-top: 4px;
    margin-left: 10px;
    height: auto;
    overflow: hidden
}

.play-list-box ul li {
    float: left;
    width: 174px;
    height: 30px;
    margin: 5px 8px 0 0;
    border: 1px solid #e0e0e0;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
    background-color: #f5f5f5;
    font-size: 14px
}

.play-list-box ul li a {
    display: block;
    width: 174px;
    height: 30px;
    color: #333
}

.play-list-box ul li a:visited {
    color: #666
}

.play-list-box ul li a:hover {
    color: #fff;
    text-decoration: none;
    border-color: #ffa56a;
    background: #ffa56a
}

.down-list-box {
    border-top: darkgray dotted 1px;
    margin-top: 8px;
    padding-top: 12px
}

@media screen and (max-width:768px) {
    #menu .contain {
        overflow-x: auto;
    }

    #menu .contain ul {
        white-space: nowrap;
    }

    #menu .contain ul li {
        float: none;
    }
}