#wb_expl_tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#wb_expl_tabs li {
  float: left;
  margin: 0 -15px 0 0;
  font-size:16px;
}

#wb_expl_tabs a {
  float: left;
  position: relative;
  padding: 0 30px;
  height: 0; 
  line-height: 36px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 36px solid transparent;
  border-bottom: 36px solid #3D3D3D;
  border-bottom-color: #777\9;
  opacity: 0.3;
  filter: alpha(opacity=30);    
}

#wb_expl_tabs a:hover,
#wb_expl_tabs a:focus {
  border-bottom-color: #99972e;
  opacity: 1;
  filter: alpha(opacity=100);
}

#wb_expl_tabs a:focus {
  outline: 0;
}

#wb_expl_tabs #current {
  z-index: 3;
  border-bottom-color: #3d3d3d;
  opacity: 1;
  filter: alpha(opacity=100);   
}
#wb_expl_content{
	padding:15px;
	height:600px;
	border-top:1px solid #dadada;
}
#wb_expl_content .left{
	width:610px;
	height:500px;
	float:left;
}
#wb_expl_content .right{
	width:540px;
	height:500px;
	float:left;
	line-height:24px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
#wb_expl_content .right{
	width: 100% !important;
	height: auto;
	padding: 0 !important;
}
#wb_expl_tabs li{
	padding: 0;
	margin: 2px 0;
	width: 100%;
	float: left;
}
#wb_expl_tabs a{
	border: 0;
	width: 100%;
	height: 36px;
	background: #3D3D3D
}
#wb_expl_content{
	width: 100%;
	height: auto;
	padding: 0;
}
#wb_expl_content .left{
	width: 100%;
	height: auto;
}
#wb_expl_content .left img{
	width: 100%;
}
.wb_expl_content .right{
	width: 100%;
}
}