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

#tab {
	display:block;
}

#tab #navs {
	border-bottom:1px #CCCCCC solid;
	margin:0 10px 5px;
	padding:0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

#tab #navs li {
	flex:1;
	text-align: center;
	padding:1em 0 0.7em;
	margin:0 0.2em 0.5em;
	background: #f3efde;
	border: 1px #cdc5a5 dotted;
	border-bottom: 0px solid #FFF;
	line-height:1.4em;
	color:#158906;
	font-size:120%;

}

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

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

#tab #navs li.south{
	background: #ff0000;
	color:#FFFFFF;
	font-weight:bold;
}

#tab #navs li.east{
	background: #f6c005;
	color:#FFFFFF;
	font-weight:bold;
}

#tab #navs li.west{
	background: #0593f6;
	color:#FFFFFF;
	font-weight:bold;
}

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