body {
    position: relative;
    margin: 0 0 0;
    width: 100%;
    height: 100%;
    background: url(../../images/DAFOE/DAFOE_Home.jpg) no-repeat;
    background-position:center center;
}

.active{
    color:red !important;
}

.bottom-footer{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    color:#fff;
}

    .bottom-footer .footer-line{
        width:100%;
        line-height:20px;
        height:20px;
        font-size:10px;
        text-align:center;
    }

    .menu-box {
        font-family: "Courier New", Courier, Monaco;
        position: absolute;
        width: 200px;
        height: 300px;
        top: 50%;
        left: 50%;
        margin-top: -150px;
        margin-left: -100px;
        z-index: 10;
        color: #fff;
    }

        .menu-box .icon{
            width:80%;
            margin-bottom:50px;
        }
            .menu-box .icon img{
                width:80%;
                margin-bottom:10px;
            }

        .menu-box .icon .time{
            width: 100%;
            font-size:10px;
        }

            .menu-box .menu-btn-box {
                position: relative;
                width: 100%;
                font-size: 16px;
            }
            .menu-box .menu-btn-box .block {
                width: 100%;
                height: 35px;
                line-height: 35px;
            }
                .menu-box .menu-btn-box .block:active, .menu-box .menu-btn-box .block:hover {
                    color: red;
                    cursor:pointer;
                }

/*.menu-box .menu-btn-box .list{
    width: 100px;
    position: absolute;
    left: 100%;
    top: 0px;
    display: none;
}*/
     .menu-box .menu-btn-box .list {
          width: 100%;
          font-size:10px;
          display:none;
     }

            .menu-box .menu-btn-box .list .line {
                width: 100%;
                height: 25px;
                line-height: 25px;
            }
                .menu-box .menu-btn-box .list .line:hover, .menu-box .menu-btn-box .list .line:active {
                    color: red;
                    cursor: pointer;
                }

                @media screen and (max-width:900px)
                {
                    body {
                        position: relative;
                        margin: 0 0 0;
                        width: 100%;
                        height: 100%;
                        background: url(../../images/DAFOE/DAFOE_Home_s.jpg) no-repeat;
                        background-position: center center;
                        background-color:#000;
                    }
                }