@charset "utf-8";

#fv { background: url(../images/contact/fv.jpg) center center no-repeat; background-size: cover;}

#contact_main { padding: 100px 0 90px; }
#contact_main .contact_phone { border-top: 3px solid #eeeeee; border-bottom: 3px solid #eeeeee; padding: 30px 0 25px; text-align: center;}
#contact_main .contact_phone h3 { font-size: 24px;}
#contact_main .contact_phone p a { font-size: 40px; background: url(../images/contact/phone.gif) left center no-repeat; padding: 0 0 0 40px; font-weight: bold; line-height: 130%;}
#contact_main .contact_phone small { display: block; font-size: 14px;}
#contact_main table { width: 100%; margin: 80px 0 50px; font-size: 16px;}
#contact_main table th { width: 195px; text-align: left; font-weight: bold; vertical-align: text-top; padding: 20px 0 10px;}
#contact_main table th span { color: #f0000f;}
#contact_main table td { padding: 10px 0;}
#contact_main table td input[type="text"],
#contact_main table td textarea { border: none; width: 795px; background: #f6f6f6; padding: 5px 0 5px 10px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}
#contact_main p.btn input[type="submit"] { background: #de711b; width: 295px; color: #fff; height: 50px; line-height: 50px; font-size: 16px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}


#contact-error {text-align: center; margin-top: 50px;}
#contact-error h3 {font-size: 26px; font-weight: bold; }
#contact-error span{display: block; font-size: 14px; color: #dd4e4a;}
#contact-error .caution{font-size: 16px;}
#contact-error .alert { padding: 30px 0 0 0;  }
#contact-error .btn{ margin-top: 50px;}

#contact-confirm h3 { text-align: center; font-size: 24px; margin-top: 50px;}
#contact-confirm p{ text-align: center; font-size: 16px;}
#contact-confirm form{width:700px; margin: auto;}


.contact-btns { text-align: center; width: 420px; margin: 0 auto;}
#contact-confirm button{ color: #fff; background-color: #8a8a8a; height: 40px; width:200px; font-size: 16px; line-height: 40px;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
display: inline-block; *display: inline; *zoom: 1; 
float: left;
}
#contact-confirm .contact-btn{ color: white; background-color: #de711b; height: 40px; width:200px; font-size: 16px; line-height: 40px; 
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
display: inline-block; *display: inline; *zoom: 1; 
float: right;
}

#thanks { text-align: center; padding: 50px 0 100px;}
#thanks h3{ font-size: 32px; padding: 30px 0 30px; font-weight: bold; border-top: 3px solid #eeeeee; border-bottom: 3px solid #eeeeee;  }
#thanks p.copy { font-size: 24px; padding: 30px 0 30px;}
#thanks p.text { padding: 0 0 50px; text-align: center; }
#thanks p span { font-size: 14px; color: #616161;  }
#thanks a { color: white; background-color: #8a8a8a; height: 40px; width:200px; font-size: 16px; line-height: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; *display: inline; *zoom: 1; }



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

#fv { background-size: cover;}
#head .head-contact { display: none;}

#contact_main { padding: 20px 0 30px; }
#contact_main .contact_phone { padding: 20px 0;}
#contact_main .contact_phone h3 { font-size: 20px;}
#contact_main .contact_phone p a { font-size: 24px; background-size: 20px auto; padding: 0 0 0 20px;}
#contact_main .contact_phone small { font-size: 12px;}
#contact_main table { margin: 20px 0 30px; font-size: 14px;}
#contact_main table th { display: block; width: 100%; vertical-align: middle; padding: 5px 0; }
#contact_main table td { display: block; padding: 10px 0; }
#contact_main table td input[type="text"],
#contact_main table td textarea { border: none; width: 98%; padding: 7px 0 7px 2%;}

#contact-confirm p{text-align: center; font-size: 14px;}
#contact-confirm form{width:inherit; margin: auto;}
.contact-btns { width: inherit; }
#contact-confirm button { width: 48%; font-size: 14px; }
#contact-confirm .contact-btn { width: 48%; font-size: 14px; }

#contact-confirm table th { background: #f6f5f5; padding: 5px 0 5px 3px; } 

#contact-error h3{font-size: 22px; font-weight: bold; }
#contact-error span{display: block; font-size: 14px; color: #dd4e4a;}
#contact-error .caution{ font-size: 14px;}
#contact-error .alert { padding: 30px 0 0 0;  }

#thanks{ text-align: center; padding: 50px 0 0 0;}
#thanks h3{ font-size: 25px; padding: 20px 0 20px; font-weight: bold;}
#thanks p.copy { font-size: 18px; padding: 30px 0 30px;}
#thanks p.text { padding: 0 3% 30px; text-align: left; line-height: 160%;}
#thanks p.text span { font-size: 12px; color: #616161;  }
#thanks a { color: white; background-color: #8a8a8a; height: 40px; width:200px; font-size: 16px; line-height: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; *display: inline; *zoom: 1; }


}