@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap";html{font-family:RedFoxes Mark TC,Inter,Noto Sans TC,sans-serif}html,body{margin:0;padding:0;height:100vh;width:100vw}body{display:flex;flex-direction:column}h1,h2,table,tr,td,th{padding:0;margin:0}table{width:100%}tr{font-size:15px}th{font-weight:500;color:#808490;text-align:left}table tr:not(:last-child)>*{padding-bottom:4px}nav{height:64px;width:100%;background:#fff;box-shadow:0 0 4px #0000001c,0 1px #0000000a;position:relative;z-index:1;display:flex;align-items:center;padding-inline:16px;justify-content:space-between;box-sizing:border-box}nav div{font-size:17px;font-weight:500}button{background:#f5f6f7;border-radius:8px;height:40px;padding-inline:20px;margin:0;padding-block:0;border:0;font-weight:500;cursor:pointer}button:hover{background:#eaecf0}input{background:#fff;box-shadow:0 0 0 1px #eaecf0,inset 0 0 0 1px #eaecf0;border-radius:8px;height:48px;padding-inline:12px;box-sizing:border-box;border:none;font-size:17px;outline:none}input:focus{box-shadow:0 0 0 1px #fb6a00,inset 0 0 0 1px #fb6a00}.內容{width:100%;flex:1;background:#f5f6f7;display:flex;justify-content:center;padding-inline:15px;box-sizing:border-box;overflow:scroll}.內容 .主體{max-width:420px;width:100%;height:auto;display:block}.內容 .主體 .收據,.內容 .主體 .讀取{background:#fff;box-shadow:0 0 4px #0000001c,0 2px #0000000a,0 8px 24px -8px #00000024;border-radius:12px;padding:32px 24px;width:100%;box-sizing:border-box;margin-bottom:24px;margin-top:48px}.內容 .主體 .收據 .標頭,.內容 .主體 .讀取 .標頭{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.內容 .主體 .收據 .標頭 h1,.內容 .主體 .讀取 .標頭 h1{font-size:32px;font-weight:500;line-height:100%}.內容 .主體 .收據 .標頭 .標誌,.內容 .主體 .讀取 .標頭 .標誌{display:block;height:40px;aspect-ratio:40/48;background:url(/assets/img_logo_mark-DnY5lgwZ.png);background-size:100%}.內容 .主體 .收據 .收據內容,.內容 .主體 .讀取 .收據內容{display:flex;flex-direction:column}.內容 .主體 .收據 .收據內容>:not(:last-child):after,.內容 .主體 .讀取 .收據內容>:not(:last-child):after{content:"";height:1px;background:#eaecf0;display:block;width:100%;margin-block:24px}.內容 .主體 .收據 .收據內容 .明細 .明細標頭,.內容 .主體 .讀取 .收據內容 .明細 .明細標頭{margin-bottom:12px}.內容 .主體 .收據 .收據內容 .明細 .明細標頭 .金額,.內容 .主體 .讀取 .收據內容 .明細 .明細標頭 .金額{text-align:right}.內容 .主體 .收據 .收據內容 .明細 .明細內容,.內容 .主體 .讀取 .收據內容 .明細 .明細內容{margin-bottom:48px}.內容 .主體 .收據 .收據內容 .明細 .明細內容 th,.內容 .主體 .讀取 .收據內容 .明細 .明細內容 th{font-weight:400;color:inherit}.內容 .主體 .收據 .收據內容 .明細 .總計,.內容 .主體 .讀取 .收據內容 .明細 .總計{background:#f5f6f7;border-radius:8px;padding:8px 12px}.內容 .主體 .收據 .收據內容 .明細 .總計 th,.內容 .主體 .讀取 .收據內容 .明細 .總計 th{color:inherit}.內容 .主體 .收據 .收據內容 .明細 td,.內容 .主體 .讀取 .收據內容 .明細 td{text-align:right}.內容 .主體 .收據 .收據內容 .附加資訊 th,.內容 .主體 .收據 .收據內容 .附加資訊 td,.內容 .主體 .讀取 .收據內容 .附加資訊 th,.內容 .主體 .讀取 .收據內容 .附加資訊 td{font-size:13px}.內容 .主體 .收據 .收據內容 .基本資訊 td,.內容 .主體 .收據 .收據內容 .附加資訊 td,.內容 .主體 .讀取 .收據內容 .基本資訊 td,.內容 .主體 .讀取 .收據內容 .附加資訊 td{text-align:right}.內容 .主體 .引導{font-size:12px;padding-bottom:48px;color:#808490}.內容 .主體 .引導 a{color:#fb6a00}.內容 .主體 .讀取{min-height:500px;justify-content:center;align-items:center;display:flex}.內容 .主體 .讀取 .旋轉讀取{border:2px solid;border-top:2px solid transparent!important;border-radius:50%;animation:spin .5s linear infinite;box-sizing:border-box;display:block;width:32px;height:32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.內容.輸入{display:flex;align-items:center}.內容.輸入 .主體{display:flex;flex-direction:column;gap:16px;max-width:280px;width:100%}.內容.輸入 .主體 h2{font-weight:500;text-align:center}.內容.輸入 .主體 input{width:100%;text-align:center;font-family:Roboto Mono,monospace}.內容.輸入 .主體 button{background:#fb6a00;color:#fff}@media print{*{print-color-adjust:exact;-webkit-print-color-adjust:exact}nav{display:none}.內容{background:none}.內容 .主體{max-width:100%}.內容 .主體 .收據{box-shadow:unset;margin:0}.內容 .主體 .引導{display:none}}
