#member-section.scroll-fixed-box>.sf-box-inside {
    align-items: center !important;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: calc( 100% - 360px );
    padding-right: 100px;
    margin-right: 100px;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid rgba(0,0,0,0.1);
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed, #member-section .sf-box-fixed {
    width: 360px;
}

.member-card-section {
    position: relative;
    /* padding: 50px;
    border-radius: 5px; */
}

/* ----- login ----- */

#member-login-page #member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: auto !important;
    flex: none !important;
}
#member-login-page #member-section.scroll-fixed-box>.sf-box-inside {
    justify-content: center !important;
}

/* ----- register ----- */

#member-form-section.register .btn-group {
    /* width: calc( 100% + 15px );
    margin-left: -7.5px;
    margin-right: -7.5px; */
}
#member-form-section.register .btn-group>.default-btn {
    width: calc(50% - 7.5px);
}


/* ----- security confirm ----- */

#security-confirm,
#security-confirm > .inside {
    position: relative;
}
#security-confirm > .inside {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid rgba(214,214,214,1);
    overflow: hidden;
}
#security-confirm > .inside > .security-confirm-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 4px;
    border-radius: 5px;
    background-color: rgba(230,230,230,1) !important;
    color: rgba(0,0,0,1) !important;
    z-index: 2;
}
#security-confirm > .inside > .security-confirm-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding:0 20px;
    line-height: 48px;
    text-align: right;
    z-index: 1;
}

#member-form-section.login {
    width: 360px;
}

#member-form-section.register {
    width: 100%;
}


/* xxl */
@media (min-width: 1400px) {}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: calc( 100% - 300px );
    padding-right: 60px;
    margin-right: 60px;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed, #member-section .sf-box-fixed {
    width: 300px;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    width: calc( 100% - 300px );
    padding-right: 60px;
    margin-right: 60px;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed, #member-section .sf-box-fixed {
    width: 300px;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

#member-form-section.login {
    width: 100% !important;
}
#member-section.scroll-fixed-box>.sf-box-inside {
    display: block !important;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content,
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed, #member-section .sf-box-fixed {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content::before {
    position: absolute;
    content: "";
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-right: none !important;
    border-top: 1px solid rgba(0,0,0,0.1);
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    padding-bottom: 40px !important;
    margin-bottom: 30px !important;
}

/* ----- login ----- */

#member-form-section.login {
    width: 350px !important;
    margin: 0 auto !important;
}
#member-form-section.login .title-row {
    text-align: center;
}
#login-other-account-section {
    text-align: center;
}

}

/* sm - xs */
@media (max-width: 767.98px) {

#member-form-section.login {
    width: 100% !important;
}
#member-section.scroll-fixed-box>.sf-box-inside {
    display: block !important;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content,
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-fixed, #member-section .sf-box-fixed {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content::before {
    position: absolute;
    content: "";
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-right: none !important;
    border-top: 1px solid rgba(0,0,0,0.1);
}
#member-section.scroll-fixed-box>.sf-box-inside>.sf-box-col.col-content {
    padding-bottom: 40px !important;
    margin-bottom: 30px !important;
}


}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* xs */
@media (max-width: 575.98px) {}

/* xs custom */
@media (max-width: 399.98px) {}