@charset "utf-8";header{text-align:center}#header_wrap{background-color:rgba(0,0,0,.7);color:#FFF;height:50px;position:fixed;top:0;left:0;width:100%;z-index:1000}#header_logo{float:left;height:50px;line-height:50px}#header_logo img{height:40px}#header_wrap>p{font-size:75%;float:left;height:50px;line-height:50px;margin-left:10px}#header_wrap a{color:#FFF}header nav{float:right;height:50px;width:780px}header nav a{line-height:50px}header nav a,header nav>div,header nav>div p{display:inline-block;height:50px;position:relative;vertical-align:middle;width:150px}header nav>div{overflow:hidden}header nav>div:hover{overflow:visible}header nav>div section{background-color:rgba(0,0,0,.9);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;position:absolute;top:50px;left:0;opacity:0;vertical-align:middle;transition:opacity 0.2s ease-out 0s}header nav>div:hover section{opacity:1}header nav a>span,header nav p>span{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}header nav a>span:first-child,header nav p>span:first-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0.2s ease-out 0s}header nav a:hover>span:first-child,header nav a.active>span:first-child,header nav>div:hover>p>span:first-child,header nav p.active>span:first-child{opacity:0}header nav a>span:last-child,header nav p>span:last-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;transition:opacity 0.2s ease-out 0s}header nav a:hover>span:last-child,header nav a.active>span:last-child,header nav>div:hover>p>span:last-child,header nav p.active>span:last-child{opacity:1}#btn_totop{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;position:fixed;bottom:5px;right:5px;transition:opacity 0.2s ease-out 0s;width:50px;z-index:999}#btn_totop:hover{opacity:.7}