::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}body{font-family:Noto Sans TC,sans-serif;font-weight:900}.no-scroll{overflow:hidden;position:fixed;width:100%}header{position:absolute;top:0;right:0;left:0;padding:0 5px;display:flex;width:100%;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;z-index:900;transform:translateY(0);transition:all ease-in-out .3s}.cta{margin-right:20px;border:none;background:none;cursor:pointer;text-decoration:none}.cta span{padding-bottom:7px;letter-spacing:4px;font-size:20px;padding-left:15px;text-transform:uppercase}.cta i{transform:translate(8px);transition:all .3s ease;color:#000}.cta:hover i{transform:translate(0)}.cta:active i{transform:scale(.9)}.hover-underline-animation{position:relative;color:#000;padding-bottom:20px}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#000;transform-origin:bottom left;transition:transform .25s ease-out}.cta:hover .hover-underline-animation:after{transform:scaleX(1);transform-origin:bottom right}.comment{display:block;background-color:#eef;color:#555;padding:10px;margin:25px 0 10px;border-left:3px solid #007BFF;font-style:italic;border-radius:5px}.highlight{font-weight:700;color:#007bff}main{margin-top:107px}#product{height:700px}.product-container{padding:1rem!important}@media (max-width: 768px){.product-list-box{height:250px;overflow:auto;margin-bottom:15px;background:#00000019;padding:15px;border-radius:15px}.product-list-container{margin:5px 0;box-shadow:#00000026 0 5px 15px}#js-right-box{display:flex;flex-direction:column;align-items:center;padding:5px;border:1px solid #00000019;border-radius:15px}.comment{font-size:13px}}.product-list-container{height:50px;border-radius:10px}.product-list-container.active{background:#dc5f00;color:#eee;transition:all .25s}.product-list-container:hover{cursor:pointer}.product-list-container:after{content:"";position:absolute;width:95%;border-radius:10px;transform:scaleX(0);height:2px;bottom:0;background-color:#cf0a0a;transform-origin:bottom;transition:transform .3s ease-out}@media (min-width:768px){.product-list-container:hover:after{transform:scaleX(1);transform-origin:bottom}.product-list-container.active:hover:after{transform:scaleX(0);transform-origin:bottom}}.product-options{width:100%;display:flex;align-items:center}.card-container{display:flex;flex-direction:column;justify-items:center;align-items:center;padding:.7em;margin-bottom:5px;border-radius:10px;box-shadow:#0000000a 0 3px 5px}.card-container:hover{background:#eee;transition:background-color ease-in .1s}.product-img-container{position:relative}.product-img-container:hover .ggt{opacity:1;transition:opacity ease-in .2s;cursor:zoom-in}.product-container .img-frame{position:relative;width:100%;height:100%;overflow:hidden}.product-img-container .img-frame img{max-width:100%;max-height:100%;transform:scale(1)}.ggt{z-index:1000;opacity:0;display:flex;position:absolute;width:100%;height:100%;align-items:center;justify-content:space-between}.page-count-text{border-radius:15px;padding:4px 10px;background:#f6f6f682;margin-bottom:3px}.ggt .i-box{display:flex;align-items:center;height:100%;font-size:20px;padding:0 10px;cursor:pointer}.ggt .i-box:hover i{transform:scale(1.2);transition:transform ease-in .1s}.card-container .content{display:flex;flex-direction:column;align-items:center;width:100%;height:100;margin-top:5px}@media (max-width:768px){#product{height:1080px}.right-box{height:660px}.product-img-container{max-width:70%;max-height:70%}.product-container{padding:2rem!important}}@media (min-width: 768px){.h-md-100{height:100%!important}.h-md-overflow-auto{overflow:auto!important}}#contact{scroll-margin-top:107px}.contact-section{padding:50px 0;background:#f9f9f9}.section-heading h2{text-align:center;margin-bottom:30px;font-size:2.5em}.contact-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-info-box{display:flex;flex-direction:row}@media (max-width:992px){.contact-info-box{align-items:center;flex-direction:column}}.contact-info{display:flex;justify-content:center;align-items:center;margin:15px;width:100%}.img-container:hover{opacity:.7;cursor:pointer}.map-container{width:100%;height:450px}.map-container iframe{width:100%;height:100%;border:none;box-shadow:0 0 8px #0000001a}@media (max-width: 768px){.contact-content{flex-direction:column}}.cover{display:inline-block;height:350px;width:560px;margin:15px;border-radius:8px}@media screen and (max-width: 700px){.container{width:100%;position:relative;transform:translate(0);top:0;left:0}.cover{display:block;height:200px;width:320px;margin:15px auto}}.atvImg{border-radius:8px;transform-style:preserve-3d;-webkit-tap-highlight-color:rgba(#000,0)}.atvImg img{border-radius:8px;box-shadow:0 2px 8px #0e152f40}.atvImg-container{position:relative;width:100%;height:100%;border-radius:8px;transition:all .2s ease-out}.atvImg-container.over .atvImg-shadow{box-shadow:0 45px 100px #0e152f66,0 16px 40px #0e152f66}.atvImg-layers{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;transform-style:preserve-3d}.atvImg-rendered-layer{position:absolute;width:100%;height:100%;top:0%;left:0%;background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:cover;transition:all .1s ease-out;overflow:hidden;border-radius:8px}.atvImg-shadow{position:absolute;top:5%;left:5%;width:90%;height:90%;transition:all .2s ease-out;box-shadow:0 8px 30px #0e152f99}.atvImg-shine{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background:linear-gradient(135deg,#ffffff40,#fff0 60%)}.product-img-container .loading-ele{display:none;background:#eee;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;z-index:2024}.product-img-container .loader{width:50px;aspect-ratio:1;display:grid;border-radius:50%;background:linear-gradient(0deg,#0000007f 30%,#0000 0,#0000 70%,#000 0) 50%/8% 100%,linear-gradient(90deg,#00000040 30%,#0000 0,#0000 70%,#000000bf 0) 50%/100% 8%;background-repeat:no-repeat;animation:l23 1s infinite steps(12)}.product-img-container .loader:before,.product-img-container .loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.915;transform:rotate(30deg)}.product-img-container .loader:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}
