ul.tabs li {
	display: inline-block;
	width: calc(100%/3 - 2px);
}
@media only screen and (min-width: 480px) {
ul.tabs li {
	display: inline-block;
	width: calc(100%/3 - 2px);
}
}
@media only screen and (min-width: 768px) {
ul.tabs li {
	display: inline-block;
	width: calc(100%/3 - 2px);
}	
}
@media only screen and (min-width: 1024px) {
ul.tabs li {
	display: inline-block;
	width: calc(100%/4 - 2px);
}
}

.NewBox ul,ul.tabs li {
		margin: 0;
		padding: 0;
		list-style: none;
}
.NewBox ul,ul.tabs li {
		margin: 0;
		padding: 0;
		list-style: none;
}

	ul.tabs {
		border-bottom: 0px solid #999;
		border-left: 0px solid #999;
	}
	ul.tabs li {
		float: left;
		overflow: hidden;
		position: relative;
		margin-bottom: -2px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		margin-right: 1px;
		border: 0px solid #999;
		border-left: none;
		background-color: #b28147;
		font-size: 140%;
		font-weight:bold;		
		text-align: center;	
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;			
	}
	ul.tabs li a {
	display: block;
	padding: 15px 0 15px 0;
	color: #FFF;
	border: 0px solid #fff;
	text-decoration: none;
	}
	ul.tabs li a:hover {
		background-color: #c8a062;
	}
	ul.tabs li.active  {
		background-color: #c8a062;
		color:#FFF;
	}
	ul.tabs li.active a:hover {
		background-color: #c8a062;
	}