:root {
  --md-primary-fg-color:        #0e0727;
  --md-primary-fg-color--light: #1a1a1a;
  --md-primary-fg-color--dark:  #1a1a1a;
}


@media(prefers-color-scheme:dark)
  {
    :root > * {
      --md-hue: 232!important;
      --md-default-fg-color: hsla(var(--md-hue), 75%, 95%, 1)!important;
      --md-default-fg-color--light: hsla(var(--md-hue), 75%, 90%, 0.62)!important;
      --md-default-fg-color--lighter: hsla(var(--md-hue), 75%, 90%, 0.32)!important;
      --md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.12)!important;
      --md-default-bg-color: hsla(var(--md-hue), 15%, 21%, 1)!important;
      --md-default-bg-color--light: hsla(var(--md-hue), 15%, 21%, 0.54)!important;
      --md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 21%, 0.26)!important;
      --md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 21%, 0.07)!important;
      --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 1)!important;
      --md-code-bg-color: hsla(var(--md-hue), 15%, 15%, 1)!important;
      --md-code-hl-color: hsla(218, 100%, 63%, 0.15)!important;
      --md-code-hl-number-color: rgb(2, 1, 0)!important;
      --md-code-hl-special-color: hsla(340, 83%, 66%, 1)!important;
      --md-code-hl-function-color: hsla(291, 57%, 65%, 1)!important;
      --md-code-hl-constant-color: hsla(250, 62%, 70%, 1)!important;
      --md-code-hl-keyword-color: hsla(219, 66%, 64%, 1)!important;
      --md-code-hl-string-color: hsla(150, 58%, 44%, 1)!important;
      --md-typeset-a-color: var(--md-primary-fg-color--light)!important;
      --md-typeset-mark-color: hsla(218, 100%, 63%, 0.3)!important;
      --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12)!important;
      --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2)!important;
      --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1)!important;
      --md-admonition-bg-color: hsla(var(--md-hue), 0%, 100%, 0.025)!important;
      --md-footer-bg-color: hsla(var(--md-hue), 15%, 12%, 0.87)!important;
      --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 10%, 1)!important;
    }
  }

  .md-header {
    position:fixed!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .md-search__input {
    font-size: 0.6rem !important;
    background-color: #6CF96A!important;
    height: 2.61rem!important;
  }

  .md-header-nav{
    background: #F1F2F5!important;
  }


  .md-search__icon[for=__search] {
    left: 1.6rem!important;
    top: 0.8rem!important;
  }
  .md-header-nav__topic {
    color: #000;
    margin-top: 5px!important;
  }

  .md-main__inner {
    margin-top:1.5rem!important;
  }

  .md-search__input+.md-search__icon {
    color: var(--md-default-fg-color--light)
  }
  .md-search {
    padding: 0!important;
  }
  .md-search__form {
    height: 1.5rem!important;
  }

  .md-search__inner {
    width:4.2rem!important;
    padding: 0!important;
  }
  .md-search__scrollwrap {
    width: 25.4rem!important;
  }

  [data-md-toggle=search]:checked~.md-header .md-search__inner {
    width:24.8rem!important;
  }

  [data-md-toggle=search]:checked~.md-header .md-search__input {
    margin-left: 10px;
    margin-top: 4px;
    width: 24rem;
    border-radius: 2rem!important;
    height: 1.8rem!important;
  }

  [data-md-toggle=search]:checked~.md-header .md-search__icon[for=__search] {
    left: 0.8rem!important;
    top: 0.5rem!important;
  }
  [data-md-toggle=search]:checked~.md-header .md-search__form {
    background:#fff!important; 
    z-index: 1;
    height: 2.2rem!important;
    border-radius:0;
  }

  .md-search__output {
    top:2.2rem!important;
  }

  .md-footer-copyright {
    margin: 0 auto !important;
  }

  .header_nav ul>li>ul>li>ul{
    margin-top:-32px; 
    margin-left:147px;
  }

  @media(max-width:2000px) {
    .header_nav ul>li>ul>li>ul {
      margin-left: 131px !important;
    }
  }

  @media(min-width:2000px) {
    .md-search__input {
      height: 2.45rem!important;
  }
    .second_menu {
      position: relative !important;
      margin-top: 16.5px !important;
    }

    .second_menu ::after {
      left: 125px!important;
    }
    .header_nav ul>li>ul>li>ul {
      margin-top:-32.5px!important ;
    }
  }

  @media(max-width:1600px) {

    .subgroupContainer,
    .md-header-nav {
      width: 100%;
      margin: auto;
    }

    .divImageText h2 {
      font-size: 3.4em;
    }

    .divImageText span {
      font-size: 1.2em;
    }
    .second_menu {
      position: relative;
      margin-top: 16.5px!important;
    }

    .md-search__input {
      height: 2.85rem!important;
    }

    .header_nav ul>li>ul>li>ul {
      margin-left: 116px!important;
    }

    .cuttingImg img {
      width: 12rem!important;
      height: 8rem!important;
    }
  }

  @media(max-width:1290px) {

    .divImageText h2 {
      font-size: 2.4em;
    }

    .divImageText span {
      font-size: 1.0em;
    }
    .cuttingImg img {
      width: 9rem!important;
      height: 6rem!important;
    }
  }

  @media(max-width:1024px) {

    .divAPPDeclareTitle {
      font-size: 24px!important;
    }
  }

  @media(min-width:960px) {
    .md-sidebar {
      top: 2.4rem !important;
    }
    .md-content {
      margin-top:1rem!important
    }
  }

  @media(max-width:960px) {

    .header_nav {
      display:none
    }

    .divImageText h2 {
      font-size: 2.4em;
    }

    .divImageText span {
      font-size: 1.0em;
    }
    .cuttingImg img {
      width: 6rem!important;
      height: 4rem!important;
    }
    /* .div-logo-container {
      left: 0 !important;
    } */
    .divAPPDeclareTitle {
      font-size: 20px!important;
    }
  }

  @media(max-width:820px) {

    .divAPPDeclareTitle {
      font-size: 20px!important;
    }
    /* .div-logo-container {
      left: 0 !important;
    } */
  }

  @media(max-width:760px) {

    .header_nav {
      display:none
    }

    .divImageText h2 {
      font-size: 2.4em;
    }

    .divImageText span {
      font-size: 1.0em;
    }
    .md-header-nav__button, .vertical-line, .spanDocs {
      /* left: 30px!important; */
    }
    .cuttingImg img {
      width: 4rem!important;
      height: 2rem!important;
    }
  }

  @media(max-width:540px) {

    .divAPPDeclareTitle {
      font-size: 14px!important;
    }
    /* .div-logo-container {
      left: 0 !important;
    } */
    .divAPPDeclareText {
      font-size: 14px !important;
    }
    .md-header-nav__button img {
      width: 50px!important;
    }
    .cuttingImg {
      left:8rem!important;
    }
  }

  @media(max-width:420px) {

    .header_nav {
      display:none
    }
    .md-header-nav__button img {
      width: 45px!important;
    }
    .divAPPDeclareTitle {
      font-size: 23px!important;
    }
    .appTileContainer {
      padding: 12px!important;
    }

    .divImageText h2 {
      font-size: 2.4em;
    }

    .divImageText span {
      font-size: 1.0em;
    }
    /* .div-logo-container {
      left: -35px !important;
      top: -4px !important;
    } */
    .cuttingImg {
      position: absolute;
      left: 5rem!important;
      top:0;
      z-index:3;
    }
    .cuttingImg img {
      width: 3.5rem!important;
      height: 1.5rem!important;
    }
  }

  .header_nav li{
    list-style: none;
    float: left;
    width: 7.8rem;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  .menuContainer {
    margin-right:2.5rem;
  }
  .cuttingImg {
    position: absolute;
    left: 12rem;
    top:0;
    z-index:5;
  }
  .cuttingImg img {
    width: 17rem;
    height: 8rem;
  }
  .md-header-nav__button img {
    width: 90px;
  }
  .md-footer-copyright__highlight {
    text-align: center;
  }