@charset "utf-8";

/* tab */
div.tabs_area{
  width:100%;
  margin-top:20px;
  box-sizing:border-box;
}

ul .shutter-panel-collapse {
  overflow: hidden;
  display: none;
}
ul .shutter-panel-collapse.show {
  /*display: block;*/
}
ul li .panel-heading {
  width: 100%;
  display: block;
  background: #fff;
  padding: 0;
  border-radius: 0;
  box-sizing: border-box;
  /* transition: background .3s ease; */
}
/*
ul li a.panel-heading:hover {
  background: rgba(194, 194, 194, 0.9);
}
*/

/** tabs **/
.tab-content{
	display: none;
	background: #ddd;
}

.tab-content.current{
	display: inherit;
	background: #fff;
}

ul.tabs-menu{
	width:100%;
	border-bottom:none;
	box-sizing:border-box;
	padding:6px 0;
}
ul.tabs-menu:after{
	content:""; clear:both; display:block;
}
ul.tabs-menu li{
	background: #f9fafd;
	color: #222;
	float: left;
	width: 18.1%;
	margin: 0 2.3% 2.3% 0;
	border: 1px solid #ddd;
	cursor: pointer;
	padding: 8px 0;
	font-size: 12px;
	text-align: center;
	box-sizing: border-box;
	display: block;
} 

ul.tabs-menu li:nth-child(5){
	width: 18.3%;
	margin-right:0;
}

ul.tabs-menu li:nth-child(10){
	width: 18.3%;
	margin-right:0;
}

ul.tabs-menu li.current{
	background: #4bbe50;
	border: 1px solid #4bbe50;
	color: #fff;
}
/** tabs-1 **/ 
ul.tabs-a{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs-a:after{
	content:""; clear:both; display:block;
}
ul.tabs-a li{
	background: #ddd;
	color: #9f9393;
	float: left;
	width: 50%; 
	cursor: pointer;
	box-sizing: border-box;
	padding: 6px 0;
	font-size: 0.75rem;
	text-align: center;
}

ul.tabs-a li.current{
	background: #24780f;
	color: #fff;
	box-sizing:border-box;
}

/** tabs-2 **/ 
ul.tabs-b{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs-b:after{
	content:""; clear:both; display:block;
}
ul.tabs-b li{
	background: #ddd;
	color: #9f9393;
	float: left;
	width: 50%; 
	cursor: pointer;
	box-sizing: border-box;
	padding: 6px 0;
	font-size: 0.75rem;
	text-align: center;
}

ul.tabs-b li.current{
	background: #4bbe50;
	color: #fff;
	box-sizing:border-box;
}