.login-btn-container .other-login-btn {
    position: relative;
    display: block;
    text-align: center;
    border-radius: 4px;
    line-height: 44px;
    border: none;
    padding-left: 44px;
    color: #fff;
    text-decoration: none;
    max-width: 284px;
    width: 100%;
    margin: auto;
    margin-bottom: 4px;
}
.login-btn-container .other-login-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    background-size: 100%;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.login-btn-container .other-login-btn:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    display: inline-block;
    width: 44px;
    height: 100%;
    border-right-style: solid;
    border-right-width: 1px;
}

#LINE_login {
    background-color: #00c300;
}
#LINE_login:before {
    background-image: url("/images/LINE/btn_line_login_base.png");
}
#LINE_login:after {
    color: #00b300;
}

#LINE_login:hover {
    background-color: #00e000;
}
#LINE_login:hover:before {
    background-image: url("/images/LINE/btn_line_login_hover.png");
}
#LINE_login:hover:after {
    color: #00c900;
}


#FB_login {
    background-color: #4267B2;
}
#FB_login:before {
    background-size: 60%;
    background-image: url("/images/FB/FB_logo_white.svg");
}
#FB_login:after {
    border: none;
    color: #00b300;
}


#QQ_logo {
    background-image: url(/images/QQ/Connect_logo_4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 170px;
    height: 32px;
}