/* 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: #0080fa;
}

#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 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: border-color 0.15s linear, box-shadow 0.15s linear;
    -ms-transition: border-color 0.15s linear, box-shadow 0.15s linear;
    -o-transition: border-color 0.15s linear, box-shadow 0.15s linear;
    transition: border-color 0.15s linear, box-shadow 0.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 0.15s linear;
    -moz-transition: box-shadow 0.15s linear;
    -ms-transition: box-shadow 0.15s linear;
    -o-transition: box-shadow 0.15s linear;
    transition: box-shadow 0.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 0.15s linear;
    -moz-transition: box-shadow 0.15s linear;
    -ms-transition: box-shadow 0.15s linear;
    -o-transition: box-shadow 0.15s linear;
    transition: box-shadow 0.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 0.2s linear, border 0.2s linear;
    -moz-transition: background-color 0.2s linear, border 0.2s linear;
    -ms-transition: background-color 0.2s linear, border 0.2s linear;
    -o-transition: background-color 0.2s linear, border 0.2s linear;
    transition: background-color 0.2s linear, border 0.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 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: border-color 0.15s linear, box-shadow 0.15s linear;
    -ms-transition: border-color 0.15s linear, box-shadow 0.15s linear;
    -o-transition: border-color 0.15s linear, box-shadow 0.15s linear;
    transition: border-color 0.15s linear, box-shadow 0.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;
}

/* ranking home new */
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.p-1 {
    padding: 0.25rem !important;
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.fs-7 {
    font-size: 0.95rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.align-middle {
    vertical-align: middle !important;
}
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #181c32;
    --bs-table-striped-bg: rgba(245, 248, 250, 0.75);
    --bs-table-active-color: #181c32;
    --bs-table-active-bg: #f5f8fa;
    --bs-table-hover-color: #181c32;
    --bs-table-hover-bg: #f5f8fa;
    width: 100%;
    margin-bottom: 1rem;
    color: #181c32;
    vertical-align: top;
    border-color: #eff2f5;
}

.table > tbody {
    vertical-align: inherit;
}
.text-gray-600 {
    color: #7e8299 !important;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.table.table-row-dashed tr {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #eff2f5;
}

.table td:first-child,
.table th:first-child,
.table tr:first-child {
    padding-left: 0;
}
.table td,
.table th,
.table tr {
    border-color: inherit;
    border-width: inherit;
    border-style: inherit;
    text-transform: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    height: inherit;
    min-height: inherit;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.table tr div {
    justify-content: left;
}

.align-items-center {
    align-items: center !important;
    place-content: center;
}
.d-flex {
    display: flex !important;
}
.flex-column {
    flex-direction: column !important;
}

.highlight {
    position: relative;
    background: #f5f8fa;
    border-radius: 0.475rem;
    padding: 1.75rem 1.5rem 1.75rem 1.5rem;
}

.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.ms-2 {
    margin-left: 0.5rem !important;
}
.me-3 {
    margin-right: 0.5rem !important;
}

.symbol.symbol-30px > img {
    width: 30px;
    height: 30px;
}
.symbol > img {
    width: 50px;
    height: 50px;
}
.symbol > img {
    width: 100%;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 0.475rem;
}

.rounded-circle {
    border-radius: 50% !important;
}

.bg-danger {
    --bg-color: 241, 65, 108;
}
.rounded-circle {
    border-radius: 50% !important;
}
.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(
        var(--bs-danger-rgb),
        var(--bs-bg-opacity)
    ) !important;
}

.text-gray-800 {
    color: #3f4254 !important;
}

.text-hover-primary {
    transition: color 0.2s ease, background-color 0.2s ease;
}
.fs-7 {
    font-size: 0.95rem !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}

.icon-ranking.gold {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAxCAYAAACGYsqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABRLSURBVHgB7Vp7kJ5VeX/Oee/ffffbe5LdTbIhJIREIZIit2SYto61RQYv0ypqnZa2jragtCoVjZ1OO9hxMtXexlaZWiGKUmsFbMWKM4IVJYACCZBNwia72c1evvv33s97+jvvt1kIsEkWZ/YfezJvvtv7nnN+z/X3PGeJfskGo1Ue3/v4heVmTLs5S0ax+BE/cv/7HfsmPVqlsaqA7/3IlpG1/dGd60azOwvlHqcxUw/HD1fvna2zO962b/wZWoWh0yqNh943aoc2+8PNG8w9xUt+haj3CsrOP67H3rduCJl5GLesCmBOqzRqZfui7rL21vxAiahnJ1HuWry+gfoH85mCKW+7c++oTaswVg0wY/GQY5u9JAIid4JIHCTyjpBu6GTlCnbJtwdoFcaqmbRm0HzLkyeJ9ZflsUeIpg8QhQHF5gbyg4lGyfZnaBXGqml40Gr/rL7g/qA5D5CiQDFCdeznaG62Rs1W+NU9e1/waRXGiqP0Q3t3683W9LpiSX7YNFiv59HdYV17+E37DlbO9ex/3jJ2UW+X+OL6QX9XvryOFqotevZo9KDrio+8dd/Rp871/H0fG+4yDev3MxnayaLksVpLfv83PnP0MVrBWLGGm+1T2/u7o3/Zumv4g9uv3PzOwQH+Ja0Y33Q+z+afGH8u4DqLx3ZRuGErBf3d5AXsoWoxOXyuZ1X+1ln2kxduzdyxffeWt49s7rojl+d3fuVDYwVawVgx4HyOfXjjevPqnst/jzK7bqeNr19XLhf43n+/dWPf2Z7bu3u3Xr/sgpuGt4ztLI1dTbI0SF2jm2j4dVtv7PMLu8+1bjNkV40O043rdl1J+Z2309CVv0pbxuxtRYe/R67AUlcMOOvIPfmihWAXY5mENCmp1NVtaUy/5GzPbb108oKu/sH39uy4gbPMGjKyF1Fu4M3UMzy6pTAwdNNDe88eQAs9+R1Zi8pkWNi1JMY51rUJC1/z7ZsGHTrPseIoHQfJhBt2D5nP35OKK3ED8pv1mMXixHLPPACzKwyN/NPIG65+fW79ZfhmngiCIm5Q/8W/TkwffMvj90196IEPeV988+fHG682R9iszcfdGU9OHXJY5a9I+gLfEUUJTQ3RUISwT+czVqzhWjO+e35irprUIxJVn9xKndpBK5CWae7d+8r57v/A6ACVCrcPbrvsqp4tbzQYm1U5GRpisMOY9HyJujdebAxu2n5rZGm/tdy6vpv0Hj88E8WNkGTTp7Aa0+RUsyZiedfOLxyI6DzHijUsM+Ibhyc9Vnefvbm3z91QvGoNjQzIrD4efK1r4fXf3nZLfT+wNHSmc25lNvaOjv5p/9iWXT0XXEFWl5pB1Qnm6dkAvE52T4HGLrtsSLf5R++/3Q6F5//UF+26lRgGM7UdphTv0oP6O/kazTo2/yyFMxq5DXq6Gpj7H8+PH1jB9l978fDdTwx/efiS6Mb1e3ZS5PqQ+iw15/O0cKx70o/4tGFlbCefWT9wwVCOrAH46yBxbQEi7l+cwcAlcCXAHVHgCnJnDtGpp49W3VPVJ1v16ZPSdws2b1+ey8ie4sUO6YUc1U5WaO5wiPxtvf2Gz45/g1Y4ztDwgx/dUIykvkfXWOIJeuy6zzx3crkHbTt5Y3nIgk+b0BOH5jkV1k1TaSRey6hnrYxDMgsO/NMFzZpBnAGdpFHl9HCkDN4vWqEM0+9ME0LrydPI5WYXc/v3RNOMQnmKuKMTy3ISvkOSWQheMXXFDVqY13bg6WUB3//xTbsMnV+jG3Km3kweuf5vxo+o75d87t4/G1tLNv/LsYu6vrnhwuK38tnkk+l3rzL+48Mb1zlFZ53V1U2hF1IcS1wOJT6nqPYMBZXvkVE8QbxkENdrWOQ52BKCVAJQgU9RZWHpEu0WpaYtYdo2roJO+sAJkvknENMmKEna5C0gQIUmRRHmTzTKIPPmHH3zfX803PVq+/vWrZu39/db+7dcOnTHyAXdf1/Kal+855at3WdouGRrt20bk+/vu+4D0IhJuQf++n2HD7WVyf/BSyd7CFWNG+i3Dq2LTDfk8IkW6bpNiXBIhBqZrIeyQ1tJtzF/HYFboljQC/g9oOaTT1L01CyAay9OaHByNvSSs2uEuNXGb23SkjI5azZRe36evFMxJQzPY60kRkZoxxTgttE10RXjwnoTZtj/0v198+bRUtahT198Wf96c8dHSDaey+Xll6750YHw3fj5c0uAi3nt10plJDkTG2VZ6iqZlm37175cerWW9a515fDtPM/J92pksM4UPNKI80HKDJawcUaydjjVKjOhhERQMHWKgkenyNp5Penl3qX5RHWa2o99F9Ygyd4K1SUQUFQj8DG4SBdpTkT1kzq1kYJkHJPfcilseDSiaUN50/7Y3X+y7fu/87dPnzo9n2Y4G4ple4OeytSDQkLka4skjzadoeHAj6fbbWej+cw/I0VKFDIOeY3ZUaSVTyU582E/Fl4uo1/R1ys+NTQoMjU/JM3jZPYxmG+e8gWYq+XCag9iv4IsIw//RTSOoQ6DUTLhkzAKVLhme5qWTg8pBig8+Ty5R6fI2YZ4IEJsUiDPtom1AspiDnt9RM6sSZXZmOp1j9oLLo37Ma0v5y+GVO958Paxf237/HDGSEZY4r/XPb5wQbzNIePpL0CiGjUbKgXKyTMAt9rxnZMnKltypZ6y+tyee566yq4mA2evH3rtXEmPSkVeGhp1KMqghhU5yvXmKdMLwGwS2p6mpKmRrmFKXJEuyEwQgZlQqOB0Jn5fIP/os6R35Yjn89CGSUxD8OIAKCSlUTuReB938odMKK5UKYoBGMFrcMihLg2ZYMagFw565HGDbRmKr57z2dWNttumSGSTOEfmQIa82UmS3npqeQEdHa8fY5F+75karnhfnSAncH80fltGq27lyI/ZNVnquaSb4nAgGxPooG0QK0LqmQoVkypMb4G8mSp5sYbNQ4owo8Th2H9MhgILc4Kdkyr6nY0ZCmbydOrrX4PVxtRz3VuosH0kXTuOELmFqg4D4FSvMUBDEJhD6UYZhDvTRoyAXfOEekdMGtwIv9ayuNWkctxFJVnKhpFFGXOCjMlJCp57gWaoSRN+z13Ck5+9bt/B8dTkTwPef6AV7X+4+tRv7uytcO5fa2uBI0OJzSWkFzXKrbHILuG9nSCA1MivVmCtLfiVVIogFb46WsGLxkgD0DQFcKQVhk1nIPmNA6SbefIm5sjeuInsfkc5JjWfUsVSm/Jb8gAO8AkEhbQmwxggI8wvKYKQkK5BY2NywbIiF74cRZRYDmk5BMsc9kZ1ksdeIHFyHtvQaMbNt2fd+Kq37nthifa+gmmhNn3E5IX/LerVN8dCkB4KiqpgR+YsJs0St03quKCmkEEJnXwqREIKItOglUCD6wjSUpXDXDmoJIBpekTmWgc6ZMQDCEs002c93+9YQ0pEFkcSn7EvlsALFUkBjVOhQa0m4J8MQmGwDIQz0hDQWLod2EnMyZP8vnfsO35GC/gV3Pe3/+HICT8xfhxHWCCC9mKhbA5Xsrjy6Q0l+B3hBfeoK4EPilhpH+/T30T6SmJx4yLsmCpAiRSMSE1YXeo7qe5FniYlQPW7Ki6UwcjOvOqVkhf3KdONsM4/1knzistIF+tA+E1hu+3I+M7L8b1q8aDr7IdeUkpTaATpC7Q1pA/zCcLUhFO7Vf/Dd1kg00sooPFp0Em6OREpYElqnsp0VcpJhEfKcuIEgk8a6aVytBCiMy0AS/mippW7KJNWeOXiuktaV/9UkGSwLIBEFwSvsB881Ir1iSBkT50XYC9oPeoLYz5Jaa7SMLSFHKgueXpji0OkIPFFqIBD1Ip1QUMqOIvTmkovsag1SQH80otbHX/F5UOoQXSmCaeajaKXqjS1oqWPKkYYCJYoMVNlq32le+2sV4+sn+mmdvi8AKujD/jHXWFipfEjQk5MtYvcp5K/EC/WHInoXIpeKhNm+I1D8wJC4jHcQrmCcgllqtCuBHdOUkGES4BVNJKp27gd01YBSygT6QgoUSatXhP5Eu1Cq0xfkgYLsAnXS12vimgdRdZXUAs0X45t2fLQl7mf5AhRgAcZJV3ly3EEsgGpa9YZ7kQv1UCqSNYxba6BDqqggt4zw7MSwFQKCkIf9zaRcjuCi/BZKlOGlgSCZJq6w04MSMEKmZrvUhpIVaUAL75X5gyBKVNW31QDJ6wF0Q9fDdeyDQBs/Wmf8j/XdL6YC0XqJxybYsmLcHVwOBU0OKInRzpKhZOSB5m+pgEMzymBKUCJH1CAUkzlWw4erq4o9qCRqOPzuEe+xLyXtMoUn1kMUKSqNYNMK3Vf0mFiPOnEC5+bICT6gXcv0zlZFvATE9qzrTjzEzJtLGSQ1NiSKJSPMHTWmQJrmmSYPN1Mami4T3UzlgSnTFOBTgMzIrJKUwqEIhpx5+pE6I5vpCxLviw4aR2gKrfrKDY0S1VhsBpYkM6V8DoKMODOLjOFF2r3LodrWcB7v34whAX+WzsuCW5nSLNRV2gdbSLBYmETRZXeoYdGdvHKpLlZbYYrM4b4uWLxIB+pNwIIRy4WuqTGSZg0SsWw6VF9zkPBcZoDsY7aWOeVoRLjCokBkmLgvZlFQYG1TANCzuB31kEB8Bq6fLNN61AQ6g8uh+usLZ7EYvMLFU3kUbRkHZP0jNIqpb7JGKQs7ZRFpZH79HY5zsSUG2AjCTYC3PDp9KH03kyXRqX1WTr0XyfQIamTj97Y3PMt2vymxaMlrSMcpoQDUExZAzNTTaJuXNQ4hKMDOKxLWZPycJk1qXkyoUo1qcHx3eUwacv9oE4YAq/x2e0b5i9tVLBwDloGgTeLNuillWqXg/JwbFBT0jat9FKbNKAtHWauw/Sk0gzuYWmhANDQ0sDWEmpaQZWJIKWA265fS8OXdiEOJItgNAhJOSeEqtJPar6Y28IaoJI6aKruqM+YExYlEKFrE4KqR2rUV6701ytGcPej9f+hlWi42jrRzRLeR6CVOnxk4YigxlyerBKjfA9q1x7lTwoLeJ7ExtLIBQ6tSQSyuMOfjQ6PTrWSmqeBmQyyTEY7b9x45oII72maSTrcWQK4lIjymkhpJQkAV3xAdEhf0AK/bkTUrqAfVkfkR/eUR23KhjFa1WzXcriWBXx97sb5e5t3feXAz0u7NN8rr9tRoXwRaS2uUWvKpuoxDQtDwqR8VpLlQPMG+LOFjQEQTlQAnnUKCU2Zp7YYMVhq5zz1a9lxhzhejIWsUzDEtEhV0chF/1kEisICpIe0BtKShhEekp0PyQKBMfB8ez5Ed4TTnNm3EOTNLy+H66xdy3tuWevoifPBbOjdnPMXhspFRr2jEQp+mF4J5D2HJh781U+JiIF86mBDTkrqZYy2Dy4plRPjXpCRRL4YIzUFGHkzkR2/5Ko7gpMMbqp8rNyhRR1eEaCZEKS9McOICPIkjg4nb7qkQxCNaU51AF2ITPLDwni9lLvNbHnfe8s/Hq+uGLAa6mS+q2V9Yq3j/XkfglWt0QCrCVOzVe5mGCjLrASH2nhFLaz1wN+xK9a1BsmySNLsQ5QtYqVB4MbpP6GGTQ1LXSo8qaKiiSBVBdAGcvAUGB326qGl6+FA0vcoqaJFVEdJ2FZEBhk80EGqdIpV+ut1qDhsq8qInn1cfO4df3f8ZhVHl8NzzkZ82cv0sSjoi1F3WUOCcghYqOyoHYq0muLQYLYbnQn0pOIFSe5PEZ1B4nU5BWmcSMtF3RIqM0E1ZhqEOmbeWVrAflOCIjqVluLlqgqTaNqFSN4CgSyLtlj2QnRR2gYdfRoichEH8nr6fWEdui9djCqHIsrY1hu+89ExSHp88jUDjtr++3fsqLwnOqXR0WOCHKQX5ZsaGgGktJtNqDAsqXyxRv58QnPYUFRlKQgGkoBUqTIIGYUimpdlyg4OwiUGkeeKHcDtGoLPDHnTJ9Gcq+BySbTQlK+CwqLqMtEQLI1Bka+D6R5HMDwM/0cZxy3lz2junTSofsSnUr5N5bX88kNTA+/CtHe8ZsA6fHTmSdNK7CblejSqz0KTDQ0dB/A6I4aUUdR36ZQZwol+GxryFZ3s5OWU4Cu3hY1p0LKJTXIHKctBMsp1/JkpkhWoFhGe0WV63qTImeLFaWEWq9qDISgJalV18tG2dWHaHgKhXQKJKUSUtwOq1AVlQNzACOOz4jkX4MjU7pv1s1dqx8NreTmm0Us8RXjIQyXlofHuAnwFrNV9GCan/l5lNkn9TOVXnKWSleVp9HYm29As3k9NEc81EWHn0mI3aLVINJvkzaEpXwvIa2sUQnAxzDdOkOMRH9qI1JkpmDhm7dvEyMScxW4N5wbg5a0GnUKfvzFXiqs5Z9Ityv1nw3NeZ0uqk49A9Rd2GFxdiN2unm6fehCtzSJgoQ0VQ2syB8AgArGw00gdizLFHoiHUL1m9V0OM6HcZN2L3LizdEqb0QxgHC0aHZEZfSnG2ziNQRTGZ91soDhok+mlqiYbjXhVUfrzytoYnZxGO9mwag2Z+bIo6Ptv+Mz4j39hwGo88KmxAvrNg0zyt2GHV2p+MGwlcTFnR902l45tR6B/8LkseDas3USjvmO+A6S4uFQnERZ6YiY6KcjfcvH0geuokVWd7FWJ+XUcM80g6KHj2sIRDsrbqIGAGMnUekJhUj3QXTc2WlHCZhPHOiGYfr+r0Q/mYxr/48+PB+fC8ZpOD1V+tjQDnXx9nUjk5sRPhqHSIS2RJWSKMoDnTU0Uob2ioRi5+muBxZISh1uvmC9BHk9/1nhaMAhEfrCpabx64B+1SKBnzOmUtPV53dYPomScFlx7ppn1TvzuCv/65xf+W0tVKX56z25tw85DVk82r/mhbmTh+IwHei2KM5pkBbAkSwdNkRynvSRftUIDlWyChLSjRIZo5jdhJ54wmNTdJGKGLzQ3CNVJ/0oOv/9//DKO/wPfnQAI1gnoDwAAAABJRU5ErkJggg==);
}
.icon-ranking {
    width: 40px;
    height: 33px;
    background-size: cover !important;
}

@media (min-width: 120px) {
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

.me-n4 {
    margin-right: -1rem !important;
}

.ms-4 {
    margin-left: 0.5rem !important;
}

.card {
    border: 0;
    box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff2f5;
    border-radius: 0.475rem;
    box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
}
.ranking-bg {
    background-image: url(../media/backgrounds/ranking-light.jpg);
    background-size: cover;
}

.profile_header .p_info {
    float: right;
    width: 420px;
    margin-right: 30px;
    height: 185px;
    margin-top: 5px;
}

.profile_header .i_vip {
    position: absolute;
    height: 27px;
    width: 27px;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    z-index: 999;
    background-size: cover;
}

.i_grade {
    position: absolute;
    top: 27px;
    right: 3px;
    height: 30px;
    width: 33px;
    font-size: 20px;
    line-height: 33px;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    background-size: cover;
    cursor: pointer;
}

.i_grade img {
    width: 35px;
}

.profile_header .i_married {
    position: absolute;
    height: 27px;
    width: 27px;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    z-index: 999;
    background-size: cover;
}

.header_logo {
    position: absolute;
    left: 324px;
    top: -46px;
    z-index: 6;
}

.profile_header .i_master {
    position: absolute;
    height: 30px;
    width: 36px;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    z-index: 999;
    background-repeat: no-repeat;
}

.showmoreranking {
    float: right;
    font-size: 30px;
    width: 25px;
    color: #770d19;
    background: #f1e7c1;
    background-image: url(/assets/images/showmoreicon.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #770d19;
    height: 24px;
    margin-right: 35px;
}

.fightpower-icon {
    margin-right: 6%;
    margin-left: 6%;
    width: 23px;
    height: 17px;
    background-size: cover !important;
    background: url(data:image/png;base64,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);
}

.Err-Box {
    background-color: #000;
}

.btn-discord {
    background-image: url(/assets/media/icons/discord.webp);
    background-size: cover;
    width: 40px !important;
    height: 40px !important;
    border-radius: 4px !important;
}

.team_player1 {
    background-image: url(/assets/media/others/player1.png);
    background-size: cover;
}

.team_player2 {
    background-image: url(/assets/media/others/player2.png);
    background-size: cover;
}

.ranking-p1 {
    -webkit-animation: float 10s ease-in-out infinite;
    animation: float 10s ease-in-out infinite;
     margin-left: +25%;
     margin-top: -60px;
  zoom: 80%;
}

.ranking-p2 {
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
      margin-left: -40%;
      zoom: 80%;
      
}

.ranking-p3 {
    -webkit-animation: float 8s ease-in-out infinite;
    animation: float 8s ease-in-out infinite;
         margin-top: -40px;
              margin-left: +25%;
              zoom: 70%;
}




.profile_header .i_master:hover span {
    border: silver 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    left: 0;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none;
}

.subpage-content {
    padding: 0;
}

.game-avatar {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}

.game-avatar .equip {
    position: absolute;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.game-avatar .face {
    background-position-x: 2.5%;
    background-position-y: 33%;
    background-size: 616%;
}

.game-avatar .hair {
    background-position-x: 25%;
    background-position-y: 34%;
    background-size: 156%;
}

.p_status .fightpower,
.p_status .stat_agi,
.p_status .stat_at,
.p_status .stat_bat,
.p_status .stat_bdef,
.p_status .stat_def,
.p_status .stat_luc {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
}

.p_status h5 {
    font-family: Poppins;
    color: #fff;
}

.profile_stateheader .p_border {
    width: 100%;
    height: 152px;
    position: relative;
    background-size: cover;
}

.p_picture {
    display: block;
    width: 139px;
    height: 180px;
    right: 0;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: -2rem;
    user-zoom: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p_picture .f_arm,
.p_picture .f_cloth,
.p_picture .f_effect,
.p_picture .f_face,
.p_picture .f_glass,
.p_picture .f_hair,
.p_picture .f_head,
.p_picture .f_nick {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.p_picture .f_arm img,
.p_picture .f_cloth img,
.p_picture .f_effect img,
.p_picture .f_face img,
.p_picture .f_glass img,
.p_picture .f_hair img,
.p_picture .f_head img,
.p_picture .f_nick p {
    height: 165px;
    position: absolute;
    top: 0;
    left: 0;
    user-zoom: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p_picture .f_head {
    z-index: 1;
}

.p_picture .f_hair {
    z-index: 1;
}

.p_picture .f_glass {
    z-index: 1;
}

.p_picture .f_effect {
    z-index: 1;
}

.p_picture .f_face {
    z-index: 1;
}

.p_picture .f_cloth {
    z-index: 1;
}

.p_picture .f_arm {
    z-index: 1;
}

.p_picture .f_nick {
    z-index: 0;
}

.p_picture2 {
    display: block;
    width: 129px;
    height: 180px;
    right: 200px;
    top: 15px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -180px;
    user-zoom: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p_picture2 .f_arm,
.p_picture2 .f_cloth,
.p_picture2 .f_effect,
.p_picture2 .f_face,
.p_picture2 .f_glass,
.p_picture2 .f_hair,
.p_picture2 .f_head,
.p_picture2 .f_nick {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.p_picture2 .f_arm img,
.p_picture2 .f_cloth img,
.p_picture2 .f_effect img,
.p_picture2 .f_face img,
.p_picture2 .f_glass img,
.p_picture2 .f_hair img,
.p_picture2 .f_head img,
.p_picture2 .f_nick p {
    height: 165px;
    position: absolute;
    top: 0;
    left: 0;
    user-zoom: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p_picture2 .f_head {
    z-index: 3;
}

.p_picture2 .f_hair {
    z-index: 2;
}

.p_picture2 .f_glass {
    z-index: 3;
}

.p_picture2 .f_effect {
    z-index: 2;
}

.p_picture2 .f_face {
    z-index: 1;
}

.p_picture2 .f_cloth {
    z-index: 2;
}

.p_picture2 .f_arm {
    z-index: 0;
}

.p_picture2 .f_nick {
    z-index: 0;
}

.p_picture3 {
    display: block;
    width: 129px;
    height: 180px;
    right: -185px;
    top: -16px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -150px;
    user-zoom: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p_picture3 .f_arm,
.p_picture3 .f_cloth,
.p_picture3 .f_effect,
.p_picture3 .f_face,
.p_picture3 .f_glass,
.p_picture3 .f_hair,
.p_picture3 .f_head,
.p_picture3 .f_nick {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.p_picture3 .f_arm img,
.p_picture3 .f_cloth img,
.p_picture3 .f_effect img,
.p_picture3 .f_face img,
.p_picture3 .f_glass img,
.p_picture3 .f_hair img,
.p_picture3 .f_head img,
.p_picture3 .f_nick p {
    height: 165px;
    position: absolute;
    top: 0;
    left: 0;
    user-zoom: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.p_picture3 .f_head {
    z-index: 3;
}

.p_picture3 .f_hair {
    z-index: 2;
}

.p_picture3 .f_glass {
    z-index: 3;
}

.p_picture3 .f_effect {
    z-index: 2;
}

.p_picture3 .f_face {
    z-index: 1;
}

.p_picture3 .f_cloth {
    z-index: 2;
}

.p_picture3 .f_arm {
    z-index: 0;
}

.p_picture3 .f_nick {
    z-index: 0;
}

.player_profile {
    display: block;
    margin: 0 auto;
}

.player_status {
    display: block;
    margin: 0 auto;
}

.profile_header {
    display: inline-block;
    padding: 0 10px;
}

.profile_header .p_border {
    width: 192px;
    height: 220px;
    position: relative;
    float: left;
    background-size: cover;
}

.profile_header .p_circlelight {
    width: 122px;
    height: 122px;
    background-repeat: no-repeat;
    position: absolute;
    transform-origin: 50% 50%;
    animation: 9s rotateRight infinite linear;
    top: 34px;
    left: 24px;
}

.profile_header .p_circlelightb {
    width: 130px;
    height: 132px;
    background-repeat: no-repeat;
    position: absolute;
    transform-origin: 50% 50%;
    animation: 9s rotateRight infinite linear;
    top: 30px;
    left: 20px;
}

.p_circlelightc {
    width: 272px;
    height: 173px;
    position: absolute;
    transform-origin: 50% 50%;
    top: 7px;
    left: -16px;
}

.f_wing {
    position: absolute;
    left: -32px;
}

.p_sinplelight {
    width: 170px;
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    transform-origin: 50% 50%;
    top: 15px;
    left: 5px;
    z-index: 2;
}

@keyframes changeFrame_sl3 {
    0% {
        background-image: url(../game/sinplelight/SinpleLight_3/0.png);
    }

    3% {
        background-image: url(../game/sinplelight/SinpleLight_3/0.png);
    }

    6% {
        background-image: url(../game/sinplelight/SinpleLight_3/1.png);
    }

    9% {
        background-image: url(../game/sinplelight/SinpleLight_3/2.png);
    }

    12% {
        background-image: url(../game/sinplelight/SinpleLight_3/3.png);
    }

    15% {
        background-image: url(../game/sinplelight/SinpleLight_3/4.png);
    }

    18% {
        background-image: url(../game/sinplelight/SinpleLight_3/5.png);
    }

    21% {
        background-image: url(../game/sinplelight/SinpleLight_3/6.png);
    }

    24% {
        background-image: url(../game/sinplelight/SinpleLight_3/7.png);
    }

    27% {
        background-image: url(../game/sinplelight/SinpleLight_3/8.png);
    }

    30% {
        background-image: url(../game/sinplelight/SinpleLight_3/9.png);
    }

    33% {
        background-image: url(../game/sinplelight/SinpleLight_3/10.png);
    }

    36% {
        background-image: url(../game/sinplelight/SinpleLight_3/11.png);
    }

    39% {
        background-image: url(../game/sinplelight/SinpleLight_3/12.png);
    }

    42% {
        background-image: url(../game/sinplelight/SinpleLight_3/13.png);
    }

    45% {
        background-image: url(../game/sinplelight/SinpleLight_3/14.png);
    }

    48% {
        background-image: url(../game/sinplelight/SinpleLight_3/15.png);
    }

    51% {
        background-image: url(../game/sinplelight/SinpleLight_3/16.png);
    }

    54% {
        background-image: url(../game/sinplelight/SinpleLight_3/17.png);
    }

    57% {
        background-image: url(../game/sinplelight/SinpleLight_3/18.png);
    }

    60% {
        background-image: url(../game/sinplelight/SinpleLight_3/19.png);
    }

    63% {
        background-image: url(../game/sinplelight/SinpleLight_3/20.png);
    }

    66% {
        background-image: url(../game/sinplelight/SinpleLight_3/21.png);
    }

    69% {
        background-image: url(../game/sinplelight/SinpleLight_3/22.png);
    }

    72% {
        background-image: url(../game/sinplelight/SinpleLight_3/23.png);
    }

    75% {
        background-image: url(../game/sinplelight/SinpleLight_3/24.png);
    }

    78% {
        background-image: url(../game/sinplelight/SinpleLight_3/25.png);
    }

    81% {
        background-image: url(../game/sinplelight/SinpleLight_3/26.png);
    }

    84% {
        background-image: url(../game/sinplelight/SinpleLight_3/27.png);
    }

    87% {
        background-image: url(../game/sinplelight/SinpleLight_3/28.png);
    }

    90% {
        background-image: url(../game/sinplelight/SinpleLight_3/29.png);
    }

    93% {
        background-image: url(../game/sinplelight/SinpleLight_3/30.png);
    }

    96% {
        background-image: url(../game/sinplelight/SinpleLight_3/30.png);
    }

    99% {
        background-image: url(../game/sinplelight/SinpleLight_3/30.png);
    }
}

@keyframes changeFrame_sl2 {
    0% {
        background-image: url(../game/sinplelight/SinpleLight_2/0.png);
    }

    3% {
        background-image: url(../game/sinplelight/SinpleLight_2/0.png);
    }

    6% {
        background-image: url(../game/sinplelight/SinpleLight_2/1.png);
    }

    9% {
        background-image: url(../game/sinplelight/SinpleLight_2/2.png);
    }

    12% {
        background-image: url(../game/sinplelight/SinpleLight_2/3.png);
    }

    15% {
        background-image: url(../game/sinplelight/SinpleLight_2/4.png);
    }

    18% {
        background-image: url(../game/sinplelight/SinpleLight_2/5.png);
    }

    21% {
        background-image: url(../game/sinplelight/SinpleLight_2/6.png);
    }

    24% {
        background-image: url(../game/sinplelight/SinpleLight_2/7.png);
    }

    27% {
        background-image: url(../game/sinplelight/SinpleLight_2/8.png);
    }

    30% {
        background-image: url(../game/sinplelight/SinpleLight_2/9.png);
    }

    33% {
        background-image: url(../game/sinplelight/SinpleLight_2/10.png);
    }

    36% {
        background-image: url(../game/sinplelight/SinpleLight_2/11.png);
    }

    39% {
        background-image: url(../game/sinplelight/SinpleLight_2/12.png);
    }

    42% {
        background-image: url(../game/sinplelight/SinpleLight_2/13.png);
    }

    45% {
        background-image: url(../game/sinplelight/SinpleLight_2/14.png);
    }

    48% {
        background-image: url(../game/sinplelight/SinpleLight_2/15.png);
    }

    51% {
        background-image: url(../game/sinplelight/SinpleLight_2/16.png);
    }

    54% {
        background-image: url(../game/sinplelight/SinpleLight_2/17.png);
    }

    57% {
        background-image: url(../game/sinplelight/SinpleLight_2/18.png);
    }

    60% {
        background-image: url(../game/sinplelight/SinpleLight_2/19.png);
    }

    63% {
        background-image: url(../game/sinplelight/SinpleLight_2/20.png);
    }

    66% {
        background-image: url(../game/sinplelight/SinpleLight_2/21.png);
    }

    69% {
        background-image: url(../game/sinplelight/SinpleLight_2/22.png);
    }

    72% {
        background-image: url(../game/sinplelight/SinpleLight_2/23.png);
    }

    75% {
        background-image: url(../game/sinplelight/SinpleLight_2/24.png);
    }

    78% {
        background-image: url(../game/sinplelight/SinpleLight_2/25.png);
    }

    81% {
        background-image: url(../game/sinplelight/SinpleLight_2/26.png);
    }

    84% {
        background-image: url(../game/sinplelight/SinpleLight_2/27.png);
    }

    87% {
        background-image: url(../game/sinplelight/SinpleLight_2/28.png);
    }

    90% {
        background-image: url(../game/sinplelight/SinpleLight_2/29.png);
    }

    93% {
        background-image: url(../game/sinplelight/SinpleLight_2/30.png);
    }

    96% {
        background-image: url(../game/sinplelight/SinpleLight_2/30.png);
    }

    99% {
        background-image: url(../game/sinplelight/SinpleLight_2/30.png);
    }
}

@keyframes changeFrame_sl1 {
    0% {
        background-image: url(../game/sinplelight/SinpleLight_1/0.png);
    }

    3% {
        background-image: url(../game/sinplelight/SinpleLight_1/0.png);
    }

    6% {
        background-image: url(../game/sinplelight/SinpleLight_1/1.png);
    }

    9% {
        background-image: url(../game/sinplelight/SinpleLight_1/2.png);
    }

    12% {
        background-image: url(../game/sinplelight/SinpleLight_1/3.png);
    }

    15% {
        background-image: url(../game/sinplelight/SinpleLight_1/4.png);
    }

    18% {
        background-image: url(../game/sinplelight/SinpleLight_1/5.png);
    }

    21% {
        background-image: url(../game/sinplelight/SinpleLight_1/7.png);
    }

    24% {
        background-image: url(../game/sinplelight/SinpleLight_1/8.png);
    }

    27% {
        background-image: url(../game/sinplelight/SinpleLight_1/9.png);
    }

    30% {
        background-image: url(../game/sinplelight/SinpleLight_1/10.png);
    }

    33% {
        background-image: url(../game/sinplelight/SinpleLight_1/11.png);
    }

    36% {
        background-image: url(../game/sinplelight/SinpleLight_1/12.png);
    }

    39% {
        background-image: url(../game/sinplelight/SinpleLight_1/14.png);
    }

    42% {
        background-image: url(../game/sinplelight/SinpleLight_1/15.png);
    }

    45% {
        background-image: url(../game/sinplelight/SinpleLight_1/16.png);
    }

    48% {
        background-image: url(../game/sinplelight/SinpleLight_1/17.png);
    }

    51% {
        background-image: url(../game/sinplelight/SinpleLight_1/18.png);
    }

    54% {
        background-image: url(../game/sinplelight/SinpleLight_1/19.png);
    }

    57% {
        background-image: url(../game/sinplelight/SinpleLight_1/21.png);
    }

    60% {
        background-image: url(../game/sinplelight/SinpleLight_1/22.png);
    }

    63% {
        background-image: url(../game/sinplelight/SinpleLight_1/23.png);
    }

    66% {
        background-image: url(../game/sinplelight/SinpleLight_1/24.png);
    }

    69% {
        background-image: url(../game/sinplelight/SinpleLight_1/25.png);
    }

    72% {
        background-image: url(../game/sinplelight/SinpleLight_1/26.png);
    }

    75% {
        background-image: url(../game/sinplelight/SinpleLight_1/28.png);
    }

    78% {
        background-image: url(../game/sinplelight/SinpleLight_1/29.png);
    }

    81% {
        background-image: url(../game/sinplelight/SinpleLight_1/30.png);
    }

    84% {
        background-image: url(../game/sinplelight/SinpleLight_1/31.png);
    }

    87% {
        background-image: url(../game/sinplelight/SinpleLight_1/32.png);
    }

    90% {
        background-image: url(../game/sinplelight/SinpleLight_1/33.png);
    }

    93% {
        background-image: url(../game/sinplelight/SinpleLight_1/35.png);
    }

    96% {
        background-image: url(../game/sinplelight/SinpleLight_1/35.png);
    }

    99% {
        background-image: url(../game/sinplelight/SinpleLight_1/35.png);
    }
}

@keyframes rotateRight {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateLeft {
    100% {
        transform: rotate(-360deg);
    }
}

.icon-power {
    width: 18px;
    margin-top: 9px;
    height: 23px;
    background-size: cover !important;
    background: url(data:image/png;base64,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);
}

.icon-pvp {
    width: 23px;
    margin-top: 9px;
    height: 23px;
    background-size: cover !important;
    background: url("../media/others/icon-pvp.png");
}

.icon-ranking {
    width: 40px;
    height: 33px;
    background-size: cover !important;
}

.icon-ranking.gold {
    background: url(data:image/png;base64,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);
}

.icon-ranking.silver {
    background: url(data:image/png;base64,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);
}

.icon-ranking.bronze {
    background: url(data:image/png;base64,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);
}

.item-icon-custom {
    background-size: cover;
    cursor: pointer;
}

.border-dark-custom {
    border-color: #1e1e2d;
}

.mt-n5 {
    margin-top: -1.25rem !important;
}

.me-6 {
    margin-right: 0.5rem !important;
}

.select-server{
    border-radius: 4px;
    cursor: pointer;
    border: none;
}

.select-server:focus {
    outline: none;
}

.select-server option {
    background-color: #1e1e2d;
    color: white;
}

/* 🔥 FUNDO DO BLOCO */
.news {
    position: relative; /* importante para sobreposição de elementos */
    border-radius: 1px;
    top: -75px;
    padding: 15px;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    overflow: hidden; /* garante que nada ultrapasse os cantos arredondados */

    /* Gradiente + imagem de fundo */
    background: 
        linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), 
        url('/img/fundo-login.jpg') center/cover no-repeat;
    color: white; /* para o texto ficar visível sobre a imagem */
}
/* Botão ENTRAR com ícone via CSS */
.actions .btn-entrar {
    background-color: #0f59e2;
    border: none;
    border-radius: 8px;
    height: 100px;
    width: 85px; /* ajuste conforme quiser */
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    transition: background-color 0.3s ease;

    display: flex;
    flex-direction: column;   /* ícone em cima, texto embaixo */
    align-items: center;
    justify-content: center;
    gap: 100px;                 /* espaço entre ícone e texto */

    /* Ícone via CSS */
    background-image: url('/img/loginbt.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 80px 85px; /* tamanho do ícone */
    padding-top: 80px;           /* espaço para o ícone */
}

/* 🔥 TÍTULO */
.news .title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
}

/* 🔥 SELECT BONITO */
.select-server {
    background: rgba(33, 93, 223, 0.88);
    border: 1px solid rgba(255,255,255,0.1);
    color: #f5f5f5;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 12px;
    outline: none;
    transition: 0.3s;
}

.select-server:hover {
    border-color: #1100ff;
    box-shadow: 0 0 8px #0026ff;
}

/* 🔥 TABELA */
.highlight {
    background: rgba(255,255,255,0.03);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.05);
    overflow: hidden;
}

.table tbody tr {
    transition: 0.2s;
}

.table tbody tr:hover {
    background: rgba(0,195,255,0.08);
    transform: scale(1.01);
}

/* 🔥 PODIUM BASE */
.ranking-p1, .ranking-p2, .ranking-p3 {
    transition: 0.3s;
}

.ranking-p1:hover,
.ranking-p2:hover,
.ranking-p3:hover {
    transform: translateY(-5px) scale(1.03);
}

/* 🥇 PRIMEIRO (DESTAQUE) */
.ranking-p1 {
    filter: drop-shadow(0 0 12px rgba(255,215,0,0.6));
}

/* 🥈 SEGUNDO */
.ranking-p2 {
    filter: drop-shadow(0 0 10px rgba(180,180,180,0.5));
}

/* 🥉 TERCEIRO */
.ranking-p3 {
    filter: drop-shadow(0 0 8px rgba(205,127,50,0.5));
}

/* 🔥 PERSONAGEM (CAMADAS) */
.p_picture img {
    image-rendering: auto;
}





/* 🔥 ANIMAÇÃO LEVE */
@keyframes glowPulse {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.2); }
    100% { filter: brightness(1); }
}

.ranking-p1 {
    animation: glowPulse 2s infinite;
}

/* 🔥 RESPONSIVO */
@media (max-width: 768px) {
    .ranking-p1, .ranking-p2, .ranking-p3 {
        transform: scale(0.8);
    }
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,Helvetica,sans-serif;
}


/* TOOLBAR */
.toolbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:70px;
    background:#111a27;
    display:flex;
    align-items:center;
    padding:0 20px;
    z-index:1000;
}

.toolbar a{
    color:#fff;
    margin:0 10px;
    text-decoration:none;
    font-weight:bold;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background: #7fd3ff;
    overflow: hidden;
}

/* FUNDO */
.app-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    background-image: url("/img/fundo-login1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    /* garante que nada “quebra” a renderização */
    background-color: transparent;
}

/* ========================= */
/* PAINEL GLASS TRANSPARENTE */
/* ========================= */
.card {
    width: 540px;
 height: 500px;
    background: rgba(20, 30, 45, 0.55);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(0, 26, 255, 0.7);
    border-radius: 14px;

    padding: 18px;

    color: #fff;

    box-shadow:
        0 8px 30px rgba(17, 165, 224, 0.3),
        inset 0 0 20px rgba(30, 105, 204, 0.92);

    position: relative;
    overflow: hidden;
}

/* brilho animado bonito */
.card::before {
    content: "";
    position: absolute;

    top: -50%;
    left: -50%;

    width: 200%;
    height: 200%;
    pointer-events: none;

    background: radial-gradient(
        circle,
        rgba(255, 215, 120, 0.08),
        transparent 60%
    );

    animation: glowMove 6s linear infinite;
}

@keyframes glowMove {
    0% { transform: translate(0,0); }
    50% { transform: translate(10%, -10%); }
    100% { transform: translate(0,0); }
}

/* TITULOS */
h3, .title-section {
    font-size: 17px;

    color: #ffffff;

    text-shadow: 2px 2px 0 #000000;

    margin: 10px 0;

    cursor: pointer;
}
/* CONTAINER DO MENU SERVIDORES */
.servers-menu {
    position: relative;
    display: inline-block;
    
}

/* BOTÃO */
.servers-main {
    background: #0077ff;
    border: none;
    padding: 7px 12px;
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

/* LISTA DE SERVIDORES */
.servers-list {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);

    position: absolute;
    top: 110%;
    right: 0;

    min-width: 220px;

    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 8px;

    z-index: 9999;

    transition: 0.15s ease;
}

/* MOSTRA AO PASSAR O MOUSE */
.servers-menu:hover .servers-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* SERVIDOR (NÃO CLICÁVEL) */
.server {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 9px 12px;
    margin: 6px 0;

    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;

    text-decoration: none;
    color: #fff;

    transition: 0.15s ease;

    pointer-events: none; /* 🔥 BLOQUEIA CLIQUE */
    cursor: default;
}

/* HOVER VISUAL AINDA FUNCIONA */
.server:hover {
    transform: translateY(-2px);
    background: #222;
    border-color: #0077ff;
}

/* STATUS ONLINE */
.online {
    color: #00ff88;
    font-weight: bold;
}

/* STATUS OFFLINE */
.offline {
    color: #ff3b3b;
    font-weight: bold;
}

/* LOGIN FULLSCREEN */


html, body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

/* FUNDO FULL SCREEN REAL */
.login-wrapper{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;

    width:100%;
    height:100%;

    display:flex;
    justify-content:center;
    align-items:center;

    background-image:url("/img/fundo-login.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    /* garante que nada cubra a imagem */
    background-color:transparent !important;

    z-index:1;
}

/* REMOVE QUALQUER OVERLAY ESCURO */
.login-wrapper::before{
    display:none !important;
}

/* LOGIN POR CIMA DO FUNDO */
.login-box{
    position:relative;
    z-index:2;
}










/* AÇÕES */
.login-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

/* BOTÃO LOGIN */
.login-actions button {
    background: linear-gradient(135deg, #9aaf95, #a13939);
    border: none;
    padding: 10px 18px;
    border-radius: 10px;
    color: #111;
    font-weight: bold;
    cursor: pointer;
}

/* FOOTER OFF */
footer, .footer {
    display: none !important;
}

/* RESPONSIVO EXTRA */
@media (max-width: 600px){
    .login-box{
        padding: 20px;
    }
}
#hurricane-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: radial-gradient(circle at center, #000 0%, #05010a 40%, #000 100%);
    z-index: 999999;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: opacity 0.4s ease;
}

#hurricane-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/* Furacão */
.hurricane {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid rgba(0, 200, 255, 0.2);
    border-top: 4px solid rgba(0, 200, 255, 1);
    border-right: 4px solid rgba(0, 200, 255, 0.6);
    animation: spin 0.7s linear infinite;
    box-shadow: 0 0 40px rgba(0, 200, 255, 0.6);
}

#hurricane-overlay p {
    color: #00d9ff;
    margin-top: 20px;
    font-family: Arial, sans-serif;
    letter-spacing: 2px;
    animation: pulse 1s infinite;
}

@keyframes spin {
    from { transform: rotate(0deg) scale(1); }
    to { transform: rotate(360deg) scale(1.1); }
}

@keyframes pulse {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}
/* CONTAINER CENTRAL */
.painel-container {
    max-width: 540px;
    margin: 40px auto;
    padding: 20px;
}

/* TITULO */
.title-section {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    color: #00e5ff;
    text-shadow: 0 0 10px #00e5ff, 0 0 20px #0077ff;
}

/* ALERTAS */
.success, .error {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
}

.success {
    background: rgba(0,255,120,0.1);
    border: 1px solid #00ff88;
    color: #00ff88;
}

.error {
    background: rgba(255,0,0,0.1);
    border: 1px solid #ff4444;
    color: #ff4444;
}














































/* RESET FORTE */
*{
    box-sizing:border-box;
}

/* ========================= */
/* LISTA PERSONAGENS */
/* ========================= */

.char-list{
    font-size:0;
    padding:10px;
    border:1px solid #2a2a2a;
    border-radius:10px;
    background:rgba(0,0,0,0.25);
}

/* ========================= */
/* CARD */
/* ========================= */

.char{
    display:inline-block;
    vertical-align:top;
    width:25%;
    padding:8px;
    font-size:14px;

    border-radius:10px;
    background:linear-gradient(145deg,#141a28,#1a2233);
    border:1px solid rgba(255,255,255,0.05);

    text-align:center;
    transition:0.2s;
}

.char:hover{
    background:#1a2233;
}

/* NOME */
.char small{
    display:block;
    font-size:11px;
    font-weight:600;
    color:#fff;
    margin-bottom:6px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* BOTÃO JOGAR */
.btn-play{
    width:100%;
    padding:5px;
    font-size:11px;

    border:none;
    border-radius:6px;
    cursor:pointer;

    color:#fff;
    background:#00aaff;

    margin-bottom:5px;
}

/* ========================= */
/* MENU ⚙ (FIXO EM CSS) */
/* ========================= */

.char-menu{
    position:relative;
}

/* botão */
.char-main{
    width:100%;
    padding:4px;

    font-size:12px;
    border:none;
    border-radius:6px;

    background:#1e1e1e;
    color:#fff;

    cursor:pointer;
}

/* DROPDOWN */
.char-actions{
    display:none;

    position:absolute;
    top:32px;
    left:0;

    width:100%;
    background:#121826;

    border-radius:8px;
    z-index:100;
}

/* ABRE NO HOVER */
.char-menu:hover .char-actions{
    display:block;
}

/* 🔥 ABRE E FICA FIXO AO CLICAR (CSS TRUQUE) */
.char-menu:focus-within .char-actions{
    display:block;
}

/* BOTÕES MENU */
.char-actions button{
    width:100%;
    padding:6px;

    font-size:11px;
    border:none;

    background:transparent;
    color:#fff;

    text-align:left;
    cursor:pointer;
}

.char-actions button:hover{
    background:#1f2a44;
}

/* DELETE */
.char-actions button:last-child{
    color:#ff6b6b;
}

/* ========================= */
/* FORM TRANSFER */
/* ========================= */

[id^="transfer-"]{
    background:#121826;
    border:1px solid #2a2a2a;

    padding:8px;
    border-radius:8px;

    margin-top:6px;
}

[id^="transfer-"] input{
    width:100%;
    padding:6px;

    margin-bottom:6px;

    border:none;
    border-radius:6px;

    background:#1e1e1e;
    color:#fff;

    font-size:11px;
}

[id^="transfer-"] button{
    width:100%;
    padding:6px;

    border:none;
    border-radius:6px;

    background:#00c853;

    color:#fff;
    font-size:11px;
}










/* ===== FUNDO ===== */
body {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #74ebd5, #ACB6E5);
    min-height: 100vh;
    
}

/* ===== LOGIN FIXO ===== */
.login-ddtankstar {
   position: absolute; /* trocado de fixed para absolute */
    top: 9.5%;
    left: 70px;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    z-index: 1000;
    transition: all 0.3s ease; /* anima posição e escala */
}

/* ===== CARTÃO DE LOGIN ===== */
.login-card1 {
    
    background: #fff;
    padding: 30px 20px;
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 300px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.login-card1:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

/* ===== TÍTULO E SUBTÍTULO ===== */
.login-card1 h1 {
    margin-bottom: 8px;
    font-size: 24px;
    color: #333;
}

.login-card1 .subtitle {
    margin-bottom: 20px;
    color: #000000;
    font-size: 13px;
}

/* ===== CAMPOS DO FORMULÁRIO ===== */
.login-card1 input[type="text"] {
    width: 50%;
    padding: 12px 12px;
    margin-bottom: 15px;
    height: 35px;
    margin-left: -5px;
    margin-right: 100px;
    border: 1px solid #157df3;
    border-radius: 8px;
    font-size: 13px;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

.login-card1 input[type="password"]{

    width: 50%;
    padding: 12px 12px;
    margin-bottom: 15px;
    height: 35px;
    margin-right: 100px;
    border: 1px solid #157df3;
    border-radius: 8px;
    font-size: 13px;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}



.login-card1 input[type="text"]:focus,
.login-card1 input[type="password"]:focus {
    border-color: #0c1bee;
    box-shadow: 0 0 6px rgba(0, 127, 230, 0.986);
    outline: none;
}

/* ===== AÇÕES ===== */
.actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.actions a {
    font-size: 11px;
    color: #1060d8;
    margin-left: 12px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.actions a:hover {
    color: #140085;
}

.actions button {
    background-color: #0d5dd4;
    border: none;
    padding: 8px 16px;
    margin-top: -42%;
    border-radius: 8px;
    height: 100px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;
    font-size: 13px;
}

.actions button:hover {
    background-color: #060469;
}

/* ===== RODAPÉ ===== */
.footer {
    font-size: 12px;
    color: #777;
}

.footer a {
    color: #74ebd5;
    text-decoration: none;
    font-weight: 500;
}

.footer a:hover {
    color: #3ea6a0;
}

/* ===== BOTÃO GOOGLE LOGIN ===== */
.google-login {
    width: 50%;
    padding: 8px 12px 8px 36px; /* espaço extra à esquerda para o ícone */
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-left: 12px;
    background-color: #da5757;
    color: #faeaea;
    font-size: 13px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3c/Google_Favicon_2025.svg');
    background-repeat: no-repeat;
    background-position: 10px center; /* ícone à esquerda, centralizado verticalmente */
    background-size: 18px 18px; /* tamanho do ícone */

    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.google-login:hover {
    background-color: #06369e;
    color: #ffffff; /* muda a cor do texto no hover */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.google-login img {
    width: 18px;
    height: 18px;
}














/* ===== AÇÕES ===== */
.criarconta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    margin-bottom: 15px;
}

.criarconta a {
    font-size: 15px;
    color: rgb(33, 94, 226);
    margin-left: 67%;
        white-space: nowrap;       /* evita quebra do texto */
    width: 60%;
    margin-top: -25px;
        align-items: center;    
    text-decoration: none;
    transition: color 0.3s ease;
}

.criarconta a:hover {
    color: #00025f;
}

/* Botão com nome completo e grande */
.criarconta button {
    background-color: #0d5dd4;
    border: none;
    padding: 16px 32px;       /* Aumenta espaço interno para o nome completo */
    margin-top: -42%;
    border-radius: 8px;
    height: auto;              /* altura automática para caber o texto */
    min-height: 100px;         /* mantém altura mínima */
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease;

    font-size: 22px;           /* texto grande */
    text-transform: uppercase; /* opcional: maiúsculo */
    display: flex;             
    align-items: center;       /* centraliza vertical */
    justify-content: center;   /* centraliza horizontal */
    white-space: nowrap;       /* evita quebra do texto */
}

.criarconta button:hover {
    background-color: #051077;
}







/* Container do ranking */
.server-rank-container {
    position: absolute;
    top: 44.8%;
    right: 823px;
    transform: translateY(-50%);
    max-width: 300px;

    /* Ajustes para UC Browser */
    overflow: visible; /* garante que nada seja cortado */
    z-index: 9999;     /* garante que o painel fique visível */
    -webkit-overflow-scrolling: touch; /* suaviza scroll em UC */
}

/* Lista de servidores */
.server-list {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden; /* UC não gosta de scroll horizontal */
    background-color: #ffffff;
    padding: 13px;
    border-radius: 1px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    gap: 5px;

    /* UC safe */
    word-wrap: break-word;
}

/* Item do ranking */
.server-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 54px;
    min-height: 38px;
    background-color: #0e4dd3;
    border-radius: 5px;
    text-decoration: none;
    color: #f1f2f3;
    font-weight: 600;
    font-family: 'Arial Black', sans-serif;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2);
    cursor: pointer;

    /* Evitar quebra de linha e cortar texto */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    /* UC fix */
    min-width: 0;
}

/* Hover bonito */
.server-item:hover {
    background-color: #0b3bb0;
}

/* Disabled */
.server-item.disabled {
    background-color: rgba(88, 173, 243, 0.733);
    color: #000;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.7;
    box-shadow: none;
}

/* Rank */
.server-item .rank {
    width: 30px;
    font-weight: bold;
    flex-shrink: 0;
}

/* Nome do servidor */
.server-item .server-name {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 5px; /* espaço extra para UC */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ícone online */
.server-item .server-name.online-icon::before {
    content: "●";
    font-size: 14px;
    color: green;
}

/* Status do servidor */
.server-item .server-status {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    min-width: 80px;
    justify-content: flex-end;
    flex-shrink: 0;
}

/* Círculo de status */
.server-item .server-status .status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;

}

/* Online: verde e piscando */
.server-item .server-status.online .status-dot {

    animation: blink 1s infinite;
}


/* Animação do piscar */
@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}

/* Scroll da lista */
.server-list::-webkit-scrollbar {
    width: 6px;
}

.server-list::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
}

/* Mensagem caso não tenha servidor */
.no-server {
    color: #000;
    font-size: 12px;
    text-align: center;
    padding: 15px 0;
}




/* ===== FUNDO ===== */
body {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #ffffff, #ffffff);
    min-height: 100vh;
}

/* ===== HUD (RANK) ===== */
.rank1 {
    position: absolute; /* trocado de fixed para absolute */
    top: 86.9%;
    left: 6.8%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; /* anima mudanças de posição e escala */
}

/* Faz os selects dentro de .rank1 ficarem brancos */
.rank1 select {
    background-color: white; /* fundo branco */
    color: rgb(255, 255, 255);            /* texto preto para contraste */
    border: 1px solid #000000;  /* borda cinza clara */
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
}



/* ===== CARD ===== */
.rank-card {
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 10px 25px rgb(254, 254, 255);
    width: 100%;
    max-width: 299px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ===== TABELA ===== */
.rank-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    
}




/* Filtro do ranking */
.rank-filters select {
    padding: 4px 8px;       /* diminui espaço interno */
    font-size: 12px;        /* texto menor */
    height: 30px;           /* altura menor */
    border-radius: 4px;
    border: 1px solid #000000;
    background-color: #2160d4;
    cursor: pointer;
}

#ranking_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#ranking_list tr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    background: rgba(0, 0, 0, 0);
    padding: 5px 10px;
    border-radius: 4px;
}

/* ===== PLAYER BOX ===== */
.player-box {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

/* ===== RANK NUMBER ===== */
.rank-number {
    width: 30px;
    min-width: 30px;
    text-align: center;
    font-weight: bold;
    color: #000;
}

/* ===== AVATAR ===== */
.player-box img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid #2c8fff;
    flex-shrink: 0;
}

/* ===== INFO ===== */
.player-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.player-info strong {
    font-size: 13px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-info small {
    font-size: 11px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .rank-card {
        padding: 15px;
    }

    .player-box img {
        width: 32px;
        height: 32px;
    }

    .rank-number {
        width: 25px;
        min-width: 25px;
        font-size: 12px;
    }

    .player-info strong {
        font-size: 12px;
    }

    .player-info small {
        font-size: 10px;
    }
	
    
	html {
    scroll-behavior: smooth;
}
/* Barra central embaixo */
/* botão config */
.config-btn {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: none;
  background: #111827;
  color: white;
  font-size: 20px;
  cursor: pointer;
  z-index: 10000;
}

/* barra social */
.social-bar {
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 9999;
}

/* botões */
.social-btn {
  width: 55px;
  height: 55px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}

/* cores */
.whatsapp { background: #1877f2; }
.discord { background: #1877f2; }
.instagram { background: #1877f2; }
.facebook { background: #1877f2; }

/* esconder */
.hidden {
  display: none !important;
}