﻿.banner img { width : 100% ; height : auto }

.contact { height : 638px }
.contact .left { float : left }
.contact .left h2 { margin-top : 86px ; margin-bottom : 32px ; color : #666666 ; font-size : 24px }
.contact .left .text_box { padding-bottom : 37px ; border-bottom : solid 1px #D8D8D8 }
.contact .left p { color : #666666 ; font-size : 16px ; line-height : 36px }
.contact .left .QR-box { width : 110px ; height : 110px ; margin-top : 45px }
.contact .right { width : 450px ; float : right }
.contact .right span { display : inline-block ; margin-right : 13px ; color : #666666 ; font-size : 16px }
.contact form span:nth-of-type(3) { position : relative ; bottom : 177px }
.contact .right input { border : solid 1px #B8B8B8 ; box-sizing : border-box ; margin-top : 16px ; text-indent : 15px }
.contact form input:first-of-type { width : 400px ; height : 44px ; margin-top : 90px }
.contact form input:nth-of-type(2) { width : 400px ; height : 44px }
.contact form input:nth-of-type(3) { width : 200px ; height : 44px ; margin-right : 15px }
.contact form input:last-of-type { width : 400px ; height : 44px ; background-color : #4D4D4D ; border : none ; float : right ; text-indent : 0px ; color : #FFFFFF ; font-size : 16px ; text-align : center ; line-height : 44px ; cursor : pointer }
.contact .right textarea { width : 400px ; height : 190px ; padding : 5px 15px ; border : solid 1px #B8B8B8 ; box-sizing : border-box ; margin-top : 16px ; color : #333333 ; font-size : 16px ; line-height : 26px }
.contact .right img { display : inline-block ; width : 181px ; height : 44px ; vertical-align : bottom ; cursor : pointer }

.map img { width : 100% ; height : auto }