@charset "utf-8";

.list-category .div-tab.tabs { margin-bottom:5px; }

.faq-search { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.faq-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.faq-content { line-height:180%;word-break: keep-all;}
.faq-content img { width:auto; height:auto; max-width:100%; }
.faq-content p { padding:0; margin:0; line-height:180%; }
.faq-none { padding:50px 0px; text-align:center; color:#888; }

.chk_index{position:absolute;right:0px;top:15px;}


/*Γί°‘*/
#faq_box{ margin-bottom:15px; }
#faq_box .div-panel.panel-group .panel-heading .ck_box{ z-index:11;  position:absolute; top:10px; right:0; }
#faq_box .div-panel.panel-group .panel-heading a{ position:relative;  padding:20px 70px; border-top:1px solid #ddd; font-size:16px; line-height:150%; color:#333; 
	background-image:url('/thema/Basic/img2022/faq_arrow01.png');  background-position:right 20px top 25px; background-repeat:no-repeat; 
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#faq_box .div-panel.panel-group .panel-heading a .q_box,
#faq_box .div-panel.panel-group .panel-body .a_box{ position:absolute; top:12px; left:20px; width:35px; height:35px; border-radius:100%; background:#e7e7e7; line-height:35px; text-align:center; color:#fff; font-weight:700; font-size:16px;  
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; 
}
#faq_box .div-panel.panel-group .panel-heading a.active{ color:#333; font-weight:700; background-image:url('/thema/Basic/img2022/faq_arrow02.png'); border-color:#333;   }
#faq_box .div-panel.panel-group .panel-heading a.active .q_box{ background:#333; }
#faq_box .div-panel.panel-group .panel-body .a_box{ background:#13a7cb; }

#faq_box .div-panel.panel-group .panel-body{ position:relative;  padding:20px 20px 20px 70px; background:#f0f6fc;  }
#faq_box .div-panel.panel-group .panel-body .faq-content{ font-size:15px; line-height:170%;  }

@media all and ( max-width:1024px){
	#faq_box .div-panel.panel-group .panel-heading .ck_box{ top:7px; }
	#faq_box .div-panel.panel-group .panel-heading a{ padding:15px 50px; font-size:14px;  background-position:right 10px top 20px; }
	#faq_box .div-panel.panel-group .panel-heading a .q_box,
	#faq_box .div-panel.panel-group .panel-body .a_box{ top:10px; left:10px; width:30px; height:30px; line-height:30px; font-size:15px; }
	#faq_box .div-panel.panel-group .panel-body{ padding:15px 15px 15px 50px; }
	#faq_box .div-panel.panel-group .panel-body .faq-content{ font-size:13px; }
}
@media all and ( max-width:768px){
	#faq_box .div-panel.panel-group .panel-heading .ck_box{ top:5px; }
	#faq_box .div-panel.panel-group .panel-heading a{ padding:10px 10px 10px 45px; background-image:none; }
	#faq_box .div-panel.panel-group .panel-heading a.active{ background-image:none;  }
	#faq_box .div-panel.panel-group .panel-heading a .q_box,
	#faq_box .div-panel.panel-group .panel-body .a_box{ top:5px; left:5px; font-size:14px; }
	#faq_box .div-panel.panel-group .panel-body{ padding:10px 10px 10px 45px; }
}