ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tabs {
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #227C51;
	border-left: 1px solid #227C51;
}
ul.tabs li {  
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #227C51;
	border-left: none;
	background: #C3EFD9;
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #0F2540;
	border: 1px solid #D7F4E6;
	text-decoration: none;
}
ul.tabs li a:hover {
	background: #ADEBCC;
}
ul.tabs li.active  {
	background: #9BE4C0;
	border-bottom: 1px solid #D7F4E6;
}
ul.tabs li.active a:hover {
	background: #9BE4C0;
}