@import "https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;text-rendering:optimizelegibility;height:auto;min-height:100dvh;font-size:100%;overflow-y:scroll}body{color:#404040;letter-spacing:0;background-color:#e3edeb;font-family:Sarabun,system-ui,sans-serif;font-size:1em;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#000;font-family:Prompt,system-ui,sans-serif;font-weight:500}:root{--oricami-color-dark:#3b635b;--oricami-color:#70a99d;--oricami-color-light:#cfe3df;--oricami-color-lighten:#e3edeb;--page-margin-block:5mm;--paper-bg-color:#fff;--paper-line-color:#d9d9d9;--paper-font-size:2.2mm;--paper-blank-border:7mm;--perforation-width:12mm;--perforation-line-color:#b3b3b3;--section-bg-color:#0000;--section-line-color:#e6e6e6;--section-padding:3mm;--glue-bg-color:#f0f0a866;--glue-trickness:7mm;--glue-spacing-width:10mm;--glue-interval:6;--counter-interval:5mm;--counter-bg-color:#ffffffbf;--counter-border-radius:var(--border-radius);--counter-shadow:var(--shadow-low);--brand-color:#000;--border-color:gray;--border-light-color:#bfbfbf;--dark-color:#000;--base-color:#4d4d4d;--highlight-color:#bfbfbf;--gray-color:#e6e6e6;--ff-heading:"Prompt";--ff-body:"Sarabun";--border-radius:1.5mm;--px-to-mm:.264583mm;--options-panel-width:272px;--options-right-offset:5mm;--options-bottom-offset:5mm;--shadow-color:0deg 0% 0%;--shadow-low:0 1px 3px 0 hsl(var(--shadow-color) / .1), 0 1px 2px -1px hsl(var(--shadow-color) / .1);--shadow-medium:0px .5px .8px hsl(var(--shadow-color) / 0), 0px .9px 1.4px hsl(var(--shadow-color) / .07), 0px 1.9px 2.8px hsl(var(--shadow-color) / .14);--shadow-high:0px .2px .2px hsl(var(--shadow-color) / .13), 0px .7px .7px -.5px hsl(var(--shadow-color) / .12), 0px 1.4px 1.4px -1px hsl(var(--shadow-color) / .11), 0px 2.5px 2.4px -1.5px hsl(var(--shadow-color) / .1), 0px 4.3px 4.2px -2px hsl(var(--shadow-color) / .1), 0px 7.2px 7px -2.5px hsl(var(--shadow-color) / .09), 0px 11.4px 11.1px -3px hsl(var(--shadow-color) / .08), 0px 17.2px 16.8px -3.5px hsl(var(--shadow-color) / .07)}.ff-heading{font-family:Prompt,system-ui,sans-serif}.ff-body,.counter .counter-box{font-family:Sarabun,system-ui,sans-serif}.bg-oricami{background-color:var(--oricami-color)}.bg-oricami-dark{background-color:var(--oricami-color-dark)}.bg-oricami-light{background-color:var(--oricami-color-light)}.bg-oricami-lighten{background-color:var(--oricami-color-lighten)}.text-oricami{color:var(--oricami-color)}.text-oricami-dark{color:var(--oricami-color-dark)}.text-oricami-light{color:var(--oricami-color-light)}.text-oricami-lighten{color:var(--oricami-color-lighten)}.btn-oricami{background-color:var(--oricami-color);color:#fff}.btn-oricami:is(:hover,:focus){background-color:var(--oricami-color-dark)}.paper-A4{--paper-width:210mm;--paper-height:297mm}.paper-F4{--paper-width:210mm;--paper-height:330mm}.paper{width:var(--paper-width);margin-inline:auto}.paper~.paper{margin-top:20mm}.page{background-color:var(--paper-bg-color);margin-block:var(--page-margin-block);height:var(--paper-height);width:var(--paper-width);display:grid;position:relative}.page~.page{margin-top:10mm}.Z-fold .page{grid-template-rows:repeat(3, calc(var(--paper-height) / 3))}.ZX-fold{--first-height:38mm}.ZX-fold .page{grid-template-rows:var(--first-height) repeat(2, calc((var(--paper-height) - var(--first-height)) / 2))}.ZX-fold .section-4,.ZX-fold .section-5{transform:rotate(180deg)}.section{margin-inline:var(--perforation-width);padding:var(--section-padding);isolation:isolate;position:relative}.section .wrapper{height:100%;overflow:hidden}.section.-p-0{padding:0}.section.-full-width-bg,.section.-full-bleed-bg{padding-block:var(--section-padding);padding-left:calc(var(--perforation-width) + var(--section-padding) - var(--section-padding-left-offset,0mm));padding-right:calc(var(--perforation-width) + var(--section-padding) - var(--section-padding-right-offset,0mm));background-position:50%;background-repeat:no-repeat;background-size:contain;margin-inline:0}.section.-span-section{z-index:1}.Z-fold .section-2,.Z-fold .section-4{padding-top:calc(var(--section-padding) + var(--glue-trickness))}.Z-fold .section-3,.Z-fold .section-5{padding-bottom:calc(var(--section-padding) + var(--glue-trickness))}.Z-fold :where(.section).-span-section .wrapper{height:calc((100% + var(--section-padding)) * 2)}.Z-fold :where(.section).-span-section+.section .wrapper{visibility:hidden;height:0}.Z-fold .section-7{padding-top:calc(var(--section-padding) + var(--paper-blank-border))}.Z-fold .section-9{padding-bottom:calc(var(--section-padding) + var(--paper-blank-border))}.Z-fold :where(.section).-full-section .wrapper{height:calc(300% + var(--paper-blank-border) * 2 + var(--section-padding) * 2)}.ZX-fold .section-2{padding-top:calc(var(--section-padding) + var(--glue-trickness))}.ZX-fold .section-3{padding-bottom:calc(var(--section-padding) + var(--glue-trickness))}.ZX-fold .section-4{padding-top:var(--section-padding)}.ZX-fold .section-5{padding-bottom:var(--section-padding)}.ZX-fold .section-2.-span-section .wrapper{height:calc(200% + var(--section-padding) * 2)}.ZX-fold .section-2.-span-section+.section-3 .wrapper,.ZX-fold .section-4:has(+.section-5.-span-section) .wrapper{visibility:hidden;height:0}.ZX-fold .section-4:has(+.section-5.-span-section)+.section-5.-span-section .wrapper{height:calc(100% + var(--first-height))}.layout~.layout{margin-top:4mm}.layout~.layout.-no-mt{margin-top:0}.layout~.layout.-mt-1{margin-top:1mm}.layout~.layout.-mt-2{margin-top:2mm}.layout~.layout.-mt-3{margin-top:3mm}.layout~.layout.-mt-4{margin-top:4mm}.layout-image.-img-vertical{gap:var(--gap,1mm);flex-direction:column;display:flex}.layout-image.-img-horizontal{gap:var(--gap,1mm);display:flex}.layout-address{--postal-width:35mm;--layout-gap:5mm;grid-template-columns:1fr var(--postal-width);align-items:start;gap:3mm var(--layout-gap);grid-template-rows:auto 1fr;display:grid}.layout-invoice{--info-width:38mm;--layout-gap:2mm;grid-template-columns:1fr var(--info-width) var(--info-width);align-items:start;gap:var(--layout-gap);grid-template-rows:auto;display:grid}.layout-payin{--info-width:38mm;--layout-gap:2mm;--channel-width:63mm;grid-template-columns:var(--channel-width) auto var(--info-width);align-items:start;gap:var(--layout-gap);grid-template-rows:auto;display:grid}.layout-receipt,.layout-taxinvoice{--info-width:38mm;--layout-gap:2mm;grid-template-columns:1fr var(--info-width) var(--info-width);align-items:start;gap:var(--layout-gap);grid-template-rows:auto;display:grid}.layout-card{--card-width:86mm;--card-height:55mm;--card-room:2.5mm;--layout-gap:2mm;--print-area-height:42mm;grid-template-columns:1fr calc(var(--card-width) + var(--card-room) * 2);grid-template-rows:auto auto calc(var(--card-height) + var(--card-room) * 2) auto;align-items:start;gap:var(--layout-gap);display:grid}.layout-card-back{--card-width:85mm;--card-height:55mm;--card-room:3mm;--layout-gap:8mm;grid-template-columns:var(--card-width) 1fr;align-items:start;gap:var(--layout-gap);grid-template-rows:auto;display:grid}.layout-island{--position-top:0;--position-right:auto;--position-bottom:auto;--position-left:0;--island-width:100%;position:relative}.layout-island>.island{width:var(--island-width);inset:var(--position-top,auto) var(--position-right,auto) var(--position-bottom,auto) var(--position-left,auto);position:absolute}.company{--logo-width:40mm;--address-gap:5mm;--info-width:65mm;color:var(--dark-color);font-size:var(--paper-font-size);align-items:center;column-gap:var(--address-gap);grid-area:1/1/2/2;display:flex}.company .logo{width:var(--logo-width)}.company .info{width:var(--info-width)}.company .name{font-size:1.1em}.company .branch{padding-left:1ch}.company .address{text-wrap:balance}.company .address span{padding-left:1ch}.postal{font-size:var(--paper-font-size);grid-area:1/2/3/3}.po-box{border:1.5pt solid var(--border-color);border-radius:var(--border-radius);color:var(--base-color);text-align:center;margin-bottom:3mm;padding:1.8mm 1mm;font-size:1em}.po-return{border:1pt solid var(--border-color);border-radius:var(--border-radius);color:var(--base-color);font-size:1em}.po-return .header,.po-return .footer{color:var(--base-color);text-align:center;white-space:nowrap;padding:1.5mm 2mm}.po-return ol{border-top:1pt solid var(--border-color);border-bottom:1pt solid var(--border-color);padding:2mm 2mm 2mm 9mm;list-style-type:decimal;position:relative}.po-return li{white-space:nowrap;margin-bottom:.75mm}.po-return li:before{content:"";background-color:var(--base-color);aspect-ratio:1;opacity:.4;border-radius:2pt;width:3mm;display:block;position:absolute;left:2mm}.po-return .footer:after{content:" ............................................."}.recipient{color:var(--dark-color);font-size:calc(var(--paper-font-size) * 1.25)}.recipient .name{font-size:1.2em}.recipient .address{margin-bottom:5mm;font-size:1em}.tracking-client{text-align:center;max-width:50mm;height:7mm;font-size:.8em;overflow:hidden}.tracking-client>*{transform:translateY(-7.5mm)}.rest{font-size:var(--paper-font-size);grid-area:3/2/4/3}.tracking-agent{text-align:center;max-width:33mm;height:6mm;margin-inline:auto;font-size:.8em;overflow:hidden}.tracking-agent>*{transform:translateY(-10mm)}.client-barcode{height:15mm;max-width:var(--barcode-width,50mm);text-align:center;font-size:.8em;overflow:hidden}.client-barcode>*{transform:translateY(calc(var(--barcode-height,7mm) * -1))}.oricami-barcode{height:15mm;max-width:var(--barcode-width,33mm);text-align:center;margin-inline:auto;font-size:.9em;overflow:hidden}.oricami-barcode>*{transform:translateY(calc(var(--barcode-height,10mm) * -1))}.company-invoice{grid-area:1/1/2/3}.invoice-info{color:var(--dark-color);font-size:var(--paper-font-size);text-align:center;grid-area:1/3/2/4}.invoice-info>.title{background-color:var(--brand-color);border-radius:var(--border-radius) var(--border-radius) 0 0;color:#fff;padding-block:2.2mm 1.8mm;font-size:1.5em;line-height:1}.invoice-info>.number{border:2pt solid var(--brand-color);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:none;padding-block:2mm;font-size:1.2em;line-height:1}.invoice-date{color:var(--dark-color);font-size:var(--paper-font-size);text-align:center;grid-area:2/2/3/4;display:inline-flex}.invoice-date>.list{border:1pt solid var(--border-light-color);width:100%}.invoice-date>.list~.list{border-left-width:0}.invoice-date .topic{background-color:var(--gray-color);border-bottom:1pt solid var(--border-light-color);padding:1mm;font-size:1.3em;font-weight:600}.invoice-date .value{padding:1mm;font-size:1.5em;font-weight:600}.layout-invoice .customer{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:2/1/3/2;align-self:center}.layout-invoice .customer>.name{font-size:1.3em;line-height:1.8}.layout-invoice .customer>.address{font-size:1.2em}.invoice-details{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:3/1/4/4;justify-content:space-between;gap:2mm;display:flex}.invoice-details .group{flex-grow:1}.invoice-details .group:last-of-type{width:calc(var(--info-width) * 2 + var(--layout-gap) * 1);flex-grow:0}.invoice-details .list{border:1pt solid var(--border-light-color);display:flex}.invoice-details .list~.list{border-top-width:0}.invoice-details .topic{background-color:var(--gray-color);border-right:1pt solid var(--border-light-color);white-space:nowrap;width:50%;padding:.75mm 2mm;font-size:1.05em;font-weight:600;display:inline-block}.invoice-details .value{text-align:right;white-space:nowrap;width:50%;padding:.75mm 2mm;font-size:1.05em;font-weight:600;display:inline-block}.invoice-details .group:first-of-type{--first-topic-width:40%}.invoice-details .group:first-of-type .list .topic{width:var(--first-topic-width)}.invoice-details .group:first-of-type .list .value{width:calc(100% - var(--first-topic-width))}.invoice-details .group-horizontal:first-of-type .topic{background-color:#0000}.invoice-details .group-horizontal:first-of-type .list{--first-column-width:75%;border-bottom-color:#0000}.invoice-details .group-horizontal:first-of-type .list>:first-of-type{width:var(--first-column-width)}.invoice-details .group-horizontal:first-of-type .list>:last-of-type{width:calc(100% - var(--first-column-width))}.invoice-details .group-horizontal:first-of-type .list-heading{border:1pt solid var(--border-light-color)}.invoice-details .group-horizontal:first-of-type .list-heading>*{background-color:var(--gray-color)}.invoice-details .group-horizontal:first-of-type .list-blank>*{color:#0000}.invoice-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:4/1/5/4}.invoice-remark>p{border:1pt solid var(--border-color);border-radius:var(--border-radius);padding:1mm 2mm}.invoice-remark>p~p{margin-top:1mm}.payment-details{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:3/1/4/4;justify-content:space-between;gap:2mm;display:flex}.payment-details .group{flex-grow:1}.payment-details .group:last-of-type{width:calc(var(--info-width) * 2 + var(--layout-gap) * 1);flex-grow:0}.payment-details .list{border:1pt solid var(--border-light-color);display:flex}.payment-details .list~.list{border-top-width:0}.payment-details .topic{background-color:var(--gray-color);border-right:1pt solid var(--border-light-color);white-space:nowrap;width:50%;padding:.75mm 2mm;font-size:1.05em;font-weight:600;display:inline-block}.payment-details .value{text-align:right;white-space:nowrap;width:50%;padding:.75mm 2mm;font-size:1.05em;font-weight:600;display:inline-block}.payment-details .group:first-of-type{--first-topic-width:40%}.payment-details .group:first-of-type .list .topic{width:var(--first-topic-width)}.payment-details .group:first-of-type .list .value{width:calc(100% - var(--first-topic-width))}.payment-details .group-horizontal:first-of-type .topic{background-color:#0000}.payment-details .group-horizontal:first-of-type .list{--first-column-width:75%;border-bottom-color:#0000}.payment-details .group-horizontal:first-of-type .list>:first-of-type{width:var(--first-column-width)}.payment-details .group-horizontal:first-of-type .list>:last-of-type{width:calc(100% - var(--first-column-width))}.payment-details .group-horizontal:first-of-type .list-heading{border:1pt solid var(--border-light-color)}.payment-details .group-horizontal:first-of-type .list-heading>*{background-color:var(--gray-color)}.payment-details .group-horizontal:first-of-type .list-blank>*{color:#0000}.company-payin{align-self:center;gap:3mm}.company-payin .logo{width:20mm}.company-payin .info{width:auto}.company-payin .name,.company-payin .footnote{font-size:1.1em}.payin-info{background-color:var(--brand-color);border-radius:var(--border-radius);color:var(--dark-color);font-size:var(--paper-font-size);grid-area:1/3/2/4;justify-content:center;align-items:center;height:100%;display:flex}.payin-info>.title{color:#fff;font-size:1.5em;line-height:1}.bank-info{background-color:var(--gray-color);border-radius:var(--border-radius);color:var(--dark-color);font-size:var(--paper-font-size);grid-area:1/2/2/3;padding:2mm}.bank-item{align-items:center;gap:2mm;display:flex}.bank-item .code{white-space:nowrap}.payment-amount{color:var(--dark-color);font-size:var(--paper-font-size);text-align:center;grid-area:2/3/3/4;height:100%;display:inline-flex}.payment-amount>.list{border:1pt solid var(--border-light-color);flex-direction:column;justify-content:center;width:100%;display:flex}.payment-amount .topic{background-color:var(--gray-color);border-bottom:1pt solid var(--border-light-color);padding:1.25mm;font-size:1.3em;font-weight:600}.payment-amount .value{margin:auto;font-size:1.9em;font-weight:800}.payment-amount .value>span{text-wrap:balance;font-size:.55em;font-weight:400;display:block}.payment-channel{color:var(--dark-color);font-size:var(--paper-font-size);border:1pt solid var(--border-light-color);grid-area:2/1/3/3}.payment-channel>.details{justify-content:space-between;align-items:flex-end;display:flex}.payment-channel>.details figcaption{background-color:var(--border-light-color);border-radius:var(--border-radius);margin-top:1mm;padding:.5mm}.payment-channel .qr{border-right:1pt solid var(--border-light-color);text-align:center;width:calc(var(--channel-width) + var(--layout-gap) / 1);padding:2mm}.payment-channel .qr img{object-fit:fill;max-width:15mm;margin-inline:auto}.payment-channel .barcode{text-align:center;flex-grow:1;padding:2mm}.payment-channel .barcode img{object-fit:fill;max-width:70mm;margin-inline:auto}.payin-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:3/1/4/4}.payin-remark>p{border:1pt solid var(--border-color);border-radius:var(--border-radius);padding:1mm 2mm}.payin-remark .group{background-color:var(--highlight-color);margin-bottom:1mm;padding:2mm;display:flex}.payin-remark .group>h3{letter-spacing:.25pt;text-align:center;align-self:center;width:60mm;font-size:1.6em;line-height:1.3}.payin-remark .group>h3 span{font-size:1.4em;font-weight:700;display:block}.payin-remark .group>ol{align-self:center;margin-left:8mm;font-size:1em;list-style-type:decimal}.payin-remark .group li{white-space:nowrap;position:relative}.payin-remark .group li~li{margin-top:.75mm}.payin-remark .group li span{text-decoration:underline}.payin-remark .group li:before{content:"";border-color:#0000;border-left:5pt solid var(--base-color);opacity:.7;border-width:3pt 0 3pt 6pt;display:block;position:absolute;top:.5mm;left:-6mm}.company-receipt{grid-area:1/1/2/3}.receipt-info{color:var(--dark-color);font-size:var(--paper-font-size);text-align:center;grid-area:1/3/3/4}.receipt-info>.title{background-color:var(--brand-color);border-radius:var(--border-radius);color:#fff;margin-bottom:3mm;padding-block:2.4mm;font-size:1.5em;line-height:1.3}.receipt-info>.number{white-space:nowrap;font-size:1.2em;line-height:1}.layout-receipt .customer{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:2/1/3/3;align-self:center}.layout-receipt .customer>.name{font-size:1.3em;line-height:1.8}.layout-receipt .customer>.name span{margin-left:2mm}.layout-receipt .customer>.address{font-size:1.2em}.receipt-details{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:3/1/4/4}.receipt-details .group{flex-direction:column;justify-content:space-between;display:flex}.receipt-details .item{display:flex}.receipt-details .item>*{flex-grow:1;width:20%;padding:.7mm 2mm}.receipt-details .item>.transaction-date,.receipt-details .item>.due-date,.receipt-details .item>.receipt-number{text-align:center}.receipt-details .item>.description{width:40%}.receipt-details .item>.vat,.receipt-details .item>.amount,.receipt-details .item>.total-amount{text-align:right}.receipt-details .item-header{background-color:var(--gray-color);border:1pt solid var(--border-light-color);text-align:center;border-right-width:0;margin-bottom:.7mm;font-size:1.1em;font-weight:600}.receipt-details .item-header>*{border-right:1pt solid var(--border-light-color);padding:.85mm 2mm}.receipt-details .item-header>.amount,.receipt-details .item-header .vat,.receipt-details .item-header .total-amount{text-align:center}.receipt-details .item-footer{background-color:var(--gray-color);border:1pt solid var(--border-light-color);text-align:center;border-right-width:0;margin-block:.7mm 0;font-size:1.1em;font-weight:600}.receipt-details .item-footer>*{color:var(--gray-color);border-right-width:0;padding:.65mm 2mm}.receipt-details .item-footer>.description{color:inherit}.receipt-details .item-footer>.total-amount{border-right:1pt solid var(--border-light-color);color:inherit;text-align:right;flex-grow:0}.receipt-details .item-footer>.total-amount-text{color:inherit}.receipt-details.-vat .item>*{width:10%}.receipt-details.-vat .item>.description{width:25%}.receipt-details.-vat .item>.vat{width:14%}.receipt-details.-vat .item>.total-amount{width:12%}.receipt-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:4/1/5/4}.receipt-remark>p{border:1pt solid var(--border-color);border-radius:var(--border-radius);padding:1mm 2mm}.receipt-remark>p~p{margin-top:1mm}.receipt-remark .highlight{background-color:var(--highlight-color);border-width:0;padding:2mm;font-size:1.1em}.receipt-remark .group{gap:1mm;margin-bottom:1mm;display:flex}.receipt-remark .group>p{border:1pt solid var(--border-color);border-radius:var(--border-radius);width:50%;padding:1mm 2mm}.company-taxinvoice{grid-area:1/1/2/3}.taxinvoice-info{color:var(--dark-color);font-size:var(--paper-font-size);text-align:center;grid-area:1/3/3/4}.taxinvoice-info>.title{background-color:var(--brand-color);border-radius:var(--border-radius);color:#fff;margin-bottom:3mm;padding-block:2.4mm;font-size:1.5em;line-height:1.3}.taxinvoice-info>.number{white-space:nowrap;font-size:1.2em;line-height:1}.layout-taxinvoice .customer{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:2/1/3/3;align-self:center}.layout-taxinvoice .customer>.name{font-size:1.3em;line-height:1.8}.layout-taxinvoice .customer>.name span{margin-left:2mm}.layout-taxinvoice .customer>.name b{font-size:1em;font-weight:800}.layout-taxinvoice .customer>.address{font-size:1.2em}.taxinvoice-details{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:3/1/4/4}.taxinvoice-details .group{flex-direction:column;justify-content:space-between;display:flex}.taxinvoice-details .item{display:flex}.taxinvoice-details .item>*{flex-grow:1;width:10%;padding:.7mm 2mm}.taxinvoice-details .item>.due-date{text-align:center;width:12%}.taxinvoice-details .item>.description{width:35%}.taxinvoice-details .item>.vat{text-align:right;width:14%}.taxinvoice-details .item>.amount{text-align:right;width:10%}.taxinvoice-details .item>.total-amount{text-align:right;width:12%}.taxinvoice-details .item-header{background-color:var(--gray-color);border:1pt solid var(--border-light-color);text-align:center;border-right-width:0;margin-bottom:.7mm;font-size:1.1em;font-weight:600}.taxinvoice-details .item-header>*{border-right:1pt solid var(--border-light-color);padding:.85mm 2mm}.taxinvoice-details .item-header>.amount,.taxinvoice-details .item-header .vat,.taxinvoice-details .item-header .total-amount{text-align:center}.taxinvoice-details .item-footer{background-color:var(--gray-color);border:1pt solid var(--border-light-color);text-align:center;border-right-width:0;margin-block:.7mm 0;font-size:1.1em;font-weight:600}.taxinvoice-details .item-footer>*{border-right-width:0;padding:.65mm 2mm}.taxinvoice-details .item-footer>.total-amount{border-right:1pt solid var(--border-light-color);padding-inline:0 1.64722mm}.taxinvoice-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-area:4/1/5/4}.taxinvoice-remark>p{border:1pt solid var(--border-color);border-radius:var(--border-radius);padding:1mm 2mm}.taxinvoice-remark>p~p{margin-top:1mm}.taxinvoice-remark .highlight{background-color:var(--highlight-color);border-width:0;padding:2mm;font-size:1.1em}.ncb-letter .header{margin-bottom:5mm}.ncb-letter .title{font-family:var(--ff-body);text-align:center;margin-bottom:4mm;font-size:.8em;font-weight:600}.ncb-letter .date{font-family:var(--ff-body);padding-left:var(--left-padding,50%);text-align:center;font-size:.7em;font-weight:500}.ncb-letter .to{font-family:var(--ff-body);font-size:.7em;font-weight:500}.ncb-letter .article p{color:var(--dark-color);text-indent:var(--text-indent,10mm);margin-bottom:2mm;font-size:.7em;line-height:2}.ncb-letter .article p>b{font-weight:600}.ncb-letter .signature{font-family:var(--ff-body);padding-left:var(--left-padding,50%);text-align:center;font-size:.7em;font-weight:500}.ncb-report .header{margin-bottom:4mm}.ncb-report .customer{color:var(--dark-color);font-size:var(--paper-font-size);justify-content:space-between;gap:2mm;display:flex}.ncb-report .customer .group{flex:1 0 49%}.ncb-report .customer .group>*{font-family:var(--ff-body);font-size:1.3em;font-weight:600;line-height:1.8}.ncb-report .customer .group>*>span{margin-left:1ch;font-weight:500}.ncb-report .title{border:1pt solid var(--border-color);border-radius:var(--border-radius);font-family:var(--ff-body);text-align:center;margin-bottom:3mm;padding:2mm;font-size:.9em;font-weight:600}.ncb-report .remark{border:1pt solid var(--border-light-color);border-radius:var(--border-radius);gap:4mm;margin-bottom:2mm;padding:1mm 3mm;font-size:.6em;line-height:1.8;display:flex}.ncb-report .remark>b{text-underline-offset:2pt;font-weight:600;text-decoration:underline}.ncb-report .footnote{text-align:center;font-size:.75em}.ncb-details{margin-bottom:4mm}.ncb-details .heading{font-family:var(--ff-body);margin-bottom:2mm;font-size:.7em;font-weight:600}.ncb-details .details{color:var(--dark-color);justify-content:space-between;gap:2mm;display:flex}.ncb-details .details .group{flex:1 0 49%}.ncb-details .details .list{border:1pt solid var(--border-light-color);display:flex}.ncb-details .details .list~.list{border-top-width:0}.ncb-details .details .topic{background-color:var(--gray-color);border-right:1pt solid var(--border-light-color);white-space:nowrap;width:50%;padding:.75mm 2mm;font-size:.6em;font-weight:500;display:inline-block}.ncb-details .details .value{text-align:right;white-space:nowrap;width:50%;padding:.75mm 2mm;font-size:.6em;font-weight:500;display:inline-block}.ncb-details .details-row .group{flex:1 0 100%;gap:1mm;display:flex}.ncb-details .details-row .list{width:34.4828%}.ncb-details .details-row .list~.list{border-top-width:1pt}.ncb-details .details-row .value{text-align:left}.ncb-yearly-details{color:var(--dark-color);font-size:var(--paper-font-size)}.ncb-yearly-details .group{flex-direction:column;justify-content:space-between;display:flex}.ncb-yearly-details .item{align-items:center;display:flex}.ncb-yearly-details .item:not(.item-header){height:17.75px}.ncb-yearly-details .item>*{flex-grow:1;padding:.7mm 2mm}.ncb-yearly-details .item>.monthyear-date{text-align:center;width:10%}.ncb-yearly-details .item>.loan-amount,.ncb-yearly-details .item>.amount-owed{text-align:center;width:16%}.ncb-yearly-details .item>.pastdue-amount{text-align:center;width:15%}.ncb-yearly-details .item>.pastdue-date{text-align:center;width:17%}.ncb-yearly-details .item>.account-status{text-align:center;width:26%;line-height:1.4}.ncb-yearly-details .item>.account-status.long-text{text-wrap:balance;font-size:6px}.ncb-yearly-details .item-header{background-color:var(--gray-color);border:1pt solid var(--border-light-color);text-align:center;border-right-width:0;margin-bottom:.5mm;font-size:1.1em;font-weight:600}.ncb-yearly-details .item-header>*{border-right:1pt solid var(--border-light-color);padding:.75mm 2mm}.ncb-yearly-details .item-header>.pastdue-date,.ncb-yearly-details .item-header>.account-status{line-height:27.5px}.show-paper .page{outline:3px double var(--paper-line-color);box-shadow:var(--shadow-high)}.show-perforation .page:before,.show-perforation .page:after{content:"";width:var(--perforation-width);z-index:2;position:absolute;top:0;bottom:0}.show-perforation .page:before{border-right:1px dashed var(--perforation-line-color);left:0}.show-perforation .page:after{border-left:1px dashed var(--perforation-line-color);right:0}.show-section .section:before{content:"";position:absolute;left:0;right:0}.show-section .section{background-color:var(--section-bg-color)}.show-section .section~.section:before{border-top:1px solid var(--section-line-color);top:0}.show-section .section.-full-width+.section:before{left:calc(var(--perforation-width) * -1);right:calc(var(--perforation-width) * -1)}.show-section.ZX-fold .section-5:before{top:auto;bottom:0}.show-glue .section-2:after,.show-glue .section-3:after,.show-glue .section-4:after,.show-glue .section-5:after{content:"";left:calc(var(--perforation-width) * -1);right:calc(var(--perforation-width) * -1);z-index:-1;position:absolute}.show-glue.Z-fold .section-2:after,.show-glue.Z-fold .section-3:after,.show-glue.Z-fold .section-4:after,.show-glue.Z-fold .section-5:after{background-repeat:no-repeat;height:100%;top:0}.show-glue.Z-fold .section-2:after,.show-glue.Z-fold .section-4:after{background-image:repeating-linear-gradient(0deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(90deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(180deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)));background-size:var(--glue-trickness) 100%, calc(100% - (var(--perforation-width) - var(--glue-trickness))) var(--glue-trickness), var(--glue-trickness) 100%;background-position:calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc(100% - (var(--perforation-width) - var(--glue-trickness)) / 2) 0}.show-glue.Z-fold .section-3:after,.show-glue.Z-fold .section-5:after{background-image:repeating-linear-gradient(0deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(180deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(270deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)));background-size:var(--glue-trickness) 100%, var(--glue-trickness) 100%, calc(100% - (var(--perforation-width) - var(--glue-trickness))) var(--glue-trickness);background-position:calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc(100% - (var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc((var(--perforation-width) - var(--glue-trickness)) / 2) 100%}.show-glue.ZX-fold .section-2:after,.show-glue.ZX-fold .section-3:after,.show-glue.ZX-fold .section-4:after,.show-glue.ZX-fold .section-5:after{background-repeat:no-repeat;height:100%;top:0}.show-glue.ZX-fold .section-5:after{height:var(--first-height);top:auto;bottom:0}.show-glue.ZX-fold .section-2:after{background-image:repeating-linear-gradient(0deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(90deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(180deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)));background-size:var(--glue-trickness) 100%, calc(100% - (var(--perforation-width) - var(--glue-trickness))) var(--glue-trickness), var(--glue-trickness) 100%;background-position:calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc(100% - (var(--perforation-width) - var(--glue-trickness)) / 2) 0}.show-glue.ZX-fold .section-3:after{background-image:repeating-linear-gradient(0deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(180deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(270deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)));background-size:var(--glue-trickness) 100%, var(--glue-trickness) 100%, calc(100% - (var(--perforation-width) - var(--glue-trickness))) var(--glue-trickness);background-position:calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc(100% - (var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc((var(--perforation-width) - var(--glue-trickness)) / 2) 100%}.show-glue.ZX-fold .section-4:after,.show-glue.ZX-fold .section-5:after{--glue-interval:10;background-image:repeating-linear-gradient(0deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width))), repeating-linear-gradient(180deg, var(--glue-bg-color), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval)), transparent calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)), var(--glue-bg-color) calc(var(--paper-width) / var(--glue-interval) + var(--glue-spacing-width)));background-size:var(--glue-trickness) 100%, var(--glue-trickness) 100%;background-position:calc((var(--perforation-width) - var(--glue-trickness)) / 2) 0, calc(100% - (var(--perforation-width) - var(--glue-trickness)) / 2) 0}.show-glue.ZX-fold :where(.section-4,.section-5).-full-bleed-bg:after{left:calc(var(--perforation-width) * 0);right:calc(var(--perforation-width) * 0)}.counter{height:100%;top:0;left:calc((var(--perforation-width) + var(--counter-interval)) * -1);display:none;position:absolute;transform:translate(-100%)}.counter .counter-box{background-color:var(--counter-bg-color);border-radius:var(--counter-border-radius);box-shadow:var(--counter-shadow);color:var(--oricami-color);top:var(--counter-interval);text-align:right;padding:.6rem .75rem .4rem;position:sticky}.counter .counter-unit:before{content:counter(paper) " : "}.counter .counter-page:after{content:"หน้าที่ " counter(page)}.counter .counter-section:after{content:" / ส่วนที่ " counter(section)}.counter .counter-unit{color:var(--oricami-color-dark);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;font-size:.9rem;font-weight:600;display:block}.counter .counter-page,.counter .counter-section{text-transform:capitalize;font-size:.8rem;font-weight:400}.show-counter{counter-reset:paper}.show-counter .paper{counter-reset:page section;counter-increment:paper}.show-counter .page{counter-increment:page}.show-counter .section{counter-increment:section}.show-counter .counter{display:inline-block}.show-counter .-full-bleed-bg :where(.counter),.show-counter .-full-width-bg :where(.counter){left:calc(var(--counter-interval) * -1)}.show-counter.ZX-fold :where(.section-4 .counter,.section-5 .counter){left:auto;right:calc((var(--perforation-width) + var(--counter-interval)) * -1);transform:rotate(180deg)translate(-100%)}.show-counter.ZX-fold :where(.section-4,.section-5).-full-bleed-bg .counter{right:calc((var(--perforation-width) - var(--counter-interval)) * -.75)}.is-preprint{visibility:hidden}.preprint-bg{background-image:none}.preprint-img img{display:none}.postal-type{float:left;margin-left:5mm}.postal-type i.postal{aspect-ratio:936/152;filter:grayscale();background-position:50%;background-repeat:no-repeat;background-size:contain;width:36mm;display:inline-block}.postal-type i.postal.ems{background-image:url(/img/postal/ems.png)}i.bank{vertical-align:middle;vertical-align:-.23em;background-color:gray;background-position:50%;background-repeat:no-repeat;background-size:75%;background-origin:content-box;border-radius:20%;width:14px;height:14px;padding:.1em;display:inline-block;overflow:hidden}i.bank.round{border-radius:50%}i.bank.shadow{box-shadow:0 0 5px gray}i.bank.huge{width:64px;height:64px}h1>i.bank,i.bank.xxxl{width:32px;height:32px}h2>i.bank,i.bank.xxl{width:22px;height:22px}h3>i.bank,i.bank.xl{width:18px;height:18px}h4>i.bank,i.bank.l{width:16px;height:16px}h5>i.bank,i.bank.s{width:12px;height:12px}h6>i.bank,i.bank.xs{width:10px;height:10px}i.bank.bank-bbl{background-color:#1e4598;background-image:url(/img/bank/bbl.svg)}i.bank.bank-kbank{background-color:#138f2d;background-image:url(/img/bank/kbank.svg)}i.bank.bank-rbs{background-color:#032952;background-image:url(/img/bank/rbs.svg)}i.bank.bank-ktb{background-color:#1ba5e1;background-image:url(/img/bank/ktb.svg)}i.bank.bank-jpm{background-color:#321c10;background-image:url(/img/bank/jpm.svg)}i.bank.bank-mufg{background-color:#d61323;background-image:url(/img/bank/mufg.svg)}i.bank.bank-tmb{background-color:#1279be;background-image:url(/img/bank/tmb.svg)}i.bank.bank-scb{background-color:#4e2e7f;background-image:url(/img/bank/scb.svg)}i.bank.bank-citi{background-color:#1583c7;background-image:url(/img/bank/citi.svg)}i.bank.bank-smbc{background-color:#a0d235;background-image:url(/img/bank/smbc.svg)}i.bank.bank-sc{background-color:#0f6ea1;background-image:url(/img/bank/sc.svg)}i.bank.bank-cimb{background-color:#7e2f36;background-image:url(/img/bank/cimb.svg)}i.bank.bank-uob{background-color:#0b3979;background-image:url(/img/bank/uob.svg)}i.bank.bank-bay{background-color:#fec43b;background-image:url(/img/bank/bay.svg)}i.bank.bank-mega{background-color:#815e3b;background-image:url(/img/bank/mega.svg)}i.bank.bank-boa{background-color:#e11e3c;background-image:url(/img/bank/boa.svg)}i.bank.bank-cacib{background-color:#0e765b;background-image:url(/img/bank/cacib.svg)}i.bank.bank-gsb{background-color:#eb198d;background-image:url(/img/bank/gsb.svg)}i.bank.bank-hsbc{background-color:#fd0d1b;background-image:url(/img/bank/hsbc.svg)}i.bank.bank-db{background-color:#0522a5;background-image:url(/img/bank/db.svg)}i.bank.bank-ghb{background-color:#f57d23;background-image:url(/img/bank/ghb.svg)}i.bank.bank-baac{background-color:#4b9b1d;background-image:url(/img/bank/baac.svg)}i.bank.bank-mb{background-color:#150b78;background-image:url(/img/bank/mb.svg)}i.bank.bank-bnp{background-color:#14925e;background-image:url(/img/bank/bnp.svg)}i.bank.bank-tbank{background-color:#fc4f1f;background-image:url(/img/bank/tbank.svg)}i.bank.bank-ibank{background-color:#184615;background-image:url(/img/bank/ibank.svg)}i.bank.bank-tisco{background-color:#12549f;background-image:url(/img/bank/tisco.svg)}i.bank.bank-kk{background-color:#199cc5;background-image:url(/img/bank/kk.svg)}i.bank.bank-icbc{background-color:#c50f1c;background-image:url(/img/bank/icbc.svg)}i.bank.bank-tcrb{background-color:#0a4ab3;background-image:url(/img/bank/tcrb.svg)}i.bank.bank-lhb{background-color:#6d6e71;background-image:url(/img/bank/lhb.svg)}i.bank.bank-ttb{background-color:#ecf0f1;background-image:url(/img/bank/ttb.svg)}i.bank.bank-tmn{background-color:#ecf0f1;background-image:url(/img/bank/tmn.svg)}i.bank.bank-pp{background-color:#00427a;background-image:url(/img/bank/pp.svg)}@page{size:A4 portrait;margin:0}@media print{.page{box-shadow:none;outline:none;margin:0;overflow:hidden}.show-perforation .page:before,.show-perforation .page:after{display:none}.show-perforation.print-perforation .page:before,.show-perforation.print-perforation .page:after{display:inherit}.show-section .section{background-color:#0000}.show-section .section:before{display:none}.show-section.print-section .section:before{display:inherit}.show-glue .section:after{display:none}.show-glue.print-glue .section:after{display:inherit}.counter{display:none}.show-preprint .preprint-bg{background-image:none!important}.show-preprint .preprint-img img{visibility:hidden!important}#printing-options,#options-panel{display:none}}