@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: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")}.title{top:0;left:0;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:background .3s ease-in-out;z-index:100}@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:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--scroll-opacity));transition:background .3s ease-in-out}.title .title-block{position:absolute;bottom:20px;left:20px;z-index:1}.title .title-block .title-name{font-family:Gotham-Black;font-size:24px;font-weight:700;line-height:normal}.title .title-block .title-property{font-family:Ade;font-size:64px;font-style:normal;font-weight:400;line-height:normal}.wrapper{width:100%;margin:0 auto}.wrapper .form{display:flex;justify-content:center;flex-direction:column;margin:0 auto;align-items:center;padding:24px}@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 #E46962!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;font-family:Roboto;font-size:14px;font-weight:400;color:#49454f;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:200px}}.wrapper .form .form-block .exchange-rate .disclaimer{text-decoration:underline;cursor:pointer}.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 .receipt-name-block{display:flex;flex-direction:column;gap:24px}.wrapper .form .form-block .contact-information .contact-information-note{color:#282829cc;font-family:Roboto;font-size:12px;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:#282829cc}.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:#070707;font-size:18px}.wrapper .form .form-block .contact-information .label-english{font-family:Roboto;color:#282829cc;font-size:16px}.wrapper .form .form-block .contact-information .personal-company-button{border-radius:999px;text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;margin-right:16px;width:77px}.wrapper .form .form-block .contact-information .clicked{background:#ffa01f;color:#070707}.wrapper .form .form-block .contact-information .not-clicked{color:#ffa01f;border:1px solid #FFA01F}.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:#2828291a;padding:16px}.wrapper .form .form-block .contact-information .credit-card-block .valid-text{white-space:pre-line;color:#e46962;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,.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-size:"Roboto";color:#000000b3;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.wrapper .form .form-block .contact-information .note-block .edit-note-label{color:#000000b3;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:#282829cc;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;text-decoration-color:#282829cc}.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 .continue-button{border-radius:999px;padding:10px 24px;color:#070707;background-color:#ffa01f;font-weight:500;box-shadow:none}.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 .samsung-pay-button{background-size:20%!important;background-image:url(/images/samsung-pay-icon.png)}.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}.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{color:#ffa01f;font-family:Roboto;font-size:var(--Label-Large-Size, 14px);font-size:14px;font-weight:500}.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 #E46962}.MuiFormControl-root .MuiFormHelperText-root{white-space:pre-line;color:#e46962!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}.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}.m-t-8{margin-top:8px!important}.m-r-3{margin-right:3px}*,*: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:#c4d9d4}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}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}
