@import"https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500&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}@media (min-width: 768px){.header{position:fixed;top:0px;left:0px;width:100%}}.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)}@font-face{font-family:"DINOT";src:url(../fonts/DINOT-Regular.woff),url(../fonts/DINOT-Regular.woff2),url(../fonts/DINOT-Regular.ttf),url(../fonts/DINOT-Regular.svg),url(../fonts/DINOT-Regular.eot);font-weight:normal}@font-face{font-family:"DINOT";src:url(../fonts/DINOT-Medium.woff),url(../fonts/DINOT-Medium.woff2),url(../fonts/DINOT-Medium.ttf),url(../fonts/DINOT-Medium.svg),url(../fonts/DINOT-Medium.eot);font-weight:500}@font-face{font-family:"DINOT";src:url(../fonts/DINOT-Bold.woff),url(../fonts/DINOT-Bold.woff2),url(../fonts/DINOT-Bold.ttf),url(../fonts/DINOT-Bold.svg),url(../fonts/DINOT-Bold.eot);font-weight:bold}.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(216 216 216 / var(--tw-bg-opacity))}::selection{--tw-bg-opacity:1;background-color:rgb(216 216 216 / 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}.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 255 255 / 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:2.5rem;height:2.5rem;border-radius:9999px}@keyframes spin{to{transform:rotate(360deg)}}.loader .loaderIcon{animation:spin 1s linear infinite;border-top:2px solid #000;border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #fff;text-indent:-12345px}select option,select optgroup{background:#fff;color:#000}.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%}input[name=date]{background-image:url("data:image/svg+xml,%3csvg fill='black' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em 1.5em}.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(216 216 216 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(216 216 216 / 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")}.bg-colorImg{background:url("../images/artistry/products/color-flip-eye-palette-roma-color.jpg") no-repeat;background-size:cover;background-position:center}@media (min-width: 768px){.mobi{display:none}}.pc{display:none}@media (min-width: 768px){.pc{display:block}}.primary-title{position:relative;display:flex;align-items:center;justify-content:center;font-size:1.875rem;line-height:2.25rem}.primary-title.sm{margin-bottom:0.75rem;font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.primary-title.sm{margin-bottom:2rem;font-size:1.875rem;line-height:2.25rem}}.primary-title.sm::before{display:none}@media (min-width: 768px){.primary-title.sm::before{display:inline-block}}.primary-title::before{content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto;display:inline-block;height:1px;width:100%;max-width:48rem;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.primary-title span{position:relative;z-index:10;display:inline-block;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem}h2{display:inline-block;font-size:1.25rem;line-height:1.75rem}.btn{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));--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-duration:300ms}.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{min-width:180px}.form-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.form-input::placeholder{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.form-input,.form-select{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.form-input:disabled,.form-select:disabled{opacity:0.5}.action-bar{margin-top:0.75rem;margin-bottom:0.75rem}.top-intro{margin-bottom:1.5rem}.top-intro font{font-size:2.25rem;line-height:2.5rem}.top-intro .intro{margin-top:1rem;font-size:1.125rem;line-height:1.75rem}.opt-list{margin-left:auto;margin-right:auto;margin-top:2.5rem;margin-bottom:2.5rem;display:inline-flex;max-width:48rem;flex-wrap:wrap;text-align:center}.opt-list li{margin-top:0px;margin-bottom:0px;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 768px){.opt-list li{width:50%}}.opt-list li h2{margin-top:1rem}.opt-list li .thumb{max-width:none}.opt-list li .desc{margin-top:1.25rem;margin-bottom:1.5rem}.opt-list li:nth-child(2){margin-top:3rem}@media (min-width: 768px){.opt-list li:nth-child(2){margin-top:0px}}.mode-cols{display:flex;flex-direction:column;flex-wrap:wrap;padding-left:0px;padding-right:0px;padding-bottom:2.5rem}@media (min-width: 768px){.mode-cols{flex-direction:row}}.mode-cols .blk-thumb{width:100%}@media (min-width: 768px){.mode-cols .blk-thumb{display:none}.mode-cols .blk-thumb .thumb{display:block;height:100%;width:100%}}.mode-cols .blk-form{flex:1 1 0%}.mode-cols .blk-form .intro{padding-top:2rem}@media (min-width: 768px){.mode-cols .blk-form .intro{padding-top:0px}}.blk-form .intro{margin-bottom:1.5rem;text-align:center}.blk-form .btm-box{margin-top:2rem;padding-bottom:2rem;text-align:center}.pg-core .section-form{max-width:none;background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){.pg-core .section-form .blk-thumb{width:50%}}.pg-core .section-form .blk-form .inner-wrapper{margin-left:auto;margin-right:auto;max-width:36rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-bottom:2rem}@media (min-width: 768px){.pg-core .section-form .blk-form .inner-wrapper{margin-top:2.5rem;margin-bottom:2.5rem;padding:2rem}}.pg-core .section-form .blk-gift{margin-bottom:1.25rem}.pg-core .section-form .blk-gift .gift-thumb{margin-left:auto;margin-right:auto;margin-top:0.75rem;width:60%;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}@media (min-width: 768px){.pg-core .section-form .blk-gift .gift-thumb{width:50%}}@media (min-width: 1024px){.pg-core .section-form .blk-gift .gift-thumb{width:33.333333%}}.pg-core .section-form .blk-gift .gift-thumb>img{width:100%;max-width:none}.pg-core .section-form .blk-gift .remarks{padding-left:1.25rem;padding-right:1.25rem}.pg-core .section-form .blk-bbox{margin-bottom:2.5rem}.pg-core .section-form .blk-bbox .gift-thumb{margin-top:0.75rem;width:80%}@media (min-width: 768px){.pg-core .section-form .blk-bbox .gift-thumb{width:60%}}.pg-core .section-form .blk-bbox .remarks{padding-left:1.25rem;padding-right:1.25rem}.pg-core .section-form.mode-cols{padding-bottom:0px}@media (min-width: 768px){.pg-core .section-form .blk-form .inner-wrapper{margin-left:0px;margin-right:0px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}}@media (min-width: 1024px){.pg-core .section-form .blk-form .inner-wrapper{margin-left:0px;margin-right:0px;margin-right:2.5rem}}.pg-core .section-thankyou .bg{display:block}.pg-core .section-thankyou .bg img{width:100%}.pg-core .section-thankyou .outer-wrapper{margin-left:1.25rem;margin-right:1.25rem;max-width:32rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.75rem;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (min-width: 768px){.pg-core .section-thankyou .outer-wrapper{left:15%;margin-left:0px;margin-right:0px}}.pg-core .section-thankyou .outer-wrapper:before,.pg-core .section-thankyou .outer-wrapper:after{content:"";display:inline-block;border-width:4px;border-style:solid;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));position:absolute;top:0px;height:100%;width:1.25rem}.pg-core .section-thankyou .outer-wrapper:before{left:0px;border-right-width:0px}.pg-core .section-thankyou .outer-wrapper:after{right:0px;border-left-width:0px}
/*# sourceMappingURL=common.css.map */