/*--å·¦å´ç¯©é¸åˆ—è¡¨--*/

.filter_list {
		width: 376px;
		margin: 0px 0px 0px 0px;
	}

.filter_list a {
	color:#43434B;
}

.filter_list .card-body ul {
	list-style: none;
	margin: 0px;
	padding: 0px 12px 14px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
}

.filter_list .card-body ul li{
	padding:8px 16px;
	
}

.filter_list .card-body ul li:hover, .filter_list .card-body ul li > * {
	 cursor: pointer; 
	}


/*--1006ä¿®æ”¹--*/
.filter_list .card-body ul li.active, .filter_list .card-body ul li:hover {
background:rgba(89, 49, 173, 0.05);
	color:#5931AD;
}

.f_title {
	display: inline-block;
	font-size:16px;
	font-weight:500;
  }

.f_count {
	float:right;
	margin: 0px 0px 0px 0px;	
}


/*--å¸¸è¦‹å•é¡Œ--*/
.qa_list {
}

.divQa {
	background: #fff;
}

/*--1006ä¿®æ”¹--*/

.divQa .qa_mark {
    float: left;
	font-size: 18px;
	font-weight: 700;
	color: #4C2992;
	padding: 30px 0px 10px 0px;
	border-bottom: 2px solid #fff;
	width: 100%;
	background: #F6F5F8;
}

.qa_block {
	margin: 0px 0px 30px 0px;
}




/*==================================
                 åˆ—è¡¨
====================================*/
.filter_list .accordion .card {
	padding:1px 0px;
	border: 0;
	}
.filter_list .accordion>.card>.card-header {
	position: relative;
	margin-bottom: 0;
	padding: 0;
	font-size:1.2em;}
@media (max-width: 1200px) {
	.filter_list .accordion .card-header {
		border-bottom: 0;}}
.filter_list .accordion .card-header button {
	display: block;
	position: relative;
	margin-bottom: 0;
	padding: .75rem .75rem;
	/*font-size: 1em;*/
	text-align: left;
	border-radius: 0;
	background:#fff;

	
	}
	

.filter_list .accordion .card-header button[data-toggle="collapse"]:after {
  content: "\f107";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2%;
  margin-right: 6px;
 font-family: "FontAwesome";
  
  
  font-weight: 900;
  font-size:18px;
  margin: 0px 24px 0px 0px;
  pointer-events: none;
	transform: translate(0, -50%);
	
	}
.filter_list .accordion .card-header button[aria-expanded="true"]:after {
	content: '\f106';
	/*color: var(--primary);
	color: hsla(218, 56%, 44%, 1);*/}
@media (max-width: 1200px) {
	.filter_list .accordion .card-header button[data-toggle="collapse"]:after {
		margin-right: 0;
		right: 3%;}}

.filter_list .accordion .collapse {
	border-top: 0;}
.filter_list .accordion .card-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*padding: 1.5rem;*/
	background-color: #FFF;}


  
 .filter_list .accordion .card-body ul li:hover {
	 color:#5931AD;
 }

@media (max-width: 1200px) {
	.filter_list .accordion .card-header button {
    display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;}
	.filter_list .card-header button p {
		max-width: 90%;}}

.filter_list .accordion .card-body .editor {
	margin-bottom: 0;
	padding:10px 25px;
	font-size:0.85em;}


		
.filter_list .accordion .card-header button {
	font-size:0.8em;
	padding:10px 22px 10px 22px;
	background:#fff;
}

/*--æ‰‹æ©Ÿç‰ˆç¯©é¸--*/
.md-modal .filter_list {
    margin: 50px 0px 0px -5px;
}


.md-modal .filter_list .accordion .card-header button {
	padding:10px 0px 10px 10px;
}

.md-modal .filter_list .card-body ul {
	padding: 0px 0px 20px 0px;
}

.md-modal .filter_list .card-body ul li {
	padding: 8px 12px;

}

}


/*--å¸¸è¦‹å•é¡Œåˆ—è¡¨--*/

.qa_list {
		width:376px;
	margin:0px 0px 0px 0px;
	}

.qa_list .card-body ul {
	list-style:none;
	margin:0px;
	padding: 0px 12px 20px 12px;
	margin:0px 0px 0px 0px;
	width:100%;
	font-size:14px;
	font-weight:400;
}

.qa_list .card-body ul li{
	padding:8px 16px;
}



.qa_list .card-body ul li.active{
background:rgba(89, 49, 173, 0.05);
	color:#5931AD;
}

.qa_title {
display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #232327;
    padding: 0px 50px 0px 0px;	
  }


/*--1006ä¿®æ”¹--*/
.qa_sort {
	margin: 5px 0px 0px 0px;
	font-size:14px;
	font-weight:400;
	color:#A8A8B2;	
}

/*==================================
                 åˆ—è¡¨
====================================*/
.qa_list .accordion .card {
	padding:1px 0px;
	border: 0;
	}
.qa_list .accordion>.card>.card-header {
	position: relative;
	margin-bottom: 0;
	padding: 0;

	
	}
@media (max-width: 1200px) {
	.qa_list .accordion .card-header {
		border-bottom: 0;}}
.qa_list .accordion .card-header button {
	display: block;
	position: relative;
	margin-bottom: 0;
	padding: .75rem .75rem;
	/*font-size: 1em;*/
	text-align: left;
	border-radius: 0;


	
	}
	
	
.qa_list .accordion .card-header button[aria-expanded="true"] {
	/*color: var(--primary);
	color: hsla(218, 56%, 44%, 1);*/
	background:rgba(255, 255, 255, 0.5);
	color:#5931AD;

	}
	
	
.qa_list .accordion .card-header button[aria-expanded="true"] .qa_title {
	color:#5931AD;

	}
	
	
.qa_list .accordion .card-header button[data-toggle="collapse"]:after {
  content: "\f107";
  display: inline-block;
  position: absolute;
  top: 30%;
  right: 2%;
  margin-right: 6px;
  /*font-family: "Font Awesome 5 Free";*/
 font-family: "FontAwesome";
  
  
  font-weight: 900;
  font-size:18px;
  margin: 0px 24px 0px 0px;
  pointer-events: none;
	transform: translate(0, -50%);
	
	}
.qa_list .accordion .card-header button[aria-expanded="true"]:after {
	content: '\f106';
	/*color: var(--primary);
	color: hsla(218, 56%, 44%, 1);*/}
@media (max-width: 1200px) {
	.qa_list .accordion .card-header button[data-toggle="collapse"]:after {
		margin-right: 0;
		right: 3%;}}

.qa_list .accordion .collapse {
	border-top: 0;
	border-bottom: 1px solid rgba(246, 245, 248, 1);
}
.qa_list .accordion .card-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0px 20px 20px 20px;
	font-size:16px;
	font-weight:400;
	line-height:23.17px;
	background:rgba(255, 255, 255, 0.5);
	
	
	}


  
 .qa_list .accordion .card-body ul li:hover {
	 color:#5931AD;
 }

@media (max-width: 1200px) {


		
		
	.qa_list .card-header button p {
		max-width: 90%;}

.qa_list .accordion .card-body .editor {
	margin-bottom: 0;
	padding:10px 25px;
	font-size:0.85em;}


		
.qa_list .accordion .card-header button {

	padding:20px 20px 20px 20px;
		white-space: initial ;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		display:block;
		background:none;
		border-bottom:2px solid #fff;


}

}








