body{background-color:#004097;margin:0;padding:0;font-family:Lato,Noto Sans TC,Noto Sans,"sans-serif"}p{text-align:center}img{max-width:100%;height:auto;display:block}main{opacity:0;transition:opacity .5s ease-in-out}main.loaded{opacity:1}#invoice-title{max-width:90%;position:relative;z-index:10}#prizes-form-title,#campaign-rules-title{max-width:90%}.title-form{margin:50px auto -35px}#invoice-form{width:70%;margin:20px auto;padding:24px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border:5px solid #002063;border-radius:12px;box-shadow:8px 8px #002063;flex:none;position:relative}#first-prizes{width:70%;height:auto;background-color:#f0f0f0;margin:20px auto;padding:24px;gap:32px;background-color:#fff;border:5px solid #002063;border-radius:12px;box-shadow:8px 8px #002063;flex:none}#second-prizes{width:70%;height:auto;margin:20px auto;padding:24px;gap:32px;background-color:#fff;border:5px solid #002063;border-radius:12px;box-shadow:8px 8px #002063;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.footer-notice{padding:13px auto;margin:40px auto 10px}.footer-notice p{margin:0;color:#fff;font-size:14px;letter-spacing:1.6px}.footer-container{background:#002063;padding:20px 0;margin:0}.footer-container p{margin:0;color:#fff;font-size:15px;text-align:left;padding-left:10%}.form-section{display:flex;flex-direction:column;justify-content:center;gap:32px;width:100%}.form-info-container{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.form-info{width:100%;height:auto;flex:none}.star-required{font-size:16px;color:#e50038;font-weight:700}label{display:block;font-weight:700;font-size:16px;color:#004097;padding-bottom:8px}::placeholder{color:#b3b3b3}.cant-edit{font-size:inherit;background:#d9d9d9;color:#8c8c8c;border:#B3B3B3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:not-allowed}#select{width:100%;padding:10px;border-radius:8px;border:1px solid #D9D9D9;box-sizing:border-box;color:#b3b3b3;appearance:none;background-color:#fff;font-size:16px}#select.placeholder{color:#b3b3b3;font-size:16px}#select.selected{color:#000;font-size:inherit}#select option{color:#000;background-color:#fff;font-size:16px}#select option:checked{color:#000!important;background-color:#f0f0f0}input{width:100%;padding:10px;border-radius:8px;border:1px solid #D9D9D9;box-sizing:border-box;font-size:16px}input:hover,#select:hover{border-color:#009fe8}input:focus,#select:focus{outline:none;border-color:#009fe8;box-shadow:0 0 0 3px #009fe833}.error-message{color:#e50038;font-size:16px;margin-top:4px}.checkbox-container .error-message{margin-top:-16px}.input-error{border:1px solid #E50038;font-size:16px}.buttons-row{display:flex;align-items:center;gap:12px}.upload-btn{width:50%;height:auto;display:flex;align-items:center;justify-content:center;background:#009fe8;color:#f5f5f5;font-size:16px;font-weight:700;padding:12px;cursor:pointer;border:none;gap:10px;transition:background .2s;border-radius:8px}.upload-example-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0 0 2px;cursor:pointer;color:#004097;font-size:16px;font-weight:700;border-bottom:1px solid #004097;gap:5px}.upload-example-btn img{width:18px;height:18px}.checkbox-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;width:100%}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-container label{position:relative;padding-left:0;cursor:pointer;color:#1e1e1e;font-size:16px;font-weight:400;-webkit-user-select:none;user-select:none;display:flex;align-items:center;line-height:20px}.checkbox-container label:before{content:"";display:inline-block;width:16px;height:16px;border:1px solid #ccc;background-color:#f0f0f0;border-radius:4px;box-sizing:border-box;margin-right:10px}.checkbox-container label:after{content:"";display:inline-block;position:absolute;left:3.5px;top:5.5px;transform:rotate(-45deg);width:8.5px;height:5px;border-left:none;border-bottom:1.6px solid transparent;border-right:1.6px solid transparent;border-top:none;border-width:0 0 2px 2px;border-color:transparent;border-style:solid;opacity:0;transition:opacity .2s ease-in-out}.checkbox-container input[type=checkbox]:checked+label:before{background-color:#5bb431;border-color:#5bb431}.checkbox-container input[type=checkbox]:checked+label:after{opacity:1;border-color:#fff}.submit-btn{width:100%;padding:10px;border:none;border-radius:8px;background:#009fe8;color:#f5f5f5;font-size:16px;font-weight:700;cursor:pointer}.submit-btn-disabled{background:#d9d9d9;color:#8c8c8c;border-color:#b3b3b3;cursor:not-allowed}.note-text{font-size:13px;color:#1e1e1e;text-align:start;margin:10px 0}.upload-section .note-text{font-size:13px;color:#1e1e1e;text-align:start;flex-basis:100%;width:100%;margin:10px 0}.prizes-container{background-image:url(/assets/image/02_gift/bg_gifts.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;background-attachment:scroll;display:block;width:100%;padding:10px 0;z-index:-1}#first-prizes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.first-prizes-title-container{display:flex;justify-content:center;align-items:center;gap:15px;width:100%}.second-prizes-title-container{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.prizes-title p{width:auto;min-width:80px;height:auto;background:#03a9f4;border-radius:12px;padding:4px 12px;display:flex;align-items:center;justify-content:center;margin:0;font-size:16px;line-height:1.4;font-weight:700;color:#fff}.prizes-title-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.prizes-title-content-line{color:#03a9f4;font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1}.prizes-title-content-week{color:#03a9f4;font-size:40px;font-weight:700;letter-spacing:3px}.prizes-img-1{margin:0 24px;width:100%;height:auto;max-width:100%;object-fit:contain;flex-shrink:0}.prizes-note-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.prizes-img-2{margin:0 auto;width:100%;height:auto;flex-shrink:0}.prizes-note-text-1{font-size:16px;font-weight:700;color:#004097;text-align:center;margin:0}.prizes-note-text-2{font-size:12px;font-weight:700;color:#000;text-align:center;margin:0}.prizes-title-content-biggift{font-size:clamp(26px,6vw,32px);color:#03a9f4;font-weight:700;letter-spacing:1px;text-align:center;margin:0}.deco-line{width:78%;position:absolute;margin:13px auto 0}.main-message{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-message p{font-size:16px;font-weight:700;color:#004097;text-align:center;line-height:1.4;margin:0}.main-message .prizes-note-text-3{font-size:12px;color:#000;text-align:center;line-height:1.4;margin-top:10px}.prizes-group{width:100%}.rules-background-area{background-image:url(/assets/image/03_rule/bg_rule.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:scroll;display:block;width:100%;height:40%;padding:10px 0;min-height:204px;z-index:999}#campaign-rules{width:70%;height:auto;margin:20px auto;padding:24px 24px 0;background-color:#fff;--rules-block-width: 100%;border:5px solid #002063;border-radius:12px;box-shadow:8px 8px #002063;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.rules-title-container{margin-bottom:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.rules-title{font-size:16px;font-weight:700;color:#fff;width:100%;background:#004097;text-align:center;line-height:1.4;margin:0;border-radius:50px;padding:4px 12px}.rules-text{font-size:16px;font-weight:700;color:#004097;text-align:center;line-height:1.4;width:var(--rules-block-width);margin:8px auto}.highlight-text{color:#009fe8}.highlight-text-notice{color:#e50038;font-weight:700}.steps-container{display:flex;flex-direction:column;align-items:center;width:var(--rules-block-width);margin:10px auto}.step-item{width:var(--rules-block-width);margin-top:10px;text-align:center}.step-item .step-content-1,.step-item .step-content-2,.step-item .step-content-3{margin-top:5px}.step-content-2,.step-content-3{width:100%;border:2px solid #009FE8;border-radius:12px;padding:0 23px 0 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;margin-bottom:0;position:relative;font-size:16px;font-weight:700;color:#004097}.step-content-1{width:100%;border:2px solid #009FE8;border-radius:12px;padding:0 22px 0 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;margin-bottom:0;position:relative;font-size:16px;font-weight:700;color:#004097}.step-content-1 div,.step-content-2 div,.step-content-3 div{width:100%}.step-content-1 .step-icon,.step-content-2 .step-icon,.step-content-3 .step-icon{object-fit:contain;flex-shrink:0}.step-arrow-1{position:absolute;width:20px;height:auto;margin:90px auto 0}.step-arrow-2{position:absolute;width:20px;height:auto;margin:210px auto 0}#campaign-rules .note-text{width:var(--rules-block-width)}.note-text p{text-align:left;line-height:1.6;font-size:12px;color:#002063;margin-top:10px}.title-form-rule{display:block;max-width:90%;height:auto;margin:66px auto 5px}#law-declaration{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:79%;height:349px;overflow-y:auto;margin:0 auto;background-color:#fff;border:1px solid #D9D9D9;padding:24px;box-sizing:border-box;border:5px solid #002063;border-radius:12px;box-shadow:8px 8px #002063;flex:none}#law-declaration p{width:var(--rules-block-width);margin:0 0 10px;line-height:1.6;font-size:12px;color:#002063;text-align:justify}#law-declaration p:last-child{margin-bottom:0}#law-declaration::-webkit-scrollbar{width:8px}#law-declaration::-webkit-scrollbar-track{border-radius:10px}#law-declaration::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}#law-declaration::-webkit-scrollbar-thumb:hover{background:#555}.vstack{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin:20px 0}.spinner{position:relative;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.spinner .petal{position:absolute;width:2px;height:5px;background:#57aa53;border-radius:50%/70% 70% 60% 60%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;transform-origin:50% 80%;animation:spin 1s linear infinite}.spinner .petal-0{transform:rotate(0) translateY(-6px);animation-delay:0s}.spinner .petal-1{transform:rotate(45deg) translateY(-6px);animation-delay:.125s}.spinner .petal-2{transform:rotate(90deg) translateY(-6px);animation-delay:.25s}.spinner .petal-3{transform:rotate(135deg) translateY(-6px);animation-delay:.375s}.spinner .petal-4{transform:rotate(180deg) translateY(-6px);animation-delay:.5s}.spinner .petal-5{transform:rotate(225deg) translateY(-6px);animation-delay:.625s}.spinner .petal-6{transform:rotate(270deg) translateY(-6px);animation-delay:.75s}.spinner .petal-7{transform:rotate(315deg) translateY(-6px);animation-delay:.875s}@keyframes spin{0%,to{opacity:.2}50%{opacity:1}}.loading-text{font-size:14px;font-weight:700;letter-spacing:1px;color:#4caf50;padding-top:6px}.ai-section{width:100%;margin:20px auto}.upload-success{text-align:center;margin-bottom:20px}.upload-success .status-message{color:#4caf50;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:5px}.upload-failed{text-align:center;margin-bottom:20px}.upload-failed .status-message{color:#e50038;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:5px}.detail-value.error-value{color:#e50038;font-size:16px}.invoice-details{display:flex;flex-direction:column;gap:15px}.detail-item{display:flex;justify-content:space-between;align-items:center}.menu-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;z-index:1000;cursor:pointer;object-fit:contain}.dropdown-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;opacity:.95;z-index:9999;padding:0}.close-btn{position:absolute;top:20px;right:20px;width:80px;height:80px;object-fit:contain;cursor:pointer;z-index:1000;background:none;border:none;padding:0}.menu-list{list-style:none;padding:0;margin:-250px 0 0;width:70%;max-width:250px}.dropdown-menu li{padding:20px 0;border-bottom:1px solid #002063;text-align:center}.menu-list li a{text-decoration:none;color:#004097;font-size:24px;font-weight:700;display:block;transition:color .2s ease-in-out}.fixed-button-container{position:fixed;bottom:2vh;right:2vw;z-index:1000;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.fixed-signup-button img,.fixed-rules-button img{width:8vw;height:8vw;max-width:120px;max-height:120px;min-width:60px;min-height:60px;display:block}.popup_upload_example{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:9999;overflow:hidden;background-color:#0000004d}.popup_upload_example-close-btn{position:absolute;top:16px;right:20px;padding:10px;font-size:24px;font-weight:700;color:#1e1e1e;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.popup_upload_example-content{width:77%;max-width:600px;height:auto;margin:80px auto 0;padding:24px 16px;background-color:#fff;border-radius:12px;box-shadow:0 16px 32px -4px #0c0c0d1a;z-index:10000;position:relative;overflow-y:auto;max-height:calc(100vh - 160px)}.popup_upload_example-title-container{display:flex;align-items:center;justify-content:center;gap:10px}.popup_upload_example-title{font-size:24px;font-weight:700;color:#004097;margin-bottom:20px;list-style:none}.receipt-demo{width:189px;height:auto;margin:10px auto}.check-list-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:30px}.check-list-title{width:100%;max-width:320px;margin:20px auto 8px;text-align:left;font-size:16px;font-weight:400}.check-list{width:100%;max-width:320px;margin:0 auto;text-align:left;padding:0}.check-list li{display:flex;align-items:flex-start;gap:8px;line-height:1.6;margin-bottom:8px;word-break:break-all;font-size:16px}.check-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.popup_logged{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:9;overflow:hidden;background-color:#0000004d;box-sizing:border-box}.popup_logged-content{background-color:#fff;width:75%;height:auto;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border-radius:8px;box-shadow:0 16px 32px -4px #0c0c0d33;position:relative}.popup_logged-content img{width:50px;height:auto;margin:20px auto 10px}.popup_logged-content p{font-size:16px;font-weight:700;color:#002063;margin:0;line-height:1.5}.popup_event_end{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:9;overflow:hidden;background-color:#0000004d;box-sizing:border-box}.popup_event_end-content{background-color:#fff;width:75%;height:auto;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border-radius:8px;box-shadow:0 16px 32px -4px #0c0c0d33}.popup_event_end-content img{width:80px;height:auto;margin:0 auto 10px}.popup_event_end-content p{font-size:16px;font-weight:700;color:#002063;margin:0;line-height:1.5}.popup_submit_success{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:9;overflow:hidden;background-color:#0000004d;box-sizing:border-box}.popup_submit_success-content{background-color:#fff;width:75%;height:auto;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border-radius:8px;box-shadow:0 16px 32px -4px #0c0c0d33;position:relative}.popup_submit_success-content img{width:50px;height:auto;margin:20px auto 10px}.popup_submit_success-content p{font-size:16px;font-weight:700;color:#002063;margin:0;line-height:1.5}.popup_submit_success-close-btn{position:absolute;top:5px;right:5px;padding:10px;font-size:24px;font-weight:700;color:#1e1e1e;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.popup_submit_no_points{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:9;overflow:hidden;background-color:#0000004d;box-sizing:border-box}.popup_submit_no_points-content{background-color:#fff;width:75%;height:auto;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border-radius:8px;box-shadow:0 16px 32px -4px #0c0c0d33;position:relative}.popup_submit_no_points-content img{width:50px;height:auto;margin:20px auto 10px}.popup_submit_no_points-content p{font-size:16px;font-weight:700;color:#002063;margin:0;line-height:1.5}.popup_submit_no_points-close-btn{position:absolute;top:5px;right:5px;padding:10px;font-size:24px;font-weight:700;color:#1e1e1e;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.popup_point_over{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:9;overflow:hidden;background-color:#0000004d;box-sizing:border-box}.popup_point_over-content{background-color:#fff;width:75%;height:auto;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:32px 24px;border-radius:8px;box-shadow:0 16px 32px -4px #0c0c0d33}.popup_point_over-content img{width:60px;height:auto;margin:0 auto}.popup_point_over-content p{font-size:14px;font-weight:700;color:#002063;margin:0}.button-actions{display:flex;flex-direction:column;gap:12px}.popup-btn.primary-btn{width:100%;padding:10px;border:none;border-radius:8px;background:#009fe8;color:#fff;font-size:16px;font-weight:700}.popup-btn.secondary-btn{width:100%;padding:10px;border:1px solid #767676;border-radius:8px;background:#e3e3e3;color:#1e1e1e;font-size:16px;font-weight:700}.popup_error{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;background-color:#0000004d}.popup_error-close-btn{position:absolute;top:5px;right:5px;padding:10px;font-size:24px;font-weight:700;color:#1e1e1e;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.popup_error-content{background-color:#fff;width:75%;max-width:400px;height:auto;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border-radius:8px;box-shadow:0 16px 32px -4px #0c0c0d33;position:relative}.popup_error-content p{font-size:16px;font-weight:700;color:#002063;margin:0;line-height:1.5;text-align:center}