.accordion {
	width:100%;
	max-width:270px;
}
.accordion,
.accordion li {
	margin: 0;
	padding: 0;
	border: none;
	/*background: #f2f2f2;*/
	margin-bottom:1px;
}
.accordion li {
	background-color:#f2f2f2;
	/*background-color:#e4e4e4;*/
}
.accordion a {
	padding: 2px 10px 2px 40px;
	font-size:15px;
	/*background: #f2f2f2;*/
	text-decoration:none;
	display: block;
	color: #3c3c3c;
	position: relative;
}
.accordion a.dcjq-parent {
	/*background: #D7D4D4 url(images/bg_grey.png) repeat-x 0 -1px;*/
	background-color:#b0aeaf;
	color:#fff;
	font-size:18px;
	padding: 12px 10px 12px 40px;
}
.accordion a.dcjq-parent:hover,
.accordion a.dcjq-parent.active {
	background-color:#0b9f25;
	color:#fff;
	font-size:18px;
}

.accordion a.dcjq-parent.open {}
.accordion a .dcjq-icon {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 20px;
	margin-top: -17px;
	height: 34px;
	/*background: url(images/arrow_grey_right.png) no-repeat 0 center;*/
	background:url(images/myarrow01.png) 0px 9px no-repeat;
}

.accordion a.dcjq-parent.open .dcjq-icon {
	/*background: url(images/arrow_grey_down.png) no-repeat 0 center;*/
	background:url(images/myarrow01.png) 0px 9px no-repeat;
}
.accordion a.dcjq-parent:hover .dcjq-icon,
.accordion a.dcjq-parent.open:hover .dcjq-icon,
.accordion a.dcjq-parent.open.active .dcjq-icon {
	background:url(images/myarrow02.png) 0px 9px no-repeat;
}

.accordion a.active .dcjq-icon {
	background:url(images/myarrow02.png) 0px 9px no-repeat;
}
.accordion a:hover {
	background: #fff;
	color: #990000;
}
.accordion a:open {}

.submenu {
	padding:5px 0;
}
.submenu li {
	padding:3px 10px;
}
.submenu a:hover,
.submenu a.active {
	background:url(images/myarrow03.png) 13px 8px no-repeat #fff;
	color:#61af6f;
	text-decoration: underline;	
}

body.page_about.a01 .submenu a.b1-1,
body.page_about.a02 .submenu a.b1-2,
body.page_about.a03 .submenu a.b1-3,
body.page_about.a04 .submenu a.b1-4,
body.page_about.a05 .submenu a.b1-5,
body.page_about.a06 .submenu a.b1-6 {
	background:url(images/myarrow03.png) 13px 8px no-repeat #fff;
	color:#61af6f;
	text-decoration: underline;	
}

/*第三層*/
.accordion .submenu a.dcjq-parent {
	background-color:transparent;
	color: #3c3c3c;
	font-size: 15px;
	padding: 2px 10px 2px 40px;
}
.accordion .submenu a.dcjq-parent:hover {
	background-color:#fff;
	color: #f01a22;
}
.accordion .submenu a .dcjq-icon {
	display:none;
}
.accordion .submenu a.dcjq-parent.open .dcjq-icon {
	display:none;
}

.accordion .submenu2 {
	padding:10px 0;
	background-color:#fff;
}
.accordion .submenu2 li {
	padding:0;
}
.accordion .submenu2 a {
	background: url(images/myarrow04.png) 35px 6px no-repeat #fff;
	padding: 0px 10px 0px 54px;
}

.accordion .submenu a.dcjq-parent.active {
	background-color: #fff;
	color: #f01a22;
	font-size: 15px;
	padding: 6px 10px 6px 40px;
}

/*單一*/
.accordion a.single {
	background:url(images/myarrow01.png) 13px 19px no-repeat #b0aeaf;
	color: #fff;
	font-size: 17px;
	padding: 12px 10px 12px 40px;
}
.accordion a.single:hover,
.accordion a.single.active {
	background:url(images/myarrow02.png) 13px 19px no-repeat #f01a22;
	color: #fff;
	font-size: 17px;
	padding: 12px 10px 12px 40px;
}

/*==============================================================================================*/
/*==============================================================================================*/
@media only screen and (min-width: 1px) and (max-width: 767px) {
.accordion {
	width:100%;
	max-width:none;
}

}