body{font-family:Verdana,Arial,Helvetica,"sans-serif";font-size:12px;margin:0;background-color:#DDDDDD}p{margin-top:0;margin-bottom:0}table{font-family:Verdana,Arial,Helvetica,"sans-serif";font-size:12px;background-color:#DDDDDD}.print-doc-page table,.qo-page table{background-color:transparent}.label{font-family:Verdana,Arial,Helvetica,"sans-serif";font-size:9px}hr{color:#CCCCCC}.input{font-family:Verdana,Arial,Helvetica,"sans-serif";font-size:12px;border:1px solid #999999;padding:2px;background-color:#CCFEFF;width:280px;max-width:100%;box-sizing:border-box}input.input[size],input.input[type=date],select.input{width:auto}.item-form .input{width:280px}.input.search-input,.input.wide{width:480px}.bttn{font-family:Verdana,Arial,Helvetica,"sans-serif";font-size:12px;background:#FFFFFF;border:1px solid #999;padding:2px 10px;cursor:pointer}.bttn:disabled{color:#999;cursor:default}a,a:visited{color:#3A718F;text-decoration:none}a:active,a:hover{color:#FF0000;text-decoration:underline}.red{color:#FF0000}.ok{color:#009900}.abandon,.abandon .mapp-kv-label,.abandon .mapp-kv-value,.abandon .mapp-sub{color:#999999}.nothing{color:#FFFFFF}.list-table{border-collapse:collapse}.list-table td,.list-table th{border:1px solid #ccc;padding:3px 6px;text-align:left}.list-table>tbody>tr:not([bgcolor]):hover>td,.stmt-contact:hover>td{background-color:#E0EEFE}.bttn-camera-mobile,.responsive-cards{display:none}@media (max-width:768px){body,table{font-size:14px}.page-shell{width:100%!important;table-layout:fixed}.page-shell-banner{display:none!important}.page-nav td,.page-nav tr{display:block}.page-nav td{width:auto!important;text-align:left!important;padding:2px 0}.input,select.input,textarea.input{width:100%;font-size:16px;padding:10px 8px}.input.search-input,.input.wide{width:100%}.search-box{width:100%!important}.bttn{font-size:16px;padding:10px 16px;min-height:44px}.account-form tr{display:block;margin-bottom:10px}.account-form td{display:block;width:auto!important;padding:2px 0}.account-tabs{font-size:16px;line-height:2.2}.list-table{display:block;overflow-x:auto;max-width:100%}.responsive-list{display:none}.responsive-cards{display:block}.mobile-card{border:1px solid #ccc;background:#FFF;padding:10px 12px;margin-bottom:10px;font-size:14px;line-height:1.7}.mobile-card .mc-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.mobile-card .mc-amount{font-weight:700;white-space:nowrap}.mobile-card .mc-actions{margin-top:8px}.mobile-card .mc-actions .bttn{margin-right:6px;margin-bottom:4px}.mobile-card input[type=checkbox]{width:22px;height:22px;vertical-align:middle}.bttn-camera-mobile{display:block!important;width:100%;font-size:18px;padding:14px;margin-bottom:8px;background:#3A718F;color:#FFF;border:1px solid #3a718f}.bttn-camera-desktop{display:none!important}}.mapp{min-height:100dvh;background:#F2F2F2;color:#222;font-size:16px;line-height:1.5;display:flex;flex-direction:column}.mapp-header{background:#3A718F;color:#FFF;display:flex;align-items:center;gap:10px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mapp-title{font-size:19px;font-weight:700;flex:1 1}.mapp-user{font-size:13px;opacity:.9}.mapp-logout{background:transparent;color:#FFF;border:1px solid rgba(255,255,255,.7);border-radius:6px;font-size:14px;padding:6px 12px;cursor:pointer}.mapp-content{flex:1 1;padding:14px 14px 70px}.mapp-tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#FFF;border-top:1px solid #ddd;z-index:10}.mapp-tab-home,.mapp-tab-home:link,.mapp-tab-home:visited{flex-shrink:0;width:60px;display:flex;align-items:center;justify-content:center;background:#3A718F;color:#FFF;font-size:15px;font-weight:700;text-decoration:none;border-right:1px solid #ddd}.mapp-tab-home--active{background:#2E5A78}.mapp-tabs-scroll{flex:1 1;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mapp-tabs-scroll::-webkit-scrollbar{display:none}.mapp-tab,.mapp-tab:link,.mapp-tab:visited{flex:1 1;text-align:center;padding:12px 0 14px;font-size:15px;color:#888;text-decoration:none;white-space:nowrap}.mapp-tabs-scroll .mapp-tab{flex:none;padding:12px 12px 14px}.mapp-tab--active{color:#3A718F;font-weight:700}.mapp-tab--account,.mapp-tab--account:link,.mapp-tab--account:visited{color:#E67E22;font-weight:700}.mapp-card{background:#FFF;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.mapp-card--processing{border:2px solid #3a718f}.mapp-card--confirmed{border:2px solid #5b8c3e}.mapp-card--abandoned{border:2px solid #b0b0b0}.mapp-check-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px 6px;gap:2px 6px;margin-bottom:8px}.mapp-check-grid label{display:flex;align-items:center;gap:5px;padding:6px 0;font-size:12px}.mapp-check-grid .mapp-check{width:18px;height:18px}.mapp-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.mapp-amount{font-weight:700;font-size:17px;white-space:nowrap}.mapp-sub{color:#666;font-size:14px;margin-top:4px}.mapp-badge{display:inline-block;font-size:13px;padding:2px 10px;border-radius:20px;margin-top:6px}.mapp-badge--paid{background:#E2EFDA;color:#375623}.mapp-badge--unpaid{background:#F2F2F2;color:#888}.mapp-badge--overdue{background:#FDECEA;color:#C00}.mapp-btn-primary{display:block;width:100%;box-sizing:border-box;background:#3A718F;color:#FFF;border:none;border-radius:10px;font-size:16px;font-weight:700;padding:12px;min-height:48px;cursor:pointer;margin-bottom:10px}.mapp-btn-primary:link,.mapp-btn-primary:visited{color:#FFF}.mapp-btn-primary:disabled{opacity:.5}.mapp-btn{display:block;width:100%;box-sizing:border-box;background:#FFF;border:1px solid #ccc;border-radius:10px;font-size:15px;padding:11px;min-height:46px;cursor:pointer;margin-bottom:10px}.mapp-btn,.mapp-btn:link,.mapp-btn:visited{color:#222}.mapp-btn:disabled{opacity:.5}.mapp-btn-row{display:flex;gap:8px;margin-bottom:10px}.mapp-btn-row .mapp-btn{margin-bottom:0}.mapp-field{margin-bottom:12px}.mapp-label{display:block;font-size:14px;color:#666;margin-bottom:6px}.mapp-input,.mapp-select,.mapp-textarea{width:100%;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:10px;background:#FFF;box-sizing:border-box}.mapp-textarea{resize:vertical}.mapp-check{width:24px;height:24px;flex-shrink:0}.mapp-note{color:#666}.mapp-error,.mapp-note{font-size:14px;margin-bottom:12px}.mapp-error{color:#C00}.mapp-filter-row{display:flex;gap:8px;margin-bottom:10px;align-items:stretch}.mapp-filter-row .mapp-input,.mapp-filter-row .mapp-select{margin-bottom:0}.mapp-date-row{display:flex;gap:8px;align-items:center}.mapp-date-row .mapp-input{flex:1 1;min-width:0}.mapp-date-row button[aria-label="選擇日期"]{padding:10px!important}.mapp-date-row .mapp-select{flex:0 1 140px;width:auto;min-width:0}.mapp-vendor-pick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapp-seg{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mapp-seg::-webkit-scrollbar{display:none}.mapp-seg button{flex:1 0 auto;min-height:36px;border:1px solid #ccc;border-radius:8px;background:#FFF;font-size:14px;color:#555;padding:0 10px;white-space:nowrap}.mapp-seg button.mapp-seg--active{background:#3A718F;border-color:#3A718F;color:#FFF;font-weight:700}.mapp-summary{background:#3A718F;color:#FFF;border-radius:12px;padding:14px;margin-bottom:12px}.mapp-summary .mapp-amount{font-size:22px}.mapp-section{font-size:14px;font-weight:700;color:#3A718F;margin:20px 0 8px}.mapp-pl-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.mapp-pl-row--total{font-weight:700;border-bottom:none}.mapp-preview{width:100%;border-radius:12px;margin:8px 0}.mapp-card-title{font-size:15px;font-weight:700;color:#3A718F;margin-bottom:4px}.mapp-kv{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid #f0f0f0;font-size:15px}.mapp-kv:last-child{border-bottom:none}.mapp-kv-label{flex-shrink:0;width:88px;color:#888;font-size:14px}.mapp-kv-value{flex:1 1;color:#222;word-break:break-word}.mapp-content--site{background:#F2F2F2}.mapp-content--site table{background-color:#FFF;display:block;overflow-x:auto;max-width:100%}.mapp-content--site td[style*=linear-gradient]{background:#3A718F!important}.mapp-content--site td[style*=linear-gradient] p{color:#FFF!important;font-size:17px}.mapp-content--site td[bgcolor="#EFEFEF"]{background:#E8F1F7!important}.mapp-content--site td[bgcolor="#EFEFEF"] p{font-size:16px;font-weight:700;color:#3A718F}.mapp-content--site table td{padding:6px 8px}.mapp-content--site p{font-size:16px;line-height:1.55}.mapp-content--site .bttn{min-height:46px;font-size:15px;padding:10px 16px}