.member_wrap{
    box-sizing:border-box;
    max-width:1128px;
    margin:0 auto;
    padding:0 14px 40px;
}

.member-tabs{
    display:flex;
    justify-content:center;
    width:420px;
    max-width:100%;
    margin:0 auto 24px;
}

.member-tab{
    width:210px;
    height:42px;
    border:1px solid #b88628;
    background:#111;
    color:#d6a84f;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
}

.member-tab + .member-tab{
    margin-left:-1px;
}

.member-tab:first-child{
    border-radius:28px 0 0 28px;
}

.member-tab:last-child{
    border-radius:0 28px 28px 0;
}

.member-tab.active{
    background:linear-gradient(180deg,#fff3c4,#c8953c);
    color:#1d1300;
}

.member-panel{
    display:none;
}

.member-panel.active{
    display:block;
}

.member-box{
    max-width:520px;
    margin:0 auto 24px;
    padding:24px;
    background:#111;
    border:1px solid #3a3020;
    border-radius:14px;
}

.member-box h1{
    color:#d6a84f;
}


.member-box p{
    color:#aaa;
}

.member-form{
    max-width:420px;
    margin:0 auto;
}

.member-form label{
    display:block;
    margin-bottom:14px;
}

.member-form span{
    display:block;
    color:#d6a84f;
    font-size:14px;
    font-weight:bold;
    margin-bottom:6px;
}

.member-form input[type="text"],
.member-form input[type="email"],
.member-form input[type="password"]{
    width:100%;
    height:42px;
    background:#1a1a1a;
    border:1px solid #444;
    border-radius:8px;
    color:#fff;
    padding:0 12px;
    font-size:15px;
}

.member-check{
    display:flex !important;
    align-items:center;
    gap:8px;
}

.member-check input{
    width:16px;
    height:16px;
}

.member-check span{
    margin:0;
    color:#ccc;
    font-weight:normal;
}

.member-form button{
    width:100%;
    height:42px;
    background:linear-gradient(180deg,#fff3c4,#c8953c);
    border:1px solid #b88628;
    border-radius:8px;
    color:#1d1300;
    font-size:15px;
    font-weight:bold;
    cursor:pointer;
}

.member_wrap .breadcrumb{
    max-width:none;
    margin:0 0 16px;
    padding:0;
}

.member-forgot{
    margin-top:10px;
    text-align:center;
    font-size:13px;
    color:#d6a84f;
}



.email-note{
    margin:0 0 16px;
    color:#eee;
    text-align:center;
    font-size:14px;
}

.email-resend{
    margin:16px 0 8px;
    color:#d6a84f;
    text-align:center;
    font-size:14px;
    cursor:pointer;
}

.email-time{
    margin:8px 0 0;
    color:#999;
    text-align:center;
    font-size:13px;
}

.verify-code{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:12px 0;
}

.verify-code input{
    width:38px;
    height:42px;
    text-align:center;
    font-size:18px;
    color:#fff;
    background:#111;
    border:1px solid #554522;
    border-radius:8px;
}

.verify-code input:focus{
    outline:none;
    border-color:#d6a84f;
}


.verify-resend-btn{
    width:180px !important;
    height:36px !important;
    display:block;
    margin:12px auto 0;
    background:#111 !important;
    color:#d6a84f !important;
    border:1px solid #d6a84f !important;
    border-radius:8px;
    font-size:14px !important;
}

.verify-resend-btn:hover{
    background:#d6a84f !important;
    color:#111 !important;
}

.member-message{
    min-height:18px;
    margin-top:10px;
    font-size:14px;
    color:#ddd;
}

.member-message.ok{
    color:#46c16f;
}

.member-message.error{
    color:#ff6666;
}


/* member dashboard */

.member_dashboard{
    max-width:1100px;
    margin:0 auto;
}

.member_dashboard h1{
    color:#d6a84f;
    font-size:24px;
    margin-bottom:24px;
}


.member_dashboard_group{
    margin-bottom:24px;
}


.member_dashboard_group h2{
    color:#eee;
    font-size:18px;
    margin-bottom:12px;
}


.member_dashboard_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}


.member_dashboard_grid a,
.member_dashboard_service a{
    display:block;
    background:#151515;
    border:1px solid #3a3020;
    border-radius:10px;
    padding:18px;
    color:#eee;
    text-decoration:none;
}


.member_dashboard_grid a:hover,
.member_dashboard_service a:hover{
    border-color:#d6a84f;
}


.member_dashboard_service span{
    margin-left:8px;
}



@media(max-width:768px){

    .member_dashboard_grid{
        grid-template-columns:repeat(2,1fr);
    }

}



@media(max-width:480px){

    .member_dashboard_grid{
        grid-template-columns:1fr;
    }

}



/* member summary */

.member_summary{
    background:#151515;
    border:1px solid #3a3020;
    border-radius:10px;
    padding:20px;
    margin-bottom:30px;
}


.member_summary_name{
    color:#d6a84f;
    font-size:20px;
    margin-bottom:15px;
}


.member_summary_info{
    display:flex;
    gap:30px;
    color:#eee;
    font-size:14px;
}


@media(max-width:480px){

    .member_summary_info{
        flex-direction:column;
        gap:8px;
    }

}



/* member header */

.member-header{
    max-width:1100px;
    margin:0 auto;
    padding:20px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}


.member-header-brand a{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}


.member-header-brand img{
    width:60px;
    height:auto;
}


.member-header-title{
    color:#d6a84f;
    font-size:24px;
    font-weight:bold;
}


.member-header-subtitle{
    color:#aaa;
    font-size:13px;
}


.member-header-info{
    text-align:right;
}


.member-header-user{
    color:#eee;
    font-size:18px;
    margin-bottom:8px;
}


.member-header-login{
    color:#999;
    font-size:13px;
}


.member-header-tools{
    margin-top:10px;
}


.member-header-tools a{
    color:#d6a84f;
    text-decoration:none;
    margin-left:16px;
}



@media(max-width:768px){

    .member-header{
        flex-direction:column;
        gap:15px;
        align-items:flex-start;
    }


    .member-header-info{
        text-align:left;
    }

}



/* dashboard v1 */

.member_welcome{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#151515;
    border:1px solid #3a3020;
    border-radius:12px;
    padding:20px;
    margin-bottom:24px;
}


.member_welcome h1{
    color:#d6a84f;
    font-size:22px;
    margin:0 0 8px;
}


.member_welcome p{
    color:#aaa;
    margin:0;
}


.member_notice{
    color:#d6a84f;
}


.member_notice span{
    margin-left:15px;
}



.member_quick h2{
    color:#eee;
    font-size:20px;
}


.member_quick_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}


.member_quick_grid a{
    background:#151515;
    border:1px solid #3a3020;
    border-radius:12px;
    padding:18px;
    color:#eee;
}


.member_quick_grid strong{
    display:block;
    color:#d6a84f;
    margin-bottom:10px;
}


.member_quick_grid span{
    font-size:14px;
}



.member_dashboard_info{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:24px;
}


.member_info_box{
    background:#151515;
    border:1px solid #3a3020;
    border-radius:12px;
    padding:18px;
}


.member_info_box h3{
    color:#d6a84f;
}



.member_info_box p{
    color:#ddd;
    font-size:14px;
}



@media(max-width:768px){

    .member_quick_grid{
        grid-template-columns:repeat(2,1fr);
    }


    .member_dashboard_info{
        grid-template-columns:1fr;
    }

}


@media(max-width:480px){

    .member_welcome{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }


    .member_quick_grid{
        grid-template-columns:1fr;
    }

}



/* account management */

.member_account{
    margin-top:24px;
}


.member_account h2{
    color:#eee;
    font-size:20px;
    margin-bottom:12px;
}


.member_account_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}


.member_account_grid a{
    background:#151515;
    border:1px solid #3a3020;
    border-radius:12px;
    padding:18px;
    color:#eee;
    text-align:center;
    text-decoration:none;
}


.member_account_grid a:hover{
    border-color:#d6a84f;
}


@media(max-width:768px){

    .member_account_grid{
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:480px){

    .member_account_grid{
        grid-template-columns:1fr;
    }

}



/* dashboard v1.1 */

.member_welcome p{
    margin:6px 0;
}


.member_quick_grid a{
    min-height:120px;
}


.member_quick_grid b{
    display:block;
    color:#d6a84f;
    font-size:28px;
    margin-bottom:6px;
}


.member_account{
    margin-top:30px;
}


.member_account_grid a{
    font-size:14px;
    padding:14px;
}




/* logout button .member_action_btn 登初跟修改MAIL共用 */

.member_action_btn{
    margin-top:20px;
}

.member_action_btn a{
    display:inline-block;
    padding:10px 28px;
    border:1px solid #d6a84f;
    border-radius:20px;
    color:#d6a84f;
    text-decoration:none;
    font-size:15px;
}

.member_action_btn a:hover{
    background:#d6a84f;
    color:#111;
}

.member_form_group{
    margin-bottom:20px;
}

.member_form_label{
    display:block;
    margin-bottom:8px;
    color:#d6a84f;
    font-size:15px;
}

.member_form_input{
    width:100%;
    max-width:420px;
    height:42px;
    padding:0 12px;
    box-sizing:border-box;
    background:#111;
    border:1px solid #5a4820;
    border-radius:6px;
    color:#eee;
    font-size:16px;
}

.member_form_input:focus{
    border-color:#d6a84f;
    outline:none;
}


.member_form_note{
    margin-top:10px;
    color:#999;
    font-size:13px;
    line-height:1.8;
}


.member-form small{
    display:block;
    margin-top:6px;
    color:#aaa;
    font-size:13px;
}

.member_submit_btn{
    display:inline-block;
    padding:10px 28px;
    background:#d6a84f;
    color:#111;
    border:0;
    border-radius:6px;
    font-weight:bold;
    cursor:pointer;
}


.member_submit_btn:hover{
    background:#f0c76a;
}

.member-resend-form{
    text-align:center;
    margin-top:12px;
}


.member-resend-form button{
    width:180px;
    height:36px;
    background:#111;
    color:#d6a84f;
    border:1px solid #d6a84f;
    border-radius:8px;
    font-size:14px;
    cursor:pointer;
}


.member-resend-form button:hover{
    background:#d6a84f;
    color:#111;
}

.email-verify-page .member_welcome{
    justify-content:center;
}


.email-verify-page .member_welcome > div{
    text-align:center;
}

.email-verify-page .member_welcome{
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
}




/* member form error */

.member_form_error{
    max-width:420px;
    margin:0 0 20px;
    padding:10px 14px;
    background:#2a1111;
    border:1px solid #a94444;
    border-radius:6px;
    color:#ff8080;
    font-size:14px;
    line-height:1.6;
}


@media(max-width:480px){

    .member_form_error{
        width:100%;
    }

}


/*
============================================================

/*
============================================================
Provider Logo Card Final
============================================================
*/

.address_type_grid{
    gap:12px;
}

.address_type_option{
    min-width:0;
}

.address_type_option span{
    width:90px;
    height:90px;
    min-height:90px;
    padding:8px 6px 7px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    background:#101010;
    border:1px solid #5a4820;
    border-radius:10px;
    color:#ddd;
    font-size:13px;
    font-weight:bold;
    line-height:1.2;
    text-align:center;
    overflow:hidden;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.address_type_option span img{
    display:block;
    width:56px;
    height:56px;
    max-width:56px;
    object-fit:contain;
    flex:0 0 56px;
    transition:transform .18s ease;
}

.address_type_option:hover span{
    background:#1b170f;
    border-color:#9c7835;
    color:#f0c76a;
}

.address_type_option:hover span img{
    transform:scale(1.06);
}

.address_type_option input:checked + span{
    background:#2b2416;
    border-color:#d6a84f;
    color:#f0c76a;
    box-shadow:
        0 0 0 1px rgba(214,168,79,.28) inset,
        0 0 10px rgba(214,168,79,.12);
}

.address_type_option input:checked + span img{
    transform:scale(1.04);
}

.address_delivery_panel[data-delivery-panel="store"] .address_type_grid{
    grid-template-columns:repeat(3,90px);
    max-width:none;
}

.address_delivery_panel[data-delivery-panel="home"] .address_type_grid{
    grid-template-columns:repeat(2,90px);
    max-width:none;
}

@media(max-width:480px){

    .address_type_grid{
        gap:8px;
    }

    .address_delivery_panel[data-delivery-panel="store"] .address_type_grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .address_delivery_panel[data-delivery-panel="home"] .address_type_grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .address_type_option span{
        width:100%;
        height:90px;
        min-height:90px;
        padding:8px 4px 7px;
        font-size:12px;
    }

    .address_type_option span img{
        width:54px;
        height:54px;
        max-width:54px;
        flex-basis:54px;
    }

}