/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block;
}
audio,canvas,video{
display:inline-block;
}
audio:not([controls]){
display:none;
  height:0;
}
[hidden],template{
display:none;
}
html{
-ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
margin:0;
}
a{
background:0 0;
}
a:focus{
outline:thin dotted;
}
b,strong{
font-weight:700;
}
dfn{
font-style:italic;
}
hr{
-moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
}
mark{
background:#dd8;
}
q{
quotes:"\201C" "\201D" "\2018" "\2019";
}
sub,sup{
font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sup{
top:-.5em;
}
sub{
bottom:-.25em;
}
img{
border:0;
}
svg:not(:root){
overflow:hidden;
}
figure{
margin:0;
}
fieldset{
border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em;
}
legend{
border:0;
  padding:0;
}
button,input,select,textarea{
font-family:inherit;
  font-size:100%;
  margin:0;
}
button,input{
line-height:normal;
}
button,select{
text-transform:none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
-webkit-appearance:button;
  cursor:pointer;
}
button[disabled],html input[disabled]{
cursor:default;
}
input[type="checkbox"],input[type="radio"]{
-webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:0;
}
input[type="search"]{
-webkit-appearance:textfield;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
  padding:0;
}
textarea{
overflow:auto;
  vertical-align:top;
}
table{
border-collapse:collapse;
  border-spacing:0;
}
html{
color:#333;
  font-size:18px;
  line-height:1.5;
}
body{
background:#fcf7ff;
background-image: url("natural-paper.png");
}
a{
color:#817f75;
}
a,a:visited{
text-decoration:none;
}
a:visited{
color:#928f86;
}
a:hover,a:focus,a:active{
  border:0;
  color:#fff;
  background:#817f75;
}
a:hover,a:active{
outline:0;
}

h1,h2{
color:#222;
}
h1,h2,h3{
font-weight:400;
}
h3,h4{
color:#222;
  margin:0 0 1.5rem;
}
h1{
  font-family: "Kaiti TC","Kaiti SC";
  font-size:2.22222em;
  line-height:1.2;
  margin:0;
}
h2{
font-size:1.55555em;
  margin:3rem 0 1.5rem;
}
h3{
font-size:1.22222em;
}
h4{
font-size:1em;
  font-weight:700;
}
abbr[title]{
border-bottom:1px dotted;
}
mark{
font-weight:700;
  color:#000;
  background-color:#df6;
}
ins{
text-decoration:none;
}
small{
font-size:.83333em;
}
pre,code,kbd,samp{
  font-family: Courier,"HanaMinA", monospace,x;
}
code,kbd,samp{
  color:#eee;
  background-color:#f6f4f3;
  font-size:1em;
}
pre{
    overflow-x: auto;
    padding: 1.25em;
    border: .1px solid #817f75 ;
    border-left-width: 5px;
    margin: 0 0 1.5rem;
    font-size: .88888em;
    background: #fff;
    white-space: pre;
    background-image: url("absurdity.png");
}
a code{
  color:inherit;
  background:0 0;
}
p{
font-family: "FreeSerif","Noto Serif","Songti TC", "Songti SC","PMingLiu","HanWangMingMedium",serif;}
p,blockquote{
margin:0 0 1.5em;
}
blockquote{
	font-family: "Snell Roundhand","HanWangShinSuMedium";
	padding:0 10px 0 20px;
   border-left:5px solid #ddd;
   color:#777;
}`
blockquote blockquote{
border:0;
}
ul{
list-style-position:outside;
font-family: "FreeSerif","Noto Serif","HanWangMingMedium",serif;
}
ul,ol{
  margin:0 0 1.5em;
}
ul li,ol li{
  margin:0 0 .75em;
font-family: "FreeSerif","Noto Serif","HanWangMingMedium",serif;
}
nav ul,nav ol{
  list-style:none;
}
@media screen and (max-width:480px){
html{
font-size:.875em;
}
pre{
padding:.75em;
}
;
}
@media screen and (min-width:480px){
blockquote{
margin-left:-25px;
}
blockquote blockquote{
margin-left:0;
}
;
}
@media print{
*{
  background:transparent!important;
  color:#000!important;
}
a,a:visited{
border:0;
  text-decoration:none;
}
img{
  max-width:100%!important;
  border:0;
}
img,pre,blockquote{
  page-break-inside:avoid;
}
h1,h2,h3{
  page-break-after:avoid;
}
p,h2,h3{
  orphans:3;
  widows:3;
}
;
}
.Content{
  margin-top:2em;
  margin-bottom:6em;
}
@media screen and (max-width:480px){
.Content{
margin:2em 0;
}
;
}
.Container{
  margin:0 auto;
  max-width:800px;
  padding:0 40px;
  position:relative;
}
@media screen and (max-width:720px){
.Container{
  padding-left:5px;
  padding-right:5px;
}
;
}
.HzLine{
  background:#b3b5bb;
  height:1px;
  margin:2.5em 0;
}
.Footer{
  padding-bottom:1em;
  text-align:center;
}
.Footer-links{
  margin:1.5em 0 .5em;
}
.Footer-links a{
  display:inline-block;
  padding:.05em .25em;
  margin:0 .3em;
  font-size:.875em;
}
.Footer-small{
  display:block;
  font-size:.75em;
  color:#777;
}
.Header{
  background: rgba(225,225,225,0.2);
  padding:40px 0 10px;
  position:relative;
}
.Header-title{
 font-size:2em;
 margin:2em 0 .5em;
 text-align:center;
 vertical-align:middle;
}
.Header-logo{
  display: block;
  text-align:center;
}
.Header-logo a{
  vertical-align:middle;
  border:0;
  display:inline-block;
  width:300px;
  margin:0 auto;
  vertical-align:top;
}
.Header-logo a,.Header-prompt{
    vertical-align:middle;
position:relative;
  white-space:nowrap;
}
.Header-prompt{
display:none;
  vertical-align:middle;
  padding:5px;
  margin-left:15px;
  color:#fff;
  font-size:.8235em;
  text-align:center;
  line-height:1.2;
}
.Header-prompt:before{
  content:"";
  border-width:5px 5px 5px 0;
  border-style:solid;
  border-color:transparent #666;
  border-color:transparent rgba(0,0,0,.2);
  position:absolute;
  top:50%;
  left:-5px;
  margin-top:-5px;
}
.Header-logo a:hover .Header-prompt,.Header-logo a:focus .Header-prompt{
display:inline-block;
}
.Header-logo a:hover,.Header-logo a:focus,.Header-logo a:active{
    background:black;
  box-shadow:0 0 0 5px #777;
}
.Header-logo img{
  vertical-align:middle;
}
.Icon{
cursor:inherit;
  display:inline-block;
  font-family:'icons';
  font-size:28px;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  height:28px;
  line-height:1;
  speak:none;
  text-transform:none;
  vertical-align:middle;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.Icon:before{
display:block;
}
.Icon--favorite:before{
content:"\e600";
}
.Icon--reply:before{
content:"\e601";
}
.Timestamp{
color:#817575;
  display:inline-block;
  font-size:.75em;
  letter-spacing:1px;
  text-transform:uppercase;
}
.Article-header{
margin:0 0 2em;
  text-align:center;
}
.Article-body>p:first-child{
font-size:1.22222em;
}
.Article-data{
margin-bottom:1.25em;
}
.Article-timestamp{
font-size:.875em;
}
.Article-coverImage{
background-color:#b3b5bb;
  background-position:50%;
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  background-size:cover;
  margin:1.5em auto 2.5em;
  max-width:2000px;
  max-height:1000px;
}
.Article-body img{
display:block;
  max-width:100%;
}
.Article-body a{
border-bottom:1px solid #817f75;
}
.Article-body figure{
margin:0 0 1.5em;
}
.Article-body figure figcaption{
font-size:.83333em;
  line-height:1.4;
  margin-top:.5rem;
}
.Article-body pre+p>small:first-child{
display:block;
  margin:-1em 0 0;
  font-size:.83333em;
}
@media screen and (max-width:580px){
.Article-body ul,.Article-body ol{
	padding-left:20px;
}
;
}
@media screen and (max-width:620px){
.Article-body img{
	width:100%;
  height:auto;
}
;
}
.Article-interactions{
	margin-top:40px;
  text-align:center;
}
.Article-action,.Article-action:visited{
	color:#ccc;
  display:inline-block;
  margin:0 15px;
  vertical-align:middle;
}
.Article-action:hover,.Article-action:focus,.Article-action:active{
	background:0 0;
  color:#817f75;
}
.Article-action:hover .Icon--favorite,.Article-action:focus .Icon--favorite,.Article-action:active .Icon--favorite{
	color:#817f75;
}
.Article-responses{
margin-top:4em;
  text-align:center;
}
@media print{
.Article-body a[href]{
	border:0!important;
}
.Article-body a[href]:after{
	content:" (" attr(href)")";
}
;
}
.u-textCenter{
	text-align:center!important;
}
.u-textLeft{
	text-align:left!important;
}
.u-textRight{
	text-align:right!important;
}
.u-textTruncate{
	max-width:100%;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-wrap:normal!important;
}
.u-textBreak{
	word-wrap:break-word!important;
}
.u-textInheritColor{
	color:inherit!important;
}
.u-textInheritAllColor,.u-textInheritAllColor:hover,.u-textInheritAllColor:focus,.u-textInheritAllColor:active{
	color:inherit!important;
}
.List{
	list-style:circle;
  margin:0;
  padding:0;
}
.List-item{
	font-size:1.1111em;
  line-height:1.2;
  margin:0 0 .75em;
  padding:.75em 0 0;
}
.List-timestamp{
	float:right;
  margin:0 0 0 20px;
}
@media screen and (max-width:340px){
.List-timestamp{
	float:none;
  display:block;
  margin:1em 0 0;
}
}
