@charset "utf-8";
/* CSS Document */

#menu-container {width:100%;
border-width: 1px 0px;

font-size:15px;
z-index:100;
background-color:#FFF;

  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  
}
#menu-icon {width:36px;
padding-top:2px;
padding-bottom:1px;


background-color:#fff;
line-height:0px;
position:relative;
left:50%;
margin-left:-530px;}

#icon-line {
  width: 35px;
  height: 3px;
  background-color: #ff6600;
  margin: 7px 0;
  border-radius: 3px;
  
}

#menu-in {width:960px;
margin:auto;
position:absolute;
left:50%;
margin-left:-480px;
top:-0px;
}
.icon {opacity:0.5;}
.icon:hover {opacity:1;}
.icon-mobile:hover {opacity:1;}



ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
   background-color: #fff;
  border-top:1px solid #999;
   border-right:1px dotted #999;
}

li {
  float: left;
 border-left:1px dotted #999;
  
  
}

li a, .dropbtn {
	
  display: inline-block;
  color:  #666;
  text-align: center;
  padding: 10px 9px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn  {
  background-color:  #799796;
  color:#FFF;
}

li.dropdown {
  display: inline-block;
}




.dropdown-content {
  display: none;
  
  position: absolute;
  background-color:   #ABBEBE;
  min-width: 136px;
 border-left:1px dotted #999;
 border-right:1px dotted #999;
  border-top:1px dotted #999;
  z-index: 1;
}

.dropdown-content a {
  color: #fff;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom:1px dotted #999;
}

.dropdown-content a:hover {background-color:  #C4D0D0;
color:#000;}

.dropdown:hover .dropdown-content {
  display: block;
}
li.active {
  background-color: red;
}