:root{--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-header,.web101-page .fw-header *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-header{position:sticky;top:0;z-index:9999;font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text);background:var(--fw-color-primary) url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/ae23175b9645757761700b1df3f498c87bd052b9d0cdb302f6caf4a3a934383e.webp") repeat-x 50% 50%;box-shadow:0 2px 12px -4px rgba(188, 188, 188, 0.5)} .web101-page .fw-header a{text-decoration:none} .web101-page .fw-header__inner{position:relative;display:flex;align-items:center;max-width:1400px;margin:0 auto} .web101-page .fw-header__brand{width:32%;padding:10px} .web101-page .fw-header__logo{position:absolute;top:0;left:0;display:block;width:150px;padding:15px 10px;text-align:center;background:#ecca12;border-radius:0 0 50px 50px;box-shadow:0 3px 5px 2px rgba(0, 0, 0, 0.3)} .web101-page .fw-header__logo-img{display:block;width:130px;height:auto} .web101-page .fw-header__title{display:block;margin-left:150px;padding:10px;font-size:23px;line-height:23px;letter-spacing:2px;color:var(--fw-color-white)} .web101-page .fw-header__toggle,.web101-page .fw-header__burger{display:none} .web101-page .fw-header__nav{display:flex;justify-content:flex-end;width:68%} .web101-page .fw-header__menu{display:flex;flex-wrap:wrap;list-style:none} .web101-page .fw-header__item{position:relative} .web101-page .fw-header__link{display:flex;align-items:center;padding:13px 20px;font-size:16px;line-height:20px;letter-spacing:1px;color:var(--fw-color-white);cursor:pointer} .web101-page .fw-header__dm > summary{list-style:none} .web101-page .fw-header__dm > summary::-webkit-details-marker{display:none} .web101-page .fw-header__arrow{position:relative;flex:none;width:12.16px;height:16px;margin-left:10px} .web101-page .fw-header__arrow::before{content:"";position:absolute;top:2px;left:3px;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)} .web101-page .fw-header__sub{position:absolute;top:100%;left:0;min-width:130px;margin-top:3px;list-style:none;background:var(--fw-color-white);box-shadow:1px 1px 13px -2px rgba(179, 179, 179, 0.5)} .web101-page .fw-header__sub-link{display:flex;align-items:center;padding:13px 15px;font-size:18px;font-weight:700;line-height:20px;color:#333333} .web101-page .fw-header__sub-link:hover,.web101-page .fw-header__sub-link:focus{color:var(--fw-color-white);background:#4f4f4f} @media (max-width: 1024px){.web101-page .fw-header{position:relative;padding:14px 20px;background-size:cover;box-shadow:0 2px 13px -3px rgba(188, 188, 188, 0.5)} .web101-page .fw-header__inner{position:static;flex-wrap:wrap;max-width:none} .web101-page .fw-header__brand{display:flex;flex-direction:column;gap:20px;width:50%;padding:10px} .web101-page .fw-header__logo{position:static;width:120px;padding:0;background:none;border-radius:0;box-shadow:none} .web101-page .fw-header__logo-img{width:120px} .web101-page .fw-header__title{margin:0;padding:0;font-size:35px;line-height:35px;letter-spacing:1.5px;color:var(--fw-color-light)} .web101-page .fw-header__toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} .web101-page .fw-header__burger{display:flex;justify-content:center;align-items:center;width:50%;font-size:28px;color:var(--fw-color-primary);cursor:pointer} .web101-page .fw-header__burger-box{display:flex;align-items:center;margin-left:auto;padding:7px;background:var(--fw-color-white);border-radius:3px} .web101-page .fw-header__toggle:checked + .fw-header__burger .fw-header__burger-box{background:rgba(0, 0, 0, 0.05)} .web101-page .fw-header__toggle:focus-visible + .fw-header__burger .fw-header__burger-box{outline:2px solid currentColor} .web101-page .fw-header__icon{width:0.755em;height:1em;--fw-svg-color:currentColor} .web101-page .fw-header__icon--close,.web101-page .fw-header__toggle:checked + .fw-header__burger .fw-header__icon--open{display:none} .web101-page .fw-header__toggle:checked + .fw-header__burger .fw-header__icon--close{display:block} .web101-page .fw-header__nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;background:var(--fw-color-primary);border-radius:0 0 3px 3px;box-shadow:0 5px 11px -4px rgba(187, 187, 187, 0.5)} .web101-page .fw-header__toggle:checked ~ .fw-header__nav{display:block} .web101-page .fw-header__menu{display:block} .web101-page .fw-header__link{padding:16px 20px;font-size:18px;letter-spacing:1.5px;color:var(--fw-color-light)} .web101-page .fw-header__link:hover,.web101-page .fw-header__link:focus{color:var(--fw-color-primary);background:var(--fw-color-white)} .web101-page .fw-header__link--active,.web101-page:has(.fw-page-home) .fw-header__link[href="/"],.web101-page:has(.fw-page-store) .fw-header__link[href="/store"],.web101-page:has(.fw-page-shopping-noitce) .fw-header__link[href="/shopping-noitce"],.web101-page:has(.fw-page-aboutus) .fw-header__link[href="/aboutus"],.web101-page:has(.fw-page-media-report) .fw-header__link[href="/media-report"]{color:#333333;background:var(--fw-color-white)} .web101-page .fw-header__item:last-child .fw-header__link{border-radius:0 0 3px 3px} .web101-page .fw-header__arrow{margin-left:10px} .web101-page .fw-header__sub{position:static;margin:0;background:none;box-shadow:none} .web101-page .fw-header__sub-link{padding:16px 20px 16px 36px;font-weight:400;color:var(--fw-color-light)} .web101-page .fw-header__sub-link:hover,.web101-page .fw-header__sub-link:focus{color:var(--fw-color-primary);background:var(--fw-color-white)}} @media (max-width: 767px){.web101-page .fw-header{padding:10px 20px} .web101-page .fw-header__brand{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px 10px} .web101-page .fw-header__logo,.web101-page .fw-header__logo-img{width:80px} .web101-page .fw-header__title{width:220px;font-size:22px;line-height:22px;text-align:center} .web101-page .fw-header__burger{width:100%;font-size:26px} .web101-page .fw-header__burger-box{padding:6.5px}} :root{--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-footer,.web101-page .fw-footer *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-footer{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-light)} .web101-page .fw-footer a{color:var(--fw-color-white);text-decoration:none} .web101-page .fw-footer__main{padding:2% 5%;background:var(--fw-color-primary) url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/53524f6993884ebbe5931c62d67c8a3739bcba4d98141ca00c120180e3263a2d.webp") 50% 50% / cover} .web101-page .fw-footer__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;padding:10px} .web101-page .fw-footer__col{display:flex;flex-direction:column;padding:10px} .web101-page .fw-footer__brand{font-size:22px;font-weight:400;line-height:22px;letter-spacing:normal} .web101-page .fw-footer__en{margin:10px 0 20px;font-size:12px;font-weight:300;line-height:12px;letter-spacing:normal;text-transform:uppercase} .web101-page .fw-footer__intro{font-size:14px;line-height:19.6px;letter-spacing:1px} .web101-page .fw-footer__title{padding-bottom:10px;font-size:20px;font-weight:300;line-height:20px;letter-spacing:2px} .web101-page .fw-footer__rule{height:0;margin:6px 0;border:0;border-top:2px solid #f8f8f8} .web101-page .fw-footer__products{columns:2;column-gap:0;list-style:none;font-size:14px} .web101-page .fw-footer__products li{break-inside:avoid} .web101-page .fw-footer__info{list-style:none;font-size:13px;letter-spacing:normal} .web101-page .fw-footer__pages{width:50%;padding-left:42.5px;font-size:14px} .web101-page .fw-footer__legal{background:var(--fw-color-primary-dark)} .web101-page .fw-footer__copy{width:90%;max-width:1140px;margin:0 auto;padding:10px 0;font-size:14px;text-align:center} @media (max-width: 1024px){.web101-page .fw-footer__grid{grid-template-columns:1fr}} @media (max-width: 767px){.web101-page .fw-footer__intro{letter-spacing:2px;text-align:justify} .web101-page .fw-footer__pages{width:100%}} @media (max-width: 689px){.web101-page .fw-footer__copy{width:88%}} /* / */ .web101-page:has(.fw-page-home){--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-page-home .fw-s-hero,.web101-page .fw-page-home .fw-s-hero *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-home .fw-s-hero{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-home .fw-s-hero{position:relative;overflow:hidden} .web101-page .fw-page-home .fw-s-hero__track{display:flex;transition:transform 1.5s} .web101-page .fw-page-home .fw-s-hero__slide{position:relative;flex:0 0 100%;height:75vh;overflow:hidden} .web101-page .fw-page-home .fw-s-hero__bg{position:absolute;inset:0;background:50% 50% / cover;transform:scale(1.3);transition:transform 10s linear} .web101-page .fw-page-home .fw-s-hero__bg--1{background-image:url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/648afc6858f1257d0fed3e6a87daa9467de3119512c0ebaec2ce81c64b76f304.webp")} .web101-page .fw-page-home .fw-s-hero__bg--2{background-image:url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/0c94c60b3821050b3d48a81a9d5d953958cf3b3a03b3b699ad4ab5849c5cb23c.webp")} .web101-page .fw-page-home .fw-s-hero__bg--3{background-image:url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/670dcbe3f6da7cec4eaf5f8aba45d955c75bbdb15940ea307f6e99f62f2dc9f6.webp")} .web101-page .fw-page-home .fw-s-hero__slide.is-active .fw-s-hero__bg{transform:scale(1)} .web101-page .fw-page-home .fw-s-hero__arrow{position:absolute;top:50%;z-index:1;display:flex;justify-content:center;align-items:center;width:19px;height:25px;margin-top:-12.5px;color:rgba(237, 237, 237, 0.9);background:none;border:0;cursor:pointer} .web101-page .fw-page-home .fw-s-hero__arrow::before{content:"";width:12px;height:12px;border:solid currentColor;border-width:0 0 3px 3px} .web101-page .fw-page-home .fw-s-hero__arrow--prev{left:10px} .web101-page .fw-page-home .fw-s-hero__arrow--prev::before{margin-left:5px;transform:rotate(45deg)} .web101-page .fw-page-home .fw-s-hero__arrow--next{right:10px} .web101-page .fw-page-home .fw-s-hero__arrow--next::before{margin-right:5px;transform:rotate(-135deg)} @media (max-width: 1024px){.web101-page .fw-page-home .fw-s-hero__slide{height:50vh}} @media (max-width: 767px){.web101-page .fw-page-home .fw-s-hero__slide{height:35vh}} @media (prefers-reduced-motion: reduce){.web101-page .fw-page-home .fw-s-hero__track,.web101-page .fw-page-home .fw-s-hero__bg{transition:none}} .web101-page .fw-page-home .fw-s-about,.web101-page .fw-page-home .fw-s-about *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-home .fw-s-about{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-home .fw-s-about__inner{display:flex;flex-wrap:wrap;align-items:center;max-width:1200px;margin:0 auto;padding:70px 0} .web101-page .fw-page-home .fw-s-about__col{display:flex;flex-direction:column;width:50%;padding:10px} .web101-page .fw-page-home .fw-s-about__col--text{justify-content:center;align-items:flex-start;gap:10px} .web101-page .fw-page-home .fw-s-about__col--video{gap:20px} .web101-page .fw-page-home .fw-s-about__mark{margin-top:-5px;font-family:Montserrat, sans-serif;font-size:24px;font-weight:700;line-height:1.5em;letter-spacing:0.8px;color:#3a3a3a;text-transform:capitalize} .web101-page .fw-page-home .fw-s-about__text{width:100%;font-size:18px;line-height:1.7em;letter-spacing:0.8px;color:#333333} .web101-page .fw-page-home .fw-s-about__more{padding-top:1.7em} .web101-page .fw-page-home .fw-s-about__more a{color:#54595f;text-decoration:none} .web101-page .fw-page-home .fw-s-about__video{border:10px inset #dacacb;border-radius:10px} .web101-page .fw-page-home .fw-s-about__video iframe{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0;background:#000000} .web101-page .fw-page-home .fw-s-about__action{text-align:center} .web101-page .fw-page-home .fw-s-about__btn{display:inline-block;padding:12px 24px;font-size:15px;line-height:15px;color:var(--fw-color-light);text-decoration:none;background:var(--fw-color-primary);border-radius:50px} @media (max-width: 1024px){.web101-page .fw-page-home .fw-s-about{padding:0 20px} .web101-page .fw-page-home .fw-s-about__inner{padding:40px 0 20px} .web101-page .fw-page-home .fw-s-about__mark{margin-top:-8px} .web101-page .fw-page-home .fw-s-about__text{font-size:17px}} @media (max-width: 767px){.web101-page .fw-page-home .fw-s-about{padding:0 15px} .web101-page .fw-page-home .fw-s-about__inner{flex-direction:column-reverse;padding:20px 0 15px} .web101-page .fw-page-home .fw-s-about__col{width:100%;padding:0} .web101-page .fw-page-home .fw-s-about__col--text{padding-top:50px} .web101-page .fw-page-home .fw-s-about__mark{font-size:22px} .web101-page .fw-page-home .fw-s-about__text{margin-top:-8px}} .web101-page .fw-page-home .fw-s-divider{height:70px;background:url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/ed190f915039b846ec9926b99cd7d9593c1e3f8f8ae8ef448cc86f0a151e871d.webp") 50% 100% / 350px auto} .web101-page .fw-page-home .fw-s-hot,.web101-page .fw-page-home .fw-s-hot *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-home .fw-s-hot{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-home .fw-s-hot{padding:2% 5% 5%;background:var(--fw-color-primary)} .web101-page .fw-page-home .fw-s-hot__head{max-width:1160px;margin:0 auto 20px;padding:10px;text-align:center} .web101-page .fw-page-home .fw-s-hot__en{font-size:23px;font-weight:400;line-height:23px;letter-spacing:normal;color:var(--fw-color-white)} .web101-page .fw-page-home .fw-s-hot__rule{width:131px;height:0;margin:2px auto;border:0;border-top:1px solid var(--fw-color-white)} .web101-page .fw-page-home .fw-s-hot__zh{font-size:22px;font-weight:400;line-height:22px;letter-spacing:normal;color:var(--fw-color-light)} .web101-page .fw-page-home .fw-s-hot__grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);gap:50px;padding:20px;list-style:none} .web101-page .fw-page-home .fw-s-hot__card{display:flex;flex-direction:column;padding:10px;color:var(--fw-color-white)} .web101-page .fw-page-home .fw-s-hot__photo{display:block;color:#54595f} .web101-page .fw-page-home .fw-s-hot__photo img{box-sizing:content-box;max-width:calc(100% - 10px);height:auto;vertical-align:middle;border:5px solid var(--fw-color-white);border-radius:5px;box-shadow:2px 3px 5px 2px rgba(0, 0, 0, 0.3)} .web101-page .fw-page-home .fw-s-hot__name{margin-top:2%;padding:10px 0 4px;font-size:20px;font-weight:700;line-height:20px;letter-spacing:2px} .web101-page .fw-page-home .fw-s-hot__spec{font-size:15px;line-height:22.5px;letter-spacing:3px} @media (max-width: 1024px){.web101-page .fw-page-home .fw-s-hot__grid{grid-template-columns:repeat(2, 1fr)}} @media (max-width: 767px){.web101-page .fw-page-home .fw-s-hot{padding:20px 0} .web101-page .fw-page-home .fw-s-hot__grid{gap:30px 0;padding:10px} .web101-page .fw-page-home .fw-s-hot__name{margin-bottom:calc(3px - 2%)}} .web101-page .fw-page-home .fw-s-news,.web101-page .fw-page-home .fw-s-news *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-home .fw-s-news{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-home .fw-s-news{background:#f1f1f1 url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/ff95158ea7537381232494074902c2eb54cbc527197aa5d2e6fda2bafd54e472.webp") 50% 0 / 54px auto no-repeat} .web101-page .fw-page-home .fw-s-news__inner{display:flex;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto;padding:70px 0} .web101-page .fw-page-home .fw-s-news__col{display:flex;flex-direction:column;align-items:center;width:calc((100% - 10px) / 2)} .web101-page .fw-page-home .fw-s-news__col--list{padding:15px 0} .web101-page .fw-page-home .fw-s-news__col--fb{padding:10px} .web101-page .fw-page-home .fw-s-news__head{width:100%;margin-bottom:20px;padding:10px;text-align:center;color:var(--fw-color-primary)} .web101-page .fw-page-home .fw-s-news__en{font-size:23px;font-weight:400;line-height:23px;letter-spacing:normal} .web101-page .fw-page-home .fw-s-news__rule{width:131px;height:0;margin:2px auto;border:0;border-top:1px solid var(--fw-color-primary)} .web101-page .fw-page-home .fw-s-news__zh{font-size:22px;font-weight:400;line-height:22px;letter-spacing:normal} .web101-page .fw-page-home .fw-s-news__list{width:100%} .web101-page .fw-page-home .fw-s-news__tab{display:flex;padding:15px;font-size:17px;line-height:17px;list-style:none;border-bottom:1px solid #d5d8dc;cursor:pointer} .web101-page .fw-page-home .fw-s-news__tab::-webkit-details-marker{display:none} .web101-page .fw-page-home .fw-s-news__tab::before{content:"";flex:none;margin:3px 10px 0 0;border:solid transparent;border-width:5px 0 5px 7px;border-left-color:currentColor} .web101-page .fw-page-home .fw-s-news__item[open] .fw-s-news__tab{border-bottom:0} .web101-page .fw-page-home .fw-s-news__item[open] .fw-s-news__tab::before{margin:3px 7px 0 0;border-width:0 5px 7px;border-color:transparent transparent currentColor} .web101-page .fw-page-home .fw-s-news__body{padding:15px;border-bottom:1px solid #d5d8dc} .web101-page .fw-page-home .fw-s-news__fb{max-width:100%;margin-bottom:8px} .web101-page .fw-page-home .fw-s-news__fb iframe{display:block;width:500px;max-width:100%;height:500px;border:0} @media (max-width: 767px){.web101-page .fw-page-home .fw-s-news{padding:0 5px} .web101-page .fw-page-home .fw-s-news__inner{padding:70px 0 0} .web101-page .fw-page-home .fw-s-news__col{width:100%;padding:0} .web101-page .fw-page-home .fw-s-news__tab{padding:12px} .web101-page .fw-page-home .fw-s-news__body{padding:12px 10px}} @keyframes fw-slide-fw-page-home-3{0.0000%{transform:translateX(0%)}30.0000%{transform:translateX(0%)}33.3333%{transform:translateX(-100%)}63.3333%{transform:translateX(-100%)}66.6667%{transform:translateX(-200%)}96.6667%{transform:translateX(-200%)}100%{transform:translateX(-300%)}} .web101-page .fw-page-home .fw-s-hero__track{animation:fw-slide-fw-page-home-3 15s ease-in-out infinite;transition:none} .web101-page .fw-page-home .fw-s-hero:hover .fw-s-hero__track{animation-play-state:paused} @media (prefers-reduced-motion:reduce){.web101-page .fw-page-home .fw-s-hero__track{animation:none}} /* /store */ .web101-page:has(.fw-page-store){--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-page-store .fw-s-stores,.web101-page .fw-page-store .fw-s-stores *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-store .fw-s-stores{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-store .fw-s-stores{width:90%;max-width:1290px;margin:30px auto;padding:70px 0} .web101-page .fw-page-store .fw-s-stores__grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:20px;padding:10px} .web101-page .fw-page-store .fw-s-stores__info{display:flex;flex-direction:column;align-items:center;gap:20px;padding:70px 20px} .web101-page .fw-page-store .fw-s-stores__name{font-size:35px;font-weight:700;line-height:35px;letter-spacing:normal} .web101-page .fw-page-store .fw-s-stores__links{margin-bottom:17.5px;font-size:25px;font-weight:700;line-height:37.5px} .web101-page .fw-page-store .fw-s-stores__btn{margin:0 10px;padding:5px 10px;font-size:20px;font-weight:400;line-height:30px;color:var(--fw-color-white);text-decoration:none;background:#b30104} .web101-page .fw-page-store .fw-s-stores__map{overflow:hidden} .web101-page .fw-page-store .fw-s-stores__map iframe{display:block;width:100%;max-width:100%;height:380px;border:0} @media (max-width: 767px){.web101-page .fw-page-store .fw-s-stores__grid{grid-template-columns:1fr}} @media (max-width: 689px){.web101-page .fw-page-store .fw-s-stores{width:88%;margin:20px auto}} /* /shopping-noitce */ .web101-page:has(.fw-page-shopping-noitce){--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-page-shopping-noitce .fw-s-steps,.web101-page .fw-page-shopping-noitce .fw-s-steps *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-shopping-noitce .fw-s-steps{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-shopping-noitce .fw-s-steps{display:flex;flex-direction:column;gap:20px;margin-top:30px;padding:10px;text-align:center} .web101-page .fw-page-shopping-noitce .fw-s-steps img{max-width:100%;height:auto;vertical-align:middle} .web101-page .fw-page-shopping-noitce .fw-s-steps__item--small{display:none} @media (max-width: 1024px){.web101-page .fw-page-shopping-noitce .fw-s-steps__item--small{display:block}} @media (max-width: 689px){.web101-page .fw-page-shopping-noitce .fw-s-steps{margin-top:20px}} .web101-page .fw-page-shopping-noitce .fw-s-notice,.web101-page .fw-page-shopping-noitce .fw-s-notice *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-shopping-noitce .fw-s-notice{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-shopping-noitce .fw-s-notice__inner{display:flex;flex-direction:column;gap:20px;width:90%;max-width:1290px;margin:0 auto;padding:10px 0} .web101-page .fw-page-shopping-noitce .fw-s-notice h2{margin-bottom:11px;padding-left:22px;font-size:22px;font-weight:700;line-height:33px;letter-spacing:normal;border-left:5px solid var(--fw-color-primary)} .web101-page .fw-page-shopping-noitce .fw-s-notice h4{padding-left:24px;font-size:20px;font-weight:700;line-height:30px;letter-spacing:normal} .web101-page .fw-page-shopping-noitce .fw-s-notice p{padding-left:27.2px} .web101-page .fw-page-shopping-noitce .fw-s-notice ul{padding-left:42.5px} @media (max-width: 689px){.web101-page .fw-page-shopping-noitce .fw-s-notice__inner{width:88%}} .web101-page .fw-page-shopping-noitce .fw-s-remit,.web101-page .fw-page-shopping-noitce .fw-s-remit *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-shopping-noitce .fw-s-remit{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-shopping-noitce .fw-s-remit{margin-bottom:30px;background:url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/5f1c031a77c537e66628bd7a03840629846ad0b2220839ca122ef3a166808386.webp") 100% 50% / 45% auto no-repeat} .web101-page .fw-page-shopping-noitce .fw-s-remit__inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;width:90%;max-width:1290px;margin:0 auto;padding:20px 0 70px} .web101-page .fw-page-shopping-noitce .fw-s-remit__field{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px} .web101-page .fw-page-shopping-noitce .fw-s-remit__label{height:30px;margin-bottom:5px;font-size:15px;font-weight:500;line-height:28.9px;letter-spacing:normal;cursor:pointer} .web101-page .fw-page-shopping-noitce .fw-s-remit__label--required::after{content:" *";margin-left:3px;color:#f56c6c} .web101-page .fw-page-shopping-noitce .fw-s-remit__input{display:block;width:100%;height:40px;padding:0 15px;font-family:-apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:16px;line-height:16px;letter-spacing:1.5px;color:#606266;background:var(--fw-color-white);border:1px solid #dadbdd;border-radius:0} .web101-page .fw-page-shopping-noitce .fw-s-remit__input::placeholder{color:#868e96} .web101-page .fw-page-shopping-noitce .fw-s-remit__submit{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:55px;padding:5px 30px;font:inherit;font-size:14px;font-weight:700;letter-spacing:inherit;color:var(--fw-color-white);text-transform:uppercase;background:var(--fw-color-primary);border:0;border-radius:50px;cursor:pointer} @media (max-width: 767px){.web101-page .fw-page-shopping-noitce .fw-s-remit__inner{grid-template-columns:1fr}} @media (max-width: 689px){.web101-page .fw-page-shopping-noitce .fw-s-remit{margin-bottom:20px} .web101-page .fw-page-shopping-noitce .fw-s-remit__inner{width:88%}} /* /aboutus */ .web101-page:has(.fw-page-aboutus){--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-page-aboutus .fw-s-intro,.web101-page .fw-page-aboutus .fw-s-intro *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-aboutus .fw-s-intro{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-aboutus .fw-s-intro{display:flex;align-items:center;margin-top:1px;padding-top:50px} .web101-page .fw-page-aboutus .fw-s-intro__col{display:flex;flex-direction:column;align-items:center;gap:20px;width:50%;padding:10px} .web101-page .fw-page-aboutus .fw-s-intro__col img{max-width:100%;height:auto;vertical-align:middle} @media (max-width: 767px){.web101-page .fw-page-aboutus .fw-s-intro{flex-direction:column;margin-top:30px} .web101-page .fw-page-aboutus .fw-s-intro__col{width:100%}} @media (max-width: 689px){.web101-page .fw-page-aboutus .fw-s-intro{margin-top:20px}} .web101-page .fw-page-aboutus .fw-s-story,.web101-page .fw-page-aboutus .fw-s-story *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-aboutus .fw-s-story{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-aboutus .fw-s-story{margin-top:50px;padding:50px 0;background:var(--fw-color-primary) url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/b7abed9ae3ea1d1059b3c0620a451e2e12487fa0c2ad7e7a1545a9e72336c04a.webp") 50% 50% / 100% auto} .web101-page .fw-page-aboutus .fw-s-story__inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;width:90%;max-width:1290px;margin:0 auto;padding:10px} .web101-page .fw-page-aboutus .fw-s-story__col{display:flex;flex-direction:column;gap:20px;padding:10px;color:var(--fw-color-light)} .web101-page .fw-page-aboutus .fw-s-story__title{font-size:22px;font-weight:400;line-height:22px;letter-spacing:2px;text-align:center} .web101-page .fw-page-aboutus .fw-s-story__text{font-size:16px;text-align:justify} @media (max-width: 767px){.web101-page .fw-page-aboutus .fw-s-story__inner{grid-template-columns:1fr}} @media (max-width: 689px){.web101-page .fw-page-aboutus .fw-s-story__inner{width:88%}} .web101-page .fw-page-aboutus .fw-s-brand,.web101-page .fw-page-aboutus .fw-s-brand *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-aboutus .fw-s-brand{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-aboutus .fw-s-brand{margin-bottom:30px;padding:70px 0} .web101-page .fw-page-aboutus .fw-s-brand__inner{display:flex;flex-wrap:wrap;width:90%;max-width:1290px;margin:0 auto} .web101-page .fw-page-aboutus .fw-s-brand__col{width:50%;padding:10px} .web101-page .fw-page-aboutus .fw-s-brand__col--photo{display:flex;flex-direction:column;align-items:center;gap:20px} .web101-page .fw-page-aboutus .fw-s-brand__title{font-size:35px;font-weight:700;line-height:35px;letter-spacing:normal} .web101-page .fw-page-aboutus .fw-s-brand__rule{height:0;margin:15px 0;border:0;border-top:1px solid #000000} .web101-page .fw-page-aboutus .fw-s-brand__col--photo img{max-width:100%;height:auto;vertical-align:middle} @media (max-width: 767px){.web101-page .fw-page-aboutus .fw-s-brand__col{width:100%}} @media (max-width: 689px){.web101-page .fw-page-aboutus .fw-s-brand{margin-bottom:20px} .web101-page .fw-page-aboutus .fw-s-brand__inner{width:88%}} /* /media-report */ .web101-page:has(.fw-page-media-report){--fw-color-primary:#b20305;--fw-color-primary-dark:#cc0002;--fw-color-text:#393939;--fw-color-light:#fafbfc;--fw-color-white:#ffffff;--fw-font-body:"Noto Sans TC", sans-serif} .web101-page .fw-page-media-report .fw-s-media-videos,.web101-page .fw-page-media-report .fw-s-media-videos *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-media-report .fw-s-media-videos{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-media-report .fw-s-media-videos{margin-top:30px;padding:80px 0;background:var(--fw-color-primary) url("/media/01a1df6b-5070-720b-b2c0-fee01f332663/4565bf90b0b9ad995cdc39631d995b78c7a245b9b1a685958ad438041f09ff95.webp") 50% 0 / cover} .web101-page .fw-page-media-report .fw-s-media-videos__inner{display:flex;flex-direction:column;gap:20px;width:90%;max-width:1290px;margin:0 auto} .web101-page .fw-page-media-report .fw-s-media-videos__title{padding:10px 0;text-align:center} .web101-page .fw-page-media-report .fw-s-media-videos__title img{max-width:100%;height:auto;vertical-align:middle} .web101-page .fw-page-media-report .fw-s-media-videos__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;padding:10px 0} .web101-page .fw-page-media-report .fw-s-media-videos__card{display:flex;flex-direction:column;gap:20px;padding:10px} .web101-page .fw-page-media-report .fw-s-media-videos__frame{border:3px solid var(--fw-color-text);box-shadow:0 0 10px 5px rgba(255, 255, 255, 0.5)} .web101-page .fw-page-media-report .fw-s-media-videos__frame iframe{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0;background:#000000} .web101-page .fw-page-media-report .fw-s-media-videos__name{font-size:22px;font-weight:700;line-height:22px;letter-spacing:normal;text-align:center;color:var(--fw-color-light)} @media (max-width: 767px){.web101-page .fw-page-media-report .fw-s-media-videos__grid{grid-template-columns:1fr;padding:10px} .web101-page .fw-page-media-report .fw-s-media-videos__card{padding:10px 0}} @media (max-width: 689px){.web101-page .fw-page-media-report .fw-s-media-videos{margin-top:20px} .web101-page .fw-page-media-report .fw-s-media-videos__inner{width:88%}} .web101-page .fw-page-media-report .fw-s-media-news,.web101-page .fw-page-media-report .fw-s-media-news *{box-sizing:border-box;margin:0;padding:0} .web101-page .fw-page-media-report .fw-s-media-news{font-family:var(--fw-font-body);font-size:17px;line-height:1.7em;letter-spacing:1.5px;color:var(--fw-color-text)} .web101-page .fw-page-media-report .fw-s-media-news{margin-bottom:30px;padding:80px 0} .web101-page .fw-page-media-report .fw-s-media-news__inner{display:flex;flex-direction:column;gap:20px;width:90%;max-width:1290px;margin:0 auto} .web101-page .fw-page-media-report .fw-s-media-news__title{padding:10px;text-align:center} .web101-page .fw-page-media-report .fw-s-media-news__title img{max-width:100%;height:auto;vertical-align:middle} .web101-page .fw-page-media-report .fw-s-media-news__item{display:flex;align-items:center;gap:20px;padding-bottom:30px;border-bottom:2px dotted rgba(178, 3, 5, 0.45)} .web101-page .fw-page-media-report .fw-s-media-news__body{flex:none;width:82.8%;max-width:100%} .web101-page .fw-page-media-report .fw-s-media-news__heading{margin-bottom:19px;font-size:30px;font-weight:700;line-height:45px;letter-spacing:normal} .web101-page .fw-page-media-report .fw-s-media-news__more{color:#54595f;text-decoration:none} .web101-page .fw-page-media-report .fw-s-media-news__thumb{width:200px;max-width:100%;text-align:center} .web101-page .fw-page-media-report .fw-s-media-news__thumb img{max-width:100%;height:auto;vertical-align:middle} @media (max-width: 767px){.web101-page .fw-page-media-report .fw-s-media-news__item{flex-wrap:wrap} .web101-page .fw-page-media-report .fw-s-media-news__body,.web101-page .fw-page-media-report .fw-s-media-news__thumb,.web101-page .fw-page-media-report .fw-s-media-news__thumb img{width:100%}} @media (max-width: 689px){.web101-page .fw-page-media-report .fw-s-media-news{margin-bottom:20px} .web101-page .fw-page-media-report .fw-s-media-news__inner{width:88%}} /* Web101 平台預設值 → 原站（瀏覽器預設值）的樣子 */ .web101-page{background:#fff;color:#000;font-family:"Times New Roman",serif;line-height:normal;padding:8px} .web101-page main{max-width:none;margin:0;padding:0} .web101-page a{color:revert} .web101-page p{line-height:inherit} .web101-page :is(h1,h2,h3,h4,h5,h6){font-size:revert;line-height:inherit;text-wrap:wrap} .web101-page img{border-radius:0} .fw-svg{display:inline-block;flex:none;width:1em;height:1em;background-color:var(--fw-svg-color,currentColor);-webkit-mask:var(--fw-mask) center/contain no-repeat;mask:var(--fw-mask) center/contain no-repeat;vertical-align:middle} /* 頁首的 NavBar 只在原站顯示漢堡選單的寬度以下出現；桌面保留原本的靜態連結 */ .web101-page .fw-navbar{display:none} @media (max-width:1024px){ .web101-page .fw-navbar{display:flex;flex-direction:column} .web101-page .fw-navbar.zb-navbar-ready>.zb-navbar-toggle{display:inline-flex} .web101-page .fw-navbar.zb-navbar-ready>.zb-navbar-toggle[aria-expanded="false"]+.zb-navbar-list{display:none} .web101-page .fw-navbar .zb-navbar-list{flex-direction:column;align-items:stretch;gap:0} } /* wgsfood：主視覺的放大縮小效果原本由