#viewport{position:relative;overflow:hidden;min-height:100%}#viewport #main_view,#viewport #sub_view{width:100%;min-height:100%;transition:300ms}#viewport #left_side{position:fixed;top:0;right:-100%;bottom:0;z-index:1190;transition:300ms;background:#000}#viewport #close_side{position:relative;height:50px;padding-left:50px;border:0;background:0;font-size:18px;color:#aaa}#viewport #close_side:before,#viewport #close_side:after{position:absolute;left:25px;content:' ';height:26px;width:2px;background-color:#aaa}#viewport #close_side:before{transform:rotate(45deg)}#viewport #close_side:after{transform:rotate(-45deg)}#viewport.app_view #container{padding-top:0}#viewport.left-open #left_side{visibility:visible;left:0}#viewport.left-open #close_side{display:block}#left_side{display:block;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:100%}