.menu, .submenu {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	-ms-user-select: none;
	-ms-touch-action: none;
	padding: 0;
}

.menu {
	width: 100%;
}

.top-li, .sub-li {
	float: left;
	position: relative;
	z-index: 50;
}

.submenu {
	display: none;
	position: absolute;
	z-index: 60;
	margin-top: 2em;
	width: 100%;
}

.submenu li {
	width: 100% !important;
}

.submenu .submenu {
	position: relative;
	border: none !important;
}

.menu li:hover ul {
	display: block;
}

/* the layout on a phone */
@media only screen and (max-width: 480px) {
	.top-li, .sub-li {
		clear: both;
		width: 100%;
	}

	.submenu {
		position: relative;
		z-index: 0;
		border: none !important;
	}

}