@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none;
  color: #bbb
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

body {
  width: 100%;
  margin: 0 auto;
  color: #333;
  background: #f7f7f7;
  font-family: 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', PingHei, sans-serif, Helvetica Neue, 'Work Sans', 'Microsoft YaHei', SimSun;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 2em;
  text-align: justify;
  word-wrap: break-word
}

.wrapper {
  max-width: 820px;
  background: #fff;
  margin: 0 auto;
  margin-top: 60px;
  box-shadow: 0 10px 20px 0 hsla(0, 0%, 93%, .86);
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1f1f1f;
  font-weight: 700;
  margin: 1em 0 .5em;
  line-height: 1em
}

h1 {
  font-size: 1.8em;
  margin: 1.5em 0 1em
}

h2 {
  margin: 1em 0 .8em
}

h2,
h3 {
  font-size: 1.2em
}

h3 {
  margin: 1.2em 0 .8em
}

h4 {
  font-size: 1.1em
}

a {
  text-decoration: none;
  -webkit-transition: .5s;
  transition: .5s;
  color: #999
}

a:hover {
  color: #555
}

blockquote,
figure,
hr,
ol,
p,
pre,
table,
ul {
  margin-bottom: 1em
}

b,
strong {
  font-weight: 700
}

em,
italic {
  font-style: italic
}

hr {
  border-bottom: 1px solid #eee;
  border-top: 0;
  border-left: 0;
  border-right: 0
}

blockquote {
  padding: 0 50px 1em 40px;
  border-left: 10px solid #ddd;
  background: #f7f7f7
}

blockquote:before {
  color: #ddd;
  content: "“";
  font-size: 6em;
  vertical-align: -.4em;
  margin-left: -33px;
  line-height: 0
}

table {
  background-color: #f7f7f7;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #eee;
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word
}

td,
th {
  border-left: 1px solid #eee;
  padding: .5em 1em;
  vertical-align: middle;
  border-top: 1px solid #eee
}

th {
  font-weight: 700
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9
}

code {
  border-bottom: 1px solid #ddd;
  border-radius: 4px;
  padding: .1em .5em
}

code,
pre {
  font-family: consolas, Courier, monospace, sans-serif;
  font-size: .9em;
  background: #f7f7f7
}

pre {
  overflow: auto;
  letter-spacing: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0 5%;
  padding-top: 1em;
  padding-bottom: 1em
}

pre code {
  border-bottom: 0;
  padding: 0;
  font-size: inherit
}

code,
pre p {
  margin: 0
}

pre br {
  display: none
}

sup {
  vertical-align: super
}

sub {
  vertical-align: sub
}

sub,
sup {
  font-size: .8em;
  line-height: 0
}

ul {
  list-style: square;
  margin-left: 1em
}

ol {
  list-style: decimal;
  margin-left: 1.3em
}

del {
  opacity: .3
}

::-moz-selection {
  background: #000;
  color: #fff
}

::selection {
  background: #000;
  color: #fff
}

section.search input {
  width: 100%;
  font-size: .875em;
  font-family: 'Open Sans', 'PingFang SC', 'Hiragino Sans GB', PingHei, sans-serif, Helvetica Neue, 'Work Sans', 'Microsoft YaHei', SimSun;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  outline: 0;
  display: inline-block;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #eee;
  text-align: center;
  padding: .8em 0;
  background-color: #f7f7f7;
  -webkit-transition: .5s;
  transition: .5s
}

section.search input:focus,
section.search input:hover {
  background-color: inherit
}

.clear {
  clear: both
}

header {
  margin: 0 auto;
  min-height: 140px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 75pt
}

header .logo {
  float: left
}

header .description {
  float: right
}

header img {
  width: 65px;
  border-radius: 5px
}

header h1 {
  color: #333;
  font-size: 1.8em;
  margin: .5em;
  margin-right: 0;
  text-align: right
}

header h2 {
  font-size: .8em;
  color: #bbb;
  font-weight: 400
}

header h2,
nav {
  text-align: right
}

nav {
  width: 100%;
  margin-top: 2em
}

nav ul {
  margin-left: 0
}

nav ul,
nav ul li {
  display: inline-block;
  padding-left: .3em
}

nav ul li a {
  font-size: .8em;
  width: auto;
  display: block;
  padding: .5em .8em;
  color: #999;
  line-height: 2em;
  border-top: 2px solid #555
}

nav ul li a:hover {
  font-weight: 700;
  color: #fff;
  background: #555
}

article,
main section.content {
  padding: 0 5%
}

article h1,
main section.content h1 {
  margin-bottom: .3em
}

article .meta,
main section.content .meta {
  color: #bbb;
  font-size: .8em;
  padding: 20px 0 40px
}

article .meta a,
main section.content .meta a {
  margin: 0 .3em
}

article .meta .item,
main section.content .meta .item {
  margin-right: 10px
}

article h2 span,
main section.content h2 span {
  font-size: .53em;
  margin-left: .3em;
  color: #bbb;
  font-weight: 400
}

article .article-list h2:before,
main section.content .article-list h2:before {
  content: ''
}

article h2:before,
main section.content h2:before {
  content: "# ";
  color: #555
}

article h3:before,
main section.content h3:before {
  content: "## ";
  color: #555
}

article h4:before,
main section.content h4:before {
  content: "### ";
  color: #555
}

article ul span,
main section.content ul span {
  font-size: .8em;
  margin-left: .3em
}

article ul time,
main section.content ul time {
  margin-right: .3em
}

article ol ul,
article ul ol,
article ul ul,
main section.content ol ul,
main section.content ul ol,
main section.content ul ul {
  margin-left: 0
}

article .info span,
main section.content .info span {
  margin: 0 0 2em;
  border: 1px solid #eee;
  padding: 15px 20px;
  color: #bbb;
  display: block
}

article.content {
  font-size: .875em;
  margin-top: 50px
}

article.content dl,
article.content h1,
article.content h2,
article.content h3,
article.content h4,
article.content h5,
article.content h6,
article.content legend,
article.content ol,
article.content p,
article.content ul {
  padding: 0 5%
}

article.content h2 {
  margin: 2em 0 1.2em
}

article.content h3 {
  margin: 1.8em 0 1em
}

article.content h1 {
  font-size: 1.4em;
  margin: 1em 0 .8em;
  padding: 0 5%;
  text-align: left
}

article.content .meta,
section.content .meta {
  border-bottom: 0;
  padding: 20px 0 40px 5%
}

article {
  padding-left: 0;
  padding-right: 0
}

article ol p,
article ul p {
  padding: 0;
  margin: 0 auto
}

article blockquote ol,
article blockquote p,
article blockquote ul {
  padding: 0
}

article hr {
  margin: 1em 5%
}

article figure {
  text-align: center
}

article figure img {
  max-width: 100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

article figure figcaption {
  font-size: .8em;
  color: #bbb;
  margin-top: -5px;
  margin-bottom: 1em;
  padding: 0 5%;
  line-height: 1.8em
}

article img {
  max-width: 100%
}

article embed,
article iframe {
  width: auto;
  border: 0;
  margin: 1em 0
}

article .post a {
  border-bottom: 1px solid;
  padding: 3px
}

article .post sub a,
article .post sup a {
  border-bottom: 0;
  padding: 0
}

article .post sub a:before,
article .post sup a:before {
  content: "["
}

article .post sub a:after,
article .post sup a:after {
  content: "]"
}

article .toc {
  margin: 0 5% 2em;
  border: 1px solid #eee;
  padding: 15px 20px 0
}

article .toc ul {
  list-style: circle;
  padding: 0;
  color: #bbb;
  margin-left: 1em
}

article .toc a {
  border-bottom: none
}

article ol,
article ul {
  color: inherit;
  margin-left: 2em
}

article ol ol,
article ol ul,
article ul ol,
article ul ul {
  margin-bottom: 0;
  padding: 0
}

article .footnotes ol,
article .footnotes ul {
  margin-left: 1em;
  color: #bbb
}

article ul span {
  font-size: inherit;
  margin-left: inherit
}

.md_line {
  letter-spacing: .5px
}

.list-pager {
  padding: 30px 20px;
  font-size: .875em;
  margin: 0 30px
}

.list-pager .next {
  float: right
}

.list-pager .next i {
  margin-left: 8px
}

.list-pager .pre {
  float: left
}

.list-pager .pre i {
  margin-right: 8px
}

section.pager {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  overflow: auto;
  margin: 2em 0 0;
  font-size: .875em
}

section.pager .full_paginator.full_pager a {
  padding-left: 1em;
  padding-right: 1em
}

section.pager a {
  padding: 1em 0;
  display: inline-block
}

section.pager a.current {
  color: #555
}

section.pager a:hover {
  background: #f7f7f7
}

section.pager a.pre,
section.pager span.pre {
  float: left;
  text-align: left;
  width: 45%;
  padding-left: 5%
}

section.pager a.pre:before,
section.pager span.pre:before {
  content: "‹";
  font-size: 1.3em;
  padding-right: 5px;
  font-weight: 700;
  line-height: 1em
}

section.pager a.next,
section.pager span.next {
  float: right;
  text-align: right;
  width: 45%;
  padding-right: 5%
}

section.pager a.next:after,
section.pager span.next:after {
  content: "›";
  font-size: 1.3em;
  padding-left: 5px;
  font-weight: 700;
  line-height: 1em
}

section.pager span {
  color: #bbb;
  padding: 1em 0
}

section.pager .paginator a {
  padding: 1em .5em
}

section#comments {
  padding: 0 5%;
  background: #f7f7f7;
  border-bottom: 1px solid #eee;
  padding-top: .5em
}

.doc_comments {
  margin-top: 0 !important;
  padding: 0 !important
}

.doc_comments .comments_block_title {
  display: none
}

.doc_comments #new_comment_form .comment_trigger .trigger_title {
  margin-left: 62px !important;
  line-height: 3pc !important
}

.doc_comments #new_comment_form {
  font-size: .875em;
  background-color: inherit !important;
  border: 0 !important;
  margin: 15px 0 !important
}

.doc_comments #new_comment_form .input_body {
  background-color: inherit !important;
  border-top: 1px solid #eee
}

.doc_comments #new_comment_form .input_body li input {
  padding-left: 0 !important;
  padding-right: 1em !important
}

.doc_comments #new_comment_form .input_body li {
  margin-top: 8px !important
}

.doc_comments #new_comment_form .comment_submit_button {
  font-size: .875em;
  margin: 8px 0 !important;
  border-radius: 0 !important;
  cursor: pointer
}

.doc_comments .comments ul {
  margin: 0
}

.doc_comments .comments .comment {
  padding: 0 !important;
  background-color: inherit !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid #eee !important
}

.doc_comments .comments .comment .author {
  padding: 1em 0 0 !important
}

.doc_comments .comments .comment .author .author-name {
  float: left
}

.doc_comments .comments .comment .author b {
  background-color: inherit !important;
  color: #999 !important;
  -webkit-transition: .5s;
  transition: .5s;
  margin-left: 62px !important;
  font-size: .9em !important;
  font-weight: 700 !important
}

.doc_comments .comments .comment .author b:hover {
  color: red !important
}

.doc_comments .comments .comment .author .reply {
  font-size: .75em !important;
  background: inherit !important;
  color: transparent !important;
  -webkit-transition: .5s;
  transition: .5s
}

.doc_comments .comments .comment .author .reply:before {
  content: "回复";
  color: #fff;
  margin-right: -2em;
  background: #ddd;
  padding: 3px 4px 2px
}

.doc_comments .comments .comment .author small {
  float: left;
  margin: 0 !important;
  color: #ccc;
  padding-top: 4px;
  font-size: .8em
}

.doc_comments #new_comment_form .comment_trigger .avatar,
.doc_comments .comments .comment .author .avatar {
  width: 3pc !important;
  height: 3pc !important
}

.doc_comments #new_comment_form .comment_trigger .avatar img,
.doc_comments .comments .comment .author .avatar img {
  border-radius: 5% !important
}

.doc_comments .comments .comment .author .avatar {
  top: 1em !important
}

.doc_comments .comments .comment .p_part {
  margin: 0 0 .7em !important
}

.doc_comments .comments .comment .comment_content {
  color: #333;
  margin-left: 62px;
  margin-top: 21px
}

.doc_comments .comments .sub_comments {
  padding-left: 62px !important
}

.doc_comments .comments .sub_comments .sub_comments .sub_comments {
  padding-left: 0 !important
}

aside {
  overflow: auto;
  padding-top: 20px;
  max-width: 680px;
  margin: 0 auto
}

aside .aside-left {
  width: 75%
}

aside .aside-right {
  width: 25%
}

aside .sidebar {
  float: left
}

aside .sidebar h3 {
  font-weight: 400;
  font-size: 14px
}

aside .sidebar li {
  font-size: 9pt;
  float: left;
  width: 50%;
  display: block
}

aside span {
  font-size: .8em;
  margin-left: .3em;
  color: #bbb
}

.article-list {
  padding: 0 20px;
  margin: 0 30px
}

.article-list article {
  margin-top: 50px
}

.article-list article h2 {
  line-height: 30px;
  font-weight: 600
}

.article-list article h2 a {
  color: #1f1f1f
}

.article-list article .meta {
  border-bottom: 1px solid #f3f3f3
}

.excerpt p {
  color: #333;
  letter-spacing: .2px;
  line-height: 2em;
  text-align: left
}

.archived-posts,
.excerpt p {
  font-size: .875em
}

footer {
  text-align: center;
  padding: 60px 0;
  font-size: .8em;
  line-height: 3em;
  color: #bbb
}

footer .powered_by {
  line-height: 1.2em
}

footer .footer_slogan {
  padding-top: 25px;
  max-width: 90pt;
  margin: 0 auto;
  padding-bottom: 10px
}

#back_to_top {
  background: #fff;
  box-shadow: 0 10px 20px 0 hsla(0, 0%, 93%, .86)
}

#back_to_top span {
  color: #ccc
}

@media only screen and (max-width:600px) {
  .wrapper {
    margin-top: 0
  }

  header .logo {
    display: none
  }

  header .description {
    float: none
  }

  header .description h1,
  header .description h2 {
    text-align: center
  }

  .article-list {
    margin: 0;
    padding: 0
  }

  .article-list .meta {
    padding-left: 5%;
    padding-right: 5%
  }

  nav {
    width: 100%;
    text-align: center;
    margin-top: 2em
  }

  aside .sidebar {
    width: 100%;
    float: none
  }

  aside,
  main section.content,
  pre {
    padding: 0 5%
  }

  aside {
    padding-top: 20px
  }

  pre {
    padding-top: 1em;
    padding-bottom: 1em
  }

  article dl,
  article h1,
  article h2,
  article h3,
  article h4,
  article h5,
  article h6,
  article legend,
  article ol,
  article p,
  article ul {
    padding: 0 5%
  }

  blockquote {
    padding: 0 25px 1em 20px;
    border-left: 5px solid #ddd
  }

  blockquote:before {
    margin-left: -20px
  }

  .doc_comments #new_comment_form .comment_trigger .avatar,
  .doc_comments .comments .comment .author .avatar {
    width: 36px !important;
    height: 36px !important
  }

  .doc_comments #new_comment_form .comment_trigger .trigger_title,
  .doc_comments .comments .comment .author b,
  .doc_comments .comments .comment .comment_content {
    margin-left: 3pc !important
  }

  .doc_comments .comments .comment .p_part {
    font-size: .95em;
    line-height: 2em
  }

  .doc_comments .comments .sub_comments {
    padding-left: 3pc !important
  }

  .doc_comments .comments .sub_comments .sub_comments {
    padding-left: 0 !important
  }
}

.codehilite .c {
  color: #999
}

.codehilite .err {
  color: #a61717;
  background-color: #e3d2d2
}

.codehilite .k {
  color: #8b008b;
  font-weight: 700
}

.codehilite .n,
.codehilite .o,
.codehilite .p {
  color: #555
}

.codehilite .cm {
  color: #999
}

.codehilite .cp {
  color: #1e889b
}

.codehilite .c1 {
  color: #999
}

.codehilite .cs {
  color: #8b008b;
  font-weight: 700
}

.codehilite .gd {
  color: #a00
}

.codehilite .ge {
  font-style: italic
}

.codehilite .gr {
  color: #a00
}

.codehilite .gh {
  color: navy;
  font-weight: 700
}

.codehilite .gi {
  color: #0a0
}

.codehilite .go {
  color: #888
}

.codehilite .gp {
  color: #555
}

.codehilite .gs {
  font-weight: 700
}

.codehilite .gu {
  color: purple;
  font-weight: 700
}

.codehilite .gt {
  color: #a00
}

.codehilite .kc,
.codehilite .kd,
.codehilite .kn,
.codehilite .kp,
.codehilite .kr {
  color: #8b008b;
  font-weight: 700
}

.codehilite .kt {
  color: #a7a7a7;
  font-weight: 700
}

.codehilite .m {
  color: #b452cd
}

.codehilite .s {
  color: #cd5555
}

.codehilite .na,
.codehilite .nb {
  color: #658b00
}

.codehilite .nc {
  color: #008b45;
  font-weight: 700
}

.codehilite .no {
  color: #00688b
}

.codehilite .nd {
  color: #707a7c
}

.codehilite .ni {
  color: #555
}

.codehilite .ne {
  color: #008b45;
  font-weight: 700
}

.codehilite .nf {
  color: #008b45
}

.codehilite .nl {
  color: #555
}

.codehilite .nn {
  color: #008b45;
  text-decoration: underline
}

.codehilite .nx,
.codehilite .py {
  color: #555
}

.codehilite .nt {
  color: #8b008b;
  font-weight: 700
}

.codehilite .nv {
  color: #00688b
}

.codehilite .ow {
  color: #8b008b
}

.codehilite .w {
  color: #bbb
}

.codehilite .mb,
.codehilite .mf,
.codehilite .mh,
.codehilite .mi,
.codehilite .mo {
  color: #b452cd
}

.codehilite .s2,
.codehilite .sb,
.codehilite .sc,
.codehilite .sd,
.codehilite .se {
  color: #cd5555
}

.codehilite .sh {
  color: #1c7e71;
  font-style: italic
}

.codehilite .si {
  color: #cd5555
}

.codehilite .sx {
  color: #cb6c20
}

.codehilite .sr {
  color: #1c7e71
}

.codehilite .s1,
.codehilite .ss {
  color: #cd5555
}

.codehilite .bp {
  color: #658b00
}

.codehilite .vc,
.codehilite .vg,
.codehilite .vi {
  color: #00688b
}

.codehilite .il {
  color: #b452cd
}

.post>iframe {
  width: 50%;
  margin-left: 5% !important;
}