#page_header{
    text-align: center;
}

.register_content{
    /*调整边距，调到相对中间的位置*/
    margin:5% 30%;
}

#register_butt{
    text-align: center;
}

.register_form .flash-messages {
    font-size: var(--mac-big-font) !important; /* Hard-coded font size */
    color: red !important; /* Optional: Set color or other styling as needed */
}

.register_form .form-group #email_warning,
.register_form .form-group #nickname_warning,
.register_form .form-group #nickname_info {
    font-size: var(--mac-big-font) !important; /* Hard-coded font size */
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXX                         Standard Button Format                     XXXXXX */
.register_butt button {
    /*background-color: #e0dddd; !* grey background *!*/
    background-color: var(--system-blue); /* A professional blue */
    width: var(--mac-standard-button-width2);
    color: white; /* White text for contrast */
    padding: 10px 15px; /* Comfortable padding */
    border: none; /* No border for a clean look */
    border-radius: 5px; /* Slightly rounded corners */
    text-decoration: none; /* No underline */
    font-weight: bold; /* Bold text for clarity */
    margin-left: 0;
    transition: background-color 0.3s ease; /* Smooth transition for background color */
    font-size: var(--mac-standard-button-font);
}
.register_butt button:hover {
    background-color: var(--button-hover-blue); /* Darker shade of green on hover for subtle interaction */
}
/* XXXXXX                         Standard Button Format                     XXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.recaptcha-container {
    text-align: center;
    margin: 20px 0;
}

.g-recaptcha {
    display: inline-block;  /* Ensure it’s treated as an inline-block element */
}

/*border-bottom: 1px solid #e5e3e3; !* This sets a black border line *!*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXX                             For cell phone                         XXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Media query for small screens */
@media screen and (max-width: 700px) {
    /* Adjust the breakpoint as needed */
    .register_content {
        margin-top: 25%;
        margin-right: 15%;
        margin-left: 15%;
    }
    .register_content .page-header h1 {
        font-size: var(--sss-big-title-font);
    }

    .register_content {
        font-size: var(--sss-regular-text-font);
    }

    .register_content .form-control {
        font-size: var(--sss-regular-text-font);
    }

    .register_form .form-group .metadata {
        font-size: var(--sss-small-text-font);
        color: var(--text-light-grey);
    }
    .register_form .register_butt button {
        /*padding: 6px 8px;*/
        padding: 6px 8px;
        font-size: var(--sss-regular-text-font);
        width: var(--sss-standard-button-width2);
        height: var(--sss-standard-button-height);
    }
    .register_form .flash-messages {
        font-size: var(--sss-big-text-font) !important; /* Hard-coded font size */
    }
    .register_form .form-group #email_warning,
    .register_form .form-group #nickname_warning,
    .register_form .form-group #nickname_info {
        font-size: var(--sss-big-text-font) !important; /* Hard-coded font size */
    }
    .register_form .recaptcha-container {
        text-align: center;
        width: 273px; /* original width of the widget */
        margin-bottom: -10px; /* center the container */
    }
    .g-recaptcha {
        display: inline-block;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

}