body{min-height:100%;margin:0;padding:0;color:#888;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;background-color:#f0f1f7}.container{display:flex;flex-direction:column;height:100%}.container-body{width:100%;max-width:700px;min-height:90vh;margin:25px auto 0;padding-bottom:35px}.topSection{height:230px;padding-top:20px;background-position:50%;background-size:cover}.topSection,.topSectionNoBPAY{text-align:center;background-repeat:no-repeat}.topSectionNoBPAY{padding-top:45px;background-size:100%;padding-bottom:20px}.top-section-payment{padding-top:20px;background-repeat:no-repeat;background-size:calc(100% - -20vw) auto;background-position-y:calc(100% - 63vh);background-position-x:center;padding-bottom:20px;background-origin:padding-box;overflow:hidden}@media (min-width:700px){.top-section-payment{background-size:100%;background-position-y:-115px}}@media (max-width:450px){.top-section-payment{background-size:440px auto;background-position-y:top}}.topSectionBackgroundMobile_unionpay{background-color:#d5362e}.topSectionTitle{color:#fff;font-size:18px}.topSectionImg{width:100px;height:80px;margin-top:10px}.topSectionImgNoBPAY{height:105px;margin-top:10px}.topSectionCPLogoNoBPAY{justify-self:left;padding-left:20px;padding-bottom:20px;text-align:left}.topSectionImgCPLogoNoBPAY{height:38px}.billerInfoContainer{position:absolute;top:190px;left:5%;z-index:999;width:90%;margin:10px auto;background-color:#fff;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.billerInfoOpen{position:absolute;top:192px;left:2%;width:96%;height:15px;background-color:rgba(0,0,0,.1);border-radius:7px}.billerInfoWrapper{margin:10px 10px 5px}.billerInfoLabel{color:#999}.billerInfoContent,.billerInfoLabel{margin:3px 0;font-weight:400;font-size:13px}.billerInfoContent{color:#666}.billerAmountDisplay{margin:5px;color:#333;font-size:20px;text-align:center}.biller-info-row,.detail-wrapper{display:flex;align-items:center;justify-content:space-between;width:350px;margin:0 auto}.biller-info-card{margin:10px;padding-bottom:20px;background-color:#fff;border-radius:15px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.biller-info-divider{height:0;margin-right:10px;margin-left:10px;border:1px dashed #ccc}.center-msg-wrapper{display:flex;align-items:center;justify-content:center;width:350px;margin:50px auto}@media (max-width:576px){.detail-wrapper{width:98%}.biller-info-row{max-width:100%}}.merchant-logo{margin:0;padding:0;text-align:center}.merchant-logo img{max-height:50px}.merchant-name{padding:0 0 10px;color:#fff;text-align:left}.merchant-name h1{font-size:18px;margin:0}.merchant-name h4{font-size:15px;margin:0;font-weight:300}.amount-display{margin:15px;font-size:24px;text-align:center}.biller-info-label{color:#999;font-weight:500}.biller-info-content,.biller-info-label{margin:0;padding:10px 10px 0;font-size:13px}.biller-info-content{color:#666;font-weight:400}.redirect-button{width:70%;color:#fff;background-color:#4f93fe}.redirectButtonBackgroundMobile_unionpay{background-color:#d5362e}.note{margin:0;padding:10px;text-align:left;color:#7b7b7b;font-size:13px}.note-fxr{width:100%}.note-fxr-text{margin:0}.note-fxr-icon,.note-fxr-text{display:inline-block;padding:0 0 8px;vertical-align:middle}.note-fxr-icon{margin:0 0 0 5px;cursor:pointer}.note-msf{width:100%}.note-msf-text{margin:0}.note-msf-icon,.note-msf-text{display:inline-block;padding:0;vertical-align:middle}.note-msf-icon{margin:0 0 0 5px;cursor:pointer}.icon{width:14px;height:14px;vertical-align:middle}.icon-xs{width:12px;height:12px}.am-wingblank.am-wingblank-lg{margin:0 20px}.am-list-body{border:1px solid #ddd;border-radius:5px}.am-list-item .am-input-control{font-size:15px}.am-list-item .am-input-control,.am-list-item .am-input-label.am-input-label-5{color:#888;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}.am-list-item .am-input-control .fake-input-container-left .fake-input-placeholder{padding-left:5px}.am-list-item .am-input-control .fake-input-container .fake-input{margin-top:-2px;padding:0 20px 0 5px}.am-list-item .am-input-control .fake-input-container .fake-input,.am-list-item .am-input-control input{color:#888;font-size:15px;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}.am-list-item .am-input-control input{padding-left:5px}.am-list-item.am-input-item{border-radius:5px;cursor:text}.am-list-item.am-input-item.textbox-reference{height:45px;width:100%;padding:0;color:#888;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}.am-list-item.am-input-item.textbox-reference .am-input-control input{font-size:14px;color:#333}.am-list-item.am-input-item.textbox-reference .am-input-label.am-input-label-5{width:0!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){html:not([data-scale]) .am-list-item.am-input-item.textbox-amount .am-list-line{border-bottom:1px solid #ddd}}.am-list-item.am-input-item.textbox-amount{width:100%;padding:0;margin-top:5px;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:600}.am-list-item.am-input-item.textbox-amount .am-list-line{border-bottom:1px solid #ddd}.am-list-item.am-input-item.textbox-amount .am-input-label.am-input-label-5{width:20px;font-size:26px;color:#333}.am-list-item.am-input-item.textbox-amount .fake-input{font-size:26px;color:#333}.am-list-item.am-input-item.textbox-amount .fake-input-placeholder{font-size:26px;color:#c5c5c5;font-weight:300;line-height:30px}.am-list-item.am-input-item.textbox-amount .am-input-control input{font-size:26px;color:#333}.am-list-item.am-input-item.textbox-amount .fake-input-container{line-height:35px}.red-border{border:1px solid red}.fg-selection{padding:0;width:100%}.fg-text{margin:0;padding:0 0 0 8px;color:#666;font-weight:bolder;font-size:16px;vertical-align:middle}.fg-text.alipay{color:#108ee9}.fg-text.wechat{color:#62d576}.fg-text.unionpay{color:#d5362e}.fg-text.alipay-plus{color:#383735}.fg-logo-container-alipay{display:inline-block;width:26px;height:26px;margin:0 15px 0 8px;text-align:center;vertical-align:middle;border-radius:5px}.fg-logo-alipay{padding:0;vertical-align:middle}.fg-logo-container-alipay-plus{display:inline-block;width:auto;height:26px;margin:0 15px 0 8px;text-align:center;vertical-align:middle;border-radius:5px}.fg-logo-alipay-plus{width:90px;height:30px;margin:0;padding:0;vertical-align:middle}.fg-logo-container-wechat{display:inline-block;width:26px;height:26px;margin:0 15px 0 8px;text-align:center;vertical-align:middle;border-radius:5px}.fg-logo-wechat{padding:0;vertical-align:middle}.fg-logo-container-unionpay{display:inline-block;width:26px;height:26px;margin:0 15px 0 8px;text-align:center;vertical-align:middle;border-radius:5px}.fg-logo-unionpay{padding:0;vertical-align:middle}.pay-button.am-button:before,.pay-button .am-button:before{display:none!important}.pay-button{background-color:#575bea;height:45px;border:none;border-radius:999px;margin:20px 0}.pay-button-no-selection{margin:25px 0}.pay-button-text{color:#fff;font-weight:600}.pay-button-alipay{margin-top:20px;background-color:#108ee9;border:none;cursor:pointer}.pay-button-alipay-plus{margin-top:0;background-color:#3778f6;border:none;cursor:pointer}.pay-button-wechat{background-color:#62d576}.pay-button-unionpay,.pay-button-wechat{margin-top:20px;border:none;cursor:pointer}.pay-button-unionpay{background-color:#d5362e}.am-result .am-result-message{margin:15px}.keyboard-alipay table tr .am-number-keyboard-item.keyboard-confirm,.keyboard-alipay table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled{background-color:#108ee9}.keyboard-alipay table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active{background-color:#0e80d2}.keyboard-wechatpay table tr .am-number-keyboard-item.keyboard-confirm,.keyboard-wechatpay table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled{background-color:#62d576}.keyboard-wechatpay table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active{background-color:#50ad5f}.qr-container{width:100%;margin:15px 10px 10px;padding:0;text-align:center}@media (max-width:576px){.qr-container{margin:15px 5px 10px}}.qr-text{color:#000;font-weight:700;font-size:14px;text-align:center}.icon-success{width:60px;height:60px;fill:#62d576}.icon-error{width:60px;height:60px;fill:#f13642}.container-footer{height:32px;margin-top:-32px;text-align:center}.footer-text{padding:0 8px 0 0;color:#40404d;font-weight:500;font-size:12px;vertical-align:middle}.footer-logo{height:25px}.dtMain{display:flex;flex-direction:column;align-items:center;min-height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.dtNavbar{display:flex;justify-content:center;width:80%;margin:20px auto 0}.dtLogo{width:150px;height:31px;margin:0 10px 0 0}.dtFooter{display:flex;width:800px;margin-top:20px;margin-bottom:20px}.dtFooterContentContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%}.dtFooterContentLeft{color:#fff;font-size:10px}.dtFormContainer{display:flex;flex-direction:column;width:800px;margin-top:20px;background-color:#fff;border-radius:20px}@media (min-height:900px){.dtFormContainer{margin-top:50px}}.dtFormWrapper{flex-direction:column;width:80%;margin:0 auto 20px}.dtFormHeader,.dtFormWrapper{display:flex;align-items:center}.dtFormHeader{flex-direction:row;justify-content:center;width:100%;margin:30px auto 10px 40px;color:#4f93fe;font-weight:900;font-size:35px}.headerAutoMarginRight{margin:30px auto 10px}.dtFormInner{display:flex;flex-direction:column;width:500px;margin-top:10px}.dtProgressRoot{position:relative;width:90%}.dtProgressContainer{position:relative;z-index:1;width:100%}.dtProgressbar{list-style:none;counter-reset:step}.dtProgressbar li{position:relative;float:left;width:33%;text-align:center}.dtProgressbar li:before{display:block;width:30px;height:30px;margin:0 auto 10px;color:#999;font-weight:700;line-height:30px;text-align:center;background:#f5f5f5;border-radius:50%;content:counter(step);counter-increment:step}.dtProgressbar li.active::marker{display:none;color:#fff}.dtProgressbar li:after{position:absolute;top:12px;left:0;z-index:-1;width:100%;height:7px;background:#f5f5f5;content:""}.dtProgressbar li.active:after{background:#4f93fe}.dtProgressbar li.active:before{color:#fff;background:#4f93fe;border-color:#4f93fe}.dtProgressbar li:first-child:after{border-radius:10px 0 0 10px}.dtProgressbar li:last-child:after{border-radius:0 10px 10px 0}.themeRed li.active:after{background:#cd2928}.themeRed li.active:before{color:#fff;background:#cd2928;border-color:#cd2928}.dtQRContainer{width:100%;margin:30px 10px 10px 20px;padding:0;text-align:center}.dtQRText{margin-top:20px;margin-bottom:20px}.dtTickLogo{width:25px;height:25px;margin-right:10px}.dtSuccessTitle{color:#0bc29e;font-size:24px}.dtSuccessTitleRow{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px}.dtTable{margin:15px 0 10px 10px}.dtCell1,.dtCell2{padding-top:5px;padding-bottom:5px;text-align:center;border:1px solid #999}.dtSendEmailForm{display:flex;flex-direction:column;align-items:center}.dtEmailInput{width:480px;margin-top:20px;font-size:16px;border:1px solid #999;border-radius:20px}.dtBtnGroup{display:flex;flex-direction:row;justify-content:space-between}.dtSendEmailBtn{margin-right:20px;background-color:#0bc29e}.dtDownloadReceiptBtn,.dtSendEmailBtn{width:220px;margin-top:20px;color:#fff;font-weight:600;font-size:17px;border-radius:20px}.dtDownloadReceiptBtn{margin-left:20px;background-color:#4f93fe}.redTheme{background-color:#cd2928;border-color:#cd2928}.redTheme:hover{color:#cd2928}.redBorderHoverBtn:hover,.redTheme:hover{border-color:#cd2928}.redThemeHoverBtn:hover{color:#cd2928;border-color:#cd2928}.input-label{color:#7b7b7b;font-weight:500;font-size:15px}.payment-method-radio{display:flex;width:100vw;padding:10px;align-items:center;justify-content:space-between;border-radius:13px}.am-radio-wrapper.payment-method-radio .fg-text{order:2}.am-radio-wrapper.payment-method-radio .fg-logo-container-alipay,.am-radio-wrapper.payment-method-radio .fg-logo-container-alipay-plus,.am-radio-wrapper.payment-method-radio .fg-logo-container-unionpay,.am-radio-wrapper.payment-method-radio .fg-logo-container-wechat{order:1}.am-radio-wrapper.payment-method-radio .am-radio{order:3;margin-left:auto}.am-radio-wrapper.payment-method-radio{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;background-color:transparent;transition:background-color .3s;min-height:50px}.fg-text{padding:0}.am-radio .am-radio-inner{position:relative;display:block;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:all .3s}.am-radio-checked .am-radio-inner{background-color:#4a55e4;border-color:#4a55e4!important}.am-radio .am-radio-inner{border:1px solid #ddd}.am-radio.am-radio-disabled .am-radio-inner{background-color:#eeeff6}.am-radio-input{border:none}.am-radio.am-radio-checked .am-radio-inner:after{border-color:#fff}.am-radio-inner:after{top:2.5px;right:5px;width:5px;height:9px}.am-radio-wrapper:has(.am-radio-input:checked).payment-method-radio{background-color:#eeeff6}.merchant-present-mode-container .fg-selection{padding:0;width:100%}.merchant-present-mode-container .payment-method-radio{display:flex;width:100%;padding:10px;align-items:center;justify-content:space-between;border-radius:13px;margin-bottom:8px;background-color:#fff;border:1px solid #e8e8e8;transition:all .3s ease}.merchant-present-mode-container .payment-method-radio:hover{border-color:#667eea;background-color:#f8f9ff}.merchant-present-mode-container .am-radio-wrapper.payment-method-radio{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;background-color:transparent;transition:background-color .3s;min-height:50px;border-radius:13px;padding:10px;margin-bottom:8px;border:1px solid #e8e8e8}.merchant-present-mode-container .am-radio-wrapper.payment-method-radio:hover{border-color:#667eea;background-color:#f8f9ff}.merchant-present-mode-container .am-radio-wrapper:has(.am-radio-input:checked).payment-method-radio{background-color:#eeeff6;border-color:#4a55e4}.box-container{display:flex;flex-direction:column;align-items:flex-start;background:#fff;color:#40404d;font-size:14px;margin-top:15px;padding:20px 25px;border-radius:2em;box-shadow:0 4px 8px 0 hsla(0,0%,64.7%,.2),0 6px 20px 0 hsla(0,0%,79.2%,.19)}.bg-gray95{background-color:#f2f2f2}.border-gray95{border:1px solid #f2f2f2}.merchant-present-mode-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.merchant-present-mode-header{text-align:center;padding:40px 20px 20px;color:#fff}.merchant-present-mode-title{font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.merchant-present-mode-subtitle{font-size:18px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.merchant-present-mode-content{flex:1 1;padding:20px}.payment-form{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:500px;margin:0 auto}.form-section{margin-bottom:25px}.form-label{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;display:block}.required{color:#ff4d4f;margin-left:4px}.amount-input{border:2px solid #e8e8e8;border-radius:8px;padding:12px;font-size:18px;text-align:left;transition:border-color .3s}.amount-input .am-input-control input,.amount-input input{text-align:left!important}.amount-input:focus{border-color:#667eea}.customer-reference-input{border:2px solid #e8e8e8;border-radius:8px;padding:12px;font-size:16px;transition:border-color .3s}.customer-reference-input:focus{border-color:#667eea}.customer-reference-input.error{border-color:#ff4d4f}.error-message{color:#ff4d4f;font-size:14px;margin-top:5px}.payment-methods{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.payment-method-radio{width:100%;margin-bottom:0}.payment-method-radio .am-radio-inner{display:none}.payment-method-option{display:flex;align-items:center;padding:15px 20px;border:2px solid #e8e8e8;border-radius:12px;transition:all .3s ease;cursor:pointer;width:100%;box-sizing:border-box;position:relative;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.payment-method-option:before{left:15px;width:20px;height:20px;border:2px solid #ddd;border-radius:50%;background:#fff}.payment-method-option:after,.payment-method-option:before{content:"";position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.payment-method-option:after{left:21px;width:8px;height:8px;border-radius:50%;background:#667eea;opacity:0}.payment-method-radio.am-radio-wrapper-checked .payment-method-option{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);box-shadow:0 4px 15px rgba(102,126,234,.15)}.payment-method-radio.am-radio-wrapper-checked .payment-method-option:before{border-color:#667eea;background:#667eea}.payment-method-radio.am-radio-wrapper-checked .payment-method-option:after{opacity:1}.payment-method-option:hover{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#f0f2ff 50%);box-shadow:0 4px 15px rgba(102,126,234,.1);transform:translateY(-1px)}.payment-method-option:hover:before{border-color:#667eea}.payment-method-icon{width:32px;height:32px;margin-left:50px;margin-right:12px}.payment-method-text{font-size:16px;font-weight:500;color:#333;flex:1 1;margin-right:15px}.generate-qr-button{width:100%;height:50px;border-radius:8px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;transition:all .3s}.generate-qr-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.generate-qr-button:disabled{opacity:.6;transform:none;box-shadow:none}.qr-code-section{margin-top:30px;text-align:center;padding:20px;background:#f8f9ff;border-radius:12px;border:2px solid #e8e8e8}.qr-code-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.qr-code-container{display:flex;justify-content:center;margin-bottom:20px}.qr-code-image{max-width:250px;max-height:250px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.qr-code-info{text-align:center}.amount-display{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.reference-display{font-size:16px;color:#666}.merchant-present-mode-footer{text-align:center;padding:20px;background:hsla(0,0%,100%,.1);color:#fff}.footer-text{font-size:16px;opacity:.8}.purple-background-footer-text{font-size:16px;opacity:.8;color:#fff;margin-right:10px}.footer-logo{height:26px;vertical-align:middle}