#bat_tat_nhac:hover{
    opacity: 1;
    cursor: pointer;
}
.tat_nhac{
    background: url("../img/tat-nhac.png") no-repeat center center;
    background-size: 100%;

}

.bat_nhac{
    background: url("../img/mo-nhac.png") no-repeat center center;
    background-size: 100%;
}

.move_binh_chon{
    color: #fff;
    background: #4491d6;
}
.move_binh_chon p{
    text-align: center;
    line-height: 30px;
}
.move_binh_chon:hover{
    background: #d64026;
    cursor: pointer;
}


/*COMPUTER*/
@media all and (min-width: 599px){
    #footer{
        width: 100%;
        height: 200px;
        background: #3b7db9;
        margin-top: 50px;
        box-shadow: 0px 0px 2px;
        -moz-box-shadow: 0px 0px 2px;
        -webkit-box-shadow: 0px 0px 2px;
        -o-box-shadow: 0px 0px 2px;
        -ms-box-shadow: 0px 0px 2px;

    }
    #bat_tat_nhac{
        position: fixed;
        top: 150px;
        left:10px;
        height: 40px;
        width: 40px;
        opacity: 0.5;
        z-index: 9999;
    }
    .move_binh_chon{
        position: fixed;
        top: 80px;
        left:10px;
        height: 40px;
        width: auto;
        padding: 0 5px;
        z-index: 9999;
    }

}





/*MOBILE*/
@media all and (max-width: 599px){

    #footer{
        width: 100%;
        height: 60px;
        /* background: #3b7db9; */
        margin-top: 63px;
        box-shadow: 0px 0px 2px;
        -moz-box-shadow: 0px 0px 2px;
        -webkit-box-shadow: 0px 0px 2px;
        -o-box-shadow: 0px 0px 2px;
        -ms-box-shadow: 0px 0px 2px;
    }
    #bat_tat_nhac{
        position: fixed;
        bottom: 50px;
        right: 10px;
        height: 40px;
        width: 40px;
        opacity: 0.5;
        z-index: 9999;
    }



}