.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}


/*custom style*/
ul#accordion {
	width: 600px;
	margin: 20px auto 200px;
	padding: 20px 10px
}
ul#accordion li {
	width: 600px;
}
.topWrap {
	cursor: pointer;
	padding: 16px 0;
	border-top: 5px solid #f8b62b;
	color: #ffffff;
	height: 20px;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	transition:all .3s ease-in;
	font-weight:bold;
}
.topWrap span {
	float: left;
	font-size: 20px;
	line-height: 22px;
	font-family: "maven_probold";
	letter-spacing: -1px;
}
li.active .topWrap,
.topWrap:hover {
	background: #f8b62b;
	color: #FFF;
}
.details {
	display: none;
}
.topWrap,
.details {
	background: #0a99aa;
	padding: 10px;
	margin: 10px auto;
}
.details {
	background: #ffffff;
}
.details span {
	font-size: 16px;
	line-height: 24px;
	display: block;
	text-align: justify;
}

@media (max-width:767px) {
	ul#accordion {
		width: 95%;
		padding: 0;
		margin: 0 auto;
	}
	ul li {
		padding: 0;
	}
}