@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);.s-layout,.s-layout *,.s-layout :after,.s-layout :before{--s-black:#000;--s-white:#fff;--s-text-xs:0.85rem;--s-text-xs-line-height:1;--s-text-sm:0.875rem;--s-text-sm-line-height:1;--s-text-base:1rem;--s-text-base-line-height:1.38;--s-text-xl:1.25rem;--s-text-xl-line-height:1;--s-text-2xl:1.5rem;--s-text-2xl-line-height:1;--s-text-3xl:2rem;--s-text-3xl-line-height:1;--s-text-caption:1.625rem;--s-text-caption-line-height:1;--s-weight-normal:400;--s-weight-medium:500;--s-weight-semibold:600;--s-weight-bold:700}.s-layout{touch-action:manipulation}.s-layout *,.s-layout :after,.s-layout :before{margin:0;padding:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;border-width:0;border-style:solid}.s-layout a,.s-layout a:active,.s-layout a:hover,.s-layout a:visited{color:inherit;text-decoration:none}.s-layout ol,.s-layout ul{list-style:none}.s-layout input:not([type=radio]):not([type=checkbox]),.s-layout textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.s-layout button{background-color:transparent}.s-container{position:relative;max-width:768px;margin:auto}.s-bg-primary{background-image:linear-gradient(90deg,var(--s-primary))}.s-bg-secondary{background-color:var(--s-secondary)}.s-bg-warning{background-color:var(--s-warning)}.s-bg-white{background-color:var(--s-white)}.s-text-secondary{color:var(--s-secondary)}.s-text-warning{color:var(--s-warning)}.s-text-danger{color:var(--s-danger)}.s-text-black{color:var(--s-black)}.s-text-gray-darker{color:var(--s-gray-darker)}.s-text-gray-dark{color:var(--s-gray-dark)}.s-text-gray{color:var(--s-gray)}.s-text-gray-light{color:var(--s-gray-light)}.s-text-gray-lighter{color:var(--s-gray-lighter)}.s-text-white{color:var(--s-white)}.s-text-primary{color:var(--s-primary)}.s-text-xs{font-size:var(--s-text-xs);line-height:var(--s-text-xs-line-height)}.s-text-sm{font-size:var(--s-text-sm);line-height:var(--s-text-sm-line-height)}.s-text-base{font-size:var(--s-text-base);line-height:var(--s-text-base-line-height)}.s-text-xl{font-size:var(--s-text-xl);line-height:var(--s-text-xl-line-height)}.s-text-2xl{font-size:var(--s-text-2xl);line-height:var(--s-text-2xl-line-height)}.s-text-3xl{font-size:var(--s-text-3xl);line-height:var(--s-text-3xl-line-height)}.s-text-caption{font-size:var(--s-text-caption);line-height:var(--s-text-caption-line-height)}.s-text-center{text-align:center}.s-text-right{text-align:right}.s-text-left{text-align:left}.s-font-normal{font-weight:var(--s-weight-normal)}.s-font-medium{font-weight:var(--s-weight-medium)}.s-font-semibold{font-weight:var(--s-weight-semibold)}.s-font-bold{font-weight:var(--s-weight-bold)}.s-mr-auto{margin-right:auto}.s-mr-1{margin-right:.25rem}.s-mr-2{margin-right:.5rem}.s-mr-3{margin-right:.75rem}.s-mb-2{margin-bottom:.5rem}.s-mb-3{margin-bottom:.75rem}.s-mb-4{margin-bottom:1rem}.s-mb-5{margin-bottom:1.25rem}.s-mb-6{margin-bottom:1.5rem}.s-mb-8{margin-bottom:2rem}.s-mb-10{margin-bottom:2.5rem}.s-mb-auto{margin-bottom:auto}.s-mt-1{margin-top:.25rem}.s-mt-2{margin-top:.5rem}.s-mt-3{margin-top:.75rem}.s-mt-4{margin-top:1rem}.s-mt-5{margin-top:1.25rem}.s-mt-auto{margin-top:auto}.s-m-3{margin:.75rem}.s-p-3{padding:.75rem}.s-p-5{padding:1.25rem}.s-pt-1{padding-top:.25rem}.s-pt-3{padding-top:.75rem}.s-pt-40{padding-top:10rem}.s-pb-2{padding-bottom:.5rem}.s-pb-4{padding-bottom:1rem}.s-pb-8{padding-bottom:2rem}.s-px-1{padding-left:.25rem;padding-right:.25rem}.s-px-2{padding-left:.5rem;padding-right:.5rem}.s-px-3{padding-left:.75rem;padding-right:.75rem}.s-py-2{padding-top:.5rem;padding-bottom:.5rem}.s-py-3{padding-top:.75rem;padding-bottom:.75rem}.s-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.s-py-40{padding-top:10rem;padding-bottom:10rem}.s-space-x-2>:not(:last-child){margin-right:.5rem}.s-space-x-3>:not(:last-child){margin-right:.75rem}.s-space-y-2>:not(:last-child){margin-bottom:.5rem}.s-space-y-3>:not(:last-child){margin-bottom:.75rem}.s-space-y-4>:not(:last-child){margin-bottom:1rem}.s-space-y-8>:not(:last-child){margin-bottom:2rem}.s-divide-y>:not(:last-child){border-bottom-width:1px}.s-divide-y-gray-light>:not(:last-child){border-color:var(--s-gray-light)}.s-relative{position:relative}.s-block{display:block}.s-flex{display:flex}.s-flex-center{display:flex;align-items:center;justify-content:center}.s-flex-col{flex-direction:column}.s-flex-1{flex:1 1 0}.s-basis-1\/4{flex-basis:25%}.s-basis-1\/2,.s-basis-2\/4{flex-basis:50%}.s-basis-3\/4{flex-basis:75%}.s-flex-shrink-0{flex-shrink:0}.s-justify-between{justify-content:space-between}.s-justify-around{justify-content:space-around}.s-justify-end{justify-content:flex-end}.s-items-center{align-items:center}.s-items-end{align-items:flex-end}.s-w-full{width:100%}.s-w-auto{width:auto!important}.s-min-w-8{min-width:2rem}.s-min-w-10{min-width:2.5rem}.s-border{border-width:1px}.s-border-b{border-bottom-width:1px}.s-border-gray-light{border-color:var(--s-gray-light)}.s-border-gray-lighter{border-color:var(--s-gray-lighter)}.s-rounded-lg{border-radius:.5rem}.s-list-disc{list-style-type:disc!important}.s-list-decimal{list-style-type:decimal!important}.s-list-inside{list-style-position:inside!important}.s-drop-shadow{filter:drop-shadow(.125rem .125rem .5rem rgba(44,44,46,.4))}.s-whitespace-nowrap{white-space:nowrap}.s-btn{width:100%;padding:1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:none;font-size:var(--s-text-xl);font-weight:var(--s-weight-medium);line-height:var(--s-text-xl-line-height)}.s-btn-primary,.s-btn-primary:active,.s-btn-primary:focus{color:var(--s-white)!important;text-shadow:0 0 .25rem rgba(0,0,0,.2);background-image:linear-gradient(90deg,var(--s-primary))}.s-btn-outline-primary,.s-btn-outline-primary:active,.s-btn-outline-primary:focus{background:var(--liff-button-text-color);border:1px solid var(--liff-button-color);color:var(--liff-button-color)}.s-btn-secondary,.s-btn-secondary:active,.s-btn-secondary:focus{color:var(--s-secondary)!important;border:solid 1px var(--s-secondary);background:var(--s-white)}.s-btn-sm{font-size:var(--s-text-base);line-height:var(--s-text-base-line-height)}.s-btn:disabled{opacity:.4}.s-link{text-decoration:underline!important}.s-link-secondary{color:var(--s-secondary)!important}.s-tag{position:relative;display:inline-block;padding:.125rem 1rem;color:var(--s-black)!important;font-size:var(--s-text-sm);white-space:nowrap}.s-tag:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;border-radius:.75rem;opacity:.1;background-color:var(--s-black);z-index:1;pointer-events:none}.s-tag-secondary{color:var(--s-secondary)!important}.s-tag-secondary:before{background-color:var(--s-secondary)}.s-tag-gray{color:var(--s-gray)!important}.s-tag-gray:before{background-color:var(--s-gray)}.s-form-control{border:none;border-bottom:solid 1px var(--s-gray-darker);padding:1rem 0;width:100%;background:transparent;color:var(--s-gray-darker);font-size:var(--s-text-xl);line-height:var(--s-text-xl-line-height)}.s-form-control::-moz-placeholder{color:var(--s-gray-light)}.s-form-control:-ms-input-placeholder{color:var(--s-gray-light)}.s-form-control::placeholder{color:var(--s-gray-light)}.s-form-control:disabled{color:var(--s-gray);background-color:var(--s-gray-light)}.s-form-control:active,.s-form-control:focus{border-bottom-color:var(--s-secondary)}.s-leading-3{line-height:.75rem}.s-leading-4{line-height:1rem}.s-leading-5{line-height:1.25rem}.s-leading-6{line-height:1.5rem}.s-leading-7{line-height:1.75rem}.s-leading-8{line-height:2rem}.s-leading-9{line-height:2.25rem}.s-leading-10{line-height:2.5rem}.s-leading-none{line-height:1}.s-leading-tight{line-height:1.25}.s-leading-snug{line-height:1.375}.s-leading-normal{line-height:1.5}.s-leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.s-text-justify{text-align:justify}.s-header{background-color:var(--liff-header-color)!important;color:var(--liff-header-text-color)!important}.s-tabs .s-tab--active{border-bottom:2px solid var(--liff-tab-color)!important;color:var(--liff-tab-color)!important}.s-text-primary{color:var(--liff-button-color)!important}.s-primary{color:var(--s-primary)!important}.s-liff-theme-btn,.s-liff-theme-btn:active,.s-liff-theme-btn:focus{color:var(--s-white);background-color:var(--liff-button-color)!important}.s-liff-theme-btn-outline,.s-liff-theme-btn-outline:active,.s-liff-theme-btn-outline:focus{background:rgba(102,153,204,.03);border:1px solid var(--liff-button-color)!important;color:var(--liff-button-color)!important}.layout{background-color:var(--liff-layout_bg_color)}.container{max-width:768px;padding:0;font-family:Noto Sans TC,Helvetica;background-color:var(--liff-content_bg_color)}a{color:var(--s-primary)}header{position:relative}header .logo{max-width:40vw}header .logo,header .logo img{max-height:40px}header .badge{padding:2px 4px;position:absolute;right:0;top:0;transform:scale(.8)}header .search{width:100%;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);background-color:#fff}header .search .search-box{background-color:rgba(236,239,241,.5019607843);border-radius:8px}header .search .search-box .icon{width:14px}header .search .search-box .box{border:none;background:none;font-size:14px}.modal .modal-header{padding:1rem;border-bottom:0;display:block;position:relative}.modal .modal-header h5{font-size:17px;font-weight:700}.modal .modal-header .close{padding:1rem;opacity:1;margin:0;position:absolute;right:0;top:0}.modal-backdrop{background-color:rgba(0,0,0,.5)}.btn{border-width:2px;padding:.8rem;font-weight:500;border-radius:.5rem}.btn.btn-primary{background-color:var(--s-primary);border-color:var(--s-primary)}.price{font-size:16px;color:#ff1744;font-weight:700}.oprice{font-size:14px;font-weight:400;text-decoration:line-through;color:#9e9e9e}.product__photo{aspect-ratio:1/1}.product__photo img{width:100%}.product__title{font-size:15px;font-weight:700}.field:not(:last-of-type){margin-bottom:24px}.field__label{font-weight:400;font-size:14px;color:var(--liff-primary_text_color);margin-bottom:8px;display:block}.field__desc{color:var(--liff-secondary_text_color);font-size:12px;line-height:1;margin-top:4px}.field__input{font-weight:500;font-size:14px;color:var(--liff-primary_text_color);border:none;border-bottom:1px solid #e5e5ea;background:transparent;padding-bottom:8px;width:100%;border:1px solid #e5e5ea;border-radius:5px;padding:8px 12px}.field__input::-moz-placeholder{color:#b7b7b7}.field__input:-ms-input-placeholder{color:#b7b7b7}.field__input::placeholder{color:#b7b7b7}.field__input:focus{border:1px solid var(--liff-primary_text_color)}.field__input.invalid{border:1px solid #fe0000}.field__input:disabled{color:var(--s-gray);background-color:var(--s-gray-light)}.field--required:after{content:"*";position:relative;font-family:PingFang TC;color:var(--s-primary);margin-left:2px}.tab .nav-link{color:var(--s-dark);border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:var(--liff-layout_bg_color);font-size:15px;font-weight:700}.tab .nav-link.active{color:var(--s-primary);border-bottom-color:var(--s-primary)}.product-carousel{border-top:1px solid #eee;padding-bottom:1.5rem!important}.product-carousel ::v-deep .swiper-wrapper{align-items:stretch!important}.product-carousel__item{width:120px!important;height:auto!important}.product-carousel__item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.product-carousel__item__purchase{background-color:rgba(13,71,161,.1019607843);font-weight:500;font-size:14px}