@charset "utf-8";
/*xxl以下*/
@media(max-width: 1399px){
}

/*xl以下*/
@media(max-width: 1199px){
    /*品牌首頁-商品*/
    .product_swiper .swiper-slide{
        width: calc(25% - 18px);
    }
    /*分類商品頁*/
    .product_item{
        width: 25%;
    }
    /*下單-確認項目數量*/
    .buy_table .vet_table_header>div:nth-child(4){
        width: 18%;
    }
    .buy_list_price{
        width: 18%;
    }
    /*下單-確認收件人*/
    .buy_receive_table .vet_table_header>div:nth-child(4), .buy_receive_price{
        width: 20%;
    }
    /*下單-購買成功*/
    .success_page .buy_receive_table .vet_table_header>div:nth-child(4), .success_page .buy_receive_price{
        width: 23%;
    }
    /*訂單紀錄詳細內容*/
    .orderd_page .buy_receive_table .vet_table_header>div:nth-child(4), .orderd_page .buy_receive_price{
        width: 23%;
    }
    /*收藏商品*/
    .keep_product_list_box .product_list_table .vet_table_header>div:nth-child(4), .keep_product_list_box .product_table_price{
        width: 21%;
    }
    .keep_product_list_box .product_list_table .vet_table_header>div:nth-child(5), .keep_product_list_box .item_list_operate{
        width: 120px;
    }
}

/*lg以下*/
@media(max-width: 991px) {
    /*列表*/
    .item_row>div{
        padding: 12px;
    }
    /*品牌首頁-商品*/
    .product_card{
        padding: 0 0 12px 0;
    }
    .product_card .keep_btn{
        right: 4px;
        top: 4px;
    }
    .product_card_neme{
        padding-top: 8px;
    }
    .product_card_neme.placeholder{
        width: calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }
    .product_list_table .vet_table_header>div:nth-child(4), .product_table_price{
        width: 18%;
    }
    /*下單-確認收件人*/
    .receive_box{
        margin-top: 32px;
    }
    .receive_page .buy_price_total{
        display: block;
    }
    .receive_page .buy_next_btn{
        width: 140px;
    }
    .receive_page .buy_next_btn .btn{
        min-width: auto;
    }
    .buy_receive_table .vet_table_header>div:nth-child(4), .buy_receive_price{
        width: 23%;
    }
    /*下單-購買成功*/
    .order_info_box{
        margin-bottom: 24px;
    }
    .success_page .buy_receive_table .vet_table_header>div:nth-child(4), .success_page .buy_receive_price{
        width: 24%;
    }
    /*會員專區選單*/
    .member_side_nav_dashboard{
        display: none;
    }
    /*訂單紀錄詳細內容*/
    .order_status_card{
        max-width: 400px;
    }
    .orderd_page .buy_receive_table .vet_table_header>div:nth-child(4), .orderd_page .buy_receive_price{
        width: 24%;
    }
    /*商品*/
    .product_modal_pic {
        margin-left: auto;
        margin-right: auto;
    }
    .product_modal_content{
        text-align: center;
        margin-top: 16px;
    }
}

/*md以下*/
@media(max-width: 767px){
    /*區塊標題*/
    .container_title{
        height: 42px;
    }
    .container_title h3{
        font-size: 18px;
        font-weight: 500;
    }
    /*頁面標題*/
    .page_title{
        margin-bottom: 16px;
        color: #ffffff;
        background-color: var(--main-color);
        height: 60px;
        display: flex;
        align-items: center;
        padding: 0 16px;
    }
    .page_title_icon{
        display: inline-block;
        margin-right: 16px;
    }
    .page_title h1{
        display: inline-block;
        font-size: 18px;
        letter-spacing: 1.5px;
    }
    /*主要內容區塊*/
    main{
        min-height: calc(100vh - 60px - 60px);
    }
    /*麵包屑*/
    .vet_breadcrumb{
        display: none;
    }
    /*更多link*/
    .more_link{
        padding: 0;
    }
    .more_line:hover{
        background-color: transparent;
    }
    /*header*/
    .page_header{
        box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    .header_box{
        position: relative;
        height: 60px;
    }
    .header_logo{
        height: 40px;
        width: 100%;
        text-align: center;
    }
    .header_nav .nav-link{
        height: 60px;
    }
    .nav_link_item{
        padding: 0;
    }
    .nav_link_icon {
        margin-right: 0;
    }
    .nav_link_txt{
        display: none;
    }
    .nav_cart .nav-link{
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }
    .nav_cart.active .nav_link_item::after {
        left: auto;
        right: -4px;
        top: 0;
    }
    .nav_member .dropdown {
        position: absolute;
        left: -16px;
        right: -16px;
        top: 0;
        height: 1px;
    }
    .member_toggle_dropdown.show{
        display: flex;
    }
    .member_toggle_dropdown li{
        font-size: 14px;
        flex: 1;
        text-align: center;
    }
    .nav_member{
        display: none;
    }
    .mobile_menu_btn{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 60px;
        display: flex;
        align-items: center;
    }
    .mobile_menu_btn button, .mobile_menu_btn button:focus, .mobile_menu_btn button:hover{
        padding: 0;
        font-size: 28px;
        color: var(--main-color);
    }
    .mobile_member_toggle.show{
        display: block;
        position: fixed;
        top: 60px;
        width: 100%;
        z-index: 999;
    }
    .mobile_member_toggle_list{
        padding: 0 8px;
        display: flex;
        background-color: #fff;
        border-radius: 0 0 16px 16px;
    }
    .mobile_member_toggle_item{
        padding: 16px 8px 24px 8px;
        flex: 1;
        text-align: center;
        font-size: 14px;
        color: var(--main-color);
    }
    .mobile_member_toggle_item .item_box{
        max-width: 80px;
        margin: 0 auto;
    }
    .member_toggle_icon{
        width: 100%;
        padding-bottom: 100%;
        background-color: var(--light-color);
        position: relative;
        border-radius: 100px;
        margin-bottom: 8px;
    }
    .member_toggle_icon>div{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .member_toggle_icon i{
        font-size: 32px;
        display: flex;
        align-items: center;
        color: var(--main-color);
    }
   .member_toggle_icon img{
        width: 100%;
        max-width: 32px;
        max-height: 32px;
    }
    .mobile_close_member_toggle_icon{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    .mobile_close_member_toggle_icon i{
        font-size: 32px;
        border-radius: 100px;
    }
    .member_toggle_txt{
        letter-spacing: 1.5px;
    }
    .under_mobile_member_toggle{
        position: fixed;
        background: rgba(0, 0, 0, 0.3);
        height: 100vh;
        width: 100%;
        z-index: 998;
        display: none;
    }
    .mobile_member_toggle.show+.under_mobile_member_toggle{
        display: block;
    }
    .under_page_header{
        height: 60px;
    }
    /*footer*/
    .copyright{
        height: 60px;
    }
    /*品牌首頁banner*/
    .index_banner .bg{
        height: auto;
        padding-bottom: 56%;
    }
    /*品牌首頁品牌名稱*/
    .brand_name_box{
        border-bottom: solid 1px var(--border-color);
        background-color: #fff;
        color: var(--main-color);
    }
    .brand_name h2{
        font-size: 18px;
    }
    /*品牌首頁-商品*/
    .product_list_box {
        padding-top: 24px;
    }
    .product_list_table .vet_table_header{
        display: none;
    }
    .product_list_table .item_row {
        position: relative;
        border-bottom: 0;
        padding-bottom: 0;
        display: grid;
        grid-template-columns: 100px auto 40px;
        margin-bottom: 40px;
        overflow: initial;
    }
    .product_list_table .item_row>div{
        padding: 0;
    }
    .product_table_pic{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 4;
        width: 100px;
    }
    .product_table_pic .product_pic{
        width: 100px;
    }
    .product_table_name{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 1;
        padding-left: 16px !important;
        width: 100%;
    }
    .product_table_name h5{
        font-size: 16px;
    }
    .product_table_caption {
        -webkit-line-clamp: 1;
    }
    .product_table_date{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 2;
        width: 100%;
        text-align: left;
        padding-left: 16px !important;
        color: var(--font-color2);
    }
    .product_table_date::before{
        content: "有效日期：";
    }
    .product_table_price{
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 3;
        width: 100%;
        text-align: left;
        padding-left: 16px !important;
    }
    .item_list_operate{
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        width: 100%;
    }
    .open_addcart_btn{
        position: absolute;
        width: calc(100% - 32px);
        height: 100%;
        top: 0;
        left: 0;
        margin-right: 16px;
    }
    .addcart_btn_icon_box{
        display: none;
    }
    .addcart_msg{
        position: fixed;
        top: calc(50% - (176px / 2));
        left: calc(50% - (300px / 2));
        background-color: rgba(1, 4, 0, 0.8);
        padding: 32px 0 40px 0;
        width: 300px;
        border-radius: 4px;
        z-index: 1002;
        box-shadow: 2px 4px 10px rgb(0 0 0 / 10%);
    }
    
    /* .product_swiper_box{
        padding-top: 24px;
    }
    .product_swiper_title{
        padding-bottom: 16px;
    }
    .product_swiper_title_txt h2{
        font-size: 18px;
    }
    .product_swiper_title_link{
        padding-right: 0;
    }
    .product_swiper_title_link .more_link{
        background-color: transparent;
    }
    .more_link_txt{
        font-size: 14px;
        font-weight: 400;
    }
    .product_swiper_title_link .more_link_icon{
        display: block;
    }
    .product_swiper{
        padding-bottom: 8px;
    }
    .product_swiper .swiper-slide{
        width: 38%;
    }
    .product_swiper .swiper-button-next, .product_swiper .swiper-button-prev{
        display: none;
    }
    .product_card_price{
        font-size: 16px;
    } */
    /*下單-確認項目數量-修改規格*/
    .specificatiton_mobile{
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
        border-radius: 16px 16px 0 0;
        height: 100%;
        max-height: 360px;
        overflow: initial;
    }
    .mobile_close_specificatiton {
        display: block;
        margin-top: -40px;
    }
    .mobile_close_specificatiton_icon {
        display: flex;
        justify-content: center;
        padding-right: 0;
    }
    .mobile_close_specificatiton_icon i {
        font-size: 32px;
        border-radius: 100px;
        display: flex;
        color: #fff;
    }
    .specificatiton_mobile .product_specification {
        padding: 0 16px;
        margin-top: 24px;
        margin-bottom: 164px;
        height: calc(100% - 24px - 40px - 60px);
    }
    .specificatiton_mobile .product_specificatiton_list_box{
        height: calc(100% - 40px);
    }
    .update_specificatiton{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    .update_specificatiton .btn {
        width: 100%;
        border-radius: 0;
    }
    /*收藏商品*/
    .keep_product_list_box{
        padding: 16px 0 16px 0;
    }
    .keep_product_list_box .row.p12{
        margin-left: -8px;
        margin-right: -8px;
    }
    .keep_product_list_box .row.p12>* {
        padding-left: 8px;
        padding-right: 8px;
    }
    .keep_product_list_box .product_card {
        margin-bottom: 16px;
    }
    .keep_product_list_box .product_list_table .vet_table_header>div:nth-child(4), .keep_product_list_box .product_table_price{
        width: 100%;
    }
    .keep_product_list_box .product_list_table .vet_table_header>div:nth-child(5), .keep_product_list_box .item_list_operate{
        width: 100%;
    }
}

/*sm以下*/
@media(max-width: 575px){
    /*彈窗*/
    .vet_modal_sm_full .modal-dialog{
        margin: 0;
        min-height: 100vh;
    }
    .vet_modal_sm_full .modal-content{
        border-radius: 0;
        min-height: 100%;
    }
    .vet_modal_sm_full .modal-footer{
        padding: 0;
        border-top: 0;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }
    .vet_modal_sm_full .modal-footer button{
        border-radius: 0;
        width: 100%;
    }
    /*無項目樣式*/
    .noitem_txt p{
        margin-bottom: 16px;
        font-size: 14px;
    }
    /*表單*/
    .vet_form_btn .btn{
        width: 100%;
    }
    /*列表*/
    .item_list {
        margin-left: -16px;
        margin-right: -16px;
    }
    .item_row {
        padding-left: 16px;
        padding-right: 16px;
    }
    /*top鈕*/
    .top_btn{
        bottom: 32px;
        right: 16px;
    }
    /*商品頁*/
    .product_main{
        background-color: #fff;
    }
    .product_main+footer{
        margin-bottom: 60px;
    }
    .product_page{
        padding-top: 0;
        padding-bottom: 32px;
    }
    .product_keep_box{
        z-index: 997;
        height: 60px;
        position: fixed;
        right: 0;
    }
    .product_keep_box .keep_btn{
        top: 16px;
        right: 16px;
    }
    .product_keep_box .keep_txt{
        display: none;
    }
    .product_sort{
        margin-left: -16px;
        margin-right: -16px;
    }
    .product_sort_next, .product_sort_prev, .product_sort_next.active, .product_sort_prev.active{
        display: none;
    }
    .product_box{
        padding: 0 16px 12px 16px;
        margin-left: -16px;
        margin-right: -16px;
        border-bottom: 0;
    }
    .product_title_link{
        display: none;
    }
    .product_pic_swiper_box{
        margin-left: -16px;
        margin-right: -16px;
    }
    .product_pic_swiper_box .swiper-button-next, .product_pic_swiper_box .swiper-button-prev{
        display: none;
    }
    .product_pic_swiper_box .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        border: solid 1px #c8c8c8;
    }
    .product_pic_swiper_box .swiper-pagination-bullet-active{
        background-color:#fff;
        border: solid 1px var(--main-color);
    }
    .product_name{
        margin-top: 12px;
    }
    .product_name h3{
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        letter-spacing: 1.2px;
    }
    .product_price{
        margin-top: 12px;
        font-size: 20px;
        text-align: center;
        letter-spacing: 1.5px;
    }
    .product_mobile{
        position: fixed;
        bottom: 0;
        background-color: #fff;
        width: 100%;
        left: 0;
        border-radius: 16px 16px 0 0;
        height: 100%;
        max-height: 360px;
        z-index: 1002;
        display: none;
    }
    .product_mobile.show{
        display: block;
    }
    .product_specification{
        padding: 0 16px;
        margin-top: 24px;
        margin-bottom: 164px;
        height: calc(100% - 24px - 40px - 40px - 60px - 24px);
    }
    .product_specificatiton_title{
        color: var(--font-color);
    }
    .product_specificatiton_title h4{
        font-size: 16px;
    }
    .product_specificatiton_list_box{
        overflow: hidden;
        overflow-y: auto;
        height: calc(100% - 48px);
    }
    .specificatiton_price{
        display: block;
        font-size: 18px;
        font-weight: 700;
        color: var(--main-color);
        font-family: 'Readex Pro', sans-serif;
        text-align: right;
    }
    .product_specificatiton_list{
        margin-bottom: 0;
    }
    .product_count_title{
        display: none;
    }
    .product_count_btn{
        justify-content: center;
    }
    .product_count{
        position: fixed;
        left: 0;
        bottom: 100px;
        width: 100%;
    }
    .product_buy{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .product_buy .btn{
        width: 100%;
        border-radius: 0;
    }
    .mobile_close_productbuy{
        display: block;
        margin-top: -40px;
    }
    .mobile_close_productbuy_icon{
        display: flex;
        justify-content: center;
        color: #fff;
    }
    .mobile_close_productbuy_icon i {
        font-size: 32px;
        border-radius: 100px;
        display: flex;
    }
    .under_product_mobile{
        position: fixed;
        background: rgba(0, 0, 0, 0.3);
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1001;
        display: none;
    }
    .product_mobile.show+.under_product_mobile{
        display: block;
    }
    .mobile_open_productbuy{
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background-color: var(--light-color);
    }
    .mobile_open_productbuy .btn{
        background-color:var(--light-color);
        color: var(--main-color);
        padding: 16px;
        font-size: 18px;
        font-weight: 600;
        border-radius: 0;
        width: 100%;
        box-shadow: 0px 2px 10px rgb(0 0 0 / 16%);
    }
    .product_present_box{
        margin-top: 0;
        padding: 0 16px 16px 16px;
        border-bottom: 0;
        margin-left: -16px;
        margin-right: -16px;
    }
    .product_present_box .container_title{
        margin-left: -16px;
        margin-right: -16px;
    }
    .product_notice_box{
        margin-top: 0;
        padding: 0 16px 16px 16px;
        border-bottom: 0;
        margin-left: -16px;
        margin-right: -16px;
    }
    .product_notice_box .container_title{
        margin-left: -16px;
        margin-right: -16px;
    }
    .page_title.product_title_mobile{
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 996;
        background-color: transparent;
        margin-bottom: 0;
    }
    .product_title_mobile h1{
        display: none;
    }
    .product_box .page_title_icon{
        display: block;
        z-index: 997;
        height: 60px;
        width: 60px;
        position: fixed;
        left: 0;
        margin-right:0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product_box .back_btn{
        background-color: rgba(70, 76, 128, 0.1);
    }
    .product_box .back_btn_icon {
        background-image: url(../img/arrow-left-solid-blue.svg);
    }
    .product_title_mobile.show{
        background-color: var(--main-color);
    }
    .product_title_mobile.show h1{
        display: block;
        color: #fff;
        width: 100%;
        margin-right: 44px;
        margin-left: 44px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .product_title_mobile.show~.page_title_icon .back_btn {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .product_title_mobile.show~.page_title_icon .back_btn_icon {
        background-image: url(../img/arrow-left-solid.svg);
    }
    .product_title_mobile.show+.product_keep_box .keep_btn_lg {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .product_title_mobile.show+.product_keep_box .keep_btn.active .keep_btn_lg .keep_btn_icon {
        background-image: url(../img/heart-solid-white.svg);
    }
    .addcart_msg{
        position: fixed;
        top: calc(50% - (176px / 2));
        left: calc(50% - (300px / 2));
        background-color: rgba(1, 4, 0, 0.8);
        padding: 32px 0 40px 0;
        width: 300px;
        border-radius: 4px;
        z-index: 1002;
        box-shadow: 2px 4px 10px rgb(0 0 0 / 10%);
    }
    .product_modal_pic{
        max-width: none;
    }
    .product_modal_name{
        margin-bottom: 4px;
        font-size: 20px;
        font-weight: 400;
    }
    .product_modal_price{
        font-size: 20px;
    }
    .product_modal_price span{
        font-size: 24px;
    }
    .product_modal_date {
        padding-top: 8px;
    }
    /*購物車卡片*/
    .cart_list{
        padding-top: 0;
        padding-bottom: 0;
    }
    .cart_item{
        margin-bottom: 24px;
    }
    .gobuy_btn .btn{
        width: 100%;
    }
    /*下單-確認項目數量*/
    .buy_page{
        padding-bottom: 8px;
    }
    .buy_table .vet_table_header{
        display: none;
    }
    .buy_table .item_wrap .item_row{
        border-bottom: 0;
        padding-bottom: 40px;
        display: grid;
        grid-template-columns: 116px auto;
    }
    .buy_table .item_wrap .item_row>div{
        padding: 0;
    }
    .buy_list_pic{
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 4;
        width: 100px;
        height: 100%;
        margin-right: 16px;
    }
    .buy_list_name{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    .buy_list_name h5{
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .buy_list_specificatiton{
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 2;
        width: 100%;
        text-align: left;
        margin-bottom: 4px;
        color: var(--font-color2);
    }
    .buy_list_specificatiton::before{
        content: "有效日期：";
    }
    .buy_list_price{
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 3;
        width: 100%;
        text-align: left;
    }
    .buy_list_count{
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        width: 100%;
    }
    .buy_list_count .product_count_btn_box{
        margin-left: auto;
        margin-right: 0;
    }
    .buy_table .item_row>div:nth-child(6){
        display: none;
    }
    .buy_list_pic .product_pic{
        width: 100%;
    }
    .buy_price_total_box{
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #fff;
        padding: 0;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
        z-index: 997;
    }
    .buy_price_total{
        text-align: left;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 16px;
    }
    .buy_next_btn{
        width: 140px;
    }
    .buy_next_btn .btn{
        min-width: 100%;
        border-radius: 0;
    }
    .buy_main{
        min-height: calc(100vh - 60px - 60px - 60px);
    }
    .buy_main+footer {
        margin-bottom: 59px;
    }
    /*下單-確認收件人*/
    .receive_page{
        padding-bottom: 0;
    }
    .buy_receive_table .vet_table_header{
        display: none;
    }
    .buy_receive_table .item_list{
        border-bottom: solid 8px var(--light-color);
        padding-bottom: 16px;
    }
    .buy_receive_table .item_row{
        border-bottom: 0;
        padding-bottom: 0;
        display: grid;
        grid-template-columns: 50px auto;
    }
    .buy_receive_table .item_row+.item_row{
        margin-top: 32px;
    }
    .buy_receive_table .item_row>div{
        padding: 0;
    }
    .buy_receive_table .product_pic{
        width: 50px;
    }
    .buy_receive_pic {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 3;
        width: 50px;
        display: flex;
        align-items: flex-start;
        height: 100%;
        margin-top: 5px;
    }
    .buy_receive_name{
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        padding-left: 12px !important;
    }
    .buy_receive_name h5{
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .buy_receive_exp::before{
        content: "有效日期：";
    }
    .buy_receive_exp{
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
        padding-left: 12px !important;
        width: auto;
        color: var(--font-color2);
        text-align: left;
    }
    .buy_receive_price{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
        width: 100% !important;
        margin-top: 12px;
        color: var(--font-color2);
        position: relative;
    }
    .buy_receive_price::before{
        content: "售價";
        position: absolute;
        left: 0;
    }
    .buy_receive_count{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start:4;
        grid-row-end: 4;
        width: 100%;
        margin-top: 4px;
        text-align: right;
        color: var(--font-color2);
        position: relative;
    }
    .buy_receive_count::before{
        content: "數量";
        position: absolute;
        left: 0;
    }
    .buy_receive_count>span::before{
        content: "x ";
    }
    .buy_receive_tprice{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start:5;
        grid-row-end: 5;
        width: 100%;
        margin-top: 4px;
        color: var(--main-color);
        font-size: 16px !important;
        position: relative;
    }
    .buy_receive_tprice::before{
        content: "小計";
        position: absolute;
        left: 0;
    }
    .total_price_box{
        margin-left: -16px;
        margin-right: -16px;
        margin-top: 16px;
        padding-bottom: 16px;
        border-bottom: solid 8px var(--light-color);
    }
    .total_price_item{
        padding: 0 16px;
    }
    .total_price_item+.total_price_item{
        margin-top: 4px;
    }
    .receive_box{
        border: none;
        margin-top: 0;
        margin-left: -16px;
        margin-right: -16px;
        border-bottom: solid 8px var(--light-color);
    }
    .receive_title{
        background-color: #fff;
        border-bottom: solid 1px var(--border-color);
        height: 42px;
        padding: 0 16px;
        font-weight: 600;
        line-height: 42px;
    }
    .receive_title .row{
        align-items: center;
        height: 100%;
    }
    .receive_item{
        padding: 0 16px;
        font-size: 14px;
    }
    .update_receive_btn_box .btn{
        font-weight: 400;
    }
    .update_receive_btn_box .btn+.btn {
        margin-left: 24px;
        background-color: var(--main-color);
        color: #fff;
        padding: 0 8px;
        border-radius: 0;
        height: 24px;
        line-height: 24px;
    }
    /*下單-購買成功*/
    .success_page{
        padding-bottom: 0;
    }
    .order_info_box{
        margin-left: -16px;
        margin-right: -16px;
        border-bottom: solid 8px var(--light-color);
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .success_page .total_price_box{
        margin-bottom: 0;
    }
    .buy_success_btn_box{
        text-align: center;
    }
    .success_page .buy_receive_table .vet_table_header>div:nth-child(3), .success_page .buy_receive_exp {
        width: 100%;
    }
    /*訂單紀綠*/
    .bg_lightgreen.ohistory_main{
        background-color: #fff;
    }
    .ohistory_page{
        padding-top: 0;
    }
    .order_history_dashboard{
        padding: 0;
    }
    .order_history_dashboard .page_title{
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 0;
        justify-content: flex-start;
        background-color: var(--main-color);
        height: 60px;
    }
    .order_history_dashboard .page_title .page_title_icon{
        display: inline-block;
    }
    .order_history_dashboard .page_title h1 {
        font-size: 18px;
        color: #fff;
    }
    .order_status_nav{
        margin-top: 0;
        margin-left: -16px;
        margin-right: -16px;
    }
    .order_status_nav .vet_tab{
        background-color: var(--light-color);
        border: 0;
        border-radius: 0 0 16px 16px;
        height: 60px;
        justify-content: center;
        align-items: center;
    }
    .order_status_nav .vet_tab .nav-link{
        padding: 0 24px;
        color: var(--font-color2);
        letter-spacing: 1.5px;
        border: 0;
    }
    .order_status_nav .vet_tab .nav-link.active, .order_status_nav .vet_tab .nav-link.active:focus, .order_status_nav .vet_tab .nav-link.active:hover{
        background-color: transparent;
        border: 0;
        color: var(--main-color);
    }
    .order_status_nav .vet_tab .nav-link.active span{
        border-bottom: solid 1px var(--main-color);
    }
    .order_history_product_pic .product_pic{
        width: 50px;
    }
    .order_status_list_box{
        margin-top: 8px;
        padding-bottom: 0;
    }
    .order_history_dashboard{
        border-bottom: 0;
        margin-bottom: 0;
    }
    .order_history_item{
        border: none;
        border-bottom: solid 8px var(--light-color);
        border-radius: 0;
        padding: 0;
    }
    .order_history_item+.order_history_item{
        margin-top: 0;
    }
    .order_history_item_status{
        padding: 16px 16px 8px 16px;
        margin-bottom: 0;
        border-bottom: solid 1px var(--border-color);
    }
    .order_history_brand h4{
        font-size: 16px;
    }
    .order_history_item_product{
        padding: 12px 16px;
        margin-bottom: 0;
        border-bottom: solid 1px var(--border-color);
    }
    .order_history_item_info{
        padding: 12px 0 16px 0;
        border: none;
    }
    .package_order_list, .shipment_order_list, .finish_order_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    /*訂單紀錄詳細內容*/
    .orderd_page{
        padding-top: 16px;
        padding-bottom: 0;
    }
    .orderd_page .order_info_box{
        margin-top: 16px;
    }
    .orderd_page .total_price_box {
        margin-bottom: 0;
    }
    /*個人資料*/
    .member_line_card{
        max-width: 100%;
    }
    .member_info_nav{
        margin-top: 32px;
    }
    .member_info_nav .vet_tab{
        border-bottom:none;
        justify-content: center;
        align-items: center;
    }
    .member_info_nav .vet_tab .nav-link {
        padding: 0 24px;
        color: var(--font-color2);
        letter-spacing: 1.5px;
        border: 0;
    }
    .member_info_nav .vet_tab .nav-link.active span {
        border-bottom: solid 1px var(--main-color);
    }
    .member_info_nav .vet_tab .nav-link.active, .member_info_nav .vet_tab .nav-link.active:focus, .member_info_nav .vet_tab .nav-link.active:hover {
        background-color: transparent;
        border: 0;
        color: var(--main-color);
    }
    /*會員註冊*/
    .signup_page_title{
        margin-top: 0;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .signup_page_title h1{
        font-size: 18px;
    }
    .signup_content{
        margin-top: 0;
        padding: 16px 0 1px 0;
        font-size: 14px;
    }
    .signup_form{
        padding-bottom: 16px;
    }
    .signup_success_box{
        padding: 0 32px;
    }
    .signup_success_txt h2{
        font-size: 28px;
    }
    .go_signup_qrcode img{
        width: 100%;
        max-width: 200px;
    }
    /*404頁面*/
    .error_page{
        padding-top: 32px;
    }
    .error_content{
        margin-bottom: 48px;
    }
    .error_img{
        max-width: 300px;
    }
    .error_txt{
        margin-top: 16px;
    }
    .error_txt h2{
        font-size: 28px;
    }
    .error_page_hr{
        display: none;
    }
    .error_page .maybelike_box{
        padding-top: 24px;
    }
}

/*超窄*/
@media(max-width: 320px){
    .buy_table .item_wrap .item_row{
        grid-template-columns:76px auto 100px;
    }
    .buy_list_pic{
        width: 60px;
    }
}