.side {
    width: 242px;
    float: left;
}
.has-side .content {
    width: 730px;
    float: right;
}
.side-title {
}
.side-nav {
    background: #fff;
	border-bottom:1px solid #EBEBEB;
	border-left:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;;
	padding: 0;
    margin: 0;
	position:relative;
}
.side-nav:after {
	position:absolute;
	background: url(article/side_bg.png) no-repeat;
	display: inline-block;
    content: "";
	height:12px;
	width:242px;
	z-index: -10;	
}
.side-nav li a {
    position: relative;
    display: block;
    line-height: 1.6;
}
.side-nav > li {
    padding: 0px 0 0px;
	border-bottom:1px dashed #C8C8C8;
}
.side-nav > li > a {
    color: #6D6D6D;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px 10px 10px;
}
.side-nav > li > a:hover,
.side-nav > li.active > a {
    color: #2478BF;
}
.side-nav > li.active > a {
	border-bottom:1px dashed #C8C8C8;
}
.side-nav > li.has-child {
    background: url(../images/side_border.png) 0 100% repeat-x;
}
.side-nav > li.has-child > a {
    background: url(article/side_ic.jpg) 222px 17px no-repeat;
}
.side-nav > li.has-child > a:hover,
.side-nav > li.has-child.active  > a {
    color: #2478BF;
    background: url(article/side_ic-.jpg) 222px 17px no-repeat;
}
.side-nav ul {
    display: none;
    padding: 6px 0;
	background: #F7F7F7;
}
.side-nav ul li a {
    font-size: 14px;
    padding: 6px 12px 6px 26px;
    letter-spacing: 0;
	color: #777777;
}
.side-nav ul li a:hover,
.side-nav ul li.active > a {
    color: #2478BF;
	text-decoration:underline;
}
.side-nav ul li a:hover:before{
    color: #2478BF;
}
.side-nav ul li a:before {
    content: '●';
    display: inline-block;
    color: #777;
    position: absolute;
    left: 12px;
    top: 5px;
}
.side-nav > li:last-child{
	border-bottom:none;
}