.s-layout [data-v-50b202f4]:after{--s-gray:#979797!important}.lds-ring[data-v-50b202f4]{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div[data-v-50b202f4]{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #8ba2b5;border-radius:50%;-webkit-animation:lds-ring-data-v-50b202f4 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring-data-v-50b202f4 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#8ba2b5 transparent transparent transparent}.lds-ring div[data-v-50b202f4]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div[data-v-50b202f4]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div[data-v-50b202f4]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring-data-v-50b202f4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring-data-v-50b202f4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.s-loading[data-v-50b202f4]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:hsla(0,0%,60.8%,.2);z-index:1100}.loading-text[data-v-50b202f4]{color:#2c2c2c;font-size:16px;font-weight:400}.header__title[data-v-6eb30e32]{font-size:20px;line-height:28px;font-weight:500}.header-wrapper[data-v-6eb30e32]{background-color:var(--liff-header-color)}.s-header[data-v-6eb30e32]{height:56px;color:var(--liff-header-text-color);display:flex;align-items:center;justify-content:center;position:relative}.s-header--right[data-v-6eb30e32]{position:absolute;right:12px;align-items:center;font-size:14px;line-height:14px}.s-header--right a[data-v-6eb30e32]{text-decoration:underline;margin-left:4px}.s-header--left[data-v-6eb30e32]{position:absolute;left:12px;height:100%}.header__logo[data-v-6eb30e32],.header__logo img[data-v-6eb30e32]{height:100%}.top-image[data-v-6eb30e32]{text-align:center;padding:24px 0 20px}.top-image img[data-v-6eb30e32]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-height:100px;max-width:300px}.s-tabs{display:flex;background-color:var(--s-white)}.s-tabs .s-tab{font-weight:600;font-size:15px;line-height:21px;width:100%;display:flex;justify-content:center;align-items:center;height:52px;border-bottom:1px solid #e5e5ea}.s-tabs .s-tab--active{border-bottom:2px solid var(--s-primary);color:var(--s-primary)}.order-card{display:flex;background:#fff;border:1px solid #e5e5ea;margin-bottom:12px;position:relative;overflow:hidden}.order-card .order-card__image>img{width:130px;height:130px}.order-card .order-card__content{padding:12px;width:100%}.order-card__date{font-weight:400;font-size:12px;line-height:12px;color:#979797;margin-bottom:8px;font-family:PingFang TC}.order-card__title{font-weight:600;font-size:18px;line-height:18px;color:#2c2c2e;margin-bottom:8px}.order-card__created-at,.order-card__subtitle{font-weight:400;font-size:12px;line-height:12px;letter-spacing:-.408px;color:#2c2c2e;margin-bottom:6px}.order-card__button button{font-size:13px;line-height:18px;padding:2px 8px;font-weight:600;width:auto;float:right}.order-card__button .btn-not-enough{background:#e5e5ea;border:1px solid #c0c4cc;color:#2c2c2e;cursor:not-allowed}.popup[data-v-429e14e5],.popup__backdrop[data-v-429e14e5]{text-align:center;position:fixed;top:0;right:0;bottom:0;left:0}.popup__backdrop[data-v-429e14e5]{background-color:var(--s-black);opacity:.3}.popup[data-v-429e14e5]{display:flex;align-items:center;padding:12px;z-index:50;color:#636366;max-width:600px;margin:auto}.popup__panel[data-v-429e14e5]{position:relative;background-color:var(--s-white);box-shadow:0 2px 4px 0 rgba(0,0,0,.1019607843);width:100%;max-height:100%;z-index:10;display:flex;flex-direction:column;padding:32px 16px 24px}.popup__panel.full-height[data-v-429e14e5]{height:100%}.popup__panel.auto-height[data-v-429e14e5]{height:auto}.popup__body[data-v-429e14e5]{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.scrolling[data-v-429e14e5]{overflow-y:scroll}.popup__header[data-v-429e14e5]{margin-bottom:24px}.popup__header-title[data-v-429e14e5]{font-family:PingFang TC;font-size:20px;font-weight:600;line-height:20px;letter-spacing:0;color:#2c2c2e}.popup__close[data-v-429e14e5]{position:relative;width:40px;height:40px;cursor:pointer;background:var(--s-white);border-radius:50%;margin:0 auto 10px auto}.popup__actions button[data-v-429e14e5]{height:48px}.coupon[data-v-55e5bd6a]{display:flex;flex-direction:column;text-align:center;box-sizing:content-box;border-radius:10px;background-size:100% 100%;background-repeat:no-repeat;background-image:radial-gradient(circle at 50% 101%,hsla(0,0%,100%,0) 1.5em,#fff 1.6em);background-position:0 0,100% 0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));padding-bottom:1.5em}.coupon--header[data-v-55e5bd6a]{background:var(--liff-header-color);color:var(--liff-header-text-color);padding:15px 10px 10px 10px;border-top-left-radius:inherit;border-top-right-radius:inherit;border-top:1px solid var(--liff-header-text-color);border-left:1px solid var(--liff-header-text-color);border-right:1px solid var(--liff-header-text-color)}.coupon--barcode[data-v-55e5bd6a]{font-weight:400;font-size:16px;line-height:18px}.coupon--wrapper[data-v-55e5bd6a]{overflow-y:scroll}.coupon--image[data-v-55e5bd6a]{margin:12px}.coupon--image img[data-v-55e5bd6a]{width:100%;border-top-left-radius:12px;border-top-right-radius:12px}.coupon--body[data-v-55e5bd6a]{padding:0 30px;margin:0 12px 12px 12px}.coupon--footer[data-v-55e5bd6a]{padding:0 24px 12px}.coupon--footer .coupon-confirm[data-v-55e5bd6a]{color:#ea0000;font-size:14px}.coupon--copy-panel[data-v-55e5bd6a]{background:#f2f2f7;border-radius:10px;padding:12px 8px;position:relative}.coupon--copy-button[data-v-55e5bd6a]{background:rgba(102,153,204,.03);border:1px solid rgba(102,153,204,.6);color:#3973ac;padding:4px 16px;border-radius:10px;font-weight:600;font-size:13px;line-height:18px;position:absolute;right:8px;top:10px}.coupon--line[data-v-55e5bd6a]{border:1px dashed #dadada}.coupon button[data-v-55e5bd6a]{font-size:16px}.coupon button.s-btn-bg-primary[data-v-55e5bd6a]{background:var(--liff-button-color);color:var(--liff-button-text-color)}.coupon--desc[data-v-55e5bd6a]{text-align:left;font-size:.9rem;box-shadow:rgb(from var(--s-primary) r g b/.5) 0 2px 8px 0;border-radius:5px;padding:10px 15px}.coupon-modal[data-v-d8498bf0] .popup__header{margin-bottom:0}.coupon-modal[data-v-d8498bf0] .popup__panel{background-color:transparent;padding:0;box-shadow:none}.coupon-modal[data-v-d8498bf0] .popup__body.scrolling{height:auto}.order-card-list{height:calc(100vh - 108px);overflow-y:auto}