/* c_faq_box */
.faq_box_left{width: 45%;}
.faq_box_left .faq_pic{padding-bottom: 150%; overflow: hidden;}
.faq_box_right{width: 50%;}

.c_faq_box .web_th .title{text-transform: none; margin-top: 5%;}

.c_faq_box .faq_th{padding: 6% 0 3%; font-size: 24px; color: #000; font-weight: bold;}

.faq_list li{}
.faq_list li .th{position: relative; color: #000; padding: 12px 55px 12px 24px; border: 1px solid #006634; cursor: pointer; line-height: 1.3;}
.faq_list li .th .title{font-size: 20px;}

.faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 28px; color: #006634; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '+';}

.faq_list li .brief{padding: 15px 30px 15px 24px; line-height: 1.75; display: none; border: 1px solid #006634;}

.faq_list li.sel_item .th{color: #006634;}
.faq_list li.sel_item .right_icon::before{content: '-'; font-size: 32px;}
.faq_list li.sel_item .brief{display: block;}
.faq_list li:hover{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);}

@media only screen and (max-width: 1200px) {
	.c_faq_box .faq_th{font-size: 22px; padding: 4% 0 2%;}
}

@media only screen and (max-width: 950px) {
	.c_faq_box .layout{flex-wrap: wrap;}
	.faq_box_left, .faq_box_right{width: 100%;}
	.faq_box_left .faq_pic{padding-bottom: 70%;}
	.c_faq_box .faq_th{padding: 20px 0 12px; font-size: 20px;}
	.faq_list li .th{padding: 12px 40px 12px 16px;}
	.faq_list li .right_icon{right: 6px;}
	.faq_list li .th .title{font-size: 18px;}
	.faq_list li .brief{padding: 12px 16px;}
}