/*** ======= // TABLE OF CONTENT // ============================
01- Google Fonts
02- General Variables
03- General Styling
    03.1- Paddings
    03.2- Margins
    03.3- Overlap
    03.4- Default Colors
    03.5- Gradient Colors
    03.6- Background Shape
    03.7- Z Index
    03.8- Container
    03.9- Wide Sec
    03.10- Column Gap
    03.11- Fonts Typography
    03.12- Parallax Background
    03.13- Background Layer
    03.14- Opacity
    03.15- Iframe
    03.16- Width
    03.17- Cross Browser Compatibility
    03.18- Border Radius
    03.19- Particles
    03.20- Animations
    03.21- Slick Arrows
    03.22- Slick Dots
    03.23- Social Media
04- Page Loader Style
05- Header Styles
    05.1- Dropdown
    05.2- Header Search
    05.3- Header Style 1
    05.4- Header Style 2
    05.5- Header Style 3
06- Sticky Header
07- Responsive Header
    07.1- Responsive Menu
08- Theme Button
===================================================== ***/

/*===== Google Fonts =====*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;600&display=swap');
/*===== Background Color =====*/
.bg-color-white {
    background-color: var(--white) !important;
}
.bg-color1 {
    background: var(--color1);
}
.bg-color2 {
    background-color: var(--color2);
}
.bg-color3 {
    background-color: var(--color3);
}
.bg-color4 {
    background: var(--header_link_hover_color, #eb5757);
}
.bg-color5 {
    background-color: var(--color5);
}
.bg-color6 {
    background-color: var(--color6);
}
.bg-color7 {
    background-color: var(--color7);
}
.bg-color8 {
    background-color: var(--color8);
}
.bg-color9 {
    background-color: var(--color9);
}
.bg-color10 {
    background-color: var(--color10);
}
.bg-color11 {
    background-color: var(--color11);
}
.bg-color12 {
    background-color: var(--color12);
}
.bg-color13 {
    background-color: var(--color13);
}
.bg-color14 {
    background-color: var(--color14);
}
.bg-color15 {
    background-color: var(--color15);
}
.bg-color16 {
    background-color: var(--color16);
}
.bg-color17 {
    background-color: var(--color17);
}
.bg-color18 {
    background-color: var(--color18);
}
.bg-color19 {
    background-color: var(--color19);
}
.bg-color20 {
    background-color: var(--color20);
}
.bg-color21 {
    background-color: var(--color21);
}
.bg-color22 {
    background-color: var(--color22);
}
.bg-color23 {
    background-color: var(--color23);
}
.bg-color24 {
    background-color: var(--color24);
}
.bg-color25 {
    background-color: var(--color25);
}
.bg-color26 {
    background-color: var(--color26);
}
.bg-color27 {
    background-color: var(--color27);
}
.bg-color28 {
    background-color: var(--color28);
}
.bg-color29 {
    background-color: var(--color29);
}
.bg-color30 {
    background-color: var(--color30);
}
.bg-color31 {
    background-color: var(--color31);
}
.bg-color37 {
    background-color: var(--color37);
}
/*===== Border Color =====*/
.bg-border4 {
    border-color: var(--color4);
}
.bg-border12 {
    border-color: var(--color12);
}
.bg-border18 {
    border-color: var(--color18);
}
.bg-border19 {
    border-color: var(--color19);
}
.bg-border20 {
    border-color: var(--color20);
}
.bg-border24 {
    border-color: var(--color24);
}
.bg-border25 {
    border-color: var(--color25);
}
.bg-border26 {
    border-color: var(--color26);
}
.bg-border27 {
    border-color: var(--color27);
}
.bg-border28 {
    border-color: var(--color28);
}
.bg-border29 {
    border-color: var(--color29);
}
.bg-border30 {
    border-color: var(--color30);
}
.bg-border31 {
    border-color: var(--color31);
}
.bg-border32 {
    border-color: var(--color32);
}
.bg-border33 {
    border-color: var(--color33);
}
.radius0 {
    border-radius: var(--curve0) !important;
}
.radius8 {
    border-radius: var(--curve8);
}
.radius16 {
    border-radius: var(--curve16);
}
.radius50 {
    border-radius: 50px !important;
}
/*===== Text Color =====*/
.text-color-w {
    color: var(--white);
}
.text-color1 {
    color: var(--color1);
}
.text-color2 {
    color: var(--color2);
}
.text-color3 {
    color: var(--color3);
}
.text-color4 {
    color: var(--color4)!important;
}
.text-color5 {
    color: var(--color5);
}
.text-color6 {
    color: var(--color6);
}
.text-color7 {
    color: var(--color7);
}
.text-color8 {
    color: var(--color8);
}
.text-color9 {
    color: var(--color9);
}
.text-color10 {
    color: var(--color10);
}
.text-color11 {
    color: var(--color11);
}
.text-color12 {
    color: var(--color12);
}
.text-color13 {
    color: var(--color13);
}
.text-color14 {
    color: var(--color14);
}
.text-color15 {
    color: var(--color15);
}
.text-color16 {
    color: var(--color16);
}
.text-color17 {
    color: var(--color17);
}
.text-color18 {
    color: var(--color18);
}
.text-color19 {
    color: var(--color19);
}
.text-color20 {
    color: var(--color20);
}
.text-color21 {
    color: var(--color21);
}
.text-color22 {
    color: var(--color22) !important;
}
.text-color23 {
    color: var(--color23);
}
.text-color24 {
    color: var(--color24);
}
.text-color25 {
    color: var(--color25);
}
.text-color26 {
    color: var(--color26) !important;
}
.text-color27 {
    color: var(--color27) !important;
}
.text-color28 {
    color: var(--color28) !important;
}
.text-color29 {
    color: var(--color29) !important;
}
.text-color30 {
    color: var(--color30) !important;
}
.text-color31 {
    color: var(--color31) !important;
}
.text-color32 {
    color: var(--color32) !important;
}
.text-black {
    color: var(--black) !important;
}
.strong {
    font-weight: 700;
}

/*===== Font Size =====*/
.font12 {
    font-size: 12px !important;
}
.font14 {
    font-size: 14px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 16px !important;
}
.font18 {
    font-size: 18px !important;
}
.font19 {
    font-size: 19px !important;
}
.font22 {
    font-size: 22px !important;
}
.font24 {
    font-size: 24px !important;
}
.font28 {
    font-size: 28px !important;
}
.font30 {
    font-size: 30px !important;
}
.font33 {
    font-size: 33px !important;
}
.font40 {
    font-size: 40px !important;
}
/*===== General Styling =====*/
body {
    margin: 0;
    font-family: "Noto Sans TC", "arial";
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    color: var(--color3);
    font-weight: 400;
    font-size: 1rem;
}
body.compensate-for-scrollbar {
    padding-right: 0;
}
#main {
	min-height: calc(100vh - 466px);
    padding-bottom: 120px;
    position: relative;
}
@media (max-width: 767px) {
    #main {
        padding-bottom: 80px;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color2);
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p {
    line-height: 1.5rem;
    font-size: 1rem;
}
ul li,
ol li {
    line-height: 1.5rem;
    font-size: 1rem;
}
a {
    color: inherit;
    text-decoration: none;
}
a.underline {
    color: inherit;
    text-decoration: underline;
}
a:hover,
a:focus,
ins {
    text-decoration: none;
    outline: none;
    color: inherit;
}
input,
textarea,
select,
button {
    border: 0;
}
button,
input[type="submit"],
.fileContainer,
input[type="file"] {
    cursor: pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
a:focus,
.form-wrp fieldset p a:focus,
.page-link:focus,
.btn.focus,
.btn:focus,
.bootstrap-select .dropdown-toggle:focus {
    border-color: transparent;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
textarea {
    resize: none;
}
section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.d-inlineblock {
    display: inline-block;
}
.d-revert {
    display: revert !important;
}
.d-none01 {
    display: none;
}
.d-none02 {
    display: none !important;
}
.d-hidden {
    visibility: hidden;
}

/*=== Paddings ===*/
.p-0 {
    padding: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-24 {
    padding: 24px !important;
}
.p-32 {
    padding: 32px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-8 {
    padding-top: 8px !important;
}
.pt-9 {
    padding-top: 9px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-9 {
    padding-bottom: 9px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-12 {
    padding-bottom: 12px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.p-b-20 {
    padding-bottom: 20% !important;
}
.pt-24 {
    padding-top: 24px !important;
}
.pb-22 {
    padding-bottom: 22px !important;
}
.pb-24 {
    padding-bottom: 24px !important;
}
.pt-28 {
    padding-top: 28px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-32 {
    padding-top: 32px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.p-b-30 {
    padding-bottom: 30% !important;
}
.pt-38 {
    padding-top: 38px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-48 {
    padding-bottom: 48px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pt-55 {
    padding-top: 55px !important;
}
.pb-55 {
    padding-bottom: 55px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pt-65 {
    padding-top: 65px !important;
}
.pb-65 {
    padding-bottom: 65px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.px-70 {
    padding: 0 70px !important;
}
.pt-75 {
    padding-top: 75px !important;
}
.pb-75 {
    padding-bottom: 75px !important;
}
.pt-80 {
    padding-top: 5rem !important;
}
.pb-80 {
    padding-bottom: 5rem !important;
}
.pt-85 {
    padding-top: 55px !important;
}
.pb-85 {
    padding-bottom: 55px !important;
}
.pt-90 {
    padding-top: 90px !important;
}
.pt-93 {
    padding-top: 93px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.pt-110 {
    padding-top: 110px !important;
}
.pb-110 {
    padding-bottom: 110px !important;
}
.pt-120 {
    padding-top: 120px !important;
}
.pb-120 {
    padding-bottom: 120px !important;
}
.pt-130 {
    padding-top: 130px !important;
}
.pb-130 {
    padding-bottom: 130px !important;
}
.pt-135 {
    padding-top: 135px !important;
}
.pb-135 {
    padding-bottom: 135px !important;
}
.pt-140 {
    padding-top: 140px !important;
}
.pb-140 {
    padding-bottom: 140px !important;
}
.pt-150 {
    padding-top: 150px !important;
}
.pb-150 {
    padding-bottom: 150px !important;
}
.pt-155 {
    padding-top: 155px !important;
}
.pb-155 {
    padding-bottom: 155px !important;
}
.pt-160 {
    padding-top: 160px !important;
}
.pb-160 {
    padding-bottom: 160px !important;
}
.pt-165 {
    padding-top: 165px !important;
}
.pb-165 {
    padding-bottom: 165px !important;
}
.pt-170 {
    padding-top: 170px !important;
}
.pb-170 {
    padding-bottom: 170px !important;
}
.pt-180 {
    padding-top: 180px !important;
}
.pb-180 {
    padding-bottom: 180px !important;
}
.pt-190 {
    padding-top: 190px !important;
}
.pb-190 {
    padding-bottom: 190px !important;
}
.pt-195 {
    padding-top: 195px !important;
}
.pb-195 {
    padding-bottom: 195px !important;
}
.pt-200 {
    padding-top: 200px !important;
}
.pb-200 {
    padding-bottom: 200px !important;
}
.pt-210 {
    padding-top: 210px !important;
}
.pb-210 {
    padding-bottom: 210px !important;
}
.pt-220 {
    padding-top: 220px !important;
}
.pb-220 {
    padding-bottom: 220px !important;
}
.pt-235 {
    padding-top: 235px !important;
}
.pb-235 {
    padding-bottom: 235px !important;
}
.pt-240 {
    padding-top: 240px !important;
}
.pb-240 {
    padding-bottom: 240px !important;
}
.pt-250 {
    padding-top: 250px !important;
}
.pb-250 {
    padding-bottom: 250px !important;
}
.pt-260 {
    padding-top: 260px !important;
}
.pb-260 {
    padding-bottom: 260px !important;
}
.pt-280 {
    padding-top: 280px !important;
}
.pb-280 {
    padding-bottom: 280px !important;
}
.pb-350 {
    padding-bottom: 350px !important;
}
/*:::::::::: Padding Left :::::::::: */
.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}
.pl-6 {
    padding-left: 6px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-28 {
    padding-left: 28px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-65 {
    padding-left: 65px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-95 {
    padding-left: 95px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-105 {
    padding-left: 105px !important;
}

.pl-110 {
    padding-left: 110px !important;
}

.pl-115 {
    padding-left: 115px !important;
}

.pl-120 {
    padding-left: 120px !important;
}

.pl-125 {
    padding-left: 125px !important;
}

.pl-130 {
    padding-left: 130px !important;
}

.pl-135 {
    padding-left: 135px !important;
}

.pl-140 {
    padding-left: 140px !important;
}

.pl-145 {
    padding-left: 145px !important;
}

.pl-150 {
    padding-left: 150px !important;
}

.pl-155 {
    padding-left: 155px !important;
}

.pl-160 {
    padding-left: 160px !important;
}

/*:::::::::: padding Right :::::::::: */
.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}
.pr-6 {
    padding-right: 6px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-65 {
    padding-right: 65px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-75 {
    padding-right: 75px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-95 {
    padding-right: 95px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-105 {
    padding-right: 105px !important;
}

.pr-110 {
    padding-right: 110px !important;
}

.pr-115 {
    padding-right: 115px !important;
}

.pr-120 {
    padding-right: 120px !important;
}

.pr-125 {
    padding-right: 125px !important;
}

.pr-130 {
    padding-right: 130px !important;
}

.pr-135 {
    padding-right: 135px !important;
}

.pr-140 {
    padding-right: 140px !important;
}

.pr-145 {
    padding-right: 145px !important;
}

.pr-150 {
    padding-right: 150px !important;
}

.pr-155 {
    padding-right: 155px !important;
}

.pr-160 {
    padding-right: 160px !important;
}

/*:::::::::: padding Left Right :::::::::: */
.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.plr-5 {
    padding: 0 5px !important;
}

.plr-8 {
    padding: 0 8px !important;
}

.plr-10 {
    padding: 0 10px !important;
}

.plr-15 {
    padding: 0 15px !important;
}

.plr-20 {
    padding: 0 20px !important;
}

.plr-25 {
    padding: 0 25px !important;
}

.plr-30 {
    padding: 0 30px !important;
}

.plr-35 {
    padding: 0 35px !important;
}

.plr-40 {
    padding: 0 40px !important;
}

.plr-45 {
    padding: 0 45px !important;
}

.plr-50 {
    padding: 0 50px !important;
}

.plr-55 {
    padding: 0 55px !important;
}

.plr-60 {
    padding: 0 60px !important;
}

.plr-65 {
    padding: 0 65px !important;
}

.plr-70 {
    padding: 0 70px !important;
}

.plr-75 {
    padding: 0 75px !important;
}

.plr-80 {
    padding: 0 80px !important;
}

.plr-85 {
    padding: 0 85px !important;
}

.plr-90 {
    padding: 0 90px !important;
}

.plr-95 {
    padding: 0 95px !important;
}

.plr-100 {
    padding: 0 100px !important;
}

.plr-105 {
    padding: 0 105px !important;
}

.plr-110 {
    padding: 0 110px !important;
}

.plr-115 {
    padding: 0 115px !important;
}

.plr-120 {
    padding: 0 120px !important;
}

.plr-125 {
    padding: 0 125px !important;
}

.plr-130 {
    padding: 0 130px !important;
}

.plr-135 {
    padding: 0 135px !important;
}

.plr-140 {
    padding: 0 140px !important;
}

.plr-145 {
    padding: 0 145px !important;
}

.plr-150 {
    padding: 0 150px !important;
}

.plr-155 {
    padding: 0 155px !important;
}

.plr-160 {
    padding: 0 160px !important;
}
/*=== Margins ===*/
.m0 {
    margin: 0 !important;
}
.mt-b8 {
    margin-top: -8% !important;
}
.mt-b10 {
    margin-top: -10% !important;
}
.mt-b-5 {
    margin-top: -5px !important;
}
.mt-b-16 {
    margin-top: -16px !important;
}
.mt-b-40 {
    margin-top: -40px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-2 {
    margin-top: 2px !important;
}
.mt-2 {
    margin-top: 2px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-13 {
    margin-top: 13px;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mt-13 {
    margin-top: 13px !important;
}
.mb-13 {
    margin-bottom: 13px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mt-28 {
    margin-top: 28px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-33 {
    margin-bottom: 33px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-42 {
    margin-top: 42px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mt-48 {
    margin-top: 48px !important;
}
.mb-48 {
    margin-bottom: 48px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mt-55 {
    margin-top: 55px !important;
}
.mt-58 {
    margin-top: 58px !important;
}
.mb-55 {
    margin-bottom: 55px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mt-64 {
    margin-top: 64px !important;
}
.mt-65 {
    margin-top: 65px !important;
}
.mb-65 {
    margin-bottom: 65px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.mt-80 {
    margin-top: 5rem !important;
}
.mb-80 {
    margin-bottom: 5rem !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
.mt--100 {
    margin-top: -100px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.mt-110 {
    margin-top: 110px !important;
}
.mb-110 {
    margin-bottom: 110px !important;
}
.mt-120 {
    margin-top: 120px !important;
}
.mb-120 {
    margin-bottom: 120px !important;
}
@media (max-width: 991px) {
    .m_mb24 {
        margin-bottom: 24px;
    }
}
/*:::::::::: Margin Top Bottom :::::::::: */
.mtb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
/*:::::::::: Margin Left :::::::::: */
.ml-auto {
    margin-left: auto !important;
}
.ml-b8 {
    margin-left: -8.5% !important;
}
.ml-0 {
    margin-left: 0px !important;
}

.ml-2 {
    margin-left: 2px !important;
}
.ml-4 {
    margin-left: 4px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-6 {
    margin-left: 6px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-24 {
    margin-left: 24px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-28 {
    margin-left: 28px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-32 {
    margin-left: 32px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-85 {
    margin-left: 85px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-95 {
    margin-left: 95px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-105 {
    margin-left: 105px !important;
}

.ml-110 {
    margin-left: 110px !important;
}

.ml-115 {
    margin-left: 115px !important;
}

.ml-120 {
    margin-left: 120px !important;
}

.ml-125 {
    margin-left: 125px !important;
}

.ml-130 {
    margin-left: 130px !important;
}

.ml-135 {
    margin-left: 135px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-145 {
    margin-left: 145px !important;
}

.ml-150 {
    margin-left: 150px !important;
}

.ml-155 {
    margin-left: 155px !important;
}

.ml-160 {
    margin-left: 160px !important;
}
.ml--20 {
    margin-left: -20px !important;
}
/*:::::::::: Margin Right :::::::::: */
.mr-0 {
    margin-right: 0px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-85 {
    margin-right: 85px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-95 {
    margin-right: 95px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mr-105 {
    margin-right: 105px !important;
}

.mr-110 {
    margin-right: 110px !important;
}

.mr-115 {
    margin-right: 115px !important;
}

.mr-120 {
    margin-right: 120px !important;
}

.mr-125 {
    margin-right: 125px !important;
}

.mr-130 {
    margin-right: 130px !important;
}

.mr-135 {
    margin-right: 135px !important;
}

.mr-140 {
    margin-right: 140px !important;
}

.mr-145 {
    margin-right: 145px !important;
}

.mr-150 {
    margin-right: 150px !important;
}

.mr-155 {
    margin-right: 155px !important;
}

.mr-160 {
    margin-right: 160px !important;
}

/*:::::::::: Margin Left Right :::::::::: */
.mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mlr-0 {
    margin: 0 0px !important;
}

.mlr-5 {
    margin: 0 5px !important;
}

.mlr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mlr-10 {
    margin: 0 10px !important;
}
.mlr-12 {
    margin: 0 12px !important;
}

.mlr-15 {
    margin: 0 15px !important;
}

.mlr-20 {
    margin: 0 20px !important;
}

.mlr-25 {
    margin: 0 25px !important;
}

.mlr-30 {
    margin: 0 30px !important;
}

.mlr-35 {
    margin: 0 35px !important;
}

.mlr-40 {
    margin: 0 40px !important;
}

.mlr-45 {
    margin: 0 45px !important;
}

.mlr-50 {
    margin: 0 50px !important;
}

.mlr-55 {
    margin: 0 55px !important;
}

.mlr-60 {
    margin: 0 60px !important;
}

.mlr-65 {
    margin: 0 65px !important;
}

.mlr-70 {
    margin: 0 70px !important;
}

.mlr-75 {
    margin: 0 75px !important;
}

.mlr-80 {
    margin: 0 80px !important;
}

.mlr-85 {
    margin: 0 85px !important;
}

.mlr-90 {
    margin: 0 90px !important;
}

.mlr-95 {
    margin: 0 95px !important;
}

.mlr-100 {
    margin: 0 100px !important;
}

.mlr-105 {
    margin: 0 105px !important;
}

.mlr-110 {
    margin: 0 110px !important;
}

.mlr-115 {
    margin: 0 115px !important;
}

.mlr-120 {
    margin: 0 120px !important;
}

.mlr-125 {
    margin: 0 125px !important;
}

.mlr-130 {
    margin: 0 130px !important;
}

.mlr-135 {
    margin: 0 135px !important;
}

.mlr-140 {
    margin: 0 140px !important;
}

.mlr-145 {
    margin: 0 145px !important;
}

.mlr-150 {
    margin: 0 150px !important;
}

.mlr-155 {
    margin: 0 155px !important;
}

.mlr-160 {
    margin: 0 160px !important;
}
/*=== Overlap ===*/
.overlap-left20 {
    margin-left: -20px;
}
.overlap-top10 {
    margin-top: -10px;
}

/*=== Gradient Colors ===*/
.grad-bg1 {
    background: -webkit-linear-gradient(90deg, rgba(254, 239, 180, 1) 0%, rgba(227, 246, 250, 1) 50%);
    background: linear-gradient(90deg, rgba(254, 239, 180, 1) 0%, rgba(227, 246, 250, 1) 50%);
}
.grad-bg2 {
    background: -webkit-linear-gradient(45deg, #f86749, #fbaf20);
    background: linear-gradient(45deg, #f86749, #fbaf20);
}
.grad-bg3,
.grad-layer3:before {
    background: -webkit-linear-gradient(211.42deg, #f83fe5 24.35%, #9e5f98 100.8%);
    background: linear-gradient(211.42deg, #f83fe5 24.35%, #9e5f98 100.8%);
    -webkit-box-shadow: 0 4px 1.875rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 1.875rem rgba(0, 0, 0, 0.1);
}
.grad-bg4,
.grad-layer4:before {
    background: -webkit-linear-gradient(45deg, #5964e4, #2939cc);
    background: linear-gradient(45deg, #5964e4, #2939cc);
}
.grad-bg5 {
    background: -webkit-linear-gradient(45deg, #f86749, #fbaf20);
    background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(199, 199, 199));
}

/*=== Background Shape ===*/
.lft-btm-shp {
    left: 0;
    bottom: 0;
}
.rgt-btm-shp {
    right: 0;
    bottom: 0;
}
.lft-tp-shp {
    left: 0;
    top: 0;
}
.rgt-tp-shp {
    right: 0;
    top: 0;
}
.shap-tp-rgt:before {
    -webkit-clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0 30%, 0 0);
    clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0 30%, 0 0);
}
.shap-btm-rgt:before {
    -webkit-clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0 30%, 0 0);
    clip-path: polygon(100% 0, 100% 70%, 70% 100%, 0 30%, 0 0);
}

/*=== Z Index ===*/
.z0 {
    z-index: 0;
}
.z1 {
    z-index: 1;
}
.z2 {
    z-index: 2;
}
.z3 {
    z-index: 3;
}
.z4 {
    z-index: 4;
}
.z5 {
    z-index: 5;
}
.z1055 {
    z-index: 1055;
}
.z-1 {
    z-index: -1;
}
.z-2 {
    z-index: -2;
}
.z-3 {
    z-index: -3;
}
.z-4 {
    z-index: -4;
}
.z-5 {
    z-index: -5;
}

/*=== Wide Sec ===*/
.wide-sec,
.wide-sec2 {
    position: relative;
    z-index: 1;
}
.wide-sec {
    min-width: calc(100% + 19.6875rem);
    margin-left: -9.84375rem;
}
.wide-sec2 {
    min-width: calc(100% + 11.25rem);
    margin-left: -5.625rem;
}
.wide-sec3 {
    min-width: calc(100% + 6.25rem);
    margin-left: -3.125rem;
}

/*=== Column Gap ===*/
.mrg {
    margin: 0;
}
.mrg > div[class^="col"],
.mrg.slick-slider div[class^="col"] {
    padding: 0;
}
.mrg2 {
    margin: 0 -1px;
}
.mrg2 > div[class^="col"],
.mrg2.slick-slider div[class^="col"] {
    padding: 0 1px;
}
.mrg5 {
    margin: 0 -0.15625rem;
}
.mrg5 > div[class^="col"],
.mrg5.slick-slider div[class^="col"] {
    padding: 0 0.15625rem;
}
.mrg6 {
    margin: 0 -0.1875rem;
}
.mrg6 > div[class^="col"],
.mrg6.slick-slider div[class^="col"] {
    padding: 0 0.1875rem;
}
.mrg10 {
    margin: 0 -0.3125rem;
}
.mrg10 > div[class^="col"],
.mrg10.slick-slider div[class^="col"] {
    padding: 0 0.3125rem;
}
.mrg15 {
    margin: 0 -0.46875rem;
}
.mrg15 > div[class^="col"],
.mrg15.slick-slider div[class^="col"] {
    padding: 0 0.46875rem;
}
.mrg20 {
    margin: 0 -0.625rem;
}
.mrg20 > div[class^="col"],
.mrg20.slick-slider div[class^="col"] {
    padding: 0 0.625rem;
}
.mrg30 {
    margin: 0 -0.9375rem;
}
.mrg30 > div[class^="col"],
.mrg30.slick-slider div[class^="col"] {
    padding: 0 0.9375rem;
}
.mrg40 {
    margin: 0 -1.25rem;
}
.mrg40 > div[class^="col"],
.mrg40.slick-slider div[class^="col"] {
    padding: 0 1.25rem;
}
.mrg45 {
    margin: 0 -1.40625rem;
}
.mrg45 > div[class^="col"],
.mrg45.slick-slider div[class^="col"] {
    padding: 0 1.40625rem;
}
.mrg50 {
    margin: 0 -1.5625rem;
}
.mrg50 > div[class^="col"],
.mrg50.slick-slider div[class^="col"] {
    padding: 0 1.5625rem;
}
.mrg60 {
    margin: 0 -1.875rem;
}
.mrg60 > div[class^="col"],
.mrg60.slick-slider div[class^="col"] {
    padding: 0 1.875rem;
}
.mrg70 {
    margin: 0 -2.1875rem;
}
.mrg70 > div[class^="col"],
.mrg70.slick-slider div[class^="col"] {
    padding: 0 2.1875rem;
}
.mrg80 {
    margin: 0 -2.1875rem;
}
.mrg80 > div[class^="col"],
.mrg80.slick-slider div[class^="col"] {
    padding: 0 2.1875rem;
}

/*=== Animations ===*/
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes slide-anim {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}
@-webkit-keyframes slide-anim {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(-10px);
        transform: rotateX(0deg) translateY(-10px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

.slide-anim {
    -webkit-animation: 5s slide-anim infinite;
    animation: 5s slide-anim infinite;
}

/*=== Pulse Animation ===*/
.spinner:before,
.spinner:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4.0625rem;
    margin-left: -4.0625rem;
    background-color: inherit;
    -webkit-animation: pluse 2s linear infinite;
    animation: pluse 2s linear infinite;
    width: 130px;
    height: 130px;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    opacity: 0;
    z-index: -2;
}
.spinner:after {
    -webkit-animation: pluse 2s linear 2.3s infinite;
    animation: pluse 2s linear 2.3s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes pluse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pluse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

/*=== Zoom Animation ===*/
.zoom-anim {
    -webkit-animation: zoom 8s linear infinite;
    animation: zoom 8s linear infinite;
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes zoom2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoom2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*=== Rotate Animation ===*/
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    25% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    75% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    25% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    75% {
        -webkit-transform: rotateY(270deg);
        transform: rotateY(270deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

/*=== Ripple Animation ===*/
.ripple-anim::after {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    content: "";
    border: 2px solid var(--white);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
    z-index: -1;
}
.ripple-anim::before {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    content: "";
    border: 2px solid var(--white);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
    animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
    z-index: -1;
}

@-webkit-keyframes ripple {
    from {
        opacity: 1;
        -webkit-transform: scale3d(0.75, 0.75, 1);
        transform: scale3d(0.75, 0.75, 1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(1.5, 1.5, 1);
        transform: scale3d(1.5, 1.5, 1);
    }
}
@keyframes ripple {
    from {
        opacity: 1;
        -webkit-transform: scale3d(0.75, 0.75, 1);
        transform: scale3d(0.75, 0.75, 1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(1.5, 1.5, 1);
        transform: scale3d(1.5, 1.5, 1);
    }
}

/*===== Slick Arrows =====*/
.slick-slide:focus {
    outline: 0;
}
.slick-slide div[class^="col"] {
    flex: 0 0 100%;
    max-width: 100%;
}
.nav-style1 > button.slick-arrow {
    position: absolute;
    top: 45% !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    background-color: var(--white);
    padding: 0;
    z-index: 99;
    color: var(--color1);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slick-slide img {
    width: 100%;
    object-fit: contain;
}

.swiper-slide img{
    width: 100%;
    object-fit: contain;
}

.nav-style1 > button.slick-arrow i {
    height: 1rem;
    display: block;
}
.nav-style1 > button.slick-arrow:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: var(--white);
    color: var(--color1);
    left: 0;
    right: 0;
    top: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    bottom: 0;
    opacity: 0;
}
.nav-style1 > button.slick-arrow:hover:before,
.nav-style1 > button.slick-arrow:focus:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.nav-style1 > button.slick-arrow:hover,
.nav-style1 > button.slick-arrow:focus {
    color: var(--color1);
}
.nav-style1 > button.slick-prev {
    left: 5%;
}
.nav-style1 > button.slick-next {
    right: 5%;
}

/*=== Ver 2 ===*/
.bg-color5 .nav-style1.v2 > button.slick-arrow {
    background-color: var(--white);
}
.nav-style1.v2 > button.slick-arrow {
    background-color: var(--white);
    color: var(--color1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    height: 40px;
    width: 40px;
    font-size: 13px;
}
.nav-style1.v2 > button.slick-prev {
    left: 5px;
}
.nav-style1.v2 > button.slick-next {
    right: 5px;
}
.side_right_content .brand_content .nav-style1.v2 > button.slick-next {
    right: 50px !important;
}
.nav-style1.v2 > button.slick-arrow i {
    display: block;
    height: 13px;
}

/*=== Slick Arrows Bottom ===*/
.nav-style1.nav-dots-bottom > button.slick-arrow {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 0;
}
.nav-style1.nav-dots-bottom > button.slick-prev {
    left: 0.9375rem;
}
.nav-style1.nav-dots-bottom > button.slick-next {
    right: 0.9375rem;
}

/*=== Slick Dots Style 1 ===*/
.pagi-style1 .slick-dots {
    bottom: 40px;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0 !important;
}
@media (max-width: 991px) {
    .pagi-style1 .slick-dots {
        bottom: 60px !important;
        justify-content: center !important;
    }
}
.pagi-style1 .slick-dots li + li {
    margin-left: 10px;
}
.pagi-style1 .slick-dots li button {
    height: 13px;
    width: 13px;
    font-size: 0;
    border: 1.5px solid var(--white);
    background: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    position: relative;
}
.pagi-style1 .slick-dots li.slick-active button {
    background-color: var(--color9);
    height: 13px;
    width: 13px;
}
.pagi-style1 .slick-dots li button:before {
    content: "";
    height: 13px;
    width: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid var(--white);
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
    .pagi-style1 .slick-dots li button {
        height: 10px;
        width: 10px;
    }
    .pagi-style1 .slick-dots li.slick-active button {
        background-color: var(--color9);
        height: 10px;
        width: 10px;
    }
    .pagi-style1 .slick-dots li button:before {
        content: "";
        height: 10px;
        width: 10px;
    }
}

/*== Ver 2 ==*/
.pagi-style1.lft-panel .slick-dots {
    left: auto;
    right: 100%;
    bottom: 7rem;
    padding-left: 1.29rem;
}
.pagi-style1.v2 .slick-dots li.slick-active button {
    border-color: var(--header_link_hover_color, #eb5757);
}
.pagi-style1.v2 .slick-dots li button:before {
    background: var(--color1);
}
.pagi-style1.v2 .slick-dots li.slick-active button:before {
    background: var(--header_link_hover_color, #eb5757);
}

/*=== Slick Dots Style 2 ===*/
.pagi-style2 .slick-dots {
    list-style: none;
    margin: 1.15625rem 0;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    position: relative;
/*     top: -1.15625rem; */
    z-index: 1;
}
.pagi-style2 .slick-dots li {
    font-size: 0;
    padding: 0;
    flex: 1 0 0;
    line-height: 1;
}
.pagi-style2 .slick-dots li button {
    height: 4px;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.pagi-style2.row .slick-dots {
    padding: 0 5.3125rem;
    width: 30%;
    margin: 24px auto 0 !important;
}
@media (max-width: 768px) {
    .pagi-style2.row .slick-dots {
        width: 60% !important;
        margin: 16px auto 0 !important;
    }
}
.pagi-style2 .slick-dots li button:before {
    content: "";
    position: absolute;
    left: 0;
    width: 80%;
    opacity: 0;
    background-color: var(--color10);
    top: 0;
    bottom: 0;
    height: 4px;
    border-radius: 2px;
}
.pagi-style2 .slick-dots li.slick-active button:before {
    opacity: 1;
    width: 100%;
}

/*=== Fonts Typography ===*/
.font-weight-hairline {
    font-weight: 100 !important;
}
.font-weight-thin {
    font-weight: 200 !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}
.font-weight-semibold {
    font-weight: 600 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-extrabold {
    font-weight: 800 !important;
}
.font-style-italic {
    font-style: italic;
}
.font-style-normal {
    font-weight: 400 !important;
}
.letter-spacing-initial {
    letter-spacing: initial !important;
}
.text-transform-initial {
    text-transform: initial !important;
}
/*=== Parallax Background ===*/
.fixed-bg,
.parallax-bg {
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.fixed-bg {
    background-attachment: scroll;
    background-size: cover;
}
.parallax-bg {
    background-attachment: fixed;
    background-size: contain;
}
.back-post-cntrbtm-norpet {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-norepeate {
    background-repeat: no-repeat;
}
.back-size-cont {
    background-size: contain;
}
.back-size-cover {
    background-size: cover;
}
.back-post-tp {
    background-position: top;
}
.back-post-cntrbtm {
    background-position: center bottom;
}
.back-post-lftcntr {
    background-position: left center;
}
.back-post-cntr {
    background-position: center;
}
.fixed-bg.patern-bg,
.parallax-bg.patern-bg {
    background-size: initial;
}
.fixed-bg.bg-no-repeate {
    background-size: initial;
    background-repeat: no-repeat;
}
.back-blend-soft-light {
    background-blend-mode: soft-light;
}
.back-blend-difference {
    background-blend-mode: difference;
}
.back-blend-screen {
    background-blend-mode: screen;
}
.back-blend-multiply {
    background-blend-mode: multiply;
}
.back-blend-lighten {
    background-blend-mode: lighten;
}

/*=== Background Layer ===*/
.black-layer:before,
.white-layer:before,
.gray-layer:before,
.dark-layer:before,
.dark-layer2:before,
.blue-layer:before,
.blue-layer2:before,
.blue-layer3:before,
.blue-layer4:before,
.thm-layer:before,
.scndry-layer:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.black-layer:before {
    background-color: var(--black);
}
.white-layer:before {
    background-color: var(--white);
}
.gray-layer:before {
    background-color: var(--color29);
}

/*=== Opacity ===*/
.opc1:before {
    opacity: 0.1;
}
.opc15:before {
    opacity: 0.15;
}
.opc2:before {
    opacity: 0.2;
}
.opc25:before {
    opacity: 0.25;
}
.opc3:before {
    opacity: 0.3;
}
.opc35:before {
    opacity: 0.35;
}
.opc4:before {
    opacity: 0.4;
}
.opc45:before {
    opacity: 0.45;
}
.opc5:before {
    opacity: 0.5;
}
.opc55:before {
    opacity: 0.55;
}
.opc6:before {
    opacity: 0.6;
}
.opc65:before {
    opacity: 0.65;
}
.opc7:before {
    opacity: 0.7;
}
.opc75:before {
    opacity: 0.75;
}
.opc8:before {
    opacity: 0.8;
}
.opc85:before {
    opacity: 0.85;
}
.opc87:before {
    opacity: 0.87;
}
.opc9:before {
    opacity: 0.9;
}
.opc93:before {
    opacity: 0.93;
}
.opc95:before {
    opacity: 0.95;
}
.opc97:before {
    opacity: 0.97;
}
.opc98:before {
    opacity: 0.98;
}
.opc99:before {
    opacity: 0.99;
}

/*=== Iframe ===*/
iframe {
    border: 0;
    display: block;
    /*2023/09/22, bjwu, 改為max-width*/
    max-width: 100%;
    /*width: 100%;*/
}

/*=== Image ===*/
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.img_90 {
    width: 90px !important;
    height: auto;
    object-fit: cover;
}

/*=== Width ===*/
.w_auto {
    width: auto;
}
.w-1 {
    width: 1%;
}
.w-2 {
    width: 2%;
}
.w-3 {
    width: 3%;
}
.w-5 {
    width: 5%;
}
.w-7 {
    width: 7%;
}
.w-10 {
    width: 10%;
}
.w-11 {
    width: 11%;
}
.w-15 {
    width: 15%;
}
.w-20 {
    width: 20%;
}
.w-25 {
    width: 25%;
}
.w-30 {
    width: 30%;
}
.w-35 {
    width: 35%;
}
.w-40 {
    width: 40%;
}
.w-45 {
    width: 45%;
}
.w-50 {
    width: 50%;
}
.w-55 {
    width: 55%;
}
.w-60 {
    width: 60%;
}
.w-65 {
    width: 65%;
}
.w-70 {
    width: 70%;
}
.w-75 {
    width: 75%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}
.w-100 {
    width: 100%;
}
.w140 {
    width: 140px;
}
.wow {
    visibility: hidden;
}
.hidden {
    opacity: 0;
}
.w_18 {
    width: 18px;
}
.w_20 {
    width: 20px;
}
.w_22 {
    width: 22px;
}
.w_80 {
    width: 80px;
}
.w_90 {
    width: 90px;
}
.w_100 {
    width: 100px;
}
.w_156 {
    width: 156px;
}
.w_210 {
    width: 210px;
}
.w_211 {
    width: 211px;
}
.w_900 {
    width: 900px;
}

/*=== Cross Browser Compatibility ===*/
i,
a,
img,
svg,
input,
button,
textarea,
:before,
:after,
label,
span,
nav ul li,
.slick-slide,
.toggle-item,
.popup-wrap,
.mini-cart-wrap,
.filter-wrap,
.post-info2,
.header-search,
.responsive-menu,
.sticky-header {
    -webkit-transition: var(--transition1);
    transition: var(--transition1);
}

nav ul ul,
.rn-shw-box,
.mini-cart-dropdown {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
}
.filter-dropdown {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
}

/*=== Border Radius ===*/
.brd-rd20 {
    -webkit-border-radius: var(--curve20);
    border-radius: var(--curve20);
}
.brd-rd10 {
    -webkit-border-radius: var(--curve10);
    border-radius: var(--curve10);
}
.brd-rd15 {
    -webkit-border-radius: var(--curve15);
    border-radius: var(--curve15);
}
.brd-rd5 {
    -webkit-border-radius: var(--curve5);
    border-radius: var(--curve5);
}
.brd-rd3 {
    -webkit-border-radius: var(--curve3);
    border-radius: var(--curve3);
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 0;
}
.bootstrap-select .dropdown-menu li {
    line-height: initial;
}
.bootstrap-select .dropdown-menu li:nth-child(2n) {
    background-color: #f5f5f5;
}
.bootstrap-select .dropdown-menu li a {
    padding: 6px 1.5rem;
}
.bootstrap-select .dropdown-menu li a.dropdown-item.active,
.bootstrap-select .dropdown-menu li a.dropdown-item:active,
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
    color: #fff !important;
}

/*=== Particles ===*/
.particles-wrap {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.particles-js,
.particles-js2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.particles-js.top_right {
    max-width: 26.25rem;
    left: auto;
}
.particles-js.top_left {
    max-width: 26.25rem;
    right: auto;
}
.particles-js.top_left.mx-w50,
.particles-js.top_right.mx-w50 {
    max-width: 50%;
}
.particles-js.top_left.mx-w25,
.particles-js.top_right.mx-w25 {
    max-width: 25%;
}
/* 
=== Spacer ===
.space10 {
    width: 10px;
    height: 1px;
    background: var(--header_main_f_color, #13243e);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space15 {
    width: 0.9375rem;
    height: 1px;
    background: var(--header_main_f_color, #13243e);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space20 {
    width: 1.25rem;
    height: 1px;
    background: var(--header_main_f_color, #13243e);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space25 {
    width: 1.5625rem;
    height: 1px;
    background: var(--header_main_f_color, #13243e);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space30 {
    width: 1.5625rem;
    height: 1px;
    background: var(--header_main_f_color, #13243e);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space35 {
    width: 35px;
    height: 1px;
    background-color: var(--color1);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space40 {
    width: 40px;
    height: 1px;
    background-color: var(--color1);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space45 {
    width: 45px;
    height: 1px;
    background-color: var(--color1);
    vertical-align: middle;
    margin: 0 0.9375rem;
}
.space50 {
    width: 50px;
    height: 1px;
    background-color: var(--color1);
    vertical-align: middle;
    margin: 0 0.9375rem;
} */

/*=== Social Media ===*/
.facebook,
.facebook-hvr:hover,
.facebook-hvr:focus {
    background-color: var(--facebook);
    border-color: var(--facebook);
}
.twitter,
.twitter-hvr:hover,
.twitter-hvr:focus {
    background-color: var(--twitter);
    border-color: var(--twitter);
}
.pinterest,
.pinterest-hvr:hover,
.pinterest-hvr:focus {
    background-color: var(--pinterest);
    border-color: var(--pinterest);
}
.linkedin,
.linkedin-hvr:hover,
.linkedin-hvr:focus {
    background-color: var(--linkedin);
    border-color: var(--linkedin);
}
.youtube,
.youtube-hvr:hover,
.youtube-hvr:focus {
    background-color: var(--youtube);
    border-color: var(--youtube);
}
.instagram,
.instagram-hvr:hover,
.instagram-hvr:focus {
    background-color: var(--instagram);
    border-color: var(--instagram);
}
.vimeo,
.vimeo-hvr:hover,
.vimeo-hvr:focus {
    background-color: var(--vimeo);
    border-color: var(--vimeo);
}
.skype,
.skype-hvr:hover,
.skype-hvr:focus {
    background-color: var(--skype);
    border-color: var(--skype);
}
.rss,
.rss-hvr:hover,
.rss-hvr:focus {
    background-color: var(--rss);
    border-color: var(--rss);
}
.facebook-clr,
.facebook:hover,
.facebook:focus {
    color: var(--facebook);
}
.twitter-clr,
.twitter:hover,
.twitter:focus {
    color: var(--twitter);
}
.pinterest-clr,
.pinterest:hover,
.pinterest:focus {
    color: var(--pinterest);
}
.linkedin-clr,
.linkedin:hover,
.linkedin:focus {
    color: var(--linkedin);
}
.youtube-clr,
.youtube:hover,
.youtube:focus {
    color: var(--youtube);
}
.instagram-clr,
.instagram:hover,
.instagram:focus {
    color: var(--instagram);
}
.vimeo-clr,
.vimeo:hover,
.vimeo:focus {
    color: var(--vimeo);
}
.skype-clr,
.skype:hover,
.skype:focus {
    color: var(--skype);
}
.rss-clr,
.rss:hover,
.rss:focus {
    color: var(--rss);
}

/*===== Theme Style =====*/
hr,
hr:not([size]) {
    background-color: var(--color12);
    height: 3px;
    width: 100%;
}
hr.h-1 {
    height: 1px;
}
/* 移到 page.css
.desktop .title_page_detail.first{
	margin-top:0;
}
.desktop .title_page_detail{
	margin-top:100px;
}
.desktop .body_page_detail{
	margin-top:100px;
}
.mobile .title_page_detail.first{
	margin-top:0;
}
.mobile .title_page_detail{
	margin-top:64px;
}
.mobile .body_page_detail{
	margin-top:64px;
}*/
/*=== Images General Hover ===*/
.desktop .product-box:hover .product-img img,
.desktop .card-box:hover > img,
.desktop .featured-product-box:hover .featured-product-img img,
.desktop .post-box:hover .post-img img,
.desktop .insta-item:hover img,
.desktop .sn-cat-box:hover .sn-cat-img img,
.desktop .post-gallery-box:hover img,
.desktop .mini-post-box:hover .mini-post-img img,
.desktop .gallery-item:hover img,
.desktop .mini-product-box:hover .mini-product-img img,
.desktop .product-detail-mini-img:hover img,
.desktop .product-detail-img:hover img,
.desktop .cart-product-box:hover img,
.desktop .team-box:hover .team-img img,
.desktop .mini-cart-item:hover .mini-cart-img img,
.desktop .post-box2:hover .post-img2 img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: var(--transition2);
    transition: var(--transition2);
}

/*=== Theme Hover ===*/
.social-links > a:hover,
.social-links > a:focus,
.links-list > li a:hover,
.links-list > li a:focus,
.sidepanel-trigger:hover,
.searchform > button:hover,
.searchform > button:focus,
.wishlist-and-cart > li > a:hover,
.wishlist-and-cart > li > a:focus,
.header-bottom p a:hover,
.header-bottom p a:focus,
.topbar-mid p a:hover,
.topbar-mid p a:focus,
.product-btns > a:hover,
.product-btns > a:focus,
.product-info > h4 a:hover,
.product-info > h4 a:focus,
.product-info > h6 a span:hover,
.featured-product-cap > h1 a:hover,
.featured-product-cap > h1 a:focus,
.featured-product-cap > h2 a:hover,
.featured-product-cap > h2 a:focus,
.featured-product-cap > h3 a:hover,
.featured-product-cap > h3 a:focus,
.post-info > h3 a:hover,
.post-info > h3 a:focus,
.post-info > h4 a:hover,
.post-info > h4 a:focus,
.post-info > span a:hover,
.post-info > span a:focus,
.widget ul li:hover > a,
.widget ul li > a:hover,
.widget ul li a:focus,
.bottom-links li:hover > a,
.bottom-links li > a:hover,
.bottom-links li a:focus,
.share-links > a:hover,
.share-links > a:focus,
.post-detail-info-inner .share-links > a:hover,
.post-detail-info-inner .share-links > a:focus,
.widget form button:hover,
.widget form button:focus,
.share-links2 > a:hover,
.share-links2 > a:focus,
.mini-post-info > h6 a:hover,
.mini-post-info > h6 a:focus,
.off-bar > a:hover,
.off-bar > a:focus,
.feat-prd-caro > button.slick-arrow:hover,
.feat-prd-caro > button.slick-arrow:focus,
.motiv-info > a:hover,
.motiv-info > a:focus,
.sn-cat-info > h5 a:hover,
.sn-cat-info > h5 a:focus,
.breadcrumb li.breadcrumb-item a:hover,
.breadcrumb li.breadcrumb-item a:focus,
.product-detail-big-img i:hover,
.review-link:hover,
.review-link:focus,
.mini-product-info > h5 a:hover,
.mini-product-info > h5 a:focus,
.cart-product-box > h5 a:hover,
.cart-product-box > h5 a:focus,
.team-info > h4 a:hover,
.team-info > h4 a:focus,
.team-info > a:hover,
.team-info > a:focus,
.mini-cart-info > h6 a:hover,
.mini-cart-info > h6 a:focus,
.post-info2 > h6 a:hover,
.post-info2 > h6 a:focus,
.responsive-menu ul li:hover > a,
.responsive-menu ul li > a:hover {
    color: var(--header_link_hover_color, #eb5757);
}

/*===== Header Styles =====*/
header {
    position: relative;
    z-index: 100;
}
.topbar {
    padding: 4px 0;
    color: var(--white);
    background: var(--color1);
    text-align: center;
}
@media(max-width:768px){
	.topbar{
	padding: 6px 0;
	}
}
.social-links > span {
    font-size: 1.25rem;
    background: var(--color1);
    font-weight: 500;
    margin-right: 1.5rem;
}
.social-links > a {
    display: inline-block;
    font-size: 0.9375rem;
    margin:4px;
    cursor: pointer;
}
.social-links > a img {
    width: 40px;
    height: 40px;
}
.social-links > a + a {
    margin-left: 1.25rem;
}
.topbar-left > * + * {
    margin-left: 30px;
}
.links-list > li {
    font-size: 13px;
    font-weight: 500;
    background: var(--color1);
    position: relative;
}
.links-list > li + li {
    margin-left: 1rem;
    padding-left: 1rem;
}
.links-list > li + li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 13px;
    background-color: var(--color2);
    margin-top: -6.5px;
}
.logo-menu-wrap {
    z-index: 1;
    background: var(--header_main_bg_color, #ffffff);
}
.logo-menu-wrap.v1 {
    z-index: 1;
    content: "";
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    background-color: transparent;
    box-shadow: none;
}
.logo-menu-inner-left {
    flex: 0 0 25.9375rem;
    max-width: 240px;
}
.logo-menu-inner-mid {
    flex: 0 0 25.9375rem;
    max-width: 25.9375rem;
}
.logo-menu-inner-right {
    flex: 0 0 21.9375rem;
    max-width: 21.9375rem;
    float: right;
}

.logo > h1 {
    line-height: 1;
    font-weight:500;
    color:#2c2738;
    display: flex;
    align-items: center;
    font-size: 24px;
}
@media(min-width:1200px){
	.logo > h1 {
    align-items: revert;
}
}
.logo span{
	padding-left:16px;
	margin-top:10px;
}
.logo img {
    width: auto;
    height: 40px;
}
.responsive-topbar .logo img {
    width: auto;
    height: 32px;
    margin-top: 10px;
}
.logo > h1 a {
    display: block;
}

.sidepanel-trigger {
    font-size: 1.5rem;
    background: var(--color1);
    cursor: pointer;
    display: inline-block;
    line-height: 1.5rem;
}
.sidepanel-trigger + * {
    margin-left: 30px;
}
nav ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
nav > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
nav > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: var(--header_main_f_color, #333333);
    line-height: 60px;
}
nav.v1 > ul > li {
    color: var(--white) !important;
}
nav > ul > li + li {
    margin-left: 15px;
}
nav > ul > li a {
    display: block;
    position: relative;
}
nav > ul > li a:hover {
    color: var(--header_link_hover_color, #eb5757) !important;
}
nav > ul > li a:before {
    content: "";
    position: absolute;
    left: auto;
    width: 0;
    height: 2px;
    background-color: var(--header_link_hover_color, #eb5757);
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    right: 0;
    bottom: 0;
}
nav > ul li:hover > a:before,
nav > ul li > a:focus:before {
    width: 100%;
    right: auto;
    left: 0;
}
nav > ul li:hover > a,
nav > ul li > a:hover,
nav > ul li > a:focus {
    color: inherit;
    font-weight: 700;
}
/*漢堡選單hover不出現紅色底線*/
.a_href_void::before,
nav.cd-dropdown > ul > li a:before {
    content: "";
    position: absolute;
    left: auto;
    width: 0;
    height: 2px;
    background-color:transparent;
    right: 0;
    bottom: 0;
}
.sidepanel-trigger > i {
    display: block;
    height: 1.5rem;
}
.searchform > input {
    height: 45px;
    width: 200px;
    background-color: var(--color29);
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
    font-size: 14px;
    color: var(--color2);
    padding: 0 1.875rem 0 3.125rem;
}
.searchform > button {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    font-size: 1.125rem;
    font-weight: 700;
    width: 50px;
}
.searchform > input:hover,
.searchform > input:focus {
    width: 240px;
}
.searchform + .wishlist-and-cart {
    margin-left: 30px;
}
.wishlist-and-cart > li {
    color: var(--color1);
    font-size: 1.5rem;
    position: relative;
}
.wishlist-item-count {
    position: absolute;
    bottom: 2px;
    right: -4px;
    color: var(--header_main_bg_color, #ffffff);
    background: var(--color1);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
}
.wishlist-item-count.v1 {
    color: var(--white);
    background: var(--header_main_bg_color, #ffffff);
}
.wishlist-and-cart > li + li {
    margin-left: 22px;
    cursor: pointer;
}
.header-bottom {
    padding: 0.9375rem 0;
}
.header-bottom p,
.topbar-inner{
    font-size: 12px;
    font-weight: 400;
    line-height:26px;
    color: var(--header_main_bg_color, #ffffff);
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.topbar-inner{
    display:grid;
    grid-template-columns:1fr auto;
    grid-column-gap:20px;
    
}
.topbar-inner > div.d-flex{
    display:flex;
    align-items:center;
}
.marquee {
	justify-content:center;
    font-size: 12px;
    font-weight: 400;
    line-height:26px;
    color: var(--header_main_bg_color, #ffffff);
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media(max-width:576px){
	.marquee{
	text-align:left;
	}
}
.header-bottom p a {
    text-decoration: underline;
}

/*=== Dropdown Style ===*/
nav > ul > li.menu-item-has-children:not(.megamenu-item) {
    position: relative;
}
.megamenu-item.text-color-w > a {
    color: var(--white) !important;
}
nav ul ul.children {
    background-color: var(--header_main_bg_color, #ffffff);
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: var(--curve5);
    border-radius: var(--curve5);
    min-width: 220px;
    padding: 0.9375rem 1.25rem;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
nav ul ul ul {
    left: 100%;
    top: 0;
}
nav > ul > li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}
nav ul ul.children li {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    position: relative;
    color: var(--color24);
}
/* nav ul ul.children li + li {
    border-top: 1px solid #dedede;
} */
nav ul ul.children li a {
    display: block;
    width: 100%;
    padding: 9px 0;
    position: relative;
}

/*=== Megamenu Style ===*/
.megamenu-wrap {
    left: 0;
    /* top: calc(100% + 1.875rem); */
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
}

.disabled-like{
    color: #d9d9d9 !important;
}

.megamenu-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--white);
    z-index:0;
}
nav > ul > li.menu-item-has-children:hover > .megamenu-wrap {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.megamenu-inner {
    padding: 40px 0 40px;
    max-height: 56vh;
    overflow: hidden;
}
.megamenu-inner .menu_row {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 40px;
}
.megamenu-inner .menu_row {
    max-height: 56vh;
    overflow: hidden;
    overflow-y: auto;
}
@media screen and (min-width: 1400px) and (max-width: 1840px) {
    .megamenu-inner .menu_row {
        max-width: 1320px;
    }
    .megamenu-inner .menu_row {
        width: 100% !important;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .megamenu-inner .menu_row {
        max-width: 1140px;
    }
    .megamenu-inner .menu_row {
        width: 100% !important;
        margin: 0 auto;
    }
}
@media (max-width: 1199px) {
    .megamenu-inner .menu_row {
        width: 100% !important;
        margin: 0 auto;
    }
}
.megamenu-item > h5 {
    margin-bottom: 1.25rem;
    color: var(--header_sub_bg_color, #333333);
}

element.style {
    margin-left: 13px;
    margin-right: 13px;
    line-height: 1.8em;
    min-width: unset;
}
.megamenu-item > ul li {
    color: var(--header_link_f_color, #333333);
    font-weight: 400;
    font-size: 16px;
}
.megamenu-item > ul li + li {
    margin-top: 16px;
}
.megamenu-item > ul li:hover > a,
.megamenu-item > ul li a:focus {
    color: var(--header_link_hover_color, #eb5757);
    font-weight: 400;
}
.megamenu-item > ul li a {
    display: inline-block;
}
.megamenu-item > ul li a::before {
    background-color: transparent;
}
.megamenu-item > ul li a span {
    font-size: 8px;
    font-weight: 400;
    vertical-align: middle;
    padding: 4px 5px 3px;
    line-height: 0.8;
    margin-left: 4px;
}
.megamenu-cards-wrap .post-box2 {
    margin-bottom: 1.25rem;
}
.post-info2 {
    background-color: rgba(255, 255, 255, 0.9);
    left: 0.9375rem;
    right: 0.9375rem;
    bottom: 0.9375rem;
    padding: 6.42px 5px;
}
.post-info2 > p {
    color: var(--color3);
    font-size: 12px;
    line-height: 1.5;
}

/*=== Mini Cart Style ===*/
.wishlist-and-cart > li .filter-cart-dropdown {
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.02);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.02);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    right: 30px;
    top: 100%;
    min-width: 31.25rem;
}
.wishlist-and-cart > li:hover > .mini-cart-dropdown {
    opacity: 1;
    visibility: visible;
    right: 0;
}
.wishlist-and-cart.text-color-w > li a {
    color: var(--white);
}
.mini-cart-dropdown {
    padding-top: 1.9375rem;
}
.mini-cart-wrap .mini-cart-dropdown {
    padding-top: 0;
}
.mini-cart-dropdown-inner {
    background-color: var(--white);
    padding: 40px;
}
.mini-cart-head {
    padding-bottom: 1.75rem;
    border-bottom: 2px solid var(--color5);
}
.mini-cart-head > h4 {
    font-size: 1.5rem;
    margin-bottom: 0;
    font-weight: 500;
}
.mini-cart-head > a {
    background: var(--color1);
    font-size: 1.325rem;
}
.mini-cart-head > a i {
    display: block;
}
.mini-cart-head > a:hover,
.mini-cart-head > a:focus {
    color: var(--header_link_hover_color, #eb5757);
}
.mini-cart-head + ul {
    margin-top: 35px;
}
.mini-cart-list {
    max-height: 20rem;
    overflow-y: auto;
    padding-top: 8px;
}
.mini-cart-list > li:not(:last-of-type) {
    margin-bottom: 35px;
}
.mini-cart-item {
    padding-left: 8px;
}
.mini-cart-item > a.remove-cart {
    background-color: var(--color29);
    border: 2px solid var(--white);
    color: var(--color1);
    height: 1.75rem;
    width: 1.75rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    z-index: 1;
    left: 0;
    top: -8px;
}
.mini-cart-item > a.remove-cart i {
    display: block;
    height: 14px;
}
.mini-cart-item > a.remove-cart:hover,
.mini-cart-item > a.remove-cart:focus {
    background: var(--header_link_hover_color, #eb5757);
    border-color: var(--header_link_hover_color, #eb5757);
    color: var(--white);
}
.mini-cart-img {
    flex: 0 0 5rem;
    max-width: 5rem;
    -webkit-border-radius: var(--curve5);
    border-radius: var(--curve5);
}
.mini-cart-img + .mini-cart-info {
    flex: 0 0 calc(100% - 5rem);
    max-width: calc(100% - 5rem);
    padding-left: 1.25rem;
}
.mini-cart-info {
    padding-top: 10px;
}
.mini-cart-info > h6 {
    font-weight: 500;
}
.mini-cart-info > h6 + .mini-cart-btm {
    margin-top: 14px;
}
.mini-cart-btm .product-quanty .input-group > span button {
    height: 1.625rem;
    width: 1.625rem;
    line-height: 1.625rem;
    font-size: 1.125rem;
}
.mini-cart-btm .price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--black);
    font-weight: 500;
}
.mini-cart-btm .product-quanty .input-group > input {
    height: 1.625rem;
}
.mini-cart-list + .mini-cart-bottom {
    padding-top: 1.75rem;
    border-top: 2px solid var(--color17);
    margin-top: 35px;
}
.mini-cart-total > span {
    color: var(--color1);
    font-size: 1.125rem;
    font-weight: 500;
}
.mini-cart-total + .btns-group {
    margin-top: 30px;
}
.mini-cart-bottom .btns-group > a {
    max-width: calc(50% - 0.9375rem);
    width: 100%;
    text-align: center;
}

/*=== Mini Cart Ver 2 Style ===*/
.mini-cart-wrap {
    z-index: 99999999;
    max-width: 37.5rem;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    right: -37.5rem;
}
html.cart-drop-active .mini-cart-wrap {
    opacity: 1;
    visibility: visible;
    right: 0;
}
.mini-cart-wrap .mini-cart-dropdown-inner {
    min-height: 100vh;
}
.mini-cart-wrap .mini-cart-list {
    max-height: calc(100vh - 23rem);
    min-height: calc(100vh - 23rem);
}

/*=== Cart Dropdown Style ===*/
html:before {
    content: "";
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: scale(0, 0) translate(50%, -50%);
    transform: scale(0, 0) translate(50%, -50%);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    width: 370vw;
    height: auto;
    padding-top: 370vw;
    background-color: var(--black);
    position: fixed;
    top: 0;
    right: 250px;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    opacity: 0.25;
    z-index: 999999;
}
html.cart-drop-active:before,
html.slidein:before {
    -webkit-transform: scale(1, 1) translate(50%, -50%);
    transform: scale(1, 1) translate(50%, -50%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
/*=== Header Search Style ===*/
.header-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
}
.header-search > form {
    max-width: 85%;
    position: relative;
    width: 100%;
}
.header-search > form input {
    background-color: transparent;
    padding: 1.5625rem 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    width: 100%;
    font-size: 35px;
}
.header-search > form button {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5rem;
    font-size: 2rem;
}
.header-search > form button:hover,
.header-search > form button:focus {
    color: var(--header_link_hover_color, #eb5757);
}
.search-close-btn {
    background-color: var(--color3);
    color: var(--white);
    -webkit-border-radius: var(--curve5);
    border-radius: var(--curve5);
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    line-height: 50px;
    width: 50px;
    cursor: pointer;
    height: 50px;
    font-size: 1.5625rem;
    text-align: center;
}
.search-close-btn:hover,
.search-close-btn:focus {
    background-color: var(--header_link_hover_color, #eb5757);
}
.header-search.active {
    opacity: 1;
    visibility: visible;
}

/*=== Header Style 2 ===*/
.style2 .topbar {
    padding: 1.125rem 0;
}

/*=== Header Style 3 ===*/
nav.colored-hover > ul > li a:before {
    background-color: var(--header_link_hover_color, #eb5757);
}
.style3 nav > ul li:hover > a,
.style3 nav > ul li > a:focus {
    font-weight: 600;
}

/*===== Sticky Header Style =====*/
.sticky-header {
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    position: sticky;
    top: 0;
    left: 0;
    background: var(--header_main_bg_color, #ffffff);
    -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}
.sticky-header.v1 {
    visibility: hidden;
    z-index: 999;
    position: sticky;
    top: 0;
    left: 0;
    background-color: var(--white);
    box-shadow: none;
}
@media (max-width: 1199px) {
    .sticky-header {
        display: none !important;
    }
}
.sticky-header.v1 .logo-menu-inner a {
    color: var(--color2);
}
.sticky-header.v1 .wishlist-item-count.v1 {
    background: var(--color1);
    color: var(--header_main_bg_color, #ffffff);
}
.sticky-header .logo-menu-inner > div {
    flex: 0 0 auto;
    max-width: initial;
}
.sticky-header .logo-menu-inner .logo-menu-inner-right > * + * {
    margin-left: 50px;
}
.sticky-header nav > ul > li {
    line-height: 60px;
}
html.sticky .sticky-header {
    opacity: 1;
    visibility: visible;
}
.sticky-header .megamenu-wrap:before {
    top: 0;
}

/*===== Responsive Header Style =====*/
header {
    display: none;
}
.responsive-header {
    display: none;
    z-index: 1;
}
@media (min-width: 1200px){
header {
    display: block;
}
}
@media (max-width: 1199px){
.responsive-header {
    display: block;
}
}
.responsive-topbar {
    background: var(--header_main_bg_color, #ffffff);
    /* height: 68px; */
    padding: 13.5px 0;
    -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
}
.responsive-topbar.v1 {
    padding: 13.5px 0;
    z-index: 1;
    content: "";
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    background-color: transparent;
    box-shadow: none;
    position: absolute;
}
.responsive-topbar .logo-menu-inner-right {
    flex: auto;
    max-width: initial;
}
.responsive-menu {
    position: fixed;
    right: -20rem;
    top: 0;
    bottom: 0;
    max-width: 20rem;
    overflow-y: auto;
    z-index: 999999;
    background: var(--header_main_bg_color, #ffffff);
    padding: 60px 0 2.5rem;
    opacity: 0;
    visibility: hidden;
}
a.responsive-menu-close {
    left: 1.5rem;
    top: 0.9375rem;
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--color1);
    font-size: 25px;
    z-index: 99;
}
a.responsive-menu-close:hover,
a.responsive-menu-close:focus {
    background: var(--header_link_hover_color, #eb5757);
    color: var(--header_main_bg_color, #ffffff);
}
.responsive-menu ul ul {
    display: none;
    padding: 10px 0 10px 1.25rem;
}
.responsive-menu > ul > li {
    padding: 10px 0;
}
.responsive-menu > ul > li a {
    display: block;
    position: relative;
    padding: 0 20px;
}
.responsive-menu > ul > li.menu-item-has-children > a:before {
    content: "\f112";
    font-family: uicons-regular-rounded !important;
    position: absolute;
    right: 20px;
    top: 0;
}
.responsive-menu > ul > li.menu-item-has-children.active > a:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.responsive-menu > ul > li:not(:first-child) {
    border-top: 1px solid var(--color5);
}
.responsive-menu > ul ul li {
    font-size: 0.9375rem;
}
.responsive-menu > ul ul li + li {
    margin-top: 10px;
}
html.slidein .responsive-menu {
    opacity: 1;
    visibility: visible;
    left: 0;
}

/*===== Slider Style 1 =====*/
.slider-warp,
.slider-caro {
    position: relative;
    width: 100%;
}
.slider-item picture {
    display: block;
    max-width: 100%;
}
.slider-item img {
    background-size: contain;
    background-position: center;
    object-fit: cover;
}
@media (max-width: 767px) {
    .slider-item img {
        max-height: 100%;
    }
}
.slick-active .slider-item img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.slider-cap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100px;
    max-width: 50%;
    z-index: 1;
}
.slider-cap > span {
    font-size: 1.25rem;
    font-weight: 500;
}
.slider-cap > span + h1 {
    margin-top: 0.9375rem;
}
.slider-cap > h1 {
    letter-spacing: -0.04rem;
    line-height: 1;
}
.slider-cap > h1 + a {
    margin-top: 30px;
}

/*=== Ver 2 ===*/
.slider-caro2 > button.slick-prev {
    left: 15%;
}
.slider-caro2 > button.slick-next {
    right: 15%;
}
.slider-cap.text-center {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.slider-cap.text-white > h1 {
    color: var(--white);
}
.slider-cap.v2 > h1 {
    font-family: var(--Popins);
}
.slider-cap.v2 > h1 + p {
    margin-top: 1.25rem;
}
.slider-cap.v2 > p {
    font-size: 1rem;
    font-weight: 500;
}
.slider-cap.v2 > p + .btns-group,
.slider-cap.v2 > p + * {
    margin-top: 1.5rem;
}

/*=== Ver 3 ===*/
.slider-item.v2:before {
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.222) 0%, rgba(30, 4, 2, 0.36) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.222) 0%, rgba(30, 4, 2, 0.36) 100%);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
    z-index: 1;
}

/*===== Theme Buttons Style =====*/
.theme-btn {
    border: 1px solid transparent;
    position: relative;
    display: inline-block;
    color: var(--white);
    -webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
    font-size: 16px;
    font-weight: 400;
/*     margin-bottom: -6px; */
    overflow: hidden;
    padding: 12px 16px;
    text-align: center;
    /*會造成 all 按不到*/
/*     z-index: 1; */
    line-height: 22px;
    cursor: pointer;
}
.small-btn {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 8px;
    text-align: center;
}
@media (max-width: 768px) {
    .theme-btn {
        font-size: 14px;
    }
}
@media (max-width: 481px) {
    .theme-btn {
        padding: 9px 12px;
    }
}
.theme-btn.md-btn {
    font-size: 0.9375rem;
    padding: 14.25px 2.1875rem;
}
.theme-btn.mid-btn {
    font-size: 16px;
    padding: 12px;
}
@media (max-width: 767px) {
    .theme-btn.mid-btn {
        font-size: 15px;
    }
}
.theme-btn:hover,
.theme-btn:focus,
.theme-btn.bg-color1.brd-btn:hover,
.theme-btn.bg-color1.brd-btn:focus,
.theme-btn.bg-white:hover,
.theme-btn.bg-white:focus,
.theme-btn.bg-color4.brd-btn,
.theme-btn.bg-color4.brd-btn:hover,
.theme-btn.bg-color4.brd-btn:focus {
    color: var(--white);
}
.theme-btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}
.theme-btn:hover span,
.theme-btn:focus span {
    -webkit-transform: translateY(0) scale(2);
    transform: translateY(0) scale(2);
}
.theme-btn span:nth-of-type(1) {
    --n: 1;
}
.theme-btn span:nth-of-type(2) {
    --n: 2;
}
.theme-btn span:nth-of-type(3) {
    --n: 3;
}
.theme-btn span:nth-of-type(4) {
    --n: 4;
}
.theme-btn.primary-btn {
    background-color: var(--color1);
    color: var(--white);
}
.theme-btn.primary-btn:hover {
    background-color: var(--color27);
    color: var(--white);
}
.theme-btn.primary-btn.v2 {
    border-radius: 50px;
    padding: 8px 16px;
}
.theme-btn.primary-btn.v2:hover {
    background-color: var(--color27);
    color: var(--white);
}
.theme-btn.red-btn {
    background-color: var(--color32);
    color: var(--white);
}
.theme-btn.red-btn:hover {
    background-color: var(--color32);
    color: var(--white);
}
.theme-btn.red-btn.disabled {
    background-color: var(--color39);
    color: var(--color24);
}
.theme-btn.red-sec-btn {
    color: var(--color36);
    border: 1px solid var(--color36);
    background-color: var(--white);
}
.theme-btn.red-sec-btn:hover {
    color: var(--color32);
    border: 1px solid var(--color32);
    background-color: var(--white);
}
.theme-btn.red-sec-btn.disabled {
    border-color: var(--color39);
    background-color: var(--white);
    color: var(--color39);
}

.theme-btn.primary-btn.disabled {
    background-color: var(--color23);
    color: var(--white);
    cursor: not-allowed;
}
.theme-btn.sec-btn {
    background-color: transparent;
}
.theme-btn.sec-btn {
    color: var(--color1);
    border: 1px solid var(--color1);
    background-color: var(--white);
}
.theme-btn.sec-btn:hover {
    color: var(--color1);
    border: 1px solid var(--color1);
    background-color: var(--color22);
}
.theme-btn.sec-btn.disabled {
    border-color: var(--color28);
    background-color: var(--white);
    color: var(--color28);
}
.theme-btn.small-btn {
    color: var(--color1);
    border: 1px solid var(--color1);
    font-size: 12px;
    padding: 6px 12px;
}
.theme-btn.small-btn:hover {
    color: var(--color1);
    border: 1px solid var(--color1);
    background-color: var(--color22);
}
.theme-btn.small-btn.disabled {
    border-color: var(--color28);
    background-color: var(--white);
    color: var(--color28);
    font-size: 12px;
    padding: 6px 12px;
}
.theme-btn.new-btn {
    background-color: var(--white);
    color: var(--color1);
    border: 1px solid var(--color1);
    max-width: 214px;
}
.theme-btn.new-btn:hover {
    background-color: var(--color22);
    color: var(--color1) !important;
    border: 1px solid var(--color1);
}
.theme-btn.new-btn.disabled {
    opacity: 0.4;
}
.theme-btn.sale-btn {
    background-color: var(--white);
    color: var(--color4);
    border: 1px solid var(--color4);
    max-width: 214px;
}
.theme-btn.sale-btn:hover {
    background-color: var(--color22);
    color: var(--color4);
    border: 1px solid var(--color4);
}
.theme-btn.sale-btn.disabled {
    opacity: 0.4;
}

.theme-btn.bg-color1 {
    border-color: var(--color1);
}
.theme-btn.bg-color1:hover,
.theme-btn.bg-color1:focus,
.theme-btn.bg-white:hover,
.theme-btn.bg-white:focus {
    border-color: var(--color27);
    background-color: var(--color27);
}
.theme-btn.bg-color1 span,
.theme-btn.bg-white span {
    background-color: var(--color4);
}
.theme-btn.bg-color4 {
    border-color: var(--color4);
}
.theme-btn.bg-color4:hover,
.theme-btn.bg-color4:focus {
    border-color: var(--color1);
}
.theme-btn.bg-color4 span {
    background-color: var(--color1);
}

.theme-btn.sale-red {
    background-color: var(--color4);
    color: var(--white);
}
.theme-btn.sale-red:hover {
    background-color: var(--color42);
    color: var(--white);
}
.theme-btn.sale-red-border {
    background-color: var(--white);
    color: var(--color4);
    border-color: var(--color4);
}
.theme-btn.sale-red-border:hover {
    background-color: var(--white);
    color: var(--color42);
    border-color: var(--color42);
}

.btns-group {
    margin: -5px;
}
.btns-group > a {
    margin: 5px;
}
.website-btn{
	background:#EB5757;
	color:#ffffff;
	padding:0 6px;
	border-radius:4px;	
	display:grid;
	grid-template-columns:1fr auto;
}
.website-btn  img{
	width:50px;
	height:auto;
}

.website-btn a{
	display:flex;
	align-items:center;
	justify-content:center;
}
.website-btn span{
	font-size:10px;
	-webkit-transform : scale(0.83);
	font-weight:700;
	line-height:10px!important;
	text-align:center;	
	display:inline-block;
}

/*===== Cards Section Style =====*/
.cards-wrap {
    margin-bottom: -1.875rem;
}
.cards-wrap .card-box {
    margin-bottom: 30px;
}
.card-box:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    height: 40%;
}
.card-info {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 2rem;
}
.card-info > h2 {
    color: var(--white);
}
.off-badge {
    display: inline-block;
    padding: 0 5px;
}
.off-badge:before {
    background-color: var(--header_link_hover_color, #eb5757);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.card-info > h2 + a {
    margin-top: 14px;
}
.simple-link {
    color: var(--white);

    display: inline-block;
    font-size: 1rem;
    padding-left: 3rem;
    position: relative;
    -webkit-transition: var(--transition2);
    transition: var(--transition2);
}
.simple-link:before {
    content: "";
    width: 2.125rem;
    height: 1px;
    background-color: var(--white);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5px;
}
.simple-link:hover,
.simple-link:focus {
    padding-left: 2.25rem;
    color: var(--white);
}
.simple-link:hover:before,
.simple-link:focus:before {
    width: 1.75rem;
}

/*===== Sec Title Style =====*/
.sec-title-wrap {
    margin-bottom: 50px;
}
.sec-title-wrap .sec-title {
    margin-bottom: 0;
}
.sec-title {
    margin-bottom: 40px;
}
.sec-title > span {
    font-size: 1.25rem;
}
.sec-title > h2 {
    font-size: 32px;
    color: var(--color2);
    font-weight: 700;
}
@media (max-width: 767px) {
    .sec-title > h2 {
        font-size: 24px;
    }
}
.sec-title > span + h2 {
    margin-top: 14px;
}
.sec-title > h1 + h3,
.sec-title > h2 + h3 {
    margin-top: 30px;
}
.sec-title > h3 + a {
    margin-top: 40px;
}
.sec-title > h1 + p,
.sec-title > h2 + p {
    margin-top: 0.9375rem;
}
.sec-title > p {
    color: var(--color1);
}
.sec-title > p + a {
    margin-top: 30px;
}
.brd-btm {
    border-bottom: 1px solid var(--color1);
}

/*===== Tabs Style =====*/
.tabs-wrap .nav-tabs {
    border-bottom: 2px solid var(--color5);
    margin-bottom: 40px;
}
.tabs-wrap .nav-tabs li.nav-item {
    color: var(--color2);
    padding: 0 1.5rem;
}
.tabs-wrap .nav-tabs li.nav-item button.nav-link {
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: inherit;
    line-height: initial;
    padding: 0.5rem 0 12px;
    position: relative;
}
.tabs-wrap .nav-tabs li.nav-item button.nav-link:before {
    content: "";
    position: absolute;
    bottom: -2px;
    background: var(--color1);
    height: 2px;
    left: 45%;
    right: 45%;
    opacity: 0;
}
.tabs-wrap .nav-tabs li.nav-item button.nav-link.active:before,
.tabs-wrap .nav-tabs li.nav-item button.nav-link:hover:before,
.tabs-wrap .nav-tabs li.nav-item button.nav-link:focus:before {
    left: 0;
    right: 0;
    opacity: 1;
}
.tabs-wrap .nav-tabs li.nav-item button.nav-link.active,
.tabs-wrap .nav-tabs li.nav-item button.nav-link:hover,
.tabs-wrap .nav-tabs li.nav-item button.nav-link:focus {
    color: var(--color1);
}

/*===== Products Style =====*/
.products-wrap {
    margin-bottom:0!important;
}
.side_right_contentv3  .product_block{
    text-align: center;
}
.side_right_contentv3  .slick-slide .product-box{
	margin:0 8px 8px;
}
.side_right_contentv3  .product_block .badge_area{
	padding:0 8px;
}
.grid-area  .badge_area{
	padding-left:8px;
}
.slick-slide   .product_wbg{
	/*background:transparent;*//*marked by bjwu,dunno why set transparent*/
	margin-bottom:0;
}
.brand_content .side_right_contentv3  .slick-slide .product-box .product_block{
 min-height:379px;
 border-radius:var(--curve8);
 overflow:hidden;
}

.slick-slide   .product-box {
	max-width:232px!important;
/* 	min-height:426px; */
/*	overflow:hidden;*/
}


.swiper-slide.product-box {
    max-width:232px!important;
/*    overflow:hidden;*/
}

.swiper-slide .product-box {
    max-width:232px!important;
    overflow:hidden;
}

.slick-slide .product-box .badge_area{
	padding-left:8px;
}

.swiper-slide .product_wbg{
    /*background:transparent;*//*marked by bjwu,dunno why set transparent*/
    margin-bottom:0;
}
.brand_content .side_right_contentv3  .swiper-slide.product-box .product_block{
    min-height:379px;
    border-radius:var(--curve8);
    overflow:hidden;
}

.swiper-slide.product-box .badge_area{
    padding-left:8px;
}


@media (max-width: 995px) {
.side_right_contentv3 .products-wrap .product-box {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 768px) {
.side_right_contentv3 .products-wrap .product-box {
        padding-bottom: 24px !important;
    }
}
@media (max-width: 480px) {
.side_right_contentv3 .products-wrap .product-box {
        padding-bottom: 0 !important;
    }
} 

.product-img {
    min-height: 172px;
    /* max-height: 300px; */
    width:auto;
    position:relative;
}
.slick-slide  .product-img {
    margin:0 5px;
}

.swiper-slide  .product-img {
    margin:0 5px;
}

.product-img > a {
    display: block;
}
.product_block .product_add_cart {
    display:none;
}
.desktop .product_block:hover .product_add_cart {
    display:block;
}
.product-btns {
    top: 8px;
    right: 4px;
    z-index: 1;
    max-width: 45px;
}
.product-btns > a {
    height: 30px;
    width: 30px;
    display: inline-block;
    background-color: var(--white);
    margin: 5px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 50px;
    background-size: 18px;
    background-position: center;
}
.product-btns > a i {
    display: block;
    height: inherit;
    line-height: inherit;
    line-height: 1.5;
}
.product-btns > a:not(.wishlist-btn) {
    -webkit-transform: translateX(3.125rem);
    transform: translateX(3.125rem);
    opacity: 0;
    visibility: hidden;
}
.wishlist-btn i {
    font-size: 22px;
}
.wishlist {
    position: absolute;
    top: 46px;
    right: 4px;
    max-width: 150px;
    display: flex;
    background-color: var(--white);
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.wishlist.v2 {
    position: absolute;
    top: 60px;
    right: 18px;
    max-width: 150px;
    display: flex;
    background-color: var(--white);
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.wishlist-visible {
    visibility: visible;
}
.wishlist ul {
    list-style: none;
    padding: 0 !important;
    margin-block-end: 10px !important;
    text-align: left;
}
.wishlist ul li {
    font-size: 16px;
    font-weight: 400;
    padding: 8px 10px 8px;
    border-bottom: 1px solid var(--color23);
    display: flex;
}
.wishlist ul li a {
    color: var(--color2);
}
.wishlist ul li a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.wishlist ul li.active {
    font-size: 16px;
    font-weight: 700;
    color: var(--color2);
}
.wishlist ul li.last {
    border-bottom: 0;
    padding-bottom: 0;
}
.product-btns-large {
    top: 0.9375rem;
    right: 0.9375rem;
    z-index: 1;
    height: 48px;
    width: 48px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--white);
    text-align: center;
    line-height: 58px;
}
.product-btns-large > a {
    height: 27px;
    width: 30px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.product-box:hover .product-btns > a:not(.wishlist-btn) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.product-img + .product-info {
    margin-top: 8px;
    position: relative;
    height:140px;
}
@media(max-width:768px){
.product-img + .product-info {
    height:132px;
}
}
.product-info > h4 {
    font-size: 16px !important;
    font-weight: 500;
    margin: 0px;
    line-height: 24px;
    display: -webkit-box;
    height: 47px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.product-info > h3.product_name {
    font-size: 16px !important;
    font-weight: 500;
    margin: 0px;
    line-height: 24px;
    display: -webkit-box;
    height: 47px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    padding-left:8px;
    padding-right:8px;
    word-break: break-all;
}
.product-info > h5 {
    line-height: 26px;
}
.product-info > h6 {
    margin-bottom: 4px;
}
.product-info a.product_name {
    font-size: 16px !important;
    font-weight: 500;
    margin: 0px !important;
    display: -webkit-box;
    height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    letter-spacing: 0;
}
.price_del {
    font-size: 18px;
    font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--color26) !important;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .price,
    .price_del {
        font-size: 16px;
    }
}
@media (max-width: 481px) {
    .price {
        font-size: 15px;
    }
    .price_del {
        font-size: 15px;
    }
}
.price_large {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    margin-top: 24px;
    margin-bottom: 36px;
    font-size: 32px;
    color: var(--color2);
    font-weight: 600;
    display: inline-block;
    letter-spacing: 2px !important;
}
.price_large .product__price-del,.price_large .product__price{
	font-size: 32px !important;
}
@media (max-width: 768px) {
    .price_large {
        font-size: 24px;
        margin-top: 8px;
        margin-bottom: 24px;
    }
    .price_large .product__price-del,.price_large .product__price{
		font-size: 18px;
	}
}
.product-info .products-color {
    margin-top: 8px;
    justify-content: center;
    align-items: center;
}

.products-color > a {
    height: 18px;
    width: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin:8px;
}
@media (max-width: 576px) {
    .products-color > a {
        height: 13px;
        width: 13px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        margin: 10px 6px;
    }
}
#mobile_filter .filter_color_a{
	padding: 10px;
}
.products-color > a:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px solid var(--color26);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.products-color > a:hover:before,
.products-color > a.active:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 1px solid var(--black);
}

/*===== Testimonials Style 1 =====*/
.testi-info-item {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    background: #10104a;
    border-radius: 8px;
    color: var(--white);
}
.testi-img {
    max-width: 23.75rem;
}
.testi-info-cap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 55%;
    left: 0;
}
.testi-info-cap > p {
    font-size: 2rem;
    line-height: 1.2;
    color: var(--white);
}
.testi-info-cap > p + h4 {
    margin-top: 50px;
}
.testi-info-cap > h4 {
    font-size: 1.5rem;
    font-weight: 500;
}
.testi-info-cap > h4 + em {
    margin-top: 5px;
}
.testi-info-cap > em {
    font-size: 1rem;
}

/*===== Featured Products Style =====*/
.featured-products-wrap {
    margin-bottom: -1.875rem;
}
.featured-products-wrap .featured-product-box {
    padding: 10px 20px 10px 0;
}
@media (max-width: 490px) {
    .featured-products-wrap .featured-product-box {
        padding: 0;
    }
}
.featured-product-img:before,
.post-gallery-box > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    z-index: 1;
    border-radius: var(--curve8);
}
.featured-product-cap {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 40px;
    text-align: left;
}
.col-lg-4 .featured-product-cap {
    padding: 40px 1.875rem;
}
.featured-product-cap > h1,
.featured-product-cap > h2,
.featured-product-cap > h3,
.featured-product-cap > h5 {
    color: var(--white);

    line-height: 1.3;
    letter-spacing: -0.45px;
}
.featured-product-cap > h3,
.featured-product-cap > h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 44px;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.featured-product-cap > h1 + p,
.featured-product-cap > h2 + p,
.featured-product-cap > h3 + p {
    margin-top: 1rem;
}
.featured-product-cap > p {
    color: var(--white);
    line-height: 1.36;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 52px;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.col-lg-4 .featured-product-cap > p {
    max-width: 100%;
}
.featured-product-cap > p + a {
    margin-top: 1.5625rem;
}

/*=== Ver 2 Style ===*/
.feat-prd-caro > button.slick-arrow {
    width: auto;
    background-color: transparent;
    padding: 0;
    z-index: 2;
    bottom: -7px;
    position: absolute;
}

.feat-prd-caro .featured-product-box {
    /* margin-top: 1.5625rem; */
    cursor: pointer;
    width: 454px;
    height: 445px;
    border-radius: var(--curve8);
}
@media (max-width: 490px) {
    .feat-prd-caro .featured-product-box {
        width: calc(100vw - 2.5rem);
        height: calc(100vw - 2.5rem);
    }
}

.feat-prd-caro > button.slick-prev {
    left: 30%;
}
.feat-prd-caro > button.slick-next {
    right: 30%;
}
.off-bar {
    padding: 1.4375rem 1.25rem;
    margin-top: -2.25rem;
}
.off-bar > h5 {
    text-transform: uppercase;
}
.off-bar > * {
    margin: 0 0.9375rem;
}
.off-bar > a {
    display: inline-block;
    color: var(--color1);
    font-size: 14px;
    text-decoration: underline;
}
.feat-prd-caro > button.slick-arrow i {
    display: block;
    height: 1rem;
}
.feat-prd-caro .slick-center {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    z-index: 2;
    position: relative;
    margin-top: -11px;
}

/*===== Sponsors Style =====*/
.sponsors-wrap {
    margin-bottom: -1.875rem;
}
.sponsors-wrap .spnsr-item {
    margin-bottom: 30px;
}
.spnsr-item:hover img {
    -webkit-filter: invert(0.4);
    filter: invert(0.4);
}

/*===== Activity Style =====*/
.post-box {
    background-color: var(--white);
    border-radius: var(--curve8);
    -webkit-box-shadow: 0 4px 1rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 1rem rgba(0, 0, 0, 0.1);
}
.post-img {
    border-top-left-radius: var(--curve8);
    border-top-right-radius: var(--curve8);
}
.post-img + .post-info {
    padding: 16px 16px 0;
}
.post-info > h5 + span {
    margin-top: 8px;
}
.post-info > p {
    font-size: 18px;
}
.post-info > h5 + p {
    margin-top: 8px;
}
.post-brand {
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.post-dis {
    color: var(--color3);
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    /*text-overflow: ellipsis; 促銷卡片有問題所以拿掉*/
    display: -webkit-box;
    /*height: 48px; 促銷卡片有問題所以拿掉*/
    /*-webkit-line-clamp: 1; 促銷卡片有問題所以拿掉*/
    -webkit-box-orient: vertical;
    padding-bottom: 0.5em;
}
.article-block   h3.post-title2{
    color: var(--color2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    font-weight: 500;
    font-size: 18px;
    line-height:26px;
    margin-bottom: 8px;
    margin-top:0;
    text-align:left;
}
.post-dis2-block {
    height: 6rem;
    padding-top: 8px;
}
.post-dis2 {
    color: var(--color2);
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .post-dis2 {
        height: auto;
    }
}
.product-box .countdown-date {
    margin-top: 10px;
    margin:10px 8px 0;
}
.countdown-date {
    font-size: 14px;
    color: var(--color3);
    font-weight: 400;
    text-align: left;
}
.post-category {
    font-size: 18px;
    color: var(--color24);
    font-weight: 500;
    margin-bottom: 24px;
    font-style: normal !important;
    word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 20px;
	height: 22px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
}
.article-block .post-category {
    font-weight: 500;
    font-size: 14px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
.post-category {
    font-size: 14px;
    font-weight: 500;
}
}
.post-category:empty {
    display: none;
}
.post-date {
    font-size: 14px;
    color: var(--color24) !important;
    font-weight: 400;
    padding-bottom: 16px;
    display: block;
    font-style: normal !important;
}
.gift-info {
    /* float: left; */
    padding: 16px 16px 16px 16px;
    width: 55%;
}
.gift-info .post-date {
    padding-bottom: 4px;
    /* display: revert;
    position: absolute;
    bottom: 20px; */
}
.gift-img {
    /* float: right; */
    width: 45%;
}
@media (max-width: 768px) {
	.post-date {
    font-size: 14px;
}
    .gift-info {
        width: 51%;
    }
    .gift-img {
        width: 49%;
    }
    .gift-info .post-date {
        font-size: 12px;
    }
}
@media (max-width: 575px) {
    .gift-info {
        width: 60%;
    }
    .gift-img {
        width: 40%;
    }
}
.gift-img img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
}
@media (min-width: 1400px) {
    .gift-info {
        width: 64%;
    }
    .gift-img {
        width: 36%;
    }
}
.gift-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--color2);
    margin-bottom: 10px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align:left;
}
.gift-dis {
    color: var(--color3);
    font-weight: 400;
    margin: 0px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-align:left;
}
/*=== Ver 2 ===*/
.post-box.v2 + .post-box.v2 {
    border-top: 1px solid var(--color12);
    margin-top: 55px;
    padding-top: 60px;
}
.post-info + .post-img {
    margin-top: 40px;
}
.v2 .post-info > span {
    color: var(--color2);
}
.post-info > span.post-cate {
    font-size: 1rem;
}
.post-cate > a {
    display: inline-block;
    position: relative;
}
.post-cate > a + a {
    margin-left: 1.375rem;
}
.post-cate > a + a:before {
    content: "";
    height: 4px;
    width: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--color12);
    position: absolute;
    left: -13px;
    top: calc(50% - 2px);
}
.post-info > span + h3,
.post-info > span + h4 {
    margin-top: 10px;
}
.post-info > h3 + span,
.post-info > h4 + span {
    margin-top: 10px;
}
.post-info .badge {
    font-size: 12px;
    font-weight: 500;
    margin-left: 1.25rem;
    padding: 5px 10px;
}
.post-img + .post-cont {
    margin-top: 35px;
}

/*===== Newsletter Style =====*/
.newsletter-wrap {
    padding: 90px 6.25rem 6.25rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-border-radius: 40px;
    border-radius: 40px;
}
.newsletter-wrap form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -1.25rem;
    max-width: calc(100% - 1.25rem);
}
.newsletter-wrap form .field-box {
    flex: 0 0 calc(100% - 11.5625rem);
    max-width: calc(100% - 11.5625rem);
}
.field-box input,
.field-box select {
    height: 48px!important;
    -webkit-border-radius: 50rem;
    border-radius: 50rem;
    font-size: 16px;
    padding: 12px 16px;
    width: 100%;
}
@media(max-width:768px){
.field-box input,
.field-box select {
    height: 40px!important;
}
}
.field-box i {
    /* position: absolute;
    left: 40px;
    top: 0; */
    line-height: 4rem;
    color: var(--color1);
    font-size: 20px;
}
.newsletter-wrap form > * {
    margin-top: 1.25rem;
}

/*===== Footer Style =====*/
footer {
    position: relative;
    bottom: 0;
    clear: both;
/*    height: 350px;
     margin-top: -391px; */
}
footer .toggle-content ul {
    list-style: none;
}
footer .toggle-content ul li a{
    color: var(--footer_link_f_color, #666666);
}
footer .toggle-content ul li a:hover{
    color: var(--footer_link_hover_color, #eb5757);
}
.footer-data {
    margin-bottom: -3.125rem;
}
.footer-data .widget {
    margin-bottom: 50px;
}
.widget div + div {
    margin-top: 30px;
}
.footer__top .widget ul li,
.footer__top_2 .widget ul li,
.footer-data .widget ul li {
    color: var(--color2);
    font-size: 16px;
    font-weight: 400;
}
/* 初始狀態 */
.display-element {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  max-height: 0;
  overflow: hidden;
}

/*顯示狀態 */
.display-element.show {
  opacity: 1;
  max-height: 100%;
}
.widget h4 {
    color: var(--footer_main_f_color, #333333);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 30px;
}
.widget ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.widget ul li {
    font-size: 18px;
    color: var(--footer_link_f_color, #666666);
    font-weight: 400;
    line-height: 16px;
    position: relative;
}
.widget ul li a i {
    font-size: 24px;
    vertical-align: sub;
}
.widget ul li + li {
    margin-top: 1.25rem;
}
.bottom-links li,
.payment-opt > span {
    position: relative;
    font-size: 14px;
    color: var(--color2);
    font-weight: 400;
}
.bottom-links li + li {
    padding-left: 0.9375rem;
    margin-left: 10px;
}
.bottom-links li + li:before {
    content: "";
    position: absolute;
    background-color: var(--color2);
    height: 5px;
    width: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -2.5px;
    left: 0;
}
.payment-opt > span + img {
    margin-left: 1.75rem;
}
.payment-opt > img {
    max-height: 1.75rem;
}
.bottom-bar {
    padding-bottom: 30px;
    text-align: center;
    font-size: 14px;
}
@media (max-width: 767px) {
    .bottom-bar {
        text-align: center;
        font-size: 12px;
    }
}
.bottom-bar > * {
    margin: 0.9375rem 0;
}
.booking_area {
    background-color: var(--color16);
    padding: 24px 40px;
    text-align: center;
}
.booking_area input {
    background-color: var(--white);
    padding: 14px;
    text-align: center;
    border-radius: var(--curve4);
}
.booking_area > h4 {
    color: var(--color2);
    font-size: 18px;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
@media (max-width: 767px) {
    .booking_area {
        background-color: transparent;
        text-align: left;
        padding: 0;
    }
    .booking_area > h4 {
        text-align: left;
        font-size: 16px;
        font-weight: 700;
    }
    .booking_area input {
        padding: 14px 10px;
        font-size: 15px;
        border-radius: var(--curve8);
    }
}

/*===== Services Style =====*/
.services-wrap {
    margin-bottom: -1.875rem;
}
.services-wrap .serv-box {
    margin-bottom: 30px;
}
.serv-box > span {
    font-size: 60px;
    line-height: 1;
}
.serv-box > span i {
    height: 60px;
}
.serv-box > span + h4 {
    margin-top: 1.25rem;
}
.serv-box > h4 {
    font-weight: 500;
}
.serv-box > h4 + p {
    margin-top: 5px;
}
.serv-box:hover > span {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: var(--transition2);
    transition: var(--transition2);
}

/*=== Ver 2 ===*/
.serv-box.v2 > span {
    color: var(--color1);
}
.serv-box.v2 > h4 {
    font-size: 1.5rem;
    font-weight: 700;
}
.serv-box.v2 > h4 + p {
    margin-top: 1.25rem;
}
.serv-box.v2 > p {
    font-size: 0.9375rem;
    max-width: 80%;
}

/*===== Testimonials Style 2 =====*/
.testi-wrap2 {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 60px 6.875rem;
}
.testi-caro {
    padding-bottom: 5rem;
}
.testi-caro > button.slick-arrow {
    border: 2px solid var(--header_link_hover_color, #eb5757);
    background-color: transparent;
    color: var(--header_link_hover_color, #eb5757);
    font-size: 13px;
    height: 3rem;
    width: 3rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0.9375rem;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.testi-caro > button.slick-prev {
    left: 0;
}
.testi-caro > button.slick-next {
    left: 65px;
}
.testi-caro > button.slick-arrow i {
    height: 13px;
}
.testi-caro > button.slick-arrow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    background-color: var(--header_link_hover_color, #eb5757);
    z-index: -1;
}
.testi-caro > button.slick-arrow:hover:before,
.testi-caro > button.slick-arrow:focus:before {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.testi-caro > button.slick-arrow:hover,
.testi-caro > button.slick-arrow:focus {
    color: var(--white);
}
.testi-caro .slick-dots {
    padding-left: 0;
    list-style: none;
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.testi-caro .slick-dots li {
    font-size: 0;
    line-height: initial;
}
.testi-caro .slick-dots li button {
    background: var(--color1);
    height: 8px;
    width: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    border: 1px solid var(--color5);
}
.testi-caro .slick-dots li.slick-active button,
.testi-caro .slick-dots li button:hover {
    border-color: var(--header_link_hover_color, #eb5757);
    background-color: transparent;
}
.testi-caro .slick-dots li + li {
    margin-left: 14px;
}
.testi-item > span {
    height: 5rem;
    width: 5rem;
    border: 2px solid var(--header_link_hover_color, #eb5757);
    padding: 6px;
}
.testi-item > span img {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.testi-item > span + h4 {
    margin-top: 1.75rem;
}
.testi-item > h4 {
    font-size: 1.5rem;
    font-weight: 500;
}
.testi-item > h4 + p {
    margin-top: 1.125rem;
}
.testi-item > p {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--color1);
    line-height: 1.5;
    max-width: 70%;
}

/*===== Instagram Style =====*/
.insta-caro .slick-dots {
    margin-top: 110px;
    max-width: 80.625rem;
    margin-left: auto;
    margin-right: auto;
}
.insta-caro > button.slick-next {
    right: 17.5% !important;
}
.insta-caro > button.slick-prev {
    left: 17.5% !important;
}

/*===== Sales Style =====*/
.sales-wrap {
    margin-bottom: -1.875rem;
}
.sales-wrap .sale-box {
    margin-bottom: 30px;
}
.sale-box {
    min-height: 21.875rem;
    padding: 30px;
    background-size: cover;
    background-position: center;
}
.sale-box[style]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(30, 4, 2, 0.6) 100%);
    opacity: 0.2;
}
.sale-inner {
    flex: 0 0 70%;
    max-width: 70%;
    position: relative;
    z-index: 1;
}
.text-white .sale-inner > h2 {
    color: var(--white);
}
.sale-inner > h2 + span {
    margin-top: 10px;
}
.sale-inner > span {
    font-size: 1.375rem;
    font-weight: 500;
}
.sale-inner > h4 {
    font-size: 1.5rem;
}
.sale-inner > h4 + h2 {
    margin-top: 3px;
}
.sale-inner > h2 + p {
    margin-top: 6px;
}
.sale-inner > p {
    color: var(--color1);
    font-weight: 300;
}
.sale-inner > p + a {
    margin-top: 1.125rem;
}

/*===== Exercise Simplicity Style =====*/
.ex-sim-wrap .text-box {
    margin-top: 45px;
}
.ex-sim-wrap .text-box > p {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.5px;
}
.text-box > h2 + p {
    margin-top: 30px;
}
.text-box > p {
    color: var(--color1);
}
.text-box > p + a {
    margin-top: 45px;
}

/*===== Motivation Reward Style =====*/
.motiv-reward-wrap {
    min-width: calc(100% + 23.75rem);
    margin-left: -11.875rem;
}
.motiv-info {
    top: 130px;
    right: 200px;
    max-width: 40rem;
}
.motiv-info > h1 {
    line-height: 1.1;
    max-width: 87%;
}
.motiv-info > h1 + h3 {
    margin-top: 40px;
}
.motiv-info > h3 {
    line-height: 1.2;
}
.motiv-info > h3 + a {
    margin-top: 45px;
}
.motiv-info > a {
    display: inline-block;
    font-size: 1.375rem;
    font-weight: 500;
    color: var(--color1);
}
.motiv-info > a i {
    color: var(--white);
    height: 3.3125rem;
    width: 3.3125rem;
    line-height: 3.7rem;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
}
.motiv-info > a:hover i,
.motiv-info > a:focus i {
    background: var(--color1);
}

/*===== Sneaker Categories Style =====*/
.sn-cat-bg {
    min-height: 29.0625rem;
    background-size: cover;
    background-position: center;
}
.sn-cat-boxes {
    margin-bottom: -1.875rem;
}
.sn-cat-boxes .sn-cat-box {
    margin-bottom: 30px;
}
.sn-cat-img + .sn-cat-info {
    margin-top: 1.5625rem;
}
.sn-cat-info > h5 {
    font-weight: 500;
}
.sn-cat-info > h5 + p {
    margin-top: 5px;
}
.sn-cat-info > p {
    color: var(--color1);
    font-weight: 300;
}

/*===== Call Us Action Style =====*/
.call-action-box {
    min-height: 23.125rem;
    padding: 40px;
}
.call-action-box-inner {
    flex: 0 0 90%;
    max-width: 90%;
}
.call-action-box-inner > h2 + p {
    margin-top: 0.9375rem;
}
.call-action-box-inner > p + a {
    margin-top: 1.75rem;
}
.toggle-item > h4 {
	color: var(--footer_main_f_color, #333333);
    font-size: 18px !important;
    padding: 16px 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-left: 0 !important;
}
@media (max-width: 767px) {
    .toggle-item > h4 {
        font-size: 16px !important;
        margin-bottom: 0;
    }
}
.toggle-content {
    padding: 0 !important;
}
.toggle-content ul {
    list-style: outside;
    margin-bottom: 10px;
    padding-left: 20px;
}
.toggle-content ul li {
    font-size: 16px;
    line-height: 35px;
}
.toggle-content ul ol {
    padding-left: 0;
}
.toggle-content > p + p {
    margin-top: 1.25rem;
}
.toggle-item > h4 i {
    position: absolute;
    right: 0;
    top: 4px;
    line-height: 2.8;
    font-size: 1.25rem;
    text-align: center;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.toggle-item.active > h4 i:before {
    content: "\f227";
}
.toggle-item.active {
    background-image: -webkit-linear-gradient(90.36deg, #f0f8ec 2.92%, #e7f7f7 88.63%);
    background-image: linear-gradient(90.36deg, #f0f8ec 2.92%, #e7f7f7 88.63%);
}
/*=== Ver 2 ===*/
.v2 .toggle-item {
    border-bottom: 1px solid var(--color23);
    background-color: transparent;
    background-image: none;
}

/*===== Running & Streetwear Shoes Style =====*/
.rn-shw-img {
    margin-top: -3rem;
}
.rn-shw-box-wrap {
    cursor: pointer;
}
.rn-shw-box-wrap > span {
    height: 3.375rem;
    width: 3.375rem;
    background-color: var(--white);
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0.9375rem 0 1rem rgba(72, 59, 124, 0.08);
    box-shadow: 0.9375rem 0 1rem rgba(72, 59, 124, 0.08);
}
.rn-shw-box-wrap > span i {
    height: 1.125rem;
    width: 1.125rem;
    background: var(--color1);
    display: inline-block;
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.rn-shw-box {
    left: 50%;
    bottom: 200%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0.9375rem 12px 34px rgba(72, 59, 124, 0.12);
    box-shadow: 0.9375rem 12px 34px rgba(72, 59, 124, 0.12);
    backdrop-filter: -webkit-blur(2.1875rem);
    backdrop-filter: blur(2.1875rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 21.875rem;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
}
.rn-shw-box > h4 {
    font-weight: 500;
}
.rn-shw-box > h4 + p {
    margin-top: 0.9375rem;
}
.rn-shw-box > p {
    color: var(--color1);
}
.rn-shw-box:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(255, 255, 255, 0.9);
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}
.rn-shw-box-wrap:hover .rn-shw-box {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 1.25rem);
}
.rn-shw-box-1 {
    top: 17%;
    left: 43%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.rn-shw-box-2 {
    left: 21%;
    top: 32%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.rn-shw-box-3 {
    left: 62%;
    bottom: 23%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.rn-shw-info {
    bottom: 0;
    left: 0;
    z-index: 2;
    max-width: 30%;
}
.rn-shw-info > span {
    line-height: 1;
    font-size: 1.375rem;

    letter-spacing: -1px;
}
.rn-shw-info > span + h2 {
    margin-top: 12px;
}
.rn-shw-info > h2 {
    font-weight: 700;

    letter-spacing: -2px;
    line-height: 1.1;
}
.rn-shw-info > h2 + span {
    margin-top: 1.25rem;
}
.rn-shw-info .price ins {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    font-weight: 700;
    font-size: 3rem;
}
.rn-shw-info .price del {
    font-weight: 300;
    font-size: 2rem;
    color: var(--color1);
}
.rn-shw-info .price ins + del {
    margin-left: 0.9375rem;
}
.rn-shw-info > span + a {
    margin-top: 1.5rem;
}

/*===== Page Title Style =====*/
.page-top-wrap .fixed-bg {
    z-index: 0;
}
.breadcrumb {
    margin-top: 24px;
    margin-bottom:0;
    padding: 16px 0 40px;
    justify-content: left !important;
}
.breadcrumb li.breadcrumb-item {
    font-size: 14px;
    position: relative;
    color: var(--color24);
    display: inline-block;
}
.breadcrumb li.breadcrumb-item h2{
    font-size: 14px;
    position: relative;
    color: var(--color24);
    display: inline-block;
    margin-bottom:0;
}
@media(max-width:991px){
.breadcrumb {
    margin-top: 0;
    padding-bottom:16px;
}
.breadcrumb li.breadcrumb-item,
.breadcrumb li.breadcrumb-item h2{
    font-size: 12px;
    margin-bottom:0;
}
}
.breadcrumb li.breadcrumb-item + li.breadcrumb-item {
    margin-left: 0.9375rem;
}
.breadcrumb li.breadcrumb-item + li.breadcrumb-item:before {
    content: "/";
    font-family: uicons-regular-rounded !important;
    padding-right: 0;
    position: absolute;
    color: inherit;
    left: -7px;
    top: 0;
    color: var(--color24);
}
.breadcrumb li.breadcrumb-item.active {
    color: var(--color2);
}
.breadcrumb li.breadcrumb-item.active h2{
    color: var(--color2);
}
.breadcrumb + .page-title {
    margin-top: 70px;
}
.page-title {
    position: relative;
    z-index: 1;
}
.page-title > span {
    font-size: 1.25rem;
    font-weight: 500;
}
.page-title > span + h2 {
    margin-top: 5px;
}

/*===== Post Detail Style =====*/
.post-detail-info > h1 {
    font-size: 3rem;
    line-height: 1.1;
    letter-spacing: -2px;
}
.post-detail-info > h1 + .post-detail-mini-author {
    margin-top: 30px;
}
.post-detail-mini-author > img + .post-detail-min-author-info {
    padding-left: 1.25rem;
    flex: 0 0 calc(100% - 3.125rem);
    max-width: calc(100% - 3.125rem);
}
.post-detail-min-author-info > h5 {
    font-size: 1.125rem;
}
.post-detail-min-author-info > h5 + span {
    margin-top: 3px;
}
.post-detail-min-author-info > span {
    font-size: 14px;
}
.post-detail-info + .post-detail-img {
    margin-top: 40px;
}
.post-detail-img + .post-detail-content {
    margin-top: 30px;
    display: inline-block;
}
.post-detail-content > p {
    margin: 1.5rem 0 0;
    font-size: 1.125rem;
    line-height: 1.7;
}
.post-detail-content > h3 {
    margin: 50px 0 0;
}
blockquote {
    background-color: var(--color29);
    border-left: 4px solid var(--header_link_hover_color, #eb5757);
    margin: 55px 0 10px;
    padding: 35px 2.5rem 1.875rem 1.5625rem;
    display: inline-block;
    width: 100%;
}
blockquote > p {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.7;
}
.post-gallery {
    margin-top: 50px;
}
.post-gallery-box {
    margin-bottom: 30px;
}
.post-gallery-box.no-shadow > a:before {
    display: none;
}
.post-detail-content + .post-detail-share {
    border-top: 2px solid var(--color12);
    padding-top: 35px;
}
.post-detail-share {
    margin-top: 60px;
}
.post-detail-share > h5 {
    font-weight: 600;
}
.post-detail-share > h5 + .share-links {
    margin-left: 35px;
}
.share-links > a {
    font-size: 0.9375rem;
    display: inline-block;
    color: #757589;
}
.share-links > a i {
    font-size: 1.25rem;
    color: #999ab8;
    margin-right: 10px;
}
.post-detail-author-info {
    margin-top: 5rem;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 40px 5rem 2.5rem 2.5rem;
}
.post-detail-author-info > img {
    flex: 0 0 6.25rem;
    max-width: 100px;
}
.post-detail-author-info > img + .post-detail-info-inner {
    flex: 0 0 calc(100% - 6.25rem);
    max-width: calc(100% - 6.25rem);
    padding-left: 30px;
}
.post-detail-info-inner > h5 + p {
    margin-top: 12px;
}
.post-detail-info-inner .share-links > a i {
    margin-right: 0;
    color: inherit;
    font-size: inherit;
}
.share-links > a + a {
    margin-left: 1.25rem;
}
.post-detail-info-inner .share-links > a {
    color: var(--color2);
    font-size: 1.125rem;
}
.post-detail-info-inner > p + .share-links {
    margin-top: 1.5rem;
}
.comments-thread {
    margin-top: 55px;
}
.comments-thread > h3,
.comment-reply > h3 {
    margin-bottom: 30px;
}
.comments {
    margin-top: -1.5625rem;
}
.comment {
    align-items: flex-start;
    margin-top: 55px;
}
.comment > img {
    flex: 0 0 3.75rem;
    max-width: 60px;
}
.comment > img + .comment-detail {
    flex: 0 0 calc(100% - 3.75rem);
    max-width: calc(100% - 3.75rem);
    padding-left: 30px;
}
.comment-detail {
    position: relative;
}
.comment-detail > h5 {
    margin-bottom: 0;
}
.post-detail-date-reply {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
}
.comment-detail > p {
    margin: 0.9375rem 0 0;
}
.post-detail-date-reply > a {
    display: inline-block;
    margin-left: 13px;
}
.post-detail-date-reply > a:hover,
.post-detail-date-reply > a:focus {
    color: var(--color1);
}
.comment-reply {
    margin-top: 4rem;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 60px;
}
.field-box.v2 {
    margin-bottom: 24px;
}
@media (max-width: 768px) {
    .field-box.v2 {
        margin-bottom: 24px;
    }
}
.field-box.v2 > label {
    font-size: 18px;
    line-height: 26px;
    color: var(--color2);
    margin-bottom: 8px;
}
@media (max-width: 991px) {
    .field-box.v2 > label {
        font-size: 16px;
    }
}
.field-box.v2 input,
.field-box.v2 textarea {
    border: 1px solid var(--color25);
    background-color: var(--color17);
    padding: 12px 16px;
    color: var(--color2);
}
.field-box.v2 textarea {
    -webkit-border-radius: var(--curve8);
    border-radius: var(--curve8);
}
.field-box.v2 input {
    -webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
}
.field-box.v2 input:disabled,
.form-control[readonly] {
    color: #d9d9d9 !important;
}
.field-box.v2 textarea {
    height: 120px;
}
.comment-reply .field-btn button {
    padding-left: 60px;
    padding-right: 60px;
}
.quote > blockquote {
    position: relative;
    border: 0;
    padding: 4rem 3.75rem 4rem 10rem;
    margin-top: 0;
}
.quote > blockquote p {
    color: var(--color1);
    font-size: 2rem;

    font-weight: 600;
    line-height: 1.2;
}
.quote > blockquote svg {
    position: absolute;
    max-height: 4rem;
    left: 60px;
    top: 40px;
}
.post-detail-img.video {
    padding-top: 56.26%;
}
.post-detail-img.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.gallery-wrap {
    margin-top: -1.875rem;
}
.gallery-wrap .gallery-item {
    margin-top: 30px;
}

/*===== Sidebar Style =====*/
aside .widget {
    margin-bottom: 45px;
}
aside h2{
	font-size:32px;
	font-weight:500;
}
.widget > h4 {
    margin-bottom: 1.625rem;
}
.widget form input {
    height: 45px;
    width: 100%;
    background-color: var(--color29);
    font-size: 14px;
    font-family: var(--DN-Sans);
    color: var(--color1);
    padding: 5px 2.75rem;
}
.widget form button {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    padding: 10px 0.9375rem 0;
    bottom: 0;
    color: var(--color1);
}
.widget ul.sidebar-list li a {
    color: var(--color2);
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
.widget ul.sidebar-list li a:hover {
    color: var(--header_link_hover_color, #eb5757);
    font-size: 18px;
    font-weight: 400;
}
.widget ul.sidebar-list li a.active {
    color: var(--header_link_hover_color, #eb5757);
}
.widget ul.sidebar-list li + li {
    padding-top: 16px;
    margin-top: 16px;
}
@media (max-width: 991px) {
    .sidebar .theme-btn {
        width: 100%;
    }
}
.share-links2 {
    padding: 13px 1.25rem;
}
.share-links2 > span {
    color: var(--white);
    display: inline-block;

    font-size: 1.125rem;
}
.share-links2 > span + a {
    margin-left: 1.25rem;
}
.share-links2 > a {
    display: inline-block;
    color: var(--white);
    font-size: 14px;
}
.share-links2 > a + a {
    margin-left: 1.25rem;
}
.mini-post-img {
    flex: 0 0 5rem;
    max-width: 5rem;
}
.mini-post-img + .mini-post-info {
    margin-top: 0;
    flex: 0 0 calc(100% - 5rem);
    max-width: calc(100% - 5rem);
    padding-left: 1.25rem;
}
.mini-post-info > h6 + span {
    margin-top: 12px;
}
.mini-post-info > span {
    font-size: 12px;
    color: var(--color2);
}

/*===== Product Details Style =====*/
.product-detail h5.brand_title {
    font-size: 16px;
    font-weight: 400;
    line-height:1.4;
}
.product-detail h5.brand_title a:hover{
    color: var(--header_link_hover_color, #eb5757);
}
.product-detail h2.brand_title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom:4px;
    height:auto;
}
@media (max-width: 768px) {
.product-detail h2.brand_title {
    font-size: 16px;
    margin-bottom:0;
}
}
.product-detail h2.brand_title a:hover{
    color: var(--header_link_hover_color, #eb5757);
}
.product-detail h1 {
    font-size: 24px;
    font-weight: 500;
    margin-top:4px;
    clear:both;
}
.product-detail h3 {
    font-size: 24px;
    font-weight: 500;
    line-height:34.75px;
}
@media (max-width: 768px) {
    .product-detail h1 {
        font-size: 18px;
        font-weight: 500;
    }
    .product-detail h3 {
        font-size: 18px;
        font-weight: 500;
    }
}
.product-detail-imgs {
    padding-left: 100px;
}
.product-detail-imgs > span {
    right: -2.8125rem;
    top: 50px;
    z-index: 1;
    color: var(--white);
    border: 2px solid var(--white);
    font-size: 1rem;

    font-weight: 500;
    padding: 10px 1.1rem;
}
.product-detail-img-nav {
    max-width: 5rem;
    position: absolute;
    left: 0;
    top: 0;
}
.product-detail-img-nav li {
    display: block !important;
    margin-bottom: 12px;
}
.product-detail-mini-img {
    position: relative;
    cursor: pointer;
    border-radius: var(--curve8);
}
.product-detail-mini-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.slick-current .product-detail-mini-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000000;
    z-index: 1;
    opacity: 0.3;
}
.product-detail-big-imgs li,
.product-detail-big-imgs2 li {
    display: block !important;
}
.product-detail-big-img {
    position: relative;
    border-radius: var(--curve16);
}
.product-detail-big-img img {
    max-height: 400px;
    object-fit: contain;
}
.product-detail-big-img > a {
    display: block;
}
.product-detail-big-img i {
    background-color: var(--white);
    color: var(--color3);
    position: absolute;
    right: 45px;
    bottom: 45px;
    height: 3rem;
    width: 3rem;
    text-align: center;
    line-height: 3.5rem;
    font-size: 1.25rem;
}
.product-detail-info {
    padding-left: 5px;
}
span.rate {
    font-size: 0.9375rem;
}
span.rate > i + i {
    margin-left: 4px;
}
.on {
    color: var(--color13);
}
.off {
    color: var(--color3);
}
span.rate + a {
    margin-left: 0.9375rem;
}
.review-link {
    display: inline-block;
    font-size: 1rem;
    color: var(--color2);
}
.product-rate-review + h2 {
    margin-top: 0.9375rem;
}
.product-detail-info > h2 {
    letter-spacing: -2px;
}
.product-detail-info .price {
    font-size: 1.5rem;
    font-family: 'Asap', 'Noto Sans TC', sans-serif;
    font-weight: 500;
    color: var(--color1);
}
.product-detail-info > h2 + span {
    margin-top: 1.25rem;
}
.product-detail-info > span + ul {
    padding-top: 1.5rem;
    margin-top: 0.9375rem;
    border-top: 1px solid var(--color12);
}
.product-stock-info > li {
    position: relative;
    font-weight: 500;
    color: var(--color1);
    padding-left: 1.5rem;
}
.product-stock-info > li:before {
    content: "\f160";
    font-family: uicons-regular-rounded !important;
    color: #3eb75e;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
}
.product-detail-info > p + .products-color {
    margin-top: 1.5625rem;
}
.products-spec > span,
.products-color > span,
.products-size > span {
    font-size: 1.25rem;
    color: var(--color1);
    font-weight: 500;
    margin-right: 50px;
}
.products-color + .products-size,
.products-spec + .products-spec {
    margin-top: 30px;
}
.products-spec > a,
.products-size > a {
    font-size: 18px;
    font-weight: 500;
    color: var(--color2);
    border: 1px solid var(--color23);
    -webkit-border-radius: 50rem;
    border-radius: var(--curve4);
    padding: 5px !important;
    margin: 4px 8px 4px 0;
    min-height: 35px;
    min-width: 43px;
    text-align: center;
}
@media (max-width: 991px) {
    .products-size > a {
        font-size: 18px !important;
        min-width: 36px;
        min-height: 36px;
        line-height: 1.5;
    }
}
@media (max-width: 991px) {
    .products-spec > a {
        font-size: 1rem !important;
        line-height: 1.5;
    }
}
.products-size > a:hover,
.products-size > a.active,
.products-spec > a.active,
.products-spec > a:hover {
    background: var(--color1);
    border-color: var(--color1);
    color: var(--white)!important;
}
.products-size > a.disabled,
.products-spec > a.disabled {
    background-color: transparent;
    border-color: var(--color22);
    color: var(--color22) !important;
}
.products-color > a.disabled {
    opacity: 0.2;
}
.products-size + .product-bottom,
.products-spec + .product-bottom,
.product-bottom + .social-links {
    margin-top: 30px;
}
.product-stock-info + p {
    margin-top: 1.5rem;
}
.product-quanty .input-group > span button {
    padding: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    color: var(--color1);
    height: 40px;
    width: 40px;
    font-size: 1.5rem;
    border: 1px solid var(--color23);
    background: var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
}
.product-detail .product-quanty {
    width: 250px !important;
}
.cart_list .product-quanty {
    width: 250px !important;
}
@media (max-width: 767px) {
    .product-detail .product-quanty {
        width: fit-content !important;
    }
    .cart_list .product-quanty {
        width: fit-content !important;
    }
    .product-quanty .input-group > span button {
        height: 36px;
        width: 36px;
        font-size: 20px;
        line-height: 1;
        font-weight: 500;
    }
}
.product-quanty .input-group > input {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 50px;
    color: var(--color1);
    font-weight: 500;
    border: 0;
    background-color: transparent;
    height: 2.3rem;
    text-align: center;
    font-size: 24px;
}
@media (max-width: 991px) {
    .product-quanty .input-group > input {
        font-size: 20px;
        font-weight: 500;
    }
}
.product-quanty .input-group > span button:hover,
.product-quanty .input-group > span button:focus {
    border: 1px solid var(--color23);
    background-color: var(--color22);
}
.product-quanty + button {
    margin-left: 30px;
}
.product-bottom > button {
    margin-bottom: 0;
    min-width: 18.125rem;
}
.product-bottom > button + a {
    margin-left: 1.25rem;
}
.heart-btn {
    display: inline-block;
    border: 1px solid var(--color12);
    height: 60px;
    width: 60px;
    text-align: center;
    color: var(--color4);
    font-size: 1.25rem;
    line-height: 4rem;
}
.heart-btn:hover,
.heart-btn:focus {
    background-color: var(--color4);
    border-color: var(--color4);
    color: var(--white);
}

/*=== Product Detail Tabs Info ===*/
.product-tabs ul.nav-tabs {
    border: 0;
    margin-bottom: 50px;
}
.product-tabs ul.nav-tabs > li.nav-item {
    line-height: initial;
}
.product-tabs ul.nav-tabs > li.nav-item + li.nav-item {
    margin-left: 50px;
}
.product-tabs ul.nav-tabs > li.nav-item button.nav-link {
    background-color: transparent;
    border: 0;
    color: inherit;
    font-size: 2rem;
    color: var(--color3);
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.product-tabs ul.nav-tabs > li.nav-item button.nav-link.active {
    font-weight: 700;
    color: var(--color1);
}
.product-detail-tab-content h4 {
    font-weight: 500;
    font-size: 1.5rem;
}
.product-detail-tab-content h4 + p {
    margin-top: 1.375rem;
}
.product-tabs ul.nav-tabs > li.nav-item button.nav-link:hover {
    color: var(--color1);
}
.product-detail-list {
    margin: 40px -1.875rem 0;
}
.product-detail-list > li {
    padding: 0 1.875rem;
}
.product-desc-info-box {
    margin-top: 40px;
}
.product-desc-info-box > span {
    display: inline-block;
    height: 60px;
    width: 60px;
    line-height: 4.1rem;
    background-color: var(--color29);
    color: var(--color1);
    text-align: center;
    font-size: 1.5rem;
}
.product-desc-info-box > span + h4 {
    margin-top: 1.5rem;
}
.bg-color5 .product-desc-info-box > span {
    background-color: var(--white);
}
.product-detail-info-table {
    background-color: var(--color29);
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    padding: 50px;
}
.bg-color5 .product-detail-info-table {
    background-color: var(--white);
}
.product-detail-info-table table {
    width: 100%;
}
.product-detail-info-table table tr:nth-child(2n + 1) {
    background-color: var(--color29);
}
.product-detail-info-table table tr th,
.product-detail-info-table table tr td {
    padding: 1.125rem 1.875rem;
}
.product-detail-info-table table tr th {
    font-weight: 500;
    color: var(--color1);
}
.product-detail-tab-content .comment > img {
    border: 1px solid var(--header_link_hover_color, #eb5757);
    padding: 5px;
}
.comment-detail span.rate {
    position: absolute;
    right: 0;
    top: 0;
}
.product-detail-tab-content form > label {
    margin: 2rem 0 2.75rem;
    display: block;
    font-weight: 500;
    color: var(--color1);
    font-size: 1.25rem;
}
.product-detail-tab-content .field-box.v2 input,
.product-detail-tab-content .field-box.v2 textarea {
    border-color: var(--color3);
}
.product-detail-tab-content form > label span.rate {
    margin-left: 30px;
}
.product-detail-big-imgs > button.slick-arrow {
    display: none !important;
}
.v2 .product-detail-big-imgs > button.slick-arrow,
.v3 .product-detail-big-imgs > button.slick-arrow,
.v4 .product-detail-big-imgs > button.slick-arrow {
    display: block !important;
}
.product-detail.v2 .product-detail-imgs {
    padding: 0 6.25rem 0 0;
    margin-left: 40px;
}
.product-detail.v2 .product-detail-img-nav {
    left: auto;
    right: 0;
}
.product-detail.v3 .product-detail-imgs {
    padding-left: 0;
    max-width: 100%;
}
.product-detail.v3 .product-detail-img-nav {
    left: 50px;
    z-index: 99;
    top: 70px;
}
.product-detail-info-wrap {
    padding-left: 45px;
}
.product-detail-info-wrap .product-detail-info {
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: 0;
}
.v3 .product-detail-big-imgs > button.slick-next {
    right: 70px;
}
.v3 .product-detail-big-imgs > button.slick-prev {
    left: 18%;
}

/*===== Product Detail Style 4 =====*/
.product-detail-inner .product-detail-imgs {
    max-width: calc(100% - 1.6875rem);
    padding-left: 0;
}
.product-detail.v4 .product-detail-info {
    padding-left: 0;
}
.product-detail-img-nav2 {
    margin: 0 -5px;
}
.product-detail-img-nav2 > li {
    margin-top: 10px;
    padding: 0 5px;
    flex: 0 0 20%;
    max-width: 20%;
}
.product-detail-img-nav2 .product-detail-mini-img:before {
    display: none;
}
.product-detail-inner .product-detail-info > h2 {
    font-size: 2rem;
}
.product-detail-inner .product-detail-info .price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    line-height: 1.2;
    font-size: 1.125rem;
}
.product-detail-inner .product-detail-info > p {
    font-size: 12px;
    line-height: 1.6;
}
.product-detail-inner .product-stock-info > li {
    font-size: 14px;
}
.product-detail-inner .product-stock-info > li:before {
    font-size: 12px;
}
.product-detail-inner .products-color > span,
.product-detail-inner .products-size > span {
    font-size: 1.125rem;
    margin-right: 30px;
}
.product-detail-inner .products-size > a {
    font-size: 14px;
}
.social-links + .toggle {
    margin-top: 60px;
}
.toggle.v3 {
    background: var(--white);
    border-radius: var(--curve16);
}
.toggle.v3 .toggle-item {
    border-bottom: 1px solid var(--color23);
    background-color: transparent;
    background-image: none;
    padding: 25px 0;
}
.toggle.v3 .toggle-item > h4 {
    padding: 0;
    font-size: 18px !important;
    color: var(--color3);
}
@media (max-width: 991px) {
    .toggle.v3 .toggle-item > h4 {
        font-size: 16px !important;
        line-height: 24px;
        padding-right: 30px;
    }
}
.toggle.v3 .toggle-content {
    padding: 0 30px;
}
.toggle.v3 .toggle-item > h4 i {
    height: initial;
    line-height: initial;
    width: initial;
}
.toggle.v3 .toggle-item.active > h4 {
    color: var(--header_link_hover_color, #eb5757);
    border-bottom: 1px solid var(--header_link_hover_color, #eb5757);
    padding-bottom: 28px;
}
.toggle.v3 .toggle-item.active > h4 i:before {
    content: "\f113";
}
@media (max-width: 767px) {
    .toggle.v3 .toggle-item + .toggle-item {
        margin-top: 0 !important;
    }
}
.toggle.v3 .toggle-item.active > h4 + .toggle-content {
    margin-top: 1.25rem;
}
.toggle-content table tr:nth-child(2n + 1) {
    background-color: var(--color29);
}
.toggle-content table tr th {
    color: var(--color1);
}
.toggle-content table tr th,
.toggle-content table tr td {
    font-size: 13px;
    padding: 10px;
}
.toggle-content .comment > img {
    padding: 5px;
    border: 1px solid var(--header_link_hover_color, #eb5757);
}
.toggle-content .comment > img + .comment-detail {
    padding-left: 1.25rem;
}
.comments + form {
    margin-top: 40px;
}
.toggle-content form > label {
    margin-bottom: 30px;
}
.toggle-content .field-box.v2 > label {
    background-color: var(--white);
}

/*===== Product Detail Sidebar Style =====*/
.product-detail-inner:before {
    content: "";
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    background-color: var(--color12);
    right: 0;
}
.product-detail-inner {
    padding-right: 30px;
    padding-bottom: 6rem;
}
.shipment-info-box-wrap > h5,
.mini-products-widget-wrap > h5 {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 500;
}
.shipment-info-box {
    margin-top: 1.25rem;
}
.shipment-info-box > span {
    background-color: var(--color29);
    height: 35px;
    width: 35px;
    text-align: center;
    color: var(--color1);
    line-height: 40px;
}
.shipment-info-box > span + .shipment-info-inner {
    flex: 0 0 calc(100% - 2.1875rem);
    max-width: calc(100% - 2.1875rem);
    padding-left: 0.9375rem;
}
.shipment-info-inner > p {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 300;
}
.shipment-info-box-wrap > h5 + p {
    margin-top: 10px;
}
.shipment-info-box-wrap > p {
    color: var(--color1);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}
.shipment-info-box-wrap + .shipment-info-box-wrap {
    padding-top: 30px;
    border-top: 1px solid var(--color12);
    margin-top: 30px;
}
.shipment-info-wrap + .mini-products-widget-wrap {
    margin-top: 60px;
}
.mini-products-widget-wrap > h5 + .mini-products-wrap {
    margin-top: 5px;
}
.mini-product-box {
    margin-top: 1.25rem;
}
.mini-product-img {
    flex: 0 0 6rem;
    max-width: 6rem;
}
.mini-product-img + .mini-product-info {
    flex: 0 0 calc(100% - 6rem);
    max-width: calc(100% - 6rem);
    padding-left: 1.25rem;
}
.mini-product-info > h5 {
    font-size: 1.125rem;
}
.mini-product-info > h5 + span {
    margin-top: 9px;
}
.mini-product-info > .price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    font-size: 14px;
}
.mini-product-info > .price del {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--color2);
}
.mini-product-info > .price del + ins {
    margin-left: 7px;
}
.mini-product-info > .price ins {
    color: var(--color3);
}
.mini-product-info > .price + .products-color {
    margin-top: 10px;
}

/*===== Product Detail Style 5 =====*/
.product-detail.v5 .product-detail-imgs {
    padding-left: 0;
    max-width: 100%;
}
.product-detail-img {
    margin-bottom: 1.25rem;
}
.product-detail.v5 .product-detail-info {
    padding-left: 1.25rem;
}
.product-detail.v5 .product-detail-info > h2 {
    font-size: 30px;
}
.product-detail.v5 .product-detail-info > span {
    font-size: 1.125rem;
}

/*===== Cart Page Style =====*/
.sec-title2 {
    margin-bottom: 16px;
}
.sec-title2 .checkmark{
	top:0;
}
.sec-title2 > h3 {
    font-weight: 500;
}
.sec-title2 > a {
    font-size: 14px;
    font-weight: 500;
}
.sec-title2 > a:hover,
.sec-title2 > a:focus {
    color: var(--color1);
}
.cart-wrap > form table thead tr {
    background-color: var(--color29);
    -webkit-border-radius: var(--curve10);
    border-radius: var(--curve10);
}
.cart-wrap > form table thead tr th {
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--color1);
    padding: 1rem 1.25rem;
}
.cart-wrap > form table thead tr th:first-child,
.cart-wrap > form table tbody tr td:first-child {
    padding-left: 90px;
}
.cart-wrap > form table tbody tr {
    border-bottom: 2px solid var(--color5);
}
.cart-wrap > form table tbody tr td {
    position: relative;
    padding: 30px;
    font-size: 1.5rem;
}
a.remove-product {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1rem;
    color: var(--color1);
    background-color: var(--color29);
    height: 2rem;
    width: 2rem;
    text-align: center;
    line-height: 2.35rem;
    font-weight: 700;
    font-size: 1rem;
}
a.remove-product:hover,
a.remove-product:focus {
    background-color: var(--header_link_hover_color, #eb5757);
    color: var(--white);
}
.cart-product-img {
    border: 1px solid var(--color23);
    border-radius: var(--curve8);
    width: fit-content;
}
.cart-product-img img {
    -webkit-border-radius: var(--curve8);
    border-radius: var(--curve7);
    width: fit-content;
}
.cart-product-img + h5 {
    padding-left: 30px;
}
.cart-product-box > h5 {
    font-size: 1.5rem;
    font-weight: 500;
}
.cart-wrap > form table tbody tr td .price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
}
.cart-wrap > form table tbody tr td .price.text-color1 {
    color: var(--color1);
    font-size: 1.25rem;
}
.cart-wrap > form table tbody tr td input {
    max-width: 50px;
}
.coupon-wrap {
    margin-top: 40px;
}
.coupon-box {
    flex: 0 0 35%;
    max-width: 35%;
}
.coupon-box > input {
    border-bottom: 1px solid var(--color3);
    font-size: 1rem;
    height: 60px;
    max-width: 240px;
    width: 100%;
}
.coupon-box > input + button {
    margin-left: 1.25rem;
}
.coupon-wrap button {
    margin-bottom: 0;
}
.cart-totals {
    margin-top: 5rem;
}
.cart-total {
    background-color: var(--color29);
    padding: 28px 24px;
    flex: 0 0 32.5rem;
    max-width: 32.5rem;
}
.cart-total h6 {
    font-size: 16px;
}
.cart-total > h4 {
    font-size: 24px;
    border-bottom: 1px solid #65697342;
    font-weight: 700;
    padding-bottom: 1.25rem;
}
.cart-total input {
    width: 100%;
    background-color: transparent;
    border-radius: var(--curve4);
    border: 1px solid var(--color25);
    padding: 8px 8px;
}
.cart-total button {
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
}
.cart-total .theme-btn.mid-btn {
    font-size: 14px !important;
}
.cart-wrap > form .cart-total table {
    width: 100%;
}
.cart-wrap > form .cart-total table tr {
    border-bottom: 1px solid #65697342;
}
.cart-wrap > form .cart-total table tr td {
    padding: 1.125rem 0 !important;
    font-size: 16px;
    color: var(--color1);

    font-weight: 400;
}
.cart-wrap > form .cart-total table tr td .price {
    font-size: inherit;
    color: inherit;
}
.cart-wrap > form .cart-total table tr td strong.price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
}
.radio-box {
    width: 100%;
    display: block;
}
.cart-wrap > form .cart-total table tr td .radio-box label {
    margin-bottom: 0;
    font-size: 1rem;

    font-weight: 500;
}
.cart-wrap > form .cart-total table tr td .radio-box label {
    padding-left: 10px;
}

.input-wrap > input:focus {
    border-color: var(--color40);
}
@media (max-width: 767px) {
    .p-cart .product-detail-img-nav {
        display: none;
    }
}
@media (min-width: 768px) {
    .cart_subtotal {
        float: right;
    }
}

.cart-gift-title {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 35px;
	color: var(--color2);
}
.cart-gift-count{
		color: var(--color3);
}
.cart-gift-count .text-color2 {
    font-family: 'Asap', 'Noto Sans TC', sans-serif;
    letter-spacing: 1px;
}
/*===== Checkout Style =====*/
.not-bar {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 1.125rem 1.875rem;
}
.not-bar > i {
    margin-right: 10px;
}
.not-bar > a {
    display: inline-block;
    color: var(--color1);
    font-weight: 500;
}
.not-bar > a i {
    font-weight: 700;
    color: var(--color3);
}
.not-bar > a:hover,
.not-bar > a:focus {
    color: var(--header_link_hover_color, #eb5757);
}
.not-bar + .not-bar {
    margin-top: 0.9375rem;
}
.not-bar + .checkout-form {
    margin-top: 40px;
}
.checkout-form h3,
.checkout-form h4 {
    font-weight: 500;
    margin-bottom: 2rem;
}
.checkout-form h4 {
    font-weight: 500;
    margin-top: 40px;
}
.checkout-form .field-box.v2 {
    margin-bottom: 24px;
}
.checkout-form .field-box.v2 > label {
    background-color: var(--white);
    font-weight: 500;
}
.checkout-form .radio-box.v2 {
    margin-top: -0.9375rem;
}
.checkout-form .radio-box.v2 label {
    color: var(--color2);
    font-weight: 500;
    margin-left: 5px;
}
.cart-total.v2 {
    flex: 0 0 100%;
    max-width: 100%;
}
.cart-total.v2 > h4 {
    border-bottom: 0;
}
.cart-total.v2 > input {
    border: 1px solid var();
    border-radius: 8px;
}
.cart-total.v2 table {
    position: relative;
    z-index: 1;
    width: 100%;
}
.cart-total.v2 table:before {
    content: "";
    position: absolute;
    left: -1.5625rem;
    right: -1.5625rem;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.cart-total.v2 table tr th {
    color: var(--color1);
    font-weight: 500;
    font-size: 16px !important;
}
.cart-total.v2 table tr th,
.cart-total.v2 table tr td {
    padding: 10px 0 !important;
}
.cart-total.v2 table tr td {
    font-weight: 500;
    font-size: 18px !important;
}
@media (max-width: 991px) {
    .cart-total.v2 table tr td {
        font-weight: 400;
        font-size: 16px !important;
    }
}
.cart-total.v2 table tr td span:not(.price) {
    color: var(--color2);
}
.cart-total.v2 table tr td span.price {
    color: inherit;
    font-weight: 500;
}
.cart-total.v2 table tr th:last-child,
.cart-total.v2 table tr td:last-child {
    text-align: right;
}
.cart-total.v2 table tr:first-child th {
    padding-top: 1.25rem;
}
/* .cart-total.v2 table tr + tr {
    border-top: 1px solid var(--color12);
} */
.cart-total.v2 table tr td span.radio-box label {
    color: var(--color1);
    margin-right: 10px;
}
.cart-total.v2 table tr:last-child td {
    padding-bottom: 1.5rem;
}
.cart-total.v2 table tr td strong.price {
	font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--color1);
    font-size: 1.25rem;
    font-weight: 600;
}
.cart-total.v2 table + .payment-options {
    margin-top: 0.9375rem;
}
.payment-options .radio-box2 {
    padding-left: 30px;
    border-bottom: 1px solid var(--color12);
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.payment-options .radio-box2 input {
    position: absolute;
    left: 0;
    top: 1.65rem;
}
.payment-options .radio-box2 label strong {
    font-size: 1.25rem;
    color: var(--color1);
    font-weight: 500;
}
.payment-options .radio-box2 label span {
    display: block;
}
.payment-options .radio-box2 label strong + span {
    margin-top: 12px;
}
.checkout_custom_agreement_div.ag-hide {
    display: none;
}
.ag-event {
    border: 1px solid #ccc;
    font-size: 1rem;
    margin-top: 1em;
    padding: 20px;
    text-align: left;
    border-radius: 4px;
}
.ag-event .content {
    width: 100% !important;
}
#agreement_all {
    margin-top: 10px;
    max-height: 500px;
    overflow-y: auto;
    /*color:rgb(94, 94, 94) ;*/
    -webkit-overflow-scrolling: auto;
    touch-action: pan-y;
    /*
	overflow: auto;
	width: 100%;
	border: 1px solid black;
	
	border-radius: 10px;
	font-family: monospace;
	*/
}
.ag-confirm {
    display: flex;
}
.ag-checkbox-confirm {
    position: absolute;
    right: 3em;
}
@media (max-width: 576px) {
    #add_addr .field-box input,
    #add_addr .field-box select,
    #add_addr .field-box textarea {
        padding: 0.5rem 1rem !important;
    }
    #add_addr .modal-body {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        max-height: 50vh;
        overflow: scroll;
    }
    #add_addr .modal-body .field-box.v2 > label {
        font-weight: 500;
        margin-bottom: 8px;
    }
}

.checkout-wrap .checkmark {
  top: 3px;
}
.invoice-address-item{
	height: 50px;
	display: flex;
	align-items: center;
}

/*===== Contact Style =====*/
.contact-info {
    padding: 60px;
}
.contact-info > h3 {
    font-weight: 500;
    margin-bottom: 40px;
}
.contact-info-list {
    margin: -3.75rem -0.9375rem 0;
}
.contact-info-list > li span {
    margin-bottom: 30px;
}
.contact-info-list > li p {
    color: var(--color1);
    font-size: 1.0625rem;
    max-width: 90%;
}
.contact-info-list > li {
    padding: 0 0.9375rem;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 60px;
}
.contact-info-list > li p a:hover,
.contact-info-list > li p a:focus {
    color: var(--header_link_hover_color, #eb5757);
}
.contact-info-list > li p + p {
    margin-top: 8px;
}
.map-box > iframe {
    min-height: 40.3125rem;
}
.contact-form {
    padding: 60px;
}
.contact-form > p + form {
    margin-top: 30px;
}
.contact-form.v2 {
    padding-right: 100px;
}
.contact-form.v2 .field-box.v2 > label {
    background-color: var(--white);
}

/*===== About Style =====*/
.about-wrap > h2 + .about-img {
    margin-top: 55px;
}
.about-desc {
    top: 0;
    right: 0;
    max-width: 34.375rem;
    padding: 0 0 3.125rem 3.125rem;
}
.about-desc > h3 {
    font-weight: 500;
    margin-bottom: 0;
}
.about-desc > h3 + p {
    margin-top: 1.5625rem;
}
.about-desc > p + p {
    margin-top: 30px;
}

/*===== Our Mission Style =====*/
.our-mission-wrap img {
    max-width: calc(100% - 5rem);
}
.our-mission-desc {
    min-width: calc(100% + 1.875rem);
    margin-left: -1.875rem;
}
.our-mission-desc > h2 + p {
    margin-top: 1.5rem;
}
.our-mission-desc > p {
    max-width: 92%;
}
.our-mission-desc > p + p {
    margin-top: 30px;
}
.our-mission-desc > p + strong {
    margin-top: 65px;
}
.our-mission-desc > strong {
    color: var(--color1);
    font-size: 1.5rem;
    line-height: 1.65;
    max-width: 90%;
    display: block;
}
.our-mission-desc > strong + .post-detail-mini-author {
    margin-top: 1.5625rem;
}

/*===== Team & Team Detail Style =====*/
.team-wrap {
    margin-bottom: -1.875rem;
}
.team-wrap .team-box {
    margin-bottom: 30px;
}
.team-img + .team-info {
    margin-top: 1.5rem;
}
.team-info > h4 {
    font-size: 1.5rem;
}
.team-info > h4 + span {
    margin-top: 5px;
}
.team-info > span {
    font-size: 14px;
    color: var(--color2);
}
.team-info > span + p {
    margin-top: 1rem;
}
.team-info > p + a {
    margin-top: 1.25rem;
}
.team-info > a {
    text-decoration: underline;
    color: var(--color1);
    font-size: 1rem;
    font-weight: 500;
}
.popup-wrap {
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}
.popup-block {
    padding: 64px 64px 20px;
    max-width: 64.375rem;
    border-radius: var(--curve16);
    position: relative;
}
@media (max-width: 767px) {
    .popup-block {
        padding: 24px 24px 0;
    }
}
.popup-block .popup-close {
    right: 24px;
    top: 24px;
    color: var(--black);
}
.popup-inner {
    flex: 0 0 64.375rem;
    max-width: 64.375rem;
    padding: 64px;
    border-radius: var(--curve16);
    margin: auto;
}
@media (max-width: 767px) {
    .popup-inner {
        padding: 10px;
    }
}
.popup-inner .popup-close {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    font-weight: 700;
    color: var(--color1);
}
.popup-inner .popup-close:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.popup-inner .popup-close i {
    font-weight: 700;
}
h2.pop-title {
    font-size: 32px !important;
    text-align: center;
    font-weight: 700;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    h2.pop-title {
        font-size: 24px !important;
    }
}
.pop-content {
    position: relative;
    width: 100%;
/*     overflow-y: auto; */
}
.pop-body {
    position: relative;
    padding: 1rem;
}
.pop-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e9ecef;
    background-color: var(--white);
    border-bottom-left-radius: var(--curve16);
    border-bottom-right-radius: var(--curve16);
    width: 100%;
    padding-top: 17px;
    text-align: center;
    max-width: 64.375rem;
    padding: 24px 64px;
}
.pop-footer .row {
    width: 100%;
    padding-left: 23px;
}
@media (max-width: 767px) {
    .pop-footer {
        width: 100%;
        padding: 24px;
    }
}
.team-detail {
    padding-left: 1.25rem;
}
.team-detail > h3 + span {
    margin-top: 6px;
}
.team-detail > span {
    font-size: 1rem;
    color: var(--color2);
}
.team-detail > span + p,
.team-detail > p + p {
    margin-top: 30px;
}
.team-detail > p + .social-links {
    margin-top: 50px;
}
.team-detail .social-links > a {
    color: var(--color2);
}
.team-detail .social-links > a:hover,
.team-detail .social-links > a:focus {
    color: var(--color1);
}
.team-detail .social-links > span {
    color: var(--color3);
    font-size: 1.125rem;
}
html.team-popup1 .popup-wrap.team-popup1,
html.team-popup2 .popup-wrap.team-popup2,
html.team-popup3 .popup-wrap.team-popup3,
html.team-popup4 .popup-wrap.team-popup4 {
    opacity: 1;
    visibility: visible;
}

/*===== Content Elements Style =====*/
.heading-style > h1,
.heading-style > h2 {
    margin-bottom: 1.25rem;
}
.heading-style > h3,
.heading-style > h4,
.heading-style > h5,
.heading-style > h6 {
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.heading-style > p {
    max-width: 95%;
    margin-bottom: 0;
}
.heading-style > p + *,
.body-style > p + * {
    margin-top: 40px;
}
.body-style > h1 {
    font-size: 2rem;
}
.body-style > h2 {
    font-size: 1.75rem;
}
.body-style > h3 {
    font-size: 1.5rem;
}
.body-style > h4 {
    font-size: 1.25rem;
}
.body-style > h5 {
    font-size: 1rem;
}
.body-style > h6 {
    font-size: 14px;
}
.body-style > p {
    font-size: 14px;
    margin-bottom: 0;
    max-width: 85%;
}
.body-style > h1,
.body-style > h2 {
    font-weight: 500;

    margin-bottom: 1.25rem;
}
.body-style > h3,
.body-style > h4,
.body-style > h5,
.body-style > h6 {
    font-weight: 400;

    margin-bottom: 1.325rem;
}

/*=== Alert Boxes Style ===*/
.alert {
    align-items: center;
    -webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
    padding: 5px 8px;
    max-width: 450px;
}
#asideBlock .alert{
	max-width: 100%;
}
@media(max-width:768px){
.alert {
    width: 90%;
}
}
.alert > i {
    font-size: 1.5625rem;
}
@media (max-width: 767px) {
    .alert > i {
        font-size: 18px;
    }
}
.alert-inner-info > h4 {
    font-size: 1.375rem;
}
.alert-inner-info > h4 + p {
    margin-top: 3px;
}
.alert-inner-info > p {
    font-size: 14px;
    font-weight:400;
    word-break: break-word;
    margin: 0;
}
.alert > button.btn-close {
    background: no-repeat;
    opacity: 1;
    padding: 0;
    font-size: 1.5rem;
    top: 10px;
    right: 10px;
}
.alert > button.close {
    background: transparent;
    color: var(--white);
}
.alert.alertstyle1 > i,
.alert.alertstyle1 .alert-inner-info > h4,
.alert.alertstyle1 .alert-inner-info > p,
.alert.alertstyle1 > button {
    color: var(--color18);
}
.alert.alertstyle2 > i,
.alert.alertstyle2 .alert-inner-info > h4,
.alert.alertstyle2 .alert-inner-info > p,
.alert.alertstyle2 > button {
    color: var(--color19);
}
.alert.alertstyle3 > i,
.alert.alertstyle3 .alert-inner-info > h4,
.alert.alertstyle3 .alert-inner-info > p,
.alert.alertstyle3 > button {
    color: var(--color20);
}
.alert.alertstyle4 > i,
.alert.alertstyle4 .alert-inner-info > h4,
.alert.alertstyle4 .alert-inner-info > p,
.alert.alertstyle4 > button {
    color: var(--color21);
}
.alert.v2 h5 {
    color: var(--white);
    text-align: justify;
    width: 95%;
    padding-right: 10px;
}
@media (max-width: 480px) {
    .alert.v2 h5 {
        font-size: 16px !important;
        line-height: 24px;
    }
}
.alert.v2 .btn-close {
    color: var(--white);
    position: absolute;
    top: 15px;
}
.alert.v2 .alert-inner-info {
    padding-right: 20px;
}
.alert.v2.alert-warning {
    position: relative;
    color: var(--white) !important;
    background-color: var(--color37);
    font-weight: 400;
    align-items: center;
    -webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
    padding: 15px;
    border: 0;
}
.alert.v2.alert-danger {
    position: relative;
    color: var(--white) !important;
    background-color: var(--color38);
    font-weight: 400;
    align-items: center;
    -webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
    padding: 15px;
    border: 0;
}
.alert > i + .alert-inner-info {
    flex: 1 0 0;
    padding-left: 4px;
}
.alertstyle2 {
    color: var(--color19);
}
.alert-inner-info {
    flex: 1 0 0;
    padding-left: 4px !important;
}
.alert > button.btn-close i {
    display: block;
}
.alert-primary {
    color: var(--white);
    background-color: #2c2738;
    border: 0;
}
.alert-secondary {
    color: var(--white);
    background-color: #999999;
    border: 0;
}
.alert-success {
    color: var(--white) !important;
    background-color: #14a38b;
    border: 0;
}
.alert-info {
    color: var(--white);
    background-color: #3a6bd4;
    border: 0;
}
.alert-warning {
    color: var(--white);
    background-color: #f2ac57;
    border: 0;
}
.alert-danger {
    color: var(--white);
    background-color: #ff7171;
    border: 0;
}
/*=== Buttons Style ===*/
.btn-groups > br + a {
    margin-top: 55px;
}

/*=== Tabs Style ===*/
.tabs-wrap2 ul.nav-tabs {
    border: 0;
    justify-content: center;
}
.tabs-wrap2 ul.nav-tabs li.nav-item {
    font-size: 18px;
    font-weight: 500;
    margin: 10px 24px;
}
.tabs-wrap2 ul.nav-tabs li.nav-item button.nav-link {
    border: 0;
    background-color: transparent;
    color: var(--color2);
    font-family: inherit;
    font-weight: inherit;
    padding: 0 !important;
    line-height: 2.5;
}
.tabs-wrap2 ul.nav-tabs li.nav-item button.nav-link.active {
    color: var(--header_link_hover_color, #eb5757);
    border-bottom: 2px solid var(--header_link_hover_color, #eb5757);
    line-height: 2.5;
}
.tabs-wrap2 .tab-content {
    background-color: var(--white);
    border-radius: var(--curve16);
    margin-top: 40px;
    padding: 0 !important;
}
.tb-cont-box {
    padding: 40px 2.5rem;
    text-align: left;
}
@media (max-width: 767px) {
    .tb-cont-box {
        padding: 20px 2.5rem;
    }
}
.tb-cont-box > p + p {
    margin-top: 30px;
}

/*=== Gallery Style ===*/
.gallery-caro .gallery-item > a {
    display: block;
    position: relative;
}
.gallery-caro .gallery-item > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color1);
    opacity: 0.2;
    z-index: 1;
}
.gallery-caro .slick-dots {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.gallery-caro .slick-dots li button {
    border-color: var(--white);
}
.gallery-caro .slick-dots li button:before {
    background-color: var(--white) !important;
}
.gallery-caro .slick-dots li button:hover:before,
.gallery-caro .slick-dots li.slick-active button:before {
    background-color: var(--header_link_hover_color, #eb5757) !important;
}
.gallery-caro .slick-dots li button:hover,
.gallery-caro .slick-dots li.slick-active button {
    border-color: var(--header_link_hover_color, #eb5757);
}

/*=== Banners Style ===*/
.banner-box {
    background-color: var(--color29);
    margin-bottom: 30px;
    padding: 50px 3.125rem 3.75rem;
}
.col-lg-4 .banner-box {
    min-height: 26.875rem;
}
.banner-box h3 + p,
.banner-box h2 + p {
    margin-top: 1.25rem;
}
.banner-box p {
    max-width: 90%;
    display: inline-block;
}
.banner-box p + a,
.banner-box br + a {
    margin-top: 30px;
}
.banner-info {
    flex: 0 0 75%;
    max-width: 75%;
}
.banner-box .simple-link {
    color: var(--color1);
}
.banner-box .simple-link:before {
    background-color: var(--color1);
}

/*===== Slider Product Style =====*/
.block_imgbg {
    padding: 18% 5% 21%;
    width: 100%;
    border-radius: 8px;
    background-image: var(--block_imgbg);
    background-size: cover;
    min-height: 600px;
}
.side_right_content table td {
    color: var(--color3);
    text-align: center;
    white-space: nowrap;
}
@media (max-width: 575px) {
    .side_right_content .slick-side {
        padding-right: 10%;
    }
}
.slick-slider {
    text-align: center;
    overflow: hidden;
}
.product-img img {
    width: 100%;
    object-fit: contain;
    margin: auto;
    aspect-ratio: 1 / 1;
    border-radius:10px;
}
/*===== Article Style =====*/
.article_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}
@media (max-width: 768px) {
    .article_title {
        font-size: 24px;
        line-height: 34px;
    }
}
.container-fulid {
    position: relative;
}
.article_content {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 20%;
    width: 100%;
    text-align: center;
    min-height: 700px;
    padding-bottom: 500px;
}
@media (max-width: 767px) {
    .article_content {
        position: absolute;
        max-height: 690px;
        height: 1000px;
        right: 0;
        top: 0;
        padding-left: 16%;
        padding: 20% 0 6% 16%;
        width: 82%;
    }
}
.featured-product-img {
    border-radius: 8px;
    overflow: hidden;
    /* object-fit: cover; */
}
.featured-product-img img {
    object-fit: cover;
    width: 434px;
    height: 425px;
}
@media (max-width: 490px) {
    .featured-product-img img {
        width: calc(100vw - 2.5rem);
        height: calc(100vw - 2.5rem);
    }
}
.article_content .pagi-style2 .slick-dots {
    display: none !important;
}
.article_content .pagi-style2 .slick-arrow {
    display: none !important;
}
.more_btn {
    font-size: 16px;
    float: right;
    text-align: right;
    cursor: pointer;
    color: var(--color1);
    word-break: keep-all;
}
.more_btn :hover {
    color: var(--header_link_hover_color, #eb5757);
}
.more_btn img {
    width: 20px;
    height: 14px;
    float: right;
    margin-left: 6px;
    margin-top: 5px;
}
@media (max-width: 768px) {
    .more_btn {
        font-size: 14px;
        margin-top: 17px;
    }
}
.more_btn_right {
    font-size: 16px;
    position: absolute;
    right: 0;
    cursor: pointer;
    color: var(--color1);
    word-break: keep-all;
}
.more_btn_right :hover {
    color: var(--header_link_hover_color, #eb5757);
}
@media (max-width: 768px) {
    .more_btn_right {
        position: absolute;
        right: 0;
        top: -40px;
    }
}
.more_btn2 {
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    color: var(--color1);
    word-break: keep-all;
}
.more_btn2 :hover{
    color: var(--header_link_hover_color, #eb5757)!important;
}
.more_btn3 {
    font-size: 16px;
    cursor: pointer;
    color: var(--color1);
    word-break: keep-all;
    display: block;
}
.more_btn3 a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.more_btn4 {
    font-size: 16px;
    font-weight:500;
    text-align: right;
    margin-top: -20px;
    cursor: pointer;
    color: var(--color1);
    word-break: keep-all;
}
.more_btn4 a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.more_btn4 img {
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 6px;
}
@media (max-width: 768px) {
    .more_btn4 {
        font-size: 14px;
        margin-bottom:16px;
        margin-top:-17px;
    }
    .more_btn4 img {
        width: 15px;
        height: 15px;
        /* float: right; */
        margin-left: 6px;
        margin-top: 2px;
    }
}
.article_more {
    font-size: 16px;
    font-weight: 500;
    color: var(--color1);
}
.article_more:hover {
    color: var(--header_link_hover_color, #eb5757);
}
@media (max-width: 768px) {
    .article_more {
        font-size: 14px;
        font-weight: 500;
    }
}
/*===== progress-bar Style =====*/
.progressbar {
    counter-reset: step;
}
.progressbar_w {
    width: 40%;
}
@media (max-width: 1199px) {
    .progressbar_w {
        width: 60%;
    }
}
@media (max-width: 767px) {
    .progressbar_w {
        width: 80%;
    }
}
@media (max-width: 575px) {
    .progressbar_w {
        width: 100%;
    }
}
ul.progressbar {
    margin-left: -2rem;
}
@media (max-width: 991px) {
    ul.progressbar {
        margin-top: 24px;
    }
}
.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: var(--color2);
}
.list-style-type-none {
    list-style-type: none;
}
@media (max-width: 767px) {
    .progressbar_w .container {
        padding: 0 !important;
    }
    .progressbar li {
        font-size: 14px;
    }
}
.progressbar li:before {
    font-size: 24px;
    width: 48px;
    height: 48px;
    content: counter(step);
    counter-increment: step;
    line-height: 42px;
    border: 3px solid var(--white);
    box-shadow: 0 0 0 1px var(--color23);
    background-color: var(--color23);
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    color: var(--white);
}
@media (max-width: 767px) {
    .progressbar li:before {
        font-size: 20px;
        width: 42px;
        height: 42px;
        line-height: 36px;
    }
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    background-color: var(--color23);
    top: 23px;
    left: -50%;
    z-index: -1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    font-size: 16px;
}
@media (max-width: 767px) {
    .progressbar li.active {
        font-size: 14px;
    }
}
.progressbar li.active:before {
    font-size: 24px;
    color: var(--white);
    border: 3px solid var(--white);
    background: var(--header_link_hover_color, #eb5757);
    box-shadow: 0 0 0 1px var(--header_link_hover_color, #eb5757);
}
.progressbar li.active + li:after {
    background-color: var(--header_link_hover_color, #eb5757);
}

/*===== NOte Style =====*/
.form_note {
    font-size: 14px;
    color: var(--header_link_hover_color, #eb5757);
    margin-top: 4px;
}
.note {
    background-color: var(--color9);
    color: var(--color2);
    text-align: center;
    font-size: 16px;
    padding: 24px 10px;
    width: 100%;
    border-radius: 8px;
}
.note ul {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.note ul li {
    align-items: baseline;
}
@media (max-width: 767px) {
    .note ul {
        display: inline-block;
    }
    .note ul li {
        font-size: 14px;
        text-align: left;
        display: inline;
    }
    .note ul li .more_btn,
    .more_btn img {
        float: none;
        display: inline-flex;
    }
}
.f-14{
	font-size: 14px;
}
/*===== material-scrolltop =====*/
.material-scrolltop {
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border: 1px solid var(--color12);
    background-color: var(--white);
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
}
@media(max-width:767px){
.material-scrolltop {
	bottom:15px;
	right:15px;
}
}
.material-scrolltop:hover {
    border: 1px solid var(--color12);
    background-color: var(--white);
    text-decoration: none;
}
.material-scrolltop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "\f123";
    border-radius: 50%;
    font-family: uicons-regular-rounded !important;
    font-weight: 500;
    text-align: center;
    color: var(--header_btn_top_f_color, #c7bdb5);
}
.material-scrolltop:hover::before {
    color: var(--color12);
}
.material-scrolltop:active::before {
    width: 120%;
    padding-top: 120%;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.material-scrolltop.reveal {
    width: 48px;
    height: 48px;
    color: var(--header_btn_top_f_color, #c7bdb5);
    background: var(--header_btn_top_bg_color, #ffffff);
    border: 1px solid var(--header_btn_top_f_color, #c7bdb5);
}
.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: var(--color12);
}







/*===== Product Style =====*/
.p_name {
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size:16px;
}
ul.cart_list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
ul.cart_list li {
    line-height: 23px;
    font-size: 14px;
}
ul.cart_list.v2 li {
    line-height: 23px;
    font-size: 14px;
    font-weight:500;
}
ul.cart_list_large li {
    line-height: 30px;
    font-size: 24px;
}
@media (max-width: 768px) {
    .layer-bottom ul.cart_list li {
        margin-bottom: 8px;
    }
}
h5.brand_title {
    color: var(--color24);
    font-size: 18px;
    font-weight: 400;
    margin: 0px !important;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px;
    height: 25px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.brand_title{
    color: var(--color24);
    font-size: 12px;
    font-weight: 400;
    height:18px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.brand_title a:hover{
    color: var(--header_link_hover_color, #eb5757);
}
.brand_title_large {
    color: var(--color24);
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer;
}
.brand_title_large :hover {
    color: var(--header_link_hover_color, #eb5757);
}
@media (max-width: 767px) {
    .brand_title_mid {
        font-size: 16px;
    }
    .cart_subtotal {
        float: right;
        text-align: right;
        font-size: 14px;
    }
}
.cart_feature {
    text-align: right;
}
.cart_feature ul {
    list-style: none;
    text-align: right;
    color: var(--color1);
}
.cart_feature ul li {
    display: inline-block;
    font-weight: 400!important;
    line-height:0;
}
.cart_feature ul li a{
    font-family: "Noto Sans TC", Serif, "arial";
    font-size: 16px;
    font-weight: 400!important;
    display: inline;
    margin-left: 1em;
    color: var(--color1);
}
.cart_feature ul li a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.cart_feature ul li a  span{
    font-family: "Noto Sans TC", Serif, "arial";
    font-weight: 400;
}
@media(max-width:768px){
	.cart_feature ul li.w_156 {
    width:auto;
}
}
.cart_feature ul li i {
    font-size: 20px;
    margin-right: 8px;
}
@media (max-width: 767px) {
    .cart_feature ul {
        display: inline-flex;
        padding-left: 0;
    }
    .cart_feature ul li {
        font-size: 14px;
        margin-left: 0;
    }
    .cart_feature ul li i {
        font-size: 16px;
        margin-right: 4px;
        vertical-align:baseline;
    }
}
@media (max-width: 374px) {
    .cart_feature ul li a {
        margin-left: 10px;
    }
}
.order_no {
    font-size: 20px;
    font-weight: 600;
    color: var(--color2);
    letter-spacing: 1px;
}
.fancybox__container {
    z-index: 999999;
}
.cart_form {
    margin-top: 64px;
}
@media (max-width: 991px) {
    .cart_form {
        margin-top: 24px;
    }
}

/*===== Pagination Style =====*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin-top: 40px;
    position: relative;
    z-index: 99;
}

ul.pagination li {
    display: inline;
    font-size: 16px;
    color: var(--color26);
    float: left;
    padding: 0 10px;
}

ul.pagination li a {
   text-decoration: none;
}
ul.pagination li a:hover {
   color: var(--header_link_hover_color, #eb5757);
}
ul.pagination li a.active {
    color: var(--color2);
}
ul.pagination li a.active:hover {
   color: var(--header_link_hover_color, #eb5757);
}

ul.pagination li a:hover:not(.active) {
    color: var(--header_link_hover_color, #eb5757);
}

/*===== Align Style =====*/
.align_items_b {
    align-items: baseline;
}
.align_items_center {
    align-items: center;
}
.float_none {
    float: none !important;
}
.float_right {
    float: right !important;
}
.float_left {
    float: left !important;
}
.text_center {
    text-align: center !important;
}
.text_left {
    text-align: left !important;
}
.text_right {
    text-align: right;
}

.vertical_middle {
    vertical-align: middle;
}
.vertical_bottom {
    vertical-align: bottom;
}
.vertical_sub {
    vertical-align: sub;
}
/*===== Height & Width Style =====*/
.w_fit {
    width: fit-content;
}
.vh-100 {
    height: 100vh;
}
.h_20 {
    height: 20px;
}
.h_48{
    height: 48px;
}

/*===== Mobile Popup-wrap Style =====*/
.layer-bottom {
    padding: 20px;
}
.layer-bottom .popup-close {
    cursor: pointer;
    font-weight: 700;
    color: var(--color1);
}
.carousel__button svg {
    filter: none !important;
    width: 14px;
    height: 14px;
}

/*===== Border Style =====*/
.gray_border {
    height: 1px;
    background-color: var(--color23);
}
.border-0 {
    border: 0 !important;
}

/*===== Form Style =====*/
input.check {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
table {
    color: var(--color2);
}

label {
    position: relative;
}
.checkmark {
    position: absolute!important;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid var(--color4);
    border-radius: var(--curve4);
    background: var(--white);
    cursor: pointer;
}

:hover input ~ .checkmark.checkbox {
    border: 2px solid var(--color4);
}

input:checked ~ .checkmark.checkbox {
    background-color: var(--white);
}

.checkmark.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.container input:checked ~ .checkmark.checkbox:after {
    display: block;
}

.checkmark.checkbox:after {
    left: 5px;
    top: 2px;
    width: 7px;
    height: 10px;
    border: solid var(--color4);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.filter_style{
	color:var(--color1);
}
.filter_style  .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--color1);
    border-radius: var(--curve4);
    background: var(--white);
    cursor: pointer;
}

.filter_style input ~ .checkmark.checkbox {
    border: 1px solid var(--color1);
    border-radius: var(--curve4);
}

.filter_style  input:checked ~ .checkmark.checkbox {
    background-color: var(--white);
}

.filter_style  .checkmark.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.filter_style  input:checked ~ .checkmark.checkbox:after {
    display: block;
}

.filter_style  .checkmark.checkbox:after {
    left: 5px;
    top: 3px;
    width: 7px;
    height: 10px;
    border: 1px solid var(--color1);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.checkmark.radio {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid var(--color4);
    background: var(--white);
    border-radius: 50%;
    cursor: pointer;
}

.container:hover input ~ .checkmark.radio {
    border: 2px solid var(--color4);
}

input:checked ~ .checkmark.radio {
    background-color: var(--white);
}

.checkmark.radio:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark.radio:after {
    display: block;
}

.checkmark.radio:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color4);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--color4);
}
.order-info-table {
    /* color: var(--color2); */
    display: block;
    background-color: var(--color29);
    box-shadow: none;
    border-radius: var(--curve8);
    border: 1px solid var(--color23);
    padding-top: 16px;
    margin: 0;
    padding: 0 15px 24px;
}
.order-info-table h5 {
    padding-top: 24px;
    font-weight: 700!important;
    line-height:26px;
    margin-bottom:0;
}
@media (max-width: 767px) {
    .order-info-table h5 {
        padding-top: 20px;
    }
}
.order-info-table table {
    width: 100%;
}
.order-info-table tr th,
.order-info-table tr td {
    padding: 8px 0;
    vertical-align: top;
}
.order-info-table table tr td:first-child {
    color: var(--color3);
}
.p-payment-return .order-info-table tr td {
    padding: 0 0 12px;
}
.p-payment-return h4.panel-title {
  margin-bottom: 0;
}
.p-payment-return .panel-heading {
  padding-top: 12px;
  padding-bottom: 12px;
}
.p-payment-return .accordion .panel .panel-heading a.collapsed::after {
	top: 5px;
	position: relative;
}
/*===== Select2 Style =====*/
.select2-dropdown {
    z-index: 9;
}
.select2-container--default .select2-selection--single {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: var(--curve8);
    border-radius: var(--curve8);
    border: 1px solid var(--color25);
    background-color: var(--color17);
    padding: 12px 16px;
    width: 100%;
    color: var(--color3);
}
@media(max-width:768px){
.select2-container--default .select2-selection--single {
    padding: 8px 16px;
}
.field-box.v2 input {
    height:40px;
    padding:8px 16px;
}
}
.w_bg .select2-container--default .select2-selection--single {
    background-color: var(--white) !important;
    -webkit-border-radius: var(--curve8) !important;
    border-radius: var(--curve8) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block;
    -moz-padding-start: calc(0.75rem - 3px);
    background-image: var(--arrow-down) !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
    background-size: contain;
    border: none !important;
    height: 15px !important;
    width: 15px !important;
    top: 17px;
    left: 0;
}
@media(max-width:768px){
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 14px;
}
}
.select2-results__option {
    padding: 8px 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color2);
    padding: 0 20px 0 2px !important;
}
.select2-container--open {
    z-index: 9;
}
/*===== Link Style =====*/
a.text-color4 {
    color: var(--color4);
}
a.text-color4 :hover {
    color: var(--color4);
}
.basic a {
    color: var(--color1);
}
.basic a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.basic span {
    padding-left: 28px;
}

/*===== FAQ Style =====*/
.faq,
.contact > h1 {
    font-size: 40px;
    font-weight: 700;
}
@media (max-width: 991px) {
    .faq > h1,
    .contact > h1 {
        font-size: 24px !important;
    }
    .faq h3 {
        font-size: 20px !important;
        font-weight: 400;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    .faq > h1,
    .contact > h1 {
        margin-top: 10px;
    }
}
.faq_title h1 {
    margin-top: 120px;
    margin-bottom: 32px;
}
.faq_container {
    max-width: 810px;
    margin: auto;
    text-align: justify;
}
.faq_container.v2 {
    max-width: 956px;
    margin: auto;
    text-align: justify;
}
@media (max-width: 768px) {
    .faq_container {
        margin-right: auto;
        margin-left: auto;
/*         padding-left: 15px;
        padding-right: 15px; */
        width: 100%;
    }
    .faq_container h3 {
        font-size: 18px;
    }
}
.faq_container p,
.faq_container span {
    line-height: 36px !important;
    font-size: 18px !important;
}
@media (max-width: 768px) {
    .faq_container p,
    .faq_container span {
        line-height: 32px !important;
        font-size: 16px !important;
    }
}
.faq_list {
    font-size: 18px;
    margin-bottom: 56px;
}
.faq_list ul li {
    line-height: 36px;
    font-size: 18px;
    color: var(--color2);
    font-weight: 400;
}
.faq_dis {
    margin: 40px auto;
}
@media (max-width: 768px) {
    .faq_list {
        font-size: 16px;
    }
    .faq_dis {
        margin-bottom: 40px;
    }
    .faq_list ul li {
        line-height: 32px;
        font-size: 16px;
        word-break: break-word;
        text-align: initial;
    }
}
@media (max-width: 767px) {
    .faq_title h1 {
        font-size: 24px !important;
        margin-top: 64px;
        margin-bottom: 24px;
    }
}
.accordion .panel {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 0px solid transparent;
    margin: 0;
}
.questions_area {
    padding: 0;
}
.questions-arrow-area {
    position: relative;
}
.questions-arrow {
    width: fit-content;
    position: absolute;
    right: 0;
    top: 4px;
}
@media (max-width: 576px) {
    .questions-arrow {
        top: -21px;
        right: -10px;
    }
}
.toggle_arrow {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.toggle_arrow_i {
    transition: 0.4s;
}
.questions-header {
    cursor: pointer;
    padding: 25px 0;
    border-bottom: 1px solid var(--color23);
}
.questions-header h4 {
    font-size:18px;
    font-weight:400;
}
@media (max-width: 767px) {
    .questions-header {
        padding: 12px 0;
    }
    .questions-header h4 {
        font-size: 16px !important;
    }
}
.d-none01.questions_body {
    font-size: 16px;
    font-weight:400;
    padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid var(--header_link_hover_color, #eb5757);
    border-bottom: 1px solid var(--header_link_hover_color, #eb5757);
    margin-top: -1px;
}
.questions_body ul {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .d-none01.questions_body {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px !important;
    }
}
.questions-arrow-area {
    position: relative;
}
.toggle_arrow {
    color: var(--header_link_hover_color, #eb5757);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.toggle_arrow_i {
    transition: 0.4s;
}
.questions-arrow {
    width: fit-content;
    position: absolute;
    right: 0;
    top: -4px;
    font-size: 24px;
}
.filter_area {
    padding-top: 15px;
    color: var(--color2);
}
.filter_area h6 {
    padding-bottom: 16px;
    font-size:16px;
}
.filter-header {
    cursor: pointer;
}
.filter-header .row.grid-nowrap-1.group {
    margin:8px 0;
    line-height: 1.8;
}
.filter-header.active,
.filter-header.active h6,
.filter-header.active .filter-arrow-area {
    color: var(--header_link_hover_color, #eb5757);
}
.filter_body .toggle_arrow{
	color: var(--color2);
}
.filter-arrow-area {
    position: relative;
}
.filter-header a {
    margin-bottom: 12px;
}
.filter-header .toggle_arrow_i {
    font-size: 1.4rem;
    line-height: 0;
}
.filter_body {
    margin-left: 4px;
}
.filter_body a:active,
.filter_body a:hover {
    font-size: 16px !important;
    color: var(--header_link_hover_color, #eb5757);
}
.filter_body ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
}
.filter_body ul li {
    line-height: 1.8;
    margin: 8px 0;
}
.fa-angle-down:before {
    content: "\f107";
}
/* .filter_block {
    margin-top: -20px;
} */
.filter_category_li.active {
    color: var(--header_link_hover_color, #eb5757);
}
.filter_brand_li.active {
    color: var(--header_link_hover_color, #eb5757);
}
.filter_feature_li.active {
    color: var(--header_link_hover_color, #eb5757);
}
.accordion .panel-default {
    display: block;
    box-shadow: none;
    margin: 0;
}

.panel-heading {
    padding-top: 16px;
    border-radius: var(--curve8);
    border: 1px solid var(--color23);
    background-color: var(--color29);
}
.accordion .panel .panel-heading a {
    display: block;
    padding: 12px 30px;
    text-align: center;
}
.accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    padding-top: 0;
    padding: 30px 0 35px;
    background-color: var(--white);
    border-bottom-left-radius: var(--curve8);
    border-bottom-right-radius: var(--curve8);
}

.img-accordion {
    width: 81px;
    float: left;
    margin-right: 15px;
    display: block;
}

.accordion .panel .panel-heading a.collapsed:after {
    content: "";
    display: block;
    -moz-padding-start: calc(0.75rem - 3px);
    background-image: var(--arrow-down) !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
    background-size: contain;
    border: none !important;
    height: 15px !important;
    width: 15px !important;
    top: 17px;
    left: 0;
}

.accordion .panel .panel-heading a:after,
.accordion .panel .panel-heading a.collapsed:after {
    width: 36px;
    line-height: 48px;
    text-align: center;
    float: right;
    margin-left: 0;
}
@media (max-width: 919px) {
    .accordion .panel .panel-heading a:after,
    .accordion .panel .panel-heading a.collapsed:after {
        margin-right: -20px;
    }
}
.accordion .panel .panel-heading a:after {
    content: "";
    display: block;
    -moz-padding-start: calc(0.75rem - 3px);
    background-image: var(--arrow-up) !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
    background-size: contain;
    border: none !important;
    height: 15px !important;
    width: 15px !important;
    top: 17px;
    left: 0;
}

.accordion .panel .panel-heading a.collapsed:after {
    content: "";
    display: block;
    -moz-padding-start: calc(0.75rem - 3px);
    background-image: var(--arrow-down) !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
    background-size: contain;
    border: none !important;
    height: 15px !important;
    width: 15px !important;
    top: 17px;
    left: 0;
}
@media (max-width: 768px) {
    .accordion .panel .panel-heading a:after,
    .accordion .panel .panel-heading a.collapsed:after {
        margin-top: -35px;
    }
    h4.panel-title {
        font-size: 16px !important;
        font-weight: 400;
    }
    .panel-title span {
        display: block;
        margin-top: 8px;
    }
    .panel-title.v2 span {
        display: flex;
        margin-top: 8px;
        justify-content: center;
        align-items: baseline;
    }
}
.panel-body table {
    width: 100%;
}
.panel-body table tr th,
.product-detail-info-table2 table tr td {
    padding:16px;
    font-size: 18px;
    font-weight: 400;
    vertical-align: top;
}
.product-detail-info-table2 table tr th {
    font-weight: 500;
    color: var(--color2);
    font-size: 18px;
}
.product_height {
    max-height: 635px;
    overflow-y: auto;
    overflow-x: hidden;
}
.product_height .row {
    margin-bottom: 16px;
}

/*===== Swiper Tab =====*/
.swiper-wrapper.swiper-menuwrapper{
    padding-top: 20px;
    padding-bottom: 25px;
        color:var(--color2);
}
.swiper-wrapper.justify_center {
    justify-content: center;
}
@media (max-width: 576px) {
    .swiper-wrapper.justify_center {
        justify-content: left;
    }
}
.swiper1 .selected {
    color: var(--header_link_hover_color, #eb5757);
    border-bottom: 2px solid var(--header_link_hover_color, #eb5757);
}
.swiper1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    font-weight:400;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}
.swiper1.v2 .selected {
    color: var(--color1);
    background-color: var(--color23);
    border-radius: var(--curve8);
    border: 0;
    padding: 0 10px;
}
@media (max-width: 768px) {
    .swiper1 .swiper-slide {
        font-size: 16px;
        font-weight: 400;
    }
    .swiper1.v2 .swiper-slide {
        font-size: 14px;
        height: 38px;
    }
}
.swiper1.v2 .swiper-slide {
    width: auto !important;
    margin: 0 20px;
}
.swiper-slide.swiper-menuitem {
    width: auto !important;
    margin-right: 40px;
}
.swiper-slide.auto-width {
    width: auto !important;
}

.swiper-slide img {
    max-width: 100%;
}
.swiper_menu_content .swiper-slide {
    margin-right: 0;
}
.swiper_menu_content.v1 .swiper-slide img{
    max-width:100%;
    height:auto !important;
}
/*===== Modal Content =====*/
.m_height350 {
    min-height: 350px;
}
.track {
    width: 100%;
}
.track ul {
    list-style: none;
    padding-left: 0;
}
.track ul li {
    line-height: 20px;
    display: flow-root;
}
.track ul li.field-box.v2 {
    margin-bottom: 17px;
}
.track ul li.gray_border {
    margin: 8px auto;
}
.track ul li.field-box.v2 {
    width: 100%;
}

/*===== Member Content =====*/
h2 .member_name {
    width: 220px;
    margin: 5px 0 32px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 40px;
    height: 41px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.member_form {
    width: 80%;
    margin: auto;
    text-align: left;
    padding: 0;
}
@media (max-width: 991px) {
    .member_form {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .member_form {
        padding: 40px 0;
    }
}
.m_point {
    font-weight: 600;
    font-size: 32px;
    color: var(--color1);
}
.mid_t {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--color4);
    margin: 0 5px;
}
.large_t {
    font-size: 32px;
    font-weight: 600;
    line-height:40px;
    font-family: 'Asap', 'Noto Sans TC', sans-serif;
    color: var(--color4);
    margin-left: 10px;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .large_t {
        font-size: 32px;
    }
}
.small_t {
    font-size: 16px;
    color: var(--color3);
    font-weight: 400;
    margin-left: 4px;
}
.small＿dis {
    font-size: 14px !important;
    color: var(--color24) !important;
}
.ticket_info {
    margin-bottom: 32px;
}
.ticket_info .w_block_b {
    padding: 24px;
    min-height: 200px;
}
@media (max-width: 767px) {
   .ticket_info .w_block_b {
    	padding: 16px;
	}
}
.for_use .ticket_title {
    color: var(--header_link_hover_color, #eb5757);
    font-size: 14px;
    margin-bottom: 8px;
}
.for_use ul {
    list-style: none;
    padding-left: 0;
}
.for_use ul li {
    margin-bottom: 16px;
}
.for_use ul li h6 {
    font-size: 18px !important;
    margin-bottom: 0;
    line-height: 2;
}
.for_use ul li .dis {
    font-size: 16px;
    color: var(--color24);
}
@media (max-width: 767px) {
    .for_use ul li h6 {
        font-size: 16px !important;
    }
    .for_use ul li .dis {
        font-size: 14px;
    }
}
.gray_card {
    border-radius: var(--curve8);
    background-color: var(--color29);
    padding: 12px 16px;
}
.gray_card h6 {
    font-size: 16px !important;
}
/*===== Coupon Style =====*/
.card-con {
    flex: 1;
    filter: drop-shadow(0.1rem 0rem 0.1rem #cccccc);
}
.coupon_block h3 small {
    font-size: 14px !important;
    color: var(--color24);
}
.coupon_block h6 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.coupon_block h2 {
    margin-bottom: 8px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 32px;
}
.coupon {
    background-color: var(--color29);
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin: auto;
    resize: none;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(circle at 84px 9px, transparent 9px, red 9.5px), radial-gradient(closest-side circle at 50%, red 99%, transparent 100%);
    -webkit-mask-size: 100%, 3px 7px;
    -webkit-mask-repeat: repeat, repeat-y;
    -webkit-mask-position: 0 -9px, 82.5px;
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    margin-bottom: 16px;
}
.coupon2 {
    padding: 20px;
    height: 195px;
    margin: 2rem auto;
    border-radius: 0.5rem;
    background-color: var(--color29);
    align-items: center;
    border-radius: 8px;
    margin: auto;
    resize: none;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(circle at right 9px bottom 53px, transparent 9px, red 9.5px), radial-gradient(closest-side circle at 50%, red 99%, transparent 100%);
    -webkit-mask-size: 100%, 6px 3px;
    -webkit-mask-repeat: repeat, repeat-x;
    -webkit-mask-position: 9px, 50% calc(100% - 51.5px);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    margin-bottom: 16px;
}
.coupon_top {
    color: var(--header_link_hover_color, #eb5757);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.coupon_left {
    width: 84px;
    text-align: center;
    font-size: 24px;
    color: var(--header_link_hover_color, #eb5757);
    align-items: center;
    font-size: 14px;
    font-weight: 400;
}
.coupon_left span {
    font-size: 10px;
}
.coupon_right {
    padding: 12px 6px 12px 17px;
    display: flex;
    flex: 1;
    flex-direction: column;
}
.coupon_info {
    float: left;
}
@media (max-width: 767px) {
    .coupon_info {
        float: none;
        width: 100%;
    }
}
.coupon_right h6 {
    color: var(--color2) !important;
}
.coupon_badge ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.coupon_badge ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.coupon_dis ul {
    list-style: none;
    padding-left: 0;
}
.coupon_dis ul li {
    font-size: 14px;
    margin-right: 16px;
    margin-bottom: 0;
    color: var(--color24);
    display: inline-block;
}
@media (max-wdith: 767px) {
    .coupon_dis ul li {
        font-size: 12px;
    }
}
.bg-light {
    float: left;
    color: var(--color3) !important;
    background-color: var(--color22) !important;
    font-size: 14px;
    font-weight: 400;
}
.unit {
    color: var(--color24);
    font-size: 16px;
}
.caption {
    color: var(--color1);
    text-decoration: underline;
    font-size: 15px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.caption a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
/*===== ICON Hover =====*/
.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon3 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon4 {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon-gray50 {
    -webkit-filter: grayscale(100%) brightness(500%) brightness(50%);
    filter: grayscale(100%) brightness(500%) brightness(50%);
}
.page_close {
    width: 35px;
    height: 35px;
    margin: 30px;
    color:black;
}
.page_close :hover {
    color: var(--header_link_hover_color, #eb5757);
}
@media (max-width: 768px) {
    .page_close {
        width: 24px;
        height: 24px;
        margin: 20px;
    }
}
.page_close :hover {
    color: var(--header_link_hover_color, #eb5757);
}
.page_search{
	color:black;
}
.page_search :hover {
    color: var(--header_link_hover_color, #eb5757);
}
/*=== Login Page ===*/
.login_block {
    color: var(--color34) !important;
}
.login_block h6 {
    color: var(--color34) !important;
}
.login_block .small_t {
    font-size: 14px;
    color: var(--color38);
}
.login_block a {
    color: var(--color35) !important;
    text-decoration: underline;
}
.login_block label {
    color: var(--color34) !important;
}
.login_block .field-box.v2 ::placeholder {
    color: var(--color36) !important;
}
.login_block .field-box.v2 input:disabled {
    background: var(--color17);
}
.login_block .field-box.v2 input {
    border: 1px solid var(--color36);
    background: var(--white);
}
.login_block .field-box.v2 .select2-selection {
    color: var(--color36) !important;
    border: 1px solid var(--color36);
    background: var(--white);
    border-radius: var(--curve8);
}
.login_block .field-box.v2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color36) !important;
}
.login_block .field-box.v2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block;
    -moz-padding-start: calc(0.75rem - 3px);
    background-image: var(--arrow-down-red) !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
    background-size: contain;
    border: none !important;
    height: 15px !important;
    width: 15px !important;
    top: 17px;
    left: 0;
}
.login_block .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--color32);
    border-radius: var(--curve4);
    cursor: pointer;
}

.login_block :hover input ~ .checkmark.checkbox {
    border: 1px solid var(--color32);
}

.login_block input:checked ~ .checkmark.checkbox {
    background-color: var(--color32);
}

.login_block .checkmark.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.login_block .container input:checked ~ .checkmark.checkbox:after {
    display: block;
}

.login_block .checkmark.checkbox:after {
    left: 6px;
    top: 3px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.login_block .checkmark.radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--color32);
    border-radius: 50%;
    cursor: pointer;
}

.login_block .container:hover input ~ .checkmark.radio {
    border: 1px solid var(--color32);
}

.login_block input:checked ~ .checkmark.radio {
    background-color: var(--color32);
}

.login_block .checkmark.radio:after {
    content: "";
    position: absolute;
    display: none;
}

.login_block .container input:checked ~ .checkmark.radio:after {
    display: block;
}

.login_block .checkmark.radio:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.login_area {
    background-color: var(--white);
    border-radius: var(--curve16);
    width: 460px;
    margin: auto;
    padding: 40px 32px;
}
@media (max-width: 480px) {
    .login_area {
        width: 97%;
    }
}
.login_block h3 {
    margin-bottom: 16px;
    color: var(--color11);
}
.login_block p {
    color: var(--color11);
}
.login_block .modal-body {
    color: var(--color11);
}
.login_block .modal-footer {
    border-top: 0 !important;
    padding-top: 0;
}
.login_block .modal-footer button {
    width: 140px !important;
    float: right;
}
.login_block .modal-footer .btn01 {
    justify-content: end;
}
.login_block .modal-footer .btn02 {
    display: flex;
    justify-content: end;
}
.login_block .modal-footer .btn02 button {
    margin-left: 10px;
}
.happygo ul {
    list-style: outside;
    list-style-type: decimal;
}

/*===== Table RWD =====*/
.table-rwd.table {
    margin-bottom: 0;
}
.table-rwd.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent;
    color: var(--color3);
    font-weight: 400;
    white-space: nowrap;
}
.table-rwd > tbody {
    border-style: hidden;
}
.table-rwd td {
    text-align: left;
}
.table-rwd.table-bordered > :not(caption) > * > * {
    border-width: 0 !important;
    vertical-align: middle;
}
@media (max-width: 991px) {
    tr.tr-only-hide {
        display: none !important;
    }
    .table-rwd tr {
        display: block;
        border: 0;
    }
    .table-rwd td {
        text-align: left;
        overflow: hidden;
        width: 100%;
        display: block;
        color: var(--color3);
        font-weight: 400 !important;
        font-size: 16px;
        border-style: hidden;
    }
    .table-rwd td span {
        float: right;
    }
    .table-rwd td:before {
        content: attr(data-th) "";
        display: inline-block;
        text-transform: uppercase;
        margin-right: 10px;
        color: var(--color3);
        font-weight: 400px !important;
        font-size: 16px;
    }
}

.table-rwd.v2.table {
    margin-bottom: 0;
}
.table-rwd.v2 tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent;
    color: var(--color3);
    font-weight: 400;
    white-space: nowrap;
}
.table-rwd.v2 > tbody {
    border-style: hidden;
}
.table-rwd.v2 > :not(caption) > * > * {
    border-width: 0 !important;
    vertical-align: top;
    padding: 1rem 0.5rem;
}
@media (max-width: 991px) {
    tr.tr-only-hide {
        display: none !important;
    }
    .table-rwd.v2 tr {
        display: block;
        border: 0;
    }
    .table-rwd.v2 td {
        text-align: left;
        overflow: hidden;
        width: 100%;
        display: block;
        color: var(--color3);
        font-weight: 400px !important;
        font-size: 16px;
    }
    .table-rwd.v2 td span {
        float: right;
    }
    .table-rwd.v2 td:before {
        content: attr(data-th) "";
        display: inline-block;
        text-transform: uppercase;
        margin-right: 10px;
        color: var(--color3);
        font-weight: 400px !important;
        font-size: 16px;
    }
    .table-rwd.v2.table-bordered td,
    .table-rwd.v2.table-bordered th,
    .table-rwd.v2.table-bordered {
        border: 0;
    }
}
.table_v2 td {
    width: 100%;
    padding: 3% 0;
}
/*===== Index Style =====*/
.adjust-h2,
.adjust-h3{
	font-size: 18px;
}
.adjust-h3.post-brand{
	margin-bottom:4px!important;
}
@media(max-width:768px){
.adjust-h3{
	font-size: 14px;
}
.adjust-h3.post-brand{
	font-size: 16px;
}
}
.product-box {
background-color: white;
border-radius: var(--curve8);
padding-bottom:20px;
margin-bottom:0!important;
}
.product_block {
    text-align: center;
}
.act_block {
    background-color: var(--color9);
    padding: 50px 0;
    margin-bottom: -132px;
}
@media (max-width: 768px) {
    .act_block {
        background-color: transparent;
        margin-top: -100px;
        margin-bottom: -50px;
    }
.product-box {
width: auto;
}
@media(max-widht:576px){
.product-box {
width: auto;
}
}
}
.act_bg {
    max-width: 300px;
    max-height: 300px;
    position: relative;
}
.act_block .bg_content {
    top: 36%;
    padding-left: 235px;
}
.brand_bg {
    height: 500px;
    width: 500px;
    max-width: 500px;
    max-height: 500px;
    position: relative;
    border-radius: var(--curve8);
    /*background-position: center;
    background-size: cover;*/
    background-size: contain;
	background-repeat: no-repeat;
}
.brand_block {
    position: relative;
}
.brand_block ul {
    list-style: none;
    padding-left: 0;
}
/* .brand_block ul li {
    margin-bottom: 5%;
} */

.bg_content {
    position: absolute;
    bottom: 53px;
    padding-left: 235px;
}
.bg_content .side_right_content.v3 img {
    height: 200px;
    max-height: 300px;
    max-width: 100%;
    object-fit: contain;
}
.bg_content .side_right_content.v3 .nav-style1 > button.slick-arrow {
    top: 41% !important;
}
@media (max-width: 768px) {
    .bg_content .side_right_content.v3 .nav-style1 > button.slick-arrow {
        top: 41% !important;
    }
}
/*===== 統計數量 右側彈出選單 =====*/
.count_block .alert {
    float: right;
}
.count_block ul {
    padding-left: 0;
    margin-bottom: 10px;
    text-align: right;
}
.count_block ul li {
    display: inline-block;
    margin-right: 10px;
}
.count_block > aside {
    background-color:var(--color29);
    border:1px solid var(--color22);

    width: 100%;
    height: 100px;
    bottom: 120px;
    right: -428px;
    position: fixed;
    z-index: 99;
    padding: 16px 25px 6px 12px;

}
.count_block> aside button {
    background-color:var(--color29);
    border:1px solid var(--color22)!important;
    border-top-left-radius:var(--curve8);
    border-bottom-left-radius:var(--curve8);
    display: block;
    position: absolute;
    top: -1%;
    right: 498px;
    width: 40px;
    height: 100px;
    margin: 0;
    padding: 10px;
    border: none;
    color:var(--color3);
}
.count_block .large_t{
	font-size: 24px;
	font-weight: 600;
}

.core {
    background: var(--color1);
    border-radius: 50px;
    height: 20px;
    width: 20px;
    display: inherit;
    color: var(--white);
    text-align: center;
    line-height: 1;
}

/*===== Search Style =====*/
.search_area {
    width: 430px;
    margin: auto;
    padding-top: 88px;
}
@media (max-width: 441px) {
    .search_area {
        width: 300px;
    }
}
.search_area h2,
.search_area h6 {
    font-weight: 700;
}
@media (max-width: 768px) {
    .search_area h2 {
        font-size: 24px !important;
    }
    .search_area h6 {
        font-size: 16px !important;
    }
    .search_area .icon3 {
        width: 24px;
        height: 24px;
    }
}
.search-input {
    font-size: 16px;
    border-bottom: 1px solid #cccccc;
    margin: 35px auto 16px;
    padding-bottom: 15px;
    line-height: 2;
    position: relative;
}
.search-input .tag {
    line-height: 1.3;
}
.search-input button {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
}
.search-input input[type="search"] {
    width: 100%;
    height: 44px;
    padding: 10px 10px 10px 0;
    outline: none;
    border: none;
    background: transparent;
    color: #000000;
}
.search-input input[type="search"]::placeholder {
    color: var(--color26);
}
.search-input .limit-info{
	margin-top: -10px;
}
.limit-info div{
	color: var(--color24);
	padding: 0px 24px;
	font-size: 13px;
}
.search_block.v1 ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;
}
.search_block.v1 ul li {
    font-size: 16px;
    color: var(--color1);
    border-radius: var(--curve8);
    border: 1px solid var(--color1);
    padding: 4px 16px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: 400;
}
.search_block.v1 ul li:hover {
    color: var(--white);
    background: var(--color1);
    border: 1px solid var(--color1);
}
.search_block.v2 {
    display: block;
    clear: both;
}
.search_block.v2 ul {
    list-style: none;
    padding-left: 0;
}
.search_block.v2 ul li {
    font-size: 16px;
    color: var(--color2);
    display: block;
    font-weight: 400;
    margin: 8px 0;
}
.search_block.v2 ul li:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.delete a {
    color: var(--color41);
    font-size: 16px;
}
.delete a:hover {
    color: var(--color21);
    font-size: 16px;
}
@media (max-width: 768px) {
    .search_block.v1 ul li {
        font-size: 14px;
    }
    .search_block.v2 ul li {
        font-size: 14px;
    }
    .delete {
        color: var(--header_link_hover_color, #eb5757);
        font-size: 14px;
    }
}
/*===== Blog Style =====*/
.blog_banner img {
    height: 480px;
    max-width: 100%;
    object-fit: cover;
}
.blog_tab {
    margin-top: 20px;
}
.banner_block {
    padding: 64px 0;
}
.blog_banner_bg {
    background: var(--color17);
    padding-bottom: 64px;
}
.blog_banner_bg h1 {
    margin-top: 20px;
}
@media (max-width: 768px) {
    .blog_banner_bg h1 {
        margin-top: 0;
        font-size: 24px !important;
    }
}
.blog_banner {
    position: relative;
}
@media (max-width:1199px) {
	.blog_banner img {
	    height: 442px;
	}
}
@media (max-width: 991px) {
    .blog_tab {
        margin-top: 10px;
    }
    .blog_banner_bg {
        background: var(--color17);
        padding: 0 0 32px;
    }
    .blog_banner {
        margin-top: -1px;
        position: relative;
        /* width: 95%; */
    }
}
.blog_banner h1 {
    color: var(--white) !important;
    font-size: 40px;
    line-height:1.4;
}
.blog_category {
    color: var(--white);
    position: absolute;
    bottom: 20px;
}
@media (max-width: 768px) {
/*     .blog_banner_bg {
        background: var(--color17);
        padding: 32px 0 20px;
        min-height: 419px;
    } */
    .blog-banner-img{
    	height: 480px;
		width: 100%;
    }
    .banner_block {
        padding: 32px 0;
    }
    .blog_category {
	  bottom: 52px;
	}
}
.blog_block {
    margin-bottom: 30px;
}
@media (max-width: 481px) {
    .blog_tab {
        margin-top: 30px;
    }
}
/* 搜尋 */
.search-result-menu{
	padding-top:0;
	margin-bottom:40px !important;
	padding-bottom:0;
}
@media (max-width: 768px) {
    .search-result-menu{
		padding-top:0;
		margin-bottom:32px !important;
	}
}

.swiper-slide.search-tab{
	margin-left: 20px;
	margin-right: 20px;
}
.EDM_content {
    height: 500px !important;
}
.EDM-block {
    margin-right: 10px;
    margin-bottom: 10px;
    /* width:35vh; */
    width: 583px;
    /*height: 388px; */
}
.EDM-img {
    border-top-left-radius: var(--curve8);
    border-top-right-radius: var(--curve8);
    width: 100%;
    height: 388px;
}
.EDM-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.EDM-block .post-date{
	font-size: 16px;
}
@media (max-width: 768px) {
    .EDM_content {
        height: 330px !important;
    }
	.EDM-block{
		width: fit-content;
	}
	.EDM-block .post-date{
		font-size: 14px;
	}
	.EDM-img {
	   max-width: 306px;
	   height: 200px;
	}
	.EDM-img img{
		width: 306px !important;
		/* max-width: 306px; */
		height: 200px;
	}
}
.promotion_title{
	font-size:40px;
	font-weight:700;
	margin-bottom:32px;
}
@media(max-width:768px){
.promotion_title{
	font-size:32px !important;
	font-weight:700;
	margin-bottom:24px;
}
}
.promotion_content {
    height: 485px !important;
}
.promotion-block {
    width: 330px;
    margin-right: 10px;
    padding: 5px;
}
@media (max-width: 768px) {
    .promotion_content {
        height: 455px !important;
    }
    .promotion-block {
        width: 300px !important;
        margin-right: 10px;
    }
}
.promotion-info {
    text-align: left;
}
.freebie-block {
    border-radius: 5px;
    margin-bottom: 10px;
    max-width: 280px;
    min-height: 130px;
    width: 100%;
    height: 10vh;
    box-shadow: 1px 1px 5px #c7c7c7;
}
.freebie-info {
    width: 50%;
    float: left;
    position: relative;
}
.freebie-img {
    width: 43%;
    float: right;
    max-height: 94%;
    justify-items: stretch;
    margin-top: 5px;
    margin-right: 5px;
    padding: 10px;
}
.article-block {
    width: 100%;
}
@media(min-width:576px){
	.article-block {
	    margin-bottom: 15px;
	}
}
.article-img {
    border-top-left-radius: var(--curve8);
    border-top-right-radius: var(--curve8);
    max-width: 100%;
    align-self: stretch;
}
.article-img img {
    height: 252px;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 0%;
}
@media (max-width: 991px) {
    .article-img {
        height: 223px;
        max-width: 100%;
        object-fit: cover;
    }
}
.article-info {
    height: 142px;
    position: relative;
}
.article-info .post-date {
    position: absolute;
    bottom:0;
    padding-bottom:0
}
.post-info {
    text-align: left;
    position: relative;
}
/* 分店 */
.subcategory-item{
	width: fit-content;
}
.v-hidden{
	visibility:hidden;
}
.taskcard{
	cursor: pointer;
    user-select: none;
    margin-bottom: 1rem;
    position: relative;
}
.taskcard .task-details.layer {
    position: absolute;
    z-index: 1;
    right: 0;
    top: -22px;
    padding: 0 10px 10px;
    opacity: 1;
    width: 100%;
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.03);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.03);
    background-color:white;
}
.taskcard .task-details__title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 4px;
}
.task-details__title {
	color: #333333;
	display: inline-block;
    border-bottom: solid var(--header_link_hover6px_color, #eb5757);
}
.taskcard .task-details .task-checklist {
    padding: 1rem;
    margin: 0;
    list-style-type: none;
    font-size: 1rem;
    font-weight: 500;
}
.task-checklist a:hover{
	color: var(--header_link_hover_color, #eb5757);
	cursor: pointer;
}
/* 策展 */
.grid-gap-events-list {
    row-gap: 5px;
    column-gap: 18px;
}
.events-block{
	margin-right: 10px;
    margin-bottom: 10px;
}
.events-div {
    border-top-left-radius: var(--curve8);
    border-top-right-radius: var(--curve8);
    width: 100%;
    height: 200px;
}
.events-div img{
	width: 100%;
	height: 100%;
	object-fit: cover !important;
}
.curation-banner {
	width: 100%;
    /* height: 370px; */
    /* overflow: hidden; */
}
.curation-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover !important;
}

.curation_block {
    margin: 100px auto 0;
    position: relative;
}
@media (max-width: 768px) {
    .curation_block {
        margin: auto;
        padding-top: 44px;
        position: relative;
    }
}
@media (max-width: 640px) {
    .curation_block {
        margin: auto !important;
        padding-top: 44px;
        position: relative;
    }
}

.curation-breadcrumb .breadcrumb-div {
    position: absolute;
    top: 20px;
    left: 100px;
}
@media (max-width: 768px) {
    .curation-banner {
    	width: 100%;
        /* height: 300px; */
        /* overflow: hidden; */
    }
}

@media (max-width: 640px) {
	.curation-product{
		min-height:370px;
	}
}

@media (max-width: 768px) {
    .blog_block {
        margin-bottom: 0;
    }
}
.blog_banner_dis h1 {
    align-items: center;
    margin-bottom: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.blog_banner_dis h2 {
    color: var(--white);
    font-size: 1rem;
}
@media (max-width: 991px) {
    .blog_banner_dis {
        align-items: center;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }
    .blog_banner_dis h1 {
        font-size: 24px !important;
        line-height: 35px;
        font-weight: 700;
        width: 100%;
        align-items: center;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
        margin-bottom: 44px;
    }
}
.blog_tag {
    color: var(--white);
}
.blog_tag ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.blog_tag ul li {
    font-size: 14px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    padding: 4px;
    margin-right: 12px;
    border-radius: var(--curve4);
}
.blog_tag ul li span {
    color: var(--white);
}
.blog_author {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
}
@media (max-width: 1199px) {
    .blog_area {
        position: absolute;
        top: 15%;
    }
}
@media (max-width: 991px) {
    .blog_area {
        width: 460px;
        right: 10%;
        top: 6%;
    }
}
@media (max-width: 768px) {
    .blog_area {
        width: 80%;
        margin: auto;
        z-index: 9;
        top: 17%;
    }
}
.blog_card {
    background-color: var(--white);
    border-radius: var(--curve8);
    color: var(--color24);
    padding: 8px;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 32px;
    text-align: left;
    overflow: hidden;
}
@media (max-width: 991px) {
    .blog_card h2 {
        font-size: 24px;
    }
    .blog_card {
        padding: 10px;
        width: 100%;
        max-width: 320px;
        margin: auto;
    }
}
.blog_content01 {
    margin: 40px auto;
}
.blog_content02 h2 {
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 46px;
}
.blog_content02 h5 {
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 36px;
}
.blog_content03 {
    margin-top: 120px;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .blog_content03 {
        margin-top: 56px;
    }
}
.blog_content04 {
    margin-top: 120px;
    padding-bottom: 120px;
    background: var(--color17);
    width: 100%;
}
.blog_content04 h3 {
    margin-top: 40px;
    margin-bottom: 24px;
    text-align: center;
    font-weight:700;
}
.color_more {
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-right: 0 !important;
    margin-top: 9px;
    color: var(--color24) !important;
    height:30px;
}
@media (max-width: 768px) {
    .blog_content04 {
        margin-top: 56px;
    }
}
.blog_list {
    margin-top: 64px;
}
/*===== Other Style =====*/
.kv-mt-40 {
    margin-top: -40px !important;
}
.product_wbg{
background-color:white;
border-radius: var(--curve8);
overflow:hidden;
/* margin-bottom:40px; */
}
.color_bg  .product_wbg{
margin-bottom:40px;
}
@media(max-width:768px){
/* .kv-mt-40 {
    margin-top: 0 !important;
} */
.color_bg  .product_wbg{
 margin-bottom:24px; 
}
}
.products-color a.filter_color_a{
margin: 16px 14px !important;
}
.pormotion_logo{
	min-width:auto;
}
@media(min-width:1199px){
.pormotion_logo{
	min-width:271px;
}
}
@media(max-width:383px){
.pormotion_logo{
	min-width:186px;
}
}
.search_result{
	color:var(--color3);
	font-size:16px;
	font-weight:400;
	line-height:24px;
	text-align:center;
}
.cart_block h3{
	font-size:24px;
	font-weight:700;
}
.add_address{
	text-align:center;
}
@media(max-width:768px){
.add_address{
	text-align:left;
}
}
.order_block{
	margin-bottom:56px;
}
@media(max-width:786px){
.order_block{
	margin-bottom:32px;
}
}
.i_style{
	-webkit-font-smoothing: auto;
}
.review_btn{
	padding:6px 16px;
	font-size:16px;
}
.order_line{
	height:1px;
	width:100%;
	background:#eeeeee;
	margin:4px 0 24px;
}
@media(max-width:991px){
.order_line{
	display:none;
}
}
.order_pname{
	font-size:16px;
	font-weight:500;
	line-height:23px;
}
.opacity-03{
	opacity:0.3 !important;
}
.only_nation{
	text-align:left;
	padding-left:4px !important;
	line-height: 24px;
}
.edm.post-title2{
    color: var(--color2);
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 26px;
	height: 30px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
    font-weight: 700;
    font-size: 24px !important;
    margin-bottom: 8px;
}
@media(max-width:768px){
	.edm.post-title2{
    font-weight: 700;
    font-size: 18px !important;
}
}
.product-add-cart.position-absolute {
    bottom: 6px;
    justify-content: center;
}
.promotion-img img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}
@media (max-width: 768px) {
    .promotion-img img {
        height: auto;
        max-width: 100%;
    }
}
.settingCategory:hover{
	color: var(--header_link_hover_color, #eb5757);
}
.item-product-name a:hover{
	color: var(--header_link_hover_color, #eb5757)!important;
}
.link a:hover,
.link a:hover i{
	color: var(--header_link_hover_color, #eb5757)!important;
}
.lang a {
    color: var(--white);
}
.lang a:hover {
    color: var(--header_link_hover_color, #eb5757);
}
.d-content {
    display: contents;
}
.height_auto {
    height: auto !important;
}
.m_height210 {
    min-height: 210px;
}
.m_height184 {
    min-height: 184px;
}
.m_height350 {
    min-height: 350px;
}
.m_auto {
    margin: auto;
}
.score_text {
    font-size: 50px!important;
    font-weight: 700!important;
    margin-top:28px;
    margin-bottom:10px;
}
.yellow {
    color: #ffd166;
}
@media (max-width: 768px) {
    .justify_style {
        display: inline-grid;
    }
}
.cooperation_block {
    position: relative;
    max-width: 829px;
    margin-top: -35px;
    margin-left: 120px;
    background: var(--color29);
    padding: 40px 30px;
}
@media (max-width: 991px) {
    .cooperation_block {
        position: relative;
        max-width: 90%;
        margin-left: 0;
        padding: 30px;
        margin: -35px auto 0;
    }
}
.auto_btn {
    width: 210px;
}
@media (max-width: 576px) {
    .auto_btn {
        width: 100%;
    }
}
.core_banner img {
    border-radius: var(--curve16);
}
.gray_ .ab_block {
    position: absolute;
    top: -88px;
    left: 0;
}
.ab_block{
	position:relative;
	margin-top:40px;
	margin-bottom:32px;
}
.ab_block h2 {
    position: absolute;
    width: 100%;
    left:82px;
    bottom: 8px;
    z-index: 9;
    font-size: 40px !important;
    white-space: nowrap;
    font-weight: 700;
}
.ab_block img {
    z-index: 0;
    width: auto;
    height: 128px;
}
@media (max-width: 768px) {
.ab_block{
	margin-top:16px;
	margin-bottom:24px;
}
    .ab_block h2 {
    width: 100%;
    z-index: 9;
    font-size: 32px !important;
    left:40px;
    bottom: 0;
    }
    .ab_block img {
    z-index: 0;
    width: auto;
    height: 89px;
    }
}
.group_list ul {
    list-style: none;
    padding-left: 0;
}
.group_list ul li {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    padding: 8px;
    margin-bottom: 8px;
    -webkit-border-radius: var(--curve8);
    border-radius: var(--curve8);
    border: 1px solid var(--color25);
    cursor: pointer;
}
.group_list ul li.active {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    padding: 8px;
    -webkit-border-radius: var(--curve8);
    border-radius: var(--curve8);
    border: 1px solid var(--color25);
    background-color: #f8f8fc;
}
.category_list {
    margin-top: 20px;
}
.category_list ul {
    list-style: none;
    padding-left: 0;
}
.category_list ul li {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    width: 49%;
    margin-bottom: 15px;
}
.category_list ul li {
    color: var(--color2);
}
.category_list ul li a.active {
    display: inline-block;
    list-style: none;
    padding-left: 0;
}
.custom-category-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 40.85%, rgba(255, 255, 255, 0.8) 70.01%, #ffffff 98.12%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 40.85%, rgba(255, 255, 255, 0.8) 70.01%, #ffffff 98.12%);
    z-index: 1;
}
.custom-category-img > h3 {
	font-size: 1rem;
    position: absolute;
    top: 28%;
    right: 10%;
    z-index: 9;
    color: var(--black);
}
.custom-category-img.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 59.15%);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 59.15%);
    z-index: 1;
    border-radius: var(--curve8);
}
.custom-category-img.active h3 {
	font-size: 1rem;;
    position: absolute;
    top: 33%;
    right: 10%;
    z-index: 9;
    color: var(--white);
}
.menu_vertical ul {
    list-style: none;
    padding-left: 0;
}
.menu_vertical ul li {
	margin:16px 0;
    height:64px;
    width:100%;
    position: relative;
    border-radius:8px;
}
@media (max-width: 991px) {
    .menu_vertical ul li {
        margin: 5% 0;
    }
}
.menu_vertical img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:8px;
}
.menu_vertical h3{
	margin-bottom:0;
}
.border_b {
    border-bottom: 1px solid var(--color23);
}
.nowrap {
    white-space: nowrap;
}
.break-all {
    word-break: break-all;
}
.check2 {
    margin-right: 24px;
}
@media (max-width: 340px) {
    .check2 {
        margin-left: 0;
        display: block;
    }
}
.pos-revert {
    position: revert;
}
.activity_time {
    position: absolute;
    width: 262px;
    bottom: 0;
    right: 3%;
}
@media (max-width: 768px) {
    .activity_time {
        bottom: 6px;
    }
}
.time_block {
    background-color: var(--white);
    border-radius: var(--curve8);
    text-align: center;
    padding: 2px 8px 8px;
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
    width: 95%;
    margin: 16px auto 0;
    max-height: 62px;
}
@media (max-width: 768px) {
    .time_block {
        padding: 2px 6px;
    }
}
@media (max-width: 480px) {
    .time_block {
        padding: 0;
    }
}

.time_block table {
    width: 100%;
    margin: auto;
}
.time_block table  td span{
    font-size:16px;
}
.time_block .small_t {
    font-size: 12px;
    color: var(--color24);
}
.time_text {
    color: var(--color3);
    text-align: left !important;
    font-size: 14px!important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.promotion-banner {
    min-height: 28.8vw;
    /*show all*/
    overflow: hidden;
}

.activity_block {
    width: 460px;
    position: absolute;
    bottom: 17%;
    right: 8.5%;
}
/* .promotion_block {
    width: 460px;
    position: absolute;
    bottom: 17%;
    right: 9%;
} */
.promotion_card {
    background-color: var(--white);
    border-radius: var(--curve16);
    color: var(--color24);
    padding: 8px;
    width: 100%;
    padding: 32px;
    text-align: left;
    overflow: hidden;
    margin-top:50px;
}
.promotion_card h2{
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
    letter-spacing: 0.76px;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	 display: -webkit-box;
	line-height: 47px;
	height: 51px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
}

.p-promotion #Modal_Login_Area {
    z-index: 1056;
}
.activity_block.blog {
	right: 0;
}
.activity_card {
    background-color: var(--white);
    border-radius: var(--curve16);
    color: var(--color24);
    padding: 8px;
    width: 100%;
    padding: 32px;
    text-align: left;
    overflow: hidden;
}

.activity_card h2{
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
    letter-spacing: 0.76px;
}

.p-promotion #Modal_Login_Area {
    z-index: 1056;
}
@media (max-width: 1280px) {
	.p-promotion .activity_block {
		bottom: 4vw;
	}
	.promotion_block {
		bottom: 64px;
	}
}
@media (max-width: 1190px) {
	.p-promotion .activity_block {
		bottom: 64px;
	}
	.promotion_block {
		bottom: 24px;
	}
}
@media (max-width: 991px) {
	.p-promotion .activity_block {
		bottom: 1vw;
	}
	
    .activity_card h2 {
        font-size: 24px !important;
    }
    .activity_card h5 {
        font-size: 18px !important;
        font-weight:400;
    }
    .activity_card {
        width: 90%;
        max-width: 460px;
        margin: auto;
    }

	.blog .activity_block {
		min-width: 306px;
		max-width: 90%;
		position:absolute;
		right: 0;
	}
	.blog .activity_card {
		width: 100%;
		margin: unset;
	}
	
	.promotion_card h2 {
        font-size: 24px !important;
        word-break: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		 display: -webkit-box;
		line-height: 28px;
		height: 31px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical; 
    }
    .promotion_card h5 {
        font-size: 18px !important;
        font-weight:400;
    }
    .promotion_card {
    	margin-top:30px;
/*      width: 90%;
        max-width: 460px;
        margin: auto; */
    }
     .promotion-banner {
        height: 40vw;
    }
     .promotion-banner  img {
        object-fit:cover;
        height: 40vw;
    }
}
@media(max-width:768px){
	.promotion_card{
		margin-bottom:30px;
	}
     .promotion-banner {
        height: auto;
        min-height: 360px;
    }
     .promotion-banner  img {
        object-fit:cover;
        height: auto;
    }
}
@media (max-width: 864px) {
	.p-promotion .activity_block {
		width: 420px;
		bottom: 1vw;
	}
	.p-promotion .activity_card {
		padding: 16px;
	}
	
}
@media (max-width: 575px) {
    .promotion-banner {
        height: auto;
        min-height: 360px;
    }
     .promotion-banner  img {
        object-fit:cover;
        height: auto;
    }
    .p-promotion .activity_block {
        top: 30vw;
        width: 100%;
    }
    .p-promotion .activity_card {
		padding: 32px 24px;
         
	}
	.activity_block {
	    width: 100%;
	    position: absolute;
	    top: 30%;
	    right: 0;
	}
	.activity_block.blog {
		width: 90%;
		top: calc(30% + 100px);
	}
	.blog .d-block {
		min-height: 367px;
	}
	.blog .blog_banner img {
    	height: 206px;
	}
	.blog .activity_block {
		top: unset;
    	bottom: 12px;
	}
	.blog .activity_card {
		margin: unset;
		padding: 24px 24px 8px 24px;
		border-radius: var(--curve8);
	}
		.promotion_block {
	    width: 100%;
	    position: absolute;
	    right: 0;
	    bottom:24px;
	}
}
@media (max-width: 374px) {
    .p-promotion .activity_block {
        top: 11vw;
    }
        .promotion_block {
        bottom:24px;
    }
}
.date_block{
	border-radius:50px;
	background:var(--color10);
	color:var(--white);
	font-size:14px;
	float:left;
	padding:2px 10px;
	line-height: 22px;
}
.side_right_content .product-img img {
    max-height: 300px;
    max-width: 100%;
    object-fit: contain;
}
.title_mg {
    margin-top: 64px;
    margin-bottom: 13px;
}
@media (max-width: 991px) {
    .title_mg {
        margin-top: 0;
        margin-bottom: 16px !important;
    }
}
.btn_area {
    text-align: center;
}
.btn_area .theme-btn {
    text-align: center;
    padding: 12px 0;
}
@media (max-width: 767px) {
    .btn_area .theme-btn {
        padding: 12px 0;
        font-size: 14px;
    }
}
.main_content {
    margin-top: 24px;
    width: 100%;
}
@media (max-width: 768px) {
    .main_content {
        margin-top: 24px;
        padding-bottom: 0;
    }
}
.block-title{
    align-items: baseline;
}
.block-title h2{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    align-items: baseline;
}
@media (max-width: 768px) {
    .block-title h2 {
    font-size: 18px!important;
    margin-bottom: 16px;
    }
    .block-title h5 {
        font-size: 14px !important;
        font-weight: 400;
    }
}
.block_mg,
.block_mg.v2{
    margin: 60px auto 0;
    position: relative;
}
.block_mg.sec{
    margin: 60px auto 0;
    position: relative;
}
.block_mg.third{
    margin: 60px auto 0;
    position: relative;
}
@media (max-width: 768px) {
    .block_mg {
        margin: auto;
        padding-top: 44px;
        position: relative;
    }
    .block_mg.sec,
    .block_mg.third{
        padding-top:0;
        margin-top:0;
}
        .block_mg.v2 {
        margin: auto;
        padding-top: 64px;
        position: relative;
    }
}

.block_mg.near {
    margin: auto;
    padding-top: 74px;
    position: relative;
}
@media (max-width: 640px) {
    .block_mg {
        margin: auto !important;
        padding-top: 44px;
        position: relative;
    }
    .block_mg.near {
        margin: auto;
        padding-top: 44px;
        position: relative;
    }
}
.block_pg {
    padding: 120px auto 0;
    position: relative;
}
@media (max-width: 768px) {
    .block_pg {
        margin: auto;
        padding-top: 44px;
        position: relative;
    }
}
.line-height0 {
    line-height: 0;
}
.line-height1 {
    line-height: 1;
}
.line-height1_2 {
    line-height: 1.2!important;
}
.line-height1_4 {
    line-height: 1.4!important;
}
.line-height1_5 {
    line-height: 1.5!important;
}
.line-height2 {
    line-height: 2;
}
.line-height2_5 {
    line-height: 2.5!important;
}

.line-height08 {
    line-height: 0.8;
}
.line-height24 {
    line-height: 24px;
}
.line-height27 {
    line-height: 27px;
}
.state_info {
    text-align: center;
    margin: 118px auto auto;
}
.state_info .symbol {
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
}
.state_info h3 {
    font-size:24px;
    font-weight:500;
}
.bg_transparent {
    background-color: transparent !important;
}
.verify img {
    max-height: 46px;
    width: auto;
}
.w_block {
    background-color: var(--white);
    border-radius: var(--curve16);
    padding: 40px 30px;
}
.w_block_np {
    background-color: var(--white);
    border-radius: var(--curve16);
    padding: 10px 20px;
}
.t_block {
    background-color: transparent;
    text-align: left;
}
.t_block .w_block_b {
    background-color: var(--white);
    border-radius: var(--curve16);
    border: 1px solid var(--color22);
    padding: 16px;
}
@media (max-width: 768px) {
    .w_block {
        background-color: var(--white);
        border-radius: var(--curve16);
        padding: 20px 24px!important;
    }
    .declare_block {
        border-radius: var(--curve16);
        padding: 0 !important;
    }
    .t_block {
        background-color: transparent;
    }
}
.w_block_b {
    background-color: var(--white);
    border-radius: var(--curve16);
    border: 1px solid var(--color22);
}
.border-0 .keepall {
    word-break: keep-all;
}
.keepall {
    word-break: keep-all;
}
.clearfix {
    clear: both;
}
.goods_no {
    color: var(--color26);
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 16px;
}
.product__price {
    font-size: 16px !important;
}
.product__price-del {
    font-size: 16px !important;
    color: var(--color24);
    font-weight: 400;
    text-decoration: line-through;
}
@media (max-width: 767px) {
    .product__price {
        font-size: 14px !important;
    }
    .product__price-del {
        font-size: 14px !important;
    }
}
.icon_check {
    color: var(--color19);
    border: 2px solid var(--color19);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
}
.title_span {
	display:flex;
	gap:10px;
    font-size: 16px;
    color: var(--color3);
}
@media (max-width: 576px) {
    .title_span {
        font-size: 14px;
    }
}
.order_list {
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    height: 86%;
    background-color: var(--color29);
    overflow-x: hidden;
}
@media (max-width: 991px) {
    .order_list {
        position: relative;
        width: 100%;
    }
}
.order_list ul.cart_list li {
    line-height: 22px;
}
.order_info {
    text-align: center;
}
.order_info h1 {
    font-size: 40px !important;
}
.order_info img {
    width: 80px;
    height: 80px;
}
@media (max-width: 767px) {
    .order_info h1 {
        font-size: 24px !important;
    }
    .order_info img {
        width: 64px;
        height: 64px;
    }
    .order_info p {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}
.card {
    margin-bottom: 24px;
}
.card.active {
    border: 2px solid #eb5757;
    -webkit-box-shadow: 0 4px 1.875rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 1.875rem rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
}
.card_info ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.card_info ul li {
    line-height: 36px;
    text-align: left;
}
@media (max-width: 767px) {
    .card_info ul {
        margin-bottom: 16px;
    }
}
.timelimit_area .product-box {
    padding-top: 76px;
}
.timelimit_area .hightlight_card .product-box {
    padding-top: 0;
}
.timelimit_area .hightlight_card {
    margin-top: -76px;
    padding: 0;
}
@media (max-width: 575px) {
    .timelimit_area {
        margin-top: 30px;
    }
}
.time_limit .hide {
    display: none;
}
.time_limit:hover .hide {
    display: block;
}
.time_limit .show {
    display: block;
}
.time_limit:hover .show {
    display: none;
}
.hightlight_card {
    background-color: var(--white);
    border-radius: var(--curve8);
    -webkit-box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.1);
    text-align: center;
}
.hightlight_card .card-header {
    background-color: var(--header_link_hover_color, #eb5757);
    color: var(--white);
    border-top-left-radius: var(--curve8);
    border-top-right-radius: var(--curve8);
    text-align: center;
    padding: 5px 10px;
    font-size: 18px;
}
.hightlight_card .card-header table {
    width: 80%;
    margin: auto;
}
.hightlight_card .card-header .small_t {
    font-size: 12px;
    color: var(--white);
}
.hightlight_card .card-header table td {
    color: var(--white);
    text-align: center;
    white-space: nowrap;
}
.hightlight_card .card-body {
    padding: 1rem 1rem 0 1rem;
}
.hightlight_card .card-body img {
    height: 300px;
    object-fit: contain;
}
.hightlight_card .card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    background-color: var(--white);
    padding: 0 24px 24px;
    border-bottom-left-radius: var(--curve8);
    border-bottom-right-radius: var(--curve8);
}
.list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.list ul li {
    display: inline-block;
    margin: 8px;
    padding: 4px 16px;
    font-size: 16px;
    color: var(--color1);
    border: 1px solid var(--color23);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.list ul li :hover {
    color: var(--white);
    background: var(--color1);
    border: 1px solid var(--color1);
}
.list ul li.active {
    color: var(--white);
    border: 1px solid var(--white);
    background: var(--color1);
}
@media (max-width: 768px) {
    .list ul li {
        margin: 5px 4px;
        padding: 4px 9px;
    }
}
.customer_div_style_1,  .customer_div_style_1 ul li, .customer_div_style_1 p{
    font-size: initial;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-bottom: 0;
}

.customer_div_style_1 ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.customer_div_style_1 ul li{
    font-size: initial;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-bottom: 0;
}


.checkout-w{
	max-width:308px;
}
.promotion-area{
	border-radius:8px;
	border:1px solid #af2b39;
	padding:0 9px 9px;
	position:relative;
}
.promotion-title{
	position:absolute;
	left:0;
	top:0;
	background:#af2b39;
	padding:4px 8px;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	border-top-left-radius:6px;
	border-bottom-right-radius:8px;
}
.promotion-des{
	font-size:14px;
	font-weight:400;
	line-height:21px;
	color:#af2b39;
	margin-top:33px;
	word-break: break-all;
}


.similar-product-area{
	border-radius:8px;
	border:1px solid #796baf;
	padding:0 9px 9px;
	position:relative;
}
.similar-product-title{
	position:absolute;
	left:0;
	top:0;
	background:#796baf;
	padding:4px 8px;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	line-height:20px;
	border-top-left-radius:6px;
	border-bottom-right-radius:8px;
}
.similar-product-des{
	font-size:14px;
	font-weight:400;
	line-height:21px;
	color:#796baf;
	margin-top:33px;
	word-break: break-all;
}


.shrink-area{
	display:flex;
	align-items:center;
	color:#af2b39;
}
.shrink-area:hover{
	color:#af2b39;
}
/*===== Bootstrap =====*/
.table > :not(caption) > * > * {
	padding:12px 8px;
}
.badge-dark {
    color: var(--white);
    background: var(--color1);
    padding: 8px 16px;
    font-weight:700;
    border-radius: var(--curve4);
}
.badge-red {
    color: var(--white);
    background-color: var(--color4);
    padding: 1px 8px 3px;
    border-radius: var(--curve4);
}
.badge-green {
    color: var(--white);
    background-color: var(--color19);
    padding: 1px 8px 3px;
    border-radius: var(--curve4);
}
.badge-only {
    color: #e2452e;
    background-color: #fadddc;
    padding: 2px 8px;
    border-radius: var(--curve4);
    height:26px;
    line-height:21px;
    white-space:nowrap;
}
.badge-white {
    color: var(--black);
    background: rgba(255, 255, 255, 0.8);
    padding: 4px 8px;
    border-radius: var(--curve4);
}
.badge-white p {
    font-size: 14px !important;
    color: var(--black) !important;
}
.badge-white.soldout {
    position: absolute;
    left: 38%;
    bottom: 46px;
}
.badge_area {
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 9;
}
.badge_area h5 {
    text-align: left;
    margin-bottom: 12px;
}
.badge_area_bottom {
    position: absolute;
    bottom: 2px;
    width: 100%;
    z-index: 9;
}
.badge_area_bottom h5 {
    text-align: center;
}
.pro_badge {
    font-size: 14px;
    font-weight: 700;
    z-index: 9;
}
.pro_badge > img {
    width: 20px !important;
    min-height: auto !important;
    padding-right: 5px;
    display: inline;
}
.card {
    border-radius: 16px;
    border: 0;
    padding: 48px;
}
@media (max-width: 991px) {
    .card {
        padding: 24px;
    }
}
@media (max-width: 767px) {
    .container,
    .container-sm {
        max-width: 700px;
    }
}
.modal-content {
    border: 0;
    border-radius: 16px;
}
body.modal-open {
    overflow: hidden;
    padding-right: 0px;
    position: absolute;
}
.modal-header {
    border-bottom: 0;
    z-index:9;
}
.modal-header button {
    background: transparent !important;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
}
.modal-footer {
    padding: 0.75rem 2.5rem 2rem;
    justify-content: center;
}
.modal-footer.large_padding {
    padding: 17px 113px 24px;
    justify-content: center;
}
.modal-footer .btn01 {
    width: 50%;
    justify-content: center;
}
.modal-footer .btn02 {
    display: flex;
    width: 100%;
    justify-content: center;
}
.modal-footer .btn02 button {
    margin: 0 10px;
}
@media (max-width: 767px) {
    .modal-footer {
        padding: 0.75rem 2rem 2rem;
    }
    .modal-footer.large_padding {
    padding: 17px 20px 16px;
    justify-content: center;
}
    .modal-footer .btn01 {
        width: 100%;
        justify-content: center;
    }
    .modal-footer .btn02 {
        width: 100%;
        justify-content: center;
    }
    .modal-footer .btn02 button {
        margin: 0 5px;
    }
}
.btn01.position-absolute {
    top: 38px;
}
button .close {
    background: transparent !important;
}
.modal-body {
    padding: 0 3rem 1rem;
}
.modal-body.large_padding {
    padding: 0 123px 0;
}
.modal-body.proinfo {
    padding: 64px 91px 80px;
}
@media(max-width:991px){
	.modal-body {
	padding-left: 1.5rem;
    padding-right: 1.5rem;
	}
	.modal-body.large_padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	}
	.modal-body.proinfo {
	padding-left: 1.5rem;
    padding-right: 1.5rem;
	}
}
.bootstrap-tagsinput{
	display:block!important;
}
.btn-info {
    background-color: transparent;
    text-align: center;
}
.for_use .panel-heading {
    font-size: 16px;
    color: var(--color1);
    border: 0;
    background-color: transparent;
}
.nstyle.panel-heading {
    font-size: 16px;
    color: var(--color1);
    border: 0;
    background-color: transparent;
}
.specification {
    font-size: 16px;
    color: var(--color24);
    line-height: 24px;
}
.specification ul {
    list-style: decimal inside;
    padding-left: 0;
}
.specification ul li {
    margin-bottom: 0;
}
.spec_btn {
    line-height: 2;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
    padding: 0 !important;
    color: var(--color1);
    font-size: 16px;
}
.spec_btn::after {
    margin-top: 7px !important;
}
tbody, td, tfoot, th, thead, tr {
    font-size: 18px;
    font-weight: 400;
}
/*===== Align Layout =====*/
.align-self-start {
    align-self: start;
}
.align-self-end {
    align-self: end;
}
.align-self-center {
    align-self: center;
}
.justify-self-start {
    justify-self: start;
}
.justify-self-end {
    justify-self: end;
}
.justify-self-center {
    justify-self: center;
}
.justify-self-end {
    justify-self: end!important;
}
.vertical_top {
    vertical-align: top;
}
.vertical_mid {
    vertical-align: middle;
}
.justify-content-center {
    justify-content: center;
}
.theme-btn.sec-style {
    padding: 5px 10px !important;
}
/*===== Grid Layout =====*/
.grid-nowrap-select-1 {
    grid-template-columns: repeat(1, minmax(calc(50% - 10px), 1fr) auto);
    display: grid;
    gap: 10px 10px;
}
.grid-container {
    display: grid;
    row-gap: 30px;
}
.grid-column-all {
    grid-column: 1/-1;
}
.grid-column-all-1 {
    grid-column: 2/-1;
}
.grid-product-1,
.grid-nowrap-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr auto);
    grid-column-gap: 5px;
}
.grid-product-2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr auto auto);
    grid-column-gap: 5px;
}
.grid-nowrap-2 {
    display: grid;
    grid-template-columns: repeat(1, auto 1fr auto);
    grid-column-gap: 5px;
}
.grid-xxs-1,
.grid-xxs-2,
.grid-xxs-3,
.grid-xxs-4,
.grid-xs-1,
.grid-xs-2,
.grid-xs-3,
.grid-xs-4,
.grid-sm-1,
.grid-sm-2,
.grid-sm-3,
.grid-sm-4,
.grid-md-1,
.grid-md-2,
.grid-md-3,
.grid-md-4,
.grid-md-5,
.grid-lg-1,
.grid-lg-2,
.grid-lg-3,
.grid-lg-4,
.grid-lg-5,
.grid-xl-1,
.grid-xl-2,
.grid-xl-3,
.grid-xl-4,
.grid-xl-5,
.grid-xl-6 {
    display: grid;
    grid-gap: 10px 25px;
}
@media (max-width: 575px) {
    .grid-xxs-1,
    .grid-xxs-2,
    .grid-xxs-3,
    .grid-xxs-4,
    .grid-xs-1,
    .grid-xs-2,
    .grid-xs-3,
    .grid-xs-4,
    .grid-sm-1,
    .grid-sm-2,
    .grid-sm-3,
    .grid-sm-4,
    .grid-md-1,
    .grid-md-2,
    .grid-md-3,
    .grid-md-4,
    .grid-md-5,
    .grid-lg-1,
    .grid-lg-2,
    .grid-lg-3,
    .grid-lg-4,
    .grid-lg-5,
    .grid-xl-1,
    .grid-xl-2,
    .grid-xl-3,
    .grid-xl-4,
    .grid-xl-5,
    .grid-xl-6 {
        display: grid;
        grid-gap: 10px 25px;
    }
}
@media (max-width: 768px) {
    .grid-xxs-1,
    .grid-xxs-2,
    .grid-xxs-3,
    .grid-xxs-4,
    .grid-xs-1,
    .grid-xs-2,
    .grid-xs-3,
    .grid-xs-4,
    .grid-sm-1,
    .grid-sm-2,
    .grid-sm-3,
    .grid-sm-4,
    .grid-md-1,
    .grid-md-2,
    .grid-md-3,
    .grid-md-4,
    .grid-md-5,
    .grid-lg-1,
    .grid-lg-2,
    .grid-lg-3,
    .grid-lg-4,
    .grid-lg-5,
    .grid-xl-1,
    .grid-xl-2,
    .grid-xl-3,
    .grid-xl-4,
    .grid-xl-5,
    .grid-xl-6 {
        display: grid;
        grid-gap: 10px 25px;
    }
}
@media (max-width: 991px) {
    .grid-xxs-1,
    .grid-xxs-2,
    .grid-xxs-3,
    .grid-xxs-4,
    .grid-xs-1,
    .grid-xs-2,
    .grid-xs-3,
    .grid-xs-4,
    .grid-sm-1,
    .grid-sm-2,
    .grid-sm-3,
    .grid-sm-4,
    .grid-md-1,
    .grid-md-2,
    .grid-md-3,
    .grid-md-4,
    .grid-md-5,
    .grid-lg-1,
    .grid-lg-2,
    .grid-lg-3,
    .grid-lg-4,
    .grid-lg-5,
    .grid-xl-1,
    .grid-xl-2,
    .grid-xl-3,
    .grid-xl-4,
    .grid-xl-5,
    .grid-xl-6 {
        display: grid;
        grid-gap: 10px 25px;
    }
}
.grid-xxs-1-fit,
.grid-xxs-2-fit,
.grid-xxs-3-fit,
.grid-xs-1-fit,
.grid-xs-2-fit,
.grid-xs-3-fit,
.grid-sm-1-fit,
.grid-sm-2-fit,
.grid-sm-3-fit,
.grid-md-1-fit,
.grid-md-2-fit,
.grid-md-3-fit,
.grid-lg-1-fit,
.grid-lg-2-fit,
.grid-lg-3-fit,
.grid-xl-1-fit,
.grid-xl-2-fit,
.grid-xl-3-fit {
    display: grid;
}

.grid-xxs-1 {
    grid-template-columns: repeat(1, 1fr);
}
.grid-xxs-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-xxs-3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid-xxs-4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid-xxs-1-fit {
    grid-template-columns: repeat(1, auto 1fr);
}
.grid-xxs-2-fit {
    grid-template-columns: repeat(2, auto 1fr);
}
.grid-xxs-3-fit {
    grid-template-columns: repeat(3, auto 1fr);
}
 @media screen and (min-width: 320px) and (max-width: 392px){
.grid-area .grid-xxs-2{
    grid-template-columns: repeat(auto-fit, minmax(127px, 1fr))!important;
}
    }
@media (min-width: 576px) {
    .grid-xs-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-xs-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-xs-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-xs-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-xs-1-fit {
        grid-template-columns: repeat(1, auto 1fr);
    }
    .grid-xs-2-fit {
        grid-template-columns: repeat(2, auto 1fr);
    }
    .grid-xs-3-fit {
        grid-template-columns: repeat(3, auto 1fr);
    }
}
@media (min-width: 768px) {
    .grid-sm-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-sm-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-sm-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-sm-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-sm-1-fit {
        grid-template-columns: repeat(1, auto 1fr);
    }
    .grid-sm-2-fit {
        grid-template-columns: repeat(2, auto 1fr);
    }
    .grid-sm-3-fit {
        grid-template-columns: repeat(3, auto 1fr);
    }
}
@media (min-width: 992px) {
    .grid-md-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-md-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-md-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-md-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-md-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .grid-md-1-fit {
        grid-template-columns: repeat(1, auto 1fr);
    }
    .grid-md-2-fit {
        grid-template-columns: repeat(2, auto 1fr);
    }
    .grid-md-3-fit {
        grid-template-columns: repeat(3, auto 1fr);
    }
}
@media (min-width: 1200px) {
    .grid-lg-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-lg-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-lg-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-lg-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-lg-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .grid-lg-1-fit {
        grid-template-columns: repeat(1, auto 1fr);
    }
    .grid-lg-2-fit {
        grid-template-columns: repeat(2, auto 1fr);
    }
    .grid-lg-3-fit {
        grid-template-columns: repeat(3, auto 1fr);
    }
}
@media (min-width: 1480px) {
    .grid-xl-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-xl-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-xl-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-xl-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-xl-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .grid-xl-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .grid-xl-1-fit {
        grid-template-columns: repeat(1, auto 1fr);
    }
    .grid-xl-2-fit {
        grid-template-columns: repeat(2, auto 1fr);
    }
    .grid-xl-3-fit {
        grid-template-columns: repeat(3, auto 1fr);
    }
}



.set-category {
    width: 300px !important;
    padding: 0 !important;
    color: #333333 !important;
    background: #ffffff;
    border: none !important;
    font-size: 18px !important;
    cursor: default;
}
@media (max-width: 520px) {
    .set-category {
        width: 250px !important;
    }
}
@media (max-width: 470px) {
    .set-category {
        width: 200px !important;
    }
}
@media (max-width: 420px) {
    .set-category {
        width: 150px !important;
    }
}
@media (max-width: 370px) {
    .set-category {
        width: 100px !important;
    }
}
@media (max-width: 320px) {
    .set-category {
        width: 50px !important;
    }
}
.grid-gap-12 {
    grid-gap: 12px !important;
}
.grid-gap-products-list {
    row-gap: 0px;
    column-gap: 12px;
}
.grid-gap-subcategory{
	row-gap: 15px;
	column-gap: 10px;
}
.posts-wrap > [class *='grid-'] > .post-box  {
	margin-bottom:16px;
}
/*===== endend =====*/
.max_33vw {
    max-width: 33vw;
}
/*.slick-slide .slick-loading {
    background-image: url("../assets/img/loading.gif");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}*/
.header_menu_img {
    width: 18vw;
    max-width: 288px;
    max-height: 360px;
}
.max-width-unset {
    max-width: unset !important;
}
.textUnderline {
    text-decoration: underline;
}
.color-red {
    color: #d22d26 !important;
}
.footer_block {
    background-color: var(--white);
}
.footer_text {
    background-color: var(--color17);
}
.w_block2 {
    border-radius: var(--curve16);
    padding: 20px 30px;
    color: var(--color2);
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
}
.w_block2 p {
    line-height: 36px;
}

@media (max-width: 767px) {
    .w_block2 {
        padding: 20px 28px;
    }
}
.company-info p {
    margin: 0;
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
}

@media screen and (min-width: 992px) {
    .company-info p {
        white-space: nowrap;
        display: inline-block;
    }
}

@media screen and (max-width: 992px) {
    .company-info p {
        white-space: normal;
        display: block;
    }
}
.color-f-text {
    color: #e7605a !important;
}

.btn_modify_account {
    cursor: pointer;
}
.btn_reset_password {
    cursor: pointer;
}

.c_pointer {
    cursor: pointer !important;
}
.foot-hover:hover {
    color: var(--black) !important;
}
.purchaseText {
    color: rgba(0, 0, 0, 0.8);
}
.declare_block {
    border-radius: var(--curve16);
    padding: 40px 30px;
}
.declare_block ul {
    color: var(--color2);
    font-size: 18px;
}
.declare_block ol {
    color: var(--color2);
    line-height: 36px;
}
.declare_block ol li {
    line-height: 36px;
    font-size: 18px;
}
.declare_block p {
    color: var(--color2);
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
}
.declare_text {
    font-size: 24px;
    font-weight: 500;
}
#asideBlock {
    width: fit-content;
    height: fit-content !important;
}
#div_aside {
    visibility: hidden;
}
.loader {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
}
.h-48 {
    height: 48px !important;
}
.loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 3px solid #d0d0d0;
    animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
}

.template_elm_product_nolazy{
    display: none !important;
}
.template_elm_product {
    display: none !important;
}
.price_del:empty {
    display: none;
}

#mobile_filter {
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
.filter_mask {
    position: absolute;
    z-index: 10;
    bottom: 0px;
}
#mobile_filter_bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 16px 20px;
    background: #FFFFFF;
    -webkit-box-shadow: -7px 0 10px rgba(0, 0, 0, 0.09);
    box-shadow: -7px 0 10px rgba(0, 0, 0, 0.09);
}
#div_filter_mask {
    background: #000;
    opacity: 0.5;
    right: 0px;
    width: calc(100vw - 300px);
}
#div_filter_mask_white {
    background: #fff;
    width: 300px;
}
.div_reviews {
    min-height: 350px;
    background-color: var(--color29);
    border-radius: var(--curve16);
}
.div_OverallRating {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 330px;
}
#scrollReview {
    overflow: scroll;
    position: relative;
}
.reviewMegamenu {
    overflow: scroll;
    max-height: 300px;
    padding-bottom: 15px;
    padding-top: 5px;
    font-family: Verdana, Tahoma, Sans-Serif;
    z-index: 100;
    display: table;
    width: 100%;
}
.reviewCell {
    height: 90px;
    padding: 0 20px;
}

.reviewContent {
    padding: 0 15px;
    width: 100%;
    background: #ffffff;
    margin-top: 10px;
    border-radius: var(--curve8);
    padding: 30px 24px 20px;
    font-size: 14px;
    color: var(--color1);
}
.s-star {
    background-size: 21px;
}
.s-angle {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 13px;
    background-color: var(--white);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.r-0 {
    right: 0;
}
.r-5 {
    right: 5px;
}
.m-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height: 80vh;
/*     margin: 0 auto; */
}
.m-star {
    cursor: pointer;
    background-size: 25px;
    font-size: 30px;
}
.color_de6 {
    color: #de6f6f !important;
}
.color_eb {
    color: #eb5757 !important;
}
.background_ff {
    background: #ffffff !important;
}
.li_FollowUs {
    float: left;
    margin-right: 25px;
    margin-top: 30px;
}
.icon_FollowUs {
    font-size: 2em;
}
.footer-bg-color {
    background: var(--footer_main_bg_color, #f4ede6);
}
.footer_h {
    color: var(--footer_main_f_color, #333333);
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}
.f_link_color a{
	color: var(--footer_link_f_color, #666666);
}
.f_link_color a:hover{
    color: var(--footer_link_hover_color, #eb5757) !important;
}
.li_FollowUs a:hover {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(355deg) brightness(100%) contrast(100%);
}
@media (max-width: 991px) {
    .footer__menu01 [class^="col"] {
        margin-bottom: 20px;
    }
}
.footer__menu01 h4 {
    padding-left: 0;
    position: relative;
}
.footer__nav-title {
    font-size: 16px;
    margin-bottom: 20px;
    color: var(--footer_main_f_color) !important;
    font-weight: 700;
    text-transform: uppercase;
}
.footer__nav-title--bottom {
    position: relative;
}
.footer__nav-title--b_bottom::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    top: 27px;
    left: 0;
    transform: translateY(-50%);
    background: var(--footer_sub_bg_color) !important;
}
.footer__link {
    color: var(--footer_link_f_color) !important;
    transition: all 0.3s ease;
    font-size: 14px;
    text-decoration: none !important;
    display: block;
}
.footer__link:hover {
    color: var(--footer_link_hover_color) !important;
}
.border_white01 {
    border-bottom: 1px dotted var(--footer_link_f_color);
    height: 1px;
    opacity: 0.2;
}
@media (max-width: 480px) {
    .border_white01 {
        display: none;
    }
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-30 {
    padding-top: 30px;
}
.container_FollowUs {
    margin-top: -30px;
    width: 100%;
}
.m-t-1 {
    margin-top: 1px;
}
.m-t-8 {
    margin-top: 8px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-24 {
    margin-top: 24px;
}
.m-t-90 {
    margin-top: 90px;
}
.m-t--10 {
    margin-top: -10px;
}

.footer_ul {
    list-style: none;
    padding-left: 0;
}
.footer__logo {
    max-width: 120px;
    margin-bottom: 10px;
    text-align: left;
    color: var(--footer_sub_bg_color) !important;
    font-weight: 500;
    font-size: 1.5rem;
}
.footer__logo a {
    color: var(--footer_sub_bg_color) !important;
}
@media (min-width: 992px) {
    .footer__logo {
        text-align: left;
    }
}
.footer__logo-img {
    width: 100%;
    height: auto;
}
.footer__address {
    text-align: left;
}
@media (min-width: 992px) {
    .footer__address {
        text-align: left;
    }
}
.footer__address-item {
    margin-bottom: 6px;
    color: var(--footer_main_f_color) !important;
}
.footer__address-item:last-child {
    margin-bottom: 0px;
}
.footer__nav-title--dash {
    position: relative;
}
.footer__nav-title--dash::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 3px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: -15px;
}
.footer__nav-title--dash-red::before {
    background: #e1bbb4;
}
.footer__nav-title--dash-orange::before {
    background: #f17b08;
}
.footer__nav-title--dash-golden::before {
    background: var(--footer_sub_bg_color) !important;
}
.footer__list {
    margin-bottom: 12px;
}
.footer__list:last-child {
    margin-bottom: 0px;
}
.footer__top {
    padding-top: 60px;
    padding-bottom: 60px;
}
@media (min-width: 768px) {
    .footer__top {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (min-width: 992px) {
    .footer__top {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.footer__top [class^="col"] {
    margin-bottom: 40px;
}
.footer__top [class^="col"]:last-child {
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .footer__top [class^="col"] {
        margin-bottom: 40px;
    }
    .footer__top [class^="col"]:nth-child(3),
    .footer__top [class^="col"]:nth-child(4) {
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .footer__top [class^="col"] {
        margin-bottom: 0;
    }
}
.m-l-20 {
    margin-left: 20px;
}
.m-t-0 {
    margin-top: 0 !important;
}
.f_version4 {
    border-top: 1px solid var(--footer_sub_bg_color, #d22d26) !important;
}
.f_version5 {
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px !important;
    position: absolute;
    bottom: 0;
}
.h_100 {
    height: 100px;
}
.f-m-ul {
    height: 55px;
}
.footer__top_2 {
    padding-top: 40px;
    padding-bottom: 20px;
}
.div_reply_data{
	padding: 5px;
	margin-right: 15px;
}
.div_mobile_customer{
	padding: 5px;
/* 	margin-right: 15px; */
}
.p_0_20{
	padding: 0 20px;
}
.p_16{
	padding: 16px;
}
#div_search {
    display: none;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
}
.label-info {
    color: var(--header_main_bg_color, #ffffff);
    background: var(--color1);
    padding: 4px 8px;
    border-radius: var(--curve4);
}
#div_fullImage {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    width: 100%;
    height: 100%;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
}
#div_fullImage_inner {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
#fullImage {
    max-width: 100vw;
    max-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: contain;
}
#fullImage_close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
}
/******************** New Brand *************************/
.brand-imgs .slick-dots{
	margin-top:60px;
}
.margin_top6{ 
	scroll-margin-top: 6em;
	}
/*Only Safari*/
@media not all and (min-resolution:.001dpcm) {
#brand_List.brand  .margin_top6{
    position:absolute;
}
#mobile_container .margin_top6{
    position:absolute;
} 
.product_details_tab_area.margin_top4{
    position:relative;
    scroll-margin-top: 0;
} 
    } 
/*Only Firefox*/
@-moz-document url-prefix() { 
#brand_List.brand  .margin_top6 {
	scroll-margin-top: 6em;
}
}

/******************** bottom drawer *************************/
.bottom_drawer {
    bottom: 0;
    left: 0;
    position: fixed;
    /*transform: translate(-50%, 0);*/
    width: 100%;
    z-index: 1;
}
.bottom_drawer .header_bar {
    background-image: var(--bottom_drawer);
    border-radius: 4px 4px 0 0;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 46px;
}
.bottom_drawer .header_bar:after {
    display: table;
    content: "";
    clear: both;
}
.bottom_drawer .header_bar h2 {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
.bottom_drawer .header_bar button {
    float: right;
}
.bottom_drawer .body_area {
    background: #f8f8f8;
    display: none;
    overflow: hidden;
}
.bottom_drawer .body_area p {
    margin: 0;
    text-align: center;
}

.border_r10 {
    border-radius: 10px;
	
}

.border_r3 {
    border-radius: 3px;
}
.lang-active {
    text-decoration: underline;
}
.upload_img div {
    height: 40px;
    margin-top: 15px;
}
.service_header {
    width: 100%;
    height: 70px;
    left: 0px;
    background: #13243e;
    border-top-left-radius:var(--curve8);
    border-top-right-radius:var(--curve8);
}
.service_header > span {
    position: absolute;
    left: 24px;
    top: 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
}
.service_modal {
    max-height: 80vh;
    width: 100%;
    display: flex;
}
.service_left {
    position: relative;
    width: 58%;
}
.service_subtitle {
    font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	word-break: keep-all;
	padding-bottom: 12px;
	color: var(--color3);
}
.service_order_table {
    color: var(--color2);
    display: block;
    background-color: var(--color29);
    box-shadow: none;
    border-radius: var(--curve8);
    border: 1px solid var(--color23);
    margin: 0;
    padding: 24px 16px;
}
.m_t_12{
	 margin-top: 12px;
}

@media (max-width: 768px) {
    .collapseDetails::after{
		margin-top: -25px !important;
	}
}
.service_title_line {
    margin-top: 16px;
    margin-bottom: 12px;
    height: 1px;
    background-color: var(--color23);
}
.service_title_link {
	font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
}
.message_content {
    overflow: auto !important;
    height: calc(100% - 150px);
}
.service_subtitle_right{
	font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--color2);
    text-align: right;
}
@media(max-width:768px){
	.service_questions_area {
	    left: 20px;
	    right:20px;
	}
}
.ask_questions_area {
    height: 100%;
    padding: 24px;
}
.customer_upload {
    width: 100%;
    background-color: #f8f8f8;
    border-top-left-radius:8px;
	border-top-right-radius:8px;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

}
.mobile_customer_upload{
    width: 100%;
    background-color: #f8f8f8;
    border-top-left-radius:8px;
	border-top-right-radius:8px;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

}
@media (min-width: 400px) {
	.mobile_customer_upload{
	    grid-template-columns: repeat(1, 1fr);
	}
}
@media (min-width: 570px) {
	.mobile_customer_upload{
	    grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 720px) {
	.mobile_customer_upload{
	    grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 870px) {
	.mobile_customer_upload{
	    grid-template-columns: repeat(4, 1fr);
	}
}
.p_relative {
    position: relative;
}
.btn_upload_img {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 36px;
    background: #13243e;
    border-radius: 7px;
    flex-grow: 0;
    position: absolute;
    top: 15px;
    right: 5%;
}
.service_camera {
    font-size:35px;
    color:var(--color1);
}
.service_reply_data {
    background: transparent;
    width: 100%;
}
.service_send_message {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 36px;
    background: #13243e;
    border-radius: 7px;
    position: absolute;
    top: 15px;
    right: 5%;
    font-family: "Gen Jyuu Gothic P";
    font-weight: 500;
    color: #ffffff;
}

.service_line {
    position: relative;
    width: 1px;
    background-color:#eeeeee;
}
.service_right {
    width: 42%;
    overflow-y: auto;
    padding: 15px 20px 15px 15px;
}
.popUp_Div {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
}
.popUp_Div_center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.full_Page {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 5px;
    overflow: auto;
}
.full_img_cross {
    height: 35px;
    width: 100%;
    background-color: black;
}
.setFull_img_cross {
    color: white;
    font-size: 25px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
}
.vhw-80 {
	max-width: 80vw;
	max-height: calc(80vh - 50px);
}

.div_customer_img {
	padding-top: 20px;
    padding-left: 20px;
}
.i_customer_img {
	width: 130px;
    height: 120px;
    object-fit: fill;
    max-width: 130px;
  	max-height: 120px;
  	width: auto;
  	height: auto;
}
.btn-customer_remove_img {
	font-size: 22px;
    cursor: pointer;
    width: 15px;
    color:var(--color1);
    z-index: 99999;
    position: relative;
}
.div_customer_remove_img {
	height: 15px;
	margin-left: -10px;
	text-align: left;
}
.m-h-80vh{
	min-height: calc(80vh - 70px);
}
.c_default {
    cursor: default !important;
}
.toggleLoader{
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
}
.review_img_progressBar > div {
    width: 100% !important;
    text-align: center !important;
}
.title_customer_service {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}
.max_h_40 {
    max-height: 40vh;
}
.table_discontinued {
    border: 1px solid #e0e0e0;
    width: 100%;
}
.mobile_customer_service {
    height: calc(100vh - 200px);
    background: #ffffff;
    position: relative;
    margin-top: 16px;
}
#mobile_div_message_content {
    width: 100%;
    height: calc(100vh - 350px);
    overflow: auto;
}
.review_img_progressBar {
    width: 100%;
    background: #f8f8f8;
}
.reviewDate {
    font-family: "Noto Sans TC";
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.05px;
}

#tbody_discontinued > tr {
    border-bottom: 1px solid #e0e0e0;
}
#tbody_discontinued > tr > td:nth-child(1) {
    width: 100px;
    margin: 0 auto;
}
#tbody_discontinued > tr > td:nth-child(2) {
    color: #181818;
    font-size: 14px;
    padding: 10px;
    text-align: left;
}
#tbody_discontinued > tr > td:nth-child(3) {
    color: #181818;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
@media (max-width: 576px) {
    #tbody_discontinued > tr > td:nth-child(1) {
        max-height: 60px;
    }
    #tbody_discontinued > tr > td:nth-child(2) {
        display: block;
        width: 100%;
        text-align: left;
    }
    #tbody_discontinued > tr > td:nth-child(3) {
        display: block;
        width: 100%;
        text-align: left;
    }
}
.footer-img {
    max-width: 80%;
}
@media (max-width: 991px) {
    .footer-img {
        max-width: 50%;
    }
}
.width-content{
	width: fit-content;
}
.cursor-default {
    cursor: default;
}
.average_letter {
    letter-spacing: 0.678571px;
}
.overflow_s {
    overflow: scroll !important;
}
.t_align_l{
	 text-align: left;
}
.t-i-10 {
    text-indent: 10px;
}
.border_category {
    border: 1px solid #eb5757 !important;
}
.l-25 {
    left: 25px;
}
.reviewRow {
    height: 280px;
    overflow: hidden;
    width: 670px;
}
.reviewStar {
    font-size: 18px !important;
}
.reviewTitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 32px;
}
.reviewSubTitle{
	font-size:16px;
	line-height: 24px;
    color: #000000;
    margin-bottom: 16px;
}
.reviewConfirm{
	width: 214px;
}
.h_41{
	height: 41px;
}
.starRank{
	 margin-bottom: 32px;
}
.order_badge{
	text-align: center;
	padding: 8px 16px;
	font-size:16px;
	font-weight:700;
}
.div_review_p{
	padding-top: 30px;
}
@media (max-width: 400px) {
    .order_badge{
		max-width: 140px;
	}
}
@media (max-width: 991px) {
    .div_reviews {
        height: 100%;
        width: 720px;
    }
    .div_OverallRating {
        height: 100%;
    }
    .score_text{
    	margin-top: 4px;
    }
}
@media (max-width: 768px) {
    .review_m_w {
       width: 336px;
    }
    .reviewTitle{
	    font-size: 18px;
	    line-height: 26px;
	    margin-bottom: 24px;
    }
    .starRank{
	 	margin-bottom: 16px;
	}
}
@media (max-width: 370px) {
	.reviewCell {
   		 height: 110px;	
	}
	.reviewRow{
		height: 335px;
	}
}

@media (max-width: 460px) {
    .div_reviews {
    	min-width: 300px;
        position:relative;
    }
    .reviewCell {
        padding: 0 0;
    }
    .reviewRow{
    	position: static;
    }
    .s-angle{
    	top: 65%;
    } 
}
.review_average {
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 0.76px;
    color: #333333;
}
@media (max-width: 767px) {
    .reviewCell {
        text-align: center;
    }
    .reviewRow {
        width: 400px;
        margin: 0 auto;
    }
    .div_reviews {
        width: 100%;
    }
    .review_average{
    	font-size: 24px;
    }
    .average_letter{
    	font-size: 24px !important;
    }
    .div_review_p{
		padding-top: 5px;
	}
}
@media (max-width: 520px) {
    .reviewRow {
        width: 100%;
    }
}
@media (max-width: 576px) {
    .paddingCoupon {
       padding: 20px 1.25rem !important;
    }
}
.h-70{
	height: 70px;
}
.icon-receipt{
    background-image: url(../img/icon/icon_receipt.svg);
}
.receipt-bottom > tr > th{
	border-bottom-width:0 !important;
}
.mobile-sticky-header {
    position: sticky;
    top: 0;
    z-index: 100;
}

.reviewName {
    font-family: "Noto Sans TC";
    color: #666666;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coupons_load {
    width: 50px !important;
    height: 50px !important;
}
.parent999 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.outer_div_vertical_swiper {
	display: grid;
	grid-template-columns: minmax(0, 88px) 1fr;
	height: 100%;
	gap: 10px;
}

.outer_div_vertical_swiper.not_thumbs {
  grid-template-columns: 1fr;
  
}
a.btn_href_full_image {
    width: 100%;
    height: 100%;
}
.cart-checkbox{
	display:flex;
	gap:20px;
	align-items:center;
}
.cart-checkbox .checkbox{
	top: -10px;
}
.sec-title2 .cart-checkbox .checkbox{
	top: 0;
}

.cart-checkbox .checkmark {
	border-color: var(--color3);
}

.cart-checkbox .checkmark.checkbox:after {
	border-color: var(--color3);
}

.cart-checkbox :hover input ~ .checkmark.checkbox {
    border: 1px solid var(--color3)
}


.cart-checkbox .checkmark.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.cart-checkbox .container input:checked ~ .checkmark.checkbox:after {
    display: block;
}

/*
.cart-checkbox .checkmark.checkbox:after {
    left: 6px;
    top: 3px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

*/


/* stepProgress */
.stepProgress {
  position: relative;
  padding-left: 47px;
  list-style: none;
  color: #333333;
}
.stepProgress::before {
   display: inline-block;
   content: "";
   position: absolute;
   top: 0;
   left: 15px;
   width: 10px;
   height: 100%;
   border-left: 2px solid #999999;
}
.stepProgress-item {
    position: relative;
    counter-increment: list;
}
.stepProgress-item:not(:last-child) {
    padding-bottom: 20px;
}
.stepProgress-item::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -40px;
    width: 18px;
    height: 18px;
    border: 2px solid #999999;
    border-radius: 50%;
    background-color: #fff;
}
.stepProgress-item.is-done::after {
    content: "✔";
    font-size: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 3px;
    border: 2px solid #999999;
    color: #999999;
}
.stepProgress-item.is-error::after {
    content: "✘";
    font-size: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 4px;
    border: 2px solid #999999;
    color: #999999;
}
.stepProgress-item.active::after {
	color:#ffffff;
    border: 2px solid var(--header_link_hover_color);
    background-color: var(--header_link_hover_color);
}
.stepProgress strong {
    display: block;
}
.t2 {
    font-size: 14px;
}
.swiper_product_thumbs, .swiper_product_big {
	width: 100%;
	height: calc(88px * 3);
	min-height: calc(88px * 3);
	background: #FFF;
}
.vertical_swiper .swiper-wrapper{
	padding:0;
}
@media (min-width: 1200px) {
	.swiper_product_thumbs, .swiper_product_big{
		height: calc(88px * 5);
		min-height: calc(88px * 5);
	}
}
.swiper_product_thumbs .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper_product_thumbs .swiper-slide img {
	display: block;
	width: 100%;
	object-fit: scale-down;
	height: 78px;
	border-radius: 10px;
}
.swiper_product_thumbs .swiper-slide .product_thumbs_outer{
	padding: 5px;
	border-radius: 10px;
	width: 100%;
}
.swiper_product_thumbs .swiper-slide.swiper-slide-thumb-active .product_thumbs_outer{
    position: relative;
}
.swiper_product_thumbs .swiper-slide.swiper-slide-thumb-active .product_thumbs_outer::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  z-index: 1; /* 將遮罩層置於圖片之上 */
}

.swiper_product_big .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper_product_big .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: scale-down;
	padding-top: 5px;
}

/* 解決 img 預設邊框現象 */
img[src=""],img:not([src]){
	opacity:0;
}
img.loaded{ opacity: 1 !important;}
.dropdown-menu.lang-menu{
	top: 30px;
	right: 75px;
	min-width:unset;
	padding: 0.5rem 0;
	color: var(--color34);
}

.custom_taste_content .swiper-wrapper{
	padding-top: 0;
}

.lang-menuitem{
	font-size: 12px;
	padding: 4px 12px;
}
.lang-menuitem.active{
	background-color: var(--color29);
	color: var(--color34);
}
.swiper-overflow{
    overflow: hidden;
}
.custom_taste_content .swiper-slide.product-box{
	max-width: none !important;
}
.latest-swiper-container .swiper-slide.product-box{
	max-width: none !important;
}
.hot_swiper .swiper-slide.product-box{
	max-width: none !important;
}
/*  解決加入分類被切掉*/
.swiper-slide.product_block.product-box {
  transform: none;
}
/*  解決購物車-繼續購物字樣，手機版會被覆蓋  */
@media(max-width:768px){
	.vendor-cart{
	margin-top:60px;
	}
}
.gap-20{
	gap: 20px;
}
.gap-8{
	gap:8px!important;
}
.gap-16{
	gap:16px!important;
}
.mobile-header-menu-outer{
    display: none;
   }
   .mobile-header-menu-outer.show{
     	width: 100%;
       position: fixed;
       top: 0;
       bottom: 0;
       z-index: 1000;
       display: grid;
       height: 100vh;
       height:calc(var(--vh,1vh)*100);
       grid-template-columns:320px 1fr;
       background: transparent;
   }
   .mobile-header-menu-opacity{
   		background: #000;
   		height: 100vh;
   		height:calc(var(--vh,1vh)*100);
   		opacity: 0.5;
   }
   .mobile-header-menu-inner{
  	width:320px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
    height:calc(var(--vh,1vh)*100);
    background: #FFF;
   }
   .mobile-header-menu-inner h3{
    margin-bottom:0;
   }
   .mobile-header-info-outer{
    overflow:auto;
   }
   .mobile-header-info-inner{
    height: 100%;
   }
   .mobile-header-title-inner{
       display: grid;
       grid-template-columns: 1fr auto auto;
       gap: 16px;
       padding:0 20px;
       align-items: center;
       height:65px;
       border-bottom:1px solid var(--color23);
   }
   .mobile-header-title-inner i{
       font-size:24px;
   }
   .mobile-header-title-inner i.icon-close{
    font-size:16px;
    font-weight: 700;;
}
.mobile-header-info-inner .mobile_menu_li{
       border-top:1px solid var(--color23);
   }
   .mobile-header-info-inner a{
    display: flex;
    line-height: 57px;
    align-items: center; 
    padding:0 20px;
    display:block;
    color:var(--header_link_f_color, #333333);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
   }
   .mobile-header-info-inner a.theme-btn.new-btn,
   .mobile-header-info-inner a.theme-btn.sale-btn{
    height: 40px;
    line-height: 38px;
   }
   .mobile-header-info-inner .mobile_menu_li:first-child{
        border-top:0;
   }
   .mobile-header-info-inner .go-back a{
    background-color: var(--color22);
    font-weight: 700;
    color:var(--header_link_f_color, #333333);
    padding-left:40px;
   }
.mobile-header-info-inner .go-back a::before {
    content: "";
    display: block;
    -moz-padding-start: calc(0.75rem - 3px);
    background-image: url(../img/icon/icon-arrow-left.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 12px;
    background-size: contain;
    border: none !important;
    height: 18px !important;
    width: 18px !important;
    top: 20px;
    left: 15px;
    position: absolute;
}
.mobile_menu_li .grid-1,
.mobile_menu_li .grid-2{
	display:flex;
	gap:10px;
	height: 57px;
    align-items: center;
}
.mobile-header-info-inner .go-back a::after {
    width:0!important;
}
.mobile-header-info-inner .mobile_menu_img img{
    margin-top:20px;
    margin-bottom:20px;
}
.mobile-header-info-inner .has-children a::after{
    color:var(--header_link_f_color, #333333);
}
.mobile-header-info-inner .has-children a:hover::after{
    background-image: url(../img/icon/icon-arrow-right.svg);
}


.web_menu_li_div{
    position: absolute;
    width: 100%;
    padding: 40px 0 40px;
    max-height: 56vh;
    overflow: auto;
    left: 0;
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
    background-color: var(--white);
}
.web_menu_li_div:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.web_menu_div_inner {
    max-width: 1320px;
}
.web_menu_div_inner h5{
    margin-bottom: 1.25rem;
    color: var(--header_sub_bg_color, #333333);
}
.web_menu_li_detail .web_menu_li_detail_title{
    margin-top:16px;
    font-weight: 400;
    font-size: 16px;
}
.web_menu_li_detail .web_menu_li_detail_title a:hover{
    color: var(--header_link_hover_color, #eb5757);
}
.web_menu_div_inner .web_menu_li_detail_title{
    margin-top:16px;
}
.web_menu_li_detail .web_menu_li_detail_title:first-child{
    margin-top:0;
}
.web_menu_div_inner .web_menu_div_inner_btn:last-child{
    margin-bottom:16px;
}
.web_menu_div_inner .web_menu_div_inner_btn{
    margin-right:20px;
    margin-bottom:16px;
}
.web_menu_li_div .grid-nowrap-1, .web_menu_li_div .grid-nowrap-2 {
    max-width:1320px;
    margin:auto;
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
.web_menu_li_div .grid-nowrap-1, .web_menu_li_div .grid-nowrap-2{
    max-width: 1140px;
}
}
.web_menu_li_div .grid-nowrap-2 {
    grid-template-columns: repeat(1, minmax(100px, 234px) 1fr auto);
}
.web_menu_li.active a {
    font-weight:700;
}
.web_menu_li:not(.active) a {
    font-weight: normal;
}
#brand_swiper .d-flex.justify-content-center{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.swal2-shown #s_body{
	position: unset !important;
}

.promote_hint_product{
	color: #eb5757; 
	font-weight: 500;
	margin-bottom: 16px;
}
.product_block .promote_hint_product{
	font-size: 12px;
}
.promote_hint_event_area{
	flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.promote_hint_event_area .promote_hint_event{
	color: #af2b39;
    background: #FFF;
    padding: 0px 5px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px #af2b39 solid;
}
.fee_rule_area{
	flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.fee_rule_area .fee_rule{
    font-size: 14px;
    color: #13243e;
}
.fee_rule_area .fee_rule_shippingMethod{
	color: #FFF;
    background: #13243e;
    padding: 2px 5px;
    border-radius: 5px;
}

.store_pick_location{
    line-height: 1.5;
    padding-top: 9px;
}
.preOrder_area {
	color: #333333;
    background: #fad230;
    padding: 0px 5px;
    font-size: 20px;
    border-radius: 5px;
}
.d-fixed-bottom .fixed-bottom-m{
	margin-top:48px;
}
@media(max-width:767px){
.d-fixed-bottom{
	position:fixed;
	z-index:9;
	bottom:0;
	left:0;
	width:100%;
	background:#ffffff;
	padding:15px 15px 20px;
	padding-bottom:20px!important;
}
.d-fixed-bottom .fixed-bottom-m{
	margin-top:15px;
}
.d-fixed-bottom .col-6:first-child{
	padding-left:15px;
}
.d-fixed-bottom .col-6:last-child{
	padding-right:15px;
}
}