@charset "UTF-8";@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{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html{font-size:100%;min-height:100dvh;height:auto;overflow-y:scroll;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{background-color:#e3edeb;color:#404040;font-family:Sarabun,system-ui,sans-serif;font-size:1em;font-weight:400;line-height:1.5;letter-spacing:0}h1,h2,h3,h4,h5,h6{color:#000;font-family:Prompt,system-ui,sans-serif;font-weight:500}:root{--oricami-color-dark: hsl(168, 25%, 31%);--oricami-color: hsl(168, 25%, 55%);--oricami-color-light: hsl(168, 26%, 85%);--oricami-color-lighten: hsl(168, 23%, 91%);--page-margin-block: 5mm;--paper-bg-color: hsl(0, 0%, 100%);--paper-line-color: hsl(0, 0%, 85%);--paper-font-size: 2.2mm;--paper-blank-border: 7mm;--perforation-width: 12mm;--perforation-line-color: hsl(0, 0%, 70%);--section-bg-color: hsla(0, 0%, 0%, 0%);--section-line-color: hsl(0, 0%, 90%);--section-padding: 3mm;--glue-bg-color: hsla(60, 70%, 80%, 40%);--glue-trickness: 7mm;--glue-spacing-width: 10mm;--glue-interval: 6;--counter-interval: 5mm;--counter-bg-color: hsl(0, 0%, 100%, 75%);--counter-border-radius: var(--border-radius);--counter-shadow: var(--shadow-low);--brand-color: hsl(0, 0%, 0%);--border-color: hsl(0, 0%, 50%);--border-light-color: hsl(0, 0%, 75%);--dark-color: hsl(0, 0%, 0%);--base-color: hsl(0, 0%, 30%);--highlight-color: hsl(0, 0%, 75%);--gray-color: hsl(0, 0%, 90%);--ff-heading: "Prompt";--ff-body: "Sarabun";--border-radius: 1.5mm;--px-to-mm: .2645833333mm;--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{margin-inline:auto;width:var(--paper-width)}.paper~.paper{margin-top:20mm}.page{background-color:var(--paper-bg-color);display:grid;margin-block:var(--page-margin-block);position:relative;height:var(--paper-height);width:var(--paper-width)}.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);position:relative;isolation:isolate}.section .wrapper{height:100%;overflow:hidden}.section:is(.-p-0){padding:0}.section:is(.-full-width-bg){background-repeat:no-repeat;background-size:contain;background-position:center;margin-inline:0;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))}.section:is(.-full-bleed-bg){background-repeat:no-repeat;background-size:contain;background-position:center;margin-inline:0;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))}.section:is(.-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):is(.-span-section) .wrapper{height:calc((100% + var(--section-padding)) * 2)}.Z-fold :where(.section):is(.-span-section)+.section .wrapper{height:0;visibility:hidden}.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):is(.-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:is(.-span-section) .wrapper{height:calc(200% + var(--section-padding) * 2)}.ZX-fold .section-2:is(.-span-section)+.section-3 .wrapper{height:0;visibility:hidden}.ZX-fold .section-4:has(+.section-5:is(.-span-section)) .wrapper{height:0;visibility:hidden}.ZX-fold .section-4:has(+.section-5:is(.-span-section))+.section-5:is(.-span-section) .wrapper{height:calc(100% + var(--first-height))}.layout~.layout{margin-top:4mm}.layout~.layout:is(.-no-mt){margin-top:0}.layout~.layout:is(.-mt-1){margin-top:1mm}.layout~.layout:is(.-mt-2){margin-top:2mm}.layout~.layout:is(.-mt-3){margin-top:3mm}.layout~.layout:is(.-mt-4){margin-top:4mm}.layout-image:is(.-img-vertical){display:flex;flex-direction:column;gap:var(--gap, 1mm)}.layout-image:is(.-img-horizontal){display:flex;gap:var(--gap, 1mm)}.layout-address{--postal-width: 35mm;--layout-gap: 5mm;display:grid;align-items:start;grid-template-columns:1fr var(--postal-width);grid-template-rows:auto 1fr;gap:3mm var(--layout-gap)}.layout-invoice{--info-width: 38mm;--layout-gap: 2mm;display:grid;align-items:start;grid-template-columns:1fr var(--info-width) var(--info-width);grid-template-rows:auto;gap:var(--layout-gap)}.layout-payin{--info-width: 38mm;--layout-gap: 2mm;--channel-width: 63mm;display:grid;align-items:start;grid-template-columns:var(--channel-width) auto var(--info-width);grid-template-rows:auto;gap:var(--layout-gap)}.layout-receipt,.layout-taxinvoice{--info-width: 38mm;--layout-gap: 2mm;display:grid;align-items:start;grid-template-columns:1fr var(--info-width) var(--info-width);grid-template-rows:auto;gap:var(--layout-gap)}.layout-card{--card-width: 86mm;--card-height: 55mm;--card-room: 2.5mm;--layout-gap: 2mm;--print-area-height: 42mm;display:grid;align-items:start;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;gap:var(--layout-gap)}.layout-card-back{--card-width: 85mm;--card-height: 55mm;--card-room: 3mm;--layout-gap: 8mm;display:grid;align-items:start;grid-template-columns:var(--card-width) 1fr;grid-template-rows:auto;gap:var(--layout-gap)}.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);position:absolute;inset:var(--position-top, auto) var(--position-right, auto) var(--position-bottom, auto) var(--position-left, auto)}.company{--logo-width: 40mm;--address-gap: 5mm;--info-width: 65mm;color:var(--dark-color);font-size:var(--paper-font-size);display:flex;align-items:center;grid-column:1/2;grid-row:1/2;column-gap:var(--address-gap)}.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-column:2/3;grid-row:1/3}.po-box{border:1.5pt solid var(--border-color);border-radius:var(--border-radius);color:var(--base-color);font-size:1em;margin-bottom:3mm;padding:1.8mm 1mm;text-align:center}.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);padding:1.5mm 2mm;text-align:center;white-space:nowrap}.po-return ol{border-top:1pt solid var(--border-color);border-bottom:1pt solid var(--border-color);list-style-type:decimal;padding:2mm 2mm 2mm 9mm;position:relative}.po-return li{white-space:nowrap;margin-bottom:.75mm}.po-return li:before{content:"";background-color:var(--base-color);border-radius:2pt;display:block;position:absolute;left:2mm;width:3mm;aspect-ratio:1;opacity:.4}.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{font-size:1em;margin-bottom:5mm}.tracking-client{font-size:.8em;height:7mm;max-width:50mm;text-align:center;overflow:hidden}.tracking-client>*{transform:translateY(-7.5mm)}.rest{font-size:var(--paper-font-size);grid-column:2/3;grid-row:3/4}.tracking-agent{font-size:.8em;height:6mm;max-width:33mm;margin-inline:auto;text-align:center;overflow:hidden}.tracking-agent>*{transform:translateY(-10mm)}.client-barcode{font-size:.8em;height:15mm;max-width:var(--barcode-width, 50mm);text-align:center;overflow:hidden}.client-barcode>*{transform:translateY(calc(var(--barcode-height, 7mm) * -1))}.oricami-barcode{font-size:.9em;height:15mm;max-width:var(--barcode-width, 33mm);margin-inline:auto;text-align:center;overflow:hidden}.oricami-barcode>*{transform:translateY(calc(var(--barcode-height, 10mm) * -1))}.company-invoice{grid-column:1/3;grid-row:1/2}.invoice-info{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:3/4;grid-row:1/2;text-align:center}.invoice-info>.title{background-color:var(--brand-color);border-radius:var(--border-radius) var(--border-radius) 0 0;color:#fff;font-size:1.5em;line-height:1;padding-block:2.2mm 1.8mm}.invoice-info>.number{border:2pt solid var(--brand-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);font-size:1.2em;line-height:1;padding-block:2mm}.invoice-date{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:2/4;grid-row:2/3;display:inline-flex;text-align:center}.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);font-size:1.3em;font-weight:600;padding:1mm}.invoice-date .value{font-size:1.5em;font-weight:600;padding:1mm}.layout-invoice .customer{color:var(--dark-color);font-size:var(--paper-font-size);align-self:center;grid-column:1/2;grid-row:2/3}.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-column:1/4;grid-row:3/4;display:flex;justify-content:space-between;gap:2mm}.invoice-details .group{flex-grow:1}.invoice-details .group:last-of-type{flex-grow:0;width:calc(var(--info-width) * 2 + var(--layout-gap) * 1)}.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);display:inline-block;font-size:1.05em;font-weight:600;padding:.75mm 2mm;width:50%;white-space:nowrap}.invoice-details .value{display:inline-block;font-size:1.05em;font-weight:600;padding:.75mm 2mm;text-align:right;width:50%;white-space:nowrap}.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:transparent}.invoice-details .group-horizontal:first-of-type .list{--first-column-width: 75%;border-bottom-color:transparent}.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:transparent}.invoice-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:1/4;grid-row:4/5}.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-column:1/4;grid-row:3/4;display:flex;justify-content:space-between;gap:2mm}.payment-details .group{flex-grow:1}.payment-details .group:last-of-type{flex-grow:0;width:calc(var(--info-width) * 2 + var(--layout-gap) * 1)}.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);display:inline-block;font-size:1.05em;font-weight:600;padding:.75mm 2mm;width:50%;white-space:nowrap}.payment-details .value{display:inline-block;font-size:1.05em;font-weight:600;padding:.75mm 2mm;text-align:right;width:50%;white-space:nowrap}.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:transparent}.payment-details .group-horizontal:first-of-type .list{--first-column-width: 75%;border-bottom-color:transparent}.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:transparent}.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-column:3/4;grid-row:1/2;height:100%;display:flex;justify-content:center;align-items:center}.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-column:2/3;grid-row:1/2;padding:2mm}.bank-item{display:flex;align-items:center;gap:2mm}.bank-item .code{white-space:nowrap}.payment-amount{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:3/4;grid-row:2/3;display:inline-flex;height:100%;text-align:center}.payment-amount>.list{border:1pt solid var(--border-light-color);display:flex;flex-direction:column;justify-content:center;width:100%}.payment-amount .topic{background-color:var(--gray-color);border-bottom:1pt solid var(--border-light-color);font-size:1.3em;font-weight:600;padding:1.25mm}.payment-amount .value{font-size:1.9em;font-weight:800;margin:auto}.payment-amount .value>span{display:block;font-size:.55em;font-weight:400;text-wrap:balance}.payment-channel{color:var(--dark-color);font-size:var(--paper-font-size);border:1pt solid var(--border-light-color);grid-column:1/3;grid-row:2/3}.payment-channel>.details{display:flex;justify-content:space-between;align-items:flex-end}.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);padding:2mm;text-align:center;width:calc(var(--channel-width) + var(--layout-gap) / 1)}.payment-channel .qr img{margin-inline:auto;max-width:15mm;object-fit:fill}.payment-channel .barcode{flex-grow:1;padding:2mm;text-align:center}.payment-channel .barcode img{margin-inline:auto;max-width:70mm;object-fit:fill}.payin-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:1/4;grid-row:3/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);display:flex;margin-bottom:1mm;padding:2mm}.payin-remark .group>h3{align-self:center;font-size:1.6em;letter-spacing:.25pt;line-height:1.3;text-align:center;width:60mm}.payin-remark .group>h3 span{display:block;font-size:1.4em;font-weight:700}.payin-remark .group>ol{list-style-type:decimal;align-self:center;font-size:1em;margin-left:8mm}.payin-remark .group li{position:relative;white-space:nowrap}.payin-remark .group li~li{margin-top:.75mm}.payin-remark .group li span{text-decoration:underline}.payin-remark .group li:before{content:"";border-color:transparent;border-left:5pt solid var(--base-color);border-width:3pt 0 3pt 6pt;display:block;position:absolute;left:-6mm;top:.5mm;opacity:.7}.company-receipt{grid-column:1/3;grid-row:1/2}.receipt-info{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:3/4;grid-row:1/3;text-align:center}.receipt-info>.title{background-color:var(--brand-color);border-radius:var(--border-radius);color:#fff;font-size:1.5em;margin-bottom:3mm;line-height:1.3;padding-block:2.4mm}.receipt-info>.number{font-size:1.2em;line-height:1;white-space:nowrap}.layout-receipt .customer{color:var(--dark-color);font-size:var(--paper-font-size);align-self:center;grid-column:1/3;grid-row:2/3}.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-column:1/4;grid-row:3/4}.receipt-details .group{display:flex;justify-content:space-between;flex-direction:column}.receipt-details .item{display:flex}.receipt-details .item>*{flex-grow:1;padding:.7mm 2mm;width:20%}.receipt-details .item>.transaction-date{text-align:center}.receipt-details .item>.due-date{text-align:center}.receipt-details .item>.receipt-number{text-align:center}.receipt-details .item>.description{width:40%}.receipt-details .item>.vat{text-align:right}.receipt-details .item>.amount{text-align:right}.receipt-details .item>.total-amount{text-align:right}.receipt-details .item-header{background-color:var(--gray-color);border:1pt solid var(--border-light-color);border-right-width:0;font-size:1.1em;font-weight:600;margin-bottom:.7mm;text-align:center}.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);border-right-width:0;font-size:1.1em;font-weight:600;margin-block:.7mm 0;text-align:center}.receipt-details .item-footer>*{border-right-width:0;padding:.65mm 2mm;color:var(--gray-color)}.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:is(.-vat) .item>*{width:10%}.receipt-details:is(.-vat) .item>.description{width:25%}.receipt-details:is(.-vat) .item>.vat{width:14%}.receipt-details:is(.-vat) .item>.total-amount{width:12%}.receipt-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:1/4;grid-row:4/5}.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;font-size:1.1em;padding:2mm}.receipt-remark .group{display:flex;gap:1mm;margin-bottom:1mm}.receipt-remark .group>p{border:1pt solid var(--border-color);border-radius:var(--border-radius);padding:1mm 2mm;width:50%}.company-taxinvoice{grid-column:1/3;grid-row:1/2}.taxinvoice-info{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:3/4;grid-row:1/3;text-align:center}.taxinvoice-info>.title{background-color:var(--brand-color);border-radius:var(--border-radius);color:#fff;font-size:1.5em;margin-bottom:3mm;line-height:1.3;padding-block:2.4mm}.taxinvoice-info>.number{font-size:1.2em;line-height:1;white-space:nowrap}.layout-taxinvoice .customer{color:var(--dark-color);font-size:var(--paper-font-size);align-self:center;grid-column:1/3;grid-row:2/3}.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-column:1/4;grid-row:3/4}.taxinvoice-details .group{display:flex;justify-content:space-between;flex-direction:column}.taxinvoice-details .item{display:flex}.taxinvoice-details .item>*{flex-grow:1;padding:.7mm 2mm;width:10%}.taxinvoice-details .item>.due-date{width:12%;text-align:center}.taxinvoice-details .item>.description{width:35%}.taxinvoice-details .item>.vat{width:14%;text-align:right}.taxinvoice-details .item>.amount{width:10%;text-align:right}.taxinvoice-details .item>.total-amount{width:12%;text-align:right}.taxinvoice-details .item-header{background-color:var(--gray-color);border:1pt solid var(--border-light-color);border-right-width:0;font-size:1.1em;font-weight:600;margin-bottom:.7mm;text-align:center}.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);border-right-width:0;font-size:1.1em;font-weight:600;margin-block:.7mm 0;text-align:center}.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.6472222222mm}.taxinvoice-remark{color:var(--dark-color);font-size:var(--paper-font-size);grid-column:1/4;grid-row:4/5}.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;font-size:1.1em;padding:2mm}.ncb-letter .header{margin-bottom:5mm}.ncb-letter .title{font-family:var(--ff-body);font-size:.8em;font-weight:600;text-align:center;margin-bottom:4mm}.ncb-letter .date{font-family:var(--ff-body);font-size:.7em;font-weight:500;padding-left:var(--left-padding, 50%);text-align:center}.ncb-letter .to{font-family:var(--ff-body);font-size:.7em;font-weight:500}.ncb-letter .article p{color:var(--dark-color);font-size:.7em;line-height:2;text-indent:var(--text-indent, 10mm);margin-bottom:2mm}.ncb-letter .article p>b{font-weight:600}.ncb-letter .signature{font-family:var(--ff-body);font-size:.7em;font-weight:500;padding-left:var(--left-padding, 50%);text-align:center}.ncb-report .header{margin-bottom:4mm}.ncb-report .customer{color:var(--dark-color);font-size:var(--paper-font-size);display:flex;justify-content:space-between;gap:2mm}.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{font-weight:500;margin-left:1ch}.ncb-report .title{border:1pt solid var(--border-color);border-radius:var(--border-radius);padding:2mm;font-family:var(--ff-body);font-size:.9em;font-weight:600;text-align:center;margin-bottom:3mm}.ncb-report .remark{border:1pt solid var(--border-light-color);border-radius:var(--border-radius);padding:1mm 3mm;display:flex;gap:4mm;font-size:.6em;line-height:1.8;margin-bottom:2mm}.ncb-report .remark>b{font-weight:600;text-decoration:underline;text-underline-offset:2pt}.ncb-report .footnote{font-size:.75em;text-align:center}.ncb-details{margin-bottom:4mm}.ncb-details .heading{font-family:var(--ff-body);font-size:.7em;font-weight:600;margin-bottom:2mm}.ncb-details .details{color:var(--dark-color);display:flex;justify-content:space-between;gap:2mm}.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);display:inline-block;font-size:.6em;font-weight:500;padding:.75mm 2mm;width:50%;white-space:nowrap}.ncb-details .details .value{display:inline-block;font-size:.6em;font-weight:500;padding:.75mm 2mm;text-align:right;width:50%;white-space:nowrap}.ncb-details .details-row .group{flex:1 0 100%;display:flex;gap:1mm}.ncb-details .details-row .list{width:34.4827586207%}.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{display:flex;justify-content:space-between;flex-direction:column}.ncb-yearly-details .item{display:flex;align-items:center}.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{text-align:center;width:16%}.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{line-height:1.4;text-align:center;width:26%}.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);border-right-width:0;font-size:1.1em;font-weight:600;margin-bottom:.5mm;text-align:center}.ncb-yearly-details .item-header>*{border-right:1pt solid var(--border-light-color);padding:.75mm 2mm}.ncb-yearly-details .item-header>.pastdue-date{line-height:27.5px}.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:"";position:absolute;top:0;bottom:0;width:var(--perforation-width);z-index:2}.show-perforation .page:before{left:0;border-right:1px dashed var(--perforation-line-color)}.show-perforation .page:after{right:0;border-left:1px dashed var(--perforation-line-color)}.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{top:0;border-top:1px solid var(--section-line-color)}.show-section .section:is(.-full-width)+.section:before{left:calc(var(--perforation-width) * -1);right:calc(var(--perforation-width) * -1)}.show-section:is(.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:"";position:absolute;left:calc(var(--perforation-width) * -1);right:calc(var(--perforation-width) * -1);z-index:-1}.show-glue:is(.Z-fold) .section-2:after,.show-glue:is(.Z-fold) .section-3:after,.show-glue:is(.Z-fold) .section-4:after,.show-glue:is(.Z-fold) .section-5:after{top:0;height:100%;background-repeat:no-repeat}.show-glue:is(.Z-fold) .section-2:after,.show-glue:is(.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:is(.Z-fold) .section-3:after,.show-glue:is(.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:is(.ZX-fold) .section-2:after,.show-glue:is(.ZX-fold) .section-3:after,.show-glue:is(.ZX-fold) .section-4:after,.show-glue:is(.ZX-fold) .section-5:after{top:0;height:100%;background-repeat:no-repeat}.show-glue:is(.ZX-fold) .section-5:after{top:auto;bottom:0;height:var(--first-height)}.show-glue:is(.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:is(.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:is(.ZX-fold) .section-4:after,.show-glue:is(.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:is(.ZX-fold) :where(.section-4,.section-5):is(.-full-bleed-bg):after{left:calc(var(--perforation-width) * 0);right:calc(var(--perforation-width) * 0)}.counter{display:none;height:100%;position:absolute;top:0;left:calc((var(--perforation-width) + var(--counter-interval)) * -1);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);padding:.6rem .75rem .4rem;position:sticky;top:var(--counter-interval);text-align:right}.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);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.counter .counter-page,.counter .counter-section{font-size:.8rem;font-weight:400;text-transform:capitalize}.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:is(.ZX-fold) :where(.section-4 .counter,.section-5 .counter){transform:rotate(180deg) translate(-100%);left:auto;right:calc((var(--perforation-width) + var(--counter-interval)) * -1)}.show-counter:is(.ZX-fold) :where(.section-4,.section-5):is(.-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{margin-left:5mm;float:left}.postal-type i.postal{display:inline-block;width:36mm;aspect-ratio:936/152;background-repeat:no-repeat;background-size:contain;background-position:center;filter:grayscale(1)}.postal-type i.postal.ems{background-image:url(/img/postal/ems.png)}i.bank{display:inline-block;border-radius:20%;background-color:gray;vertical-align:middle;width:14px;height:14px;padding:.1em;background-repeat:no-repeat;background-size:75%;background-position:center;background-origin:content-box;overflow:hidden;vertical-align:-.23em}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-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)}