.t /*內文標題*/
{
  font-size: 1.6em;
  font-weight: bold;
  padding-top: 1.2em;
  padding-bottom: 0.5em;
  font-family: 標楷體;
  color: #754813;
}
.tc /*title*/
{
  font-family: 標楷體;
  font-size: 2em;
  font-weight: bold;
  padding-top: 1.2em;
  text-align: center;
  color: #754813;
}

.st/*內文副標題*/
{
  font-weight: bold; 
  font-size: 1.1em;
  padding-top: 1em;
  padding-bottom: 0.2em;
  color: #5b2315;
}

.etitle
{
  font-family: 標楷體;
  font-weight: bold; 
  font-size: 1.4em;
  padding-top: 1.5em;
  padding-bottom: 0.2em;
  color: #183c36;
}

.ptitle
{
  font-family: 細明體;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.5em;
}

.writer
{
  font-size: 1em;
  font-weight: bold;
  text-align: right;
  color: #b17a46;
}

.symbol
{
  font-family: 標楷體;
  font-size: 1em;
  font-weight: bold; 
  padding-right: 0.3em;
  padding-left: 0.2em;
  color: #2e808c;
}

.symbol2
{
  font-family: 標楷體;
  font-size: 1em;
  font-weight: bold; 
  padding-right: 0.3em;
  padding-left: 0.2em;
  color: #2e2e2e;
}

.point
{
  font-size: 1.1em;
  text-indent: -0.6em;
  line-height: 1.5em;
  margin-left: 1em;
  padding-top: 1em;
  font-weight: bold;
  color: #000000;
}

.pPreface
{
  font-size: 1em;
  text-indent: 2em;
  padding-top: 1em;
  text-align: justify;
  color: #393900;
}

p
{
  font-size: 1em;
  text-indent: 0em;
  line-height: 2em;
  padding-top: 1em;
  text-align: justify;
}

.pm /* 目錄標題 #ff599c #8549ba #962389 */
{
  float: left;
  font-size: 1.1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  font-weight: bold;
  color: #19575a;
}

.pm2 /* 目錄標題 */
{
  float: left;
  font-size: 1.1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  font-weight: bold;
  color: #2e2e2e;
}

.pLetter
{
  font-size: 1em;
  font-weight: bold;
  padding-top: 1em;
  text-align: justify;
  line-height: 1.6em;
  color: #28201e;
}

.pPoetry
{
  font-family: 標楷體;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.1em;
  padding-top: 0.2em;
  padding-left: 1em;
  text-align: justify;
  color: #000000;
}

.pPoint /*標楷粗體重點*/
{
  font-family: 標楷體;
  text-indent: 3em;
  font-size: 1.3em;
  text-align: justify;
  font-weight: bold;
  padding-top: 1em;
  color: ;
}

.pSmall
{
  font-size: 0.7em;
  text-align: right;
  color: #a39767;
}

.pFrom
{
  font-size: 0.9em;
  padding-top: 0em;
  text-align: right;
}

.new
{
  font-size: 1em;
  color: #cc6c28;
}

.PS /* 【注】 */
{
  font-size: 1em;
  margin-left : 1.5em; 
  text-indent : -3.08em;
  text-align: justify;
  line-height: 1.5em;
  padding-top: 2em;
}

.PS2 /* 　注： */
{
  font-size: 1em;
  margin-left : 1.5em; 
  text-indent : -2.1em;
  padding-right: 1em;
  padding-top: 1em;
  text-align: justify;
  color: #69190d;
}

.p-tr /* 黑線框住文字四周 */
{
  font-family: 標楷體;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #183c36;
  background-color: #fffdf7;
  border: 1.6px solid #183c36;
  padding: 10px;
  display: inline-block;
}

.c-o /* 橘色 */
{
  color: #ad4f10;
}

.c-K /* 咖紅色 */
{
  color: #4a2312;
}

.c-tr /* 咖橘色*/
{
  color: #70432d;
}

.c-tao /* 桃紅色 */
{
  color: #690719;
}

.c-p /* 紫色 */
{
  color: #9d55e0;
}

.c-g /* 綠色 */
{
  color: #3d9113;
}

.c-b /* 藍色 */
{
  color: #243261;
}

.c-dg /* 綠色 */
{
  color: #245e07;
}

.c-ddg /* 墨綠色 */
{
  color: #184203;
}

.c-bg /* 藍綠 */
{
  color: #063030;
  font-size: 1em;
}

.c-dgm /* 左側目錄深綠 */
{
  color: #245e07;
  font-size: 1em;
}

.c-km /* 左側目錄淺咖 */
{
  color: #6e6248;
  font-size: 1em;
}

.c-grey /* 灰 */
{
  color: #968c77;
}

.c-ka /* 氣質咖 */
{
  color: #574b40;
}

.c-gg /* 灰綠 */
{
  color: #666b54;
  font-size: 1em;
}
.hr101 /* 線-彩色 */
{
	border: 0;
	height: 3px;
	border-color: #fffecf;
    background-image: linear-gradient(to right, #dcf7e4, #fffecf, #ffd1cf, #fcedf2);
}

.hr121 /* 透明漸變 - color - transparent */
{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.hr2 /* 雙線 */
{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.hrin /* 單線陰影 */
{
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

.hrs /* 内嵌 */
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.hrt /* 陰影-標題 */
{
    border: 0;
    height: 0;
    border-top: 2px solid rgba(97, 85, 69,0.2);
    border-bottom: 1px solid rgba(217, 198, 33,0.3);
}

.hrt2 /* 粗線-標題 */
{
    border: 0;
    height: 0;
    background: #d9c621;
    box-shadow: 0 0 2px 1px #6b5d43;
}

.hr0 /* 虛線 */
{
	border-width: 0.5px;
	height: 0.5px;
	border-style: dashed;
	border-color: #575352;
}

.hrc /* 粗線-淡 */
{
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 2px 1px #baaea0;
}

.pr /* 靠右 */
{
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: right;
}

.pp /* 首行文摘 */
{
  font-size: 1em;
  font-weight: bold;
  padding-top: 0.8em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.8em;
  line-height: 1.5em;　/* 設定文字行距 */
  text-align: justify;
  background-image: linear-gradient(to right, #d6c0ab, #d9cdb4, #ecdfc8);
}

.ppr /* 首行文摘置底 */
{
  font-size: 1em;
  font-weight: bold;
  text-align: right;
  padding-right: 2em;
  padding-bottom: 0.8em;
  background-image: linear-gradient(to right, #d6c0ab, #d9cdb4, #e8deca);
}

.ppy /* 黃綠底 */
{
  font-size: 1em;
  color: #497368;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  line-height: 1.5em;　/* 設定文字行距 */
  text-align: justify;
  background-image: linear-gradient(to right, #f0edc7, #edecd5, #e0ddc3);
}

.ppb /* 藍綠底 #c1e3ce, */
{
  font-size: 1em;
  color: #1f6352;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  line-height: 1.5em;　/* 設定文字行距 */
  text-align: justify;
  background-image: linear-gradient(to right, #aed6d6, #bacbdb);
}

.ppg /* 經文加框 */
{
  font-family: 標楷體;
  font-size: 1.05em;
  color: #914c0a;
  font-weight: bold;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 1.6em;　/* 設定文字行距 */
  text-align: justify;
  background-image: linear-gradient(to right, #e6cfba, #e0cfbf, #e6cfba);
  box-shadow: 0 0 3px 2px #dec8b1;
}

.ppw /* 注解加框 */
{
  font-family: 標楷體;
  font-size: 1.05em;
  color: #6b6904;
  font-weight: bold;
  margin-top: 0.2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 1.6em;　/* 設定文字行距 */
  text-align: justify;
  background-image: linear-gradient(to right, #e8deb0, #e3dcbc, #e8dfb7);
  box-shadow: 0 0 3px 2px #d6ce9a;
}

.ppi /* 醒目亮框 */
{
  font-family: 標楷體;
  font-size: 1.05em;
  color: #6b6904;
  font-weight: bold;
  margin-top: 0.2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 1.6em;　/* 設定文字行距 */
  text-align: justify;
  background-image: linear-gradient(to right, #f5e9a2, #e6ddac);
  box-shadow: 0 0 3px 2px #faf5cf;
}

img
{
  max-width: 35%;
  max-height: 35%;
  padding-left: 1em;
  padding-bottom: 0.8em;
}

.img15
{
  max-width: 15%;
  max-height: 15%;
  float: right;
}

.img20r /*浮右*/
{
  max-width: 20%;
  max-height: 20%;
  float: right;
}

.img20l /*浮左*/
{
  max-width: 20%;
  max-height: 20%;
  padding-left: 0em;
  padding-right: 1em;
  float: left;
}

.img25
{
  max-width: 25%;
  max-height: 25%;
  float: right;
}

.img30
{
  max-width: 30%;
  max-height: 30%;
  float: right;
}

.img40
{
  max-width: 40%;
  max-height: 40%;
  float: right;
}

.img70
{
  max-width: 70%;
  max-height: 70%;
  padding-top:0.5em;
  padding-bottom: 0.5em;
  float: right;
}

.img80r
{
  max-width: 80%;
  max-height: 80%;
  padding-top:0.5em;
  padding-bottom: 0.5em;
  float: right;
}

.img80l
{
  max-width: 80%;
  max-height: 80%;
  float: left;
}

.img100
{
  max-width: 100%;
  max-height: 100%;
  padding-top: 1em;
  padding-left: 0em;
}

.imgEi
{
  max-width: 35%;
  max-height: 35%;
  padding-top: 0em;
}

.imgQA
{
  max-width: 50%;
  max-height: 50%;
  text-align: center
}

.imgText
{
  max-width: 1em;
  max-height: 1em;
  padding: 0em;
  line-height: 1.5em;
}

a
{
  color: #316a70;
}

.GoBackHead
{
  font-weight: bold;
  padding-left: 2em;
}

.GoBackCenter
{
  text-align: Center;
  font-weight: bold;
  padding-right: 2em;
}

.GoBack
{
  text-align: right;
  font-weight: bold;
  padding-right: 2em;
}

body
{
  background-color: #f5edd9;
  padding-top: 0em;
  background-repeat: no-repeat, no-repeat;
  background-position: center top;
}

#divContent
{
  padding: 10px;/*
  align-content: start;
  justify-items: center;*/
}

.toggle
{
  font-weight: bold;
  cursor: pointer;
  color: #525528;
  background-color: #ffffff;
}

.section
{
  margin-top: 5px;
  margin-bottom: 5px;
}

.content
{
  display: block;
  padding-left: 10px;
  border-left: 0px solid #ccc;
}

button
{
  margin: 1.3em;
  padding: 0.6em;
  font-size: 0.5em;
  color: #035049;
}

.table-container 
{
  /*max-height: 650px;
  overflow-y: auto;  允許垂直滾動 */
}

table 
{
  width: 100%;
  border-collapse: collapse;
}

th, td
{
  border: 1px solid #c39d9d;
  padding: 8px;
  vertical-align: top;
  line-height: 1.8em;
  white-space: pre-wrap;
  text-indent: 0em;
}

th 
{
  background-color: #fdfbf4;
  position: sticky;
  top: 0em; /* 固定在表格容器的頂部 */
  z-index: 2; /* 確保在其他欄位上方 */
}

th:nth-child(1), td:nth-child(1) 
{
  width: %;
}

th:nth-child(2), td:nth-child(2) 
{
  width: %;
}
th:nth-child(3), td:nth-child(3) 
{
  width: %;
}
th:nth-child(4), td:nth-child(4) 
{
  width: %;
}
th:nth-child(5), td:nth-child(5) 
{
  width: %;
}
th:nth-child(6), td:nth-child(6) 
{
  width: %;
}
th:nth-child(7), td:nth-child(7) 
{
  width: %;
}
th:nth-child(8), td:nth-child(8) 
{
  width: %;
}