html{height:100%}
body{height:100%;margin:0}
[data-role=sidemenu-container]{position:relative;width:100%;min-height:100%;transition:transform 400ms ease;-webkit-transition:-webkit-transform 400ms ease}
[data-sidemenu-dir=left].is-active{transform:translate3d(260px,0,0);-webkit-transform:translate3d(260px,0,0)}
[data-sidemenu-dir=right].is-active{transform:translate3d(-260px,0,0);-webkit-transform:translate3d(-260px,0,0)}
[data-sidemenu-dir=left] #sidemenu{left:0;transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}
[data-sidemenu-dir=right] #sidemenu{right:0;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}

#sidemenu{overflow-x:hidden;overflow-y:auto;position:absolute;top:0;bottom:0;width:260px;background-color:#F6F6F6;font-size:14px;transition:transform 400ms ease 0;-webkit-transition:-webkit-transform 1ms ease 0}


#left_btn_menu {
    margin: 0;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 11; 
}
#left_btn_menu a{
	color: #525263;
	font-size: 26px;
}

.overlay_l {
    position: fixed;
    z-index: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0,0,0, 0.5);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.overlay_l.is-active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}
/*
.is-active #contents,
.is-active #header,
.is-active #footer,
.is-active .pagetop {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}
*/