p    { font-family:"Bitstream Vera Sans Mono","Courier 10 Pitch","Nimbus Mono L",Monaco,"Courier New",Courier,"OCR A Extended","DejaVu Sans Mono","Lucida Console","DFKai-SB","BiauKai","TW-Kai","CMEXKai","KaiU","\6A19\6977\9AD4","FZKaiT-Extended","AR PL UKai TW","標楷體"; background-color: transparent; }
span { font-family:"Bitstream Vera Sans Mono","Courier 10 Pitch","Nimbus Mono L",Monaco,"Courier New",Courier,"OCR A Extended","DejaVu Sans Mono","Lucida Console","DFKai-SB","BiauKai","TW-Kai","CMEXKai","KaiU","\6A19\6977\9AD4","FZKaiT-Extended","AR PL UKai TW","標楷體"; background-color: transparent; }
A    { font-family:"Bitstream Vera Sans Mono","Courier 10 Pitch","Nimbus Mono L",Monaco,"Courier New",Courier,"OCR A Extended","DejaVu Sans Mono","Lucida Console","DFKai-SB","BiauKai","TW-Kai","CMEXKai","KaiU","\6A19\6977\9AD4","FZKaiT-Extended","AR PL UKai TW","標楷體"; background-color: transparent; }

.HeadLine1   {color: red;   font-size: 24px; font-weight: bold;  }
.HeadLine2   {color: black; font-size: 18px; font-weight: bold;  }
.Author      {color: black; font-size: 16px; font-weight: normal;}
.Description {color: blue;  font-size: 16px; font-weight: normal;}
.TextBody    {color: black; font-size: 16px; font-weight: normal;}
.blacknolink2 {color: red; font-size: 14px; text-decoration: none;}
.imagemap    {position: relative;}
.imagemap   a{display: block; position: absolute;}
.arrowleft   { cursor:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAB3RJTUUH5AkEBwA2CYaFDgAAAAlwSFlzAAAYnAAAGJwBGzEl6wAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAA2klEQVR42k2SwQ3EIAwEN8ojz5SQUlJa0smVcpRCCTx5IPZs7JUuQskoggGvAe25yBP2nSfn4TAOjt2h7+ybQ9tsONTNhkPZWRa8B981GSfhyyeuCRcO3AOXQcfTcRs02HgQGhCpcVgah6UxCI1BaAxCQ6TGIDQGoTEIjUFoiNQQqSFSQ6SGSA2RGsI0xv9/iuZUrWrydJmH9pra3d9xnlcnLDpzVRVNdXVVOlT7VBop8qCUWFGGVak25dyV/FAvproTotU4dbCop1Vdbup7100YuhtTt4Vf8vMDW1hFCMbVa3AAAAAASUVORK5CYII='), auto;   }
.arrowright  { cursor:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAB3RJTUUH5AkEBwENoZZdawAAAAlwSFlzAAAYnAAAGJwBGzEl6wAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAA2UlEQVR42lWSyw0DIQxEB3HgSAmUQmlsaZRCCXvcSEkmtmEO2YP1tIKHf3iRH9qHm3yGwxq8u8PsXM3hapw1oPIqAYVXDsicKQ4nLsR18MZwIcYDE8HiGyaCxS9MBI8wETy6CDwi8IjAI4roIvCIwCMCj8jPh8hgiwy2yGCLDLbIYIsMtshgi6IAFzm4KGBmrvT3x88U3aryNJm73hp6XfkkZZiVc1EVVXU1VdpV+1A31J+kjmX1sKirVX1u6nzXLIamo3klTTBrpkVTrpp70yZ07cbQtvja/ACQ6kYJkVzsggAAAABJRU5ErkJggg=='), auto;   }
.row { display: flex; }
.center {flex-grow: 1;border-bottom: 2px dotted black;margin: 0 4px 4px;}



IMG {background-color: transparent; }
A.goldlink:link         {color: gold;  font-size: 16px; text-decoration: none;}
A.goldlink:visited      {color: gold;  font-size: 16px; text-decoration: none;}
A.goldlink:active       {color: gold;  font-size: 16px; text-decoration: none;}
A.goldlink:hover        {color: red;   font-size: 16px; text-decoration: none;}

A.whitelink:link        {color: white; font-size: 18px; text-decoration: none;}
A.whitelink:visited     {color: white; font-size: 18px; text-decoration: none;} 
A.whitelink:active      {color: white; font-size: 18px; text-decoration: none;}
A.whitelink:hover       {color: red;   font-size: 18px; text-decoration: none;}

A.blacklink:link        {color: black; font-size: 18px; text-decoration: none;}
A.blacklink:visited     {color: black; font-size: 18px; text-decoration: none;} 
A.blacklink:active      {color: black; font-size: 18px; text-decoration: none;}
A.blacklink:hover       {color: red;   font-size: 18px; text-decoration: underline;}

A.blacklink2:link       {color: black; font-size: 14px; text-decoration: none;}
A.blacklink2:visited    {color: black; font-size: 14px; text-decoration: none;} 
A.blacklink2:active     {color: black; font-size: 14px; text-decoration: none;}
A.blacklink2:hover      {color: red;   font-size: 14px; text-decoration: underline;}

A.blacklink2u:link       {color: black; font-size: 14px; text-decoration: underline;}
A.blacklink2u:visited    {color: black; font-size: 14px; text-decoration: none;} 
A.blacklink2u:active     {color: black; font-size: 14px; text-decoration: none;}
A.blacklink2u:hover      {color: red;   font-size: 14px; text-decoration: underline;}

A.blacklink3:link       {color: black; font-size: 16px; text-decoration: none;}
A.blacklink3:visited    {color: black; font-size: 16px; text-decoration: none;} 
A.blacklink3:active     {color: black; font-size: 16px; text-decoration: none;}
A.blacklink3:hover      {color: red;   font-size: 16px; text-decoration: underline;}

A.blacklink3u:link      {color: black; font-size: 16px; text-decoration: underline;}
A.blacklink3u:visited   {color: black; font-size: 16px; text-decoration: none;} 
A.blacklink3u:active    {color: black; font-size: 16px; text-decoration: none;}
A.blacklink3u:hover     {color: red;   font-size: 16px; text-decoration: underline;}

A.graylink:link         {color: gray;   font-size: 18px; text-decoration: none;}
A.graylink:visited      {color: gray;   font-size: 18px; text-decoration: none;} 
A.graylink:active       {color: gray;   font-size: 18px; text-decoration: none;}
A.graylink:hover        {color: black;  font-size: 18px; text-decoration: underline;}

A.whitelink2:link       {color: white; font-size: 16px; text-decoration: none;}
A.whitelink2:visited    {color: white; font-size: 16px; text-decoration: none;}
A.whitelink2:active     {color: white; font-size: 16px; text-decoration: none;}
A.whitelink2:hover      {color: red;   font-size: 16px; text-decoration: underline;}

A.whitelink3:link       {color: white; font-size: 18px; text-decoration: none;}
A.whitelink3:visited    {color: white; font-size: 18px; text-decoration: none;}
A.whitelink3:active     {color: white; font-size: 18px; text-decoration: none;}
A.whitelink3:hover      {color: red;   font-size: 18px; text-decoration: underline;}

A.redlink:link          {color: red;   font-size: 18px; text-decoration: none;}
A.redlink:visited       {color: red;   font-size: 18px; text-decoration: none;}
A.redlink:active        {color: red;   font-size: 18px; text-decoration: none;}
A.redlink:hover         {color: red;   font-size: 18px; text-decoration: underline;}

A.bluelink:link         {color: blue;  font-size: 16px; text-decoration: none;}
A.bluelink:visited      {color: blue;  font-size: 16px; text-decoration: none;}
A.bluelink:active       {color: blue;  font-size: 16px; text-decoration: none;}
A.bluelink:hover        {color: black; font-size: 16px; text-decoration: underline;}

A.royolink:link         {color: blue;   font-size: 18px; text-decoration: none;}
A.royolink:visited      {color: purple; font-size: 18px; text-decoration: none;}       
A.royolink:active       {color: blue;   font-size: 18px; text-decoration: none;}       
A.royolink:hover        {color: red;    font-size: 18px; text-decoration: underline;}

A.largelink:link         {color: blue;   font-size: 24px; text-decoration: none;}
A.largelink:visited      {color: purple; font-size: 24px; text-decoration: none;}       
A.largelink:active       {color: blue;   font-size: 24px; text-decoration: none;}       
A.largelink:hover        {color: red;    font-size: 24px; text-decoration: underline;}

tr.character    {border:1px solid ;padding: 5px;background-color: #FFFFC0;}
td.character    {border:1px solid ;padding: 5px;background-color: #FFFFC0;}
table.character {border:2px solid ;border-collapse:collapse;}

td.authort    {border:1px solid ;padding: 5px; white-space:nowrap; text-align: left; vertical-align: top;}
table.authort {border:2px solid ;border-collapse:collapse;width: 100%; }