/********************* Mulai Main Menu ***************/

#menu a {
display:block;
color: #ffffff;
font-size:12px;
font-family:Arial;
text-decoration:none;
}

/*Mengurutkan menu menjadi sejajar kesamping*/
#menu li,
#menu li li {
position: relative;
z-index:2;
display:inline-block;
width: max-content;
padding: 2px 5px;
background: #ffffff;
}
#menu li li { background: transparent none; }
#menu li li a { color: #ffffff; }
#menu li li:hover {
color: #ffffff; 
background:transparent; }
 
#menu li:hover {
/* background: -moz-linear-gradient(top, #f7f7f7, #ffffff);
background: -ms-linear-gradient(top, #f7f7f7, #ffffff);
background: -o-linear-gradient(top, #f7f7f7, #ffffff);
background: -webkit-linear-gradient(top, #f7f7f7, #ffffff);
background: linear-gradient(top, #f7f7f7, #ffffff);
border: 0px solid #e9e9e9;
	border-radius: 5px 5px 5px 5px; */
}
/* Animasi untuk <span id="t9te8_8" class="t9te8">sub</span> drop down menu*/
#menu ul {
position: absolute; 
left:0;
max-height:0em;
width:180px;
<span id="t9te8_7" class="t9te8">margin</span>:0; padding:0;
background:transparent;
overflow:hidden;
transition: 0.5s ease-in-out;
border-bottom:0px solid #FFFFFF;
}
/* Untuk memunculkan sub drop down*/
#menu li:hover ul {
background:#6b6b6b;
width:180px;
max-height:13em;
box-shadow: 2px 2px 2px #b9b9b9;
-moz-box-shadow: 2px 2px 2px #b9b9b9;
-webkit-box-shadow: 2px 2px 2px #b9b9b9;
}

#menu li ul li{
width:100%;
border-bottom:1px solid #ffffff;
max-height:13em;
padding: 10px 15px;
text-align:left;

}

#menu li ul li:hover{
width:100%;
background:#4b4b4b;
color:#000000;
}

.liseparator {
padding:none;
background:#ffffff;
border:#ffffff;}

/*************** End Main Menu **********/