body {

  background-color: #ffffff;

  font-family: ·L³n¥¿¶ÂÅé, Arial, Helvetica, sans-serif;

  color: #333;

  font-size: 12px;

  line-height: 20px;

}

h1 {

  margin: 5px 0px;

  font-size: 38px;

  line-height: 44px;

  font-weight: 700;

}

h2 {

  margin: 10px 0px;

  font-size: 32px;

  line-height: 36px;

  font-weight: 700;

}

h3 {

  margin: 10px 0px;

  font-size: 24px;

  line-height: 30px;

  font-weight: 700;

}

h4 {

  margin: 10px 0px;

  font-size: 18px;

  line-height: 24px;

  font-weight: 700;

}

h5 {

  margin: 10px 0px;

  font-size: 14px;

  line-height: 20px;

  font-weight: 700;

}

h6 {

  margin: 10px 0px;

  font-size: 12px;

  line-height: 18px;

  font-weight: 700;

}

p {

  margin-bottom: 5px;

  text-align: left;

}

.button {

  display: inline-block;

  margin-bottom: 25px;

  padding: 9px 21px;

  background-color: white;

  color: white;

  text-align: center;

  text-decoration: none;

}

.button:hover {

  background-color: #00a2ff;

}

.button.action {

  padding: 17px 28px;

  background-color: #09f;

  font-size: 16px;

}

.button:hover.action:hover {

  background-color: white;

}

.section {

  padding-top: 24px;

  padding-bottom: 24px;

}

.section.hero {

  background-color:#ffffff;

  z-index:10;

}

.company {

  margin-top: 19px;

  margin-bottom: 19px;

  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: white;

  font-size: 20px;

}

.nav-link {

  display: inline-block;

  padding: 20px 18px;

  border-left: 1px solid rgba(255, 255, 255, 0.4);

  background-color: white;

  color: white;

  text-decoration: none;

}

.nav-link:hover {

  background-color: #09f;

}

.nav-link.last {

  border-right: 1px solid rgba(255, 255, 255, 0.4);

}

.navigation-column {

  text-align: right;

}

.nav-section {

  margin-bottom: 10px;

  background-image: url(topbanner_bg.gif);

  background-repeat: repeat no-repeat;

}

.hero-image {

  width: 60%;

}

.hero-column {

  padding-top: 53px;

}

.footer {

  border-top: 0px solid rgba(0, 0, 0, 0.22);

  background-image: url(footerbg.png);

  background-repeat: repeat-x;

  background-color:#f7f7f7;

}

.footer-link {

  margin-right: 15px;

  text-decoration:none;

  color:#8b8b8b;

}

.special-row {

  border: 1px solid rgba(0, 0, 0, 0.09);

  background-color: #ffffff;

}

.email-column {

  padding-top: 40px;

  text-align: center;

}

.special-column {

  padding: 10px 15px;

}

.center {

  text-align: center;

}

.toplink {

  background-color:#ffffff;

  height: 20px;

}

.toplink_left {

  height: 30px;

}

.slidearea {

 margin-top:0px;

  position:relative;

  top:-38px;

  height:350px;

  z-index:1;

}

.mainarea {

  padding-bottom: 25px;

  font-family:·L³n¥¿¶ÂÅé;

}

.topheader {

  margin-right: 10px;

  color: #adadad;

  text-decoration:none;

}

.logo {

  margin-bottom: 10px;

}

.mainboard {

  margin-bottom: 20px;

  padding: 0px 20px 18px;

  border: 1px solid #e8e8e8;

  border-radius: 10px;

  background-color: #fafafa;

}

.homequickblock {

  float:left;

  width:180px;

  height:180px;

  cursor:pointer;

}

.powerby {

     text-align:center;

     color:#9d9d9d;

}

@media (max-width: 991px) {

  .hero-column {

    padding-top: 0px;

  }

}

@media (max-width: 767px) {

  .button {

    margin-top: 4px;

    margin-bottom: 23px;

  }

  .section {

    text-align: center;

  }

  .company {

    text-align: center;

  }

  .nav-link {

    padding-top: 12px;

    padding-bottom: 12px;

  }

  .navigation-column {

    border-top: 1px solid rgba(255, 255, 255, 0.4);

    text-align: center;

  }

  .footer {

    text-align: center;

  }

  .email-column {

    padding-top: 0px;

  }

}

@media (max-width: 479px) {

  .nav-link {

    display: block;

    padding-top: 9px;

    padding-bottom: 9px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

    border-left-width: 0px;

  }

  .nav-link.last {

    border-right-width: 0px;

  }

  .navigation-column {

    padding-right: 0px;

    padding-left: 0px;

    background-color:#ffffff;

  }

}