@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css";@charset "UTF-8";.tl-btn-hollow,.tl-btn-solid{display:inline-flex;justify-content:center;align-items:center;min-width:150px;padding:.65rem 1.5rem;margin:.2rem;border:solid 2px currentColor;border-radius:10rem;background-color:transparent;font-family:inherit;font-size:inherit;word-break:keep-all;text-decoration:none;cursor:pointer;transition:.15s}.tl-btn-hollow:disabled,.tl-btn-solid:disabled{opacity:.5;pointer-events:none}.tl-btn-hollow.primary,.primary.tl-btn-solid{color:var(--color-theme-main)}.tl-btn-hollow.primary:hover,.primary.tl-btn-solid:hover{color:#fff;border-color:var(--color-theme-main);background-color:var(--color-theme-main)}.tl-btn-hollow.secondary,.secondary.tl-btn-solid{color:var(--color-light-gray)}.tl-btn-hollow.secondary:hover,.secondary.tl-btn-solid:hover{color:#fff;border-color:var(--color-dark-gray);background-color:var(--color-dark-gray)}.tl-btn-hollow i[class^=bi],.tl-btn-solid i[class^=bi]{margin-right:.5rem}.tl-btn-solid.primary{background-color:var(--color-theme-main);border-color:var(--color-theme-main);color:#fff}.tl-btn-solid.primary:hover{background-color:var(--color-theme-lighter);border-color:var(--color-theme-lighter)}.tl-btn-solid.secondary{background-color:var(--color-dark-gray);border-color:var(--color-dark-gray);color:#fff}.tl-btn-solid.secondary:hover{background-color:var(--color-light-gray);border-color:var(--color-light-gray)}input:not([type=radio]){-webkit-appearance:none;appearance:none;position:relative;outline:none;border:1px solid var(--color-light-gray-3);font-family:inherit;font-size:var(--font-size-md);padding:.6875rem .875rem;color:var(--color-dark-gray);width:100%;transition:.2s}input:not([type=radio]):focus{border-color:var(--color-dark-gray)}input:not([type=radio])::placeholder{color:var(--color-light-gray-2)}input:not([type=radio]).ng-invalid.ng-dirty{border-color:var(--color-danger);border-width:2px}.main-app{display:flex;flex-direction:column;align-items:center}.main-app .body{width:100%;min-height:256px}.hotai-pay-page-content{max-width:768px;margin:auto;padding:0 1.5rem;letter-spacing:.05rem}.hotai-pay-page-content .content-group{padding:1rem 0}.hotai-pay-page-content .content-row{display:flex;align-items:flex-start;justify-content:center;margin:.5rem 0;word-break:break-all}.hotai-pay-page-content .content-row .left-col{flex:1;text-align:right;margin-right:2rem;font-weight:500}.hotai-pay-page-content .content-row .left-col.line-break{white-space:pre-line}.hotai-pay-page-content .content-row .right-col{flex:1.25;color:var(--color-light-gray)}.hotai-pay-page-content .content-row .multi-row-text{display:flex;flex-direction:column}.hotai-pay-page-content .content-row .multi-row-text .description{font-weight:400;color:var(--color-light-gray)}.hotai-pay-page-content .content-row .multi-row-text .remarks{display:initial;color:var(--color-danger)}.hotai-pay-page-content .payment-amount{display:flex;flex-direction:column;line-height:1}.hotai-pay-page-content .payment-amount .amount{font-size:calc(var(--font-size-xl) * .9);margin-bottom:.8rem}.hotai-pay-page-content .payment-amount .amount.primary{font-size:var(--font-size-xl);font-weight:700}.hotai-pay-page-content .payment-amount span:not(.amount){margin-bottom:.25rem}.hotai-pay-page-content .btn-area{justify-content:center;margin:2rem 0}.hotai-pay-page-content .btn-area .btn-container{flex-grow:1}.hotai-pay-page-content .btn-area .btn-container.single.center{text-align:center}.hotai-pay-page-content .btn-area .btn-container.single.center .tl-btn-hollow,.hotai-pay-page-content .btn-area .btn-container.single.center .tl-btn-solid{margin:auto}.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(1),.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(1){margin-left:calc(50% - 1rem)}.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(2),.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(2),.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(2)~.tl-btn-hollow,.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(2)~.tl-btn-hollow,.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(2)~.tl-btn-solid,.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(2)~.tl-btn-solid{margin:0 1.65rem}.hotai-pay-page-content .error-message,.hotai-pay-page-content .remarks{display:block;color:var(--color-danger);margin:.25rem 0;text-align:justify}.hotai-pay-page-content .anti-scam-message{padding-top:2rem;color:var(--color-danger);text-align:justify}.hotai-pay-page-content .remarks+.anti-scam-message{padding-top:1rem}.btn-area{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-top:auto}.btn-area.yes-or-no>.tl-btn-hollow,.btn-area.yes-or-no .tl-btn-solid{flex:1;min-width:unset}@media (max-width: 768px){.hotai-pay-page-content{width:100%}.hotai-pay-page-content .content-group{padding:1rem 0}.hotai-pay-page-content .content-row.wrap-on-mobile{flex-direction:column;justify-content:center;align-items:flex-start}.hotai-pay-page-content .content-row.wrap-on-mobile .left-col,.hotai-pay-page-content .content-row.wrap-on-mobile .right-col{flex:unset;width:100%;margin-bottom:.5rem}.hotai-pay-page-content .content-row.wrap-on-mobile .multi-row-text{display:block}.hotai-pay-page-content .content-row.wrap-on-mobile .multi-row-text .description{margin-left:.5rem}.hotai-pay-page-content .content-row .left-col{text-align:left}.hotai-pay-page-content .content-row .left-col.line-break span{display:unset}.hotai-pay-page-content .content-row .right-col{flex:2}.hotai-pay-page-content .payment-amount{margin:1rem 0}.hotai-pay-page-content .btn-area{justify-content:space-around;flex-wrap:wrap}.hotai-pay-page-content .btn-area .btn-container.single{text-align:center}.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(1),.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(1){margin:auto}.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(2),.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(2),.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(2)~.tl-btn-hollow,.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(2)~.tl-btn-hollow,.hotai-pay-page-content .btn-area .tl-btn-hollow:nth-last-child(2)~.tl-btn-solid,.hotai-pay-page-content .btn-area .tl-btn-solid:nth-last-child(2)~.tl-btn-solid{margin:.35rem;flex:1}}@media (max-width: 400px){.hotai-pay-page-content .content-row{margin:.75rem 0}.hotai-pay-page-content .content-row:not(.btn-area){flex-direction:column}.hotai-pay-page-content .content-row .left-col{margin-right:0}}.loading-bar{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loading-bar.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;transform:unset;background-color:#ffffffec;padding-bottom:6rem}.loading-bar span{display:block;font-size:var(--font-size-lg);font-family:inherit;text-align:center;padding:1.5rem 0}.loading-bar div{position:relative;width:100%;max-width:200px;height:6px;background-color:#b4b4b4;z-index:0}.loading-bar div:before{content:"";position:absolute;left:0;height:100%;width:0;background-color:var(--color-theme-main);z-index:1;animation:runningForward 1.5s linear infinite forwards}@keyframes runningForward{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}:root{--font-size-sm: .875rem;--font-size-normal: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.875rem;--color-theme-main: #ba222e;--color-theme-lighter: rgb(218, 47, 61);--color-success: #23a65b;--color-danger: #d81827;--color-dark-gray: #525252;--color-light-gray: rgb(132, 135, 143);--color-light-gray-2: rgb(175, 175, 175);--color-light-gray-3: #d3d3d3;--color-divider-light: rgb(220, 220, 220);--color-divider-dark: rgb(20, 20, 20)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html body{font-family:Noto Sans TC,sans-serif;color:var(--color-dark-gray);padding:0;margin:0}html body.lexus{--color-theme-main: black;--color-theme-lighter: rgb(65, 65, 65)}html body.lexus input:not([type=radio]){font-size:initial;border-radius:10rem;padding:.525rem 1.25rem}html body.hino{--color-theme-main: #e30007;--color-theme-lighter: #e93238}html body.hino input:not([type=radio]){font-size:initial;border-width:2px}html body.hino input:not([type=radio]):focus{border-color:var(--color-theme-main)}html body.show-loading .loading-bar.global{display:flex;z-index:998}html body .loading-bar.global{display:none}button:focus,a:focus{outline:none;box-shadow:0 0 1px 2px var(--color-theme-lighter)}a{color:var(--color-theme-main)}hr{border-top:unset;border-top-color:var(--color-divider-light)}svg-icon{display:flex;align-items:center;justify-content:center}