#about #title h1 {
  font-size: 1.5em;
  max-width: 1000px;
  margin: 0 auto;
  font-weight: bold;
}

#about #title {
  padding: 50px 0 25px 0;
  border-bottom: 3px solid #ff8b00;
}

#about #title h1 span {
  color: #ff8b00;
  font-weight: bold;
  font-size: 0.6em;
}

.about-sub-title {
  font-weight: bold;
  font-size: 1.5em;
  margin-top: 50px;
  padding: 20px 0 25px;
  border-bottom: 1px dotted #000000;
}

.about-table {
  margin-top: 20px;
}
.about-table dt {
  font-size: 0.8em;
  color: #ffffff;
  line-height: 1.4em;
  float: left;
  clear: left;
  padding: 2px 10px;
  width: 100px;
  text-align: center;
  background-color: #3065B9;
  margin-top: 20px;
  margin-right: 20px;
}
.about-table dd {
  font-size: 0.85em;
  line-height: 1.4em;
  float: left;
  padding: 0px 10px;
  margin-top: 20px;
}
.about-table dd:nth-last-child(1) {
  margin-top: 15px;
  width: 85%;
}
.about-table h3 {
  color: #ff8b00;
  font-weight: bold;
  padding: 5px 0;
}
.about-table dd .left-side {
  float: left;
}
.about-table dd .right-side {
  float: left;
  margin-left: 40px;
}
.about-table dd .head {
  font-weight: bold;
  color: #ff8b00;
}


.history-title {
  font-weight: bold;
  font-size: 1.5em;
  margin-top: 50px;
  padding: 20px 0 25px;
  border-bottom: 1px dotted #000000;
}
.about-histry {
  margin-bottom: 100px;
}
.about-histry dt {
  color: #474747;
  font-weight: bold;
  width: 100px;
  font-size: 0.9em;
  line-height: 1.2em;
  float: left;
  clear: left;
  margin-top: 25px;
  margin-right: 20px;
}
.about-histry dd {
  font-size: 0.9em;
  line-height: 1.2em;
  float: left;
  margin-top: 25px;
}

.suppliers-title {
  font-weight: bold;
  font-size: 1.5em;
  margin-top: 50px;
  padding: 20px 0 25px;
  border-bottom: 1px dotted #000000;
  margin-bottom: 100px;
}

/* ----------------------------------------------
max-width: 640px
----------------------------------------------- */
@media screen and (max-width: 640px) {

  #about #title {
      padding: 40px 0;
  }

  #about #title h1 {
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2em;
    width: 640px;
  }

  #about #title h1 span {
    top: 70px;
    left: 62px;
    font-size: 0.7em;
  }

  .about-sub-title {
    text-align: center;
  }

  .about-table {
    padding: 0 20px;
  }

  .about-table dd:nth-last-child(1) {
    width: 70%;
  }

  .history-title {
    text-align: center;
  }

  .about-histry {
    padding: 0 20px;
  }

  .about-histry dd {
    width: 80%;
  }
}