/**
	faq skin css
*/

.faq_title {cursor:pointer;}
.search_box { text-align:right; margin:0 15px 10px !important; }
.search_box .btn { border-radius:0; height:34px; padding:0 15px; width: auto; line-height: 1; margin: 0;}

#accordion { border-top:2px #333 solid; }
#accordion.panel-group .panel { border-radius:0; box-shadow:none; border:0; margin:0; }
#accordion .faq_a { border:0; border-bottom:1px #ddd solid; background-color:#f4f6f9; }

#accordion .panel-default>.panel-heading { background:none; border-bottom:1px #ddd solid; }
#accordion .panel-default>.panel-heading:after { content:""; clear:both; display:block; }

#accordion .faq_title div, #accordion .faq_title:before,
#accordion .faq_a div:before, #accordion .panel-body { float:left; }

#accordion .faq_title div,
#accordion .panel-body { width:90%; }
#accordion .nopost { width:100%; float:inherit; border-bottom:1px #ddd solid; }

#accordion .panel-default>.panel-heading,
#accordion .faq_a div { padding:25px 30px; }

#accordion .faq_title:before,
#accordion .faq_a div:before { display:inline-block; color:#fff; font-size:22px; border-radius:50%; width:35px; height:35px; border-radius: 8px; font-weight:700; line-height:35px; text-align:center; margin-right:10px; }
						
#accordion .faq_title:before { content:"Q"; background-color:#e24f88; }
#accordion .faq_a div:before { content:"A"; background-color:#776def; margin-left:3%; }

#accordion .panel-title {font-size:22px; line-height:1.1em; color:#222;}
#accordion .panel-body {font-size:20px; line-height:1.8em; color:#777;  padding:8px 0 0 0; }
.board .navbar-form .form-control { width: auto !important;}

@media (max-width:500px) {

	#accordion .panel-default>.panel-heading,
	#accordion .faq_a div { padding:15px; }
	#accordion .faq_title:before,
	#accordion .faq_a div:before { font-size:14px; width:25px; height:25px; line-height:25px; }
	#accordion .panel-title,
	#accordion .panel-body { font-size:14px; line-height:16px; padding:4px 0 0 0; }
	#accordion .faq_title div,
	#accordion .panel-body { width:85%; }

}