@charset "UTF-8";

/*
 * icon
 */
#slide_btn{ position:fixed; left:10px; margin-top:10px; padding:24px; border-radius:5px; background:#00a2ff; cursor:pointer; z-index:9997; }
.rotate_btn {transform: rotate(-90deg);}
.panel-btn-icon{ display:block; position:absolute; top:50%; left:50%; width:23px; height:2px; margin:-1px 0 0 -12px; background:#fff; }
.panel-btn-icon:before, .panel-btn-icon:after{ display:block; content:""; position:absolute; top:50%; left:0; width:23px; height:2px; background:#fff; }
.panel-btn-icon:before{margin-top:-7px;}
.panel-btn-icon:after{margin-top:5px;}
.side_title{background:#6db822; padding:5px;}
.side_li{padding:10px;}
/*
 * sideslidemenu
 */
#sideslidemenu{ height:100%; width:0; position:absolute; z-index:9999; top:0; left:0; transition:0.3s; background: #0a0e4b; overflow:hidden; color: #FFF; }
#category{ width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; padding-bottom:50px; -webkit-overflow-scrolling:touch; }
#category::-webkit-scrollbar{width: 1px; background:#899fb5;}
#category::-webkit-scrollbar-thumb {background:#899fb5; border-radius:6px;}
#category h2{ font-size: 0.8em; padding: 3%; }
#category .widgettitle{ display:block; padding:0px; font-weight:normal; background:#222; border-top:10px solid red; border-bottom:1px solid #333; margin:0; color:#aaa; }
#category .widgettitle:first-child{border-top:none;}
#category ul {padding:0; margin:0;}
#category li {list-style:none; padding:0; margin:0;}
#category li a{ display:block; padding:10px 7px; font-weight:normal; background:#e8f7ff; border-top:1px solid #f2f7ff; border-bottom:1px solid #007fc6; font-size: 1em; }
#category li a:link{color:#0a0e4b;}
#category li a:visited{color:#0a0e4b;}
#category li a:hover{color:#fff; background:#00a2ff;}
#category li a:active{color:#fff; background:#00a2ff;}

/* Smartphone */
@media screen and (min-width:729px){
  #slide_btn, #sideslidemenu{display:none;}
}
.noscroll{overflow: hidden; height:100%;}