.drawer-main {
  color: #222;
  background: #fff;
}
.drawer-main em {
  color: #6a3906;
}
.drawer-main li {
  font-size: 15px;
  line-height: 1.2;
}
.drawer-main li p {
  padding: 8px 0;
  font-weight: bold;
}
.drawer-main li a {
  position: relative;

  display: block;

  padding: 8px 0 8px 18px;
}
.drawer-main .drawer-menu {
  padding: 25px 20px;
}
.drawer-main .drawer-menu > li {
  border-bottom: 1px #3a9bc1 dotted;
}
.drawer-main .drawer-menu > li:last-child {
  border-bottom: none;
}
.drawer-main .drawer-menu > li > a::before {
  position: absolute;
  top: 50%;
  left: 4px;

  display: block;

  width: 8px;
  height: 0;
  margin-top: -1.5px;

  content: " ";

  border-bottom: 3px #3a9bc1 solid;
}

.drawer-main .drawer-menu > li > ul {
  border-top: 1px #3a9bc1 dotted;
}
.drawer-main .drawer-menu > li > ul:fairst-child {
  border-bottom: none;
}
.drawer-main .drawer-menu > li > ul >li > a {
  padding-left: 34px;
  position: relative;
}
.drawer-main .drawer-menu > li > ul >li > a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;

  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 1000;

  transform: translate(0, -50%) rotate(45deg);

  border-top: 2px solid #3a9bc1;
  border-right: 2px solid #3a9bc1;
}


.drawer-main .drawer-submenu {
  padding-left: 1.4em;
}
.drawer-main .drawer-submenu > li {
  border-top: 1px #906447 dotted;
  border-bottom: none;
}