#viewport{overflow:hidden;min-height:100%}#viewport #main_view,#viewport #sub_view{width:100%;min-height:100%}#viewport .viewport_side{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#000}#viewport .viewport_side .side_logo{box-sizing:border-box;display:table;width:100%;height:59px;position:relative;margin:0;padding:0 15px;border-bottom:1px solid #333;font-size:13px;line-height:15px}#viewport .viewport_side .side_logo>span{display:table-cell;vertical-align:middle}#viewport .viewport_side .side_logo>span img{max-height:30px}#viewport .viewport_side .btn_close_side{display:none;position:absolute;top:0;right:0;z-index:10000;width:60px;height:60px;margin:0;padding:0;border:0;background:0;font-size:0}#viewport .viewport_side .btn_close_side:before{content:'';display:block;position:absolute;top:calc(50% - 2px);right:0;left:0;width:22px;height:2px;margin:0 auto;background:#fff;transform:rotate(-45deg)}#viewport .viewport_side .btn_close_side:after{content:'';display:block;position:absolute;top:calc(50% - 2px);right:0;left:0;width:22px;height:2px;margin:0 auto;background:#fff;transform:rotate(45deg)}#viewport #header{box-sizing:border-box;width:100%}#viewport.app_view #container{padding-top:0}#viewport.left-open #left_side{display:block}#viewport.left-open #close_side{display:block}#viewport.left-open .viewport_side .btn_close_side{display:block}#viewport.right-open #right_side{display:block}#viewport.right-open #close_side{display:block}#viewport.right-open .viewport_side .btn_close_side{display:block}#main_view{display:block}#main_view #header{position:fixed;top:0;right:0;left:0;z-index:10000;height:60px}#main_view #container{position:relative;z-index:100;padding-top:60px}#sub_view{display:block}#sub_view #header{position:fixed;top:0;right:0;left:0;z-index:10000;height:60px}#sub_view #container{position:relative;z-index:100}.viewport_side#left_side{display:none;overflow-y:auto}.viewport_side#right_side{display:none;overflow-y:auto}