@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Fredericka+the+Great|Inconsolata|Open+Sans:300,400,700");
/*阅读全文&编辑 link颜色*/
#home #main #mainContent .forFlow .day .postCon a, #home #main #mainContent .forFlow .day .postDesc a {
  color: #6699FF;
  transition: color 0.2s; }
  #home #main #mainContent .forFlow .day .postCon a:hover, #home #main #mainContent .forFlow .day .postDesc a:hover {
    color: #66CCFF; }

#home #header #navigator #navList li a, #home #main #sideBar #sideBarMain .newsItem #blog-news #profile_block a, #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_shortcut a,
#home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_toptags a,
#home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_categories a,
#home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_recentcomments a {
  color: #666;
  transition: color 0.2s; }
  #home #header #navigator #navList li a:hover, #home #main #sideBar #sideBarMain .newsItem #blog-news #profile_block a:hover, #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_shortcut a:hover,
  #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_toptags a:hover,
  #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_categories a:hover,
  #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_recentcomments a:hover {
    color: #66CCFF; }
  #home #header #navigator #navList li a:active, #home #main #sideBar #sideBarMain .newsItem #blog-news #profile_block a:active, #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_shortcut a:active,
  #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_toptags a:active,
  #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_categories a:active,
  #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_recentcomments a:active {
    color: #666; }

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-weight: 300;
  box-sizing: border-box;
  color: #444; }

html,
body {
  background-color: #fdf6e3; }

a {
  text-decoration: none;
  transition: color 0.2s; }
  a:hover {
    color: #66CCFF; }

ul,
li {
  list-style: none; }

*::selection {
  color: #fff;
  background: #99CCFF; }

.sourceCode .sourceCode, .sourceCode .sourceCode span, #post_detail pre code.hljs, #post_detail pre code.hljs span {
  font-family: 'Inconsolata', "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important; }

#home {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  overflow-x: hidden; }
  #home #header {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 70px; }
    #home #header::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      border-bottom: 1px solid #ccc; }
    #home #header #blogTitle {
      background-image: none; }
      #home #header #blogTitle #lnkBlogLogo {
        display: none; }
      #home #header #blogTitle h1 #Header1_HeaderTitle {
        line-height: 70px;
        font-size: 25px;
        font-weight: 400;
        font-family: 'Fredericka the Great', 'Microsoft YaHei', sans-serif; }
      #home #header #blogTitle h1 + h2 {
        height: 0; }
    #home #header #navigator #navList {
      font-size: 0; }
      #home #header #navigator #navList li {
        float: right;
        font-size: 16px;
        line-height: 70px; }
        #home #header #navigator #navList li a {
          padding: 0 10px; }
    #home #header #navigator .blogStats {
      display: none; }
  #home #main {
    display: flex;
    padding-top: 30px;
    min-height: 100%; }
    #home #main #mainContent {
      flex: 1;
      padding-right: 20px;
      border-right: 1px solid #ccc; }
      #home #main #mainContent .forFlow .day {
        padding-bottom: 30px;
        position: relative; }
        #home #main #mainContent .forFlow .day .dayTitle {
          position: absolute;
          left: 0;
          top: 40px;
          padding-top: 10px;
          pointer-events: none; }
          #home #main #mainContent .forFlow .day .dayTitle a {
            font-size: 14px;
            color: #aaa; }
        #home #main #mainContent .forFlow .day .postTitle {
          margin-bottom: 40px;
          padding: 5px 10px;
          border-left: 5px solid #3574da; }
          #home #main #mainContent .forFlow .day .postTitle a {
            font-size: 22px;
            font-weight: 400;
            color: #666; }
        #home #main #mainContent .forFlow .day .postCon {
          font-size: 14px; }
        #home #main #mainContent .forFlow .day .postDesc {
          float: right;
          padding-top: 20px;
          font-size: 14px; }
      #home #main #mainContent .forFlow #post_detail {
        font-size: 14px;
        line-height: 1.6; }
        #home #main #mainContent .forFlow #post_detail .postTitle {
          padding-bottom: 10px;
          font-size: 28px; }
          #home #main #mainContent .forFlow #post_detail .postTitle a {
            pointer-events: none; }
        #home #main #mainContent .forFlow #post_detail .postBody blockquote p {
          font-size: 22px;
          font-weight: 400; }
          #home #main #mainContent .forFlow #post_detail .postBody blockquote p a {
            font-size: 14px;
            font-weight: 300; }
    #home #main #sideBar {
      flex: 0 0 280px;
      padding-left: 20px; }
      #home #main #sideBar #sideBarMain .newsItem {
        padding-bottom: 20px; }
      #home #main #sideBar #sideBarMain #leftcontentcontainer {
        font-size: 14px; }
        #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_shortcut,
        #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_toptags,
        #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_categories,
        #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_recentcomments {
          padding-bottom: 20px;
          font-size: 14px; }
          #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_shortcut h3,
          #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_toptags h3,
          #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_categories h3,
          #home #main #sideBar #sideBarMain #leftcontentcontainer #sidebar_recentcomments h3 {
            padding-bottom: 3px; }
  #home #footer {
    padding: 10px 0;
    font-weight: 300;
    text-align: center; }
  @media (min-width: 576px) {
    #home {
      max-width: 540px; } }
  @media (min-width: 768px) {
    #home {
      max-width: 720px; } }
  @media (min-width: 992px) {
    #home {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    #home {
      max-width: 1140px; } }