/**
 * layout stylesheet file
 *
 * @link http://www.mk-style.com
 * @copyright Copyright © 2013 Mk-Style
 */

body {
    min-width: 1000px;
}

.container {
    width:100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 15px 0 5px 0;
}

#user-tool .disabled,
#aside-user-info > section > div > .dropdown-menu > ul > li > a.disabled {
    background-color: #343434;
    background-image: linear-gradient(to bottom, #646464, #343434);
    background-repeat: repeat-x;
    border-color: #444444;
    border-left: 1px solid #444444;
    color: white;
    cursor: not-allowed;
}


/**
 * Header start
 */
header {
    height: 96px;
    background: url(../images/bg_top_bar.png) repeat-x;
    margin-bottom: 10px;
    /*
    border-top: 5px solid black;
    border-bottom: 1px solid #DDD;
    background: #EEE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE));
    background: -moz-linear-gradient(top, #FFF, #EEE);
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF,endcolorstr=#EEE,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF,endcolorstr=#EEE,gradientType=0);
    */
}

header > .top-links {}

header > .top-links > a {
    float: left;
    display: block;
    margin: 10px 15px;
    padding: 0 30px;
    background: url("https://www.mk-style.com/mkstyle_portal/view/htmls/image/top/icon_cautionnews.gif") no-repeat scroll 0 0 transparent;
    background-position: 0 4px;
    font-size: 0.9em;
    vertical-align: top;
    color: #C00;
    text-shadow: 1px 1px 0 #FFF;
}

header > .top-links > a:hover {
    color: #F60!important;
}

header > .top-links > ul {
    float: right;
    margin: 10px 20px;
}

header > .top-links > ul > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: right;
    margin-left: 15px;
}

header > .top-links > ul > li > a {
    font-size: 0.9em;
}

header > .top-menu {
    padding: 0;
}

header > .top-menu > h1 {
    margin: 15px 0 0 0;
    float: left;
    width: 170px;
    height: 25px;
    font-size: 12px;
    line-height: 1;
    text-indent: -1000em;
    background: transparent url('../images/mk_logo.png') no-repeat 0 0;
}

header > .top-menu > h1 > a {
    display: block;
    height: 100%;
}

header > .top-menu > ul {
    margin: 11px 0 0 0;
    float: right;
    text-align: right;
    height: 30px;
}

header > .top-menu > ul > li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 20px;
    text-align: right;
    z-index: 1000;
    line-height: 16px;
}

header > .top-menu > ul > li > a {
    position: relative;
    display: block;
    padding: 10px 14px 19px;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF;
}

header > .top-menu > ul > li.dropdown-hover > a {
    position: relative;
    padding: 9px 13px 19px;
    background: white;
    border: 1px solid #8A8A8A;
    border-bottom: 0;
    z-index: 2000;
}

header > .top-menu > ul > li.dropdown-hover > a,
header > .top-menu > ul > li > a:hover {
    color: #FF6600;
}

header > .top-menu > ul > li > a > .dropdown {
    display: inline-block;
    position: relative;
    top: 6px;
    vertical-align: top;
}

header > .top-menu > ul > li.dropdown-hover > a > .dropdown {
    border-top-color: #FF6600;
}


/**
 * 用户支持-SUPPORT
 */
#user-tool {
    top: 44px;
    right: 0;
    padding: 20px;
    width: 382px;
    border: 1px solid #8A8A8A;
    background-color: white;
    z-index: 100;
    text-align: left;
    font-size: 0.86em;
}

#user-tool > ul {
    width: 392px;
}

#user-tool > ul > li {
    display: block;
    float: left;
    padding: 0 5px 5px 0;
    width: 189px;
}

#user-tool > ul > li > a {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #333;
    border: 1px solid #A3C5CC;
    text-align: center;
}

#user-tool > ul > li > a.gradient-orange {
    color: white;
    border-color: #CC5500;
}

#user-tool > ol {
    margin: 10px 0;
}

#user-tool > ol > li {
    height: 22px;
    line-height: 22px;
}

#user-tool > ol > li > a {
    color: #666;
}

#user-tool > ol > li > a:hover {
    text-decoration: underline;
}

#user-tool > div {
    margin: 20px 0 5px 0;
    height: 60px;
    text-align: center;
    border: 1px solid #CCC;
    background-color: #DADADA;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#DDDDDD));
    background-image: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);
    background-image: -o-linear-gradient(top, #F5F5F5, #DDDDDD);
    background-image: linear-gradient(to bottom, #F5F5F5, #DDDDDD);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F5F5F5,endcolorstr=#DDDDDD,gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F5F5F5,endcolorstr=#DDDDDD,gradientType=0);
}

#user-tool > div > h4 {
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
}

#user-tool > div > h4 > a {
    display: inline-block;
    padding: 23px 0;
    width: 340px;
    border-right: 1px solid #ccc;
    line-height: 100%;
}

#user-tool > div > dl {
    width: 39px;
    height: 60px;
}

#user-tool > div > dl > dt {
    height: 100%;
}

#user-tool > div > dl > dt > a {
    display: block;
    height: 100%;
    vertical-align: middle;
}

#user-tool > div > dl > dt > a > .dropdown {
    margin-top: 27px;
    border-top-color: #FD6C0B;
}

#user-tool > div > dl > dd > ul {
    left: 20px;
    padding: 10px 0;
    width: 380px;
    border: 1px solid #ccc;
    background: white;
    text-align: left;
}

#user-tool > div > dl > dd > ul > li > a {
    display: block;
    padding-left: 16px;
    line-height: 26px;
}

#user-tool > div > dl > dd > ul > li > a:hover {
    background: #efefef;
}

#main_content {
    float: right;
    width: 660px;
    min-width: 505px;
}

#main_side {
    float: left;
    width: 294px;
    min-width: 250px;
}


/**
 * 登录区域 start
 */
#login_pannel {
    text-align: left;
}

/* 登录选项卡 */
#login_pannel > ul.login-tab-header {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

#login_pannel > ul.login-tab-header li {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
    position: relative;
}

#login_pannel > ul.login-tab-header li a {
    display: block;
    height: 36px;
    line-height: 36px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#F9F9F9));
    background-image: -moz-linear-gradient(top, #EEEEEE, #F9F9F9);
    background-image: -o-linear-gradient(top, #EEEEEE, #F9F9F9);
    background-image: linear-gradient(to bottom, #EEEEEE, #F9F9F9);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EEEEEE,endcolorstr=#F9F9F9,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EEEEEE,endcolorstr=#F9F9F9,gradientType=0);
    border:1px solid #DDD;
    border-bottom: none;
    color: #666;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

#login_pannel > ul.login-tab-header li a.active {
    background-color: #000;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#555555), to(#111111));
    background-image: -moz-linear-gradient(top, #555555, #111111);
    background-image: -o-linear-gradient(top, #555555, #111111);
    background-image: linear-gradient(to bottom, #555555, #111111);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#555555,endcolorstr=#111111,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#555555,endcolorstr=#111111,gradientType=0);
    color: #FFF;
    border: 1px solid #111;
    border-bottom: none;
}

#login_pannel > ul.login-tab-header li a .down {
    position: absolute;
    left: 44%;
    top: 36px;
    z-index: 1000;
    width: 0;
    height: 0;
    border-width: 9px;
    border-style: solid dashed dashed dashed;
    border-color: #111 transparent transparent transparent;
    display: none;
}

#login_pannel > ul.login-tab-header li  a.active .down {
    display: block;
}


/* SSO 登录 */
#login_pannel > form {
    width: 100%;
    margin: 0;
}

#login_pannel > form > div {
    height: 175px;
    border: 1px solid #DDD;
    border-top: 1px solid #FFF;
    margin-bottom: 0.8em;
    background-color: #EEE;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDDDDD), to(#FFFFFF));
    background-image: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
    background-image: -o-linear-gradient(top, #DDDDDD, #FFFFFF);
    background-image: linear-gradient(to bottom, #DDDDDD, #FFFFFF);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DDDDDD,endcolorstr=#FFFFFF,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DDDDDD,endcolorstr=#FFFFFF,gradientType=0);
    display: none;
}

#login_pannel > form > div.active {
    display: block;
}

#login_pannel > form .login-input {
    padding: 25px 10px 0 9px;
}

#login_pannel > form .login-input div {
    float: left;
    width: 66%;
    text-align: right;
}

#login_pannel > form .login-input div input {
    margin: 0 0 4px 0;
    padding: 0 0 0 4%;
    width: 96%;
    height: 28px;
    line-height: 28px;
    font-size: 0.85em;
    border: 1px solid #D3D3D3;
    color: #888;
}

#login_pannel > form .login-input div input.placeholder {
    color: #999;
}

#login_pannel > form .login-input div a.help {
    position: relative;
    right: 0;
    top: -32px;
    *top: -33px;
    border: 1px solid #6AA;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    border-radius: 0;
    font-weight: bold;
    background-color: #66AAAA;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#88BBBB), to(#66AAAA));
    background-image: -moz-linear-gradient(top, #88BBBB, #66AAAA);
    background-image: -o-linear-gradient(top, #88BBBB, #66AAAA);
    background-image: linear-gradient(to bottom, #88BBBB, #66AAAA);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88BBBB,endcolorstr=#66AAAA,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88BBBB,endcolorstr=#66AAAA,gradientType=0);
}

#login_pannel > form .login-input div a.help:hover {
    border: 1px solid #CCAA66;
    background-color: #CCAA66;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDBB88), to(#CCAA66));
    background-image: -moz-linear-gradient(top, #DDBB88, #CCAA66);
    background-image: -o-linear-gradient(top, #DDBB88, #CCAA66);
    background-image: linear-gradient(to bottom, #DDBB88, #CCAA66);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DDBB88,endcolorstr=#CCAA66,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DDBB88,endcolorstr=#CCAA66,gradientType=0);
}

#login_pannel > form a.login-button {
    float: right;
    width: 82px;
    height: 95px;
    line-height: 98px;
    text-align: center;
    font-size: 1em;
    border: 1px solid #F68800;
    color: #FFF;
}

#login_pannel > form .passwd-reminder {
    position: relative;
    top: -15px;
    font-size: 0.85em;
    margin: 0 4%;
    width: 100%;
}

#login_pannel > form .passwd-reminder a {
    color: #666;
}

#login_pannel > form .passwd-reminder a:hover {
    color: #999;
}

#login_pannel > a.registry {
    display: block;
    text-align: center;
    height: 57px;
    line-height: 57px;
    font-size: 1.2em;
    border: 1px solid #C50;
    cursor: pointer;
    color: white;
}

#hiddenSubmit {
	position: absolute; 
	top: -1000em; 
	left: -1000em;
}

/* Openid 登录 */
#openid_login ul {
    padding: 12px 0 0;
}

#openid_login li {
    float: left;
    padding-bottom: 6px;
    width: 50%;
    line-height: 0;
    text-align: center;
}

#openid_login li a {
    display: inline-block;
    width: 135px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: white url('../images/openid_buttons.png') no-repeat;
}

#openid_login li a.openid-yahoo,
#openid_login li a.openid-livedoor,
#openid_login li a.openid-facebook {
    margin-left: 4px;
}

#openid_login li a.openid-mixi,
#openid_login li a.openid-biglobe,
#openid_login li a.openid-twitter {
    margin-right: 4px;
}

#openid_login li a.openid-yahoo {
    background-position: -3px -3px;
}

#openid_login li a.openid-mixi {
    background-position: -3px -53px;
}

#openid_login li a.openid-livedoor {
    background-position: -3px -103px;
}

#openid_login li a.openid-biglobe {
    background-position: -3px -153px;
}

#openid_login li a.openid-facebook {
    background-position: -3px -203px;
}

#openid_login li a.openid-twitter {
    background-position: -3px -253px;
}


/**
 * 登录后用户信息
 */
#aside-user-info {
    position: relative;
    margin: 0 0 10px;
    z-index: 10;
}

#aside-user-info > section {
    height: 36px;
    background-color: #000;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#555555), to(#111111));
    background-image: -moz-linear-gradient(top, #555555, #111111);
    background-image: -o-linear-gradient(top, #555555, #111111);
    background-image: linear-gradient(to bottom, #555555, #111111);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#555555,endcolorstr=#111111,gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#555555,endcolorstr=#111111,gradientType=0);
    border: 1px solid #111;
    line-height: 36px;
}

#aside-user-info > section > h3 {
    margin: 0 0 0 10px;
    font-size: 0.86em;
    font-weight: normal;
    color: white;
    line-height: inherit;
}

#aside-user-info > section > div {
    width: 30px;
    height: 100%;
}

#aside-user-info > section > div > a {
    display: block;
    width: 24px;
    height: 100%;
}

#aside-user-info > section > div > a > i {
    margin-top: -3px;
    *margin-top: 7px;
    *cursor: pointer;
}

#aside-user-info > section > div > .dropdown-menu {
    top: 38px;
    left: 0;
    height: 192px;
    background: white;
    border: 1px solid #868686;
    border-top: 0;
    z-index: 1000;
}

#aside-user-info > section > div > .dropdown-menu > span {
    position: absolute;
    top: -17px;
    right: 11px;
    display: block;
    width: 0;
    height: 0;
    border: 9px solid white;
    border-color: transparent transparent white;
}

#aside-user-info > section > div > .dropdown-menu > ul {
    padding: 30px 10px 40px;
}

#aside-user-info > section > div > .dropdown-menu > ul > li {
    float: left;
    margin-left: 10px;
    width: 84px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

#aside-user-info > section > div > .dropdown-menu > ul > li:first-child {
    margin-left: 0;
}

#aside-user-info > section > div > .dropdown-menu > ul > li > a {
    display: block;
    height: 100%;
    color: white;
    font-size: 0.82em;
    border: 1px solid #CC5500;
}

#aside-user-info > section > div > .dropdown-menu > ol {
    padding: 0 10px;
}

#aside-user-info > section > div > .dropdown-menu > ol > li {
    line-height: 30px;
    font-size: 0.86em;
}

#aside-user-info > section > div > .dropdown-menu > ol > li.special {
	margin-top: 30px; 
}

#aside-user-info > div {
    padding: 16px 10px;
    border: 1px solid #ccc;
    border-top: 0;
}

#aside-user-info > div > ul {
	padding:  16px 10px 17px;
    border-radius: 4px;
    border: 1px solid #DADADA;
}

#aside-user-info > div > ul > li {
    float: left;
    width: 33.33%;
    text-align: center;
}

#aside-user-info > div > ul > li > a {
    color: #FF6600;
}

#aside-user-info > div > ul > li > a.title {
    display: block;
    margin: 2px auto 0;
    color: #777;
    font-size: 0.83em;
    text-decoration: underline;
}

#aside-user-info > div > dl {
    padding: 16px 10px;
    font-size: 0.86em;
    line-height: 26px;
}

#aside-user-info > div > dl > dt {
    padding: 0 0 0 24px;
    float: left;
    background-image: url('../images/icon_point.gif');
    background-repeat: no-repeat;
}

#aside-user-info > div > dl > dt.mk-point {
    background-position: 0 6px
}

#aside-user-info > div > dl > dt.server-point {
    background-position: 0 -38px
}

#aside-user-info > div > dl > dd {
    text-align: right;
}

#aside-user-info > div > dl > dd em,
#aside-user-info > div > dl > dd i {
    font-style: normal;
}

#aside-user-info .server-point-detail > span {
    cursor: pointer;
}

#aside-user-info .server-point-detail > div {
    top: 195px;
    left: 10px;
    margin-top: 4px;
    padding: 10px;
    width: 252px;
    border: 1px solid #868686;
    background: white;
    z-index: 999;
}

#aside-user-info .server-point-detail > div > p {
    margin: 0;
    color: #666;
    text-align: center;
}

#aside-user-info .server-point-detail > div > span {
    position: absolute;
    top: -16px;
    right: 16px;
    width: 0;
    height: 0;
    border: 8px solid #868686;
    border-color: transparent transparent #868686;
}

#aside-user-info .server-point-detail > div > span > i {
    position: absolute;
    top: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border: 7px solid white;
    border-color: transparent transparent white;
}

#aside-user-info .server-point-detail > div > dl {
    padding: 0 5px;
    color: #666666;
}

#aside-user-info .server-point-detail > div > dl.total {
    border: 1px solid #E6E6E6;
    background-color: #F3F3F3;
}

#aside-user-info .server-point-detail > div dt {
    float: left;
}

#aside-user-info .server-point-detail > div dd {
    float: right;
}

#aside-user-info > div > ol > li {
    width: 50%;
}

#aside-user-info > div > ol > li > a {
    display: block;
    width: 95%;
    height: 32px;
    line-height: 32px;
    color: #333;
    text-align: center;
    font-size: 0.86em;
    border: 1px solid #A3C5CC;
}


/**
 * 我已激活的游戏列表
 */
#mygames {
    margin: 20px 0 0;
    border: 1px solid #CCCCCC;
}

#mygames h2 {
    margin: 0;
    font-size: 14px;
}

#mygames h2 a {
    position: relative;
    display: block;
    padding-left: 10px;
    height: 48px;
    line-height: 48px;
    font-size: 1em;
    background-color: #CDCDCD;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F6), to(#CDCDCD));
    background-image: -moz-linear-gradient(top, #F6F6F6, #CDCDCD);
    background-image: -o-linear-gradient(top, #F6F6F6, #CDCDCD);
    background-image: linear-gradient(to bottom, #F6F6F6, #CDCDCD);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F6F6F6,endcolorstr=#CDCDCD,gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F6F6F6,endcolorstr=#CDCDCD,gradientType=0);
}

#mygames h2 a span {
    position: absolute;
    top: 21px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid black;
    border-color: black transparent transparent;
}

#mygames menu {
    display: none;
    padding: 16px 0 0;
    width: 100%;
    border-top: 1px solid #ccc;
    background: white;
    z-index: 1000;
}

#mygames menu > li {
    padding: 0 14px;
    list-style: none;
}

#mygames menu > li > a {
    display: block;
    margin-bottom: 10px;
}

#mygames menu > li > a.title img {
    display: inline-block;
    margin-right: 14px;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

#mygames menu > li > a.icon-minus-sign {
    margin-top: 8px;
}

#mygames menu > li > ul {
    clear: both;
}

#mygames menu > li > ul > li {
    float: left;
    padding-bottom: 20px;
    width: 88px;
}

#mygames menu > li > ul > li > a {
    display: block;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    font-size: 0.86em;
    text-align: center;
    color: #333;
    border: 1px solid #ccc;
    border-left: 0;
    background-color: #EAEAEA;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#EAEAEA));
    background-image: -moz-linear-gradient(top, #F7F7F7, #EAEAEA);
    background-image: -o-linear-gradient(top, #F7F7F7, #EAEAEA);
    background-image: linear-gradient(to bottom, #F7F7F7, #EAEAEA);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F7F7F7,endcolorstr=#EAEAEA,gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F7F7F7,endcolorstr=#EAEAEA,gradientType=0);
}

#mygames menu > li > ul > li > a:hover {
    background: #EDEDED;
    filter: none;
}

#mygames menu > li > ul > li > a.tab-gradient-orange {
    color: white;
    border: 1px solid #CC5500;
    background-color: #DD5500;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF9900), to(#DD5500));
    background-image: -moz-linear-gradient(top, #FF9900, #DD5500);
    background-image: -o-linear-gradient(top, #FF9900, #DD5500);
    background-image: linear-gradient(to bottom, #FF9900, #DD5500);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF9900,endcolorstr=#DD5500,gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF9900,endcolorstr=#DD5500,gradientType=0);
}

#mygames menu > li > ul > li > a.tab-gradient-orange:hover {
    background: #EE7700;
    filter: none;
}

#mygames menu > li > ul > li:first-child > a {
    border-left: 1px solid #ccc;
}

#mygames > menu > p {
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    color: #666;
}


/**
 * 新闻区域 start
 */
#news_pannel {
    margin: 20px 0;
    border: 1px solid #DDD;
    border-top: none;
}

#news_pannel > ul:first-child {
    width: 100%;
    height: 37px;
    margin: 0;
}

#news_pannel > ul:first-child li {
    float: left;
    width: 50%;
    position: relative;
}

#news_pannel > ul:first-child li a {
    display: block;
    height: 36px;
    line-height: 36px;
    background-color: #DDD;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#CCCCCC));
    background-image: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
    background-image: -o-linear-gradient(top, #EEEEEE, #CCCCCC);
    background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EEEEEE,endcolorstr=#CCCCCC,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#EEEEEE,endcolorstr=#CCCCCC,gradientType=0);
    color: #666;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #CCC;
}

#news_pannel > ul:first-child li a.active {
    background: #FFF;
    height: 36px;
    color: #333;
    border: none;
    border-top: 4px solid #F50;
    filter: none;
    -ms-filter: none;
}

#news_pannel > .tab-content {
    border: none;
    padding: 12px 14px 10px;
    margin: 9px 0;
    display: none;
    border-top: none;
    margin-top: -5px;
}

#news_pannel > ul.active {
    display:block;
}

#news_pannel > .tab-content a {
    display: block;
    font-size: 0.86em;
    padding: 10px 0;
    border-bottom: 1px solid #F6F6F6;
}

#news_info em,
#news_maintenance em {
    display: block;
    font-style: normal;
    color: #BBB;
}

#news_pannel > ul > li.more > a {
    display: block;
    margin-top: 16px;
    height: 18px;
    line-height: 18px;
    color: #333;
    border: 1px solid #95AEB1;
    border-radius: 5px;
    text-align: center;
    background-color: #C0DCCF;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8F5E8), to(#C0DCCF));
    background-image: -moz-linear-gradient(top, #D8F5E8, #C0DCCF);
    background-image: -o-linear-gradient(top, #D8F5E8, #C0DCCF);
    background-image: linear-gradient(to bottom, #D8F5E8, #C0DCCF);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#D8F5E8,endcolorstr=#C0DCCF,gradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#D8F5E8,endcolorstr=#C0DCCF,gradientType=0);
}

#news_pannel > ul > li.more > a:hover {
    background: #CFECDF;
    filter: none;
}

/**
 * 左边栏其余部分
 */
#aside-other {

}

#aside-other > a > img {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #DDD;
}

/*
.mini-btn-light {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0 0.4em;
    padding: 0.12em 1em;
    color: #F70!important;
    font-size: 1em;
    background-color: #FFF;
    border:1px solid #AAA;
    border-radius:5px;
}
*/


/**
 * Footer start
 */
footer {
}

footer .browser-advice {
    margin: 32px auto 12px auto;
    color: gray;
    font-size: 0.8em;
    text-align: center;
}

footer .link-map {
    color: #FFF;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 13px;
    background-color: #333;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#222222), to(#333333));
    background-image: -moz-linear-gradient(top, #222222, #333333);
    background-image: -o-linear-gradient(top, #222222, #333333);
    background-image: linear-gradient(to bottom, #222222, #333333);
    background-repeat: repeat-x;
    filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#222222,endcolorstr=#333333,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#222222,endcolorstr=#333333,gradientType=0);
}

footer .copyright {
    margin: 10px auto; 
    vertical-align: top;
    color: gray;
    font-size: 0.7em;
    text-align: center;
}

footer .copyright > div {
    padding: 0 0 12px 0;
}

footer .copyright > div p {
    margin: 0;
}

footer .copyright > div {
	padding: 0 0 12px 0;
}

footer .copyright > div p {
	margin: 0;
}

footer .link-map > ul {
    margin: 0 auto;
    padding: 14px 0 10px;
    width: 980px;
    list-style: none;
}

footer .link-map > ul > li {
    float: right;
    margin: 0 0 0 0;
    width: 25%;
    text-align: left;
    color: #888;
    font-size: 1.15em;
}

footer .link-map > ul li ul {
    margin: 20px 0 16px 0;
    list-style: none;
}

footer .link-map > ul li ul li {
    text-align: left;
}

footer .link-map > ul li ul li a {
    color: #EEE;
    font-size: 0.75em;
}

footer .link-map > ul li ul li a:hover {
    color: #B96;
}


/**
 * Other start
 */
.input-focus {
    border: 1px solid #FC0!important;
    background-color: #FFF9CC!important;
}


/**
 * Responsive css start
 */
@media (max-width: 768px) {
    body {
        padding: 0 5px;
        min-width: 0;
        line-height: 20px;
    }

    #main_content {
        float: none;
        margin: 0;
        width: 100%;
        min-width: 0;
    }

    /**
     * Header start
     */
    header {
        position: relative;
        margin: 10px 0 0 0;
        height: auto;
        background: transparent;
    }

    header.logged {
        padding-bottom: 106px;
    }

    header > .top-links,
    header > .top-menu > ul {
        display: none;
    }

    header > .top-menu > h1 {
        margin-top: 5px;
    }

    #mobile-menu {
        display: block;
        float: right;
    }

    #mobile-menu > a {
        display: block;
        padding: 7px 15px 11px;
    }

    #mobile-menu > a > i {
        display: block;
        width: 20px;
        height: 20px;
        background: transparent url('../images/icon_application.png') no-repeat left -40px;
    }

    #mobile-menu.dropdown-hover > a {
        background: #222222;
    }

    #mobile-menu.dropdown-hover > a > i {
        background-position: top left;
    }

    #mobile-menu.dropdown-hover > a > i.icon-white {
        display: inline-block;
    }

    #mobile-menu-container {
        position: absolute;
        top: 34px;
        right: 0;
    }

    #mobile-menu-container {
        right: 0;
        width: 100%;
        background: #222222;
        z-index: 1000;
    }

    #mobile-menu-container > ul:first-child {
        margin: 0 20px;
        padding: 20px 0;
        border-bottom: 1px solid #000;
    }

    #mobile-menu-container > ul:first-child li {
        float: left;
        width: 50%;
    }

    #mobile-menu-container > ul:first-child a {
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-left: 1px solid #666;
    }

    #mobile-menu-container > ul:first-child li:first-child a {
        border-left: 0;
    }

    #mobile-menu-container ul.nav {
        margin: 0 20px 16px 20px;
    }

    #mobile-menu-container ul.nav li a {
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid #000;
        border-top: 1px solid #444;
    }

    #mobile-menu-container ul.nav li.last a {
        border-bottom: 0;
    }

    #mobile-menu-container a {
        color: white;
    }

    #mobile-menu-container a:hover {
        background: #444;
    }

    
    /**
     * Aside start
     */
    #main_side {
        width: 100%;
    }

    #news_pannel,
    #mygames,
    #aside-other {
        display: none;
    }

    /* 登录区域 */
    #login_pannel > ul,
    #login_pannel > form,
    #login_pannel > a.registry {
        display: none;
    }

    #login_pannel > ul.mobile-login {
        display: block;
        height: 46px;
        border: 1px solid black;
    }

    #login_pannel > ul.mobile-login li {
        width: 50%;
    }

    #login_pannel > ul.mobile-login a {
        display: block;
        margin: 10px 0;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: white;
        background: transparent;
    }

    #login_pannel > ul.mobile-login li:first-child a {
        border-right: 1px solid #666;
    }

    #login_pannel > ul.mobile-login a i {
        margin-right: 10px;
    }


    /* 登录后用户信息 */
    #aside-user-info {
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        margin: 0;
        width: 100%;
    }

    #aside-user-info > section {
        display: none;
    }

    #aside-user-info > div {
        position: relative;
        padding: 0 5px;
        border: 0;
    }

    #aside-user-info > div > ul {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #333333;
    }

    #aside-user-info > div > ul > li > a {
        display: block;
        height: 48px;
        line-height: 48px;
        color: #FF9900;
    }

    #aside-user-info > div > ul > li > a > i {
        background-image: url('../images/bootstrap/glyphicons-halflings-white.png');
    }

    #aside-user-info > div > ul > li > a.pc {
        display: none;
    }

    #aside-user-info > div > ul > li > a.hide {
        display: block;
    }
    
    #aside-user-info > div > ul > li > a.title {
        display: none;
    }

    #aside-user-info > div > dl {
        padding: 16px 0 0;
        width: 100%;
    }

    #aside-user-info > div > dl > dt,
    #aside-user-info > div > dl > dd {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        float: none;
        text-align: left;
    }

    #aside-user-info > div > dl > dt {
        padding-left: 20px;
        width: 0;
        text-indent: -1000em;
    }

    #aside-user-info > div > dl > dt.mk-point {
        margin-left: 10px;
        background-position: 0 3px;
    }

    #aside-user-info > div > dl > dt.server-point {
        margin-left: 20px;
        background-position: 0 -40px;
    }

    #aside-user-info > div > dl > dd {
        font-size: 1.2em;
        text-align: left;
    }

    #aside-user-info > div > dl > dd > span {
        display: inline-block;
    }

    #aside-user-info > div > dl > dd > a {
        display: inline-block;
        margin: 0 0 0 5px;
    }

    #aside-user-info > div > ol {
        display: none;
    }

    #aside-user-info > div > a {
        position: absolute;
        bottom: 6px;
        right: 20px;
        display: block;
    }

    #aside-user-info .server-point-detail > span {
        cursor: default;
		color: #39D;
    }

    #aside-user-info .server-point-detail > div {
        top: -1000em;
        left: -1000em;
    }


    /**
     * Footer start
     */
    footer > .browser-advice,
    footer > .link-map {
        display: none;
    }

    footer > .copyright {
        font-size: 0.86em;
    }
    
    footer .copyright > div {
        display: none;
    }
    
    footer .copyright > div {
    	display: none;
    }

    #mobile-footer {
        position: relative;
        display: block;
    }

    #mobile-footer > ul:first-child {
        padding: 15px 0;

    }

    #mobile-footer > ul:first-child li.first {
        width: 28%;
    }

    #mobile-footer > ul:first-child li.second {
        width: 55%;
    }

    #mobile-footer > ul:first-child li.last {
        width: 17%;
        min-width: 20px;
    }

    #mobile-footer > ul:first-child li a {
        display: block;
        height: 24px;
        line-height: 24px;
        text-align: center;
        color: #CCCCCC;
        border-left: 1px solid #CCCCCC;
    }

    #mobile-footer > ul:first-child li.last a i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent url('../images/icon_application.png') no-repeat left -80px;
    }

    #mobile-footer > ul:first-child li.dropdown-hover a {
        position: relative;
        margin: -15px 0;
        padding: 16px 0 15px;
        background: #222222;
        z-index: 1000;
    }

    #mobile-footer > ul:first-child li.first a {
        border-left: 0;
    }

    #mobile-footer-container {
        position: absolute;
        bottom: 54px;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        background: #222222;
    }

    #mobile-footer-container li {
        padding: 0 20px;
    }

    #mobile-footer-container li a {
        display: block;
        padding-left: 20px;
        height: 56px;
        line-height: 56px;
        color: #FFFFFF;
        border-top: 1px solid #444;
        border-bottom: 1px solid #000;
    }

    #mobile-footer-container li:first-child a {
        border-top: 0;
    }

    #mobile-footer-container li.last a {
        border-bottom: 0;
    }

    #mobile-footer-container li a:hover {
        background: #444;
    }
}

@media (max-width: 480px) {
}