.taoco {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0;
  opacity: 0.9;
  background: whitesmoke;
  z-index: 1;
}
.taoco ul,
.taoco ol {
  margin: 0;
  padding: 0;
  font-size: .9em;
  list-style-position: inside;
  list-style-type: none;
}
.taoco h2 {
  margin: 10px;
}
.taoco ol {
  counter-reset: item;
}
.taoco ol li:before {
  content: counters(item,".") " ";
  counter-increment: item;
}
.taoco a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
@media screen {
  .taoco.taoco-fixed a:hover {
  }
}
.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: dodgerblue;
  color: white;
}
.taoco.taoco-fixed {
  padding: 0.5em;
  position: fixed;
  background: whitesmoke;
  right: 1em;
}
.taoco.taoco-fixed a {
  padding-top: 0.15em;
  padding-bottom: 0.15em;
  color: #505050;
  line-height:1.25em;
}