@charset "utf-8";
.tabbox {
	width: 100%;
}
.tabmenu {
	width: 80%;
	margin:0 auto;

}
.tabmenu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.tabmenu li {
	float:left;
	display:block;
	padding:5px 10px;
	margin:0 5px;
	text-align: center;
	overflow:hidden;
	color:#333;
	background:#ccc;
	display:inline;
	font-size:20px;
	line-height:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.tabmenu .cli {
	color:#fff;
	background:#0068b7;
	font-weight:bold;
	cursor:pointer;
}
#tabcontent {
	width:100%;
	float:left;
	margin-top:50px;	
	}
#tabcontent h2.tabcontent-h2 {
    width: 72%;
    margin: 0 auto;
    color: #0068b7;
    font-weight: bold; border-bottom:1px #ccc solid; margin-bottom:10px; padding-bottom:20px;
}
#tabcontent ul {
	margin:0; min-height:500px;
	list-style-type: none;
}
#tabcontent .hidden {
	display:none;
}


@media screen and (max-width:1024px){
.tabmenu {
	width: 100%;
}	
	
.tabmenu li {
	padding:3px 5px;
	font-size:16px;
	margin:0 1%;

	text-overflow:ellipsis;
	white-space:nowrap;
}


#tabcontent {
    margin-top: 20px;

}
}


@media screen and (max-width:767px){
.tabmenu {
	width: 100%;
}	
	
.tabmenu li {
	padding:3px 5px;
	font-size:14px;
	margin:20px 0.5% 0 !important;
	text-overflow:ellipsis;
	white-space:nowrap;
}



#tabcontent {
    margin-top: 20px;

}
}

@media screen and (max-width:540px){

	
.tabmenu li {

	margin:0 1%;




}

}