@charset "UTF-8";@import"//fonts.googleapis.com/earlyaccess/notosanstc.css";@font-face{font-family:Gotham-Black;src:url(/fonts/Gotham-Black.woff2) format("woff2")}@font-face{font-family:Gotham-Thin;src:url(/fonts/Gotham-Thin.woff2) format("woff2")}@font-face{font-family:Gotham-Light;src:url(/fonts/Gotham-Light.ttf) format("truetype")}@font-face{font-family:Ade;src:url(/fonts/Ade-Display.woff2) format("woff2")}@font-face{font-family:Roboto;src:url(/fonts/Roboto.woff2) format("woff2")}@font-face{font-family:Noto Sans;src:url(/fonts/Noto-Sans.woff2) format("woff2")}@media (max-width: 599px){html,body{margin:0;padding:0}}@media (max-width: 599px){html,body{margin:0;padding:0;min-height:100%;overflow:auto}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.title{position:sticky;top:env(safe-area-inset-top);left:0;right:0;z-index:100}}.title{top:0;left:0;width:100%;padding-top:constant(safe-area-inset-top,0px);padding-top:env(safe-area-inset-top,0px);background-repeat:no-repeat;background-position:center;background-size:cover;transition:background .3s ease-in-out;z-index:100;overflow:hidden;border-bottom-left-radius:32px;border-bottom-right-radius:32px;border:1px solid rgba(255,255,255,.25);box-shadow:0 25px 60px #070a1c0f,inset 0 2px 8px #ffffff0d,inset 0 -10px 25px #070a1c0c;isolation:isolate;background-clip:padding-box}@media (min-width: 1033px),(max-width: 1032px){.title{background-image:url(/images/pc-banner-middle-size.webp)}}@media (max-width: 1032px){.title{background-image:url(/images/pc-banner-large-size.webp)}}@media (max-width: 599px){.title{background-image:url(/images/mobile-banner.webp)}}.title:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 0% 20%,#ffffffbf,#fff0 65%),radial-gradient(90% 90% at 90% 0%,#ffffff59,#fff0 0%);pointer-events:none;opacity:calc(var(--scroll-opacity, 0) * .65);z-index:0}.title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,var(--scroll-opacity));transition:background .3s ease-in-out;pointer-events:none;z-index:1}.title.title-collapsed{background-image:none;background-color:#ffffff14;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-color:#ffffff59;border-radius:32px;box-shadow:0 18px 40px #070a1c4d,inset 0 1px 6px #ffffff59,inset 0 -8px 18px #070a1c14}.title.title-collapsed:before{opacity:.45}.title.title-collapsed:after{background:#ffffff26}.title.title-collapsed .title-prelogo{display:none}.title.title-dark{background-image:none;background-color:#050505f2;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 35px #00000073;width:50%;margin:20px auto 0;border-radius:32px;padding:24px 0}.title.title-dark:before{opacity:.12;background:radial-gradient(120% 120% at 0% 20%,#fff6,#fff0 60%)}.title.title-dark:after{background:#0000004d}.title.title-dark .title-logo{filter:none}@media (max-width: 599px){.title.title-dark{width:calc(100% - 40px);padding:20px 0}}.title .title-deco{position:absolute;width:120px;height:auto;pointer-events:none;z-index:2}.title .title-deco.title-deco-left{top:0;left:0;transform-origin:top left}.title .title-deco.title-deco-right{bottom:0;right:0;transform-origin:bottom right}.title .title-logo{position:absolute;height:auto;left:50%;z-index:3}.title .title-logo.title-logo-floating{top:60px;width:250px;transform:translate(-50%)}.title .title-logo.title-logo-compact{top:50%;width:250px;transform:translate(-50%,-50%)}.title .title-prelogo{position:absolute;top:40px;left:50%;transform:translate(-50%);width:calc(100% - 64px);text-align:center;color:#fdf1af;font-size:16px;letter-spacing:.3px;z-index:3;pointer-events:none}@media (max-width: 599px){.title .title-prelogo{top:28px}}.title .title-copy-block{position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;width:calc(100% - 64px);color:#fdf1af;z-index:3}.title .title-copy-block .title-headline{font-family:Gotham-Black;font-size:34px;letter-spacing:1px}.title .title-copy-block .title-subheadline{font-size:16px;letter-spacing:.3px}.title .title-message{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:calc(100% - 64px);text-align:center;color:#fdf1af;font-family:Noto Sans TC,微軟正黑體,sans-serif;font-size:20px;letter-spacing:.3px;line-height:1.6;z-index:3}@media (max-width: 599px){.title .title-deco-left{transform:scale(.55)}.title .title-deco-right{transform:scale(.7)}.title .title-logo.title-logo-floating{width:163px}.title .title-logo.title-logo-compact{width:160px}.title .title-copy-block .title-headline{font-size:25px}.title .title-copy-block .title-subheadline{font-size:16px}.title .title-message{font-size:16px;bottom:24px}}.wrapper{width:100%;margin:0 auto}.wrapper .form{display:flex;justify-content:center;flex-direction:column;margin:0 auto;align-items:center;padding:24px;color:#fff}@media (min-width: 1033px),(max-width: 1032px){.wrapper .form .form-block{width:600px}}@media (max-width: 599px){.wrapper .form .form-block{width:100%;max-width:390px}}.wrapper .form .form-block .basic-formControl{border-radius:4px;font-family:Roboto}.wrapper .form .form-block .basic-formControl .MuiOutlinedInput-root{border:0px;color:#070707;font-size:16px;background-color:#fff}.wrapper .form .form-block .basic-formControl .MuiOutlinedInput-root.Mui-error fieldset{border:1px solid #FF8982!important}.wrapper .form .form-block .basic-formControl .MuiSelect-select{color:#070707;background-color:#fff}.wrapper .form .form-block .basic-formControl .MuiOutlinedInput-notchedOutline{border:none}.wrapper .form .form-block .basic-formControl input[type=number]::-webkit-inner-spin-button,.wrapper .form .form-block .basic-formControl input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0}.wrapper .form .form-block .amount{margin-bottom:5px}.wrapper .form .form-block .amount .MuiInputBase-root{height:88px;font-size:24px}.wrapper .form .form-block .amount .MuiInputBase-root .MuiTypography-root{font-family:Gotham-Thin;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.5px}.wrapper .form .form-block .amount .MuiInputBase-root .MuiInputBase-input{color:#000000b3;font-family:Gotham-Black;font-size:48px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.5px}.wrapper .form .form-block .amount .MuiInputBase-root .MuiOutlinedInput-input:focus{color:#ffa01f}@media (min-width: 1033px),(max-width: 1032px){.wrapper .form .form-block .amount{width:100%}}.wrapper .form .form-block .exchange-rate{display:flex;flex-direction:row;column-gap:10px;font-family:Gotham-Light,Roboto,sans-serif;font-size:14px;font-weight:400;color:#fff;margin-bottom:16px}@media (min-width: 1033px),(max-width: 1032px){.wrapper .form .form-block .exchange-rate{width:568px}}@media (max-width: 599px),(max-width: 1032px){.wrapper .form .form-block .exchange-rate{width:400px}}.wrapper .form .form-block .exchange-rate .disclaimer{text-decoration:underline;cursor:pointer;color:#fff;text-decoration-color:#fff}.wrapper .form .form-block .email{margin-bottom:16px;width:100%}.wrapper .form .form-block .phone-block{display:flex;gap:8px;margin-bottom:16px;width:100%}.wrapper .form .form-block .phone-block .phone-code{width:240px}@media (min-width: 1033px),(max-width: 1032px){.wrapper .form .form-block .phone-block .phone-number{width:496px}}.wrapper .form .form-block .contact-information{display:flex;flex-direction:column;gap:36px}.wrapper .form .form-block .contact-information .branch-select-block{display:flex;flex-direction:column;gap:8px}.wrapper .form .form-block .contact-information .receipt-name-block{display:flex;flex-direction:column;gap:24px}.wrapper .form .form-block .contact-information .contact-information-note{color:#fff;font-family:Roboto;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px}.wrapper .form .form-block .contact-information .checkbox-label-block{margin-left:0;margin-right:0;display:flex;gap:8px}.wrapper .form .form-block .contact-information .checkbox-custom{padding:0;color:#fff}.wrapper .form .form-block .contact-information .checkbox-custom.Mui-checked{color:#ffa01f}.wrapper .form .form-block .contact-information .checkbox-custom .MuiSvgIcon-fontSizeMedium{border-radius:2px}.wrapper .form .form-block .contact-information .company-tax-block{display:flex;flex-direction:column;gap:36px}.wrapper .form .form-block .contact-information .label-custom{font-family:Roboto;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}@media (min-width: 1033px),(max-width: 1032px){.wrapper .form .form-block .contact-information .label-custom{width:400px}}@media (max-width: 599px){.wrapper .form .form-block .contact-information .label-custom{width:294px}}.wrapper .form .form-block .contact-information .label-chinese{font-family:Roboto;color:#fff;font-size:18px}.wrapper .form .form-block .contact-information .label-english{font-family:Gotham-Light;color:#fff;font-size:16px}.wrapper .form .form-block .contact-information .personal-company-button{text-align:center;font-family:Gotham-Light;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;margin-right:16px;width:80px;color:#fff;border-radius:16px}.wrapper .form .form-block .contact-information .personal-company-button.clicked{color:#070707;background:#ffffffe6;border-color:#ffffffe6;box-shadow:0 18px 40px #ffffff40,inset 0 2px 4px #fff9}.wrapper .form .form-block .contact-information .personal-company-button.not-clicked{color:#fff;border:1px solid rgba(255,255,255,.45);background:#ffffff14}.wrapper .form .form-block .contact-information .receiptName{margin:8px 0}.wrapper .form .form-block .contact-information .payment-method-icon-text{display:flex;align-items:center;gap:8px}.wrapper .form .form-block .contact-information .credit-card-block{display:flex;flex-direction:column;gap:32px;border-radius:8px;background:#ffffff1a;padding:16px}.wrapper .form .form-block .contact-information .credit-card-block .valid-text{white-space:pre-line;color:#ff8982;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.wrapper .form .form-block .contact-information .credit-card-block .tpfield{background-color:#fff;border-radius:4px;padding:10px;height:56px;margin-top:8px}.wrapper .form .form-block .contact-information .credit-card-block .credit-card-date-ccv-block{display:flex;flex-direction:row;gap:24px}.wrapper .form .form-block .contact-information .note-block{cursor:pointer;width:100%;display:flex;align-items:center;gap:8px}.wrapper .form .form-block .contact-information .note-block .add-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.wrapper .form .form-block .contact-information .note-block .edit-icon{width:18px;height:18px}.wrapper .form .form-block .contact-information .note-block .add-note-label{font-family:Roboto;color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.wrapper .form .form-block .contact-information .note-block .edit-note-label{color:#fff;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrapper .form .form-block .contact-information .privacy-policy-block .MuiButtonBase-root{padding-left:8px}.wrapper .form .form-block .contact-information .privacy-policy-block .privacy-policy-note{margin-left:5px;color:#fff;font-family:Noto Sans TC,微軟正黑體,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px}.wrapper .form .form-block .contact-information .privacy-policy-block .privacy-policy-note a{font-weight:700;font-family:Noto Sans TC,微軟正黑體,sans-serif;text-decoration:underline;color:#fff;text-decoration-color:#fff}.wrapper .success{display:flex;flex-direction:column;align-items:center;justify-items:center;text-align:center;gap:24px;margin:0 auto;padding:24px}@media (min-width: 1033px),(max-width: 1032px){.wrapper .success{width:600px}}@media (max-width: 599px){.wrapper .success{width:100%;max-width:390px}}.wrapper .success .success-title{color:#070707;font-family:Noto Sans TC,微軟正黑體,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px}.wrapper .success .success-title-english{color:#070707;font-family:Gotham-Black;font-size:20px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.5px}.wrapper .success .note-chinese{color:#282829cc;text-align:center;font-family:Noto Sans TC,微軟正黑體,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px;margin-bottom:8px}.wrapper .success .note-chinese a{font-family:Noto Sans;text-decoration:underline;text-decoration-color:#282829cc}.wrapper .success .note-english{color:#282829cc;text-align:center;font-family:Noto Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px}.wrapper .success .note-english a{text-decoration:underline;text-decoration-color:#282829cc}.wrapper .glass-button{border-radius:999px;padding:10px 24px;border:1px solid rgba(255,255,255,.35);background:#ffffff14;box-shadow:0 15px 35px #070a1c40,inset 0 1px #fff6,inset 0 -6px 12px #070a1c1f;color:#fff;text-transform:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s ease,color .3s ease,border .3s ease,box-shadow .3s ease}.wrapper .glass-button:hover{background:#ffffff26}.wrapper .glass-button:disabled{opacity:.6}.wrapper .glass-button-accent{color:#070707;background:#ffa01fe6;border-color:#ffa01fb3;box-shadow:0 18px 40px #ffa01f40,inset 0 1px #ffffff73,inset 0 -8px 12px #94470040}.wrapper .glass-button-accent:hover{background:#ffad40f2}.wrapper .continue-button{font-weight:600}.wrapper .fake-pay-button{background-size:contain;background-repeat:no-repeat;background-color:#000;background-position:50% 50%;border-radius:5px;width:100%;height:44.5px}.wrapper .apple-pay-button{background-image:url(/images/apple-pay-icon.webp)}.wrapper .google-pay-button{background-image:url(/images/google-pay-icon.webp)}.wrapper .note{border-radius:12px;border:1px solid rgba(40,40,41,.1)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#00000080;position:fixed;width:100%;top:0;left:0;z-index:999}.loading .loading-icon{color:#f1d984;position:fixed;top:50%;left:50%;z-index:1000;transform:translate(-50%,-50%)}.note-dialog .MuiPaper-root{width:312px}.note-dialog .glass-button{border-color:#070a1c1f;background:#ffffffa6;box-shadow:0 12px 28px #070a1c33,inset 0 1px #fff9,inset 0 -4px 10px #070a1c1f;color:#070707}.note-dialog .glass-button:hover{background:#ffffffd9}.note-dialog .glass-button-accent{background:#ffa01fd9;border-color:#ffa01f99;box-shadow:0 16px 32px #ffa01f38,inset 0 1px #ffffff8c,inset 0 -5px 10px #94470052}.MuiDialog-container .MuiPaper-root{border-radius:15px}.MuiDialog-container .dialog-title{color:#070707;font-family:Roboto;font-size:24px;font-style:normal;font-weight:400}.MuiDialog-container .MuiDialogContent-root .dialog-message{color:#070707;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.MuiDialog-container .dialog-button{font-family:Roboto;font-size:14px;font-weight:500;text-transform:none;min-width:120px;justify-content:center}.privacy-dialog-title{font-family:Noto Sans TC,微軟正黑體,sans-serif}.note .MuiOutlinedInput-notchedOutline{border:1px solid rgba(40,40,41,.1);color:#070707;font-family:Noto Sans TC,微軟正黑體,sans-serif}.note .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.note .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid rgba(40,40,41,.1)}.note .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border:1px solid #FF8982}.MuiFormControl-root .MuiFormHelperText-root{white-space:pre-line;color:#ff8982!important;margin-left:0;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin-top:6px}.note-alert{font-family:Roboto;font-size:14px!important;font-style:normal;font-weight:400;line-height:16px;margin-top:6px}.text-en{font-family:inherit;font-size:13px!important}.text-zh{font-family:Noto Sans TC,微軟正黑體,sans-serif}.font-gotham-light{font-family:Gotham-Light,Roboto,sans-serif!important}.font-gotham-black{font-family:Gotham-Black,Roboto,sans-serif!important;font-weight:800}.font-noto-bold{font-family:Noto Sans TC,微軟正黑體,sans-serif!important;font-weight:700}.width100{width:100%}#apple-pay-button-container div{min-height:30px;border:1px solid black;background-image:url(/images/apple-pay-icon.webp)!important;background-size:contain;background-repeat:no-repeat;background-color:#000;background-position:50% 50%;border-radius:5px;padding:10px;margin:10px auto;transition:background-color .15s;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.successAndFailWrapper{display:flex;align-items:center;justify-content:center;padding:0 10px}.m-t-8{margin-top:8px!important}.m-r-3{margin-right:3px}@media (max-width: 599px){.m-r-3{width:134px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}button{all:unset;cursor:pointer}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#227a85;color:#fff;width:100%;max-width:100%;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6,p{margin:0}html{font-size:16px;scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}input,textarea,select,button{font:inherit;border:none;outline:none}input:-webkit-autofill{background-color:transparent!important;box-shadow:0 0 0 1000px #fff inset!important}textarea{resize:vertical}
