body {
  margin-top:0;
  margin-left:20pt;   
  margin-right:20pt;
  background-color: powderblue;
}
h1 {
  margin-top:6.0pt;margin-right:0in;margin-bottom:0in;margin-left:0in;text-align:center;line-height:150%;font-size:32px;font-family:KaiTi,FangSong,serif;color:#244061;
}
h2 {
  margin-top:46.0pt;margin-right:0in;margin-bottom:0in;margin-left:0in;text-align:center;line-height:150%;font-size:29px;font-family:KaiTi,FangSong,serif;color:#C00000;
}
h3 {
  margin-top:10.0pt;margin-right:0in;margin-bottom:3.0pt;margin-left:0in;text-align:center;font-size:29px;font-family:KaiTi,FangSong,serif;color:#a11616;   
}
h4 {
  margin-top:0.0pt;margin-right:0in;margin-bottom:6.0pt;margin-left:0in;text-align:center;font-size:28px;font-family:FangSong,serif;   
}
h5 {
  margin-top:0in;margin-bottom:6.0pt;text-align:center;line-height:150%;font-size:32px;font-family:"Times New Roman",serif;   
}
p {
  margin:0in;text-align:justify;text-indent:.42in;line-height:160%;font-size:27px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;  
}
.vsno {   
  font-size:25px;line-height:160%;font-family:"Times New Roman",serif;color:#B05050;
}
.hdjs {
  margin-top:6.0pt;margin-right:0.45in;margin-bottom:0.75in;margin-left:0in;text-align:center;font-size:29px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}
.oline {
  margin:0in;text-align:justify;text-indent:.424in;line-height:140%;font-size:27px;font-family:KaiTi,FangSong,serif;color:#7030A0;font-weight:bold;
}
.innote1 {
  font-size:22px;line-height:145%;
}
.innote2 {
  font-size:22px;line-height:145%;font-family:"Times New Roman",serif; 
}
.note1 {
  font-size:24px;line-height:145%;  
}
.note2 {
  font-size:24px;line-height:145%;font-family:"Times New Roman",serif;  
}
.note3 {
  font-size:20px;font-family:"Times New Roman",serif;color:#C00000;  
}
/*-- for Poem --*/
.dig1 {
  margin:0in;text-align:justify;text-indent:20pt;line-height:160%;font-size:27px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}
.dig2 {
  margin:0in;text-align:justify;text-indent:11.5pt;line-height:160%;font-size:27px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}
.das1 {
  margin-top:9.0pt;margin-right:0in;margin-bottom:0in;margin-left:0in;text-align:justify;text-indent:20pt;line-height:160%;font-size:27px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}
.das2 {
  margin-top:9.0pt;margin-right:0in;margin-bottom:0in;margin-left:0in;text-align:justify;text-indent:11.5pt;line-height:160%;font-size:27px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}

/*-- format table --*/
.p-td {
    margin-top:2.0pt;margin-right:1.0pt;margin-bottom:2.0pt;margin-left:1.0pt;text-align:center;text-indent:0in;line-height:140%;font-size:29px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}
td {
    border-right: 1pt solid windowtext;border-bottom: 1pt solid windowtext;border-left: 1pt solid windowtext;border-image: initial;border-top: 1pt solid windowtext;background: rgb(142, 222, 242);padding: 2pt 2pt; vertical-align: top;
}  

.spoln {
  margin:0in;text-align:justify;text-indent:.45in;font-size:25px;font-family:KaiTi,FangSong,serif;color:#002060;font-weight:bold;
}

.note {
  margin-top:12.0pt;margin-right:0in;margin-bottom:6.0pt;margin-left:0in;text-align:justify;text-indent:.4in;line-height:120%;font-size:27px;font-family:KaiTi,FangSong,serif;color:black;font-weight:bold;
}
.cpno1 {
  font-family:"Times New Roman",serif;
}

/*-- for top nav bar --*/
.topnav {
  overflow: hidden;
  background-color: rgb(22, 144, 103);
}
.topnav a {
  float: right;
  display: block;
  color: white;
  text-align: center;
  padding: 4px 16px;
  text-decoration: none;
  font-size: 24px; 
  font-family:KaiTi,FangSong,serif;
  font-weight:bold;
}
.topnav a:hover {
  background-color: rgb(22, 244, 103);
  color: black;
}
.topnav a.active {
  background-color: #981273;
  color: white;
}
.topnav .icon {
  display: none;   
  width: 68px;
}
@media screen and (max-width: 800px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .topnav.responsive {position: absolute;}   
  .topnav.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  span.five {
    display: none;
  }
}
