@CHARSET "UTF-8";
body, button, input, textarea{font-size: 14px;}

.container{padding: 0 40px 0 44px; display: flex; justify-content:space-between;  align-items: center;}

header div.nav-bar{background: RGBA(230, 74, 25, 1);height: 112px; height: 100%; padding: 10px 0;}
header div.nav-bar .container{ height: 100%; }
header div.nav-bar a.logo{display: flex; align-items: center; width: auto; height: 100%; background:#E64A19; justify-content:flex-start;}
header div.nav-bar a.logo font{font-weight: 600;color: #FFFFFF;line-height: 32px;font-size: 24px;flex-shrink: 0;display: flex;align-items: center;}
header div.nav-bar a.logo font::before{display: inline-block; content: ''; margin: 0 12px ;background: #FFFFFF; width: 2px;height: 26px}
header div.nav-bar a.logo svg{fill:white; flex-shrink: 0;}
header div.nav-bar a.logo svg.u{width: 48px; height: 56px;  flex-shink: 0; margin-left: 5px;}
header div.nav-bar a.logo svg.w{height: 26px;opacity: 1;width: 100px; margin-left: 5px;}

header div.nav-bar span.user{font-size: 16px; color:white;}
header div.nav-bar span.user a{color: white; text-decoration: underline;}

main>div.container{display: flex;margin:32px auto 80px auto; align-items: flex-start;}
main>div.container>.nav-list{width: calc(20vw - 92px); margin-right: 68px; flex-shrink: 0;position: relative;}
main>div.container>.nav-list:before{content: '';width: 4px;height: 100%;background: #FBE9E7;position: absolute;left: 0;top: 0;}
main>div.container>.nav-list p{margin-bottom: 8px;position: relative;font-size: 16px;font-weight: bold;line-height: 32px;padding-left: 12px;}
main>div.container>.nav-list p:last-child{margin-bottom: 0;}
main>div.container>.nav-list p a{color: rgba(0, 0, 0, 0.85)}
main>div.container>.nav-list p.sel,
main>div.container>.nav-list p:hover{border-left: 4px solid #FF5722;padding-left: 8px;}
main>div.container>.nav-list p.sel a,
main>div.container>.nav-list p:hover a{color:#E64A19;}

main div.container>.content{flex-grow: 1;}