/* Notes Content */
.content-page {
  flex-grow: 1;
  margin-top        : 5.5rem;
  margin-left: 16.5rem;
  margin-right: .5rem;
  }
.Chapter {
  /* basic setting */
  display           : block;
  overflow          : visible;
  line-height       : 1.5rem;
  /*margin-top        : .5rem;*/
  /* Page format */
  min-width         : 40rem;
  max-width         : 40rem;
  height            : auto;
  /* background & border */
  /*background-color  : rgba(240, 239, 225, 0.9);*/
  background-color: rgba(248, 247, 234, 0.75);
  border            : 1px solid gray;
  border-radius     : 8px;
  padding           : .5rem;
  scroll-margin-top : .5rem;}
.sticky-Chapterbar {
  /*margin-top : .75rem;*/
  margin-top : .5rem;
  margin-left: 16.6rem;
  margin-right: .5rem;
  /*padding           : .25rem;*/
  }

.Chapter:not(:first-child) {
  margin-top: .5rem;
  }
.Chapter_Header {display : block; overflow : hidden;}
.Chapter_Header {
  padding-left: .5rem;
  padding-top: 1rem;
  font-family: "Bakpia Sabang";
  font-size: 30px;
  /*font-family: "LiSong Pro";*/
  /*font-size: 30px;*/
  /*letter-spacing: -0.1rem;*/
  /*font-weight: 550*/
  }
/* Chapter Content */
/* ----------Chapter-Title---------- */
.Section {}

p.Section-Title::before{
  content: "#";
  padding-right: .75rem;
  padding-left: .25rem;
  font-family: "White Colors";
  font-size: 125%}
p.Section-Title {
  text-transform: capitalize;
  border-bottom: 1px solid black;
  min-height: 1.5rem}
p.Section-Title span.english {
  font-family: SignPainter;
  font-size: 35px;
  }
p.Section-Title span.chinese {
  font-family: 隨峰體;
  font-weight: 100;
  letter-spacing: -.1rem;
  font-size: 25px}
/* ----------Chapter-Title---------- */
/* ----------Sub-Title---------- */
.Sub-Section {}
p.Sub-Section-Title::before{
  content: "";
  font-family: "White Colors";
  font-size: 125%;}
p.Sub-Section-Title {
  /*padding-top: 1rem;*/
  /*border-top: 2px dotted black;*/
  text-transform: capitalize;
  /*display: inline-block;*/
  display: block;
  /*font-family: "The Peak Font 隨峰體 Beta";*/
  font-size: 22.5px;
  /*font-weight: bold;*/
  padding-right: .5rem;
  /*border-bottom: 1.5px solid black;*/
  /*border-top: 1px solid black;*/
  /*border-left: 1px solid black;*/
  /*border-right: 1px solid black;*/
  padding-bottom: .1rem;
  /*background-color: rgb(255,255,0, 0.5);*/
  min-height: 1.5rem}
p.Sub-Section-Title::after{
  content: "";
  font-size: 125%}
.Sub-Section-Title span.english {
  /*font-family: Katherine;*/
  /*letter-spacing: .2rem;*/
  font-family: "隨峰體";
  font-weight: bold;
  font-size: 25px;
  }
.Sub-Section-Title span.chinese {
  font-family: '隨峰體';
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -.1rem;
  /*font-family: White-Colors-Bold;*/
  }
/* ----------Sub-Title---------- */
/* Paragraph (p)*/
.Chapter-Content p {
  max-height: .75rem;
  padding-left: .5rem;}
/* Context (p)*/
p.Context span.english {
  font-family : "隨峰體";
  font-weight: bold;
  font-size: 20px;
  }
p.Context span.chinese {
  font-family: 文強手寫體-等寬;
  /*font-family : "隨峰體";*/
  /*font-weight: bold;*/
  font-size: 25px;
  }
/* Point Form (p)*/
.Chapter-Content p.Point::before {
  content: "•";
  padding-right: .5rem;
  font-size: 100%}
.Chapter-Content p.Point span.english {
  color: rgba(2,69,143);
  font-family : "隨峰體";
  font-weight: bold;
  font-size: 20px}
.Chapter-Content p.Point span.english {
  color: rgba(2,69,143);
  font-family : "隨峰體";
  font-weight: bold;
  font-size: 20px}
.Chapter-Content p.Point span.chinese {
  /*color: rgba(251,190,0);*/
  color: #ffc000;
  font-family : 文強手寫體-等寬;
  font-size   : 30px;
  /*overflow: visible;*/
  background-color: #f7fee7;
  border-radius: 50%;
  /*background-color: #F8F7EA;*/
  /*letter-spacing: -.45rem*/
  }
/* Long Paragraph (p)*/
.Chapter-Content .long-Paragraph {
  display: inline-block;
  font-family: "LiSong Pro";
  font-size:25px;
  padding-top: .25rem;
  padding-bottom: .25rem;
  }
.Chapter-Content .long-Paragraph span.english
{
  
  }
.Chapter-Content .long-Paragraph span.chinese
{
  font-size: 20px;
  font-family: "隨峰體";
  }
.Chapter-Content label {
  /* label tag outlook (外表) */
  border-left   : .5rem solid yellow;
  border-radius : .25rem;
  background: rgba(255, 255, 255, 0.5);
  padding-left  : 1.0rem;
  padding-right  : .5rem;
  position: relative;
  box-sizing: border-box;
  /* inside font outlook*/
  font-family: "Andale Mono";
  }
label span.english {}
label span.chinese {
  font-family: 文強手寫體-等寬;
  font-size: 20px;
  }
label.red {border-left: .5rem solid red}
label.green {border-left: .5rem solid lawngreen}
label.blue {border-left: .5rem solid dodgerblue}
/* Paragraph (p)*/
/* ----------Dual Section Display---------- */
.dual-section {
  display: grid;
  grid-template-columns : auto auto;
  justify-content       : stretch;
  }
.left {
  border-right : 1px solid black;
  padding-left: .5rem;
  padding-right: .5rem;
  flex: 1;
  }
.right {
  border-left : 1px solid black;
  padding-left: .5rem;
  padding-right: .5rem;
  flex: 1;
  }
/*image*/
img {display: block}









/**/
.Chapter-Content .chinese-font-1 {
  font-family: "ChenYuluoyan-Thin";
  font-size:35px;
  font-weight: 550;
  color: red;
  }
.Chapter-Content .chinese-font-2 {
  letter-spacing   : 0px;
  font-family: "ChenYuluoyan";
  font-size: 125%}
.Chapter-Content .chinese-font-3 {
  font-family: 隨峰體;
  }
.Chapter-Content .chinese-font-4 {
  font-family: Bakudai-Regular;}
.Chapter-Content .chinese-font-JetBrains_Mono {
  font-family:"JetBrains Mono";}
.Chapter-Content .chinese-font-JetBrains_Mono_Modifier {
  font-family: Bakudai-Regular;}
.Chapter-Content .chinese-font-LiSong_Pro {
  font-family: "LiSong Pro";}
.Chapter-Content .chinese-font-ChenYuluoyan_Thin {
  font-family: ChenYuluoyan-Thin;}
.Chapter-Content .chinese-font-ChenYuluoyan {
  font-family: "ChenYuluoyan";}
.Chapter-Content .chinese-font-ThePeakFont {
  font-family: "隨峰體";}
.Chapter-Content .chinese-font-Bakudai_Regular {
  font-family: "Bakudai-Regular";}
.Chapter-Content .chinese-font-White_Colors_Bold {
  font-family: "White Colors Bold";
  }
.Chapter-Content .chinese-font-White_Colors {
  font-family: "White Colors";
  }
.Chapter-Content .chinese-font-Katherine{
  font-family: "Katherine";
  }
.Chapter-Content .chinese-font-SignPainter{
  font-family: "SignPainter";
  }
.Chapter-Content .chinese-font-Bakpia_Sabang{
  font-family: "Bakpia Sabang";
  }
.Chapter-Content .chinese-font-jf_liao_monospaced{
  font-family: "文強手寫體-等寬";
  }
.Chapter-Content .chinese-font-jf_liao_proportional{
  font-family: "文強手寫體-不等寬";
  }