@font-face {
  font-family: "Emphasis";
  src: local("Georgia Italic"), local("Georgia");
  font-style: italic;
}
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("font/fontawesome-webfont.eot?v=4.7.0");
  src: url("font/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("font/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("font/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("font/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
}
* {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #555;
  font-family: "Helvetica Neue", "Helvetica", Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  text-shadow: 0 0 1px transparent;
}
@media screen and (max-width: 1260px) {
  body {
    margin: 0 13px;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 13px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.3em;
}
a {
  text-decoration: none;
  color: #555;
}
a:hover {
  color: #222;
  border-bottom: 1px solid #222;
}
em {
  font-family: "Emphasis", STKaiti, "AR PL UKai CN", "AR PL UKai HK", Kai, Kaiti, SimKai, "SimKai_GB2312", serif;
  font-style: normal;
}
i {
  font-family: "Emphasis", STKaiti, "AR PL UKai CN", "AR PL UKai HK", Kai, Kaiti, SimKai, "SimKai_GB2312", serif;
  font-style: normal;
}
hr {
  margin: 20px 19% 20px;
  width: 62%;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: linear-gradient(to right, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.inner {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 1260px) {
  .inner {
    width: 100%;
  }
}
#main-col {
  width: 100%;
}
@media screen and (max-width: 1260px) {
  #main-col {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {
  #main-col {
    margin-right: 0;
    float: none;
  }
}
@media screen and (max-width: 1260px) {
  #wrapper {
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {
  #wrapper {
    margin-right: 0;
  }
}
#header {
  text-shadow: 0 0 1px #fff;
  margin: 50px auto 120px;
  text-align: center;
  color: #555;
}
#header a:hover {
  color: #222;
  border-bottom: none;
}
#header h1 {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1;
}
#header h2 {
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1;
  margin-top: 10px;
}
#header h2 a {
  color: #999;
}
#header #main-nav {
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  text-align: center;
  line-height: 2.5em;
  margin-top: 20px;
}
#header #main-nav ul {
  list-style: none;
}
#header #main-nav ul li {
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
}
#header #main-nav ul li i {
  font-family: FontAwesome;
}
#header #main-nav ul li a:hover {
  color: #222;
}
article.article_index {
  margin-bottom: 90px;
}
article.page {
  padding-left: 0;
}
article.page .icon {
  display: none;
}
article.post .icon:before {
  content: '\f016';
}
article.photo .icon:before {
  content: '\f030';
}
article.link .icon:before {
  content: '\f0c1';
}
article.link .title a:after {
  content: '\f08e';
  color: #999;
  font: 12px FontAwesome;
  padding-left: 10px;
  vertical-align: super;
}
article .post-content {
  padding: 0;
  position: relative;
}
@media screen and (max-width: 600px) {
  article .post-content {
    padding-left: 0;
  }
}
article .border-bottom {
  border-bottom: 1px solid #dadada;
}
article .margin-top-large {
  margin-top: 120px;
}
article .gallery {
  overflow: hidden;
  position: relative;
}
article .gallery:hover .control {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
article .gallery img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
article .gallery .control {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
article .gallery .prev,
article .gallery .next {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
}
article .gallery .prev:before,
article .gallery .next:before {
  position: absolute;
  font: 24px/1 FontAwesome;
  text-align: center;
  width: 24px;
  text-shadow: 0 0 15px rgba(0,0,0,0.5);
  color: #fff;
  margin-top: -12px;
  top: 50%;
}
article .gallery .prev {
  left: 0;
}
article .gallery .prev:before {
  content: '\f053';
  left: 10px;
}
article .gallery .next {
  right: 0;
}
article .gallery .next:before {
  content: '\f054';
  right: 10px;
}
article header {
  text-align: center;
  margin-bottom: 40px;
}
article header .icon {
  width: 32px;
  height: 32px;
  margin-right: 25px;
  position: absolute;
  top: 20px;
  left: 20px;
  color: #555;
}
@media screen and (max-width: 600px) {
  article header .icon {
    display: none;
  }
}
article header .icon:before {
  position: absolute;
  font: 32px FontAwesome;
  top: 0;
  left: 0;
  width: 32px;
  text-align: center;
}
article header time {
  font: 0.9em "Lato", Helvetica Neue, Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline;
  line-height: 1;
}
article header time a {
  color: #999;
}
article header time a:hover {
  color: #222;
  border-bottom-color: #222;
}
article header .categories,
article header .tags,
article header .comment-link {
  color: #999;
  font-size: 0.9em;
  position: relative;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline;
}
article header .categories:before,
article header .tags:before,
article header .comment-link:before {
  position: relative;
  font: 1.1em FontAwesome;
}
article header .categories a,
article header .tags a,
article header .comment-link a {
  color: #999;
}
article header .categories a:hover,
article header .tags a:hover,
article header .comment-link a:hover {
  color: #222;
  border-bottom-color: #222;
}
article header .categories:before {
  content: '\f07b';
  top: 2px;
  left: 1px;
  margin-right: 10px;
}
article header .comment-link:before {
  font: FontAwesome;
  content: '\f075';
  top: 1px;
  margin-right: 5px;
}
article header .tags:before {
  content: '\f02b';
  top: 1px;
  left: 2px;
  margin-right: 5px;
}
article header .title {
  font-weight: normal;
  text-align: center;
}
article header .title a {
  color: #555;
}
article header .title a:hover {
  color: #222;
  border-bottom: none;
}
article .entry {
  text-align: left;
  line-height: 1.6;
}
article .entry p,
article .entry blockquote,
article .entry ul,
article .entry ol,
article .entry dl,
article .entry table,
article .entry iframe,
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6,
article .entry .video-container {
  margin-top: 15px;
}
article .entry a {
  border-bottom: 1px solid #ccc;
  border-bottom-color: #ccc;
}
article .entry a:hover {
  color: #222;
  border-bottom-color: #222;
}
article .entry table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #dfdfdf;
  width: 100%;
}
article .entry table th {
  white-space: nowrap;
  color: #555;
  font-weight: 600;
  background: #eee;
}
article .entry table td,
article .entry table th {
  border: 1px solid #dfdfdf;
  padding: 8px 16px;
  text-align: left;
}
article .entry blockquote {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  font-style: italic;
  font-family: "Georgia", "STSong", "华文宋体", "SimSun", "宋体", "AR PL UMing CN", "AR PL UMing HK", serif;
  font-size: 1.2em;
  padding: 0 30px 15px;
  text-align: center;
}
article .entry blockquote footer {
  border-top: none;
  font-size: 0.8em;
  line-height: 1;
  margin: 20px 0 0;
  padding-top: 0;
}
article .entry blockquote footer cite:before {
  content: '—';
  color: #ccc;
  padding: 0 0.5em;
}
article .entry code,
article .entry pre {
  font-family: "Fira Code", Consolas, Menlo, "DejaVu Sans Mono", "Courier New", "Lucida Console", "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", monospace, sans-serif;
}
article .entry code {
  background: #eee;
  color: #666;
  padding: 0 5px;
  margin: 0 2px;
  font-size: 0.9em;
  border: 1px solid #dadada;
  border-radius: 3px;
}
article .entry pre {
  background: #eee;
  border: 1px solid #dadada;
  margin-top: 15px;
  overflow: auto;
  padding: 7px 15px;
  border-radius: 2px;
}
article .entry pre code {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  display: inline-table;
  width: 100%;
}
article .entry ul,
article .entry ol,
article .entry dl {
  margin-left: 20px;
}
article .entry ul ul,
article .entry ol ul,
article .entry dl ul,
article .entry ul ol,
article .entry ol ol,
article .entry dl ol,
article .entry ul dl,
article .entry ol dl,
article .entry dl dl {
  margin-top: 0;
}
article .entry h1,
article .entry h2 {
  font-weight: normal;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 20px;
}
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6 {
  font-weight: normal;
  text-align: center;
}
article .entry img,
article .entry video {
  max-width: 100%;
  height: auto;
  border: none;
}
article .entry iframe {
  border: none;
}
article .entry .caption {
  display: block;
  margin-top: 5px;
  color: #999;
  position: relative;
  font-size: 0.9em;
  padding-left: 25px;
}
article .entry .caption:before {
  content: '\f040';
  position: absolute;
  font: 1.3em FontAwesome;
  position: absolute;
  left: 0;
  top: 3px;
}
article .entry .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
article .entry .video-container iframe,
article .entry .video-container object,
article .entry .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
article .entry .pullquote {
  float: right;
  border: none;
  padding: 0;
  margin: 1em 0 0.5em 1.5em;
  text-align: left;
  width: 45%;
  font-size: 1.5em;
}
article .tagcloud {
  text-align: center;
}
article .tagcloud a {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
article footer {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #999;
  font-size: 0.9em;
  line-height: 16px;
  position: relative;
  min-height: 16px;
  text-align: center;
  margin-bottom: 15px;
}
article footer a {
  color: #999;
}
article footer a:hover {
  color: #222;
  text-decoration: none;
  border-bottom: none;
}
article footer a:before {
  font: 1.1em FontAwesome;
  padding-right: 10px;
  vertical-align: middle;
}
article footer a:after {
  font: 1.1em FontAwesome;
  padding-left: 10px;
  vertical-align: middle;
}
article footer a.more-link:after {
  content: '\f054';
}
article footer a.comment-link:before {
  content: '\f075';
}
article footer .categories,
article footer .tags {
  position: relative;
  padding-left: 25px;
  margin: 5px 0;
}
article footer .categories:before,
article footer .tags:before {
  position: absolute;
  font: 1.1em FontAwesome;
}
article footer .categories:before {
  content: '\f07b';
  top: 2px;
  left: 1px;
}
article footer .tags:before {
  content: '\f02b';
  top: 3px;
  left: 2px;
}
article footer .addthis {
  margin-top: 15px;
}
article footer .addthis iframe {
  margin-top: 0;
}
article footer .bdshare {
  float: left;
  position: relative;
  left: 50%;
  margin-left: -160px;
}
#pagination a:hover {
  border-bottom: none;
}
.comment {
  margin-bottom: 100px;
}
.post-divider {
  margin: 120px 19% 120px;
  width: 62%;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
  background-image: linear-gradient(to right, rgba(0,0,0,0), #dadada, rgba(0,0,0,0));
}
#pagination a {
  padding: 5px 10px;
  color: #999;
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  margin-bottom: 50px;
}
#pagination a:hover {
  color: #222;
  border-bottom: none;
}
#pagination .prev:before {
  content: '\f053';
  padding-right: 10px;
  font-family: FontAwesome;
}
#pagination .next:after {
  content: '\f054';
  padding-left: 10px;
  font-family: FontAwesome;
}
.archive-title {
  color: #999;
  font-weight: normal;
  margin-bottom: 30px;
  text-shadow: 0 0 1px #fff;
}
.archive-title:before {
  font-family: FontAwesome;
  content: '\f073';
  padding-right: 15px;
}
.archive-title.tag:before {
  content: '\f02b';
}
.archive-title.category:before {
  content: '\f07b';
}
.archive {
  border-bottom: 1px solid #dadada;
  padding-bottom: 120px;
  margin-bottom: 15px;
}
.archive article {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.archive article .post-content {
  margin-bottom: 0;
}
#sidebar {
  width: 270px;
  line-height: 1.8em;
  border-left: 1px solid #dadada;
  padding-left: 15px;
}
@media screen and (max-width: 900px) {
  #sidebar {
    float: none;
    width: 100%;
  }
}
#sidebar .widget {
  margin-bottom: 100px;
  word-wrap: break-word;
}
#sidebar .widget .title {
  padding: 15px 20px;
  font-size: 1em;
  border-bottom: 1px solid #dadada;
  font-weight: normal;
}
#sidebar .widget .entry {
  font-size: 0.9em;
  padding: 15px 20px;
}
#sidebar .widget ul,
#sidebar .widget ol,
#sidebar .widget dl {
  list-style: none;
}
#sidebar .widget ul ul,
#sidebar .widget ol ul,
#sidebar .widget dl ul,
#sidebar .widget ul ol,
#sidebar .widget ol ol,
#sidebar .widget dl ol,
#sidebar .widget ul dl,
#sidebar .widget ol dl,
#sidebar .widget dl dl {
  list-style: disc;
  margin-left: 20px;
}
#sidebar .search {
  margin-bottom: 100px;
}
#sidebar .search input[type="search"],
#sidebar .search input[type="hidden"] {
  background: transparent;
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 1em;
  padding: 10px 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid #dadada;
  border-left: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
}
#sidebar .search input[type="search"]:focus,
#sidebar .search input[type="hidden"]:focus {
  color: #555;
}
#sidebar #search_selector {
  text-align: center;
  font-size: 0.9em;
  margin-top: 0.5em;
}
#sidebar #search_selector input[type="radio"] {
  display: none;
}
#sidebar #search_selector label {
  margin-left: 1em;
  margin-right: 1em;
  vertical-align: middle;
  cursor: pointer;
}
#sidebar #search_selector input[type="radio"] + label span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  width: 0.6em;
  height: 0.6em;
  border: 0.25em solid #dadada;
  border-radius: 50%;
  background-color: #dadada;
}
#sidebar #search_selector input[type="radio"]:checked + label span {
  background-color: #999;
}
#sidebar .tag small {
  margin-left: 15px;
  color: #999;
}
#sidebar .tag small:before {
  content: '(';
}
#sidebar .tag small:after {
  content: ')';
}
#sidebar .twitter li {
  border-bottom: 1px solid #dadada;
  padding: 15px 20px;
  font-size: 0.9em;
}
#sidebar .twitter li:last-of-type {
  border-bottom: none;
}
#sidebar .twitter small {
  display: block;
  margin-top: 10px;
  color: #999;
  line-height: 1;
}
#sidebar .tagcloud {
  text-align: center;
}
#sidebar .tagcloud .entry {
  padding-right: 5px;
}
#sidebar .tagcloud a {
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
}
#footer {
  color: #999;
  margin-bottom: 50px;
  font: 0.9em/1.6 "Lato", Helvetica Neue, Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  text-shadow: 0 0 1px #fff;
  text-align: center;
}
#footer ul li {
  display: inline;
  list-style: none;
  margin-left: 7px;
  margin-right: 7px;
}
#footer ul li a {
  color: #999;
}
#footer ul li a:hover {
  color: #222;
  border-bottom-color: #222;
}
.entry .gist {
  background: #eee;
  border: 1px solid #dadada;
  margin-top: 15px;
  padding: 7px 15px;
  border-radius: 2px;
  text-shadow: 0 0 1px #fff;
  line-height: 1.6;
  overflow: auto;
  color: #666;
}
.entry .gist .gist-file {
  border: none;
  font-family: inherit;
  margin: 0;
  font-size: 0.9em;
}
.entry .gist .gist-file .gist-data {
  background: none;
  border-bottom: none;
}
.entry .gist .gist-file .gist-data pre {
  padding: 0 !important;
  font-family: "Fira Code", Consolas, Menlo, "DejaVu Sans Mono", "Courier New", "Lucida Console", "Noto Sans CJK SC", "Noto Sans CJK S Chinese", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft YaHei", monospace, sans-serif;
}
.entry .gist .gist-file .gist-meta {
  background: none;
  color: #999;
  margin-top: 5px;
  padding: 0;
  text-shadow: 0 0 1px #fff;
  font-size: 100%;
}
.entry .gist .gist-file .gist-meta a {
  color: #555;
}
.entry .gist .gist-file .gist-meta a:visited {
  color: #555;
}
figure.highlight {
  background: #eee;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  text-shadow: 0 0 1px #fff;
  line-height: 1.6;
  overflow: auto;
  position: relative;
  display: inline-table;
  width: 100%;
}
figure.highlight figcaption {
  color: #999;
  margin-bottom: 5px;
  text-shadow: 0 0 1px #fff;
}
figure.highlight figcaption a {
  position: absolute;
  right: 15px;
}
figure.highlight pre {
  display: inline-table;
  border: none;
  padding: 0 0;
  margin: 0 0;
}
figure.highlight table {
  margin: 0 0;
  border-spacing: 0;
  border: none;
  display: inline-table;
}
figure.highlight table tbody {
  border: none;
  display: inline-table;
}
figure.highlight table tbody tr {
  border: none;
  display: inline-table;
}
figure.highlight table tbody tr td {
  border: none;
}
figure.highlight .gutter {
  color: #999;
  padding-right: 15px;
  border-right: 1px solid #dadada;
  text-align: right;
}
figure.highlight .code {
  padding-left: 15px;
  color: #666;
}
figure.highlight .line {
  height: 20px;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl,
pre .literal,
pre .id {
  color: #268bd2;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}