html{
	font-family:'PingHei', 'PingFang SC', Helvetica Neue , 'Work Sans', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
}
body{
	margin: 0;
}
h1,h2,h3,h4,h5{
	margin: 0;
}
a{
	text-decoration:none;
	color:#00ab6b;
}
a:hover{
	text-decoration:underline;
}

.content{
	width: 100%;
	margin: 0 auto;
}

/* header style */

.masthead{
	height: 500px;
	width: 100%;
	background-image: url("back.jpg");
	position: absolute;
	top:0;
	left:0;
	right: 0;
	background-size: cover;
	background-position: center;
}
.cms_nav{
	width: 860px;
	margin: 0 auto;
	padding-top: 40px;
}
.cms_nav ul{
	float: right;
}
.cms_nav li{
	display: inline;
}
.cms_nav a{
	color: #fff;
	padding-left: 20px;
}
.cms_nav a:hover{
	text-decoration: underline;
}
.masthead-title{
	padding-top: 260px;
	width: 860px;
	margin: 0 auto;
}
.masthead-title a{
	font-size: 42px;
	color: #fff;
}
.masthead-title a:hover{
	text-decoration:underline;
}
.masthed-description{
	width: 860px;
	margin: 0 auto;
	padding-top: 50px;
	color:#fff;
}
.cms_sitename{
	float: left;
}
.cms_main {
	padding-top: 550px;
	width: 860px;
	margin: 0 auto;
}
/* posts style */
.post{
	margin: 50px 0px 50px 0px;
}
.post-title a{
	color: #333;
	font-size: 26px;
}
.post-date{
	color: #989898;
	font-size: 14px;
}
.post-content{
	line-height: 26px;
	letter-spacing: 0.6px;
}
.post-content img{
	max-width: 860px;
}
.post-content p{
	color:#353535;
	font-size: 16px;
}
/* footer style */

.cms_footer{
	width: 860px;
	margin: 0 auto;
	text-align: center;
	padding: 100px 0px 50px 0px;

}
.cms_footer_text{
	color:#999;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;

}
/* markdown style */
pre{
	display: block;
	margin-top:0;
	margin-bottom:20px;
	padding:20px;
	white-space:pre;
	white-space:pre-wrap;
	word-break: breal-all;
	word-wrap: break-word;
}
code{
	padding:20px;
	border-radius: 4px;
}
pre code{
	padding: 0;
}
/* mobie style */

@media screen and (max-width: 768px) {
.cms_nav{
	width: 80%;
}
.masthead-title{
	width: 80%;
}
.masthed-description{
	width: 80%;
}
.cms_main{
	width: 80%;
}
.cms_footer{
	width: 80%;
}
.post-content p{
	font-size: 14px;
}
.post-content img{
	max-width: 100%;
}
}