#tab { width:100%; }
#tab #navs { float: left; width: 100%; margin-bottom: 5px; }
#tab #navs li {
	text-align: center;
	display: block;
	float: left;
	width: 24%;
	margin-right: 1%;
	line-height: 60px;
	background: #054c6f;
	color: #fff;
    border-radius: 10px;
	margin-bottom: 5px;
	transition: 0.3s;
}

#tab #navs.tabli02 li {
	flex:auto;
	width:5em;
	padding:0.6em 1em 0.4em;
	line-height:100%;
	font-size:140%;
}

#tab #navs li.select, #tab #navs.tabli02 li.select { background: #007ccf; color: #FFF; font-weight: bold; border-radius: 0px; }
#tab #navs li:hover, #tab #navs.tabli02 li:hover { color: #FFF; background: #226fc1; border-radius: 0px; }
#tab div { clear:both; }



/*#tab {
	width: 100%;
}
#tab #navs {
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 5px;
}

#tab #navs li {
	text-align: center;
	display: block;
	float: left;
	width: 20%;
	margin-right: 3px;
	background: #054c6f;
	border: 1px solid #cdc5a5;
	border-bottom: 0px solid #FFF;
	height:40px;
	line-height:40px;
	color:#ffffff;
	max-width: 150px;
}

#tab #navs li.select { 
	background: #007ccf;
	color:#FFFFFF;
}

#tab div { clear: both; }


#tab02 {
	width: 100%;
}
#tab02 #navs {
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 5px;
}

#tab02 #navs li {
	text-align: center;
	display: block;
	float: left;
	width: 10%;
	margin-right: 3px;
	background: #054c6f;
	border: 1px solid #cdc5a5;
	border-bottom: 0px solid #FFF;
	height:30px;
	line-height:30px;
	color:#ffffff;
	min-width:80px
}

#tab02 #navs li.select { 
	background: #007ccf;
	color:#FFFFFF;
}

#tab02 div { clear: both; }*/