/*頁面設定*/
@page {
    size: A4 portrait;
    margin: 0;
    orphans: 4;
    widows: 2;
}

@page a3 {
    size: a3 portrait;
    margin: 0;
}

@page a3l {
    size: a3 landscape;
    margin: 0;
}

@page a4 {
    size: a4 portrait;
    margin: 0;
}

@page a4l {
    size: a4 landscape;
    margin: 0;
    margin-top:6mm;
    margin-left:6mm;
}

@page a5 {
    size: a5 portrait;
    margin: 0;
}

@page a5l {
    size: a5 landscape;
    margin: 0;
}

@page tablet-l {
    size: 274mm 392mm;
    margin: 0;
}

@page tablet-m {
    size: 214mm 305mm;
    margin: 0;
}

@page tablet-s {
    size: 197mm 215mm;
    margin: 0;
}

body {
    --page-w: 210mm;
    --page-h: 297mm;
    --font-max: 22pt;
    --bg-padding: 0;
    font-family: 標楷體;
    font-size: 32pt;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block-start: .5em;
    margin-block-end: .5em;
}

.page {
    margin: 0 auto;
    width: var(--page-w);
    height: var(--page-h);
    position: relative;
    page-break-inside: avoid;

    outline: .25pt solid #0CC;
}

.content {
    position: relative;
    margin: 0 auto;
    width: var(--page-w);
    height: var(--page-h);
    /* outline: 0.25pt solid #000; */
}

.border {
    /* outline: 0.25pt solid #000; */
}

.text {}

pre {
    font-family: 標楷體;
}

/*自動字型*/
.text-block {
    /* border: .25pt solid #000; */
    /* margin: 5mm; */

    font-family: 標楷體;
    text-align: start;
    vertical-align: middle;

    /* --divw: 120mm;  */
    /* --divh: 50mm; */
    --line_len: 10;
    --lines: 1;
    --fs_w: var(--divw)/var(--line_len);
    --fs_h: var(--divh)/var(--lines);
    --fs: min(var(--fs_w), var(--fs_h), var(--font-max));

    width: var(--divw);
    height: var(--divh);

    font-size: var(--fs);
    line-height: calc(var(--fs_h) * 1.0);

    outline: 0.25pt solid #F00; 
}

.text-block.vertical {
    --fs_r: 0.97;
    --fs_w: var(--fs_r)*var(--divw)/var(--lines);
    --fs_h: var(--fs_r)*var(--divh)/var(--line_len);
    --fs: min(var(--fs_w), var(--fs_h), var(--font-max));
    line-height: calc(var(--fs_w) * 1.0);
}

.text-block.fit-text.add-space {
    letter-spacing: 0.5em;
}
.text-block.fit-text.mid_text.add-space {
    padding-top: 0.5em;
}
.text-block.fit-text.mid_text.add-space.add-space-3 {
    letter-spacing: 1.5em;
    padding-top: 1.5em;
}
body.tblt-m .left_text {
    --font-max: 30pt;
}
body.tblt-m .top_text_2 {
    right: 8mm;
}
.vertical {
    writing-mode: vertical-rl;
    /*text-orientation: upright;*/
    text-orientation: mixed;
}

.text-start {
    text-align: start;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: end;
}

.bg {
    position: relative;
    margin: 0 auto;
    padding: var(--bg-padding);
}

.bg > svg,
.bg > img {
    display: block;
}

.bg img {
    width: 100%;
    height: calc(var(--page-h) - var(--bg-padding) * 2);
    max-height: var(--page-h);
    /*outline: 0.25pt solid #000;*/
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.text-center {
    text-align: center;
}

.text-start {
    text-align: left;
}

.text-end {
    text-align: right;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.m-0 {
    margin: 0;
}

.my-0 {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.mx-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.mt-0 {
    margin-block-start: 0 !important;
}

.mb-0 {
    margin-block-end: 0 !important;
}

.ms-0 {
    margin-inline-start: 0 !important;
}

.me-0 {
    margin-inline-end: 0 !important;
}

.my-1 {
    margin-block-start: .25em !important;
    margin-block-end: .25em !important;
}

.mx-1 {
    margin-inline-start: .25em !important;
    margin-inline-end: .25em !important;
}

.mt-1 {
    margin-block-start: .25em !important;
}

.mb-1 {
    margin-block-end: .25em !important;
}

.ms-1 {
    margin-inline-start: .25em !important;
}

.me-1 {
    margin-inline-end: .25em !important;
}

.mid_text {
    --divw: 50mm;
    /* --divh: 220mm; */
    --divh: 200mm;
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}

.mid_text_2 {
    --divw: 50mm;
    --divh: 50mm;
    position: absolute;
    left: 50%;
    bottom: 18%;
    transform: translate(-50%, 0);
}

.right_text {
    --divw: 10mm;
    --divh: 260mm;
    position: absolute;
    right: 8mm;
    top: 80mm;
}

.left_text {
    --divw: 20mm;
    --divh: 160mm;
    position: absolute;
    left: 0mm;
    top: 180mm;
}

.txt_up,
.txt_down {
    position: absolute;
    left: 5mm;

    outline: .25pt solid #090;
}

.txt_up {
    top: 155mm;
}

.txt_down {
    bottom: 30mm;
}

.top_text_1,
.top_text_2,
.top_text_3 {
    position: absolute;
}

.top_text_1 {
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 20pt;
}

.top_text_2,
.top_text_3 {
    top: 2mm;
    top: 7mm;
    width: 60%;
    font-size: 0.7em;
}

.top_text_2 {
    text-align: right;
    right: 2mm;
}

.top_text_3 {
    text-align: left;
    left: 2mm;
}

.top_text_3 {
    display: none;
}

/*舊式紙張*/
body.tablet-l {
    --page-w: 274mm;
    --page-h: 392mm;
    page: tablet-l;
    font-size: 22pt;
}

body.tablet-m {
    --page-w: 214mm;
    --page-h: 305mm;
    page: tablet-m;
    font-size: 22pt;
}

body.tablet-s {
    --page-w: 197mm;
    --page-h: 215mm;
    page: tablet-s;
    font-size: 18pt;
}

/*大牌位相關*/
body.tablet-l .content {
    width: 124mm;
}

/*中牌位相關*/
body.tablet-m .content {
    width: 92mm;
}

body.tablet-m .mid_text {
    --divw: 45mm;
    --divh: 180mm;
}

body.tablet-m .mid_text_2 {
    --divw: 45mm;
    --divh: 50mm;
    bottom: 17%;
}

body.tablet-m .right_text {
    --divw: 8mm;
    --divh: 200mm;
    right: 6mm;
    top: 64mm;
}

body.tablet-m .left_text {
    --divw: 15mm;
    --divh: 98mm;
    top: 165mm;
}

body.tablet-m .txt_up,
body.tablet-m .txt_down {
    left: 3mm;
}

body.tablet-m .txt_up {
    top: 148mm;
}

body.tablet-m .txt_down {
    bottom: 25mm;
}

body.tablet-m .top_text_1 {
    font-size: 16pt;
}

body.tablet-m .top_text_2,
body.tablet-m .top_text_3 {
    top: 9mm;
}

body.tablet-m .top_text_2 {
    right: 1mm;
}

body.tablet-m .top_text_3 {
    left: 1mm;
}

/*小牌位相關*/
body.tablet-s .content {
    width: 65mm;
}

body.tablet-s .mid_text_2 {
    --divw: 32mm;
    --divh: 50mm;
    bottom: 17%;
}

body.tablet-s .mid_text {
    --divw: 32mm;
    --divh: 126mm;
}

body.tablet-s .right_text {
    --divw: 6mm;
    --divh: 120mm;
    right: 5mm;
    top: 45mm;
}

body.tablet-s .left_text {
    --divw: 10mm;
    --divh: 64mm;
    top: 114mm;
}

body.tablet-s .txt_up,
body.tablet-s .txt_down {
    font-size: .8em;
    left: 2mm;
}

body.tablet-s .txt_up {
    top: 102mm;
}

body.tablet-s .txt_down {
    bottom: 25mm;
}

body.tablet-s .top_text_1 {
    font-size: 16pt;
}

body.tablet-s .top_text_2,
body.tablet-s .top_text_3 {
    top: 7mm;
}

body.tablet-s .top_text_2 {
    right: 1mm;
}

body.tablet-s .top_text_3 {
    left: 1mm;
}

/*-----標準紙張------*/
body.tblt-l.a3 {
    page: a3;
    --page-w: 285mm;
    --page-h: 400mm;
    --bg-padding: 4mm;
    --font-max: 66pt;
    font-size: 22pt;
}

body.tblt-l.a3 .page {
    page-break-after: always;
}

body.tblt-l.a3 .content {
    /* --page-w: 124mm; */
    --page-w: 118mm;
}

body.tblt-l.a3 .mid_text_2 {
    --divh: 60mm;
}

body.tblt-l.a3.l2b{

}
body.tblt-l.a3 .top_text_2,
body.tblt-l.a3 .top_text_3 {
    font-size: 0.9em;
}
body.tblt-l.a3.l2b .mid_text {
    --divw: 30mm;
    --divh: 60mm;
    top: 40%;
}
body.tblt-l.a3 .left_text {
    --font-max: 36pt;
}

body.tblt-l.a3.l2b .mid_text_2 {
    --divh: 180mm;
}
body.tblt-l.a3.l2b .mid_text_3 {
    --divw: 20mm;
    --divh: 120mm;
    position: absolute;
    top: 40%;
    left: 30%;
}
body.tblt-l.a3.l2b .mid_text_4 {
    --divw: 20mm;
    --divh: 120mm;
    position: absolute;
    top: 40%;
    right: 30%;
}
body.tblt-l .txt_up,
body.tblt-l .txt_down
{
    left: 8.0mm;
    left: 8.5mm;
}
body.tblt-l .txt_up {
    top: 180mm;
}
body.tblt-l .txt_down {
    bottom: 65mm;
}
body.tblt-l .left_text {
    --divh: 120mm;
    top: 200mm;
    left: 2mm;
}

body.tblt-m {
    page: a4;
    --page-w: 200mm;
    --page-h: 285mm;
    --bg-padding: 0;
    --font-max: 44pt;
    font-size: 22pt;
}

body.tblt-m .mid_text {
    --divw: 45mm;
    --divh: 160mm;
}

body.tblt-m .mid_text_2 {
    --divw: 45mm;
    --divh: 60mm;
}

body.tblt-m .right_text {
    --divw: 10mm;
    --divh: 160mm;
}

body.tblt-m .left_text {
    --divw: 20mm;
    --divh: 95mm;
    left: 0mm;
    top: 144mm;
}

body.tblt-m .txt_up {
    top: 125mm;
    left: 6mm;
}
body.tblt-m .txt_down {
    left: 6mm;
}

body.tblt-m.a4 {
    page: a4;
}

body.tblt-m.a4 .page {
    --page-w: 100mm;
    --page-h: 285mm;
    page-break-after: always;
}

body.tblt-m.a4-mrg {
    page: a4;
}

body.tblt-m.a4-mrg .page {
    --page-w: 95mm;
    margin-left:5mm;
    float: left;
}

body.tblt-m.a3-mrg {
    page: a3l;
}

body.tblt-m.a3-mrg .page {
    --page-w: 100mm;
    float: left;
    /*[標準M3B]個人大牌-佛力超薦-往生蓮位-A3(横, 合併)*/
    margin:0 1.0mm;/* 上下 左右 */
    margin:0 1.5mm;
    margin:0 2.0mm;
    /* margin:0 2.5mm; */
    /* margin:0 3.0mm; */    
}

body.tblt-s {
    --bg-padding: 0;
    --font-max: 32pt;
    font-size: 22pt;
}

body.tblt-s .page {
    --page-w: 70mm;
    page-break-after: always;
}
body.tblt-s .top_text_2, 
body.tblt-s .top_text_3 {
    font-size: 11pt;
}
.tblt-s .left_text{
    --divw: 9mm;
    --divh: 50mm;
    left: 2mm;
    top: 102mm;
    top: 105mm;
    top: 107mm;
    /* top: 110mm; */
}

body.tblt-s .mid_text {
    --divw: 30mm;
    --divh: 114mm;
    top: 55%;
}

body.tblt-s .mid_text_2 {
    --divw: 30mm;
    --divh: 60mm;
}

body.tblt-s .right_text {
    --divw: 12mm;
    --divh: 120mm;
    right: 0mm;
    top: 60mm;
}


body.tblt-s .left_text.text-block.vertical {
    --font-max: 18pt;
    --fs: calc(min(var(--fs_w), var(--fs_h), var(--font-max))* 1.4);
}

body.tblt-s .txt_up {
    top: 87mm;
    left: 2mm;
}

body.tblt-s .txt_down {
    bottom: 25mm;
    left: 2mm;
}

body.tblt-s.a5 {
    page: a5;
    --page-w: 138mm;
    --page-h: 200mm;
}

body.tblt-s.a4l-mrg {
    page: a4l;
    --page-w: 200mm;
    --page-h: 285mm;
}

body.tblt-s.a4l-mrg .page {
    padding: 0 2.5mm;
    --page-w: 65mm;
    --page-h: 200mm;
    page-break-after: auto;
    float: left;
}

body.tblt-xs.a3-mrg,
body.tblt-s.a3-mrg {
    page: a3;
    --page-w: 285mm;
    --page-h: 410mm;
}

body.tblt-s.a3-mrg .page {
    padding: 0 2.5mm;
    --page-w: 65mm;
    --page-h: 200mm;
    page-break-after: auto;
    float: left;
    /*[標準S3B]個人中牌-佛力超薦-往生蓮位-A3(直, 合併)*/
    margin:0 1.0mm;/* 上下 左右 */
    margin:0 1.5mm;
    margin:0 2.0mm;
    /* margin:0 2.5mm; */
    /* margin:0 3.0mm; */
}

body.tblt-xs {
    --bg-padding: 0;
    --font-max: 18pt;
    font-size: 14pt;
}

body.tblt-xs.a3-mrg .page {
    --page-w: 57mm;
    --page-h: 98mm;
    page-break-after: auto;
    float: left;
}

body.tblt-xs.a4l-mrg {
    page: a4l;
}

body.tblt-xs.a4l-mrg .page {
    --page-w: 57mm;
    --page-h: 98mm;
    page-break-after: auto;
    float: left;
}
body.tblt-xs .top_text_1 {
    font-size: 8pt;
}

body.tblt-xs .mid_text {
    /* --divw: 25mm; */
    --divw: 15mm;
    --divh: 48mm;
    top: 56%;
}

body.tblt-xs .mid_text_2 {
    --divw: 15mm;
    --divh: 20mm;
    bottom: 20%;
}

body.tblt-xs .right_text {
    --divw: 10mm;
    --divh: 60mm;
    right: 2mm;
    top: 25mm;
}

body.tblt-xs .left_text {
    --divw: 10mm;
    --divh: 26mm;
    --font-max: 12pt;
    left: 2mm;
    top: 53mm;
    font-size: calc( var(--fs) * 1.4);
    font-size: calc( var(--fs) * 1.2);
}
body.tblt-xs .top_text_2,
body.tblt-xs .top_text_3{
    font-size: 9pt;
    top: 4mm;
    width: 50%;
}
body.tblt-xs .top_text_2{
    /*[標準X2B]隨喜牌位-佛力超薦-往生蓮位-A3(直)*/
    right: 2mm;
    right: 3.0mm;
    right: 5mm;
}

body.tblt-xs .txt_up {
    /*top: 43mm;*/
    top: 45mm;
    left: 5mm;
    font-size: 10pt;
}

body.tblt-xs .txt_down {
    bottom: 13mm;
    left: 5mm;
    font-size: 10pt;
}

/* 感謝狀 */
body.receipt-v.a5 {
    page: a5;
    --page-w: 148mm;
    --page-h: 209mm;
    width: 148mm;
    height: 209mm;
    margin: 0;
}

body.receipt-v.a4l-mrg {
    page: a4l;
    --page-w: 296mm;
    --page-h: 206mm;
    width: 296mm;
    height: 206mm;
    margin: 0;
}

body.receipt-v.a5 .content,
body.receipt-v.a4l-mrg .content {
    font-size: 16pt;
    width: auto;
    position: relative;
}

body.receipt-v.a5 .content {
    padding: 5mm 5mm;
    height: 197mm;
}

body.receipt-v.a4l-mrg .content {
    padding: 8mm 6mm 8mm 5mm;
    height: 175mm;
}

body.receipt-v.a4l-mrg .page > .border {
    float: left;
}

body.receipt-v.a4l-mrg .page > .border:nth-child(odd) {
    margin-right: 10mm;
}

body.receipt-v.a4l-mrg .page > .border:nth-child(even) {
    margin-left: 10mm;
}

body.receipt-v .text {
    font-size: 24pt;
    line-height: 1.4em;
    height: 100%
}

body.receipt-v .title {
    font-size: 38pt;
    font-weight: 700;
    line-height: 1.6em;
}

body.receipt-v .note {
    font-size: 14pt;
}

body.receipt-v .num {
    font-size: 12pt;
    margin-bottom: 2mm;
    position: absolute;
    left: 5mm;
    top: 5mm;
}

body.receipt-v .stamp {
    width: 34mm;
    height: 34mm;
    margin-top: 10mm;
    margin-bottom: 2mm;
}

body.receipt-v .stamp > * {
    width: 100%;
    height: auto;
}

body.receipt-v .info-list {
    margin: 0 1mm;
}

body.receipt-v .info-list pre {
    font-size: 14pt;
    line-height: 1.3em;
}

body.receipt-v .date{
    font-size: .8em;
    line-height: 1em;
    margin-right: 5px;
}

body.receipt-v .border {
    border: 3pt solid #333;
    border-radius: 10mm;
    margin: 8mm;
}

body.receipt-v .w-2em {
    width: 2.8em;
    overflow: hidden;
}

/* 收據 */
body.receipt-h.a5l {
    page: a5l;
    --page-w: 209mm;
    --page-h: 140mm;
    width: 209mm;
    height: 140mm;
    margin: 0;
}

body.receipt-h.a5l .content {
    padding: 3mm 3mm 3mm 19%;
    font-size: 16pt;
    border-top: 1pt dotted #000;
    border-bottom: 1pt dotted #000;
    width: auto;
    height: auto;
}

body.receipt-h.a4 {
    page: a4;
    --page-w: 209mm;
    --page-h: 280mm;
    width: 209mm;
    height: 280mm;
    margin: 0;
}

body.receipt-h.a4 .content {
    padding: 3mm 3mm 3mm 19%;
    font-size: 16pt;
    border-top: 1pt dotted #000;
    border-bottom: 1pt dotted #000;
    width: auto;
    height: auto;
}

body.receipt-h.a4 .page > .border:nth-child(even){
    margin-top: 10mm;
    border-top: 1pt dashed #ccc;
}

body.receipt-h pre {
    font-size: 22pt;
    line-height: 1.2em;
    margin: 0;
}

body.receipt-h .head {
    padding: 0 3mm 2mm;
    position: relative;
    margin-top: 4mm;
}

body.receipt-h .head > .info {
    width: 82%;
    font-size: 20px;
}

body.receipt-h .stamp {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    opacity: .7;
}

body.receipt-h .stamp > * {
    max-height: 100%;
}

body.receipt-h .logo {
    width: 14%;
    padding: 2mm 1% 2mm 3%;
}

body.receipt-h .logo > * {
    width: 100%;
    height: auto;
    max-width: 100%;
}

body.receipt-h .foot {
    padding: 2mm 3mm 0;
}

body.receipt-h .foot > div {
    display: inline-block;
    width: 32.5%;
}

body.receipt-h .note {
    font-size: 12pt;
    margin-top: 3mm;
}

/* 疏文 */
body.prayer-h {
    page: a3l;
    font-size: 20pt;
    padding: 10mm;
    --page-w: 420mm;
    --page-h: 290mm;
    /*
            width: 420mm;
            height: 290mm;
            */
}

body.prayer-h h1 {
    font-size: 60pt;
}

body.prayer-h pre {
    font-size: 21pt;
    line-height: 1.2em;
    letter-spacing: .25em;
}
/*[標準X1A]隨喜牌位-佛光注照-長生祿位-A4(橫)	*/
* {
    outline:0 none !important;
}