#tab {
	width: 100%;
}

#tab #navs {
	width: 100%;
	border-bottom-style:none;
	margin-bottom: 2em;
	display: flex;
	align-items: flex-start;
	/*justify-content: space-between;*/
  align-items: stretch;
	flex-wrap: wrap;
}

#tab #navs li {
	/*flex:1;*/
	width: 24%;
	text-align: center;
	background: #012c2c;
	color:#ffffff;
	margin-right: 0.5em;
	margin-bottom: 0.7em;
	padding-top:0.5em;
	padding-bottom:0.3em;
	text-align:center;
	font-size:160%;
	font-weight:normal;
	color: #01ae6f;
	border-radius: 0.5em;
}

#tab #navs li.select, #tab #navs li:hover { 
	background: #01ae6f;
	color:#FFFFFF;
	font-weight:bold;
}


#tab div { clear: both; }
#tab table { width:100%;}

@media screen and (min-width:920px){
	#tab #navs li { width: 24%; }
	#tab #navs li:nth-child(4n) { margin-right:0; }
}

@media screen and (min-width:671px) and (max-width:919px){
	#tab #navs li { width: 32%; }
	#tab #navs li:nth-child(3n) { margin-right:0; }
}

@media screen and (max-width:670px){
	#tab #navs li { flex:none; width:100%; margin-right:0; }

}