section {
	
}

section .title_bg {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 20em
}

section .title {
	margin-top: 4em;
	width: 100%;
	height: 3em;
	line-height: 3em;
	font-size: 1.5em;
	text-align: left;
	color: #fff
}

.wrapper {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top:3.5em;
}
.post{
    border:1px solid #eee;
    padding:0 15px;
}

@media (max-width: 768px){
    
    section .side-bar {
	display:none;
    }
    section .title {
        display:none;
    }
    .right-container{
        width:100% !important;
    }
    .wrapper {
      padding-top:10em !important;  
    }
}
section .side-bar {
	float: left;
	background-color: #fafafa;
	width: 18%;
	overflow: hidden
}

section .side-bar li {
	padding: 0 2em;
	display: block;
	background-color: #fafafa;
	height: 4em;
	line-height: 4em;
	text-align: left;
	position: relative
}

section .side-bar li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	height: 4em;
	line-height: 4em;
	display: block;
	border-bottom: 1px solid #e9e9e9
}

section .side-bar li a:link {
	color: #000
}

section .side-bar li a:visited {
	color: #000
}

section .side-bar li a:hover {
	color: #0068ff
}

section .side-bar li a:active {
	color: #000
}

section .side-bar li:last-child a {
	border: 0
}

section .side-bar li i {
	position: absolute;
	cursor: pointer;
	right: 2em;
	top: 0;
	height: 4em;
	line-height: 4em;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
	color: #acacac;
	vertical-align: top
}

section .side-bar li i em {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	*display: inline;
	*zome: 1;
	font-size: .5em;
	width: 1em;
	height: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle
}

section .side-bar li:hover em,section .side-bar li.selected em {
	background-color: #0068ff
}

section .side-bar li:hover a:link,section .side-bar li.selected a:link {
	color: #0068ff
}

section .side-bar li:hover a:visited,section .side-bar li.selected a:visited {
	color: #0068ff
}

section .side-bar li:hover a:hover,section .side-bar li.selected a:hover {
	color: #0068ff
}

section .side-bar li:hover a:active,section .side-bar li.selected a:active {
	color: #0068ff
}

.right-container {
	
	background-color: #fff;
	display: inline-block;
	_zoom: 1;
	_display: inline;
	*display: inline;
	*zome: 1;
	width: 80%;
	position: relative
}
.content-list{
    padding:0;
}
.page-content p {
     margin-bottom: 0px;
}
.right-container .box-wrapper .content-list li {
	padding: 8px 8px 0;
	border: 1px solid #e9e9e9;
	margin-bottom: 1em;
	position: relative
}

.right-container .box-wrapper .content-list li img {
	width: 100%
}

.right-container .box-wrapper .content-list li .more-info {
	width: 96%;
	position: relative;
	margin: 0 auto
}

.right-container .box-wrapper .content-list li .more-info h1 {
	
	background-color: #fff;
	font-size: 1.8em;
	margin: 0 auto;
	border-bottom: 1px solid #e4e4e4
}

.right-container .box-wrapper .content-list li .more-info span {
	line-height: 3em;
	height: 3em;
	margin-right: 1em;
	color: #676464
}

.right-container .box-wrapper .content-list li .more-info span i {
	vertical-align: top;
	font-size: .8em;
	color: #000
}

.right-container .box-wrapper .content-list li .more-info span i.bigger {
	font-size: 1.2em
}

.right-container .box-wrapper .content-list li .more-info span.separate-line {
	color: #e4e4e4;
	margin-right: 1em
}

.right-container .box-wrapper .content-list li .more-info a {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	*display: inline;
	*zome: 1;
	position: absolute;
	
	right: 0;
	bottom: 0;
    font-size:0.7em
}

.right-container .box-wrapper .content-list li .more-info a span {
	color: #000;
	margin-right: 0;
	margin-left: .4em
}