.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}.s-layout{color:var(--liff-primary_text_color);background-color:var(--liff-layout_bg_color);--s-gray:#979797!important;--s-gray-light:#f0f0f0!important}.s-container{min-height:100vh;position:relative;max-width:768px;margin:auto}.form{padding:0 5px}.form__error-msg{color:#fe0000;font-size:12px;margin-top:8px}.s-layout,.s-layout *,.s-layout :after,.s-layout :before{--s-secondary:#de006f;--s-warning:#ed6c00;--s-danger:#fe0000;--s-gray-darker:#363636;--s-gray-dark:#2c2c2e;--s-gray:#979797!important;--s-gray-light:#c0c4cc;--s-gray-lighter:#f2f2f7}.content{height:calc(100vh - 56px);overflow-y:auto;margin:0 24px;padding-bottom:24px}.page{padding:16px 12px;background:var(--liff-content_bg_color)}.logo{margin:auto;margin-top:12px;margin-bottom:12px;max-width:300px;max-height:100px}.logo,.logo img{width:100%;height:100%}.logo img{-o-object-fit:contain;object-fit:contain}.card{margin-top:24px;background:#fff;border:1px solid #e5e5ea;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:10px;padding:12px;margin-top:12px}.card__title{color:#2c2c2e;font-size:18px;font-weight:600;line-height:22px;margin-bottom:8px}.card__divider{border-bottom:2px dashed #e5e5ea}.card__info{color:#636366;line-height:24px;font-size:16px;padding-top:5px}.card__info b{color:#2c2c2e;font-weight:500}.redeem{background:url(../img/bg_redeem.0536e023.png);background-size:cover;width:100%;height:58px;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.redeem__code{color:#2c2c2e;font-size:19px;text-align:center}.redeem__code,.redeem__input{font-weight:600;line-height:18px}.redeem__input{background:#fff;border-radius:10px!important;border:1px solid #636366;padding:15px 12px;width:100%;font-size:16px;margin-bottom:32px}.redeem__input::-moz-placeholder{letter-spacing:-.408px;color:#b7b7b7}.redeem__input:-ms-input-placeholder{letter-spacing:-.408px;color:#b7b7b7}.redeem__input::placeholder{letter-spacing:-.408px;color:#b7b7b7}.btn{margin-top:24px;margin-bottom:24px;width:100%}.btn button{background:var(--liff-button-color);color:var(--liff-button-text-color)}.gift__image{width:100%;-o-object-fit:contain;object-fit:contain}.loading-spinner{order:4}.custom-checkbox{padding-left:1.5rem;margin-right:1rem}.custom-checkbox .custom-control-input+label{position:relative;cursor:pointer;padding:0;color:var(--liff-primary_text_color);font-size:16px}.custom-checkbox .custom-control-input+label:before{content:"";margin-right:8px;display:inline-block;vertical-align:text-top;width:18px;height:18px;border:1px solid var(--liff-button-color)!important;border-radius:4px;background:#fff;left:-1.5rem}.custom-checkbox .custom-control-input+label:after{left:-1.5rem}.custom-checkbox .custom-control-input:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.custom-checkbox .custom-control-input:active+label:before,.custom-checkbox .custom-control-input:checked+label:before{background:var(--liff-button-color)!important}.custom-checkbox .custom-control-input:disabled+label{color:#b8b8b8;cursor:auto}.custom-checkbox .custom-control-input:disabled+label:before{box-shadow:none;background:var(--s-gray-light)}.fixed-footer{position:sticky;bottom:0;z-index:1}.field__label{font-size:16px!important}.field__desc{font-size:14px!important}.search__input{background:#fff;border-radius:10px!important;border:1px solid var(--liff-button-color);padding:15px 12px;font-weight:600;font-size:16px;line-height:18px}.search__input::-moz-placeholder{letter-spacing:-.408px;color:#b7b7b7}.search__input:-ms-input-placeholder{letter-spacing:-.408px;color:#b7b7b7}.search__input::placeholder{letter-spacing:-.408px;color:#b7b7b7}.search__input:focus{border:1px solid var(--liff-button-color);outline:none}.scan-content{background-color:#fff;border-radius:10px;padding:10px;margin-top:10px}.scan-filter{display:flex;justify-content:center}.s-title{font-size:26px}.s-subtitle{font-size:20px}