@charset "utf-8";
/* CSS Document */

.mainArea{padding:0px;}
.contentBox .leftBox{
	padding:0 50px 0 0;}

.contentBox .rightBox{
	padding:0;}

.contentBox{padding:0px 0px 50px 0px;}
ul.faqList{}

ul.faqList > li{
	padding:5px;
	border-bottom: 1px dashed #d4d4d4;
	margin-bottom:15px;}

ul.faqList li h3{
	padding:10px 5px;
	cursor:pointer;
	position:relative;
	font-size: 16px;
	font-weight:normal;}

ul.faqList li h3 b{
	display:inline-block;
	vertical-align:middle;
	font-size: 16px;
	margin-right:10px;
	color:#1F3A69;}

ul.faqList li .toggleOpen {
  position: absolute;
  right: 20px;
  top: 50%;
  display: block;
  width: 13px;
  height: 13px;
}
ul.faqList li .toggleOpen.plus::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
ul.faqList li .toggleOpen::before, ul.faqList li .toggleOpen::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5px;
  margin-left: -6.5px;
  width: 13px;
  height: 1px;
  background-color: #3697cb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
ul.faqList li .definition{
	display:none;
	margin-top:10px;
	padding:15px;
	background:#E1EEF7;
	font-size:15px;
	color:#1F3A69;
	line-height:1.8;}

.textEditor h4{color:#FF3F00;font-size:18px;}



@media (max-width: 640px){

	
	.contentBox .leftBox{
		float:none;
		width:100%;
		padding:0;}
	
	.contentBox .rightBox{
		float:none;
		width:100%;padding:0px;
		margin-top:30px;}
	
	ul.faqList li h3 a.toggleOpen{
		position:static;
		margin:0;
		margin-top:10px;
		padding:10px 0;
		text-align:center;}
	
}