#viewport{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;bottom:0;left:-300px;z-index:5000;transition:300ms}#viewport #right_side{position:fixed;top:0;right:-300px;bottom:0;z-index:5000;transition:300ms}#viewport #close_side{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;width:100%;margin:0;padding:0;border:0;background:rgba(0,0,0,0.6);text-align:left;text-indent:-9999px;opacity:0;transition:visibility 0 .3s,opacity 0 .3s}#viewport #header{box-sizing:border-box;width:100%;transition:300ms}#viewport .viewport_side{background:#fff}#viewport .viewport_side .side_inner{position:relative}#viewport .viewport_side .side_inner .side_logo{margin:0;padding:15px 0;font-size:13px;text-align:center}#viewport .viewport_side .side_inner .side_logo img{width:75px;vertical-align:top}#viewport .viewport_side .side_inner .btn_side_close{position:absolute;top:12px;right:12px;width:28px;height:28px;margin:0;padding:0;border:0;background:0;font-size:0}#viewport .viewport_side .side_inner .btn_side_close:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:28px;margin:auto;background:#000;transform:rotate(45deg)}#viewport .viewport_side .side_inner .btn_side_close:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:28px;margin:auto;background:#000;transform:rotate(-45deg)}#viewport .viewport_side .side_inner .btn_side_close.right_side_type{right:auto;left:12px}#viewport.app_view #container{padding-top:0}#viewport.left-open #left_side{visibility:visible;left:0}#viewport.left-open #close_side{visibility:visible;opacity:1;transition:visibility 0 0,opacity 0 0}#viewport.right-open #right_side{visibility:visible;right:0}#viewport.right-open #close_side{visibility:visible;opacity:1;transition:visibility 0 0,opacity 0 0}#main_view{display:block}#main_view #header{position:fixed;top:0;right:0;left:0;z-index:2000;height:70px}#main_view #container{position:relative;z-index:100;padding-top:70px}#sub_view{display:block}#sub_view #header{position:fixed;top:0;right:0;left:0;z-index:2000;height:70px}#sub_view #container{position:relative;z-index:100;padding-top:70px}#left_side{display:block;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:300px}#right_side{display:block;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:300px}