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

#tab {
	display:block;
}
#tab #navs {
	margin:0 0 1em;
	padding:0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

#tab #navs li {
	text-align: center;
	margin:0 0.5%;
	background: #e3e8ee;
	border: 1px solid #00489a;
	line-height:100%;
	color:#00489a;
	font-weight:bold;
	width:12em;
}

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

#tab .stitle { margin:1em 0; padding:0.5em 1em 0.3em; text-align:left; font-weight:bold; font-size:140%; color:#134b39; border-top:2px #134b39 solid; border-bottom:2px #134b39 solid;  }
#tab .stitle font { display:inline-block; }

@media screen and (min-width:641px){
	#tab #navs li { min-width:10em; padding: 0.7em 1em 0.5em; font-size:140%; }
}

@media screen and (max-width:640px){
	#tab #navs li { width:31%; padding:0.7em 0.8em 0.5em; font-size:140%; }
}