.point-card[data-v-4063af8c]{display:flex;background:#fff;border:1px solid #e5e5ea;margin-bottom:12px;position:relative;overflow:hidden}.point-card .point-card__content[data-v-4063af8c]{padding:12px;width:100%}.point-card__date[data-v-4063af8c]{font-weight:400;font-size:12px;line-height:12px;color:#979797;margin-bottom:8px;font-family:PingFang TC}.point-card__title[data-v-4063af8c]{font-weight:600;font-size:18px;line-height:18px;color:#2c2c2e;margin-bottom:8px}.point-card__subtitle[data-v-4063af8c]{font-weight:400;font-size:12px;line-height:12px;letter-spacing:-.408px;color:#2c2c2e;margin-bottom:6px}.point-card__image[data-v-4063af8c]{width:122px;max-height:122px;display:flex}.point-card__image img[data-v-4063af8c]{width:100%;-o-object-fit:contain;object-fit:contain}.point-card__image--empty[data-v-4063af8c]{display:flex;align-items:center;justify-content:center;background-color:#ddd;color:#888}.point-card__image--empty[data-v-4063af8c]:before{content:"no image"}.point-card__free[data-v-4063af8c]{font-weight:600;font-size:15px;line-height:32px;color:var(--liff-button-color)}.point-card__point[data-v-4063af8c]{font-weight:600;font-size:20px;line-height:32px;color:var(--s-primary);font-family:PingFang TC;display:flex;align-items:center}.point-card__point svg[data-v-4063af8c]{margin-right:4px}.point-card__button button[data-v-4063af8c]{font-size:13px;line-height:18px;padding:6px 16px;font-weight:600}.point-card__button .btn-not-enough[data-v-4063af8c]{background:#e5e5ea;border:1px solid #c0c4cc;color:#2c2c2e;cursor:not-allowed}.point-card__redeemed[data-v-4063af8c]{position:absolute;right:10px;transform:rotate(-30deg);bottom:-20px}.point-card__redeemed img[data-v-4063af8c]{width:80px}.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}.s-pagination[data-v-5a7175d2]{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem 0}.s-pagination .s-pagination__center[data-v-5a7175d2]{line-height:40px;display:flex;align-items:center}.s-pagination .s-pagination__center input[data-v-5a7175d2]{background:#fff;border:1px solid #e5e5ea;width:40px;text-align:center}.s-pagination .s-pagination__center span[data-v-5a7175d2]{font-size:30px;line-height:36px;text-align:center;color:#e5e5ea;font-family:SF UI Text;font-style:normal;font-weight:400;margin-right:10px;margin-left:10px}.s-pagination[data-v-5a7175d2] :not(:last-child){margin-right:12px}.s-pagination li a[data-v-5a7175d2]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.125rem;color:var(--s-gray-dark);border:1px solid var(--s-primary);background-color:var(--s-white)}.s-pagination li[disabled] a[data-v-5a7175d2]{pointer-events:none;border:1px solid var(--s-gray-light)}.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:16px;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__input:-moz-read-only{background-color:#f0f0f0}.field__input:read-only{background-color:#f0f0f0}.field--required:after{content:"*";position:relative;font-family:PingFang TC;color:var(--s-primary);margin-left:2px}.field__select-group{display:flex}.field__select-group>*{width:100%}.field__select-group>:not(:last-of-type){margin-right:8px}.field__select-group.invalid{border-bottom:1px solid #fe0000}.field__select-group .invalid{border:1px solid #fe0000}.page{padding:16px 12px;background:var(--liff-content_bg_color)}.page__title{font-size:20px;line-height:28px;font-weight:500}.page__desc,.page__title{margin-top:10px;margin-bottom:10px;text-align:center}.page__desc{font-size:14px;line-height:22px;color:var(--liff-secondary_text_color)}.page__desc b{color:var(--s-primary);font-weight:600}.page__content{margin:10px 20px}