#tab { width:100%; }

#tab, #navs, #tab *, #navs * { 
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

#tab #navs {
	width:100%;
	margin:0 0 0.7em;
	padding:0;
	font-size:130%;
	text-align:left;
	display: flex;
	align-items: flex-start;
	align-items: stretch;
	flex-wrap: wrap;	
}

#tab #navs li {
	width:7em;
	text-align: center;
	line-height: 100%;
	padding:1em 0.4em ;
	margin-right:0.5em;
	background: #e4e1d3;
	color: #000;
	border-radius: 10px;
	margin-bottom: 0.5em;
	transition: 0.3s;
}

#tab #navs li:last-child { margin-right:0; }

#tab #navs li.select { background: #000; color: #FFF; font-weight: bold; border-radius: 0px; }
#tab #navs li:hover { color: #FFF; background: #5d5c56; border-radius: 0px; }
#tab div { clear:both; }

@media screen and (max-width: 601px) {
	#tab font {display: block;}
}