@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=M+PLUS+1+Code:wght@100..700&family=Noto+Sans+TC:wght@100..900&display=swap";:root{--primary-default: #294cbe;--color-gray: #232429;--color-gray-900: #393a3f;--color-gray-800: #55565b;--color-gray-700: #75767b;--color-gray-600: #828388;--color-gray-500: #919297;--color-gray-400: #adaeb3;--color-gray-300: #c1c2c7;--color-gray-200: #d3d4d9;--color-gray-100: #dedfe4;--color-gray-050: #f3f4f9;--color-gray-025: #f9faff;--inquiry-default: rgb(255, 153, 0);--inquiry-dark: rgb(255, 153, 0)}body{font-family:"Kanit","M PLUS 1 Code","Noto Sans TC",serif !important}@keyframes float{0%{top:0px}25%{top:2px}50%{top:0px}75%{top:-2px}100%{top:0}}@keyframes zoomInOut{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(0.9)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes translateY-100-0{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes translateX--100-0{0%{transform:translateX(-100%)}100%{transform:translateX(0px)}}@keyframes scale-0-1{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}80%,100%{transform:scale(0)}}@keyframes scaleY{0%{transform:scaleY(1)}80%,100%{transform:scaleY(0)}}@keyframes shake{0%{transform:rotate(0deg)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}@keyframes maskX-0-100{0%{-webkit-mask-position:0% 0;mask-position:0% 0}100%{-webkit-mask-position:100% 0%;mask-position:100% 0%}}@keyframes maskX-100-0{0%{-webkit-mask-position:100% 0;mask-position:100% 0}100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes maskY-0-100{0%{-webkit-mask-position:0% 0;mask-position:0% 0}100%{-webkit-mask-position:0% 100%;mask-position:0% 100%}}@keyframes maskY-100-0{0%{-webkit-mask-position:0% 100%;mask-position:0% 100%}100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes width-0-100{0%{width:0%}50%{width:100%}100%{width:100%}}@keyframes wh-0-100{0%{width:0%;height:0%}100%{width:100%;height:100%}}@keyframes wh-100-0{0%{width:100%;height:100%}100%{width:0%;height:0%}}@keyframes opacity{0%{opacity:0}40%,100%{opacity:1}}@keyframes opacity-0-100{0%{opacity:0}100%{opacity:100%}}@keyframes opacity-100-0{0%{opacity:100%}80%{opacity:50%}100%{opacity:0}}.navbar{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:999;width:100%;transition:all .3s ease-in-out}.navbar.scroll{background-color:hsla(0,0%,100%,.8274509804);border-radius:0 0 2rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%) scale(0.9);top:-0.8rem;max-width:1699px}.navbar.scroll .menu{padding:1.6rem 4rem}@media(max-width: 1199px){.navbar.scroll{top:-1.6rem;padding-top:1.2rem}}.menu-logo img{max-width:200px}.menu{padding:.8rem 4rem}.menu ul{flex:1;gap:.8rem;margin-right:clamp(0px,5vw,150px)}.menu-item{overflow:hidden;display:flex;flex-direction:column;align-items:center}.menu-item a{color:#252525;font-weight:600;overflow:hidden;font-size:18px;padding:.4rem 1.6rem;letter-spacing:.2rem;transition:all .3s ease-in-out}.menu-item a:hover,.menu-item a:focus{text-decoration:none;color:var(--primary-default)}@media(max-width: 1199px){.navbar{height:auto}.navbar-header{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{max-width:150px;padding:0;margin-top:0}.navbar-brand a{display:inline-block;width:100%;height:100%}.menu{display:none;width:100%;padding:1.2rem 0 1.6rem}.menu ul{flex-direction:column;width:100%;margin:0}.menu li{width:100%}}.hamburger{margin:2rem 0rem 2rem auto;position:relative;z-index:99;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:5px;transition:all ease-in-out .5s;cursor:pointer}.hamburger span:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all linear .3s;width:2.5rem;height:.3rem;background-color:var(--primary-default)}.hamburger span:last-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:inherit;width:2.5rem;height:.3rem;background-color:rgba(0,0,0,0)}.hamburger span:last-child::before,.hamburger span:last-child::after{content:"";position:absolute;background-color:var(--primary-default);width:2.5rem;height:.3rem;transition:all .3s;left:50%}.hamburger span:last-child::before{transform:translate(-50%, -7px)}.hamburger span:last-child::after{transform:translate(-50%, 7px)}.hamburger.active span:first-child{transform:translate(-50%, 5px);opacity:0}.hamburger.active span:last-child::before{transform:rotate(45deg);left:0}.hamburger.active span:last-child::after{left:0;transform:rotate(-45deg)}.onSaleTurn1 .pro_txt_box,.onSaleTurn1 .pro_main p,.onSaleTurn1 .pro_sale .pro_price,.onSaleTurn1 .pro_sale .on_sale,.onSaleTurn1 .pro_btn i,.onSaleTurn1 .pro_btn{display:none}.onSaleTurn1 .item{position:relative;padding:2rem;margin:0 auto}@media(max-width: 785px){.onSaleTurn1 .item{max-width:250px}}.onSaleTurn1 .item:hover,.onSaleTurn1 .item:focus{cursor:pointer}.onSaleTurn1 .item:hover .pro_item,.onSaleTurn1 .item:focus .pro_item{box-shadow:var(--box-shadow)}.onSaleTurn1 .item:hover .pro_item img,.onSaleTurn1 .item:focus .pro_item img{transform:scale(1.2)}.onSaleTurn1 .item:hover .pro_main h3,.onSaleTurn1 .item:focus .pro_main h3{color:var(--primary-default)}.onSaleTurn1 .item:hover .pro_btn,.onSaleTurn1 .item:focus .pro_btn{color:#fff;background-color:var(--color-gray-700);border:1px solid var(--color-gray-700);box-shadow:var(--box-shadow)}.onSaleTurn1 .item:hover .btnArrow__01,.onSaleTurn1 .item:focus .btnArrow__01{background-color:var(--primary-default)}.onSaleTurn1 .item:hover .btnArrow__01::before,.onSaleTurn1 .item:focus .btnArrow__01::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M2 2L8 8L2 14" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.onSaleTurn1 .pro_item{background-color:#fff;border-radius:1rem;position:relative;overflow:hidden;transition:box-shadow .5s ease-in-out}.onSaleTurn1 .pro_item img{transition:transform .5s ease-in-out;width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.onSaleTurn1 .pro_main{display:flex;align-items:center;margin-top:1.6rem}.onSaleTurn1 .pro_main h3{text-align:center;font-size:20px;color:var(--color-gray-800);letter-spacing:.2rem;margin:.8rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease-in-out}.onSaleTurn1 .pro_main h3 span{display:none}.onSaleTurn1 .pro_sale{text-align:center}.onSaleTurn1 .pro_sale .pro_btn{letter-spacing:.1rem;font-size:16px;color:var(--primary-dark);padding:.8rem 1.6rem;border:1px solid currentColor;border-radius:2.5rem;transition:all .3s ease-in-out}.onSaleTurn1 .pro_sale .pro_btn:hover{text-decoration:none}.onSaleTurn1 .owl-controls .owl-pagination{display:none}.onSaleTurn1 .owl-controls .owl-buttons{margin-top:3.6rem;display:flex;align-items:center;justify-content:center;gap:1.6rem}.onSaleTurn1 .owl-controls .owl-buttons div.owl-next,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev{font-size:25px;border-radius:50%;padding:0;width:50px;height:50px;background:#eee;display:flex;align-items:center;justify-content:center}.onSaleTurn1 .owl-controls .owl-buttons div.owl-next::before,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev::before{content:"";position:absolute;width:14px;height:24px;z-index:5;transition:all .3s ease-in-out}.onSaleTurn1 .owl-controls .owl-buttons div.owl-next::after,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev::after{content:"";inset:0;width:100%;height:100%;background-color:var(--primary-default);border-radius:50%;z-index:2;transform:scale(0);transition:all .3s ease-in-out}.onSaleTurn1 .owl-controls .owl-buttons div.owl-next:hover::after,.onSaleTurn1 .owl-controls .owl-buttons div.owl-next:focus::after,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev:hover::after,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev:focus::after{transform:scale(1)}.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="24" viewBox="0 0 14 24" fill="none"><path d="M12 2L2 12L12 22" stroke="%23555555" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev:hover::before,.onSaleTurn1 .owl-controls .owl-buttons div.owl-prev:focus::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="24" viewBox="0 0 14 24" fill="none"><path d="M12 2L2 12L12 22" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.onSaleTurn1 .owl-controls .owl-buttons div.owl-next::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="24" viewBox="0 0 14 24" fill="none"><path d="M2 2L12 12L2 22" stroke="%23555555" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.onSaleTurn1 .owl-controls .owl-buttons div.owl-next:hover::before,.onSaleTurn1 .owl-controls .owl-buttons div.owl-next:focus::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="24" viewBox="0 0 14 24" fill="none"><path d="M2 2L12 12L2 22" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.btnArrow__01{min-width:40px;height:40px;background-color:#eee;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.btnArrow__01::before{content:"";position:absolute;width:10px;height:16px;z-index:5;transition:all .3s ease-in-out;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M2 2L8 8L2 14" stroke="%23555555" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.btnArrow__01:hover,.btnArrow__01:focus{background-color:var(--primary-default)}.btnArrow__01:hover::before,.btnArrow__01:focus::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path d="M2 2L8 8L2 14" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.about-img{display:flex;align-items:center;justify-content:center;position:relative}.about-img img{max-width:400px;height:580px;-o-object-fit:cover;object-fit:cover}.about-img::before,.about-img::after{content:"";position:absolute;top:-4vw;width:280px;height:510px;z-index:-1}.about-img::before{left:-1vw;background:url("../../images/about__left.jpg") no-repeat center/contain}.about-img::after{right:-0.5vw;background:url("../../images/about__right.jpg") no-repeat center/contain}.about-text{font-size:18px;letter-spacing:.2rem;line-height:4rem}.hgroup-title h2{color:var(--primary-default);font-size:40px;letter-spacing:.4rem;margin:0}.hgroup-title span{font-size:36px;color:var(--color-gray-300);margin-top:0}