@charset "utf-8";
/* CSS Document */

.contentBox .leftBox{
	float:left;
	width:75%;}

.contentBox .rightBox{
	float:right;
	width:23%;}

ul.faqList{
	clear:both;}

ul.faqList > li{
	background:#C1834C;
	margin-bottom:10px;
	
	transition:all 0.4s ease;}

ul.faqList > li:hover{
	background:#C1834C;}

ul.faqList li h3{
	padding:10px;
	padding-right:45px;
	cursor:pointer;
	position:relative;
	
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;}

ul.faqList li h3 b{
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	font-weight:normal;
	margin-right:10px;
	color:#E72330;}

ul.faqList li h3 a.toggleOpen{
	cursor:pointer;
	display:block;
	
	padding:4px 8px;
	border-radius:3px;
	font-size:17px;
	color:#FFFFFF; /*收合十字顏色*/
	font-weight:bold;
	
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-14px;}

ul.faqList li .definition{
	display:none;
	padding:15px;
	background:#8C6238; /*#F9DC84*/
	font-size:16px;
	color:#fff;
	line-height:1.8;}

@media (max-width: 640px){

	.contentBox .leftBox{
		float:none;
		width:100%;
		padding:0;}
	
	.contentBox .rightBox{
		float:none;
		width:100%;
		margin-top:30px;}
	
	ul.faqList li h3{
		padding:10px;}
	
	ul.faqList li h3 a.toggleOpen{
		position:static;
		margin:0;
		margin-top:10px;
		background:#F9DC84;
		padding:10px 0;
		text-align:center;}
	
	ul.faqList li .definition{
		background:none;}
	
}