html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--main-color: rgb(0, 0, 0);--main-color-overlap: rgba(0, 0, 0, .3);--main-color-overlap-deep: rgba(0, 0, 0, .7);--sub-color: rgb(229, 9, 20);--sub-color-hover: rgba(229, 9, 20, .7);--main-word-color: rgb(225, 225, 225);--sub-word-color: rgba(255, 255, 255, .7);--bs-body-font-family:"Noto Sans","Noto Sans TC", sans-serif}body{background-color:var(--main-color);color:var(--main-word-color);font-family:var(--bs-body-font-family)}a{color:var(--main-word-color);text-decoration:none}a:hover{color:var(--sub-color);font-weight:700}.btn-secondary{background-color:var(--sub-color);border:none}.btn-secondary:hover{background-color:var(--sub-color-hover)}.my-6{margin:4rem 0!important}.my-7{margin:5rem 0!important}.my-8{margin:6rem 0!important}.my-9{margin:8rem 0!important}.my-10{margin:10rem 0!important}.my-11{margin:12rem 0!important}.my-12{margin:16rem 0!important}.my-13{margin:20rem 0!important}.my-14{margin:24rem 0!important}.my-15{margin:30rem 0!important}.mb-6{margin-bottom:4rem!important}.mb-7{margin-bottom:5rem!important}.mb-8{margin-bottom:6rem!important}.mb-9{margin-bottom:8rem!important}.mb-10{margin-bottom:10rem!important}.mb-11{margin-bottom:12rem!important}.mb-12{margin-bottom:16rem!important}.mb-13{margin-bottom:20rem!important}.mb-14{margin-bottom:24rem!important}.mb-15{margin-bottom:30rem!important}.mt-6{margin-top:4rem!important}.mt-7{margin-top:5rem!important}.mt-8{margin-top:6rem!important}.mt-9{margin-top:8rem!important}.mt-10{margin-top:10rem!important}.mt-11{margin-top:12rem!important}.mt-12{margin-top:16rem!important}.mt-13{margin-top:20rem!important}.mt-14{margin-top:24rem!important}.mt-15{margin-top:30rem!important}.fade-in-effect{animation:fadeIn linear both;animation-timeline:view(block);animation-range:cover 0% contain 40%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-quick{0%{opacity:.6}to{opacity:1}}@media (max-width: 575.98px){.fade-in-effect{animation:fadeIn-quick linear both;animation-timeline:view(block);animation-range:cover 0% contain 10%}}.intro-section{border-left:1px solid var(--main-word-color);position:absolute;top:50%;left:10%;z-index:10;max-width:500px}.intro-section p{max-width:300px;z-index:10}@media (max-width: 1024px){.intro-section{top:30%;left:10%;max-width:500px}}@media (max-width: 575.98px){.intro-section{top:10%;left:0%;max-width:90%;border-left:none}}@view-transition{navigation: auto;}::view-transition-group(*){animation-duration:.5s;animation-timing-function:ease-in-out}.navbar-toggler-open,.navbar-toggler-close{view-transition-name:toggler}#title{view-transition-name:title}#card-image,.info-image{view-transition-name:image}#detail::view-transition-old(title){opacity:0}::view-transition-old(image),::view-transition-new(image){animation:none;mix-blend-mode:normal;height:100%}#detail::view-transition-new(image){object-fit:cover;overflow:hidden}#home::view-transition-new(image){object-fit:contain}#home::view-transition-old(image){object-fit:cover;overflow:hidden}.overlay-header[data-v-be64abc2]{width:100%;z-index:15;position:fixed;top:0;left:0;background:linear-gradient(to bottom,var(--main-color-overlap),rgba(0,0,0,0));background-color:var(--main-color-overlap);text-align:center;padding:1rem}.navbar-toggler-open[data-v-be64abc2],.navbar-toggler-close[data-v-be64abc2]{color:var(--sub-word-color)}.nav-links[data-v-be64abc2]{font-weight:700;font-size:1rem}.logo-wrapper[data-v-be64abc2]{max-width:150px}.logo-wrapper img[data-v-be64abc2]{width:100%}@media (max-width: 575.98px){.logo-wrapper[data-v-be64abc2]{max-width:100px}.overlay-header[data-v-be64abc2]{position:fixed;top:0;left:0}.navbar-toggler-open[data-v-be64abc2]{position:fixed;font-size:2rem;right:1rem;top:.5rem;padding:.5rem;margin:0;border:0;background-color:transparent}.navbar-toggler-close[data-v-be64abc2]{position:fixed;font-size:2rem;right:1rem;top:1rem;padding:.5rem;margin:0;border:0;background-color:transparent;z-index:40}}.loading[data-v-8a0ffd57]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;gap:0;z-index:500}.img_wrapper[data-v-8a0ffd57]{max-width:200px}.img_wrapper img[data-v-8a0ffd57]{max-width:100%}.spinner[data-v-8a0ffd57]{animation:spin-8a0ffd57 1s ease-in-out infinite}@keyframes spin-8a0ffd57{to{transform:rotate(360deg)}}.overlay-header[data-v-ffe4d140]{width:100%;z-index:15;background:linear-gradient(to bottom,var(--main-color-overlap),rgba(0,0,0,0));background-color:var(--main-color-overlap);text-align:center;padding:.5rem;border-top:1px solid var(--sub-word-color)}.overlay-header li[data-v-ffe4d140]{font-size:1.5rem;padding:.5rem}.overlay-header li[data-v-ffe4d140]:hover{animation:iconBounce-ffe4d140 .5s ease-out}a[data-v-ffe4d140]:hover{color:var(--main-word-color)}@keyframes iconBounce-ffe4d140{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(5px)}to{transform:translateY(0)}}@media (max-width: 575.98px){.overlay-header[data-v-ffe4d140]{padding:.5rem;font-size:.5rem}.overlay-header li[data-v-ffe4d140]{font-size:1.5rem;padding:0rem}}.brands-silder-wrapper[data-v-4484b332]{overflow:hidden;padding:0rem;position:relative}.brands-silder-wrapper[data-v-4484b332]::-webkit-scrollbar{display:none}.brands-silder-wrapper[data-v-4484b332]:before,.brands-silder-wrapper[data-v-4484b332]:after{position:absolute;content:"";top:0;width:15%;height:100%;z-index:2}.brands-silder-wrapper[data-v-4484b332]:before{left:0;background:linear-gradient(to left,#fff0,#000)}.brands-silder-wrapper[data-v-4484b332]:after{right:0;background:linear-gradient(to right,#fff0,#000)}.brands-slider-toright[data-v-4484b332]{display:flex;animation:100s slide-toright-4484b332 infinite linear}.brands-slider-toleft[data-v-4484b332]{display:flex;animation:100s slide-toleft-4484b332 infinite linear}@keyframes slide-toright-4484b332{0%{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}to{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}}@keyframes slide-toleft-4484b332{0%{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}}.brands-slider-toright img[data-v-4484b332],.brands-slider-toleft img[data-v-4484b332]{aspect-ratio:4 / 1;height:50px;margin:0rem 1rem;object-fit:contain}.fade-in-effect-brand[data-v-4484b332]{animation:fadeIn-4484b332 linear both;animation-timeline:view(block);animation-range:cover 0% contain 30%}@keyframes fadeIn-4484b332{0%{opacity:0}to{opacity:1}}@media (max-width: 575.98px){.brands-slider-toright img[data-v-4484b332],.brands-slider-toleft img[data-v-4484b332]{height:40px}}.contact-infor[data-v-0101ec92]{position:relative}.contact-infor p[data-v-0101ec92]{max-width:100%}.contact-infor[data-v-0101ec92]:before{position:absolute;top:0;left:0;height:100%;width:0px;content:"";border-left:4px solid var(--sub-color);animation:line-draw-0101ec92 1.5s forwards}@keyframes line-draw-0101ec92{0%{height:0}to{height:100%}}.div-position[data-v-8f933c24]{position:fixed;bottom:86px;right:32px;z-index:50;text-align:center;padding:0rem;cursor:pointer;font-size:1.5rem}.div-position[data-v-8f933c24]{font-size:1.5rem}.div-position[data-v-8f933c24]:hover{animation:iconBounce-8f933c24 1s linear}a[data-v-8f933c24]:hover{color:var(--main-word-color)}@keyframes iconBounce-8f933c24{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(5px)}to{transform:translateY(0)}}@media (max-width: 575.98px){.div-position[data-v-8f933c24]{bottom:70px;right:24px}}.btn-non-active[data-v-9878d5b3]{background-color:var(--main-word-color);color:var(--sub-color);font-weight:400}.btn-for-infor[data-v-9878d5b3]{padding:.5rem 0 .5rem .5rem;color:var(--main-word-color);font-weight:700;border-left:2px solid var(--sub-color)}.video-section-wrapper[data-v-03a7a5b0]{position:absolute;top:0;left:0;width:100%}.video-section[data-v-03a7a5b0]{width:100%;position:relative}.video-section video[data-v-03a7a5b0]{width:100%;height:auto;object-fit:contain;display:block}.video-section[data-v-03a7a5b0]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:15%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none;z-index:2}.about-section-color[data-v-03a7a5b0]{color:var(--sub-word-color)}.cards-category h3[data-v-03a7a5b0],span[data-v-03a7a5b0]{color:var(--main-word-color)}.cards-category .active[data-v-03a7a5b0]{color:var(--sub-color)}.cards-category h3[data-v-03a7a5b0]{font-weight:700}.cards-category h3[data-v-03a7a5b0]:hover{cursor:pointer;color:var(--sub-color);font-weight:700}.cards-wrapper[data-v-03a7a5b0]{position:relative}.card-item[data-v-03a7a5b0]{padding:.5rem;flex:0 0 auto;max-width:400px;scroll-snap-align:start;transition:all .5s ease-in-out;position:relative;aspect-ratio:4 / 5}@media (max-width: 575.98px){.card-item[data-v-03a7a5b0]{padding:.1rem;max-width:138px}}.card-item img[data-v-03a7a5b0]{width:100%;height:100%;object-fit:cover;object-position:center}.custom-position-right[data-v-03a7a5b0]{object-position:right!important}.custom-position-left[data-v-03a7a5b0]{object-position:left!important}.card-item[data-v-03a7a5b0]:hover{cursor:pointer;transform:scale(1.1)}.cards-tracker[data-v-03a7a5b0]{display:flex;gap:0rem;margin:0rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.cards-tracker[data-v-03a7a5b0]::-webkit-scrollbar{display:none}.carousel-btn[data-v-03a7a5b0]{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--main-color-overlap);border:none;color:#fff;font-size:2rem;padding:2rem 1rem;cursor:pointer;z-index:20}.carousel-btn[data-v-03a7a5b0]:hover{color:var(--main-color)}.carousel-btn.left[data-v-03a7a5b0]{left:0}.carousel-btn.right[data-v-03a7a5b0]{right:0}.title-left-border-draw[data-v-03a7a5b0]{padding:0rem 0 0rem .5rem;border-left:4px solid var(--sub-color)}.contac-box[data-v-03a7a5b0]{border-left:4px solid var(--sub-color)}.logo-wrapper[data-v-03a7a5b0]{max-width:150px}.logo-wrapper img[data-v-03a7a5b0]{width:100%}.contact-line[data-v-03a7a5b0]{align-self:stretch;position:relative}.contact-line[data-v-03a7a5b0]:before{position:absolute;top:0;left:0;height:100%;width:0px;content:"";border-left:4px solid var(--sub-color);animation:line-draw-03a7a5b0 1.5s forwards}@keyframes line-draw-03a7a5b0{0%{height:0}to{height:100%}}.iframe-wrapper[data-v-8ba6ab3a]{max-width:1080px}.info-text-wrapper[data-v-8ba6ab3a]{position:relative;padding-left:1rem}.info-text-wrapper[data-v-8ba6ab3a]:after{position:absolute;top:0;left:0;height:100%;width:2px;content:"";border-left:2px solid var(--main-word-color);animation:line-draw-8ba6ab3a 1.5s forwards}@keyframes line-draw-8ba6ab3a{0%{height:0}to{height:100%}}.section-title[data-v-8ba6ab3a]{padding:1rem;font-weight:700;margin-bottom:.5rem}.font-title-size-color[data-v-8ba6ab3a]{color:var(--sub-word-color);color:1.25rem}.font-desc-size-color[data-v-8ba6ab3a]{color:var(--sub-word-color);color:1rem}@media (max-width: 575.98px){.font-title-size-color[data-v-8ba6ab3a]{font-size:1rem}.font-desc-size-color[data-v-8ba6ab3a]{font-size:.5rem}}.line-breaker[data-v-8ba6ab3a]{white-space:pre-line}.line-height[data-v-8ba6ab3a]{line-height:150%}a[data-v-31e0c047]:hover{color:var(--main-word-color)}.fix-width-item[data-v-31e0c047]{flex-basis:165px;min-width:165px}i[data-v-31e0c047]{font-size:1.5rem}h3[data-v-31e0c047]{color:var(--sub-color);font-weight:700}.line-wrapper[data-v-31e0c047]{max-width:150px}.line-wrapper img[data-v-31e0c047]{width:100%}.fade-in-effect-contain-less[data-v-31e0c047]{animation:fadeIn-less-31e0c047 linear both;animation-timeline:view(block);animation-range:cover 0% contain 20%}.decoration[data-v-31e0c047]{text-decoration:none;color:inherit}@keyframes fadeIn-less-31e0c047{0%{opacity:0}to{opacity:1}}@media (max-width: 575.98px){.fix-width-item[data-v-31e0c047]{flex-basis:0px}}.banner[data-v-8cb221ba]{max-width:1440px}.banner img[data-v-8cb221ba]{display:block;width:100%}img[data-v-7c3e4755]{width:100%;display:block}.card-item-image-name-wrapper[data-v-7c3e4755]{position:absolute;color:var(--main-word-color);height:100%;width:100%;top:0;left:0;display:flex;gap:.5rem;flex-direction:column;justify-content:center;align-items:center}.banner[data-v-929f8f90]{max-width:1440px}.banner img[data-v-929f8f90]{display:block;width:100%}.card-item-wrapper-product[data-v-929f8f90]{padding:.2rem}.card-item-wrapper-category[data-v-929f8f90]{overflow:hidden}.card-item-image-wrapper[data-v-929f8f90]{position:relative;max-width:720px;scroll-snap-align:start;transition:all .5s ease-in-out}.card-item-image-wrapper-border[data-v-929f8f90]{border:2px solid var(--main-word-color)}.card-item-imgae-wrapper-border-radius[data-v-929f8f90]{border-radius:.4rem}.card-item-image-wrapper-overlay[data-v-929f8f90]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;pointer-events:none;display:flex;justify-content:center;align-items:center;color:var(--main-word-color);font-size:large;font-weight:700}.card-item-image-wrapper img[data-v-929f8f90]{width:100%;display:block}.card-item-image-wrapper[data-v-929f8f90]:hover{cursor:pointer;transform:scale(1.1);z-index:10;font-size:larger;font-weight:700}.card-name[data-v-929f8f90]{color:var(--main-word-color);font-weight:700}.card-desc[data-v-929f8f90]{color:var(--sub-word-color)}