.accordion {
 	width: 100%;
 	background: #FFF;
	padding: 0;
	margin: 0;
	margin-bottom: 24px;
 }

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 0px;
    padding-left: 15px;
    border-bottom: 1px solid #eef5f8;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	border-left: 2px solid #ffffff;
}
.accordion .link:hover {
	border-left: 2px solid #02509e;
}

.accordion .link span{
	font-size: 13px;
    line-height: 40px;
    color: #333;
}
.accordion .link img{
	width: 16px;
    height: 16px;
    float: right;
    margin-right: 15px;
    margin-top: 12px;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li img {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li.open .link{
	background-color: #f4fbfe;
	border-left: 2px solid #02509e;
}
.accordion li.open .link span{
	color: #02509e;
    font-weight: 700;
}
.accordion li.open img {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #ffffff;
	 padding: 24px 30px;
	 border-bottom: 1px solid #edf5f8;
 }
 .submenu span{
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

@media (min-width: 320px) and (max-width:767px) {
	.accordion .link {
		padding:10px 12px 10px 12px;
	}
	.accordion .link span {
		font-size: 12px;
		line-height: 16px;
		color: #333;
	}
	.accordion .link img {
		width: 16px;
		height: 16px;
		float: right;
		margin-right: 6px;
		margin-top: 2px;
	}
	.submenu {
		padding: 15px 15px;
	}
	
}