.taoco {
  margin: 20px 0px;
  border-radius: 5px;
  box-shadow: 4px 4px 11px #e3e1e1;
  padding: 20px;
  width: 80%;
}
.taoco ul,
.taoco ol {
  margin: 0;
  padding: 0;
  font-size: .9em;
  list-style-position: inside;
  list-style-type: none;
}
.taoco h2 {
  margin: 10px;
  background: #f2f2f2;
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px;
}
.taoco ol {
  counter-reset: item;
}
.taoco ol li:before {
  color: #4682B4;
  content: counters(item,".") " ";
  counter-increment: item;
}
#closetoc{font-family: var(--mainFont);}
.taoco a {
  font-family: var(--defaultFont);
  font-size: .9rem;
  display: block;
  padding: 5px;
  margin-left: 9px;
  line-height: 20px;
  text-decoration: none;
  color: #4682B4;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.taoco a:hover {
  color: #315a7d;
  background: #f5f5f5;
}
.taoco li li a {
  padding-left: 20px;
}
.taoco li li li a {
  padding-left: 30px;
}
.taoco li li li li a {
  padding-left: 40px;
}
.taoco li.active > a {
  background: #DC143C;
  color: #fff;
}
.taoco.taoco-fixed {
  position: fixed;
  background: rgba(255, 255, 255,1);
  top: 50%;
  transform: translate(0,-50%);
  right: 1em;
  width: 200px;
  display: none;
  z-index: 9999;
  max-height:  600px;
  overflow:  auto;
}
.taoco.taoco-fixed a {
  padding-top: 5px;
  padding-bottom: 5px;
}


@media(max-width:830px){
  .taoco {width: 90%;}
}