body {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
	font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
a, input, button {
	outline: none !important;
}
a:focus, a:hover, .btn-link:focus, .btn-link:hover {
    text-decoration: underline;
    text-underline-position: under;
}
.main {
	max-width: 950px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

small {
	color: #777;
}

.l {
	float: left;
}

.r {
	float: right;
}

.mr2 {
	margin-right: 2px;
}

.mr3 {
	margin-right: 3px;
}

.mr4 {
	margin-right: 4px;
}

.mr6 {
	margin-right: 6px;
}

.mr8 {
	margin-right: 8px;
}

.ml2 {
	margin-left: 2px;
}

.ml3 {
	margin-left: 3px;
}

.ml4 {
	margin-left: 4px;
}

.ml6 {
	margin-left: 6px;
}

.ml8 {
	margin-left: 8px;
}

.label-site {
	font-size: 14px;
	vertical-align: middle;
	margin-right: 6px;
  cursor: pointer;
}
.breadcrumb > li + li::before {
	content: "| ";
}
.text {
	width: 100%;
	height: 150px;
}
.btn-code {
	padding: 6px 16px;
}
.row {
	margin-top: 4px;
}
.code-keyword {
	color: #069;
	font-weight: bold;
}
.code-comment {
	color: #008200;
}
.code-vars {
	color: #D00;
}
.code-string {
	color: #00F;
}
p {
	text-indent: 2em;
	line-height: 1.8;
}
section h1,section h2,article h2,aside .title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.1)
}

section h1 {
  font-size: 18px;
  text-align: left;
  line-height: 20px
}

section h2 {
  margin: 16px 0 0;
  text-align: left
}

article h2,aside .title {
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px dashed #ccc
}

article h2 i[class],aside .title i[class] {
  margin: 0 6px 0 0
}

aside .bookmark .title {
  color: #ffb;
  font-weight: 400;
  border-bottom: none
}

section label,section .label,section .info {
  color: #606060;
  margin: 0 0 12px;
  padding: 4px 0 8px;
  display: block;
  font-size: 12px;
  border-bottom: 1px dashed #ccc
}

section .info {
  padding: 0;
  border-bottom: none
}

section .info i[class] {
  margin: 0 4px 0 0
}