* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

li {
    list-style: none;
}

.market-body{
    padding-top: 112px;
}

.container {
    display: flex;
    flex-direction: column;
    /*height: 100vh;*/
    min-height:100vh;
    width: 100%;

    /* background-color:#efefef; */
    background-color: #f5f5f5;
    /*background-color:whitesmoke;*/
    max-width: inherit;
    margin-bottom:0px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    font-size: var(--font-size-md);
    padding:0;
}
.content {
    flex-direction: row;
    /*height: calc(100vh - 60px - 40px);*/ /* 60px for header and 40px for footer */
    margin-left: 37.5%;
    width: 25%;
    min-height: 100vh;
    background-color: whitesmoke;
    border: 1px solid #d5d5d5;
    min-width: 474px;
}
/* ---- 客製化去處理原本的css ---- */

#app, #orderList, #customerInfo, #orderInfo, #marketApp {
    max-width: 100%;
    width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}
#marketApp {
    max-width: 100%;
    width: 1220px;
    margin: 0 auto;
    padding: 0 0px;
}

.user-info-container{
    /*display:none;*/
}
.order-list{
    margin-top: 20px;
    background-color: unset;
}
.OrderTab:first-child {
    border-radius: 10px 0px 0px 10px;
}
.OrderTab:last-child {
    border-radius: 10px 0px 0px 10px;
}
.order-title {
    border-radius: 10px;
}
.order-title {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.order-cards {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.order-card {
    border: 1px solid #e0e0e0; /* 淡邊框 */
    border-radius: 10px; /* 圓角 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 淡陰影 */
    padding: 0px;
}
@media (max-width: 768px) {
    .market-body{
        padding-top: 122px;
    }
    .order-list{
        padding: 0px;
    }
    #app, #orderList, #customerInfo {
        padding: 0;
    }
}
/* ----end */
aside {

    /*background-color: #f8f8f8;*/
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 8px;

}

aside .list-group {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

aside .list-group-item {
    display: block;
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    /*border: 1px solid #ddd;*/
    border: unset;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid #ddd;
}

.list-group-item:hover {
    background-color: #f2f2f2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-color: #bbb;
}

aside .list-group-item.active {
    background-color: #000000;
    color: #fff;
    border-color: #000000;
    font-weight: bold;
}

aside .list-group-item.active:hover {
    background-color: #000000;
    border-color: #000000;
}

/* Add hover effects */
aside .list-group-item:hover {
    transform: translateY(-2px);
    cursor: pointer;
}

/* Adjust spacing for smaller screens */
@media (max-width: 768px) {
    aside {
        padding: 0.5rem;
    }

    .list-group-item {
        padding: 0.5rem 0.75rem;
    }
    .navbar-brand img {
        width: 100px; /* 縮小 Logo 圖片 */
        height: auto;
        max-height: 30px; /* 確保不會超出容器高度 */
        object-fit: contain;
    }
    
    .navbar-brand {
        display: flex;
        align-items: center;
        height: 40px; /* 與搜尋框高度一致 */
        margin-bottom: 0;
    }

    .rounded-circle {
        width: 24px; /* 縮小用戶頭像 */
        height: 24px;
    }

    .ads-block {
        /*display:none;*/
    }
    /* 去除按鈕的背景顏色和邊框 */
    #header-navbar-hamburger-btn {
        background-color: transparent; /* 無背景顏色 */
        border: none; /* 去除邊框 */
    }

    /* 改變漢堡圖標為白色 */
    #header-navbar-hamburger-btn .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* 白色圖標 */
    }

    /* 當按鈕被點擊（展開時）改變樣式 */
    #header-navbar-hamburger-btn.collapsed .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
}
.market-cart-submin {
    max-width: 300px;
}
.market-right {
    text-align: -webkit-right;
}
.market-hide {
    display:none;
}
.market-show {
    display:block;
}
.btn.onepage-event-buttom-orange.market-cart-submin {
    background-color: #000000;
}
.kol-btn-bg-color {
    background-color: #000000;
}
.alert{
    z-index:9999;
}
.alert-success{
    max-width: 100%;
    width: 1220px;
    margin: 0 auto;
    padding: 10px 15px;
}

.alert-danger{
    max-width: 100%;
    width: 1220px;
    margin: 0 auto;
    padding: 10px 15px;
}

/* 漢堡圖案僅在手機版顯示 */
#hamburger-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

/* Logo 對齊樣式 */
.navbar-brand {
    display: flex;
    align-items: center;
    height: 40px; /* 與搜尋框高度一致 */
    margin-bottom: 0;
}

.navbar-brand img {
    width: 120px;
    height: auto;
    max-height: 35px; /* 確保不會超出容器高度 */
    object-fit: contain;
}

/* 商店名稱樣式 */
.market-store-name {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 2px solid #e0e0e0;
    height: 40px;
    display: flex;
    align-items: center;
}

.market-store-name span {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: #333333;
    line-height: 1.2;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 手機版商店名稱樣式 */
.market-store-name-mobile {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #e0e0e0;
    height: 40px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.market-store-name-mobile span {
    font-family: 'Poppins', sans-serif;
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: #333333;
    line-height: 1.2;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 手機版容器調整 */
@media (max-width: 768px) {
    .container-fluid.custom-container.flex-nowrap.align-items-center {
        gap: 8px;
    }
    
    .d-flex.align-items-center {
        flex-shrink: 0;
    }
}

/* 搜尋框容器對齊 */
#search-block {
    display: flex;
    align-items: center;
    height: 40px;
}

.custom-search-main {
    display: flex;
    align-items: center;
}


/* 默認隱藏的內容 */
.d-none {
    display: none;
}

/* 展開後的樣式 */
.d-block {
    display: block;
}
.store-btn {
    width:unset;
}
.nav-item {
    position: relative;
}

.nav-item:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #767676; /* 分隔線的顏色 */
    padding-left: 10px; /* 調整與文字的距離 */
}

.nav-link.nav-focus{
    color: #c05b1b !important;
    font-weight: bold;
    text-align: center;
}

.nav-link:hover {
    color: #c05b1b !important; /* 滑鼠移上去變色 */
    font-weight: bold;
    text-align: center;
}

.nav-link:focus {
    color: #c05b1b !important; /* 滑鼠移上去變色 */
    font-weight: bold;
    text-align: center;
}

 .custom-search-main {

     width: 100%;
     max-width: 600px;
     display: inline-flex;
     border-radius: 50px; /* 圓角效果 */
     position: relative;
     margin: 0 20px;
 }

.custom-search-input {
    width: 100%;
    height: 40px; /* 可調整高度 */
    padding: 0 20px;
    font-size: var(--font-size-lg);
    color: #000000;
    border: 2px solid #D7D5D5;
    border-right: none;
    outline: none;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-family: 'Poppins', sans-serif;
    background: transparent;
}

.custom-search-input::placeholder {
    color: #D7D5D5;
}

.custom-mobile-search-input {
    width: 100%;
    height: 40px; /* 可調整高度 */
    padding: 0 20px;
    font-size: var(--font-size-lg);
    color: #000000;
    border: 2px solid #D7D5D5;
    border-radius: 50px;
    font-family: 'Poppins', sans-serif;
    background: transparent;
}

.custom-mobile-search-input::placeholder {
    color: #D7D5D5;
}

.custom-search-icon {
    width: 90px;
    height: 40px;
    border: 2px solid #D7D5D5;
    border-left: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    cursor: pointer;
    background: transparent;
    background:black;
}

.custom-search-icon i.fa-search {
    font-size: var(--font-size-xl);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;

    background: black;
}

.custom-search-input:focus + .custom-search-icon i.fa-search {
    transform: rotate(360deg);
}
.custom-carousel {
    position: relative;
    overflow: hidden;
}

.custom-carousel .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 1s ease-in-out;
}
.nav-pills .nav-link {
    min-width: 50px;
}
/* PC 版本顯示完整搜尋欄 */
#search-block {
    display: flex; /* 顯示搜尋區塊 */
}

#mobile-search-toggle {
    display: none; /* 隱藏手機版的搜尋按鈕 */
}

.market-shop-card-list-qty{
    width: 100px;
    border-radius:0px;
}

.market-shop-card-list-qty-block{
    width: 220px;
}
.cart-product-manager-product-list-img-img {
    object-fit: cover;
}
.cart-product-manager-product-list-detail-active-delete-div {
    margin-left: 1rem !important;
}
.onepage-product-default-box-text-qunantity{
    margin-bottom: unset;
}
.cart-product-card-order-label{
    width:unset;
}
/* 手機版設定 */
@media (max-width: 768px) {
    #search-block {
        display: none; /* 手機版隱藏搜尋區塊 */
    }

    #mobile-search-toggle {
        display: inline-block; /* 顯示搜尋按鈕 */
    }

    #mobile-search-bar {
        display: none; /* 預設隱藏搜尋欄 */
        position: absolute;
        top: 50px; /* 根據實際導航高度調整 */
        right: 10px;
        left: 10px;
        z-index: 999;
        background-color: white;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

    #mobile-search-bar.show {
        display: block; /* 顯示搜尋欄 */
    }

    .market-shop-card-list-qty-minus-btn:focus {
        color: #4A4A4A;
    }
    .market-shop-card-list-qty-plus-btn:focus {
        color: #4A4A4A;
    }
    .market-shop-card-list-qty{
        width: 70px;
        border-radius:0px;
    }
    .market-shop-card-list-qty-block{
        width: 130px;
    }
    .cart-product-manager-product-list-img-img {
        width: 30px;
        object-fit: cover;
    }
    .cart-product-manager-product-list-detail-active-delete-div {
        margin-left: unset !important;
    }
}
.dropdown-menu {
    position: absolute;
    left: unset;
    height: unset;
    top: unset;
}
footer {
    line-height: 2.5;
}
.mobile-tab {
    min-height: 60px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    /* 只在上方添加陰影 */
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.15);
}
.mobile-tab > .container {
    background-color: #fff;
}

.market-product-text-name{
    font-size: var(--font-size-lg);
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px;
}

/* 商品卡片連結顏色覆蓋 */
.productInfoCard a,
.mobile-productInfoCard a {
    color: inherit !important;
}

.productInfoCard a:hover,
.mobile-productInfoCard a:hover {
    color: inherit !important;
}

.productInfoCard a:visited,
.mobile-productInfoCard a:visited {
    color: inherit !important;
}

.market-product-price-str{
    color:#323232;
    font-size: var(--font-size-md);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.market-product-price{
    font-size: var(--font-size-md);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mobile-productInfoCard{
    max-width: 200px;
    height: auto;
    width: 48%;
}

.product-card-title-line{
    width: 2px;
    height: 25px;
    background: #D9D9D9;
    margin: 0 5px;
}

.productImagePage{
    width: 50px;
    height: 20px;
    background: #000000B2;
    color: rgb(255, 255, 255);
    position: relative;
    bottom: 30px;
    left: 45%;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
}

.prevProductImage{
    width: 20px;
    height: 20px;
    color: rgb(154 139 139 / 59%);
    position: absolute;
    top: 280px;
    left: 0px;
    font-size: 40px;
    font-weight: bold;
}

.nextProductImage{
    width: 20px;
    height: 20px;
    color: rgb(154 139 139 / 59%);
    position: absolute;
    top: 280px;
    right: 0px;
    font-size: 40px;
    font-weight: bold;
}

.market-checkout-button{
    width: 40%;
    background: #D73C2A;
    border: 1px solid #D73C2A;
    color:#ffffff;
    font-weight: bold;
}

.market-cart-product-delete-icon{
    width: 30px;
    height: 30px;
}

.market-home-row{
    margin-top:-40px;
}

.market-product-info-title{
    font-size: var(--font-size-md);
    color: #323232;
}

.market-product-info-text{
    font-size: var(--font-size-md);
    color: #323232;
    margin: 0px;
}

.market-product-info-detail-block{
    background-color:#ffffff;
    min-height: 100px;
}

.market-product-info-detail-title{
    color:#323232;
}

.market-cart-card-block{
    box-shadow: 0px 5px 7px 0px #af9c9c;
}

.market-cart-card-header{
    background-color: #ffffff;
}

.market-cart-card-title{
    font-size: var(--font-size-lg);
    color: #323232;
}

.market-cart-product-name-text{
    font-size: var(--font-size-md);
    color: #5C5C5C;
}

.market-cart-product-orignal-price-text{
    font-size: var(--font-size-sm);
    color: #D3D3D3;
}

.market-shop-card-list-qty-minus-btn{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #D7D5D5;
    background: #F6F6F6;
}

.market-shop-card-list-qty-plus-btn{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #D7D5D5;
    background: #F6F6F6;
}

.market-mobile-cart-product-image{
    width: 100px;
    height: auto;
    object-fit: cover;
}

.market-cart-product-option-text{
    font-size: var(--font-size-md);
    background: #F6F6F6;
    border-radius: 5px;
}

.market-cart-not-data-image{
    width: 100px;
    height: auto
}

.card-footer{
    background-color: #ffffff;
    border: 1px solid #F3F2F2;
}

.market-cart-purchase-remark-block{
    line-height: var(--font-size-lg);
}

.market-cart-purchase-remark-text{
    font-size: var(--font-size-sm);
    color: #323232;
}

.market-cart-sub-total-text{
    font-size: var(--font-size-md);
}

.market-cart-sub-total-price{
    color:#D73C2A;
}

.market-header-block{
    background: #ffffff;
    display: flex;
    flex-direction: column; 
    min-height: 112px;
    padding-top: 0;
    box-shadow: 0px 3px 7px 0px #af9c9c;
}

.market-customer-block{
    background-color: #F6F6F6;
    width: 100vw;
    z-index: 999;
}

.market-customer-shopping-cart{
    color: #fff;
    font-size: larger;
}

.market-category-block{
    background-color: #ffffff;
    width: 100vw;
    z-index: 997;
    padding: 0px;
    min-height:40px;
}

.market-background-content{
    background: #F6F6F6;
}

.market-content3-block{
    min-height: 430px;
}

.market-mobile-customer-block{
    bottom: 15px;
}

.market-footer-copyright-text{
    background-color: #F6F6F6;
    font-size: var(--font-size-md);
}

.market-product-not-data{
    border: 1px solid #968c8c;
    padding: 20px;
    color: #968c8c;
    font-size: var(--font-size-lg);
}

.market-login-modal-title-text{
    font-size: var(--font-size-xl);
    color: #323232;
}

.market-notification-dot {
    height: 9px;
    width: 18px;
    background-color: red;
    border-radius: 50%;
    position: relative;
    top: -10px;
    right: 28px;
    /*border: 2px solid white;*/
    display: none;
}

.market-mobile-notification-dot {
    height: 8px;
    width: 8px;
    background-color: red;
    border-radius: 50%;
    position: relative;
    bottom: 60px;
    left: 46px;
    /*border: 2px solid white;*/
    display: none;
}

.market-policy-header{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.market-policy-title{
    color: #4a4a4a;
    font-size: var(--font-size-xxl);
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #4a4a4a;
}

.market-policy-sub-title{
    color: #4a4a4a;
    font-size: var(--font-size-lg);
    font-weight: bold;
    padding-top: 30px
}

.market-policy-sub-content{
    color: #4a4a4a;
    font-size: var(--font-size-md);
    padding-top: 10px
}

.dropdown-item:active{
    color: inherit !important; /* 防止 hover、focus、active 時變色 */
    background-color: #F6F6F6 !important; /* 防止背景變色 */
}

.market-customer-info-row{
    display: flex;
    align-items: center;
    height: 35px;
    /*border-bottom: 1px solid #D4D4D4;*/
    margin-bottom: 25px;
    /*pointer-events: none;*/
    padding-bottom: 10px;
    font-size: var(--font-size-md);
}

.market-preview-customer-info-row{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    pointer-events: none;
}

.market-customer-info-row-body-icon-img{
    margin-right: 10px;
}

.market-customer-legal-success-box{
    color: #ffffff;
    font-weight: bold;
    font-size: var(--font-size-lg);
    background: #47a847;
    border-radius: 10px;
    padding: 6px;
}

.market-customer-legal-process-box{
    color: #ffffff;
    font-weight: bold;
    font-size: var(--font-size-lg);
    background: #f7c64b;
    border-radius: 10px;
    padding: 6px;
}

.market-customer-legal-fail-box{
    color: #ffffff;
    font-weight: bold;
    font-size: var(--font-size-lg);
    background: #ec5151;
    border-radius: 10px;
    padding: 6px;
}

.market-product-description-box{
    font-size: var(--font-size-md);
    line-height: 24px;
    letter-spacing: 0.5px;
    word-wrap: break-word;
    text-transform: none;
    border-radius: 10px;
    white-space: pre-wrap;
    font-weight: normal
}

.market-product-description-box{
    /*max-height: 150px;
    overflow-y: auto;
    border-radius: 5px;
    */
    margin: 10px 0px;
}

.market-div-shadow{
    box-shadow: 0px 4px 8px 0px #00000040;
}

@media(min-width: 768px) {
    .market-checkout-button{
        width: 15%;
    }
    .market-content3-block{
        min-height: 700px;
    }
}

.page-item.active>.page-link {
    background: #c05b1b;
    border: 1px solid #c05b1b;
}

.market-mobile-footer-block{
    height: 80px;
    margin-bottom:20px;
}

.market-mobile-footer-content{
    color:#555; 
    font-size: var(--font-size-lg);
}

.market-mobile-footer-href{
    color:#555; 
    text-decoration:none; 
    margin: 0 10px;
}

.market-footer-block{
    background-color:#31384A; 
    padding:0px; 
    position: fixed;
}

.market-footer-content{
    color:#fff; 
    font-size: var(--font-size-md);
}

.market-footer-href{
    color:#fff; 
    text-decoration:none; 
    margin: 0 10px;
}

.market-customer-info-input-text{
    font-size: var(--font-size-md);
}

.market-customer-button-text{
    font-size: var(--font-size-md);
}
.market-product-info-detail-block img {
    max-width: 100%;
    height: auto;
    margin: 0 auto; 
}

.max-h-50px{
    max-height: 50px;
}

.max-h-60px{
    max-height: 60px;
}
.mobile-font {
    font-size: 16px;
}

.banner-img {
    height: 426px;
}

  @media only screen and (max-width: 767px) {
    .mobile-font {
      font-size: 12px;
    }
    .banner-img {
        height: 126px;
    }
}


/* market */
/* 滿版背景區塊 */
.backgroundContent {
    width: 100%;
    /*background-color: #f8f9fa;*/ /* 根據需要調整背景顏色 */
    /*padding: 20px 0;*/
    padding-bottom: 20px;
}
.market-card-title {
    color: #454545;
    
}

.market-cart-product-list-div{
    display: flex;
    padding: 10px 0px;
    /*border-bottom: 1px solid #E5E5E5;*/
}

/* 內部內容容器 */
.custom-container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 平板和手機下調整寬度 */
@media (max-width: 1220px) {
    .custom-container {
        max-width: 100%;
        padding: 0;
    }
}

/* 其他自定義樣式 */
.btn-gray {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-gray:hover {
    background-color: #5a6268;
}
.btn-earthy-y {
    background-color: #000000;
    color: #fff;
    border: none;
    padding: 5px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.btn-earthy-y:hover {
    background-color: #e57300; /* 深一點的橙色作為懸停效果 */
    color: #fff;
}

/* 自定義輪廓按鈕樣式 */
.btn-outline-earthy-y {
    background-color: transparent;
    color: #000000;
    border: 2px solid #000000;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.btn-outline-earthy-y:hover {
    background-color: #000000;
    color: #fff;
}

.btn-outline-earthy-y:focus,
.btn-outline-earthy-y:active {
    background-color: #000000;
    color: #fff;
    border-color: #000000;
    outline: none; /* 移除默認的焦點外框 */
    box-shadow: none; /* 移除默認的焦點陰影 */
}
/* 分類項目樣式 */
.backgroundContent .content-2 aside h5 {
    margin-bottom: 15px;
}

.backgroundContent .content-2 aside span {
    /*background-color: #e9ecef;*/
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
}
/* 滿版背景區塊 */
.backgroundContent {
    width: 100%;
    /*background-color: #f8f9fa;*/ /* 根據需要調整背景顏色 */
    /*padding: 20px 0;*/
    padding-bottom: 20px;
}

/* Banner 區域 */
.banner-section {
    width: 100%;
    background-color: #e9ecef; /* 您可以根據需要調整背景顏色 */
    padding: 40px 0; /* 增加內邊距以使 Banner 更高 */
}

.custom-container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 平板和手機下調整寬度 */
@media (max-width: 1220px) {
    .custom-container {
        max-width: 100%;
    }
}

/* Banner 圖片設定 */
.banner-image {
    width: 100%;
    max-height: 400px; /* 調整至所需高度 */
    object-fit: cover; /* 確保圖像覆蓋容器 */
    display: block; /* 移除下方間距 */
}

/* 廣告圖片設定 */
.ad-image {
    height: 169px; /* 調整至較小的高度 */
    object-fit: cover; /* 確保圖像覆蓋容器 */
    width: 373px;
    display: block; /* 移除下方間距 */
border-radius: 8px;
}

/* 其他自定義樣式 */
.btn-gray {
    background-color: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-gray:hover {
    background-color: #5a6268;
}

/* 分類項目樣式 */
.backgroundContent .content-2 aside h5 {
    margin-bottom: 15px;
}

.backgroundContent .content-2 aside span {
    background-color: #e9ecef;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

/* 確保 footer 在文檔流中 */
footer {
    position: static; /* 或移除 position 屬性 */
}
/* 自定義字體大小 */

.price-wholesale {
    font-size: 20px; /* 根據需要調整 */
    color: #FB2B2B;
}

.price-original {
    color:#4A4A4A;
    font-size: 14px; /* 確保 <s> 標籤的字體大小一致 */
    font-weight: 400;
}

.block_text1{
    color:#767676;
}

.customer-card-input {
    height: 35px;
    border-color: #fbfbfb00;
}
.mobile-font {
    font-size: 16px;
  }
  
  @media only screen and (max-width: 767px) {
    .mobile-font {
      font-size: 12px;
    }
}

.foottab_focus {
    color: #c05b1b !important;
    font-weight: bold;
    text-align: center;
}
.line-login-button{
    background-color: #06C755;
}