html {
  -webkit-text-size-adjust: 100%;
}

body {
  max-width: 920px;
  width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.site-banner {
  width: 100%;
  max-width: 920px;
  height: 200px;
  overflow: hidden;
  background: #f5f5f5;
}

.site-banner img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

@media (max-width: 760px) {
  body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0;
    background: #fff;
  }

  table,
  tbody,
  tr,
  td {
    max-width: 100% !important;
  }

  body > table,
  body > form > table,
  table[width="920"],
  table[width="924"] {
    width: 100% !important;
  }

  td[width="250"] {
    display: block;
    width: 100% !important;
  }

  td[width="668"] {
    display: block;
    width: 100% !important;
  }

  table[width="920"] > tbody > tr > td,
  table[width="924"] > tbody > tr > td {
    width: 100% !important;
  }

  table[width="100%"] td {
    word-break: break-word;
  }

  #nav {
    float: none;
    display: inline-block;
    width: auto;
    line-height: 38px;
  }

  #nav a {
    width: auto;
    min-width: 76px;
    padding: 0 10px;
    font-size: 14px;
  }

  .left {
    width: 100%;
    margin: 0 0 12px 0;
  }

  .left li a:link,
  .left li a:visited {
    width: calc(50% - 12px);
    min-height: 38px;
    margin: 4px;
    padding: 9px 8px;
  }

  .box12 li,
  .box14 li {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .box12 li a,
  .box14 li a,
  a,
  a.n:link,
  a.n:visited,
  a.n:hover,
  a.n:active {
    font-size: 14px;
  }

  input,
  select,
  textarea {
    max-width: 100%;
    min-height: 38px;
    font-size: 16px;
  }

  .site-banner,
  .site-banner img {
    height: auto;
    min-height: 120px;
  }

  #demo {
    width: 100% !important;
    overflow-x: auto !important;
  }
}

@media (max-width: 480px) {
  .left li a:link,
  .left li a:visited {
    width: 100%;
  }

  #nav a {
    min-width: 68px;
    padding: 0 7px;
  }
}