@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-01-13 17:21:51
 * @version $Id$
 */
/*index banner*/
@media screen and (max-width:1440px){
    .J-index-slider .gm-logo {width:13%;}
}
/* width > 1366*/
@media screen and (min-width:1362px) {

    body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font-size:14px;}
    /*mod-gm-list*/
    .mod-gm-list li .gm-rank {width:165px;height:29px; line-height:29px;}  
    .mod-gm-list li .rank-glod {background-position:0 0;}
    .mod-gm-list li .rank-sliver {background-position: 0 -30px;}
    .mod-gm-list li .rank-copper {background-position: 0 -61px;}
    /*mod-last-list*/
    .mod-last-list .gm-info .i-diz02 {background-position:0 -22px;}
    .mod-last-list .gm-info .i-diz03 {margin-top:4px; background-position:0 -51px;}

    /*mod-form*/
    .radio-box em i {background-position:-1px -97px; -moz-background-size:auto; -webkit-background:auto; background-size:auto;}
    .radio-box em .i-checked {background-position:-21px -97px;}

    /*mod-game-list*/
    .mod-game-list li .gm-rank {width:165px;height:29px; line-height:29px;}  
    .mod-game-list li .rank-glod {background-position:0 0;}
    .mod-game-list li .rank-sliver {background-position: 0 -30px;}
    .mod-game-list li .rank-copper {background-position: 0 -61px;}
}

@media screen and (max-width:1225px){
    .ft-language .drop-list{left:-18px;}
    .side-bar .i-triangle {display: none;}
    .wrap-main {padding-left:47px;}

    .side-bar {width:42px;}
    .side-bar .logo {width:31px; margin-bottom:25px; background-position:0 -116px;}
    .side-bar .nav {width:42px; margin:17px 0 30px 0;}
    .side-bar .nav ul {margin-top:17px;}
    .side-bar .nav ul:before {content:""; display: block; width:100%; height:1px; margin-top:-17px; background:#404040;}
    .side-bar .nav li a {padding:0 5px;}
    .side-bar .info-box {border:0; cursor: pointer; cursor:hand;}
    .side-bar .user-info {border:0;}
    .side-bar .info-box .user-info,
    .side-bar .user-info .user-img, 
    .side-bar .user-info .user-img s {width:28px; height:28px; overflow: hidden;}
    .side-bar .nav-sub-menu {display:none;}


    .side-bar .nav li a span,
    .side-bar .i-circle,
    .side-bar .user-name,
    .side-bar .log-exit,
    .side-bar .user-id,
    .side-bar .user-img,
    .security-level {display: none;}
    .side-bar .i-open {margin-right: 7px;}
    .side-bar .i-menu {float:none;}
    .side-bar .log-exit-shrink{display: block; margin-top:5px; color: #5a5a5a; font-size: 14px; text-align: center;}

    .side-bar .info-box {width:40px; height:37px; margin-left:auto; margin-right:0; padding:0;}
    .side-bar .info-box .user-info {margin:0 auto; padding:4px 0 0 0;}
    .side-bar .user-img {-webkit-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .side-bar .user-img img {width:28px; height:28px; margin:0!important;}
    .side-bar .user-img s {background-size:0 -52px;}
    .side-bar .info-box .menu {display:none; position:absolute; z-index:1; left:3px; top:0; width:230px; height:37px;  background:#000; padding:0; border:0;}
    .side-bar .info-box .menu ul {width:200px; height:100%; margin:0 0 0 auto; padding:0 0 0 30px;}
    .side-bar .info-box .menu li {width:50px; height:100%; line-height:37px; margin:0;}
    .side-bar .info-box .menu li a {width:37px; height:100%; margin:0 auto;}
    .side-bar .info-box .menu li a {color:#696969;}
    .side-bar .info-box .menu li a:hover,
    .side-bar .info-box .menu .current a {background-color:#4a4a4a; color:#232323;}
    .side-bar .info-box .menu li .i-menu {width:37px; height:100%; margin-left:0;}
    .side-bar .info-box .menu .i-bg {float:right; width:0; height:15px; margin:10px -7px 0 0; border-left:1px solid #2c2c2c; border-right:1px solid #000; -moz-border-radius:0; -webkit-border-radius:0; -border-radius:0; text-indent: -999em;}
    .side-bar .info-box .menu li:last-child .i-bg {display:none;}

    .side-bar .info-box .i-bubble {top:1px; left:24px; color:#fff;}
    .side-bar .info-box .i-bubble s { letter-spacing:0;}
    
    /*nav client*/
    .side-bar .client-box{display: none;}
    .side-bar .client-mini{display: block;}

    .footer-after-login {width:42px; left:0; padding:0;}
    .footer-after-login .footer-menu-tit {display:block; height:28px; line-height:18px;}
    .footer-after-login .footer-hd .footer-menu {display:none;}
    .footer-after-login .ft-open .footer-menu {top:-8px; left:48px;}
    .footer-after-login .triangle-icon {top:-26px;}

    /*small banner*/
    .index-slider-box .slidesjs-navigation {display:none;}
}

@media screen and (max-width:1024px){
    .mob-detail,.mob-detail .mob-content-bg{ background: #202020;}
    .gm-mobile .content .focal-tit{margin-left:  1.8333333333333333%;}
    .gm-mobile .content .mod-mob-list{margin-left: -5%;}
}

@media screen and (max-width:993px){
    .gm-min-window .header-ad{display: none;}
}
@media screen and (max-width:1550px){
    .adPopup {display:none;}
}