/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,aside,footer,header,nav,section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

figcaption,figure,main {
	display: block;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	overflow: visible;
}

pre {
	font-family: monospace,monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,strong {
	font-weight: inherit;
	font-weight: bolder;
}

code,kbd,samp {
	font-family: monospace,monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

audio,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,input,optgroup,select,textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,input {
	overflow: visible;
}

button,select {
	text-transform: none;
}

fieldset {
	padding: .35em .75em .625em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

body,html {
	font-size: 1.1rem;
	color: #303642;
	height: 100%;
	height: 100vh;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	background-color: #fff;
	display: grid;
	font-family: "LXGW WenKai Screen", sans-serif;
	grid-template-areas: "nav" "main" "footer";
	grid-template-columns: 1fr;
	grid-template-rows: 2rem 1fr 2rem;
}

nav {
	-ms-flex-item-align: center;
	align-self: center;
	grid-area: nav;
}

main {
	grid-area: main;
}

footer {
	-ms-flex-item-align: center;
	align-self: center;
	grid-area: footer;
}

main {
	justify-self: center;
	margin-bottom: 1rem;
	margin-top: 1rem;
	max-width: 60rem;
	min-width: 0;
	width: 100%;
}

footer {
	display: grid;
	font-size: 18px;
	height: 100%;
	line-height: 1;
	padding: 0 1rem;
}

@media (max-width:50rem) {
	footer {
		grid-row-gap: .2rem;
		text-align: center;
	}
}

footer div {
	-ms-flex-item-align: center;
	align-self: center;
}

footer div a {
	vertical-align: middle;
}

footer div a:active,footer div a:hover,footer div a:visited {
	text-decoration: none;
}

footer div.powered-by {
	grid-row-start: 2;
}

@media (min-width:50rem) {
	footer div.powered-by {
		grid-column: 1;
		grid-row-start: unset;
		justify-self: start;
	}
}

footer div.copyright {
	grid-row-start: 1;
}

@media (min-width:50rem) {
	footer div.copyright {
		grid-column: 2;
		grid-row-start: unset;
		justify-self: end;
	}
}

.homepage {
	padding: 0 1rem;
}

.homepage .avatar {
	border-radius: 50%;
}

.homepage hr {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

a {
	color: #1e90ff;
	text-decoration: none;
}

a:active,a:hover,a:visited {
	text-decoration-line: underline;
  text-decoration-style: dashed;
}

nav {
	display: grid;
	height: 100%;
	line-height: 1;
	padding: 0 1rem;
}

nav .title {
	-ms-flex-item-align: center;
	align-self: center;
	grid-column: 1;
}

nav .title a {
	vertical-align: middle;
}

nav .title a:active,nav .title a:hover,nav .title a:visited {
	text-decoration: none;
}

nav .nav {
	-ms-flex-item-align: center;
	align-self: center;
	grid-column: 2;
	justify-self: end;
}

nav .nav a {
	display: inline-block;
	height: 1rem;
	margin-left: 0.4rem;
	width: 1rem;
}

nav .nav a:active,nav .nav a:hover,nav .nav a:visited {
	text-decoration: none;
}

nav .nav a svg {
	color: #000;
	height: 1rem;
	width: 1rem;
	vertical-align: middle;
}

nav .nav a svg.rss {
	color: #f26522;
}

.page-content,.pagination {
	padding: 0 1rem;
}

.pagination {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1.5rem;
}

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

article {
	padding: 0 3rem;
	max-width: 42rem;
}

article header {
	text-align: center;
}

article header p {
	color: silver;
	font-size: .8rem;
	margin: 0 auto;
}

article header p a {
	color: silver;
}

article section {
	margin: 3rem 0;
}

article footer {
	text-align: center;
}

article footer #disqus_thread {
	margin-top: 4rem;
}

ul.post-list {
	padding: 0 1rem;
}

ul.post-list a:active,ul.post-list a:hover,ul.post-list a:visited {
	text-decoration: none;
}

ul.post-list a:last-child li {
	border-bottom: 1px solid silver;
}

ul.post-list a li {
	border-top: 1px solid silver;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
	padding: .5rem 0;
}

@media (max-width:50rem) {
	ul.post-list a li {
		display: block;
		text-align: center;
	}
}

ul.post-list a li .date {
	color: silver;
	font-style: italic;
	font-weight: 400;
	margin-left: 2rem;
	white-space: nowrap;
}

@media (max-width:50rem) {
	ul.post-list a li .date {
		display: none;
	}
}

.taxonomies {
	padding: 0 1rem;
}

.taxonomies ul li {
	color: silver;
	list-style-type: decimal;
}

.taxonomies-list {
	padding: 0 1rem;
}

.taxonomies-list h2 {
	margin-bottom: 2rem;
	text-align: center;
}

.taxonomies-list h2 span {
	color: silver;
}

.taxonomies-list h2 a {
	padding: 0 .5rem;
}

.taxonomies-list h2 a svg {
	height: 1rem;
	width: 1rem;
	vertical-align: middle;
}

.taxonomies-list h2 a svg.rss {
	color: #f26522;
}

h1 {
	margin-bottom: 1.2rem;
	margin-top: 2.4rem;
	font-size: 1.8rem;
	color: #102030;
}

h2 {
	margin-bottom: 1.1rem;
	margin-top: 2.2rem;
	font-size: 1.4rem;
}

h3 {
	margin-bottom: 1rem;
	margin-top: 2rem;
	font-size: 1.3rem;
}

h4 {
	margin-bottom: .9rem;
	margin-top: 1.8rem;
	font-size: 1rem;
}

h5 {
	margin-bottom: .8rem;
	margin-top: 1.6rem;
	font-size: 1rem;
}

h6 {
	margin-bottom: .7rem;
	margin-top: 1.4rem;
	font-size: 1rem;
}

p {
	margin-bottom: 0.3rem;
}

p code {
	background-color: #f8f8f8;
	color: #f0506e;
	padding: .2rem .3rem;
}

p img {
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.75);
	-moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.75);
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.75);
	display: block;
	border-radius: 1%;
	max-width: 100%;
	margin: 3rem auto;
}

hr {
	border: 0;
	border-bottom: 1px solid hsla(0,0%,100%,.3);
	border-top: 1px solid rgba(0,0,0,.1);
	height: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

figure {
	margin: 2rem auto;
}

figure img {
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.75);
	-moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.75);
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.75);
	display: block;
	border-radius: 1%;
	max-width: 100%;
	margin: 0 auto;
}

figure figcaption {
	font-style: italic;
	margin-top: 1rem;
	text-align: center;
}

blockquote {
	padding: 10px 20px;
	border-left: 3px solid rgba(25,118,210,.7);
	color: #145ca4;
	background: rgba(25,118,210,5%);
}

blockquote p {
	margin-top: 0;
}

blockquote  {
	color: #666;
}pre {
	margin: 2rem auto;
	padding: 1rem;
}

pre {
	display: grid;
	overflow: auto;
}

pre,pre code {
	background-color: #202020;
	color: #d0d0d0;
}

pre code {
	min-width: 0;
	width: 50vw;
}

div.gist,div.highlight,table:not(.highlight) {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

table:not(.highlight) {
	border-collapse: collapse;
	border-style: hidden;
	width: 100%;
}

table:not(.highlight) thead tr th {
	font-weight: 700;
	text-align: left;
}

table:not(.highlight) tbody tr td,table:not(.highlight) thead tr th {
	border: 1px solid silver;
	padding: .5rem;
	vertical-align: middle;
}

ul {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

ul.task-list {
	list-style: none;
	padding-left: 20px;
}

ul.task-list li label input {
	margin-right: 5px;
}

.gist {
	display: grid;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.gist .gist-file {
	overflow: auto;
}

.twitter-tweet {
	margin: 2rem auto!important;
}

@media (max-width:550px) {
	.twitter-tweet {
		width: 0!important;
	}
}

instagram-media {
	margin: 2rem auto!important;
}

.chroma {
	color: #d0d0d0;
	background-color: #202020;
}

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

.chroma .lntd {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}

.chroma .lntable {
	border-spacing: 0;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	overflow: auto;
	display: block;
}

.chroma .hl {
	background-color: #ffc;
	display: block;
	width: 100%;
}

.chroma .lnt {
	display: block;
}

.chroma .ln,.chroma .lnt {
	margin-right: .4em;
	padding: 0 .4em;
}

.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn {
	color: #6ab825;
	font-weight: 700;
}

.chroma .kp {
	color: #6ab825;
}

.chroma .kr,.chroma .kt {
	color: #6ab825;
	font-weight: 700;
}

.chroma .na {
	color: #bbb;
}

.chroma .nb {
	color: #24909d;
}

.chroma .nc {
	color: #447fcf;
}

.chroma .no {
	color: #40ffff;
}

.chroma .nd {
	color: orange;
}

.chroma .ne {
	color: #bbb;
}

.chroma .nf,.chroma .nn {
	color: #447fcf;
}

.chroma .nt {
	color: #6ab825;
	font-weight: 700;
}

.chroma .nv {
	color: #40ffff;
}

.chroma .dl,.chroma .s,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si {
	color: #ed9d13;
}

.chroma .sx {
	color: orange;
}

.chroma .s1,.chroma .sr,.chroma .ss {
	color: #ed9d13;
}

.chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo {
	color: #3677a9;
}

.chroma .ow {
	color: #6ab825;
	font-weight: 700;
}

.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm {
	color: #999;
	font-style: italic;
}

.chroma .cs {
	color: #e50808;
	background-color: #520000;
	font-weight: 700;
}

.chroma .cp,.chroma .cpf {
	color: #cd2828;
	font-weight: 700;
}

.chroma .gd {
	color: #d22323;
}

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

.chroma .gr {
	color: #d22323;
}

.chroma .gh {
	color: #fff;
	font-weight: 700;
}

.chroma .gi {
	color: #589819;
}

.chroma .go {
	color: #ccc;
}

.chroma .gp {
	color: #aaa;
}

.chroma .gs {
	font-weight: 700;
}

.chroma .gu {
	color: #fff;
}

.chroma .gt {
	color: #d22323;
}

.chroma .w {
	color: #666;
}/*!
 * baguetteBox.js
 * @author  feimosi
 * @version %%INJECT_VERSION%%
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0,0,0,.8);
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
	box-shadow: 0 0 8px rgba(0,0,0,.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0,0,0,.6);
	font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease,-webkit-transform .4s ease;
	transition: left .4s ease,-webkit-transform .4s ease;
	transition: left .4s ease,transform .4s ease;
	transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	-moz-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	-moz-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out;
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	to {
		margin-left: 0;
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	to {
		margin-left: 0;
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	to {
		margin-left: 0;
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	to {
		margin-left: 0;
	}
}

.baguetteBox-button#next-button,.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50,50,50,.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	-moz-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:focus,.baguetteBox-button:hover {
	background-color: rgba(50,50,50,.9);
}

.baguetteBox-button#next-button {
	right: 2%;
}

.baguetteBox-button#previous-button {
	left: 2%;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.baguetteBox-double-bounce1,.baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	-moz-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes bounce {
	0%,to {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce {
	0%,to {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}