.mesBox > div,
.chapterBox > div,
.chapterBox > ol > li {
  font-size   : 1rem;
  line-height : 1.4rem;
  margin      : 0.5em 0 0;
  padding     : 0 0 0 1rem;
}

.mesBox > h3:before {
  content : "● ";
}

.mesBox > h3 {
  background : #F1E767;
  background : -webkit-gradient(linear, left top, left bottom, from(#FDFBFB), to(#EBEDEE));
  background : -webkit-linear-gradient(top, #FDFBFB 0%, #EBEDEE 100%);
  background : linear-gradient(to bottom, #FDFBFB 0%, #EBEDEE 100%);
  margin     : 1rem 0 0;
  padding    : 0.3rem 0 0.1rem 1rem;
}

.mesBox > .roadmapBox {
  color : slategray;
}

.mesBox ul > li {
  list-style-type : disc;
  margin          : 0 0 0 2rem;
}

.chapterBox,
.termsBox {
  max-width : 40rem;
}

.chapterBox ol > li {
  list-style-type : decimal;
  margin          : 1rem 0 0 2rem;
  padding         : 0;
}

.chapterBox ol li > ul {
  margin : 1rem 0 0 1rem;
}

.termsBox > div,
.termsBox > ol > li > div {
  margin : 1rem 0 0 1rem;
}

.termsBox h3 {
  display : inline;
}

.termsBox li {
  list-style-type     : none;
  list-style-position : inside;
  padding             : 0.4rem 0 0.2rem 1rem;
}

.termsBox > ol {
  counter-reset : num_f;
}

.termsBox > ol > li {
  border-bottom     : 0.01rem dashed slategray;
  counter-increment : num_f;
}

.termsBox > ol > li:before {
  display : marker;
  content : counter(num_f) ". ";
}

.termsBox > ol > li > ol {
  counter-reset : num_s;
}

.termsBox > ol > li > ol > li {
  counter-increment : num_s;
}

.termsBox > ol > li > ol > li:before {
  display : marker;
  content : counter(num_f) "." counter(num_s) ". ";
}

.termsBox > ol > li > ol > li > ol {
  counter-reset : num_t;
}

.termsBox > ol > li > ol > li > ol > li {
  counter-increment : num_t;
}

.termsBox > ol > li > ol > li > ol > li:before {
  display : marker;
  content : counter(num_f) "." counter(num_s) "." counter(num_t) ". ";
}