#nav{font-family:arial,tahoma;font-size:12px; }
#nav, #nav{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:45px; 
}

	#nav a {
		display: block;
		padding: 0px;
		color: var(--colorchinh);
		text-decoration: none;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
	}

#nav a:hover{
font-size:13px;
color:orange;
background-color: #fff;
}
#nav li:hover >a{
font-size:13px;
color:#ffffff;
background-color: #0c73b5;
}

#nav li{
float:left;
position:relative;
background-image: url(../images/line-down.png);
background-position: right;
background-repeat: no-repeat;
margin-right: 2px;
}

#nav li a{
float:left;
position:relative;
padding:0px 20px ;
}
.menu-desc
{display: block;
	font-weight: normal;
	font-size: 92%;
    color:#96bbcb;
}

#nav li ul {
top:35px;
width:auto;
height:auto;
position:fixed;
display:none;
left:0;
float:left;
list-style-type:none;
list-style-position:outside;
padding:0;
}
#nav li a ul{
	border-radius:10px;
}
#nav ul {
position:absolute;
display:none;
}

#nav li ul a{
/*height:50px;*/
width:200px;
float:left;
line-height:40px;
left:0;
background-color:#0c73b5;
border-bottom:1px #f0f0f0 thin ;
text-align:left;
}
#nav li ul a:hover{
font-weight:bold;
font-size:11.5px;
color:orange;
background-color: #0c73b5;
 /* ----------- mark edit here 19/5 */
}
#nav ul ul{
top:auto;
}	
#nav li ul ul {
margin:0px 0 0 0px;
float:left;
}
/*=======================*/
#nav li ul {
float:left;
display:block;
position:absolute;
z-index:100;
}
#nav li ul li {
float:left;
display:block;
border-bottom:1px #fff solid;
}
#nav li ul li ul {
padding:0 0 0 0;
float:right;
left:220px;
position:absolute;
}
/*==================*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
	#nav .active
	{
		color:orange;
		background-color: #e5e5e5;
	}
	#nav .active a
	{
		color:orange;
	}