.public-frame{background-color:var(--public-background,#eee)}.public-frame .wrapper{min-height:calc(100vh - 84px);display:block}.public-frame .wrapper .head-wrapper{height:120px}.public-frame .wrapper .head-wrapper .header{background:#303d4a;width:100%;height:70px}.public-frame .wrapper .head-wrapper .header .logo{margin-left:0;height:50px}.public-frame .wrapper .head-wrapper .header .locale{font-size:14px;line-height:22px;cursor:pointer;color:#fff;border-radius:5px;border:1px solid #fff;padding:1px 5px}.public-frame .wrapper .head-wrapper .header .locale:hover{background-color:#587088}.public-frame .wrapper .head-wrapper .header .user-name{color:#fff}.public-frame .wrapper .head-wrapper .header .sign-in-link{color:#ddd;text-decoration:none;padding:0 5px}.public-frame .wrapper .head-wrapper .header .sign-in-link:hover{color:var(--public-highlight,#f38844)}.public-frame .wrapper .public-menu{height:50px;border-bottom:3px solid var(--public-highlight,#f38844);background-color:var(--public-background,#eee)}.public-frame .wrapper .public-menu .menu-wrapper{display:table;padding-left:0}.public-frame .wrapper .public-menu .menu-wrapper li,.public-frame .wrapper .public-menu .menu-wrapper ul{margin:0;list-style:none}.public-frame .wrapper .public-menu .menu-wrapper li{text-align:center;display:inline-block}.public-frame .wrapper .public-menu .menu-wrapper li a{color:#6b6e71;font-size:16px;display:block;padding:0 30px;line-height:48px;text-decoration:none;position:relative}.public-frame .wrapper .public-menu .menu-wrapper li a:hover:before{height:100%}.public-frame .wrapper .public-menu .menu-wrapper li a:before{position:absolute;content:"";top:0;left:0;right:0;height:0;transition-property:height;background-color:rgba(0,0,0,.08);transition-delay:0s;transition-duration:.2s;transition-timing-function:ease-in-out}.public-frame .wrapper .public-menu .menu-wrapper li.active a{color:#000;font-weight:700}.public-frame .wrapper .public-menu .menu-wrapper li.search-form{float:right;height:100%;margin-top:10px;position:relative}.public-frame .wrapper .public-menu .menu-wrapper li.search-form input{border:1px solid #ccc;border-radius:5px;background-color:#fff;width:100px;padding-right:26px;padding-left:15px;color:var(--public-highlight,#f38844);transition-property:all;transition-delay:0s;transition-duration:.2s;transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.public-frame .wrapper .public-menu .menu-wrapper li.search-form input:focus{width:200px;border-color:var(--public-highlight,#f38844)}.public-frame .wrapper .public-menu .menu-wrapper li.search-form i{position:absolute;right:5px;top:5px;color:var(--public-highlight,#f38844)}.public-frame .wrapper .public-menu .menu-wrapper li.search-form .divider{width:1px;position:absolute;border-left:1px solid #ddd;right:26px;height:20px;top:4px;display:block}.public-frame .page-body{min-height:400px;position:relative;background-color:#f5f5f5;background-repeat:no-repeat;background-position:50%;background-size:cover;height:calc(100vh - 160px);padding:20px 0}.public-frame .page-body .body-container{min-height:100%;height:100%;overflow:auto;padding:40px 122px}.public-frame .page-body .body-container .cover{max-height:230px;max-width:360px}.public-frame .page-body .body-container .cover img{border-radius:5px;border:1px solid #ddd}.public-frame .page-body .body-container .information .title{font-size:24px;font-weight:500}.public-frame .page-footer{height:84px;background-color:#303d4a;color:#eee;text-align:center;font-size:14px;line-height:80px}.public-frame .error-404{width:478px;height:216px;background-image:url(../img/404.bbb4a02b.png)}.public-frame.white .page-footer{height:84px;background-color:#0d4e9f;color:#f8f9fc;text-align:center;font-size:20px;line-height:80px}.public-frame.white .wrapper .head-wrapper .header{background:#fff;width:100%;border-bottom:1px solid #ddd}.public-frame.white .wrapper .head-wrapper .header .locale{background-color:#204b95;color:#fff;border-radius:5px;padding:1px 5px}.public-frame.white .wrapper .head-wrapper .header .locale:hover{background-color:#447ad7}.public-frame.white .wrapper .head-wrapper .header .logo{margin-left:42px}.public-frame.white .wrapper .head-wrapper .header .sign-in-link,.public-frame.white .wrapper .head-wrapper .header .user-name{color:#333}.public-frame.white .wrapper .head-wrapper .header .sign-in-link:hover{color:#204b95}.page-container .contact{color:#eee;position:relative;text-align:center;padding:15px 0 20px 4px;line-height:26px;font-size:14px}.page-container .contact a{color:#b8f7ff}