body {
    min-width: 320px;
    background-color: #0B0A18;
    font: 12px/1.5 arial, sans-serif;
    color: #ccc;
}
.header .inner{width:98%;}

.top-link,.ft-copy{
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 14px;
}
.top-link{
    height: 90px;
    line-height: 90px;
}

.topshare{ margin-top:35px; margin-right:5px; float:left;}
.topshare a{ height:25px; margin-right:5px; background-image:url(../images/top_link_login.png); float:left; text-align:center; font-size:11px; color:#fff; line-height:24px; font-weight:bold;}
.top_link_google, .top_link_facebook, .top_link_yahoo, .top_link_paypal{width:24px; }
.top_link_facebook{ background-position:-24px 0; }
.top_link_yahoo{ background-position:-48px 0; }
.top_link_paypal{ background-position:-72px 0; }
.login-before,.login-after{
    vertical-align: middle;
    font-size: 12px;
    color: #ccc;
}
.login-before a.l-link{border:1px solid #ca4b00;padding:2px 12px;border-radius: 3px;}
.login-before a.s-link,.login-after .l-logout{background:#ca4b00;padding:2px 10px;border-radius: 3px;}
.login-after .l-logout{color:#fff;}
/* header */
.header{ width: 100%;background: #000;}
.header ul{float: left; padding: 0 0 0 20px;}
.header ul li{ float: left; color: #2d2d2d; margin: 0 10px;position:relative;}
.header ul li a{ display: block; color: #bbbaba; font-size: 20px;position: relative;}
.header ul li a em{position: absolute; top:58px; left: 50%; margin-left: -5px;  width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent;  border-top: 6px solid #000;}
.header ul li a.cur{ color: #fff;}
.header ul li a.cur em{border-top: 6px solid #fff;}

.header ul li ul.nav_show{display:none; width:125px; position:absolute;  background:#030407; z-index:2; padding:10px 0;}
.header ul li ul.nav_show.show1{left: -6px;width:140px;text-indent: 12px;}
.header ul li ul.nav_show.show2{left: -10px;width:140px;text-indent: 12px;}

.header ul li ul.nav_show li{ float: none; margin: 0;}
.header ul li ul.nav_show a{display:block;text-align:left;  float: none; height:32px;line-height:32px; color:#999; font-size:16px; margin: 0; text-transform: capitalize;}
.header ul li ul.nav_show a:hover{background: #2d2d2d; color:#fff;}

.header ul li .nav_show2{display:none;position:absolute;left: -2px;background:#030407;overflow: hidden; width:545px; width: 345px\0;  z-index:2;}
.header ul li .nav_show2 .mobile_game{padding: 20px 0;float: left;border-right: 1px solid #2d2d2d;}
.header ul li .nav_show2 .browser_game{padding: 20px 0;float: left;}
.header ul li .nav_show2 a , .header ul li .nav_show2 span{ text-align: left;height:32px;line-height:32px;   }
.header ul li .nav_show2 a{padding: 0 44px;color:#999;font-size:14px;}
.header ul li .nav_show2 span{ padding: 0 20px;color:#fff;font-size:16px;}
.header ul li .nav_show2 a i , .header ul li .nav_show2 span i{ display: inline-block; width: 18px; height: 20px;margin-right: 3px;   }
.header ul li .nav_show2 a i img, .header ul li .nav_show2 span i img{ display: inline-block; vertical-align: -4px; }
.header ul li .nav_show2 a:hover{background: #2d2d2d; color:#fff;}