/* disable image dragable */
img {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -khtml-user-drag: none;
    -khtml-user-select: none;
    -moz-user-drag: none;
    -moz-user-select: none;
    -ms-user-drag: none;
    -ms-user-select: none;
    user-select: none;
}

.flash,
.iframe {
    background: #333;
    border-bottom: #ccc 1px solid;
    width: 100%;
    height: 100%;
    font-size: 12px;
    padding-top: 5px;
    position: absolute;
    z-index: 1000;
}

.close {
    color: #0cf;
    text-align: center;
}

.close a {
    cursor: pointer;
    text-decoration: none;
}

.run-flash {
    width: 100%;
    height: 100%;
}

body,
ul,
li,
input,
button,
h1,
h2,
h3,
h4,
p,
dl,
dt,
dd {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #444;
}

ul,
li {
    list-style: none;
}

input,
input:focus,
button,
button:active,
a,
a:active {
    outline: 0;
}

a,
a:active {
    text-decoration: none;
}

button,
button:active,
img {
    border: 0 none;
}

.smallslider-btns {
    bottom: 6px !important;
}

.topics.facebook,
.topics.instagram {
    border: none;
    overflow: hidden;
    margin-left: 4px;
    margin-top: -1px;
    border-radius: 4px;
}

.elex_common_header .r_conponent {
    padding-right: 0;
}

#ul_c_aft_login_elex__ {
    min-width: 154px;
}

#ul_c_bef_login_elex__,
#ul_c_aft_login_elex__,
#ul_center_tab_l_r_elex__ {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 12px;
    color: #444;
}

#ul_c_bef_login_elex__ ul,
#ul_c_aft_login_elex__ ul,
#ul_center_tab_l_r_elex__ ul,
#ul_c_bef_login_elex__ li,
#ul_c_aft_login_elex__ li,
#ul_center_tab_l_r_elex__ li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#ul_c_bef_login_elex__ input,
#ul_c_aft_login_elex__ input,
#ul_center_tab_l_r_elex__ input,
#ul_c_bef_login_elex__ input:focus,
#ul_c_aft_login_elex__ input:focus,
#ul_center_tab_l_r_elex__ input:focus,
#ul_c_bef_login_elex__ button,
#ul_c_aft_login_elex__ button,
#ul_center_tab_l_r_elex__ button,
#ul_c_bef_login_elex__ button:active,
#ul_c_aft_login_elex__ button:active,
#ul_center_tab_l_r_elex__ button:active {
    padding: 0;
    margin: 0;
    outline: none;
}

#ul_c_bef_login_elex__ button,
button:active,
#ul_c_aft_login_elex__ button,
button:active,
#ul_center_tab_l_r_elex__ button,
button:active {
    border: none;
}

#ul_c_bef_login_elex__ a,
#ul_c_bef_login_elex__ a:active,
#ul_c_aft_login_elex__ a,
#ul_c_aft_login_elex__ a:active,
#ul_center_tab_l_r_elex__ a,
#ul_center_tab_l_r_elex__ a:active {
    outline: none;
}

#ul_c_bef_login_elex__ .clearfix:after,
#ul_c_aft_login_elex__ .clearfix:after,
#ul_center_tab_l_r_elex__ .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#ul_c_bef_login_elex__ .clearfix,
#ul_c_aft_login_elex__ .clearfix,
#ul_center_tab_l_r_elex__ .clearfix {
    zoom: 1;
}

#ul_c_bef_login_elex__ .elex_c_icon,
#ul_c_aft_login_elex__ .elex_c_icon {
    background: url("../images/icons4.png") no-repeat;
}

#ul_c_bef_login_elex__ a {
    text-decoration: none;
}

#ul_c_bef_login_elex__ .btn_login_register {
    display: block;
}

#ul_c_bef_login_elex__ .btn_login_register .scl_mid {
    float: left;
    display: inline-block;
    height: 50px;
    color: #FFF;
    line-height: 50px;
    background-position: -10px -570px;
    font-size: 14px;
    text-indent: 44px;
    padding-right: 13px
}

#ul_c_bef_login_elex__ .btn_login_register:hover .scl_mid {
    background-position: -10px -640px;
    background-color: #FFF;
    color: #4203b7;
}

#ul_c_aft_login_elex__ {
    float: left;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1000;
    font-family: Arial;
}

#ul_c_aft_login_elex__ a {
    text-decoration: none;
}

#ul_c_aft_login_elex__ a,
#ul_c_aft_login_elex__ .user_avatar,
#ul_c_aft_login_elex__ .user_name,
#ul_c_aft_login_elex__ .user_vip,
#ul_c_aft_login_elex__ .arrow_down {
    display: inline-block;
}

#ul_c_aft_login_elex__>a {
    display: block;
    padding: 0 23px;
}

#ul_c_aft_login_elex__ .user_avatar {
    vertical-align: baseline;
    width: 30px;
    height: 30px;
    margin-top: 11px;
    border-radius: 50%;
}

#ul_c_aft_login_elex__ .user_name {
    vertical-align: 11px;
    color: #fff;
    padding-left: 8px;
    padding-right: 5px;
}

#ul_c_aft_login_elex__ .user_vip {
    vertical-align: 7px;
}

#ul_c_aft_login_elex__ .arrow_down {
    width: 8px;
    height: 4px;
    margin-left: 4px;
}

#ul_c_aft_login_elex__ .arrow_down {
    background-position: -1px -550px;
    vertical-align: 9px;
    /* *vertical-align: 11px; */
}

#ul_c_aft_login_elex__ .c_dropdown {
    border: 1px solid #ebebeb;
    border-top: none;
    z-index: 1;
    cursor: default;
}

#ul_c_aft_login_elex__ .c_dropdown .c_arrow_up {
    position: absolute;
    top: -11px;
    right: 12px;
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 6px solid #fff;
}

#ul_c_aft_login_elex__ .c_dropdown ul li {
    padding: 0 25px 0 20px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    cursor: pointer;
}

#ul_c_aft_login_elex__ .c_dropdown li a {
    color: #9b9b9b;
}

#ul_c_aft_login_elex__ .c_dropdown ul li:hover {
    background-color: #f8f8f8;
}

#ul_c_aft_login_elex__ .c_dropdown .dropdown_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -6px;
    /* *vertical-align: -3px; */
}

#ul_c_aft_login_elex__ .account_dropdown {
    position: absolute;
    top: 50px;
    right: 0;
    right: -1px\9 !important;
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    background-color: #fff;
}

#ul_c_aft_login_elex__ .account_dropdown li a {
    min-width: 100%;
}

#ul_c_aft_login_elex__ .account_dropdown .account_setting,
#ul_c_aft_login_elex__ .account_dropdown .account_logout {
    margin-right: 6px;
}

#ul_c_aft_login_elex__ .account_dropdown .account_setting {
    background-position: 0 -1005px;
}

#ul_c_aft_login_elex__ .account_dropdown .account_logout {
    background-position: 0 -1075px;
}

#ul_c_aft_login_elex__:hover {
    background-color: #FFF;
}

#ul_c_aft_login_elex__:hover>a,
#ul_c_aft_login_elex__:hover .user_name {
    text-decoration: none;
    color: #4f4f4f;
}

#ul_c_aft_login_elex__ .after_link {
    height: 50px;
    overflow: hidden;
}

#ul_center_tab_l_r_elex__ .center_form_style {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 320px;
    margin: -208px 0 0 -160px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    background-color: #f5f5f7;
    z-index: 1011;
}

#ul_center_tab_l_r_elex__ .center_form_style .l_forget_password {
    width: 258px;
    margin: 0 auto;
    text-align: right;
}

#ul_center_tab_l_r_elex__ .center_form_style .l_forget_password a {
    color: #636363;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    text-decoration: none;
}

#ul_center_tab_l_r_elex__ .center_form_style .l_forget_password a:hover {
    text-decoration: underline;
}

#ul_center_tab_l_r_elex__ #ul_center_login_elex__ {
    margin-top: -173px;
}

#ul_center_tab_l_r_elex__ .common_top {
    position: relative;
    height: 80px;
    background-image: -webkit-linear-gradient(#ffffff, #f5f5f7);
    background-image: -moz-linear-gradient(#ffffff, #f5f5f7);
    background-image: -ms-linear-gradient(#ffffff, #f5f5f7);
    background-image: -o-linear-gradient(#ffffff, #f5f5f7);
    background-image: linear-gradient(#ffffff, #f5f5f7);
    border-top: 1px solid #fff;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    text-align: center;
}

#ul_center_tab_l_r_elex__ .common_top img {
    display: inline-block;
    width: 123px;
    height: 36px;
    margin-top: 22px;
}

#ul_center_tab_l_r_elex__ .common_top .close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url("https://web.archive.org/web/20180215033453/http://337.eleximg.com/337/v3static/img/login/close.png") no-repeat 0 0;
    cursor: pointer;
}

#ul_center_tab_l_r_elex__ .common_main form {
    width: 260px;
    margin: 0 auto;
}

#ul_center_tab_l_r_elex__ .common_main .inner {
    position: relative;
    width: 100%;
    height: 37px;
}

#ul_center_tab_l_r_elex__ .common_main .inner input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 20;
    width: 260px;
    /* *width: 221px; */
    height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 0 6px 2px 33px;
    color: #000;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #989797;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #cececf;
    border-top-color: #b5b5b6;
    border-bottom-color: #dededf;
    -webkit-box-shadow: inset 0 1px 1px rgba(124, 124, 127, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 4px rgba(86, 149, 219, 0);
    -moz-box-shadow: inset 0 1px 1px rgba(124, 124, 127, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 4px rgba(86, 149, 219, 0);
    -ms-box-shadow: inset 0 1px 1px rgba(124, 124, 127, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 4px rgba(86, 149, 219, 0);
    -o-box-shadow: inset 0 1px 1px rgba(124, 124, 127, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 4px rgba(86, 149, 219, 0);
    box-shadow: inset 0 1px 1px rgba(124, 124, 127, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 4px rgba(86, 149, 219, 0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border-color .15s linear, box-shadow .15s linear;
    -moz-transition: border-color .15s linear, box-shadow .15s linear;
    -ms-transition: border-color .15s linear, box-shadow .15s linear;
    -o-transition: border-color .15s linear, box-shadow .15s linear;
    transition: border-color .15s linear, box-shadow .15s linear;
}

#ul_center_tab_l_r_elex__ .common_main .inner input:focus,
#ul_center_tab_l_r_elex__ #ul_register_main_elex__ .inner_diff1 .input_password:focus {
    color: #dddddd;
    border: 1px solid #7caadd;
    -webkit-box-shadow: 0 1px 1px rgba(76, 107, 153, 0.15) inset, 0 1px 0px rgba(255, 255, 255, 0), 0 0 6px #326cc0;
    -moz-box-shadow: 0 1px 1px rgba(76, 107, 153, 0.15) inset, 0 1px 0px rgba(255, 255, 255, 0), 0 0 6px #326cc0;
    -ms-box-shadow: 0 1px 1px rgba(76, 107, 153, 0.15) inset, 0 1px 0px rgba(255, 255, 255, 0), 0 0 6px #326cc0;
    -o-box-shadow: 0 1px 1px rgba(76, 107, 153, 0.15) inset, 0 1px 0px rgba(255, 255, 255, 0), 0 0 6px #326cc0;
    box-shadow: 0 1px 1px rgba(76, 107, 153, 0.15) inset, 0 1px 0px rgba(255, 255, 255, 0), 0 0 6px #326cc0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 30;
}

#ul_center_tab_l_r_elex__ #ul_register_main_elex__ .inner_diff1 .input_password {
    top: 0;
    left: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#ul_center_tab_l_r_elex__ .common_main .inner_diff1 .input_password_confirm {
    left: 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #e8e8e8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#ul_center_tab_l_r_elex__ .common_main {
    background-color: #f5f5f7;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}

#ul_center_tab_l_r_elex__ .common_main .inner_com1 {
    margin-bottom: 15px;
}

#ul_center_tab_l_r_elex__ .common_main .inner .icon {
    position: absolute;
    top: 10px;
    /* *top: 11px; */
    left: 9px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/login_icons.png") no-repeat;
    z-index: 52;
    pointer-events: none;
}

#ul_center_tab_l_r_elex__ .common_main .inner .icon_account {
    background-position: 0 -120px;
}

#ul_center_tab_l_r_elex__ .common_main .inner .icon_key {
    background-position: 0 -136px;
}

#ul_center_tab_l_r_elex__ .common_main .inner .icon_email {
    background-position: 0 -152px;
}

#ul_center_tab_l_r_elex__ .btn_blue_common_style {
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2c9ad6;
    border-bottom: 1px solid #1b709f;
    background: #23a3ee;
    background-image: -webkit-linear-gradient(#23a3ee, #1491d6);
    background-image: -moz-linear-gradient(#23a3ee, #1491d6);
    background-image: -ms-linear-gradient(#23a3ee, #1491d6);
    background-image: -o-linear-gradient(#23a3ee, #1491d6);
    background-image: linear-gradient(#23a3ee, #1491d6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(46, 86, 153, 0.3);
    text-align: center;
    -webkit-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -moz-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -ms-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -o-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -webkit-transition: box-shadow .15s linear;
    -moz-transition: box-shadow .15s linear;
    -ms-transition: box-shadow .15s linear;
    -o-transition: box-shadow .15s linear;
    transition: box-shadow .15s linear;
}

#ul_center_tab_l_r_elex__ .btn_blue_common_style:hover {
    background-color: #219fdc;
    background-image: -webkit-linear-gradient(#33aff0, #219fdc);
    background-image: -moz-linear-gradient(#33aff0, #219fdc);
    background-image: -ms-linear-gradient(#33aff0, #219fdc);
    background-image: -o-linear-gradient(#33aff0, #219fdc);
    background-image: linear-gradient(#33aff0, #219fdc);
}

#ul_center_tab_l_r_elex__ .btn_blue_common_style:active {
    background-color: #0f7ecc;
    background-image: -webkit-linear-gradient(#1991e9, #0f7ecc);
    background-image: -moz-linear-gradient(#1991e9, #0f7ecc);
    background-image: -ms-linear-gradient(#1991e9, #0f7ecc);
    background-image: -o-linear-gradient(#1991e9, #0f7ecc);
    background-image: linear-gradient(#1991e9, #0f7ecc);
}

#ul_center_tab_l_r_elex__ .btn_gray_common_style {
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b6b6b6;
    border-bottom: 1px solid #888888;
    background: #cccccc;
    background-image: -webkit-linear-gradient(#cccccc, #a7a7a7);
    background-image: -moz-linear-gradient(#cccccc, #a7a7a7);
    background-image: -ms-linear-gradient(#cccccc, #a7a7a7);
    background-image: -o-linear-gradient(#cccccc, #a7a7a7);
    background-image: linear-gradient(#cccccc, #a7a7a7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(115, 115, 115, 0.3);
    text-align: center;
    -webkit-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -moz-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -ms-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -o-box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), inset 0 2px 0 rgba(41, 102, 20, 0);
    -webkit-transition: box-shadow .15s linear;
    -moz-transition: box-shadow .15s linear;
    -ms-transition: box-shadow .15s linear;
    -o-transition: box-shadow .15s linear;
    transition: box-shadow .15s linear;
}

#ul_center_tab_l_r_elex__ .btn_gray_common_style:hover {
    background-color: #b4b4b4;
    background-image: -webkit-linear-gradient(#d3d3d3, #b4b4b4);
    background-image: -moz-linear-gradient(#d3d3d3, #b4b4b4);
    background-image: -ms-linear-gradient(#d3d3d3, #b4b4b4);
    background-image: -o-linear-gradient(#d3d3d3, #b4b4b4);
    background-image: linear-gradient(#d3d3d3, #b4b4b4);
}

#ul_center_tab_l_r_elex__ .btn_gray_common_style:active {
    background-color: #6f6f6f;
    background-image: -webkit-linear-gradient(#a3a3a3, #6f6f6f);
    background-image: -moz-linear-gradient(#a3a3a3, #6f6f6f);
    background-image: -ms-linear-gradient(#a3a3a3, #6f6f6f);
    background-image: -o-linear-gradient(#a3a3a3, #6f6f6f);
    background-image: linear-gradient(#a3a3a3, #6f6f6f);
}

#ul_center_tab_l_r_elex__ .common_main .btn_size1 {
    width: 123px;
    height: 42px;
    margin: 0px 5px;
    font-size: 16px;
}

#ul_center_tab_l_r_elex__ .common_main .btn_size1 .submit_loading_wrap {
    width: 123px;
    height: 42px;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#ul_center_tab_l_r_elex__ .common_main .btn_size1 .submit_loading_wrap .submit_loading {
    display: block;
    height: 28px;
    margin: 6px auto 0;
}

#ul_center_tab_l_r_elex__ .other_login {
    height: 63px;
    background-color: #e7e7e7;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0px -1px 0 #d5d5d3;
    -moz-box-shadow: 0px -1px 0 #d5d5d3;
    -ms-box-shadow: 0px -1px 0 #d5d5d3;
    -o-box-shadow: 0px -1px 0 #d5d5d3;
    box-shadow: 0px -1px 0 #d5d5d3;
}

#ul_center_tab_l_r_elex__ .other_login {
    margin-top: 20px;
}

#ul_center_tab_l_r_elex__ .other_login .other_login_inner {
    height: 32px;
    margin: 15px auto 0;
    text-align: center;
}

#ul_center_tab_l_r_elex__ .other_login .other_login_inner_tw {
    /*width: 212px;*/
    height: 32px;
    margin: 15px auto 0;
    text-align: center;
}

#ul_center_tab_l_r_elex__ .other_login .third-login-36 {
    position: relative;
    display: inline-block;
    /* *display: inline;
    *zoom: 1; */
    /*float: left;*/
    width: 30px;
    height: 30px;
    background: #c3c3c3 url("../images/login_icons.png") no-repeat;
    border: 1px solid #bcbcbc;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: background-color .2s linear, border .2s linear;
    -moz-transition: background-color .2s linear, border .2s linear;
    -ms-transition: background-color .2s linear, border .2s linear;
    -o-transition: background-color .2s linear, border .2s linear;
    transition: background-color .2s linear, border .2s linear;
}

#ul_center_tab_l_r_elex__ .other_login .third-login-36 .tooltip {
    width: 126px;
    position: absolute;
    top: 43px;
    left: 50%;
    word-break: break-all;
    margin-left: -75px;
    display: inline-block;
    padding: 9px 13px 9px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    font: 13px/18px "helvetica neue", helvetica, arial, sans-serif;
    color: #707070;
    -webkit-transform-origin: -8px 15px;
    -moz-transform-origin: -8px 15px;
    -ms-transform-origin: -8px 15px;
    -o-transform-origin: -8px 15px;
    transform-origin: -8px 15px;
    text-align: center;
    z-index: 120;
    display: none;
}

#ul_center_tab_l_r_elex__ .other_login .third-login-36 .tooltip .tip_arrow {
    position: absolute;
    left: 50%;
    margin-left: -11px;
    top: -9px;
    width: 19px;
    height: 10px;
}

#ul_center_tab_l_r_elex__ .other_login .login-fb-36 {
    background-position: 0 0;
}

#ul_center_tab_l_r_elex__ .other_login .login-fb-36:hover {
    background-color: #7091d0;
    border: 1px solid #6284c4;
}

#ul_center_tab_l_r_elex__ .other_login .login-google-36 {
    background-position: 0 -30px;
}

#ul_center_tab_l_r_elex__ .other_login .login-google-36:hover {
    background-color: #568ced;
    border: 1px solid #477dde;
}

#ul_center_tab_l_r_elex__ .other_login .login-orkut-36 {
    background-position: 0 -60px;
}

#ul_center_tab_l_r_elex__ .other_login .login-orkut-36:hover {
    background-color: #e65cbd;
    border: 1px solid #d64cad;
}

#ul_center_tab_l_r_elex__ .other_login .login-baha-36 {
    background-position: 0 -179px;
}

#ul_center_tab_l_r_elex__ .other_login .login-twitter-36 {
    background-position: 0 -90px;
}

#ul_center_tab_l_r_elex__ .other_login .login-baha-36:hover {
    background-color: #42aea8;
    border: 1px solid #329d97;
}

#ul_center_tab_l_r_elex__ .other_login .login-twitter-36:hover {
    background-color: #00cdf8;
    border: 1px solid #03bbe2;
}

#servers {
    position: fixed;
    left: 50%;
    margin-left: -121px;
    bottom: 10px;
    width: 243px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    z-index: 100;
}

#current_server {
    display: block;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #219bdf;
    font-weight: bold;
    text-indent: 10px;
    cursor: pointer;
}

#current_server .arrow_up {
    position: absolute;
    bottom: 13px;
    right: 11px;
    margin-left: -4px;
    display: inline-block;
    width: 9px;
    height: 5px;
    background: url("../images/login_icons.png") no-repeat 0 -174px;
}

#current_server .arrow {
    background-position: 0 -168px;
}

#all_server {
    height: 249px;
    border-bottom: 1px solid #f5f5f7;
    overflow-y: auto;
}

#all_server ul {
    width: 223px;
    margin: 0 auto;
}

#all_server li {
    height: 26px;
    line-height: 26px;
    border: 1px solid #ffffff;
    text-indent: 9px;
    cursor: pointer;
}

#all_server li:hover {
    color: #1f8ecc;
    font-weight: bold;
    background-color: #d4e4ee;
    border: 1px solid #b6cedc;
}

#ul_center_tab_l_r_elex__ .login_pop_mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 1010;
}

#ul_center_tab_l_r_elex__ .common_main .inner input.error_hint,
#ul_center_tab_l_r_elex__ #ul_register_main_elex__ .inner_diff1 .input_password.error_hint {
    border: 1px solid #ff0000;
    -webkit-box-shadow: 0 0 5px rgb(255, 0, 0);
    -moz-box-shadow: 0 0 5px rgb(255, 0, 0);
    -ms-box-shadow: 0 0 5px rgb(255, 0, 0);
    -o-box-shadow: 0 0 5px rgb(255, 0, 0);
    box-shadow: 0 0 5px rgba(255, 0, 0);
    -webkit-transition: border-color .15s linear, box-shadow .15s linear;
    -moz-transition: border-color .15s linear, box-shadow .15s linear;
    -ms-transition: border-color .15s linear, box-shadow .15s linear;
    -o-transition: border-color .15s linear, box-shadow .15s linear;
    transition: border-color .15s linear, box-shadow .15s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 20;
}

#loading_username,
#success_username {
    position: absolute;
    right: 10px;
    top: 11px;
    display: none;
    z-index: 52;
}

#ul_login_global_loading_elex__ {
    display: inline-block;
    width: 164px;
    height: 164px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -82px;
    margin-top: -82px;
    z-index: 1011;
}

#ul_login_mask_iframe_elex__ {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1009;
}

#ul_center_tab_l_r_elex__ .inner.inner_com1 .tooltip {
    position: absolute;
    top: 0;
    left: 280px;
    max-width: 300px;
    min-width: 150px;
    padding: 9px 13px 9px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    font: bold 13px/18px "helvetica neue", helvetica, arial, sans-serif;
    color: #f30;
    -webkit-transform-origin: -8px 15px;
    -moz-transform-origin: -8px 15px;
    -ms-transform-origin: -8px 15px;
    -o-transform-origin: -8px 15px;
    transform-origin: -8px 15px;
    z-index: 120;
}

#ul_center_tab_l_r_elex__ .inner.inner_com1 .tooltip .tip_arrow_l {
    position: absolute;
    left: -10px;
    top: 9px;
    width: 10px;
    height: 19px;
}

#ul_center_tab_l_r_elex__ .common_main .inner.ie_focus {
    z-index: 60;
}

#ul_center_tab_l_r_elex__ .common_main .inner.ie_focus input {
    border: 1px solid #7caadd !important;
}

#ul_center_tab_l_r_elex__ .common_main .inner input {
    line-height: 37px\9 !important;
}

/* #login_btn disabled */
#login_btn:disabled {
    opacity: 0.5;
    cursor: default;
}


.social-login {
    display: flex;
}

.social-login .social-login-item {
    text-align: center;
    width: 34px;
    height: 34px;
    background-color: #323232;
    border-radius: 4px;
    margin-right: 0.2rem;
    cursor: pointer;
    opacity: 0.8;
    background-position: center;
    background-repeat: no-repeat;
}

.social-login .social-login-item:hover {
    opacity: 1;
}

.social-login-item.google {
    background-image: url(../images/icons/google-icon.png);
    background-size: 65%;
}

.social-login-item.discord {
    background-image: url(../images/icons/discord-icon.png);
    background-size: 65%;
}

.social-login-item.facebook {
    background-image: url(../images/icons/facebook-icon.webp);
    background-size: 65%;
}

.social-login-item.microssoft {
    background-image: url(../images/icons/microssoft-icon.png);
    background-size: 65%;
}

.alert-status {
    background-color: #cfcfcf;
    margin: 0 23px;
    margin-top: 28px;
    text-align: -webkit-center;
    padding: 10px 0;
    border-radius: 4px;
}

.avatar a {
    cursor: default;
}

.avatar img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}


.ui-button-avatar-change {
    position: absolute;
    bottom: 11%;
    right: 29%;
    height: 20px !important;
    padding: 0 !important;
    line-height: 20px !important;
}

.user_avatar {
    width: 100%;
}

.no-slider {
    background-image: url(../images/game_item_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fafafa;
}

.admin-article-button {
    position: absolute;
    top: 3px;
    right: 0;
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
    border-radius: 6px;
    padding: 0 10px;
    border-bottom: none;
    background-color: #00000082;
    height: 34px;
    line-height: 34px;
}

.admin-article-button:hover {
    background-color: #000000fc;
}