:root, [data-bs-theme=light]{
    --bs-body-font-size: .875rem;
    --bs-success-rgb: 30, 189, 84;
    --bs-light-rgb: 245, 245, 247;
    --bs-success: #1ebd54;
}

@font-face {
    font-family: 'CNFont';
    src: local('Noto Sans SC');
    unicode-range: U+4E00-9FFF,   /* CJK 统一汉字 */
    U+3400-4DBF;   /* 扩展A */
}

@font-face {
    font-family: 'ENFont';
    src: local('Arial');
    unicode-range: U+0000-024F;   /* 拉丁字母 + 数字 */
}

body{
    font-size: var(--bs-body-font-size);
    /*font-family: "Noto Sans SC", "Noto Sans Symbols", "Noto Sans", Arial, sans-serif;*/
    font-family: CNFont, ENFont, sans-serif;
}

a{
    color: #212529;
    text-decoration: none;
}
a:hover{
    color: #373b3e;
}
a:focus,
a:focus-visible {
    outline: none;
}

img {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: auto;
}

.swiper,
.swiper-slide,
.product-image {
    user-select: none;
    -webkit-user-select: none;
}

/* 黃色背景高亮 */
@keyframes highlightFade {
    0% {
        background-color: #fff3a0;
    }
    50% {
        background-color: #ffe066;
    }
    100% {
        background-color: transparent;
    }
}
.highlight-once {
    animation: highlightFade 1.8s ease-out;
}

.disable_item{
    opacity: 0.25 !important;
    pointer-events: none !important;
}

/* h標簽 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: 1.41;
}

/* Text Color */
.text-orange{
    color: darkorange!important;
}
.text-orange-red{
    color: #f60!important;
}

/* Tooltips */
.tooltip-inner {
    font-size: .75rem !important;
}

/* cursor */
.cursor-help{
    cursor: help !important;
}

/* label */
.red-flag-label{
    background-color: #ffecde !important;
    color: #eb641b;
}
.red-flag-label::before{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #ffecde;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 9px;
    left: -6px;
}

/* Checks & radios */
/* checkbox */
.purchase-add-product-wrapper .accordion-collapse .accordion-body .form-check-input, #checkPaymentArea .form-check-input{
    border: var(--bs-border-width) solid rgba(var(--bs-tertiary-color-rgb), .45);
}
/* Checks */
.form-check-input {
    width: 1.4em;
    height: 1.4em;
    margin-top: 0;
}
.form-check-label{
    padding-left: .5rem;
}
.form-check {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}
.form-check-input {
    /*border-color: #4CAF50; !* 绿边框 *!*/
}
.form-check-input:checked, .was-validated .form-check-input:valid:checked {
    background-color: #2cbe57 !important; /* 勾选后的背景色 */
    border-color: #2cbe57 !important; /* 勾选后的边框色 */
    box-shadow: none;
}
/* Radio */
/* Custom Radio Button */
/* 默认样式：有边框 */
.custom-radio-btn {
    border: 1px solid var(--bs-border-color);
}
/* 悬停可选 */
.custom-radio-btn:hover {
    border-color: #999 !important;
}
/* 选中时（利用 btn-check:checked + label） */
.btn-check:checked + .custom-radio-btn {
    border-color: #1ebd54 !important;
}
.btn-check:checked + .custom-radio-btn::before{
    background-color: #1ebd54;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20MIT.%20Made%20by%20Gitlab%3A%20https%3A%2F%2Fgitlab.com%2Fgitlab-org%2Fgitlab-svgs%3Fref%3Diconduck.com%20--%3E%3Csvg%20width%3D%2230px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.7071%2C4.29289%20C14.0976%2C4.68342%2014.0976%2C5.31658%2013.7071%2C5.70711%20L7.70711%2C11.7071%20C7.31658%2C12.0976%206.68342%2C12.0976%206.29289%2C11.7071%20L3.29289%2C8.70711%20C2.90237%2C8.31658%202.90237%2C7.68342%203.29289%2C7.29289%20C3.68342%2C6.90237%204.31658%2C6.90237%204.70711%2C7.29289%20L7%2C9.58579%20L12.2929%2C4.29289%20C12.6834%2C3.90237%2013.3166%2C3.90237%2013.7071%2C4.29289%20Z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    border-radius: 0 0 0 var(--bs-btn-border-radius);
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    right: -1px;
}
/* 聚焦状态 */
.btn-check:focus + .custom-radio-btn {
    /*box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25);*/
}

/* List Radio Group */
.list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: .5rem;
}
.list-group-radio .form-check-input {
    z-index: 2;
    margin-top: -.5em;
}
.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
    background-color: var(--bs-secondary-bg);
}
.list-group-radio .form-check-input{
    width: 1.25rem;
    height: 1.25rem;
}
.list-group-radio .form-check-input:checked + .list-group-item {
    background-color: var(--bs-body);
    border-color: var(--bs-success);
    box-shadow: 0 0 0 2px var(--bs-success);
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

/* Pagination 分頁 */
.pagination .page-item {
    margin: 0 5px;
}
.pagination .page-link {
    border-radius: 5px;
}
.active>.page-link, .page-link.active{
    border-color: darkorange;
    background-color: darkorange;
    color: white!important;
}

/* Button */
.btn-success {
    --bs-btn-color: #fff; /* 按钮文字颜色 */
    --bs-btn-bg: #1ebd54; /* 按钮背景色 */
    --bs-btn-border-color: #1ebd54; /* 按钮边框色 */
    --bs-btn-hover-color: #fff; /* 悬停时文字颜色 */
    --bs-btn-hover-bg: #16a346; /* 悬停时背景色 */
    --bs-btn-hover-border-color: #16a346; /* 悬停时边框色 */
    --bs-btn-active-color: #fff; /* 点击时文字颜色 */
    --bs-btn-active-bg: #16a346; /* 点击时背景色 */
    --bs-btn-active-border-color: #16a346; /* 点击时边框色 */
    --bs-btn-focus-shadow-rgb: 60, 153, 110; /* 聚焦时的阴影颜色 */
}

/* 取消bootstrap5 accordion buttons outline */
.accordion-button:focus {
    box-shadow: none!important;
    border-color: rgba(0,0,0,.125)!important;
}
/* 取消Accordion展开后head的背景色 */
.accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: none;
    color: initial;
}
/* Accordion 自定義樣式 */
/* Accordion箭頭改小 */
.custom-accordion-wrap .accordion-button::after{
    width: .9em; /* 调整宽度 */
    height: .9em; /* 调整高度 */
    background-size: .9em; /* 调整图标大小 */
}
/* 箭頭中等大小 */
.accordion-md-arrow .accordion-button::after{
    width: 1.1em; /* 调整宽度 */
    height: 1.1em; /* 调整高度 */
    background-size: 1.1em; /* 调整图标大小 */
}
/* 分割綫從底部改成頂部 */
.custom-accordion-wrap>.accordion-item, .custom-accordion-wrap>.accordion-item:first-child{
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-bottom: 0;
}
.purchase-add-product-wrapper .accordion-body{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* Ratio */
.ratio-36x9 {
    --bs-aspect-ratio: 25%;
}

/* 解决父div使用了ratio ratio-1x1 让img保持比例不拉伸填充 */
.centered-image {
    max-width: calc(100% - 30px); /* 限制图片最大宽度（减去左右间距） */
    max-height: calc(100% - 30px); /* 限制图片最大高度（减去上下间距） */
    object-fit: contain; /* 保持图片比例，不拉伸 */
    top: initial;
    left: initial;
}

/* Big Title 大標題 */
/* 漸變字大標題 */
.banner-gradient-text{
    position: relative;
    background: linear-gradient(165deg, #b9fbff 8.17%, #5ea9f9 29.61%, #55f 53.18%, #d5f 76.88%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.banner-gradient-text::after{
    bottom: -12px;
    content: "";
    position: absolute;
    left: -4px;
    width: calc(100% + 15px);
    height: 10px;
    background: url("../image/text-line.svg") no-repeat center / contain;
}
/* 大標題行高1 */
.line-height-1{
    line-height: 1;
}

/* Loading */
/* 如果用bootstrap5转圈效果 */
.loading-in-pic{
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
/* 骨架屏懒加载方法 (js在global.js) */
.lazy-load {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
/* 图片加载完成显示 */
.lazy-load.loaded {
    opacity: 1;
}
/* 骨架屏水波动画 */
.placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    animation: wave 1.5s infinite linear;
}
/* 水波动效 */
@keyframes wave {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}
/* 加个渐变让水波更有层次感 */
.placeholder-wave {
    background-image: linear-gradient(
            90deg,
            #f0f0f0 0%,
            #e0e0e0 50%,
            #f0f0f0 100%
    );
    background-size: 200% 100%;
}

/* 文字最大顯示 */
/* 最大顯示2行 */
.text-truncate-multi-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最多显示 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 最大顯示3行 */
.text-truncate-multi-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 最多显示 3 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 最大顯示4行 */
.text-truncate-multi-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 最多显示 4 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Flex DIV Table */
.flex-table {
    display: flex;
    flex-direction: column;
    gap: 10px; /* 行间距10px */
}
.flex-row {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    width: 100%;
    gap: 5px; /* 单元格间距 */
}
/* 第一个单元格 - 100%宽度 */
.flex-cell:first-child {
    flex: 0 0 100%;
}
/* 其余单元格 - 平均分配宽度 */
.flex-cell:not(:first-child) {
    flex: 0 0 100%;
    min-width: 0; /* 防止内容溢出 */
}
/* 通用单元格样式 */
.flex-cell {
    padding: 0;
}
/* 產品 */
.product-box{
    flex: 0 0 100%!important;
}

/* Svg Big Title */
.svg-big-title{
    height: 2.25rem;
}

/* Bg Color */
.bg-light-orange{
    background-color: #fef4e5!important;
}
.bg-light-beige{
    background-color: #fffbf7!important;
}
.bg-orange{
    background-color: darkorange!important;
}
.bg-orange-red{
    background-color: #f60!important;
}
.bg-dark-orange{
    background-color: #cc5422 !important;
}
.bg-dark-blue{
    background-color: #193691 !important;
}
.bg-dark-purple{
    background-color: #5D37C5 !important;
}
/* Bg Gradient */
.red-orange-gradient{
    background: transparent linear-gradient(151deg, #FF1EB9 0%, #FFBA30 100%) 0% 0% no-repeat padding-box!important;
}
.bg-gradient-grey-top{
    background: linear-gradient(to bottom, #f8f8f9, white);
}
/* light gradient */
.light-gradient{
    background: linear-gradient(to bottom, rgb(245, 245, 247), rgb(255, 255, 255));
}
/* Bg Img */
.bg-bird-grid{
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23F3F6FA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");
}
.bg-dot-matrix{
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23FFFFFF' stroke-width='0.7' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23FFFFFF'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23C3EAFF'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23C3EAFF'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(18.45) translate(-945.8 -709.35)'%3E%3Cg fill='%23C3EAFF'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}
.bg-top-top{
    background-color: #FFF8EF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='480' viewBox='0 0 1600 800'%3E%3Cpath fill='%23FFE6BA' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%23DEECFF' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill-opacity='0.58' fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
}
.bg-new-new{
    background-color: #FAFFF4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 120 120'%3E%3Cpolygon fill='%23D9EED4' fill-opacity='0.15' points='120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 '/%3E%3C/svg%3E");
}
/* Glass Bg */
.glass-bg-white, .glass-bg-dark{
    /* From https://css.glass */
    border-radius: 0.5rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.glass-bg-white{
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.glass-bg-dark{
    background: rgba(0, 0, 0, 0.62);
    /*border: 1px solid rgba(255, 255, 255, 0.15);*/
}

/* Border */
.pc-rounded-0{
    border-radius: var(--bs-border-radius);
}
.border-lg{
    border: 0;
}
.border-bottom-sm{
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

/* Link */
.bottom-line-link{
    position: relative;
}
.bottom-line-link:before{
    content: '';
    width: 100%;
    height: 2px;
    background-color: orange;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.bottom-line-link:hover::before{
    display: none;
}

/* Img */
/* 圖片填满父容器 */
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持宽高比，填满容器 */
}

/* Form */
/* 去掉所有输入框聚焦时的边框 */
.form-control:focus {
    box-shadow: none; /* 去掉阴影 */
    outline: none; /* 去掉浏览器的默认聚焦轮廓 */
}

/* Swiper js */
/* 页面渲染时产品卡片短暂变大 解决方法 */
.swiper {
    opacity: 0;
    transition: opacity 0.03s ease-in-out;
}
.swiper-initialized {
    opacity: 1;
}
/* 首頁頂部輪播圖 */
.mega-sale-swiper{
    background-color: white;
    width: 100%; /* 调整整体宽度 */
    padding: 0;
}
/* 手機端 */
.mega-sale-swiper .swiper-slide{
    width: 100%;
    height: 200px;
    transition: transform 0.3s ease;
    position: relative;
}
.mega-sale-swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 统一设置 Swiper 按钮样式 */
.swiper-button-next,
.swiper-button-prev {
    width: 50px; /* 调整按钮大小 */
    height: 50px;
    background-color: rgba(255, 255, 255, 0.6); /* 白色半透明 */
    border-radius: 50%; /* 圆形按钮 */
    display: none;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
/* 悬停时加深颜色 */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(255, 255, 255, 0.9);
    transform: scale(1.1); /* 略微放大 */
}
/* Swiper 默认的箭头是 SVG，颜色改为深灰色 */
.swiper-button-next::after,
.swiper-button-prev::after {
    color: #333; /* 深灰色箭头 */
    font-size: 20px; /* 调整箭头大小 */
}
/* 如果你想改变按钮的位置，可以加这个 */
.swiper-button-prev {
    left: 10px; /* 调整左侧按钮位置 */
}
.swiper-button-next {
    right: 10px; /* 调整右侧按钮位置 */
}
/* End Swiper 按钮样式 */
.mega-sale-swiper .swiper-slide::before{
    background-color: rgba(33, 33, 33, 0.75);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

/* ad swiper */
.popular-swiper .swiper-button-next, .popular-swiper .swiper-button-prev{
    background-color: rgba(255, 255, 255, .85);
    width: 36px;
    height: 36px;
    margin-top: -18px;
}

/* nav swiper */
.popular-swiper .swiper-button-disabled, .swiper-parents .swiper-button-disabled{
    display: none !important;
}
.swiper-parents .swiper-button-next, .swiper-parents .swiper-button-prev{
    background-color: rgba(0, 0, 0, 1);
    width: 24px !important;
    height: 24px !important;
    margin: 0;
    top: 2px;
}
.swiper-parents .swiper-button-next::after, .swiper-parents .swiper-button-prev::after{
    color: white !important;
    font-size: 12px !important;
}
.swiper-parents .swiper-button-prev {
    left: -30px;
}
.swiper-parents .swiper-button-next {
    right: -30px;
}

/* 首頁推薦品牌 */
.brand-card-swiper .card-item{
    min-height: 185px;
}
.brand-card-swiper .card-item .logo-box{
    width: 100px;
    margin-left: -50px;
    top: 20px;
}
.brand-card-swiper .card-item .btn-box{
    width: 100px;
    margin-left: -50px;
    bottom: 20px;
}

/* 促銷優惠 */
.discount-sale-info .side-label{
    width: 30px;
    -webkit-mask:
            radial-gradient(circle 15px at left center, transparent 40%, black 41%);
    mask:
            radial-gradient(circle 15px at left center, transparent 40%, black 41%);
}
.discount-sale-info .side-label::before{
    /*content: '';*/
    /*width: 12px;*/
    /*height: 12px;*/
    /*background-color: white;*/
    /*border-radius: 99rem;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*margin-top: -6px;*/
    /*left: -6px;*/
}
.discount-sale-info .side-label small{
    writing-mode: vertical-rl;
}
.discount-sale-card{
    min-height: 136px;
}
.discount-sale-card h3.fs-default{
    max-height: 2.5rem;
}

/* 大屏手機 */
@media (min-width: 426px) {
    .mega-sale-swiper .swiper-slide{
        height: 225px;
    }
    .brand-card-swiper .card-item{
        min-height: 215px;
    }
}

/* 平板 & 笔记本 & 電腦 (768px 以上) */
@media (min-width: 768px) {
    .mega-sale-swiper .swiper-slide {
        width: 750px;
        height: 393px;
        overflow: hidden;
    }
    .mega-sale-swiper .swiper-slide::before{
        display: block;
    }
    .mega-sale-swiper .swiper-slide.swiper-slide-active::before{
        display: none!important;
    }
    .mega-sale-swiper .swiper-slide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .mega-sale-swiper .swiper-button-prev {
        left: 23%; /* 调整左侧按钮位置 */
    }
    .mega-sale-swiper .swiper-button-next {
        right: 23%; /* 调整右侧按钮位置 */
    }

    /* 首頁推薦品牌 */
    .brand-card-swiper .card-item{
        min-height: 340px;
    }
    .brand-card-swiper .card-item .logo-box{
        width: 140px;
        margin-left: -70px;
        top: 25px;
    }
    .brand-card-swiper .card-item .btn-box{
        width: 140px;
        margin-left: -70px;
        bottom: 25px;
    }

    /* 網站消息 */
    .site-hot-news{
        width: 25%;
    }
    .site-hot-news::before{
        content: '';
        background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%3C!--%20License%3A%20CC0.%20Made%20by%20SVG%20Repo%3A%20https%3A%2F%2Fwww.svgrepo.com%2Fsvg%2F236642%2Fsound-speaker%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%234A5058%3B%22%20d%3D%22M144.24%2C167.708H29.247c-11.636%2C0-21.069%2C9.433-21.069%2C21.067v134.448c0%2C11.636%2C9.433%2C21.067%2C21.069%2C21.067H144.24V167.708z%22%2F%3E%3Crect%20x%3D%2262.112%22%20y%3D%22167.704%22%20style%3D%22fill%3A%23E45D4C%3B%22%20width%3D%2228.195%22%20height%3D%22176.582%22%2F%3E%3Cpath%20style%3D%22fill%3A%237E858B%3B%22%20d%3D%22M297.578%2C62.32L144.24%2C167.708v176.583L297.578%2C449.68c7.783%2C5.349%2C18.374-0.222%2C18.374-9.666V71.986C315.952%2C62.542%2C305.361%2C56.97%2C297.578%2C62.32z%22%2F%3E%3Cpath%20style%3D%22opacity%3A0.2%3Benable-background%3Anew%20%20%20%20%3B%22%20d%3D%22M311.097%2C436.161L162.493%2C334.026c-3.083-2.119-6.738-3.253-10.479-3.253H42.765c-11.636%2C0-21.067-9.433-21.067-21.067V175.258c0-2.274%2C0.371-4.46%2C1.037-6.512c-8.446%2C2.745-14.555%2C10.669-14.555%2C20.03v134.448c0%2C11.636%2C9.433%2C21.067%2C21.069%2C21.067h114.992L297.579%2C449.68c7.783%2C5.349%2C18.374-0.222%2C18.374-9.666v-1.91C314.293%2C437.846%2C312.64%2C437.222%2C311.097%2C436.161z%22%2F%3E%3Cpath%20d%3D%22M429.806%2C79.937c-3.457-2.908-8.618-2.46-11.523%2C0.999c-2.906%2C3.458-2.459%2C8.617%2C0.999%2C11.523c48.528%2C40.785%2C76.361%2C100.396%2C76.361%2C163.546c0%2C63.149-27.833%2C122.76-76.361%2C163.545c-3.458%2C2.907-3.905%2C8.066-0.999%2C11.523c1.617%2C1.926%2C3.933%2C2.917%2C6.266%2C2.917c1.857%2C0%2C3.726-0.629%2C5.258-1.918C482.041%2C388.171%2C512%2C323.996%2C512%2C256.004C512%2C188.012%2C482.041%2C123.837%2C429.806%2C79.937z%20M393.581%2C123.107c-3.457-2.906-8.617-2.462-11.523%2C0.999c-2.906%2C3.458-2.459%2C8.617%2C0.999%2C11.523c35.719%2C30.021%2C56.205%2C73.897%2C56.205%2C120.375s-20.486%2C90.353-56.205%2C120.374c-3.458%2C2.906-3.905%2C8.066-0.999%2C11.523c1.617%2C1.926%2C3.934%2C2.917%2C6.266%2C2.917c1.857%2C0%2C3.726-0.629%2C5.258-1.918c39.427-33.137%2C62.04-81.576%2C62.04-132.896S433.008%2C156.246%2C393.581%2C123.107z%20M313.492%2C54.367c-6.567-3.454-14.438-2.987-20.547%2C1.212L141.7%2C159.529H29.247C13.12%2C159.528%2C0%2C172.649%2C0%2C188.776v134.448c0%2C16.127%2C13.12%2C29.247%2C29.247%2C29.247H141.7l151.246%2C103.95c3.39%2C2.331%2C7.321%2C3.511%2C11.272%2C3.511c3.17%2C0%2C6.353-0.76%2C9.276-2.298c6.562-3.453%2C10.639-10.205%2C10.639-17.619V71.986C324.131%2C64.571%2C320.055%2C57.82%2C313.492%2C54.367z%20M136.061%2C336.113H29.247c-7.106%2C0-12.888-5.781-12.888-12.888V188.776c0-7.108%2C5.782-12.888%2C12.888-12.888H136.06v160.225H136.061z%20M307.772%2C440.014c0%2C1.865-1.189%2C2.769-1.897%2C3.142c-0.709%2C0.371-2.126%2C0.841-3.663-0.216L152.42%2C339.989V172.011L302.212%2C69.06c1.539-1.057%2C2.956-0.586%2C3.663-0.216c0.709%2C0.373%2C1.897%2C1.277%2C1.897%2C3.142V440.014z%20M357.385%2C166.238c-3.461-2.904-8.619-2.455-11.525%2C1.002c-2.905%2C3.459-2.456%2C8.619%2C1.002%2C11.525c22.889%2C19.225%2C36.017%2C47.379%2C36.017%2C77.24s-13.128%2C58.013-36.017%2C77.239c-3.458%2C2.905-3.908%2C8.066-1.002%2C11.525c1.618%2C1.926%2C3.935%2C2.918%2C6.268%2C2.918c1.856%2C0%2C3.723-0.628%2C5.257-1.916c26.599-22.342%2C41.854-55.06%2C41.854-89.766C399.239%2C221.299%2C383.984%2C188.581%2C357.385%2C166.238z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 3px;
        left: -22px;
    }
    .site-hot-news a::before{
        content: '';
        width: 4px;
        height: 4px;
        background-color: #41464b;
        border-radius: 99rem;
        position: absolute;
        top: 9px;
        left: 0;
    }
    .site-hot-news .swiper-slide{
        padding: 0 15px;
    }
    .news-swiper-button-next, .news-swiper-button-prev{
        background-color: transparent;
        width: initial;
        height: 21px;
        margin: 0;
        top: 0;
    }
    .news-swiper-button-next::after, .news-swiper-button-prev::after{
        font-size: 12px;
    }
    .news-swiper-button-next{
        right: 0;
    }
    .news-swiper-button-prev{
        left: 0;
    }
}
/* 2K 屏幕 (2048px 以上) */
@media (min-width: 1920px) {
    .mega-sale-swiper .swiper-button-prev {
        left: 28%; /* 调整左侧按钮位置 */
    }
    .mega-sale-swiper .swiper-button-next {
        right: 28%; /* 调整右侧按钮位置 */
    }
}
/* 4K 屏幕 (3840px 以上) */
@media (min-width: 2440px) {
    .mega-sale-swiper .swiper-slide.swiper-slide-prev::before, .mega-sale-swiper .swiper-slide.swiper-slide-active::before, .mega-sale-swiper .swiper-slide.swiper-slide-next::before{
        display: none!important;
    }
    .mega-sale-swiper .swiper-button-prev {
        left: 30px; /* 调整左侧按钮位置 */
    }
    .mega-sale-swiper .swiper-button-next {
        right: 30px; /* 调整右侧按钮位置 */
    }
}

/* 小號正常左右定位輪播箭頭 */
.small-arrow-normal-left-right .swiper-button-next, .small-arrow-normal-left-right .swiper-button-prev{
    background-color: #111111;
    width: 30px;
    height: 30px;
    margin-top: -25px;
}
.small-arrow-normal-left-right .swiper-button-next::after, .small-arrow-normal-left-right .swiper-button-prev::after{
    color: #ffffff;
    font-size: .75rem;
}
/* End Swiper js */

/* Svg bg */
.yellow-bg{
    /*background-color: #ffc500;*/
    background-image: url("../image/ybg.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    background: linear-gradient(to left, #ffc500, darkorange);
}

/* Icon */
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

/* Font Size */
.fs-default{
    font-size: .875rem!important;
}
.fs-small{
    font-size: .75rem!important;
}
.input-fs-md{
    font-size: 1rem;
}

/* Hover effect */
/* 放大 */
.hover-magnify{
    transition: transform 0.3s ease;
}
.hover-magnify:hover{
    transform: scale(1.02);
}
.hover-magnify-shadow{
    box-shadow: 2px 4px 12px #00000014;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-magnify-shadow:hover{
    box-shadow: 2px 4px 12px #00000028;
    transform: scale(1.0375);
}

/* Header */
.header-wrapper{
    position: relative;
}
/* Logo */
.logo{
    max-width: 6.75rem;
}
/* Search */
.search-bar.active .shop-search{
    border-radius: 1.5rem 1.5rem 0 0!important;
    border-color: var(--bs-border-color-translucent)!important;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;!important;
}
.search-bar.active .dropdown-menu{
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;!important;
    border-radius: 0 0 1.5rem 1.5rem!important;
    transform: translate3d(0px, 38.3333px, 0px)!important;
}
.gift-card-search-bar.active .bg-white.rounded{
    border-radius: 0.375rem 0.375rem 0 0!important;
}
.gift-card-search-bar.active .dropdown-menu{
    border-top: 1px solid #dee2e6!important;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;!important;
    border-radius: 0 0 0.375rem 0.375rem!important;
    transform: translate3d(0px, 73.5px, 0px)!important;
}
/* 搜索栏手机端布局 */
.search-bar-phone-layout{
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*top: calc(100% + 4px);*/
    /*left: 0;*/
    /*padding: 10px;*/
    /*z-index: 2;*/

    /* From https://css.glass */
    /*background: rgba(255, 255, 255, 0.92);*/
    /*backdrop-filter: blur(7.5px);*/
    /*-webkit-backdrop-filter: blur(7.5px);*/
    /*border: 1px solid rgba(255, 255, 255, 0.3);*/
}
/* User Avatar */
.user-avatar{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 2rem;
    height: 2rem;
}
/* Shopping Cart */
.cart-dropdown{
    width: 18rem;
}
.shopping_cart_num{
    top: .3rem !important;
}
/* 2000Fun主題色綫條 */
.fun-line div{
    height: 4px;
}
.fun-line div:nth-child(1){
    background-color: #e73c23;
}
.fun-line div:nth-child(2){
    background-color: #f6bd19;
}
.fun-line div:nth-child(3){
    background-color: #57b541;
}

/* cart */
.cart-dropdown .cart-product-list {
    max-height: 25rem;
}

/* nav */
.custom-tab-nav .nav-link{
    color: #6c757d;
    /*max-width: 190px;*/
}
.custom-tab-nav .nav-link.active{
    /*background-color: #e9ecef !important;*/
    background: linear-gradient(45deg, #e9ecef, #f2f3f4);
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    color: #212529;
    font-weight: 500;
}

/* 瀑佈流佈局 */
.masonry {
    column-count: 5;
    column-gap: 15px;
}
.masonry-item {
    break-inside: avoid;
    margin-bottom: 15px;
}
.masonry a:hover{
    color: #d01437 !important;
}

/* nav icon */
.main-nav-tab .nav-link{
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center left;
    padding-left: 35px !important;
    padding-top: .65rem;
    padding-bottom: .65rem;
}
#offcanvasTopNav #v-tab-1{
    background-image: url("../image/nav/icon-peripherals.svg?v=4");
}
#offcanvasTopNav #v-tab-2{
    background-image: url("../image/nav/icon-tech.svg?v=5");
}
#offcanvasTopNav #v-tab-3{
    background-image: url("../image/nav/icon-game.svg?v=5");
}
#offcanvasTopNav #v-tab-4{
    background-image: url("../image/nav/icon-chip.svg?v=4");
}
#offcanvasTopNav #v-tab-5{
    background-image: url("../image/nav/icon-giftcard.svg?v=5");
}
#offcanvasTopNav #v-tab-11{
    background-image: url("../image/nav/icon-sound.svg?v=4");
}
#offcanvasTopNav #v-tab-12{
    background-image: url("../image/nav/icon-net.svg?v=4");
}
#offcanvasTopNav #v-tab-25{
    background-image: url("../image/nav/icon-pc.svg?v=6");
}
#offcanvasTopNav #v-tab-26{
    background-image: url("../image/nav/icon-giftcard.svg?v=4");
}
#offcanvasTopNav #v-tab-27{
    background-image: url("../image/nav/icon-psgame.svg?v=4");
}

/* Gift Card Shop Search */
.gift-card-title-svg{
    display: block;
    width: 60%;
    margin: 10px auto 5px auto;
}
.gift-card-category-btn{
    border-radius: 0 0 0 .375rem;
}

/* 自定義Select 用bootstrap dropdown改造的 */
.custom-select .dropdown-menu{
    max-height: 380px;
    overflow-y: auto;
}
.custom-select.active .chose-brand{
    border-radius: 1rem 1rem 0 0!important;
}
.custom-select.active .dropdown-menu{
    border-radius: 0 0 1rem 1rem!important;
    transform: translate3d(0px, 36.3333px, 0px)!important;
}

/* 主下拉菜單 */
.main-nav-tab .nav-link.active{
    border-right: 2px solid #d01437;
    color: #d01437 !important;
    filter: brightness(0) saturate(100%) invert(16%) sepia(58%) saturate(5015%) hue-rotate(337deg) brightness(92%) contrast(99%);
}
.main-nav-tab .tab-pane .list-unstyled li{
    /*width: 50%;*/
}

/* Product */
/* 產品輪播箭頭和頁數樣式 */
.product-swiper-arrow-pagination .swiper-button-prev, .product-swiper-arrow-pagination .swiper-button-next, .product-swiper-arrow-pagination .swiper-pagination{
    position: relative!important;
}
.product-swiper-arrow-pagination .swiper-button-prev, .product-swiper-arrow-pagination .swiper-button-next{
    background-color: #212529;
    width: 30px;
    height: 30px;
    margin: 0;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
}
.product-swiper-arrow-pagination .swiper-button-next.swiper-button-disabled, .product-swiper-arrow-pagination .swiper-button-prev.swiper-button-disabled{
    opacity: .28;
}
.product-swiper-arrow-pagination .swiper-button-next::after, .product-swiper-arrow-pagination .swiper-button-prev::after{
    color: white;
    font-size: .75rem;
}
.product-swiper-arrow-pagination .swiper-pagination{
    font-size: .875rem;
    flex: 1;
    bottom: initial;
    padding: 0 10px;
}
.product-swiper-arrow-pagination .swiper-pagination span{
    font-size: 1rem;
}
/* 產品列表首張廣告封面圖 */
.product-start-cover{
    height: 280px;
}
.product-start-cover::before{
    background-color: rgba(0, 0, 0, 0.25);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.product-start-cover:hover::before, .product-start-cover:hover>div{
    /*display: none;*/
}
/* Product Card */
.product-card{}
.product-card h3{
    min-height: 2.5rem;
}
.product-card .product-price, .discount-label, .sans-serif-font, .product-price-bar{
    font-family: Arial, sans-serif !important;
}
.discount-label{
    border-radius: 0 .5rem 0 .5rem;
    padding: .15rem .3875rem !important;
}
/* End Product */

/* Media */
/* 图文左右排列 */
.media-pic-txt-line-layout{}
.media-pic-txt-line-layout .pic{
    width: 210px;
    height: 119px;
}
.media-pic-txt-line-layout .txt{
    flex: 1;
}
/* 1行2列显示 最后2个不显示底部线条 */
.one-row-two-col .col-lg-6:nth-last-child(-n+2) .media-pic-txt-line-layout{
    border-bottom: 0!important;
    padding-bottom: 0!important;
}
/* End Media */

/* Navs and tabs */
/* red underline */
.red-underline.nav-underline .nav-link.active{
    border-bottom-color: rgba(var(--bs-danger-rgb)) !important;
    color: rgba(var(--bs-danger-rgb)) !important;
}

/* Tab Switch */
.tab-menu-wrap {
    flex-wrap: wrap;
    gap: 5px;
}
.tab-menu-wrap > * {
    flex: 0 0 calc((100% - 10px) / 3);
    max-width: calc((100% - 10px) / 3);
}
/* 橙色邊框切換按鈕 */
.orangered-outline-nav-tab-btn .nav-link, .orangered-outline-nav-tab-btn .nav-link:focus, .orangered-outline-nav-tab-btn .nav-link:hover{
    border: 1px solid #6c757d;
    color: #212529;
}
.orangered-outline-nav-tab-btn .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #ec613e;
    border-color: #ec613e;
    color: white;
    font-weight: 700;
}
/* 綠色邊框切換按鈕 */
.green-outline-nav-tab-btn .nav-link, .green-outline-nav-tab-btn .nav-link:focus, .green-outline-nav-tab-btn .nav-link:hover{
    border: 1px solid #6c757d;
    color: #212529;
}
.green-outline-nav-tab-btn .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #111;
    border-color: #111;
    color: white;
    font-weight: 700;
}
/* End Tab Switch */

/* Top Ranking */
.ranking a[data-id="1"]::before, .ranking a[data-id="2"]::before, .ranking a[data-id="3"]::before{
    content: '';
    color: white;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 3px;
    z-index: 2;
    text-align: center;
    line-height: 2.75;
    font-weight: bold;
    font-size: .875rem;
}
.ranking a[data-id="1"]::before{
    content: '1';
    background-image: url('../image/top1.svg');
}
.ranking a[data-id="2"]::before{
    content: '2';
    background-image: url('../image/top2.svg');
}
.ranking a[data-id="3"]::before{
    content: '3';
    background-image: url('../image/top3.svg');
}
/* End Top Ranking */

/* Flip Text */
#flip {
    height:40px;
    overflow:hidden;
}
#flip > div > div {
    color:#fff;
    padding:4px 12px;
    height:40px;
    margin-bottom:40px;
    display:inline-block;
    line-height: 1.25;
}
#flip div:first-child {
    animation: show 6s linear infinite;
}
#flip div div {
    background:#42c58a;
}
#flip div:first-child div {
    background:#4ec7f3;
}
#flip div:last-child div {
    background:#DC143C;
}
@keyframes show {
    /*
    240px = 40*2*3 (3个div高度+margin高度)
    160px = 40*2*2
    80px = 40*2
    */
    0% {margin-top:-240px;}
    5% {margin-top:-160px;}
    33% {margin-top:-160px;}
    38% {margin-top:-80px;}
    66% {margin-top:-80px;}
    71% {margin-top:0px;}
    99.99% {margin-top:0px;}
    100% {margin-top:-240px;}
}
/* End Flip Text */

/* Form */
/* 錯誤提示文字樣式 */
.is-invalid-label-text{
    color: #dc3545 !important;
}

/* Page */
/* breadcrumb */
.breadcrumb-nav-bar{
    background: linear-gradient(to bottom, #f1f1f1, #fff) !important;
}
/* 產品詳情頁 到店體驗 */
.store-product-up .s-p-u-pic {
    width: 88px;
    height: 88px;
    background: #1c73f3 !important;
}
.store-product-up .s-p-u-text a {
    background: #fff !important;
    padding: 5px 8px !important;
    font-weight: bold !important;
    box-shadow: 0 0 6px #e0e0e0;
    border-radius: 4px !important;
    color: #1c87f4 !important;
    display: inline-block !important;
    text-decoration: none;
}

/* Product Details Page */
.product-details-page .accordion-button{
    /*padding: .65rem 0 !important;*/
}

/* 產品描述過長折疊 */
.product-description-wrapper {
    overflow: hidden;
    max-height: 600px;
    transition: max-height 0.3s ease;
}
/* phone 200px */
@media (max-width: 768px) {
    .product-description-wrapper {
        max-height: 200px;
    }
}
/* 展開狀態 */
.product-description-wrapper.expanded {
    max-height: none;
}
/* 遮罩 */
.description-mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 15px;
}
.product-description-wrapper:not(.expanded) .description-mask {
    background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}
/* 展開後 */
.product-description-wrapper.expanded .description-mask {
    position: static;
    height: auto;
    background: none;
    padding: 20px 0;
}
.description-toggle-btn {
    padding: 6px 16px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    border-radius: 20px;
}

/* Sidebar */
.sidebar{
    width: 240px;
}
.user-sidebar{
    width: 280px;
}
/* Price range */
.sidebar-price-range .col-6:first-child::before{
    background-color: #c4c8cb;
    content: '';
    width: 10px;
    height: .065rem;
    position: absolute;
    top: 1.15rem;
    right: -.3rem;
}
/* Product Details */
/* 選擇款式按鈕 */
.choose-product button.active{
    border: 1px solid #dd301c!important;
    outline: 1px solid #dd301c !important;
}
/* 產品數量 */
.quantity-form .reduction{
    border-radius: 99rem 0 0 99rem;
}
.quantity-form .increase{
    border-radius: 0 99rem 99rem 0;
}
.quantity-form-small{
    max-width: 80px;
}
.quantity-form-small button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px!important;
    height: 25px!important;
    padding: 0;
}
.quantity-form-small button>svg{
    font-size: .75rem;
}
.quantity-form-small input{
    height: 25px;
    padding: 0 5px;
}
/* Product Code */
.product-code{
    transform: skewX(-16deg);
}
.product-code span:nth-child(2){
    position: relative;
    padding-left: 7px;
}
.product-code span:nth-child(2)::before{
    content: '';
    width: 1px;
    height: 11px;
    background-color: #c6c7c8;
    display: inline-block;
    margin-right: 10px;
}
/* 星級推介 */
#newsTab button:nth-child(1){
    border-color: #cbb1ff !important;
    background-color: #e9e1ff !important;
    color: #2e0565 !important;
}
#newsTab button:nth-child(2){
    border-color: var(--bs-primary-border-subtle) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    color: var(--bs-primary-text-emphasis) !important;
}
#newsTab button:nth-child(3){
    border-color: var(--bs-danger-border-subtle) !important;
    background-color: var(--bs-danger-bg-subtle) !important;
    color: var(--bs-danger-text-emphasis) !important;
}
#newsTab button:nth-child(4){
    border-color: var(--bs-warning-border-subtle) !important;
    background-color: var(--bs-warning-bg-subtle) !important;
    color: var(--bs-warning-text-emphasis) !important;
}
#newsTab button:nth-child(5){
    border-color: var(--bs-success-border-subtle) !important;
    background-color: var(--bs-success-bg-subtle) !important;
    color: var(--bs-success-text-emphasis) !important;
}
#newsTab button:nth-child(6){
    border-color: var(--bs-info-border-subtle) !important;
    background-color: var(--bs-info-bg-subtle) !important;
    color: var(--bs-info-text-emphasis) !important;
}
#newsTabContent .col-12:nth-last-child(-n+4) .border-bottom{
    border-bottom: 0 !important;
}
#newsTabContent .col-12:nth-last-child(-n+4) .mb-4{
    margin-bottom: 0 !important;
}
/* 門市列表 */
.store-list{}
.store-list .store-cover{
    /*background-color: #21D4FD;*/
    /*background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);*/
    background-color: #6c757d;
    width: 25px;
    height: 25px;
}
.store-list .store-inventory{
    width: 80px;
}
/* 產品詳情 */
.product-details-wrapper{
    font-size: 1rem!important;
}
.product-details-wrapper img{
    display: inline-block;
    margin: 0 auto!important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto!important;
}
.product-details-wrapper h4{
    background: linear-gradient(60deg, #efeff0, #ffffff);
    border-left: 2px solid #e73c23;
    padding: 12px 15px;
    line-height: 1;
    font-weight: 500;
    font-size: 1.25rem !important;
    margin-bottom: .875rem;
}
.product-details-wrapper ul, .digital-product-description .tab-content ul{
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
}
.product-details-wrapper ul li, .digital-product-description .tab-content ul li{
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f1;
}
.product-details-wrapper ul li:last-child, .digital-product-description .tab-content ul li:last-child{
    border-bottom: 0;
}
.product-details-wrapper table, .digital-product-description .tab-content table{
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 14px;
    color: #212529;
    width: 100% !important;
}
.product-details-wrapper table thead th, .digital-product-description .tab-content table thead th {
    background-color: #f8f9fa; /* Bootstrap --bs-table-bg */
    color: #212529;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}
.product-details-wrapper table th,
.product-details-wrapper table td,
.digital-product-description .tab-content table th,
.digital-product-description .tab-content table td{
    padding: 0.6rem 0.75rem;
    border: 1px solid #dee2e6;
    vertical-align: middle;
}
.product-details-wrapper table tbody tr:nth-child(odd), .digital-product-description .tab-content table tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}
.product-details-wrapper table tbody tr:hover, .digital-product-description .tab-content table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
.product-details-wrapper table p, .digital-product-description .tab-content table p {
    margin: 0;
}
.product-details-wrapper ol li, .digital-product-description .tab-content ol li{
    padding: 6px 0 !important;
    height: initial !important;
}

/* shopping cart */
.promotion-item div:first-child{
    cursor: help;
    /*width: 70%;*/
}
.promotion-item div:last-child{
    width: 30%;
    text-align: right !important;
}
.promotion-item-s2 div{
    width: 50%;
}
.promotion-item-s2 div:last-child{
    text-align: right !important;
}

/* progress bar steps */
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.stepper-item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    bottom: 14px;
    left: -50%;
    z-index: 2;
}
.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    bottom: 14px;
    left: 50%;
    z-index: 2;
}
.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 6px;
}
.stepper-item.active {
    font-weight: bold;
}
.stepper-item.active .step-counter{
    background-color: white;
    border-color: #1ebd54;
}
.stepper-item.completed .step-counter {
    background-color: #1ebd54;
    border-color: #1ebd54;
    background-image: url("../image/check-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
}
.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #1ebd54;
    width: 100%;
    bottom: 14px;
    left: 50%;
    z-index: 3;
}
.stepper-item:first-child::before {
    content: none;
}
.stepper-item:last-child::after {
    content: none;
}

/* DIV Table */
/* 表格容器 */
.div-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
/* 行 */
.div-row {
    border-bottom: 1px solid #e0e0e0;
    display: block;
}
/* 单元格 */
.div-cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: left;
}
.div-cell .phone-visible{
    color: #6c757d;
    width: 74px;
}
/* 表头样式 */
.div-table .div-head{
    display: none;
}
/* End DIV Table */

/* Card Hover */
.card-hover, .payment-card-hover{
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out;
    min-height: 140px;
}
.card-hover:hover, .payment-card-hover:hover,.delivery_add_select:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.card-hover.active, .payment-card-hover.active,.delivery_add_select.active{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 1px solid orangered!important;
    background-color: #fffcfb !important;
    position: relative;
}
.delivery_add_select.active::before, .delivery_select.active::before, .payment-card-hover.active::before{
    background-color: orangered;
    border-radius: 0 .4rem 0 .3rem!important;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20CC%20Attribution.%20Made%20by%20salesforce%3A%20https%3A%2F%2Flightningdesignsystem.com%2F%20--%3E%3Csvg%20fill%3D%22%23ffffff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2052%2052%22%20enable-background%3D%22new%200%200%2052%2052%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M19.1%2C42.5L2.6%2C25.9c-0.6-0.6-0.6-1.6%2C0-2.2l2.2-2.2c0.6-0.6%2C1.6-0.6%2C2.2%2C0L19.4%2C34c0.4%2C0.4%2C1.1%2C0.4%2C1.5%2C0L45.2%2C9.5c0.6-0.6%2C1.6-0.6%2C2.2%2C0l2.2%2C2.2c0.6%2C0.6%2C0.6%2C1.6%2C0%2C2.2L21.3%2C42.5C20.7%2C43.2%2C19.7%2C43.2%2C19.1%2C42.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0;
    right: 0;
}


/* Payment Card Hover */
.payment-card-hover{
    min-height: 113px;
}

/* Tom Select */
.ts-control {
    height: 40px; /* 設置高度 */
    font-size: 1rem!important; /* 調整字體大小 */
}
.personal-info .ts-control{
    height: initial;
}

/* Brands */
/* Brands Cover */
.brands-cover{
    width: 100%;
}
.brands-info{
    /*max-width: 50%;*/
}

/* Footer */
/* Awards */
.awards-wrapper{}
.awards-logo .awards-logo-item{
    margin: 10px 15px;
}
.awards-logo img{
    width: auto;
    height: 45px;
}
/* footer logo */
.footer-logo{
    width: auto !important;
    height: 25px !important;
    margin: 10px 0;
}


/* Media query PC Display */
@media (min-width: 576px) {
    main {
        min-height: calc(100vh - 636px); /* 100vh代表視窗高度，636px是header和footer總高度 */
    }

    /* Font Size */
    .fs-default{
        font-size: .875rem!important;
    }
    .input-fs-md{
        font-size: .875rem;
    }

    /* Border */
    /* Rounded */
    .pc-rounded-0{
        border-radius: 0;
    }
    .border-lg{
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }
    .border-bottom-sm{
        border-bottom: 0 !important;
    }

    /* Svg Big Title */
    .svg-big-title{
        height: 5.5rem;
    }

    /* Header */
    .header-wrapper{
        position: initial;
    }
    /* 手机端启用 position: sticky */
    .sticky-top-mobile {
        position: static !important; /* 禁用 sticky */
        top: auto !important;
    }
    /* Logo */
    .logo {
        max-width: 10.5rem;
    }
    /* Shopping Cart */
    .cart-dropdown{
        width: 23.5rem;
    }
    .cart-dropdown .cart-product-list{
        max-height: 30rem;
    }
    /* Search */
    .search-bar-phone-layout {
        background: none;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
        width: 58.33333333%;
        position: initial;
        top: initial;
        left: initial;
        padding: initial;
        z-index: initial;
    }

    /* Gift Card Shop Search */
    .gift-card-title-svg{
        display: initial;
        width: 100%!important;
        margin: initial;
    }
    .gift-card-category-btn{
        border-radius: 0;
    }
    .gift-card-search-bar.active .dropdown-menu{
        transform: translate3d(0px, 45.3333px, 0px) !important;
    }

    /* swiper js */
    /* 解決swiper js 輪播會把放大和陰影裁掉的方法 */
    .swiper-add-effect {
        padding: 15px; /* 预留空间 */
        margin: -15px; /* 让 Swiper 位置不变 */
    }
    /* PC端显示箭头翻页按钮 */
    .swiper-button-next, .swiper-button-prev{
        display: flex;
    }

    /* Tab切換按鈕 */
    .custom-tab-nav{
        /*margin-left: -1rem;*/
        /*margin-right: -1rem;*/
    }
    .custom-tab-nav .nav{
        gap: 10px;
    }
    .custom-tab-nav .nav button{
        flex: 0 0 calc((100% - 40px) / 5);
        min-width: 0;
        overflow: hidden;
    }

    /* Tab Switch */
    .tab-menu-wrap {
        gap: 18px;
    }
    .tab-menu-wrap > * {
        width: auto !important;
        max-width: none;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* Flip Text */
    #flip {
        height:62px;
        overflow:hidden;
    }
    #flip > div > div {
        color:#fff;
        padding:4px 12px;
        height:62px;
        margin-bottom:62px;
        display:inline-block;
        line-height: 1.25;
    }
    #flip div:first-child {
        animation: show 6s linear infinite;
    }
    #flip div div {
        background:#42c58a;
    }
    #flip div:first-child div {
        background:#4ec7f3;
    }
    #flip div:last-child div {
        background:#DC143C;
    }
    @keyframes show {
        /*
        372px = 62*2*3 (3个div高度+margin高度)
        248px = 62*2*2
        124px = 62*2
        */
        0% {margin-top:-372px;}
        5% {margin-top:-248px;}
        33% {margin-top:-248px;}
        38% {margin-top:-124px;}
        66% {margin-top:-124px;}
        71% {margin-top:0px;}
        99.99% {margin-top:0px;}
        100% {margin-top:-372px;}
    }
    /* End Flip Text */

    /* DIV Table */
    /* 表格容器 */
    .div-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }
    /* 行 */
    .div-row {
        border-bottom: 0;
        display: table-row;
    }
    /* 单元格 */
    .div-cell {
        box-sizing: initial;
        display: table-cell;
        padding: 10px;
        /*border-bottom: 1px solid #e0e0e0;*/
        text-align: center;
        vertical-align: middle;
        width: initial;
    }
    .div-cell .phone-visible{
        display: none;
    }
    .div-cell:first-child{
        text-align: left;
        padding-left: 20px;
    }
    .div-cell:last-child{
        text-align: right;
        padding-right: 20px;
    }
    /* 表头样式 */
    .div-table .div-head{
        display: table-row;
    }
    .div-table .div-head .div-cell {
        font-weight: bold;
        background-color: #f7f7f8;
    }
    .div-table .div-head .div-cell:first-child{
        border-radius: .375rem 0 0 0;
    }
    .div-table .div-head .div-cell:last-child{
        border-radius: 0 .375rem 0 0;
    }
    /* End DIV Table */

    /* Flex DIV Table */
    .flex-table {
        display: flex;
        flex-direction: column;
        gap: 10px; /* 行间距10px */
    }
    .flex-row {
        display: flex;
        flex-wrap: wrap; /* 允许换行 */
        width: 100%;
        gap: 10px; /* 单元格间距 */
    }
    /* 第一个单元格 - 100%宽度 */
    .flex-cell:first-child {
        flex: 0 0 100%;
    }
    /* 其余单元格 - 平均分配宽度 */
    .flex-cell:not(:first-child) {
        flex: 1;
        min-width: 0; /* 防止内容溢出 */
    }
    /* 通用单元格样式 */
    .flex-cell {
        padding: 5px;
    }
    /* 產品 */
    .product-box{
        flex: 0 0 30%!important;
    }
    /* End Flex DIV Table */

    /* Card Hover */
    .card-hover, .payment-card-hover{
        min-height: 150px;
    }

    /* sidebar */
    /* Sidebar filter list max height */
    .side-filter-list-max-height{
        max-height: 700px;
    }

    /* Brands */
    /* Brands Cover */
    .brands-cover{
        height: 200px;
    }

    /* Footer */
    /* Awards */
    .awards-wrapper{}
    .awards-logo .awards-logo-item{
        margin: 20px 15px;
    }
    .awards-logo img{
        width: auto;
        height: 75px;
    }
    /* footer logo */
    .footer-logo{
        width: auto !important;
        height: 27px !important;
        margin: 0;
    }
}


/* 特殊場景 手機端顯示 */
@media (max-width: 767.98px) {
    /* Font Size */
    .fs-4{
        font-size: 1.15rem!important;
    }
    .fs-6{
        /*font-size: .875rem!important;*/
    }

    /* Hover effect */
    /* 放大 */
    .hover-magnify:hover{
        transform: scale(1);
    }
    .hover-magnify-shadow:hover{
        transform: scale(1);
    }

    /* Header */
    header .fs-4{
        font-size: calc(1.275rem + .3vw)!important;
    }

    /* nav dropdown */
    #offcanvasTopNav .dropdown-menu {
        display: block;
        position: static;
        transform: none !important;
        box-shadow: none !important;
    }
    #offcanvasTopNav .dropdown-menu.border{
        border: 0 !important;
    }

    /* 產品列表通用輪播 */
    .custom-tab-nav .nav{
        display: flex;
        flex-wrap: wrap;
        margin-top: .375rem;
        gap: 3px;
    }
    .custom-tab-nav .nav button{
        flex: 0 0 calc((100% - 6px) / 3);
        min-width: 0;
        overflow: hidden;
    }
    .custom-tab-nav .nav .nav-link{
        padding-top: .15rem;
        padding-bottom: .15rem;
        padding-left: 0;
        /*width: 33.333333%;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .product-swiper-arrow-pagination.brand-sale-pagination{
        position: absolute!important;
        top: -1.5rem;
        right: 0;
    }

    /* Offcanvas */
    .offcanvas-lg.offcanvas-start{
        width: 90%;
    }

    /* Pages */
    /* 麵包屑導航 */
    .breadcrumb{
        font-size: .75rem!important;
    }
    .breadcrumb-item.active{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*width: 50%;*/
    }

    /* Product Show Page */
    .product-details-wrapper iframe{
        width: 100% !important;
    }

    /* 瀑佈流佈局 */
    .masonry {
        column-count: 1;
    }

    /* footer */
    .phone-fixed-bar{
        box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.3);
        bottom: 0;
        position: fixed;
        z-index: 999;
        padding: 0;
    }
    .phone-fixed-bar .bg-white{
        border: 0 !important;
        border-radius: 0 !important;
    }
    .my-order-info-wrap{
        max-height: 300px;
        overflow-y: auto;
    }

    #delivery_select_alert, #address_select_alert, #payment_select_alert{
        display: none !important;
    }
}

/* 隱藏谷歌翻譯 */
html,body{
    top: 0!important;
}
#google_translate_element {
    display: none;
}
[id=":1.container"].skiptranslate {
    display: none;
}
[id=":2.container"].skiptranslate {
    display: none;
}
#sea_loading{width:150px;height:60px;position:fixed;left:50%;top:50%;z-index:999;margin-left:-75px}
/* 测试更新 */