@media only screen and (max-width: 479px) {
ul.tabs {
	width: calc(100% - 10%);
}

ul.tabs li {
	display: inline-block;
	width: calc(100% / 3 - 3px);
	font-size: 95%;
}
ul.tabs li:nth-child(1){
	margin: 2px 4px 2px -7px;	
}  
ul.tabs li:nth-child(2){
	margin: 2px 2px 2px 2px;	
}  
ul.tabs li:nth-child(3){
	margin: 2px 2px 2px 2px;	
}  
}
@media only screen and (min-width: 480px) {
ul.tabs {
	width: calc(100% - 9%);
}
ul.tabs li {
	display: inline-block;
	width: calc(100% / 3 - 10px);
	font-size: 100%;
}
ul.tabs li:nth-child(1){
	margin: 2px 5px 2px -7px;	
}  
ul.tabs li:nth-child(2){
	margin: 2px 5px 2px 5px;	
}  
ul.tabs li:nth-child(3){
	margin: 2px 5px 2px 5px;	
}  
}
@media only screen and (min-width: 768px) {
ul.tabs {
	width: calc(100% - 7%);
}
ul.tabs li {
	display: inline-block;
	width: calc(100% / 3 - 10px);
	font-size: 115%;
}
ul.tabs li:nth-child(1){
	margin: 2px 5px 2px -7px;	
}  
ul.tabs li:nth-child(2){
	margin: 2px 5px 2px 5px;	
}  
ul.tabs li:nth-child(3){
	margin: 2px 5px 2px 5px;	
}  
}
@media only screen and (min-width: 1024px) {
ul.tabs {
	width: calc(100% - 6%);
}
ul.tabs li {
	display: inline-block;
	width: calc(100% / 3 - 10px);
	font-size: 125%;
}
ul.tabs li:nth-child(1){
	margin: 2px 5px 2px -7px;	
}  
ul.tabs li:nth-child(2){
	margin: 2px 5px 2px 5px;	
}  
ul.tabs li:nth-child(3){
	margin: 2px 5px 2px 5px;	
}  
}
@media only screen and (min-width: 1280px) {
ul.tabs {
	width: calc(100% - 5%);
}
ul.tabs li {
	display: inline-block;
	width: calc(100% / 4 - 4px);
	font-size: 125%;
}
ul.tabs li:nth-child(1){
	margin: 2px 5px 2px -7px;	
}  
ul.tabs li:nth-child(2){
	margin: 2px 5px 2px 5px;	
}  
ul.tabs li:nth-child(3){
	margin: 2px 5px 2px 5px;	
}  
}
ul.tabs li a{
	position: relative;
    height:60px;
}
ul.tabs li .lvtitle{
	position: absolute;	
    width:100%;
    bottom:5px;
    left: 50%;
    transform: translateX(-50%);
}

ul.tabs li img{
	position: absolute;	
    width:50px;
    left:-5px;
    top:-12px;
}
ul.tabs,ul.tabs li {
		margin: 0;
		padding: 0;
		list-style: none;
}

ul.tabs {
	clear: both;
	float: left;	
	display: block;
	*height : 1%; 
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
    /*background-color:#666;*/
}
ul.tabs::after{
  content : '';
  height : 0;
  clear : both;
  display : block;
  visibility: hidden;
}
ul.tabs li {
	float: left;
	/*overflow: hidden;*/
	position: relative;
	border: 0px solid #999;
	border-left: none;
	background-color: #74542E;
	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;*/
     border-radius: 10px;
}
	ul.tabs li a {
	display: block;
	padding: 0;
	color: #FFFFFF;
	border: 0px solid #fff;
	text-decoration: none;
	}
	ul.tabs li a:hover {
		background-color: #c8a062;
        border-radius: 10px;
	}
	ul.tabs li.active  {
		background-color: #c8a062;
		color:#FFF;
	}
	ul.tabs li.active a:hover {
		background-color: #c8a062;
	}