@charset "UTF-8";
@font-face { font-family: "cheeger"; src: url("../fonts/cheeger.eot"); src: url("../fonts/cheeger.eot?#iefix") format("embedded-opentype"), url("../fonts/cheeger.woff") format("woff"), url("../fonts/cheeger.ttf") format("truetype"), url("../fonts/cheeger.svg#cheeger") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "cheeger" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "cheeger" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-align-justify:before { content: "\61"; }

.icon-android:before { content: "\62"; }

.icon-amazon:before { content: "\63"; }

.icon-bolt:before { content: "\64"; }

.icon-btc:before { content: "\66"; }

.icon-git:before { content: "\68"; }

.icon-device-mobile:before { content: "\69"; }

.icon-file-media:before { content: "\6a"; }

.icon-unlock:before { content: "\6b"; }

.icon-aws:before { content: "\6c"; }

.icon-github-square:before { content: "\6d"; }

.icon-thumb-tack:before { content: "\6e"; }

.icon-file-text:before { content: "\6f"; }

.icon-file-text-o:before { content: "\70"; }

.icon-user:before { content: "\71"; }

.icon-rss-square:before { content: "\72"; }

.icon-commenting-o:before { content: "\73"; }

.icon-apple:before { content: "\74"; }

.icon-desktop:before { content: "\75"; }

.icon-server:before { content: "\76"; }

.icon-database:before { content: "\77"; }

.icon-connectdevelop:before { content: "\78"; }

.icon-network:before { content: "\79"; }

.icon-banknote:before { content: "\7a"; }

.icon-play-circle:before { content: "\41"; }

.icon-code:before { content: "\42"; }

.icon-html5:before { content: "\43"; }

.icon-ruby:before { content: "\44"; }

.icon-picture-o:before { content: "\45"; }

.icon-hdd-o:before { content: "\46"; }

.icon-language:before { content: "\47"; }

.icon-envelope-o:before { content: "\48"; }

.icon-envelope:before { content: "\49"; }

.icon-github-alt:before { content: "\4a"; }

.icon-github:before { content: "\4b"; }

.icon-graduation-cap:before { content: "\4c"; }

.icon-briefcase:before { content: "\4d"; }

.icon-atom:before { content: "\4e"; }

.icon-signal:before { content: "\4f"; }

.icon-internet-explorer:before { content: "\65"; }

.icon-chrome:before { content: "\67"; }

.icon-vimeo-square:before { content: "\50"; }

.nav { margin-bottom: 20px; margin-left: 0; }

.nav li { display: inline-block; list-style: none; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { height: 100%; font: 400 15px/2 sans-serif, Helvetica, Arial, "宋体"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 13.125px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #111; text-decoration: underline; }

a.post-link { text-decoration: none; }

a:visited { color: #424242; }

a:hover { color: #828282; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

.page-content .wrapper { background-color: rgba(240, 240, 240, 0.9); padding: 30px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75); }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.icon > svg path { fill: #828282; }

.row { margin-right: -15px; margin-left: -15px; border-bottom: 1px solid #e8e8e8; }

.row:before, .row:after { display: table; content: " "; }

.row:after { clear: both; }

.col-xs-12, .col-xs-6, .col-sm-5, .col-sm-7 { float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; margin: 0; padding: 0; vertical-align: top; }

.col-xs-12 { width: 100%; }

.col-xs-6 { width: 50%; }

@media (min-width: 768px) { .col-sm-7 { width: 58.3333333333%; } .col-sm-5 { width: 41.6666666667%; } }

@media (max-width: 767px) { .col-xs-12 { width: 100%; } }

.section-heading { color: orange; }

.card { position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; }

.card .card-image { background-position: center; height: 300px; width: auto; background-size: cover; }

.card .card-content { padding: 20px; border-radius: 0 0 2px 2px; }

.card-desc { padding: 20px; border-radius: 0 0 2px 2px; }

.card-desc .card-desc-title { margin-top: 40px; }

/** Site header */
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 56px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }

.site-title, .site-title:visited { color: #424242; }

.site-title img { height: 60px; }

.site-nav { float: right; line-height: 56px; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { color: #111; line-height: 2; }

.site-nav .page-link:not(:last-child) { margin-right: 20px; }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

/** Page content */
.page-content { padding: 0; }

.page-heading { font-size: 20px; }

.post-list { margin-left: 0; list-style: none; }

.post-list > li { margin-bottom: 30px; }

.post-list li h2 span { display: inline-block; }

.post-meta { font-size: 13.125px; color: #828282; }

.tag-item { font-size: 12px; border-radius: 2px; background: #e8e8e8; color: #424242; padding: .4em .5em; }

.post-link { display: block; font-size: 24px; }

.word-count { font-size: 12px; color: #424242; border-radius: 2px; padding: .4em .5em; }

#search-input { font-size: 18px; width: 50%; padding: 5px 10px; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }

@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }

.post-content h1 { font-size: 30px; }

@media screen and (max-width: 800px) { .post-content h1 { font-size: 28px; } }

.post-content h2 { font-size: 26px; }

@media screen and (max-width: 800px) { .post-content h2 { font-size: 24px; } }

.post-content h3 { font-size: 22px; }

@media screen and (max-width: 800px) { .post-content h3 { font-size: 20px; } }

.post-content h4 { font-size: 18px; }

@media screen and (max-width: 800px) { .post-content h4 { font-size: 16px; } }

th, td { border: 1px solid black; padding: 2px; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

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

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

.post-content .slick-dots li button:before { font-size: 16px; }

.text-right { text-align: right; }

.idc-loginbtn_wordpress, .idc-head_tools-login, .idc-head_tools-share { display: none !important; }

.icon { color: #424242; vertical-align: middle; }

.icon.highlight { color: firebrick; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*# sourceMappingURL=main.css.map */