header{
	width:100%;
	height:50px;
	background:#111;
}
.page-wrap{
	padding:2rem 0;
}
header .menu {
	list-style-type:none;
	padding:0;
	margin:0;
	display:flex;
	
}
header .container{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
header .menu li{
	margin:0.25em 2em;
	text-decoration:none;
	position:relative;

}
header .menu li a{
	text-decoration:none;
	color:#fff;

}
header .menu li:first-child a{
	padding-left:0;

}
header .menu li:last-child a{
	padding-right:0;

}
header .menu li .sub-menu{
	display:none;
	position:absolute;
	z-index:9999;
	top:100%;
	left:0;
	background:#fff;
	box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	margin:0;
	padding:0;
	list-style-type:none;
	width:300px;
	border-radius:0.5rem;
}
header .menu li .sub-menu a{
	color:red;
	padding:0.05rem;
	text-align:left;
	display:block;
	text-decoration:none;
}
header .menu li:hover .sub-menu{
	display:block;
	
}