@charset "utf-8";
/*--------------------------------------------------------------
  contact css
--------------------------------------------------------------*/

#contactForm.contents_under{
padding-bottom:0;
}
/*input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}*/

#contactForm form{
margin:0;
padding:0;
}
#contactForm div.item{
position:relative;
margin:-1px 0 0 0;
padding:7px 10px;
border:1px solid #d6d6d6;
}
#contactForm div.item.focus{
background: #ffffea;
border:1px solid #546881;
z-index:9999;
zoom:1;
}
#contactForm .lebox{
width: 30%;
display: inline-block;
}
#contactForm .ribox{
width: 30%;
display: inline-block;
}
#contactForm div.enter .ribox{
width: 30%;
display: inline-block；
}
#contactForm .item .heading{
	font-weight: 700;
}
#contactForm .item .required{
color:#ff4b00;
	font-weight: 700;
}
/*#contactForm .item input[type="text"]{
position:relative;
width:100%;
 border:1px solid #d6d6d6;
outline:0;
margin:2px 0;
padding:0 0;
background:transparent;
font-size:16px;
color:#dcdcdc;
z-index:99999;
}
#contactForm .item textarea{
width:100%;
height:75px;
 border:1px solid #d6d6d6;
outline:0;
margin:2px 0;
padding:0 0;
background:transparent;
font-size:16px;
color:#dcdcdc;
z-index:99999;
}
#contactForm .item input.nodata[type="text"]{
color:#5c5c5c;
}*/
#contactForm .item span.wrapspan{
position:relative;
}
#contactForm .item span.placeholder{
display:inline-block;
width:100%;
outline:0;
position:absolute;
top:2px;
left:8px;
font-size:16px;
color:#ccc;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    /* IE10+ CSS styles go here */ 
	#contactForm .item span.placeholder{
top:-5px;
}
} 

#contactForm .dial{
position:relative;
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
}
#contactForm div.item.tel{
width:383px;
height: 100%;
float: left;
border: none;
}
#contactForm div.item.fax{
width:383px;
height: 100%;
float: left;
border: none;
}
#contactForm .item input#postcode1[type="text"]{
width:40px;
}
#contactForm .item input#postcode2[type="text"]{
width:55px;
}
#contactForm .item .hyphen{
display:inline-block;
padding-right:8px;
color:#5c5c5c;
font-size:13px;
}
#contactForm .item.postcode{
position:relative;
}
.hidden_input .wrapspan {
	line-height: 0!important;
}
.hidden_input input {
	width:1px!important;
	height: 0!important;
	visibility: hidden!important;
}
.hidden_input .placeholder {
	display: none!important;
}
#postcode-error {
	margin: 10px 0;
}
#contactForm #zipSearch{
display:block;
position:absolute;
top:15px;
right:15px;
width:175px;
height:35px;
background:transparent url(../images/btn_zip_search.png) no-repeat 0 0;
overflow:hidden;
text-indent:-9999px;
 border:1px solid #d6d6d6;
outline:0;
cursor:pointer;
}
#contactForm #zipSearch:hover{
background:transparent url(../images/btn_zip_search.png) no-repeat 0 bottom;
}
#contactForm .item .radio{
padding:5px 0;
}
#contactForm .item .radio li{
position:relative;
float:left;
width:320px;
padding:5px 0 3px 0;
/*font-size:14px;*/
	font-weight: 700;
}
#contactForm .item .radio li input{
margin-right:5px;
}

#contactForm .item.policy{
position:relative;
padding:17px 10px 17px 0;
}

#contactForm .item.policy .policycheck{
position:relative;
/*float:left;
width:430px;*/
margin:3px 0 0 12px;
/*font-size:13px;*/
line-height:150%;
background:#fff;
max-width:95%;
}
#contactForm .item.policy .error{
clear:both;
padding:5px 0 0 15px;
}
#contactForm .item.policy .policycheck label{
float:left;
	font-weight: 700;
}
#contactForm .item.policy .policycheck input{
float:left;
margin:3px 8px 0 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
position: relative;
cursor: pointer;
}

@media (min-width: 1px) {
	input[type=radio],
	input[type=checkbox] {
	display: none;
	margin: 0;
	}
	input[type=radio] + label{
	padding: 0 0 0 24px;
	}
	input[type=checkbox] + label {
	padding: 0 0 0 28px;
	}
	input[type=radio] + label::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: transparent;
	}
	input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: transparent;
	}
	input[type=radio] + label::before {
	border: 1px solid #e0e0e0;
	border-radius: 30px;
	}
	input[type=checkbox] + label::before {
	border: 1px solid #e0e0e0;
	}
	input[type=radio]:checked + label::after{
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
	input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
	input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background:#7896B9;
	border-radius: 8px;
	}
	input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #7896B9;;
	border-bottom: 3px solid #7896B9;;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
}



#contactForm .sendBtn{
/*float:right;*/
width:320px;
padding-top: 20px;
margin: 0 auto;
}
#contactForm .sendBtn li{
float:left;
width:145px;
margin:0 7px;
}
#contactForm .sendBtn .reset{
display:block;
width:145px;
height:45px;
background:transparent url(../images/btn_reset.png) no-repeat 0 0;
overflow:hidden;
text-indent:-9999px;
 border:0;
outline:0;
cursor:pointer;
}
#contactForm .sendBtn .reset:hover{
background:transparent url(../images/btn_reset.png) no-repeat 0 bottom;
}
#contactForm .sendBtn .confirm{
display:block;
width:145px;
height:45px;
background:transparent url(../images/btn_confirm.png) no-repeat 0 0;
overflow:hidden;
text-indent:-9999px;
 border:0;
outline:0;
cursor:pointer;
}
#contactForm .sendBtn .confirm:hover{
background:transparent url(../images/btn_confirm.png) no-repeat 0 bottom;
}
#contactForm .error{
width:100%;
display:block;
color:#E45C67;
font-size:16px;
}
.back_to_home{
text-align:center;
}
.back_to_home{
background:url(../images/bg_back_to_home.png) no-repeat 0 0;
width:251px;
height:61px;
margin:0 auto;
}
.back_to_home img{
margin-top:-5px;
margin-left:-5px;
}
.back_to_home img:hover{
margin-top:0px;
margin-left:0px;
-webkit-transition: 0.10s ease-out;
-moz-transition: 0.10s ease-out;
-ms-transition: 0.10s ease-out;
-o-transition: 0.10s ease-out;
transition: 0.10s ease-out;
}

/*--  confirm  --*/
.confirm_tbl{
width:100%;
border:#ddd solid 1px!important;
}
.confirm_tbl td{
padding:10px 12px;
border:#ddd solid 1px!important;
}
.confirm_tbl th{
width:156px;
padding:10px 12px;
border:#ddd solid 1px!important;
background:#eeeeee;
}
.confirm_tbl td.required{
padding:10px 0;
width:50px;
text-align:center;
}
.confirm_tbl td.required.on{
color:#E14652;
}
.confirm_tbl td pre{
	display:inline-block;
	white-space:pre-wrap;
	word-break:break-all;
}
.confirm_tbl td pre::after {
    content: ', ';
}
.confirm_tbl td pre:last-child::after {
    content: none;
}
#contactForm .submitArea{
padding:20px 0;
}
#contactForm .submitArea .sendBtn{
float:none;
width:auto;
text-align:center;
}
#contactForm .submitArea .sendBtn li{
	float:none;
display:inline-block;
width:145px;
margin:0 7px;
}
#contactForm .submitArea .sendBtn .back{
	
	border: 1px solid #000080;
    border-radius: 40px;
    background: #fff;
    width: 150px;
    height: 50px;
    color: #000080;
    font-weight: bold;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 400;
    cursor: pointer;
/*display:block;
width:145px;
height:45px;
background:transparent url(../images/btn_back.png) no-repeat 0 0;
overflow:hidden;
text-indent:-9999px;
border:0;
outline:0;
cursor:pointer;*/
}
#contactForm .submitArea .sendBtn .back:hover{
/*background:transparent url(../images/btn_back.png) no-repeat 0 bottom;*/
	    background: #000080;
    color: #fff;
}
#contactForm .submitArea .sendBtn .submit{
	border: 1px solid #000080;
    border-radius: 40px;
    background: #fff;
    width: 150px;
    height: 50px;
    color: #000080;
    font-weight: bold;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 400;
    cursor: pointer;
	/*
display:block;
width:145px;
height:45px;
background:transparent url(../images/btn_submit.png) no-repeat 0 0;
overflow:hidden;
text-indent:-9999px;
border:0;
outline:0;*/
}
#contactForm .submitArea .sendBtn .submit:hover{
/*background:transparent url(../images/btn_submit.png) no-repeat 0 bottom;*/
	    background: #000080;
    color: #fff;
}