@charset "utf-8";
form {position:relative}
legend {display:none}
#bo_cate {margin-bottom:0px; display:flex; align-items:center; justify-content:space-between}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; height:auto; display:flex; align-items:center; flex-wrap:wrap}
#bo_cate ul li {border-bottom:0; border-top:0;}
#bo_cate ul li:first-child {border-top:0 !important;}
#bo_cate ul li:first-child a {padding-left:0;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:0px; text-align:center; overflow:hidden}
#bo_cate li:last-child {margin-right:0;}
#bo_cate a {display:block;line-height:28px;padding:0px 25px;border-radius:0px;font-size:16px; color:#666; position:relative}
#bo_cate a::before {content:""; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:13px; background:#ddd}
#bo_cate li:first-child a::before {display:none}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:transparent;color:#666; font-weight:bold}
#bo_cate #bo_cate_on {z-index:2;color:#666;font-weight:bold;
/*-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)*/}

#faq_wrap {margin:10px 0 30px; box-shadow:0 2px 4px rgb(15 34 58 / 12%); border-radius:4px;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
.faq_admin a {width:40px; height:40px !important; background:#fff; border-radius:6px; box-shadow:0 2px 4px rgb(15 34 58 / 12%)}
.faq_admin a i {padding-top:2px;}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-top:1px solid #ececec; border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:2px solid #000 !important}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:40px;position:relative; margin-bottom:0; padding-right:50px;}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:20px}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color: #0c4258;font-size: 21px;}
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#363636;font-size:1.4em}
#faq_con p {font-size:16px; color:#333; font-weight:500; margin-bottom:0;}
#faq_con a {font-size:16px; color:#333 !important; margin-bottom:0; font-weight:500; display:block}
#faq_con a span{font-size:16px !important;}
#faq_con .con_inner.answer_wrap  {padding:0; background:#fafafa; border-top:1px solid #ddd}
#faq_con .con_inner .answer_box {display:flex; align-items:center; position:relative;}
#faq_con .con_inner .answer_box .answer_tit {position:absolute;left:15px;top:9px;font-size:19px;color: #0c4258;font-weight:500}
#faq_con .con_inner .answer_box .answer_contents {padding:10px 5px 12px 40px; font-size:16px; color:#333; font-weight:500; width:100%}
#faq_con .con_inner .answer_box .answer_contents p {/*padding:0px 5px 5px 0px*/}


#faq_sch {background:transparent;padding:0;text-align:right;margin:0px 0 0px}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:0; border-bottom:1px solid #ddd;width:303px;height:40px;border-radius:0;border-radius:0px; box-shadow:none; background:transparent}
#faq_sch .btn_submit {padding:0.75rem 0.875rem 0.5rem;height:40px;width:auto;font-size:15px;font-weight:bold;color:#333; background:transparent; position:absolute; right:0}

#bo_cate_ul {margin-bottom:0;}
#bo_list_total {/*float:left;line-height:34px;*/font-size:18px; font-weight:600; color:#48465b; display:flex; align-items:center;}
#bo_list_total h3 {margin-bottom:0; font-size:18px;}

#bo_btn_top {margin:0; padding:10px 25px; display:flex; align-items:center; justify-content:space-between; height:60px; border-bottom:1px solid #ebedf2; background:#fff}


.community_title {/*border-bottom:1px solid #ddd; padding-bottom:15px; */margin-bottom:15px; /*display:flex; align-items:center; justify-content:space-between*/}
.community_title h3 {color:#222; font-size:28px; font-weight:600; margin-bottom:0;}
.community_tab ul {display:flex; align-items:center}
.community_tab ul li {margin-right:-1px; width:10%; text-align:center}
.community_tab ul li a {display:block; border:1px solid #ddd; color:#222; height:60px; line-height:60px; font-size:18px; font-weight:500; background:#fff}
.community_tab ul li a.on {color:#f8ba2f; border-top:2px solid #f8ba2f; background:#f5f6f8; border-bottom:1px solid #f5f6f8; font-weight:bold}
.btn i {padding-right:0 !important}
legend {display:none !important}
.table-body {padding:25px; background:#fff}
.table-body .table-body-flex {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}

@media (max-width:1340px) {
	.table-body .table-body-flex {flex-direction:column; align-items:baseline}
	.faq_wrap {width:100%}
	#faq_sch .frm_input {width:100%}
}

@media (max-width:1024px) {
	.community_tab ul li {width:33%}
	.sch_bar_style .sch_bar button {position:absolute; right:0;}
	.sch_bar_style .sch_bar input {width:100%}
	#bo_cate {display:block}
	#faq_sch .frm_input {width:100%}
}


@media (max-width:767px) {
	.community_title h3 {font-size:25px}
	.community_tab ul li a {font-size:16px; height:50px; line-height:50px;}
	#bo_cate a {font-size:15px; padding:0 15px;}
	#faq_con p {font-size:15px; }
	#faq_con .con_inner .answer_box .answer_contents {padding:10px 5px 12px 40px}

	#faq_con span {font-size:15px !important}
	#faq_wrap li h3 {line-height:25px; padding-left:40px;}
}

@media (max-width:676px) {
	#bo_cate a {padding:0 13px;}
}
	



@media (max-width:600px) {
	.table-body .table-body-flex {display:block}
	#bo_list .bo_list_sch {margin-top:10px;}
}

@media (max-width:575px) {
	#bo_cate a {font-size:14px;}
	#faq_con p {font-size:14px;}
	#faq_wrap li h3 {padding-left:30px; padding-right:34px;}
	#faq_wrap li h3 .tit_bg {font-size:14px; left:10px;}
	#faq_con span {font-size:14px !important}
	#faq_con .con_inner .answer_box .answer_tit {left:10px;}
	#faq_con .con_inner .answer_box .answer_contents {padding:10px 5px 12px 30px}
	#faq_wrap li h3 .tit_btn{right:4px;}
	#faq_con .con_inner .closer_btn {right:4px;}
	
}

@media (max-width:500px){
	
}


@media (max-width:500px) {
	#bo_cate a {padding:0px 15px; font-size:14px;}
	#faq_con p {font-size:14px; }
	#faq_wrap li h3 .tit_bg {font-size:24px;}
	#faq_con .con_inner .answer_box .answer_tit {font-size:24px;}


	.community_tab ul li a {font-size:14px; height:40px; line-height:40px;} 
	#bo_v_title {font-size:24px}
	#bo_v_ans h2 {font-size:24px;}
	#bo_v_info .info_write {padding-top:0;}
	.bo_v_btn .add_qa {min-width:150px; height:45px; line-height:25px; font-size:18px;}


}

@media (max-width:360px) {
	#bo_cate a{font-size:13px; padding:0 5px;}
	.table-body {padding: 25px 12px;}
}

@media (max-width:330px) {
	#faq_sch {margin:0px 0 0 ;}
	#bo_cate a {font-size: 13px}
}