#submenu > ul{
	display: -webkit-flex;display: flex;
	-webkit-flex-wrap: wrap;flex-wrap: wrap;
	box-sizing:border-box;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	width:80%;margin:30px auto;
	}

#submenu > ul > li{
	-webkit-flex-grow:1;flex-grow:1;
	margin:0 1px;position: relative;
	}
#submenu > ul > li a{
	display:block;
	padding:10px 10px;background:#329bd2;
	}
#submenu > ul > li a:hover{background:#87ceeb;}

#submenu > ul > li > ul{
	display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;flex-direction: column;
	position: absolute;}

#submenu  > ul > li:hover > ul{
	z-index:3;
	width:100%;margin:0 auto;
	}

#submenu > ul > li > ul > li{

	width:100%;

	overflow: hidden;
	height: 0;
	transition: .2s;}
#submenu  > ul > li:hover > ul li{
	overflow: visible;
	height: 43px;
	border-bottom:1px solid #329bd2;
	}
#submenu  > ul > li:hover > ul li:first-child{
	border-top:1px solid #329bd2;
	}

#submenu > ul > li > ul > li a{background:#329bd2;}