.logo_box{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.logo_block{width:300px;background:#275a8a;text-align:center}.logo_block img{margin:9px 0 6px 0;max-width:85%;height:57px}.header_title_block{width:calc(100vw - 300px);text-align:center;font-size:30px;font-family:"serif";font-style:italic;background:#313131;color:#fff}.header_title_block a{display:inline-block;margin-top:18px;color:#fff}.nav_click{display:none;width:50px;height:50px;margin:0 0 5px 5px;cursor:pointer;position:absolute;top:20px;left:0}.nav_click i{-webkit-transition:.2s;transition:.2s;position:absolute;display:block;margin:0 6px;width:38px;height:5px;background-color:#fff;border-radius:4px}.nav_click i:first-child{top:0}.nav_click i:nth-child(2){top:15px;left:0}.nav_click i:nth-child(3){top:30px}.nav_click.active i:first-child{top:20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav_click.active i:nth-child(2){width:0;left:25px}.nav_click.active i:nth-child(3){top:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav_bar{position:fixed;height:calc(100vh - 76px);width:300px;bottom:0;left:0;background:#313131;overflow:auto;z-index:30}.nav_bar>div:first-child{height:calc(100vh - 150px);overflow:auto}.member_name{text-align:center;padding:15px 10px;background-color:#353c50}.member_name p{color:#fff;margin-bottom:0}nav ul{padding:0;margin:0}nav>ul>li{font-size:1rem;line-height:1.5}.logout a,nav>ul>li a{color:#aaa;display:block;padding:23px;cursor:pointer}nav>ul>li>a{border-bottom:1px solid #545454;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}nav>ul>li>a>i{color:#61df37;font-size:16px;-webkit-transition:.3s;transition:.3s}nav>ul>li>a.active>i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}nav>ul>li>a>i.fa-chevron-down:before{vertical-align:middle}.logout hr{margin:0 20px;border-color:#545454}.logout{position:absolute;bottom:0;left:0;width:100%;text-align:center;cursor:pointer;margin-top:2px;z-index:30}.logout a{font-size:1.3rem;-webkit-transition:all .3s;transition:all .3s}.logout a:hover{background:#262626;color:rgba(252,0,0,.7686274509803922)}nav>ul>li>ul{-webkit-transition:all 1s;transition:all 1s;max-height:0;background:#262626;overflow:hidden;-webkit-transition:1s;transition:1s}nav>ul>li>ul.active{max-height:142px}nav>ul>li>ul>li{padding-left:20px;-webkit-transition:all .3s;transition:all .3s}nav>ul>li>ul>li:hover{background:#2b2b2b}nav>ul>li>ul>li:hover a{color:#fff}.router-link-active{color:#25eaa8;font-weight:700}.router-link-active:hover{color:#25eaa8}@media(max-width:992px){.logo_block{width:200px}.header_title_block{width:100vw}.nav_bar{width:200px}nav>ul>li>ul>li{padding-left:15px}}@media(max-width:768px){.nav_click{display:inline-block}.logo_block,.logo_box,.nav_click{background:#313131}.logo_block{width:100vw}.header_title_block{display:none}.nav_bar{left:-100%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.nav_bar.open{left:0;width:100%}.nav_bar.close{left:-100%}}.member_router_view{margin:76px 0 0 300px;min-height:calc(100vh - 76px);background:rgba(0,0,0,.07);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(max-width:992px){.member_router_view{margin:76px 0 0 200px}}@media(max-width:768px){.member_router_view{margin:76px 0 0 0}}