CSS

class.css

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/********** Menu *************/
#menu {
	position: relative;
	z-index: 7000;
	margin-top: 1px;
	height: 70px;
	background: #e6095c;
	font-style: italic;
	font-weight: 700;
	ul {
		overflow: visible;
	}
}

.menu{height: 70px;padding: 0 2px 0 0;margin: 0;list-style: none;overflow: visible;background: url(img/divider-menu.png) no-repeat right 50%;}
.menu > li{
	float: left;
	padding-left: 2px;
	background: url(img/divider-menu.png) no-repeat 0 50%;
}
.menu li a {
	display: block;
    padding: 0 5px;
    position: relative;
    font-size: 20px;
    line-height: 70px;
    color: #FFF;
    text-decoration: none;
    &:hover {
    	background: #fd4e8a;
    }
}
.menu li:hover {
	& > a {
		background: #fd4e8a;
	}
}
/*...First-Level...*/
.menu li ul{
	position:absolute;
	display:none;
	width:179px;
	margin:0;
}
.menu li:hover ul{
	display:block;
}
.menu li ul li{
	display:block;
	position:relative;
	border:none;
	float: none;
}
.menu li ul li a { 
	background: #e6095c;
	margin:0px;
	padding:10px;
	line-height: 1;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	&:hover {
		background: #fd4e8a;
	}
}

/*...Second-Level...*/
.menu li:hover ul ul{
	display:none;
}
.menu li ul li:hover>ul{
	display:block;
}
/*...Third-Level...*/
.menu li ul li ul{
	display:none;
	position:absolute;
	top:0;
	left:179px;
	width:179px;
}