.center{
	text-align:center;
}
.index_top {
    position: relative;
    width: auto;
    height: 520px;
    background-image: url( /img/blog/top_bg.jpg );
    background-size: 100% 500px;
    background-repeat: no-repeat;

}
.button-main {
	padding: 20px;
}
.button-list a {
	margin: 0px 20px;
	padding: 5px 30px;
	font-size: 20px;
	width: 100px;
	background-color: #EEE;
	color: #333;
	border: 0px;
	border-radius: 5px;
}
.button-list .button.selected{
	background-color:#428bca;
	color:#FFF;
}

.articles{
	margin-top: 30px;
	padding: 10px;
}
.article{
	width: 270px;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 1px 1px 5px #999;
	overflow: hidden;
	display: inline-block;
	margin: 10px;
}
.article .title{
	margin-bottom: 10px;
	font-size: 18px;
	height: 42px;
	color: #153f82;
	text-align: justify;
	text-justify:inter-ideograph;
}
.article .picture{
	background-position: center center;
	background-size: cover;
	width: 270px;
	height: 270px;
}

.article .content{
	margin:10px 0px;
	font-size:14px;
	color: #153f82;
	height:48px;
	text-align: justify;
	text-justify:inter-ideograph;
}

.pages{
	border-radius:5px;
	border:1px solid #ddd;
	display:inline-block;
	background-color:#FFF;
	margin: 50px;
}
.page{
	display:inline-block;
	padding:6px 12px;
	text-decoration:none;
	color:#428bca;
	border-right:1px solid #ddd;
}
.page:last-child{
	border-right:none;
}
.page.current{
	background-color:#EEE;
}
.header_menu .menu-icon[data-id="3"] {
    color: #FFF;
    /*border: #fff 1px solid;*/
    background-color: #4F8EDA;
}