.offcanvas{position:fixed;width:200px;height:100%;top:0;z-index:9999;background:#333332;font-size:1em;font-weight:bold;-webkit-box-shadow:inset -10px 0 6px -9px rgba(0,0,0,0.7);-moz-box-shadow:inset -10px 0 6px -9px rgba(0,0,0,0.7);box-shadow:inset -10px 0 6px -9px rgba(0,0,0,0.7);overflow:auto;-webkit-overflow-scrolling:touch}.offcanvas a{display:block;color:#b3b3b1;padding:15px 20px;border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.1);text-decoration:none}.offcanvas a:hover{background-color:#111;color:#fff}.drag-content{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;z-index:2;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.drag_boxs{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.drag_box{position:absolute;top:0;right:auto;bottom:0;left:auto;width:265px;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;-ms-transition:width 0.3s ease;-o-transition:width 0.3s ease;transition:width 0.3s ease}.drag_box-left{left:0;z-index:1}.drag_box-right{right:0;z-index:1}.snapjs-left .drag_box-right,.snapjs-right .drag_box-left{display:none}.snapjs-expand-left .drag_box-left,.snapjs-expand-right .drag_box-right{width:100%}