#footer {
    display:block;
    background: linear-gradient(#1e2b42, #131b2a);
    border-top:1px solid #1b283d;
    border-bottom:3px solid #1b283d;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    height:50px;
    text-align: center;
    position: fixed;
    bottom:0px;
    left:0px;
    right:0px;
    min-width: 1400px;
    z-index:1000;
}

#footer > .inner_center {
    display:flex;
    margin:0 auto;
    min-width:1400px;
    max-width:2200px;
    height:50px;
    position: relative;
    z-index:1000;
    padding:8px;
    justify-content: end;
}

/*-------------------------------------------------
    MEMBER INFO
-------------------------------------------------*/

#footer > .inner_center > .member_info {
    position:absolute;
    height:30px;
    display: flex;
    justify-content: end;
}


#footer > .inner_center_login {
    display:flex;
    margin:0 auto;
    min-width:1400px;
    max-width:2200px;
    height:50px;
    position: relative;
    z-index:1000;
    padding:8px;
    /*justify-content: end;*/
}

/*-------------------------------------------------
    MEMBER INFO
-------------------------------------------------*/

#footer > .inner_center_login > .member_info {
    position:relative;
    height:30px;
    display: flex;
    /*justify-content: end;*/
	margin:0 auto;
}

#footer > .inner_center > .member_info > .btn_domain {
    display: block;
    position: relative;
    width:112px;
    height:30px;
    margin-right:20px;
    cursor:pointer;
}

#footer > .inner_center > .member_info > .btn_domain > .ico {
    display: block;
    position: absolute;
    left:0px;
    top:2px;
    bottom:2px;
    height:26px;
    filter:brightness(0.8);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_domain > .logo {
    display: block;
    position: absolute;
    left:45px;
    top:-2px;
    height:18px;
    filter:brightness(0.8);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_domain:hover > .ico {
    filter:brightness(1);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_domain:hover > .logo {
    filter:brightness(1);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_domain > .label {
    display: block;
    position: absolute;
    right:0px;
    bottom:4px;
    height:15px;
    font-size:14px;
    font-weight:600;
    color:#ef7c00;
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_domain:hover > .label {
    color: #fff0c8;
    text-shadow: 0 0 5px #fff, 0 0 10px #ff8100, 0 0 15px #f00, 0 0 5px #ef7c00, 0 0 5px #ef7c00, 0 0 10px #f92552, 0 0 20px #ef7c00, 0px 0 40px #ef7c00;
    transition: all 200ms;
}


#footer > .inner_center > .member_info > .btn_cscenter {
    display: block;
    position: relative;
    width:88px;
    height:30px;
    margin-right:20px;
    cursor:pointer;
}

#footer > .inner_center > .member_info > .btn_cscenter > .ico {
    display: block;
    position: absolute;
    left:0px;
    top:3px;
    bottom:3px;
    height:24px;
    filter:brightness(0.8);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_cscenter > .logo {
    display: block;
    position: absolute;
    left:39px;
    top:-2px;
    height:18px;
    filter:brightness(0.8);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_cscenter:hover > .ico {
    filter:brightness(1);
    transition: all 200ms;
}

#footer > .inner_center > .member_info > .btn_cscenter:hover > .logo {
    filter:brightness(1);
    transition: all 200ms;
}


#footer > .inner_center > .member_info > .btn_cscenter > .label {
    display: block;
    position: absolute;
    right:0px;
    bottom:4px;
    height:15px;
    font-size:14px;
    font-weight:600;
    color:#ef7c00;
}

#footer > .inner_center > .member_info > .btn_cscenter:hover > .label {
    color: #fff0c8;
    text-shadow: 0 0 5px #fff, 0 0 10px #ff8100, 0 0 15px #f00, 0 0 5px #ef7c00, 0 0 5px #ef7c00, 0 0 10px #f92552, 0 0 20px #ef7c00, 0px 0 40px #ef7c00;
    transition: all 200ms;
}




#footer > .inner_center > .member_info > .btn_login,
#footer > .inner_center > .member_info > .btn_signup  {
    font-size:13px;
    line-height: 30px;
    color:#cccccc;
    cursor: pointer;
    margin-left:10px;
    font-weight:600;
}

#footer > .inner_center > .member_info > .txt_or {
    font-size:13px;
    line-height: 30px;
    color:#cccccc;
    margin-left:10px;
    font-weight:600;
}

#footer > .inner_center > .member_info > .btn_login:hover,
#footer > .inner_center > .member_info > .btn_signup:hover{
    color: #ef7c00
}

#footer > .inner_center > .member_info > .mb_level {
    width:30px;
    height:30px;
    margin-left:10px;
    object-fit: scale-down;
    object-position: center;
}

#footer > .inner_center > .member_info > .mb_id {
    font-size:13px;
    color:#cccccc;
    margin-left:10px;
    font-weight:600;
    line-height:30px;
}

#footer > .inner_center > .member_info > .mb_money {
    display: flex;
    margin-left:30px;
}

#footer > .inner_center > .member_info > .mb_money > label {
    display: block;
    font-size:13px;
    color:#cccccc;
    font-weight:600;
    line-height:30px;
}

#footer > .inner_center > .member_info > .mb_money > data {
    display: block;
    font-size:13px;
    color:#ef7c00;
    margin-left:10px;
    font-weight:600;
    line-height:30px;
}

#footer > .inner_center > .member_info > .mb_point {
    display: flex;
    margin-left:30px;
}

#footer > .inner_center > .member_info > .mb_point > label {
    display: block;
    font-size:13px;
    color:#cccccc;
    font-weight:600;
    line-height:30px;
}

#footer > .inner_center > .member_info > .mb_point > data {
    display: block;
    font-size:13px;
    color:#ef7c00;
    margin-left:10px;
    font-weight:600;
    line-height:30px;
}

#footer > .inner_center > .member_info > .btn_logout,
#footer > .inner_center > .member_info > .btn_pointswap,
#footer > .inner_center > .member_info > .btn_deposit,
#footer > .inner_center > .member_info > .btn_withdraw {
    display: block;
    margin-left:30px;
    font-size:13px;
    color:#cccccc;
    font-weight:600;
    line-height:30px;
    cursor: pointer;
}

#footer > .inner_center > .member_info > .btn_logout:hover,
#footer > .inner_center > .member_info > .btn_pointswap:hover,
#footer > .inner_center > .member_info > .btn_deposit:hover,
#footer > .inner_center > .member_info > .btn_withdraw:hover {
    color:#ffffff;
    text-shadow: 
        0 0 5px #cfff5e,
        0 0 10px #ffb25e,
        0 0 20px #ef7c00;
    transition: all 300ms;
    animation: beat .25s infinite alternate;
}
