.inner{width:1140px;margin:0 auto;}
.inner:after{content:"";clear:both;display:block;}
#top-head{top:-100px;width:100%;margin:100px auto 0;padding:30px 0 0;line-height:1;z-index:999;}
#top-head a,
#top-head{color:#fff;text-decoration:none;}
#top-head .inner{position:relative;}
#top-head .logo{float:left;font-size:36px;}
#global-nav ul{list-style:none;position:absolute;padding-left:0px;bottom:0;font-size:14px;letter-spacing:2px;font-weight:bold;}
#global-nav ul li{float:left;}
#global-nav ul li a{padding:0 30px;}
#top-head.fixed{margin-top:0;top:0;position:fixed;padding-top:45px;height:55px;background:#fff;background:rgba(50,10,10,1);border-bottom:1px solid #fff;transition:top 0.65s ease-in;-webkit-transition:top 0.65s ease-in;-moz-transition:top 0.65s ease-in;}
#top-head.fixed .logo{font-size:24px;color:#333;}
#top-head.fixed #global-nav ul li a{color:#fff;padding:0 20px;}
#nav-toggle{display:none;position:absolute;right:12px;top:14px;width:34px;height:36px;cursor:pointer;z-index:101;}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:4px;width:100%;background:#fff;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:11px;}
#nav-toggle span:nth-child(3){top:22px;}
@media screen and (max-width:640px){#top-head,
.inner{width:100%;padding:0;}
#top-head{top:0;position:fixed;margin-top:0;}
#top-head.fixed{padding-top:0;background:transparent;}
#mobile-head{background:#340909;width:100%;height:56px;z-index:999;position:relative;border-bottom:1px solid #fff;}
#top-head.fixed .logo,
#top-head .logo{position:absolute;left:13px;top:13px;color:#333;font-size:26px;}
#global-nav{position:absolute;top:-500px;background:#222;width:100%;text-align:center;padding:10px 0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;}
#global-nav ul{list-style:none;position:static;right:0;bottom:0;font-size:14px;}
#global-nav ul li{float:none;position:static;border-bottom:1px solid #333;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a{width:100%;display:block;color:#fff;padding:18px 0;}
#nav-toggle{display:block;}
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-315deg);}
.open #global-nav{-moz-transform:translateY(556px);-webkit-transform:translateY(556px);transform:translateY(556px);}
}