/* banner area
   ========================================================================== */
.section-bnr {
  text-align: center;
}
.section-bnr a {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
/* footer area
   ========================================================================== */
footer {
  border-top: 1px solid #e2e2e2;
  background: #f2f2f2 url(../images/bg_hr_shadow.png) no-repeat top center;
}
footer .container {
  background: url(../images/bg_footer.png) no-repeat bottom right;
  margin-bottom: 0;
  padding-top: 40px;
}
footer .container .bottom {
  background: url(../images/bg_footer_child.png) no-repeat bottom left;
  min-height: 70px;
  padding-left: 240px;
}
footer .container .bottom p {
  margin: 0;
  text-align: right;
  padding-top: 40px;
  color: #0176cc;
  font-size: 12px;
  font-weight: bold;
}
footer a {
  text-decoration: none;
  color: #494949;
}
footer dl {
  margin: 10px 10px;
  padding: 0;
}
footer dl dt {
  margin: 0 0 10px 0;
  padding: 10px 8px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  font-size: 12px;
}
footer dl dt a {
  background: url(../images/icon_ring.png) no-repeat 0 2px;
  padding-left: 20px;
  display: inline-block;
  vertical-align: top;
}
footer dl dd {
  margin: 0 0 5px 0;
  padding: 0 0 0 20px;
  font-size: 11px;
}
footer dl dd a {
  background: url(../images/link_arrow_small.png) no-repeat 0 3px;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
}
footer dl.personal dt a {
  background: url(../images/icon_ring_personal.png) no-repeat 0 2px;
}
footer dl.group dt a {
  background: url(../images/icon_ring_group.png) no-repeat 0 2px;
}
footer dl.introduction dt a {
  background: url(../images/icon_ring_introduction.png) no-repeat 0 2px;
}
footer ul {
  list-style: none;
  margin: 10px 10px;
  padding: 0;
}
footer ul li {
  margin: 0 0 8px 0;
}
footer ul li a {
  background: url(../images/icon_ring.png) no-repeat 0 2px;
  padding-left: 20px;
  display: inline-block;
  vertical-align: top;
}
footer .section-contact {
  margin: 10px;
  padding: 110px 8px 10px 8px;
  border: 1px solid #e2e2e2;
  text-align: center;
  ooerflow: hidden;
  background: #ffffff url(../images/footer_logo.png) no-repeat center 20px;
}
footer .copyright {
  background-color: #0176cc;
}
footer .copyright .container {
  padding: 0;
  background-image: none;
}
footer .copyright p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 0;
  color: #fff;
  font-size: 12px;
  text-align: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  footer ul li a {
    background-image: url("../images/icon_ring_x2.png");
    -webkit-background-size: 12px 12px !important;
    -moz-background-size: 12px 12px !important;
    background-size: 12px 12px !important;
  }
  footer dl dt a {
    background-image: url("../images/icon_ring_x2.png");
    -webkit-background-size: 12px 12px !important;
    -moz-background-size: 12px 12px !important;
    background-size: 12px 12px !important;
  }
  footer dl.personal dt a {
    background-image: url("../images/icon_ring_personal_x2.png");
    -webkit-background-size: 12px 12px !important;
    -moz-background-size: 12px 12px !important;
    background-size: 12px 12px !important;
  }
  footer dl.group dt a {
    background-image: url("../images/icon_ring_group_x2.png");
    -webkit-background-size: 12px 12px !important;
    -moz-background-size: 12px 12px !important;
    background-size: 12px 12px !important;
  }
  footer dl.introduction dt a {
    background-image: url("../images/icon_ring_introduction_x2.png");
    -webkit-background-size: 12px 12px !important;
    -moz-background-size: 12px 12px !important;
    background-size: 12px 12px !important;
  }
  footer .section-contact {
    background-image: url("../images/footer_logo_x2.png");
    -webkit-background-size: 236px 74px !important;
    -moz-background-size: 236px 74px !important;
    background-size: 236px 74px !important;
  }
  footer .container .bottom {
    background-image: url("../images/bg_footer_child_x2.png");
    -webkit-background-size: 226px 65px !important;
    -moz-background-size: 226px 65px !important;
    background-size: 226px 65px !important;
  }
}
@media only screen and (max-width: 960px) {
  footer .section-contact .btn {
    min-width: 0;
  }
  footer .section-contact {
    -webkit-background-size: 200px auto !important;
    -moz-background-size: 200px auto !important;
    background-size: 200px auto !important;
  }
}
@media only screen and (max-width: 640px) {
  footer .container {
    background-image: none;
  }
  footer dl {
    margin: 10px 0;
  }
  footer ul {
    margin: 10px 0;
  }
  footer .section-contact {
    margin: 10px 0;
  }
  footer .container .bottom {
    padding-left: 0;
    background-image: none;
  }
  footer .container .bottom p {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: left;
  }
  footer .copyright p {
    text-align: center;
  }
}