nav{  margin: -1em auto;}ul{   margin:0px;  padding: 0px;  list-style: none;}ul.dropdown{  position: relative;   width: 100%; }ul.dropdown li{ border-right:10px solid transparent;  font-weight: bold;   float: left;   width: 190px;   position: relative;}ul.dropdown a:hover{  color: #000; }ul.dropdown li a {  background: #B6B6B6;  display: block;   padding: 16px 8px;  color: #34495e;   position: relative;   z-index: 2000;   text-align: center;  text-decoration: none;  font-weight: 300;}ul.dropdown li a:hover,ul.dropdown li a.hover{    background: #3777BE;  position: relative;  color: #fff;  }ul.dropdown ul{  display: none;  position: absolute;    top:0;    left: 0;   width: 190px;   z-index: 1000;}ul.dropdown ul li {   font-weight: normal;   background: #f6f6f6;   color: #000;   border-bottom: 1px solid #ccc; }ul.dropdown ul li a{   display: block;   color: #34495e !important;  background: #eee !important;} ul.dropdown ul li a:hover{  display: block;   background: #3777BE !important;  color: #fff !important;} ul.dropdown ul li.aaa {   font-weight: normal;   background: #000;   color: #000;   border-bottom: 1px solid #ccc; }ul.dropdown ul li.aaa a{   display: block;   color: #34495e !important;  background: #eee !important;} ul.dropdown ul li.aaa a:hover{  display: block;   background: #3777BE !important;  color: #fff !important;} .drop > a{  position: relative;}.drop > a:after{  content:"";  position: absolute;  right: 10px;  top: 40%;  border-left: 5px solid transparent;  border-top: 5px solid #333;  border-right: 5px solid transparent;  z-index: 999;}.drop > a:hover:after{  content:"";   border-left: 5px solid transparent;  border-top: 5px solid #fff;  border-right: 5px solid transparent;}