@charset "utf-8";
.tab-group{
  text-align: center;
  margin-bottom: 30px;
}
.tab{
	padding: 16px 28px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #C9BDAA;
	color: #fff;
	float: left;
	cursor: pointer;
}
.tab:hover{
	opacity: 0.7;
}
.panel-group{
}
.panel{
  display:none;
}

.panel ul li{
	width: 23%;
	margin-left: 2%;
	margin-bottom: 10px;
	float: left;
}

.tab.is-active{
  background:#877964;
  color:#FFF;
  transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}