.contact_on { display: flow-root; }

.contact { float: left; background-image: url("/img/contact-di.png"); padding-bottom: 88px; padding-right: 216px; }

.contact .contact_title { color: #F5AB5D; font-size: 32px; line-height: 43px; }

.contact .contact_list { margin-top: 40px; }

.contact .contact_list .contact_li { margin-top: 18px; font-size: 16px; line-height: 21px; }

.contact .contact_list .contact_li .contact_li_img { margin-right: 8px; }

.contact_code { float: right; padding: 35px 100px 35px 0; text-align: center; }

.contact_code .contact_code_img { border-left: 2px solid #eee; padding: 6px 0 6px 120px; }

.contact_code .contact_code_img img { width: 160px; }

.contact_code .contact_code_img .contact_code_p { font-size: 16px; line-height: 21px; margin-top: 8px; }

#map { height: 400px; }

@media (max-width: 760px) { .contact { width: 100%; padding-bottom: 20px; padding-right: 0; }
  .contact .contact_title { font-size: 24px; line-height: 36px; }
  .contact .contact_list { margin-top: 20px; }
  .contact .contact_list .contact_li { margin-top: 16px; font-size: 14px; line-height: 20px; }
  .contact_code { float: none; padding: 0; margin: 20px 0; text-align: center; }
  .contact_code .contact_code_img { border-left: 2px solid #eee; padding: 0; }
  #map { display: inline-block; width: 100%; height: 400px; } }