@charset "utf-8";
/* CSS Document */
.container-sm {
    max-width: 1052px;
    margin: 0 auto;
}
.contact-top{
	text-align: center;
	max-width: 740px;
	margin:0 auto;
}
h1{
	margin-bottom:12px;
	font-size: 1.8rem;
    line-height: 2.2rem;	
}
p{
		margin-bottom: 9px;	
	}
.rightpan {
    margin: 0;
}
.contact-form .element-wrap.error-e {
    padding-bottom: 0;
}
.contact-top p{
	
	font-size: 13px;
	line-height:17px;
}
::placeholder{
		font-size:12px;
		color:#676767;
	}
.contact-top p span{
	color:#FF8000;
}
.for-right-pic{
	display: none;
}
.element-wrap {
    margin-bottom: 9px;
}
.contact-form label {
    display: block;
	color: #111111;
}
.contact-form input[type=text]{
   width: 100%;
   padding: 5px 10px;
   margin:0;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  border: 1.6px solid #C9CACC; 
}
.contact-form label{
	font-size: 1.2rem;
    line-height: 1.6rem;	
}
.contact-form textarea{
	width: 100%;
	margin:0;
	height:100px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  border: 1.6px solid #C9CACC;
 }
.contact-form .element-wrap.security label, .contact-form .element-wrap.security input[type=text] {
    display: inline-block;
	margin-right: 10px;
}
.contact-form .security {
    display: inline-block;
}
.contact-form .security {
    vertical-align: top;
}
.contact-form #verify {
    width: 84px;
}
.contact-form .submit-wrap {
    vertical-align: top;
}
.contact-form .submit-wrap {
	width: 100%;
    display: inline-block;
	text-align: right;
	margin-top: 8px;
}
.contact-form input[type=submit] {
	width: 100%;
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    font: 600 2.0rem/2rem Open Sans,sans-serif;
    background-color: #FF8000;
    color: #fff;
	background-image: url(../images/submit-btn-ico.png);
	background-repeat: no-repeat;
	text-align: center;
	background-position: 50% 50%;
	text-indent:-200000px;
}
.contact-form{
	max-width:480px;
	margin:0 auto;	
}

@media only screen and (min-width:768px){
	.contact-top h1{
		margin-bottom:16px;
		font-size: 2.0rem;
		line-height: 2.6rem;	
	}
	.contact-top p{
		font-size: 15px;
		line-height:21px;
	}
	.contact-form input[type=text] {
		width: 100%;
		padding: 8px 12px;
	}
	::placeholder{
		font-size:14px;
	}
	
	.contact-top p{
		margin-bottom: 14px;	
	}
	.contact-form .submit-wrap {
		margin-top: 12px;
	}
}

@media only screen and (min-width:921px){
	.for-right-pic{
		display: block;
	}
	.contact-top h1{
		margin-bottom:20px;
		font-size: 2.2rem;
		line-height: 2.8rem;	
	}
	.contact-top p{
		font-size: 17px;
		line-height:23px;
	}	
	.contact-form input[type=text]{
		width: 100%;
		padding: 8px 12px;
	   
	 }	
	.contact-form .element-wrap{
		margin-bottom: 14px;
	}
	.sec-wrap{
		align-items: end;
	}
	.leftpan{
		width:52%;
	}
	.rightpan{
		width:42.6%;	
	}
	.contact-form input[type=submit] {
		padding: 13px 14px;
	}
}
@media only screen and (min-width:1025px){
	.contact-top p{
		font-size: 18px;
   		line-height: 24px;
	}
	.contact-form .element-wrap{
		margin-bottom: 14px;
	}
	.contact-top h1, .contact-top .h1 {
		font-size: 3rem;
    	line-height: 3.6rem;
		margin: 0 0 24px;
	}
	.contact-form label {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	.inner-page {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.sec-wrap {
		padding: 36px 0;
	}
}
@media only screen and (min-width:1720px){
	.contact-form textarea{
		height:120px;	
	}
	.contact-form input[type=text] {
		padding: 10px 12px;
	}
}