@import"https://fonts.googleapis.com/css?family=Roboto:400;100;100italic;300;300ita‌​lic;400italic;500;500italic;600;700;700italic;900italic;900";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;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}.header{position:relative;z-index:20;display:flex;align-items:center;justify-content:center}.header *{display:none}.header .kiehls_header_logo{margin-top:0.75rem;margin-bottom:0.75rem;width:13rem}@media (min-width: 640px){.header .kiehls_header_logo{margin-top:2.5rem;margin-bottom:2.5rem}}.header .kiehls_header_logo{filter:contrast(3) grayscale(0) invert(1)}.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));--tw-text-opacity:1;color:rgb(18 2 61 / var(--tw-text-opacity))}.popup .popupContent .inner{padding-top:2.5rem;padding-bottom:2.5rem}.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)}.redeemPopup .popupContent{background-color:#f4f4f2}.redeemPopup .popupContent [type=password]{padding-top:0.75rem;padding-bottom:0.75rem;--tw-bg-opacity:1;background-color:rgb(18 2 61 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.redeemPopup .popupContent [type=password]::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(255 255 255 / var(--tw-placeholder-opacity))}.redeemPopup .popupContent [type=password]::placeholder{--tw-placeholder-opacity:1;color:rgb(255 255 255 / var(--tw-placeholder-opacity))}#ui-datepicker-div{z-index:9999 !important}#ui-datepicker-div.datepicker-on{top:50% !important;left:50% !important;transform:translate(-50%, -50%)}.popup div.success{display:none}.popup div.success .icon{display:block;text-align:center}.popup div.success .icon img{display:inline-block;width:3.5rem}.popup div.success .msg{margin-top:0.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.popup .top-desc p{margin-bottom:0.75rem}.popup-box-title{font-weight:700}html *{font-family:Noto Sans HK, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif}.btn,.label,h1,h2,h3,h4,h5{font-weight:700}h2,.btn{font-size:1.125rem;line-height:1.75rem}body,html{overflow-x:hidden}.wrapper{overflow:hidden}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:"Trade Gothic LT";src:url("../fonts/TradeGothicLT-CondEighteen.eot");src:url("../fonts/TradeGothicLT-CondEighteen.eot?#iefix") format("embedded-opentype"),url("../fonts/TradeGothicLT-CondEighteen.woff2") format("woff2"),url("../fonts/TradeGothicLT-CondEighteen.woff") format("woff"),url("../fonts/TradeGothicLT-CondEighteen.ttf") format("truetype"),url("../fonts/TradeGothicLT-CondEighteen.svg#TradeGothicLT-CondEighteen") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Helvetica Neue";src:url("../fonts/HelveticaNeue-CondensedBold.eot");src:url("../fonts/HelveticaNeue-CondensedBold.eot?#iefix") format("embedded-opentype"),url("../fonts/HelveticaNeue-CondensedBold.woff2") format("woff2"),url("../fonts/HelveticaNeue-CondensedBold.woff") format("woff"),url("../fonts/HelveticaNeue-CondensedBold.ttf") format("truetype"),url("../fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold") format("svg");font-weight:bold;font-style:normal;font-display:swap}.font-gothic{font-family:"Trade Gothic LT"}h1,h2,h3{font-family:"Helvetica Neue","Noto Sans HK",Arial,Helvetica,微軟正黑體,"Microsoft JhengHei","Heiti TC","LiHei Pro",新細明體,PMingLiU,sans-serif}.price-box *,.section-promo *{font-family:"Trade Gothic LT","Noto Sans HK",Arial,Helvetica,微軟正黑體,"Microsoft JhengHei","Heiti TC","LiHei Pro",新細明體,PMingLiU,sans-serif}.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%}.desc{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.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(18 2 61 / 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-current-day{--tw-bg-opacity:1;background-color:rgb(18 2 61 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ui-datepicker td span,.ui-datepicker td a{text-align:center}.ui-widget-header .ui-icon{background-image:url("../lib/jquery-ui/images/ui-icons_ffffff_256x240.png")}.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))}.form-checkbox:checked{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='M0 11l2-2 5 5L18 3l2 2L7 18z'/%3e%3c/svg%3e");border-color:rgba(0,0,0,0);background-color:#fff;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.label{display:inline-flex;flex-direction:row;align-items:center;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem;--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))}.label .icon{margin-right:0.5rem;display:inline-block;height:1.25rem}.label span{flex:1 1 0%;white-space:nowrap;font-size:1rem;line-height:1.5rem}.title-with-line{position:relative;display:inline-flex;align-items:center}.title-with-line:before,.title-with-line:after{content:"";display:inline-block;background-repeat:no-repeat;position:absolute;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;background-color:#c0bfbe;height:1px;width:25px}.title-with-line:before{left:-2rem}.title-with-line:after{right:-2rem}.title-with-line .icon{width:2rem;margin-right:0.5rem}.remarks{font-size:11px}.btn{margin-left:auto;margin-right:auto;display:block;min-width:190px;max-width:230px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:0.75rem;text-align:center;font-size:1.25rem;line-height:1.75rem;--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:disabled{--tw-bg-opacity:1;background-color:rgb(51 51 51 / var(--tw-bg-opacity))}hr{border-width:0px;border-top:1px solid #c0bfbe}.section-2-cols{width:100%;display:flex;flex-direction:column}@media (min-width: 768px){.section-2-cols{flex-direction:row}}.imgplay{background:rgba(0,0,0,0);padding-bottom:0px}.imgplay-controls{display:none}[data-copy-text].btn{height:40px;width:180px;-o-border-image:none;border-image:none;padding:0 !important;position:relative;overflow:hidden;border-style:none;font-size:0.875rem;line-height:1.25rem;font-weight:500;margin-left:auto;margin-right:auto;display:inline-block;align-items:stretch;justify-content:flex-start;--tw-text-opacity:1;color:rgb(18 2 61 / var(--tw-text-opacity));background:#e3e4e5;background:linear-gradient(to bottom, #e3e4e5 0%, #a3a4a7 27%, #d3d4d7 61%, #6f7073 100%)}[data-copy-text].btn>div{filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#e3e4e5", endColorstr="#6f7073",GradientType=0 );background:linear-gradient(92.26deg, #FFFFFF 1.27%, #666670 46.98%, #9E9FAC 100%);margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:flex-start;--tw-text-opacity:1;color:rgb(18 2 61 / var(--tw-text-opacity));height:100%;padding-left:0.5rem}[data-copy-text].btn span.name{width:33.333333%;padding-left:0px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}[data-copy-text].btn span.copy-text{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));font-weight:700;position:absolute;top:0px;bottom:0px;right:0px;width:58.333333%;display:inline-flex;align-items:center;justify-content:center;padding-right:1.25rem;background-repeat:no-repeat;background-image:url(../images/icon-copy.svg);background-position:center right 15px;background-size:auto 30%;margin:2px}#ott-for-checkbox{text-align:center;font-weight:500}.select-wrapper{position:relative;--tw-text-opacity:1;color:rgb(18 2 61 / var(--tw-text-opacity))}.select-wrapper .indicator{position:absolute;left:0px;top:0px;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(205 205 205 / var(--tw-border-opacity))}.select-wrapper .indicator p{margin-left:0.25rem;margin-right:0.25rem}.select-wrapper select{position:relative;z-index:10;opacity:0}.select-wrapper select.selected{opacity:1}.select-wrapper input{position:relative;z-index:10;opacity:0}.select-wrapper input.selected{opacity:1}.sel-store img{width:1rem}.sel-date img{width:1rem}.sel-timeslot img{width:1rem}.box-frame{padding:4px !important;background:#e3e4e5;background:linear-gradient(to bottom, #e3e4e5 0%, #a3a4a7 27%, #d3d4d7 61%, #6f7073 100%);display:flex;width:100%;align-items:stretch;border-radius:1rem}.box-frame>div{background:#b9bac6;background:linear-gradient(165deg, rgb(185, 186, 198) 0%, rgb(253, 252, 252) 50%, rgb(158, 159, 172) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b9bac6", endColorstr="#9e9fac",GradientType=1 );width:100%;border-radius:1rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:0.5rem;padding-bottom:0.5rem}.wrapper-frame{position:relative;margin-left:0.75rem;margin-right:0.75rem;margin-bottom:5rem;max-width:48rem;padding:1.25rem;padding-bottom:1.25rem}@media (min-width: 640px){.wrapper-frame{margin-left:auto;margin-right:auto}}@media (min-width: 768px){.wrapper-frame{padding:2.5rem}}.wrapper-frame:before{content:"";display:inline-block;height:100%;width:100%;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto;filter:drop-shadow(0px 0px 9px rgba(255, 255, 255, 0.8)) drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.25)) drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.8)) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.8));box-shadow:0px 0px 6px rgba(255,255,255,.8);border-radius:1.5rem;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity:0.05}.wrapper-frame>div{z-index:20}.wrapper-frame .inner{position:relative}.divider{margin-left:auto;margin-right:auto;width:80%;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));height:1px}.pc{display:none}@media (min-width: 768px){.pc{display:block}.mobi{display:none}}.ac-kv{background:#74ccc4 url(../images/ac-kv-bg1.png) no-repeat;position:relative;width:100%;background-size:cover;padding-top:1rem}@media (min-width: 768px){.ac-kv{display:none;background:url(../images/ac-kv-l.png),url(../images/ac-kv-rrr.png);background-position:left top,right top;background-repeat:no-repeat;display:block;background-size:contain}}.ac-kv .kv-title{margin-left:auto;margin-right:auto}.section{width:100%;padding:1rem}.card{position:relative;margin-left:auto;margin-right:auto;width:-moz-max-content;width:max-content}.card>img{position:relative;margin-left:auto;margin-right:auto}.card .title-pic{z-index:10;margin-top:-1rem;width:12rem;--tw-translate-y:1rem;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))}.card .title-pic.title-pic2{width:9rem}@media (min-width: 768px){.card .title-pic.title-pic2{width:10rem;margin-top:-1.5rem;--tw-translate-y:1.5rem;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))}}.card .content-pic{z-index:0;width:100%;max-width:20rem}@media (min-width: 768px){.card .content-pic{max-width:32rem}}.row{display:flex;align-items:center;justify-content:flex-start}.form-select,.form-input,.form-checkbox{box-shadow:inset 0 0 0 1px #000;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.form-select:disabled,.form-input:disabled,.form-checkbox:disabled{opacity:.5}.tips{margin-top:1rem;margin-bottom:1rem;text-align:center;font-size:0.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));z-index:1}.deco{position:absolute !important}.clip-section-top{z-index:10;padding-bottom:4rem;-webkit-clip-path:polygon(0 0, 100% 0%, 100% 95%, 0% 100%);clip-path:polygon(0 0, 100% 0%, 100% 95%, 0% 100%)}.clip-section-top::after{content:"";position:absolute;bottom:0px;left:0px;height:0.25rem;width:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);transform:rotate(-4deg);transform-origin:0%}@media (min-width: 768px){.clip-section-top{-webkit-clip-path:polygon(0 0, 100% 0%, 100% 92%, 0% 100%);clip-path:polygon(0 0, 100% 0%, 100% 92%, 0% 100%)}.clip-section-top::after{transform:rotate(-2.5deg) translateY(2px)}}.clip-section-bottom{margin-bottom:-2rem;--tw-translate-y:-2rem;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));padding-top:4rem}@media (min-width: 768px){.clip-section-bottom{margin-bottom:-3.5rem;--tw-translate-y:-3.5rem;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))}}.deco-eshop{position:absolute;bottom:0px;left:0px;z-index:0;width:100%}@media (min-width: 768px){.deco-eshop{left:50%;max-width:48rem;--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))}}
/*# sourceMappingURL=common.css.map */