body {
    background-color: #FFFFFF;
  }
  .main.container {
    margin-top: 2em;
  }

  .main.menu {
    margin-top: 4em;
    border-radius: 0;
    border: none;
    box-shadow: none;
    transition:
      box-shadow 0.5s ease,
      padding 0.5s ease
    ;
  }
  .main.menu .item img.logo {
    margin-right: 1.5em;
  }

  .overlay {
    float: left;
    margin: 0em 3em 1em 0em;
  }
  .overlay .menu {
    position: relative;
    left: 0;
    transition: left 0.5s ease;
  }

  .main.menu.fixed {
    background-color: #FFFFFF;
    border: 1px solid #DDD;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .overlay.fixed .menu {
    left: 800px;
  }

  .text.container .left.floated.image {
    margin: 2em 2em 2em -4em;
  }
  .text.container .right.floated.image {
    margin: 2em -4em 2em 2em;
  }

  .ui.footer.segment {
    margin: 5em 0em 0em;
    padding: 5em 0em;
  }
  
  .show-bottom{
    margin-top:30px;
    padding-top:10px;
    border-top:1px solid #f5f5f5;
  }
  
  .show-bottom-card .header{
    font-size:1.05em!important;
  }
  
  .index-h3 span{font-size:15px;color: #a0a0a0;font-weight: normal;}
  
  .article-list .item .content .header{font-size:1.1em!important;}
  
  .mobile-nav{display:none!important;}
  
  article p code{
      font-family: Tahoma;
    font-size: 0.7em;
    background: dimgrey;
    color: #ffffff;
    padding: 1px 5px;
    border-radius: 3px;
    margin: 0 5px;
  }
  
  @media screen and (max-width: 600px){
    .mobile-nav{display:block!important;}
    .pc-nav{display:none!important;}
    .recommend_cards .card{width:100%!important;}
  }
  
    @media screen and (min-width: 600px) {
        .header-logo-box{padding-left:0!important;}
    }