@media screen {

  .md-grid {
    max-width: 75rem;
  }
  .md-header,
  .md-header--shadow,
  .md-header--lifted {
    background: #616c82;
    box-shadow: 0 2px 8px rgba(192, 96, 20, 0.10);
    border-bottom: 2px solid #bdbdbd;
  }
  .md-main__inner {
    margin-top: 0;
  }

  .md-nav--primary .md-nav__title {
    background-color: #616c82 !important;
    color: #fff !important;
  }
  .md-typeset h1 {
    font-weight: 600;
  }

  .md-typeset h2 {
    font-weight: 500;
    padding: 0.2em 0em;
    border-bottom: solid 3px rgba(0, 82, 153, 0.728);
  }

  .md-typeset h3 {
    font-weight: 500;
    position: relative;
    padding-left: 1.3em;
    line-height: 1.4;
  }

  .md-typeset h3:before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    color: rgba(0, 61, 153, 0.776);
    font-weight: 900;
  }

  /* Tabs  */
  .md-tabs {
    background: #fff;
  }
  .md-tabs__link,
  .md-tabs__item {
    color: #333 !important;
    font-weight: 600;
  }
  .md-tabs__item--active,
  .md-tabs__item:focus,
  .md-tabs__item:hover {
    background: #ededed;
  }

  /* Footer  */
  .md-footer {
    background: #d1d7e7;
    color: #fff;
    border-top: 2px solid #bdbdbd;
  }
  .md-footer a {
    color: #fff;
    text-decoration: underline;
  }
  [data-md-color-scheme="slate"] .md-tabs {
    background: #333;
  }
  [data-md-color-scheme="slate"] .md-tabs__link,
  [data-md-color-scheme="slate"] .md-tabs__item {
    color: #fff !important;
    font-weight: 600;
  }
  [data-md-color-scheme="slate"] .md-tabs__item--active,
  [data-md-color-scheme="slate"] .md-tabs__item:focus,
  [data-md-color-scheme="slate"] .md-tabs__item:hover {
    background: #727171;
  }

  /* 回到頂端按鈕樣式 */
  .md-top {
    background-color: #616c82;
    color: #fff;
  }

  .md-top:hover {
    background-color: #4a5568 !important;
    color: #fff !important;
  }

  /* 深色主題下的回到頂端按鈕 */
  [data-md-color-scheme="slate"] .md-top {
    background-color: #4a5568;
    color: #fff;
  }

  [data-md-color-scheme="slate"] .md-top:hover {
    background-color: #616c82 !important;
    color: #fff !important;
  }
  /*
   .md-typeset h1 {    
    font-weight: bold;
    color: #000;
    border-bottom: solid 2px #f18b21;
    padding-bottom: 5px;
  }
  .md-typeset h2 {
    border-bottom: 1px dotted #888;
  }

  .md-typeset h3:before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f0a9";
    margin-right: 5px;
  } */

}

.md-sidebar__scrollwrap:focus-within,
.md-sidebar__scrollwrap:hover,
.md-typeset pre>code:hover {
  scrollbar-color: #999 #f8f8f8;
}