#faqlist{
}
#faqlist li{
	background-image:url(/images/37/faq-1.png),url(/images/37/faq-2.png),url(/images/37/faq-3.png),url(/images/37/faq-4.png),url(/images/37/faq-border.png),url(/images/37/faq-border.png),url(/images/37/faq-border.png),url(/images/37/faq-border.png);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-y,repeat-x,repeat-y;
	background-position:0 0,100% 0,100% 100%, 0 100%,0 0,100% 0,100% 100%, 0 100%;
	margin-bottom:20px;
}
#faqlist li .faq-icon{
	display: inline-block;
    margin-right: 20px;
	float: left;	
}
#faqlist li .faqdetail{
	position:relative;
}
#faqlist li .faqdetail >h3{
	padding: 25px 20px;
	color:#bf8b6c;
	font-size:18px;
	overflow:hidden;
	line-height: 34px;
}
#faqlist li .faqdetail >h3:after{
	content: '';
    background-image: url(/images/37/faq-open.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 24px;
    background-position: 0 0;
    position: absolute;
    display: block;
    top: 42px;
    left: 95%;
}
#faqlist li .faqdetail >h3 b{
    border-right: 1px solid #4c4c4c;	
    padding-right: 20px;
}
#faqlist li .menu_body{
	padding: 25px 20px;
	transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	overflow:hidden;
	background-color: #efefef;
	background-image:url(/images/37/faq-3.png),url(/images/37/faq-4.png);
	background-repeat:no-repeat;
	background-position:100% 100%, 0 100%;
}
#faqlist li .menu_body:before{
	content: '';
    background-image: url(/images/37/faq-open.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 24px;
    background-position: 0 99%;
    position: absolute;
    display: block;
    top: 33px;
    left: 95%;
}
#faqlist li .menu_body .real{
    border-left: 1px solid #4c4c4c;
	float: left;
	padding-left: 20px;
	float: left;
    width: 85%;
	color:#686868;
}
#faqlist li .menu_body b{
	padding-top:10px;
}
@media screen and (max-width: 780px) {
	#faqlist li .faqdetail >h3:after,
	#faqlist li .menu_body:before{
		left: 90%;
	}
	#faqlist li .menu_body .real{
		width:70%;
	}
}
@media screen and (max-width: 500px) {
	#faqlist li .faqdetail >h3:after{
	}
	#faqlist li .faqdetail >h3:after,
	#faqlist li .menu_body:before{
		left: 85%;
		top: 32px;
		width: 15px;
		background-size:15px;

	}
	#faqlist li .menu_body:before{
		top: 17px;
	}
	#faqlist li .faq-icon img{
		width:25px;
	}
	#faqlist li .faqdetail >h3{
	    padding: 15px 20px;	
	}
}