.menu{
	/* position: relative; */
	padding: 0;
	margin: 0;
	z-index: 30;
	display: table;
	width: 100%;
}
.menu>li{
	/* float:left; */
	display: table-cell;
}

.menu ul{
	display: none;
	position: absolute;
	width: 240px;
	padding: 0;
}
.menu>li>ul{
	min-width: 100%;
}
.menu ul ul{
	left: 100%;
	top: 0;
}

.menu>li>a{
	display: block;
	padding: 7px 11px 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;

}


.menu li:hover>ul{
	display: block;
}
.menu li{
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}
.menu li li>a{
	display: block;
	padding: 5px 11px 7px;
}
.menu>li:last-child>ul {
	right: 0;
}