@charset "utf-8";/* CSS Document */
.topbar {height: 40px;background-color: #070707;line-height: 40px;font-size: 14px;border-bottom: 1px solid #262117;position:relative;z-index:4;}
.topbar .center {width: 1000px;}
.topbar-entry {float: left;width: 50%;}
.topbar-entry li {display: inline-block;position: relative;}
.topbar-entry em {display: inline-block;margin-left: 6px;border-width: 4px 4px 0;border-style: solid dashed dashed;border-color: #c2c2c2 transparent transparent;vertical-align: middle;transition: all 300ms;}
.topbar-entry .link {display: block;position: relative;cursor: pointer;padding: 13px 10px;line-height: 14px;color: #959595;transition: all 300ms;}
.topbar-entry .link::after {position: absolute;left: 100%;top: 14px;width: 1px;height: 14px;background-color: #959595;content: "";transform: scaleX(0.2);}
.topbar-entry li:first-child > a {padding-left: 0;}
.topbar-entry li:last-child > a::after {display: none;}
.topbar-entry li:hover .link {color: #fff;}
.topbar-entry li:hover em {transform: rotate(180deg);}
.topbar-entry #topbar-login div {display: none;position: absolute;right: -90px;top: 40px;z-index: 9999999;padding: 25px 0;border: 1px solid #cdcdcd;width: 320px !important;height: 340px !important;background-color: #f1f1f1;box-shadow: 0 0 8px #cdcdcd;}
.topbar-entry #topbar-login .m-header {display: none;}
.topbar-entry #topbar-register a::after {display: none;}
.topbar-entry #topbar-register:hover div {display: block;}
.topbar-entry #topbar-register div {display: none;position: absolute;right: 0;top: 40px;padding: 6px 0;border: 1px solid #cdcdcd;width: 240px;background-color: #fff;box-shadow: 0 0 8px #cdcdcd;}
.topbar-entry #topbar-register div a {display: block;overflow: hidden;cursor: pointer;padding: 0 10px;height: 30px;line-height: 30px;text-align: left;color: #585858;transition: all 300ms;}
.topbar-entry #topbar-register div a:hover {background-color: #f2f2f2;font-weight: bold;}
.topbar-entry #topbar-nickname,
.topbar-entry #topbar-logout {display: none;}


.fl {float: left;}
.fr {float: right;}
.clear {overflow: hidden;clear: both;height: 0;font-size: 0;}
.clearfix:after {display: block;visibility: hidden;clear: both;height: 0;font-size: 0;content: "";}

.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}
.center {margin: 0 auto;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.taj {text-align: justify;}