@charset "UTF-8";
body {
  padding: 20px;
  margin: 0;
  font-family: "DFKai-sb", Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: 600;
  word-break: break-word;
}

.w-100 {
  width: 100%;
}

.h-60px {
  height: 60px;
}

.h-80px {
  height: 80px;
}

.watermark {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
  text-align: center;
  z-index: -1;
}
.watermark img {
  margin-top: 4cm;
  max-width: 600px;
  height: auto;
  opacity: 0.2;
}

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

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

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

.text-vertical {
  writing-mode: vertical-lr;
}

.text-nowrap {
  white-space: nowrap;
}

.text-pre-line {
  white-space: pre-line;
}

.text-red {
  color: red;
}

.text-grey {
  color: #5c5c5c;
}

.bg-brown {
  background-color: #ddd9c3;
}

.bg-green {
  background-color: #cef0a9;
}

.bg-purple {
  background-color: #e1cff5;
}

.bg-lake {
  background-color: #acf5f5;
}

.bg-blue {
  background-color: #ace1f5;
}

.bg-pink {
  background-color: #fac1e4;
}

.bg-amber-200 {
  background-color: #FCE1AE;
}

.table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 3px solid #000;
  word-break: break-word;
}
.table th,
.table td {
  padding: 0.25rem;
  border: 0.5px solid #000;
}
.table td {
  page-break-inside: avoid;
  break-inside: avoid-page;
}

.list-chinese-informal {
  margin: 0 0 0.5cm 1.5cm;
  padding: 0;
  font-size: 1.1em;
  letter-spacing: 0.1rem;
  word-break: break-word;
  list-style: none;
}
.list-chinese-informal .marker {
  margin-left: -1.5cm;
}

.border-top-double-5 {
  border-top: 5px double #000;
}

h1 {
  text-align: center;
  font-size: 18pt;
  margin: 0 0 0.3cm 0;
}

h2 {
  margin: 0;
  padding: 0.5rem 0;
  font-size: 16pt;
}

h3 {
  margin: 0;
  padding: 0.5rem 0;
  font-size: 14pt;
}

p {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0 0 0 2em;
}

.break-before {
  -moz-column-break-before: page;
       break-before: page;
}

.break-after {
  -moz-column-break-after: page;
       break-after: page;
}

/* 螢幕：用位圖圖磚當背景 */
html, body {
  min-height: 100%;
}

body {
  background-image: var(--wm-url);
  background-size: var(--wm-w) var(--wm-h);
  background-repeat: repeat;
  background-position: 0 0;
}

/* 印刷層容器 */
#wm-print {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
}

/* 這張圖就是 A4 高 DPI 的整頁浮水印 */
#wm-print img {
  display: block;
  /* 置中鋪滿頁面（用 mm 尺寸與 PDF 紙張一致，避免再取樣）*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* 列印：關掉背景，只蓋印刷位圖 */
@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: none !important; /* 避免背景與前景疊加變濃 */
  }
  #wm-screen {
    display: none;
  }
  #wm-print {
    display: block;
  }
}/*# sourceMappingURL=QAFE-school-HTML.css.map */