@charset 'utf-8';

.contactus{padding: 60px 0;}
.contactus .contactcontent{margin-top: 50px; padding: 50px; box-shadow: 0 0 10px 5px #eee;}
.contactus .contactcontent img{max-width: 100%;}
.contactus .contactcontent table{max-width: 100%; border-collapse: collapse;}
.contactus .contactcontent .common_quote{padding: 0;}
.contactus .contactcontent .common_quote .contact{display: none !important;}
.contactus .contactcontent p{font-size: 20px; line-height: 2em;}

.common_quote{padding: 50px 0 70px;}
.common_quote .content{width: 37%; float: left;}
.common_quote .content .title{font-size: 14px; color: #444; font-family: 'Poppins Bold'; text-transform: uppercase;}
.common_quote .content .text{margin-top: 20px;}
.common_quote .content .text h3{font-size: 40px; line-height: 50px; color: #222; font-family: 'Poppins Bold';}
.common_quote .content .text p{font-size: 16px; line-height: 26px; color: #666; padding: 6px 0;}
.common_quote .content .text a.email{display: inline-block; background: url('../images/email2.png') left center no-repeat; color: #165183; padding-left: 34px; margin-top: 20px;}
.common_quote .inquiry_form{width: 53%; float: right;}
.common_quote .inquiry_form .input_list{width: 48%; float: left; margin: 0 4% 30px 0; position: relative;}
.common_quote .inquiry_form .input_list:nth-child(2n){margin-right: 0;}
.common_quote .inquiry_form .input_list input{width: 100%; height: 52px; font-size: 16px; background: none; border: none; border-bottom: solid #e0e0e0 1px;}
.common_quote .inquiry_form .textarea_list{width: 100%; position: relative;}
.common_quote .inquiry_form .textarea_list textarea{width: 100%; height: 96px; line-height: 24px; padding: 10px 0; font-size: 16px; border: none; background: none; border-bottom: solid #e0e0e0 1px;}
.common_quote .inquiry_form .button_list{margin-top: 50px;}
.common_quote .inquiry_form .button_list input{height: 56px; padding: 0 50px; font-size: 18px; border-radius: 6px; background: #165183; color: #fff; border: none; cursor: pointer; transition: all 0.3s;}
.common_quote .inquiry_form .button_list input:hover{background:#e89215}

@media (max-width:960px) {
	.common_quote{padding: 30px 15px;}
	.common_quote .content{width: 100%; float: left;}
	.common_quote .content .text{margin-top: 10px;}
	.common_quote .content .text h3{font-size: 18px; line-height: 26px; margin-bottom: 10px;}
	.common_quote .content .text p{font-size: 16px; line-height: 26px; color: #666; padding: 6px 0;}
	.common_quote .content .text a.email{margin-top: 10px;}
	.common_quote .inquiry_form{width: 100%; float: right; margin-top: 30px;}
	.common_quote .inquiry_form .input_list{width: 100%; margin: 0 0 10px 0; position: relative;}
	.common_quote .inquiry_form .input_list input{height: 42px; font-size: 14px;}
	.common_quote .inquiry_form .textarea_list textarea{height: 120px; line-height: 20px; font-size: 14px;}
	.common_quote .inquiry_form .button_list{margin-top: 20px;}
	.common_quote .inquiry_form .button_list input{height: 36px; padding: 0 20px; font-size: 14px; border-radius: 4px;}
	

	.contactus{padding: 30px 15px;}
	.contactus .contactcontent{margin-top: 30px; padding: 20px;}
	.contactus .contactcontent p{font-size: 14px;}
}