@import"https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700&display=swap";.slick-loading .slick-list{background:#fff url("../images/loading.gif") center center no-repeat}.slick-prev,.slick-next{position:absolute;display:block;height:40px;width:40px;line-height:0px;background-color:#000;cursor:pointer;top:50%;transform:translate(0, -50%);padding:0;border:none;outline:none;transition:all .3s;z-index:1}.slick-prev:hover,.slick-next:hover{opacity:.75}.slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.25}.slick-prev::before,.slick-prev::after,.slick-next::before,.slick-next::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;background-color:#fff;margin:-1px 0 0 -5px;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:10px}[dir=rtl] .slick-prev{left:auto;right:10px}.slick-prev::before,.slick-prev::after{transform-origin:0 50%}.slick-prev::before{transform:rotate(45deg)}.slick-prev::after{transform:rotate(-45deg)}.slick-next{right:10px}[dir=rtl] .slick-next{left:10px;right:auto}.slick-next::before,.slick-next::after{transform-origin:100% 50%}.slick-next::before{transform:rotate(45deg)}.slick-next::after{transform:rotate(-45deg)}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-20px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:10px;width:10px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:rgba(0,0,0,0);display:block;height:10px;width:10px;outline:none;line-height:0px;color:rgba(0,0,0,0);padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover::before,.slick-dots li button:focus::before{opacity:.75}.slick-dots li button::before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;background-color:#000;border-radius:50%;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .3s}.slick-dots li.slick-active button::before{background-color:#ddd}body:has(.nav-wrapper.open){height:100vh;overflow:hidden}@media (min-width: 1024px){body:has(.nav-wrapper.open){height:auto;overflow:auto}}.header{position:fixed;top:0px;left:0px;z-index:20;display:flex;width:100%;align-items:center;padding-top:0.5rem;padding-bottom:0.5rem}.header .container{position:relative;margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:64rem;align-items:center;justify-content:center}.header .logo{width:8rem}.header .nav-wrapper{position:fixed;top:0px;left:0px;z-index:0;display:flex;height:100vh;width:100%}@media (min-width: 1024px){.header .nav-wrapper{display:none}}.header .nav-wrapper{pointer-events:none;align-items:flex-start;justify-content:flex-start;opacity:0}.header .nav-wrapper .nav{position:relative;z-index:20;height:100%;max-width:100%;--tw-bg-opacity:1;background-color:rgb(255 66 84 / var(--tw-bg-opacity));padding-top:1rem;padding-bottom:1rem;padding-left:1.75rem;padding-right:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.header .nav-wrapper .nav{padding-left:1rem;padding-right:1rem}}.header .nav-wrapper .nav{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.header .nav-wrapper .nav-mask{position:absolute;left:0px;top:0px;z-index:10;display:none;height:100%;width:100%;background:rgba(69,69,69,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header .nav-wrapper .menu{padding-left:0px;padding-right:0px}.header .nav-wrapper .menu .nav-item{padding-left:0px;padding-right:0px;padding-top:0.5rem;padding-bottom:0.5rem}@media (min-width: 1024px){.header .nav-wrapper .menu .nav-item{padding-left:0.5rem;padding-right:0.5rem}}.header .nav-wrapper.open{pointer-events:auto;opacity:1}.header .nav-wrapper.open .nav{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.header .nav-wrapper.open .nav-mask{display:block}.header .nav-wrapper.open .btn-close span:nth-child(1){--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.header .nav-wrapper.open .btn-close span:nth-child(2){--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.header .nav-pc{--border-color:#fff;display:none;width:100%;align-items:center;justify-content:center;gap:1rem}@media (min-width: 1024px){.header .nav-pc{display:flex}}.header .nav-pc .menu{display:flex;align-items:center;justify-content:center;gap:1rem;padding-left:0px;padding-right:0px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.header .nav-mobi{--border-color:#FFFF00;display:flex;width:14rem;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:1.25rem;line-height:1.75rem}.header .nav-mobi .btn-close{position:relative;margin-bottom:0.75rem;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center}.header .nav-mobi .btn-close span{position:absolute;height:4px;width:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.header .nav .nav-item a{position:relative;display:inline-block}.header .nav .nav-item a::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;--tw-content:"";content:var(--tw-content);position:absolute;left:0px;bottom:-0.25rem;height:3px;width:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-color:var(--border-color)}@media (min-width: 768px){.header .nav .nav-item a::after{left:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.header .nav .nav-item:hover a::after,.header .nav .nav-item.active a::after{width:100%}.btn-nav{position:absolute;left:1rem;display:flex;width:2rem;flex-direction:column;align-items:center;justify-content:space-around}@media (min-width: 1024px){.btn-nav{display:none}}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transform:translateY(50px);transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;transform:translateY(0)}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:translateY(-50px)}.mfp-container{padding:1rem}.popup{position:relative;margin-left:auto;margin-right:auto}.popup .popupContent{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.popup .mfp-close{top:10px;right:10px;width:30px;height:30px;transition:all .4s}.popup .mfp-close:hover{scale:.8}.popup .mfp-close::before,.popup .mfp-close::after{content:"";display:block;position:absolute;width:30px;height:2px;left:0;top:50%;background:#000}.popup .mfp-close::before{transform:rotate(45deg)}.popup .mfp-close::after{transform:rotate(-45deg)}.productPopup{border-radius:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.productPopup .name{text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 66 84 / var(--tw-text-opacity))}.productPopup img{margin-left:auto;margin-right:auto;width:100%;max-width:20rem}.productPopup .content{font-size:1rem;line-height:1.5rem;font-weight:600}.productPopup .mfp-close{right:-0.75rem;top:-1.25rem;display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 66 84 / var(--tw-bg-opacity));opacity:1}@media (min-width: 768px){.productPopup .mfp-close{right:-1.25rem}}.productPopup .mfp-close::before,.productPopup .mfp-close::after{top:0px;right:0px;bottom:0px;left:0px;margin:auto;height:0.25rem;width:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.productPopup .popupContent{border-radius:0.75rem;border-width:4px;border-style:solid;--tw-border-opacity:1;border-color:rgb(255 66 84 / var(--tw-border-opacity));padding:2rem;background:linear-gradient(-360deg, rgba(255, 227, 129, 0.6) 0%, #ffffff 30%, #ffffff 100%)}html,body{margin:0 !important}.h-vh-full{height:calc(var(--vh, 1vh)*100)}@media (min-width: 768px){.md-h-vh-full{height:calc(var(--vh, 1vh)*100)}}.min-h-vh-full{min-height:calc(var(--vh, 1vh)*100)}@media (min-width: 768px){.min-h-vh-full-md{min-height:calc(var(--vh, 1vh)*100)}.md-min-h-vh-full{min-height:calc(var(--vh, 1vh)*100)}}button,button:focus{outline:2px solid transparent;outline-offset:2px}::-moz-selection{--tw-bg-opacity:1;background-color:rgb(205 205 205 / var(--tw-bg-opacity))}::selection{--tw-bg-opacity:1;background-color:rgb(205 205 205 / var(--tw-bg-opacity))}ol,ul{padding-left:0.5rem}ol li,ul li{margin-top:0.5rem;margin-bottom:0.5rem;padding-left:0.25rem}ol li::marker,ul li::marker{letter-spacing:-0.1em}@font-face{font-family:"Alibaba Sans TC 45 Light";src:url(../fonts/AlibabaSansTC-light.otf) format("opentype");font-weight:light}@font-face{font-family:"Alibaba Sans TC 55 Regular";src:url(../fonts/AlibabaSansTC-regular.otf) format("opentype");font-weight:normal}@font-face{font-family:"Alibaba Sans TC 75 SemiBold";src:url(../fonts/AlibabaSansTC-semibold.otf) format("opentype");font-weight:600}@font-face{font-family:"Alibaba Sans TC 55 bold";src:url(../fonts/AlibabaSansTC-bold.otf) format("opentype");font-weight:700}body{font-family:"Alibaba Sans TC 45 Light","Alibaba Sans TC 55 Regular","Alibaba Sans TC 75 SemiBold","Alibaba Sans TC 55 bold","Noto Sans HK","Arial","Helvetica","微軟正黑體"}.loader{position:fixed;top:0px;left:0px;right:0px;bottom:0px;display:flex;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 66 84 / var(--tw-bg-opacity));opacity:0;visibility:hidden;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;z-index:50}.loading .loader{opacity:1;visibility:visible}.loader .loaderIcon{display:block;width:3.5rem;height:3.5rem;border-radius:9999px}@keyframes spin{to{transform:rotate(360deg)}}.loader .loaderIcon{animation:spin 1s linear infinite;border-width:4px;border-style:solid;border-color:rgb(255 227 129 / var(--tw-border-opacity));--tw-border-opacity:1;border-left-color:rgb(255 255 255 / var(--tw-border-opacity));text-indent:-12345px}select option,select optgroup{background:#fff;color:#000}.field-merge{display:flex}.field-merge div:nth-of-type(1) *{border-top-right-radius:0px;border-bottom-right-radius:0px}.field-merge div:nth-of-type(2) *{border-top-left-radius:0px;border-bottom-left-radius:0px;border-left-width:0px}.has-error{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(255 0 0 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 0 0 / var(--tw-text-opacity))}.has-error::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(255 0 0 / var(--tw-placeholder-opacity))}.has-error::placeholder{--tw-placeholder-opacity:1;color:rgb(255 0 0 / var(--tw-placeholder-opacity))}.has-error.wrapper-checkbox{border-width:0px}.error-box{margin-top:0.25rem;margin-bottom:0.25rem;text-align:left;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 0 0 / var(--tw-text-opacity))}#field_wrap_code,.input-box{position:relative}.hide-original{display:none}.row-upload{position:relative}.row-upload label{display:block}.row-upload input{width:100%}.row-upload .upload-button{pointer-events:none;position:absolute;top:0px;bottom:0px;right:0px;margin-top:auto;margin-bottom:auto;width:4rem;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.row-upload .upload-button{width:8rem}}.videoWrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.videoWrapper iframe,.videoWrapper object,.videoWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%}.ui-datepicker{z-index:99999 !important}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover,a.ui-corner-all:hover{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;opacity:0.9}.ui-widget-header{border-style:none;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(205 205 205 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(205 205 205 / var(--tw-bg-opacity));font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.ui-datepicker td span,.ui-datepicker td a{text-align:center}.ui-datepicker-current-day{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ui-widget-header .ui-icon{background-image:url("../lib/jquery-ui/images/ui-icons_ffffff_256x240.png")}.float-btn{pointer-events:auto;display:inline-block;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;animation:floating 2.5s ease infinite}@keyframes floating{0%,100%{transform:translateY(0px)}50%{transform:translateY(10px)}}.float-btn.isForm{pointer-events:none;display:none}.slick-slider .slick-arrow{text-indent:-9999px}.slick-slider .slick-dots button{border-radius:9999px;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity:0.3}.slick-slider .slick-dots button::before{display:none}.slick-slider .slick-dots .slick-active button{--tw-bg-opacity:1}.reg-info{text-align:center}.reg-info h3,.reg-info dl{margin-bottom:0.75rem;display:block}.reg-info dl{display:flex}.reg-info dl dt{width:20%}.reg-info dl dd{flex:1 1 0%}.reg-info .action-bar{margin-top:0.75rem}section{margin-left:auto;margin-right:auto;width:100%;padding-top:2rem;padding-bottom:2rem;font-weight:600}section .container{margin-left:auto;margin-right:auto;width:100%;max-width:48rem;padding-left:0px;padding-right:0px}section h2,section .title{font-size:1.25rem;line-height:1.75rem}section .title-box{margin-bottom:1rem;padding-left:0.5rem;text-align:left}section .title-box .title{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem;padding:0.5rem;padding-left:1rem;padding-right:1rem;font-weight:700}section .title{font-size:1.25rem;line-height:1.75rem;font-weight:700}@media (min-width: 1024px){section .title{font-size:1.5rem;line-height:2rem}}section .sub-title,section h3{font-size:1.125rem;line-height:1.75rem}section .sub-title{margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.5rem}section article{padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem}section .remark{font-size:0.75rem;line-height:1rem}.item-box{aspect-ratio:1 / 1;width:100%}.item-box .thumb{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.btn{margin-top:0.5rem;margin-bottom:0.5rem;display:block;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:0.5rem;text-align:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer}.btn:hover{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn{font-size:1.125rem;line-height:1.75rem}.btn-shop{margin-left:auto;margin-right:auto;display:block;width:100%;max-width:200px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:0.25rem;text-align:center;--tw-text-opacity:1;color:rgb(255 66 84 / var(--tw-text-opacity));position:relative;z-index:0;font-weight:700;box-shadow:-2px 0px 0px 0px #afafaf}.btn-shop p{position:relative;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;width:-moz-max-content;width:max-content;max-width:100%}.btn-shop i{width:10px;position:absolute;right:-1rem;aspect-ratio:1 / 1;background:url(../images/icon-arrow.png) no-repeat;background-size:cover;background-position:center}.popupContent .btn-shop{margin-top:1rem;margin-bottom:1rem}[data-aos=fade-in]{opacity:0;transition-property:transform,opacity}[data-aos=fade-in].aos-animate{opacity:1}.grecaptcha-badge{display:none !important}.box-text{font-weight:700;--tw-text-opacity:1;color:rgb(255 66 84 / var(--tw-text-opacity));text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff,0 -1px #fff}
/*# sourceMappingURL=common.css.map */
