@font-face {
  font-family: mixFont;
  src: local('Georgia'), local('serif'), url('Adobe_Garamond_Pro.ttf');
  font-display: swap;
}

@font-face {
  font-family: mixFont;
  src: local('SimSun'), local('STSong'), url('SourceHanSerifSC-Regular.otf');
  unicode-range: U+4E00-9FCB;/*汉字字符集*/
  font-display: swap;
}

@font-face {
  font-family: fangzhengkaiti;
  src: local('SimSun'), local('STSong'), url('fangzhengkaiti.ttf');
  font-display: swap;
}

@font-face {
  font-family: customcursive;
  src: local('cursive'), url('Eutemia.ttf');
  font-display: swap;
}




body{
  width:90%;
  margin:15px auto;
  padding: 0% 5% 5% 5%;
  font-family: mixFont,Georgia,serif;
  font-size: 20px;
  color:  #111111;
  background-color: #FFFCF4;
}

code{
  font-style: normal;
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #EAEAEA;
  background-color: #F8F8F8;
  border-radius: 3px;
}

pre code{
  border-style: none;
  margin: 0px;
  padding: 0px;
}
pre,code{
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
  font-size: 12px;
}
pre{
  font-size:1em;
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}
pre#char{
  background-color: white;
  border-style: none;
}

p, li{
}

a{
  color:  #0074D9;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

#post_list {
  width: 100%;
  margin-top: 20px;
}
.per_post {
  border-bottom: thin solid rgb(200, 200, 200);
}
#post_list .title{
  font-size: 30px;
  // white-space: nowrap;
}
#post_list .title a{
  color:  rgb(60, 60, 60);
}
#post_list .title a:hover{
  color:black;
  // font-weight: bold;
  text-decoration: none;
}
#comment{
  padding-top: 20px;
}


header#page_header{
  text-align: right;
  width: 100%;
}

header#page_header nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#page_header nav ul li{
  padding: 0;
  margin: 0 20px 0 0;
  display: inline;
}

#post-pagination {
  clear: both;
  width: 100%;
  text-align: center;
  padding: 20px 0 0 0;
  font-size: 18px;
}
#post-pagination ul li{
  display: inline-block;
}
#post-pagination#current-page {
  padding: 3px 10px;
  font-weight: bold;
}
li#page-number{
  margin-right: 20px;
}

footer#page_footer{
  clear: both;
  width: 100%;
  display: block;
  text-align: center;
  padding: 20px 0 0 0;
  font-size: small; 
}

.description {
  font-style: italic;
  color:  rgb(120, 120, 120);
  margin-bottom: 20px;
}

#post h1{
  font-size: 30px;
}
#post h2{
  font-size: 22px;
  font-weight: bold;
}
#post h3{
  font-size: 20px;
  font-weight: 600;
}
#post h4{
  font-size: 18px;
  font-weight: 600;
}

#post table{
  width: 90%;
  border: 1px solid black;
  border-collapse: collapse;
}
#post th, #post td {
  padding: 4px;
  border: 1px solid black;
}
#post th{
  text-align: left;
}
#post td{
  margin-right: 20px;
}
#post_footer table{
  width: 100%;
  font-size: 17px;
  padding-top: 30px;
}
#post_footer td#prev{
  text-align: left;
}
#post_footer td#next{
  text-align: right;
}

#content_table {
  display: none;
}

blockquote {
  padding: 10px 20px 10px 20px;
  border: 1px solid #EAEAEA;
  margin-left: 0px;
  font-family: Times;
  font-size: 18px;
}

.zh blockquote {
  font-family: fangzhengkaiti;
  font-size: 18px;
  font-style: normal !important;
}

#article_content img {
  width: 800px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width:900px){
  #post_list #description{
    display: inline;
  }
}
@media screen and (min-width:1060px){
  #post_list {
    width: 960px;
    margin: auto;
  }

  #article_content{
    width: 960px;
    margin: auto;
  }
}

.category_desc {
  font-size: 25px;
  color: rgb(120, 120, 120);
}

#snippets {
  width: 100%;
}

.snippet {
  border-bottom-style: solid;
  border-bottom-color: rgb(200, 200, 200);
  border-bottom-width: 1px;
  padding: 10px;
}

.snippet .metadata {
  font-size: 15px;
  color: rgb(100, 100, 100);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 15px;
  padding-right: 20px;
}

.snippet img {
  width: auto !important;
  height: auto !important;
  display: inline !important;
  max-width: 100%;
}


#load-snippets {
  margin-top: 40px;
  width: 100% !important;
  text-align: center;
  display: block;
  font-size: 25px;
}

.line-numbers {
  margin-right: 10px;
}

.index-index {
  font-size: 22px;
  margin-top: 10px;
}

.index-post {
  margin-top: 10px;
  font-size: 18px;
}