.register-input-zone {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 3px 10px;
    width: 100%;
}

    .register-input-zone > label {
        display: inline-block;
        width: 40px;
        text-align: center;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }

    .register-input-zone > input:focus {
        border-width: 0;
    }

    .register-input-zone > input {
        display: inline-block;
        width: calc(100% - 45px);
        border-width: 0;
    }

.social-login {
    text-align:center;
}

    .social-login > .google-button, .social-login > .facebook-button, .social-login > .cancelSocialLogin-button {
        width: 60px;
        height: 60px;
        border-radius: 8px;
        color: #ffffff;
        margin: 20px auto;
        padding-left: 20px;
        text-align: center;
        line-height: 60px;
        font-size: 25px;
        font-family: 'Microsoft JhengHei';
        font-weight: bold;
        cursor: pointer;
        /*box-shadow: 1px 1px 1px 1px rgba(100,100,100,0.7);*/
        position: relative;
    }


    .social-login i {
        position: absolute;
        top: 6px;
        left: 5px;
        font-size: 45px;
    }

    .social-login > .google-button {
        background-color: #e4434b;
    }

    .social-login > .facebook-button {
        background-color: #3B5998;
    }

    .social-login > .google-button:hover {
        background-color: #dd0055;
    }

    .social-login > .facebook-button:hover {
        background-color: #264c9b;
    }

    .social-login > .cancelSocialLogin-button {
        background-color: #aaaaaa;
    }