@keyframes shakeFade {
	0% { transform: translateX(0); opacity: 0; }
	25% { transform: translateX(-6px); opacity: 1; }
	50% { transform: translateX(6px); }
	75% { transform: translateX(-4px); }
	100% { transform: translateX(0); }
}

.error-animate {
	animation: shakeFade 0.4s ease;
}

.content-2 {
    width: 660px;
    margin: 40px auto 80px;

    .mobile-banner-register {
        display: none;
    }

    .mb-title div,
    .mb-sub div {
        position: unset;
        width: unset;
    }

    .register-right-col-1 {
        max-width: 50%;

        .section-membership-2,
        .tab-pane#regFormDiv {
            max-width: 100%;
        }

        .section-membership-2 {
            margin-bottom: 36px;
        }

        #sign-up-form {

            #step1,
            #step2 {
                padding-bottom: 40px;
            }

            .membership-note {
                margin: 0 16px;
            }

            .membership-note .note-text {
                font-size: 13px;
            }

            .membership-note .note-subtext {
                margin-left: 11px;
                display: inline-block;
            }

            .div-form-2 {
                min-height: 80px;
            }

            .withdrawal-note {
                color: #f8d700 !important;
                font-family: var(--font-family-roboto);
                font-size: 11px;
                line-height: 14px;
                color: #878787;
                margin-left: 56px;
                margin-top: -16px;
                margin-bottom: 16px;
            }

            .button-list-2 {
                gap: 12px;
            }

            .button-list-2 .button-2:hover {
                background-color: #d4a618;
            }
        }
    }

    .register-right-col-1,
    .tab-pane ul {
        gap: 0;
        padding-left: 0;
    }

    .banner_register {
        width: 196px;
        height: 517px;
        border-radius: 15px;
    }

    .keyin_category {
        width: 44%;
        padding-top: 0;
    }

    .keyin_form {
        float: unset;
        margin-left: 200px;
    }

    .web-page-1 {
        width: unset;
    }

    .icon-full-name {
        width: 37px;
        height: 32px;
    }

    #step2 {
        .checkbox-container {
            margin: 0 16px;
            display: flex;
            align-items: center;
            font-size: 13px;

            input[type="checkbox"] {
                margin: auto;
                transform: scale(1.35);
                cursor: pointer;
            }

            .checkbox-label {
                margin-left: 8px;
                cursor: pointer;
                user-select: none;
            }
        }
    }
}

.home-content-bg2 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-main-btn div {
    font-family: var(--font-family-roboto);
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: normal;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: var(--mountain-mist) !important;
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
}

input:-moz-autofill {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -moz-text-fill-color: var(--mountain-mist) !important;
    background-color: transparent !important;
}

#fr_username:-webkit-autofill {
    box-shadow: 0 0 0 1000px #200202 inset !important;
    border: none;
}