body {
    background: #F7F7F7;
    font-size: 16px;
    font-family: 'Avenir Next',Avenir,'Helvetica Neue',Helvetica,'Lantinghei SC','Hiragino Sans GB',sans-serif;
    padding: 0;
    margin: 0;
    letter-spacing: 1px;
}

header {
    text-align: center;
    padding: 30px 10px;
}

* { box-sizing: border-box }
header h1, header h6 { margin-bottom: 0; border: none }
header h6 { margin-top: 7px; font-size: 12px; color: #999; height: 16px }
header h6 a { color: #999; border-bottom: 1px solid #777 }
header h6 a:hover { color: #999; border-bottom: none; text-decoration: none }
footer { color: #777; text-align: center; padding: 10px; border-top: 1px solid #DDD; font-size: 13px }
footer p { color: #999; font-size: 12px; margin: 0 }

nav {
    text-align: center;
    background: #DDD;
}

nav a {
    display: inline-block;
    padding: 5px 0;
    margin-right: 30px;
}

nav a:last-child {
    margin-right: 0;
}

article, #comments {
    margin: 20px auto;
    padding: 0 10px;
    max-width: 740px;
}

article img, .comment-content img { max-width: 1000px }
article a { letter-spacing: 0; word-break: break-all; }
@media (max-width: 1000px) {
    article img, .comment-content img { max-width: 100% }
}

article iframe { margin-bottom: 20px }

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}

h1 { font-size: 26px; }
h2 { font-size: 25px; }
h3 { font-size: 23px; margin-bottom: 15px }
h4 { font-size: 21px; border: none; margin-bottom: 10px }
h5 { font-size: 19px; border: none; margin-bottom: 5px }
h6 { font-size: 17px; border: none; margin-bottom: 0 }

table { width: 100%; display: table; border-collapse: collapse; table-layout: fixed; margin: 20px 0; letter-spacing: 0; border: 1px solid #AAA }
td, th { display: table-cell; padding: 10px; border: 1px solid #AAA }
th { text-align: center; background: #DDD }
td { font-size: 14px }
tr:hover td { background: #FFFFAA }

strong { font-weight: 600 }
p, ul, ol, blockquote { padding: 0; margin: 0 0 20px 0; line-height: 26px; }
ul, ol { padding-left: 20px }
blockquote { border-left: 2px solid #ccc; padding: 10px 10px 10px 20px; background: #EEE }
blockquote *:last-child, li *:last-child { margin-bottom: 0 }
a { color: #0000DD; text-decoration: none }
a:hover { color: #0000EE; text-decoration: underline }

.archive ul li { font-size: 18px; line-height: 24px; list-style: none; margin-bottom: 20px }
.archive ul { padding: 0 }

textarea, input { padding: 5px; border: 1px solid #777; border-bottom-color: #eee; border-right-color: #eee; border-radius: 0; font-size: 14px }
input { width: 100%; max-width: 300px }
textarea { resize: none; width: 100%; max-width: 600px; }

code { padding: 2px 4px; letter-spacing: 0; border: 1px solid #D4D4D4; font-size: 14px }
pre, code {
    font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
    color: #000;
    background: #FFF;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
   padding: 5px 0;
   margin-top: 30px;
}

.img-wrap { text-align: center; margin-left: calc((100vw - 700px) / -2); margin-right: calc((100vw - 700px) / -2); margin-bottom: 20px; width: 100vw }
.img-wrap img { float: none }

@media (max-width: 740px) {
    .img-wrap { margin-left: -10px; margin-right: -10px }
}

pre { border: 1px solid #d4d4d4; margin: 0 0 20px 0; overflow: auto; line-height: 20px }
pre code { border: none; padding: 0; color: #839496; font-size: 13px }
.meta { font-style: italic; color: #aaa; font-size: 13px; display: block }
.meta a { color: #aaa }

ol.page-navigator { list-style: none; padding: 0 }
ol.page-navigator li { display: inline-block; padding: 0 10px; background: #DDD; margin-right: 10px; }
ol.page-navigator li.current { background: #EEE }

#comments ol { list-style: none; margin: 0; padding: 0 }
#comments li.comment-body { margin-top: 10px; border-top: 1px solid #E4E4E4; padding-top: 10px; word-break: break-all; font-size: 14px }
#comments li.comment-body li.comment-body { margin-left: 60px }
#comments h3 { border: none; font-size: 20px; margin: 50px 0 20px 0; padding: 0 }
#comment-form label { display: block }
img.avatar { float: left; margin-right: 10px }
.comment-author, .comment-meta { line-height: 18px; font-size: 13px }
.comment-author cite { font-style: normal }
.comment-content { margin: 10px 0; line-height: 20px }
.respond { margin-top: 20px; border-top: 1px dotted #ddd; padding-top: 20px }
.comment-body .respond { padding: 20px 20px 1px 20px; background: #E3E3D3 }
.submit {
    background: #fff;
    font-size: 14px;
    padding: 3px 20px;
    cursor: pointer;
    border: 2px solid #777;
    border-top-color: #eee;
    border-left-color: #eee;
    max-width: 600px;
    width: 100%;
    border-radius: 0;
}

.jigu .comment-author { display: none }
.jigu #comments li.comment-body { border: none }
.jigu .respond { padding: 0; margin: 0; border-top: 1px solid #ddd; background: #eee; position: fixed; bottom: 0; left: 0; width: 100% }
.jigu form { padding: 5px 10px; margin: 10px; border: 1px solid #ccc; border-radius: 5px; background: #fff; position: relative }
.jigu input { border: none; padding: 0; line-height: 24px; width: 100%; padding-right: 50px; max-width: none }
.jigu button { border: none; width: 30px; background: green; text-align: center; padding: 0; line-height: 24px; border-radius: 10px; color: #fff; position: absolute; right: 10px; top: 5px }
.jigu .comment-content { padding: 10px; background: #E3E3D3; border-radius: 5px; position: relative }
.jigu #comments li.comment-body { margin-top: 20px }
.jigu #comments li.comment-body:first-child { margin-top: 0 }
.jigu .comment-content:before { position:absolute; content: " "; left: 10px; top: -10px; border-top: 10px solid #F7F7F7; border-right: 10px solid #E3E3D3; }
.jigu .comment-content:after { position:absolute; content: " "; top: -10px; left: 20px; border-left: 10px solid #E3E3D3; border-top: 10px solid #F7F7F7; }
footer.jigu { margin-bottom: 60px }

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}