@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";[data-theme=dark]{--Primary: #e6e1ff;--On-Prim: #2f3677;--Secondary: #c1c3ec;--On-Sec: #30375c;--Prim-Cont: #c6c2f0;--On-Prim-Cont: #2b2b79;--Sec-Cont: #9197d2;--On-Sec-Cont: #0b0b29;--Error: #fd8e84;--On-Error: #1b0506;--Error-Cont: #ffcec6;--On-Error-Cont: #a22a2d;--Surface: #33333a;--On-Surface: #f4f2fd;--On-Surface-Var: #a9a9a9;--Surface-Dim: #6f7185;--Inverse-Surface: #4d4d4d;--On-Inv-Surf: #fff;--Outline: #f3f3f3;--Outline-Variant: #27282e;--Overlay: rgba(0, 0, 0, .6588235294);--Input-box: #424451;--On-input-box: #fff;--On-input-sec: #e0e0e0;--Card-Background: rgba(0, 0, 0, .66);--Body-background: linear-gradient(180deg, #444270 20.67%, #ffdad6 161.35%);--svg-fill-color: rgba(54, 56, 70, .22);--svg-icon: #f3f3f3}[data-theme=light]{--Primary: #2f3677;--On-Prim: #fff;--Secondary: #7a82c1;--On-Sec: #fff;--Prim-Cont: #5e60a8;--On-Prim-Cont: #fff;--Sec-Cont: #c6c2f0;--On-Sec-Cont: #31314b;--Error: #c93639;--On-Error: #fff;--Error-Cont: #ffcec6;--On-Error-Cont: #a22a2d;--Surface: #f3f3f7;--On-Surface: #262c61;--On-Surface-Var: #a7a7a8;--Surface-Dim: #dbdce6;--Inverse-Surface: #6d7188;--On-Inv-Surf: #fff;--Outline: #adb0c3;--Outline-Variant: #c4c6d5;--Overlay: rgba(54, 56, 70, .6588235294);--Input-box: #fff;--On-input-box: #2f3677;--On-input-sec: #757577;--Card-Background: rgba(255, 255, 255, .33);--Body-background: linear-gradient(44deg, #f1f0f7 -1.03%, #dce1ff 101.53%);--svg-fill-color: rgba(54, 56, 70, .22);--svg-icon: #adb0c3}*{box-sizing:border-box;word-wrap:break-word}a{color:unset}ul{margin:0;padding:0;list-style:none}li{margin:0;padding:0}img{display:block;max-width:100%;width:100%}h1,h2,h3,h4,h5,h6{margin:0}input:focus,textarea:focus{outline:none}input::placeholder,textarea::placeholder{color:var(--placeholder)}button{overflow:visible;margin:0;padding:0;width:auto;border:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button::-moz-focus-inner{padding:0;border:0}*,*:before,*:after{box-sizing:border-box;margin:0;font-family:Noto Sans TC;font-weight:400}body{min-height:100vh;font-family:Noto Sans TC;background:var(--Body-background)}#app{margin:0 auto;font-weight:400}main{display:flex;margin-top:37.6px;flex-direction:column;justify-content:center;align-items:center;position:relative}.m-b-16{margin-bottom:16px}.m-b-48{margin-bottom:48px}.no-underline{text-decoration:none}.title-block{margin-bottom:32px;width:1113px;display:flex;justify-content:center;align-items:center;position:relative}.title-block .title{width:fit-content;border-radius:99px;border:3px solid var(--Primary);padding:16px 32px}.title-block .title p{font-weight:700;font-size:32px;color:var(--Primary);line-height:110%;text-align:center}.card{position:relative;border-radius:16px;background:var(--Card-Background);box-shadow:0 421px 118px #96969600,0 269px 108px #96969603,0 151px 91px #9696960d,0 67px 67px #96969617,0 17px 37px #9696961a;margin-bottom:36px;padding:48px 96px}.card-title{font-weight:400;font-size:32px;color:var(--Primary);line-height:140%;text-align:center;letter-spacing:2.56px}.card-1{position:relative;padding:32px 58px}.card-2{position:relative;padding:58px}.card-sec-title{font-weight:400;font-size:24px;color:var(--Secondary);line-height:140%;text-align:center;letter-spacing:2px}.card-text{font-weight:400;font-size:20px;color:var(--On-Surface-Var);line-height:140%;text-align:center}.btn-group .back-edit{display:flex;gap:6px;color:var(--On-Surface-Var);align-items:center;font-size:20px;font-weight:350;line-height:140%}.btn-group{display:flex;gap:24px;justify-content:center}.secondary-btn{background:var(--Sec-Cont);color:var(--On-Sec-Cont)}.primary-btn{background:var(--Prim-Cont);color:var(--On-Prim-Cont)}.back-route{display:flex;align-items:center;gap:6px;color:var(--On-Surface);font-size:20px;font-weight:350;line-height:140%;position:absolute;left:0;top:50%;transform:translateY(-50%)}.back-route .back-icon{color:inherit}.theme-toggle-button{background-color:var(--svg-fill-color);border-radius:50%;border:none;cursor:pointer;padding:8px;width:42px;height:42px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.theme-toggle-button .theme-icon{color:var(--On-Inv-Surf)}.theme-toggle-button:hover{background-color:var(--Overlay, rgba(54, 56, 70, .66))}.toggle-switch{display:block;position:relative}.toggle-switch .toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .toggle-input:checked+.toggle-label{background:var(--Prim-Cont)}.toggle-switch .toggle-input:checked+.toggle-label .toggle-slider{transform:translate(24px)}.toggle-switch .toggle-label{display:block;background:var(--Prim-Cont);border-radius:99px;cursor:pointer;transition:background-color .3s ease;padding:3px;width:52px;align-items:center}.toggle-switch .toggle-label .toggle-slider{width:22px;height:22px;background-color:var(--On-Prim);border-radius:50%;transition:transform .3s ease;display:block}.lottie-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--Overlay, rgba(0, 0, 0, .75));display:flex;justify-content:center;align-items:center;z-index:4}.lottie-alert-overlay .lottie-animation{display:flex;padding:48px;border-radius:24px;background:var(--Surface);width:300px;height:336px;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:10px}.lottie-alert-overlay .lottie-animation .lottie{margin-top:29px;margin-bottom:29px}.lottie-alert-overlay .lottie-text{font-size:24px;color:var(--On-Surface-Var);font-weight:700;line-height:110%}.download-template{width:390px;height:844px;background:linear-gradient(44deg,#f1f0f7 -1.03%,#dce1ff 101.53%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.download-template .logo{width:191px;height:35px}.download-template .template-container{width:343px;height:543px;border-radius:32px;background:var(--Card-Background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 0;box-shadow:0 421px 118px #96969600,0 269px 108px #96969603,0 151px 91px #9696960d,0 67px 67px #96969617,0 17px 37px #9696961a}.download-template .template-container .domain{margin-bottom:12px;color:#4d5c92;text-align:center;font-size:24px;font-weight:400;line-height:140%;letter-spacing:1.92px}.download-template .template-container .sub-title{color:#757680;text-align:center;font-size:20px;font-weight:350;line-height:140%}.download-template .template-container .check-in-time{margin-top:12px;color:#03174b;text-align:center;font-size:24px;font-weight:400;line-height:140%}.download-template .template-container .qr-code-container{width:232px;height:283px;border-radius:16px;background:#fff;transform:rotate(-.035deg);padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.download-template .template-container .qr-code-container .qr-code{width:150px;height:150px}.download-template .template-container .qr-code-container .label{color:#03174b;text-align:center;font-size:24px;font-weight:400;line-height:140%;letter-spacing:1.92px}.home .card-block{position:relative;width:100%;margin:auto}.home .card{width:612px;margin:auto}.home .card-1{padding:31px 58px;margin-bottom:36px}.home .card-2{padding:58px}.home .card-title{font-weight:400;font-size:32px;color:var(--On-Surface);line-height:140%;text-align:center;letter-spacing:2.56px}.home .card-title.m-b-16{margin-bottom:16px}.home .card-title.m-b-48{margin-bottom:48px}.home .card-sec-title{font-weight:400;font-size:24px;color:var(--Secondary);line-height:140%;text-align:center;letter-spacing:2px}.home .card-text{font-weight:400;font-size:20px;color:var(--On-Surface-Var);line-height:140%;text-align:center}.home .card .error-title{font-weight:700;font-size:32px;color:var(--Prim-Cont);line-height:140%;text-align:center;margin-bottom:24px}.home .card .error-text{font-weight:400;font-size:24px;color:var(--On-input-sec);line-height:140%;text-align:center;letter-spacing:1.92px}.home .btn-group{gap:16px}.home .no-underline{text-decoration:none}.home .loading .card-1{height:191px;position:relative;padding:0;overflow:hidden}.home .loading .card-2{height:341px;padding:0;overflow:hidden}.home .loading .lottie{width:100%;position:relative;object-fit:cover;transform:scale(3)}.form .card{width:1113px;display:flex;justify-content:center;align-items:center;flex-direction:column}.form .card-content{width:563px;display:flex;flex-direction:column;gap:48px}.form .card-title{font-weight:400;font-size:32px;color:var(--On-Surface-Var);line-height:140%;text-align:center}.form .link-button{background:none;border:none;text-decoration:underline;cursor:pointer;padding:0;font:inherit;font-weight:500;font-size:20px;color:var(--Secondary);line-height:140%;text-align:center}.form .form-block{width:100%;display:flex;flex-direction:column;gap:60px}.form .back-route{display:flex;align-items:center;gap:6px;font-weight:350;font-size:20px;color:var(--On-Surface);line-height:140%;text-align:center;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer}.form .back-route .back-icon{color:inherit}.form .form-title{display:flex;padding-bottom:13px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--Outline)}.form .form-title-text{color:var(--Primary);font-size:24px;font-weight:700;line-height:110%}.form .form-title-sub{font-weight:400;font-size:14px;color:var(--On-Surface-Var);line-height:140%;text-align:center;letter-spacing:1px}.form .back-to-upload-btn{border-radius:99px;background:var(--Prim-Cont);font-weight:400;font-size:14px;color:var(--On-Prim);line-height:140%;text-align:center;padding:6px 12px}.form .back-to-upload-btn:hover{background:var(--Sec-Cont);color:var(--On-Sec-Cont)}.form .back-to-upload-btn:active{background:linear-gradient(0deg,var(--Overlay) 0%,var(--Overlay) 100%),var(--Sec-Cont)}.form .btn{width:100%}.form .pass-btn{border-radius:16px;background:var(--Sec-Cont);width:224px;font-size:24px;letter-spacing:1px}.form .block-content{display:flex;flex-direction:column;gap:24px}.form .input-wrapper{display:flex;flex-direction:column;gap:4px}.form .input-label{font-weight:500;font-size:16px;color:var(--On-Surface-Var);line-height:140%;text-align:center;text-align:left}.form .input-container{display:flex;position:relative;align-items:center;width:100%;margin-top:6px}.form .input-container.invoice-co-name{margin-top:16px}.form .input-field{width:100%;padding:20px 22px;border-radius:16px;outline:none;border:none;font-size:20px;font-weight:350;line-height:140%;background:var(--Input-box);color:var(--On-input-box);caret-color:var(--Outline)}.form .input-field::placeholder{font-weight:350;font-size:20px;color:var(--On-Surface-Var);line-height:140%;text-align:center;text-align:left}.form .input-field.date{background:var(--Surface-Dim);color:var(--On-input-sec)}.form .input-field.error-border{border:2px solid var(--Error)}.form .input-field.country-code{border-radius:16px 0 0 16px;color:var(--On-Surface-Var);padding:20px 0 20px 20px;border-right:none;display:inline-flex;width:auto}.form .input-field.country-code span{margin-right:11px}.form .input-field.phone-input{flex-grow:1;border-radius:0 16px 16px 0;padding:20px 0;border-left:none}.form .clear-button{position:absolute;right:20px;background:none;border:none;cursor:pointer}.form .clear-button .clear-icon{color:var(--Outline)}.form .image-preview-block{display:flex;justify-content:space-between;flex-wrap:wrap}.form .image-preview-container{background:var(--Input-box);color:var(--Outline);width:260px;height:156px;align-items:center;border-radius:16px;padding:3px;display:flex;justify-content:center}.form .image-preview-container:only-child{margin:0 auto}.form .image-preview-img{border-radius:14px;border:1px solid var(--Outline);width:100%;height:100%;overflow:hidden}.form .image-preview-img canvas{width:260px;height:156px;max-width:100%;max-height:100%;object-fit:cover}.form .radio-group{display:flex;gap:20px;height:70px;align-items:center;flex-wrap:wrap}.form .radio-group .error-message{margin-top:auto;margin-bottom:8px;margin-left:auto}.form .radio-custom{width:20px;height:20px;border:2px solid var(--Outline);border-radius:50%;position:relative;background-color:var(--Surface)}.form .radio-custom:after{content:"";width:12px;height:12px;background:var(--On-Surface);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in-out}.form .radio-label{display:flex;align-items:center;cursor:pointer;gap:10px;font-weight:350;font-size:20px;color:var(--On-Surface-Var);line-height:140%;text-align:center}.form .radio-label input[type=radio]{display:none}.form .radio-label input[type=radio]:checked+.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.form .radio-label input[type=radio]:checked+.radio-custom+.label-text{color:var(--Primary)}.form .radio-label input[type=radio]:not(:checked)+.radio-custom+.label-text{color:var(--On-Surface-Var)}.form .custom-checkbox{display:flex}.form .custom-checkbox .checkbox-input{display:none}.form .custom-checkbox .error-message{margin-top:auto;margin-bottom:8px;margin-left:auto}.form .custom-checkbox label{width:20px;height:20px;border:1px solid var(--On-input-sec);border-radius:6px;cursor:pointer;margin-right:8px;margin-top:5px;flex-shrink:0}.form .custom-checkbox label.error-checkbox{border:1px solid var(--Error);background:#ffcec6}.form .custom-checkbox label .check-icon{color:var(--On-Prim);width:20px;height:20px}.form .custom-checkbox .label-text{font-weight:350;font-size:20px;color:var(--On-input-sec);line-height:140%;text-align:center;margin-right:4px;flex-shrink:0}.form .custom-checkbox .error-label{color:var(--Error)}.form .custom-checkbox input:checked+label{border-radius:6px;border:1px solid var(--Primary);background:var(--Primary)}.form .error-message{float:right;font-weight:400;font-size:14px;color:var(--Error);line-height:140%;text-align:center;vertical-align:middle}.form .error-message.phone-sub{color:var(--On-Surface-Var);letter-spacing:1px}.id-card-container{display:flex;flex:1;justify-content:center;gap:24px}.id-card-container .upload-container{background:var(--Input-box);width:448px;height:282px;margin-top:24px;margin-bottom:32px;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:16px;cursor:pointer;font-weight:350;font-size:20px;color:var(--Outline);line-height:140%;text-align:center}.id-card-container .upload-container .upload-icon{width:58px;height:58px;margin-bottom:10px;color:var(--On-Surface-Var)}.id-card-container .upload-container .delete-icon{width:58px;height:58px;color:var(--On-Inv-Surf);margin-bottom:10px}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;color:var(--On-Inv-Surf);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview:hover .overlay{opacity:1}.image-preview{position:relative;border-radius:16px;border:1px solid var(--Outline);width:100%;height:100%;overflow:hidden}.image-preview img{max-width:100%;max-height:100%;object-fit:cover}.image-preview-block{display:flex;justify-content:space-between;flex-wrap:wrap}.image-preview-container{background:var(--Input-box);color:var(--Outline);width:260px;height:156px;display:flex;justify-content:center;border-radius:16px;padding:3px}.image-preview-container:only-child{margin:0 auto}.qr-card{width:100%;display:flex;padding:24px;align-items:center;gap:8px;border-radius:16px;background:var(--Input-box);margin-bottom:30px;flex-direction:column}.qr-card .qr-code{width:150px;height:150px}.qr-card .order-error{font-weight:400;font-size:24px;color:var(--On-Error-Cont);line-height:140%;text-align:center;letter-spacing:1.92px}.qr-card .order-id{font-weight:400;font-size:24px;color:var(--On-input-box);line-height:140%;text-align:center;letter-spacing:1.92px}.code .card{width:612px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:32px 157px;margin-bottom:24px}.code .card .card-title{color:var(--Primary);text-align:center;font-size:32px;font-weight:400;line-height:140%;letter-spacing:2.56px;margin-bottom:30px}.code .card .sub-title{color:var(--On-input-sec);text-align:center;font-size:20px;font-weight:350;line-height:140%;margin-bottom:12px}.code .card .qr-card{width:100%;display:flex;padding:24px;align-items:center;gap:12px;border-radius:16px;background:var(--Input-box);flex-direction:column;margin-bottom:30px}.code .card .qr-card .qr-code{width:150px;height:150px}.code .card .qr-card .order-error{color:var(--On-Error-Cont);text-align:center;font-size:24px;font-weight:400;line-height:140%;letter-spacing:1.92px}.code .card .qr-card .order-id{color:var(--On-input-box);text-align:center;font-size:24px;font-weight:400;line-height:140%;letter-spacing:1.92px}.code .card .check-in-time{color:var(--Primary);text-align:center;font-size:24px;font-weight:400;line-height:140%;letter-spacing:1.92px}.code .card.download{height:184px;padding:24px;gap:24px;border-radius:16px 16px 0 0;margin-bottom:0}.code .card.download .btn{width:100%}.code .card.download .svg-text{display:flex;justify-content:center;align-items:flex-start;gap:11px}.code .card.download .svg-text .email-icon{color:var(--Secondary)}.code .card.download .svg-text .email-text{color:var(--Secondary);text-align:center;font-size:1rem;font-weight:350;line-height:140%}.code .card.card-button{height:auto;border-radius:0 0 16px 16px;display:flex;padding:22px 95px;justify-content:center;background:var(--Input-box);margin-bottom:96px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:24px}.code .card.card-button .card-button-title{color:var(--On-Surface);font-size:20px;font-weight:700;line-height:110%;margin-bottom:16px}.code .card.card-button .card-button-text{color:var(--On-input-sec);font-size:14px;font-weight:400;line-height:140%}.code .card.card-button .card-button-text .point{color:var(--Primary);font-size:14px;font-weight:500;line-height:110%}.code .card.card-button .icon{color:var(--Primary);width:78px;height:78px}.hidden-template{position:absolute;top:-200%;left:-200%;z-index:0}.ocr .card{width:1113px;display:flex;justify-content:center;flex-direction:column}.ocr .card .card-content{position:relative;width:min-content;display:flex;flex-direction:column;align-items:center;margin:0 auto}.ocr .card .card-content:last-child{margin-bottom:0}.ocr .card-title{color:var(--On-Surface-Var);margin-bottom:32px}.ocr .btn{width:100%}.ocr .upload-group{display:flex;gap:24px}@media (max-width: 1153px){.title-block{margin-top:8px;width:calc(100% - 80px)}.id-card-container{flex-direction:column}.card{padding:48px 32px;width:calc(100% - 80px)}.ocr .card,.form .card,.form .card.privacyPolicy{width:calc(100% - 60px)}.form .custom-checkbox .error-message{width:50px;margin-top:0}.home .card{width:612px}.id-card-container{display:flex;gap:0px}.id-card-container .upload-container{width:448px;height:282px;margin-bottom:0}.card-content .btn{margin-top:24px}.ocr .btn{width:448px}}@media (max-width: 768px){main{margin-top:114px}.home .card{width:calc(100% - 40px);margin:auto auto 36px}.form .back-route,.back-route{display:none}.code .card{width:calc(100% - 40px);padding:32px}.form .radio-group{gap:15px;margin:5px}}@media (max-width: 658px){.title-block{width:calc(100% - 50px)}.card{position:relative;width:calc(100% - 20px)}.id-card-container{display:flex;gap:0px;width:100%;align-items:center}.form .card-content{position:relative;width:100%}.ocr .card .card-content{width:100%}.id-card-container .upload-container{width:calc(100% - 20px);margin-bottom:0}.ocr .btn{width:calc(100% - 20px)}.card-content .btn{margin-top:24px}.code .card.card-button{padding:20px 30px}.home .card{padding:30px 20px}.home .btn-group .btn{padding:15px}}@media (max-width: 435px){.title-block{width:calc(100% - 10px)}.title-block .title p{font-size:24px}.card{width:calc(100% - 10px)}.home .card{position:relative;width:calc(100% - 30px);padding:20px}.id-card-container .upload-container{width:100%;height:282px;margin-bottom:0}.card-content .btn{margin-top:24px}.id-card-container{display:flex;gap:0px}.ocr .card .card-content{width:100%}.ocr .card .card-title{font-size:24px}.ocr .btn{width:100%}.code .card.card-button{height:auto;border-radius:0 0 16px 16px;display:flex;justify-content:center;background:var(--Input-box);margin-bottom:96px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:24px}}.default[data-v-cb220fb5]{width:24px;height:24px;fill:currentColor}