body{
    padding:0;
    margin:0;
}

.float_l{
    float:left;
}
.float_r{
    float:right;
}
.clearfix::after{
    clear: both;
    content: "";
    display: block;
}

.container{
    padding:.5%;
    width:90%;
    margin-left:10%;
    box-sizing: border-box;
}

.sidemenu{
    width: 10%;
    position: fixed;
    background: #fff;
    border-right: 1px solid #ccc;
    height: 100%;
    box-sizing: border-box;
}

.open{
    width:50% !important;
}

.open ul{
    display: block !important;
}

.sidemenu ul{
    margin:0;
    padding:0;
    display:none;
}

.sidemenu img{
    width:100%;
    display:block;
}

.sidemenu ul li{
    border-bottom:1px dotted #ddd;
    box-sizing: border-box;
}

.sidemenu ul li a{
    display:block;
    padding:5%;
    cursor: pointer;
    box-sizing: border-box;
}

@media screen and (min-width:1024px) {
    .container{
        width:85%;
        margin-left:15%;
    }

    .sidemenu{
        width:15%;
    }

    .sidemenu ul{
        display:block;
    }
}

.text-center{
    text-align:center;
}