@charset "UTF-8";
/* CSS Document */
.banner{ background:#ceecfc;}
.banner_img{ text-align:right; padding-right:200px;}
.content465{margin:0 auto; width:465px;}
.tabs li:first-child a{padding:8px 15px; line-height:1.2;}
.tabs li span{display:block;}

.red{ color:#fe0000;}
.red a{ text-decoration:underline;}
.red a:hover{ text-decoration:none;}
.note{ border:1px solid #000; background:#fdfff8; margin:15px 0 35px; padding:25px; box-sizing:border-box;}
.pl{ padding-left:35px; color:#9f9f9f;}
.form_content{ width:100%; max-width:800px; margin:0 auto 100px;}
.form_content table{ margin:10px 0 35px;}
.form_content th,.form_content td{ vertical-align:middle;}
.form_content table th{ background:#fbfbfb; width:270px; padding:25px 20px 25px 49px; box-sizing:border-box; border-bottom:1px solid #fff; font-weight:bold;}
.form_content td{ box-sizing:border-box; padding:15px; padding-left:35px; width:530px;}
.note01{ color:#999; font-size:10px; font-weight:bold;}
.textField li{ float:left; width:50%;}
.textField li input{ width:85%;}
.textField li span{ width:30px; display:inline-block;}
.radioField li{ border:1px solid #f1f1f1; width:100%; padding:5px; box-sizing:border-box; margin-bottom:5px;}
.selectField option{ width:20px; text-align:center;}
.selectField span{ padding:0 1%;}
.selectField li{ float:left; width:20%;}
input[type="text"] { width:100%; min-height:30px;}
textarea{ width:100%; min-height:100px;}
textarea,input[type="text"] ,select{border: solid 1px #CCC;border-radius: 3px;box-shadow: 0px 0px 5px #CCC inset;vertical-align: middle;}
select,option{ padding:2px 5px; font-size:12px; background-color:#fff;}
label.error{ font-size:12px; color:red;}
.selectField label.error{ float:right; margin-right:4%;}
#live label.error{ margin-left:2%;}

.btnBox{ width:355px; margin:0 auto 50px;}
.btnBox li button{ background:#21a879; color:#fff; border-radius:20px; padding:10px; box-sizing:border-box; width:140px; border:1px solid #21a879; font-weight:bold;}
.btnBox li:first-child button{ float:left;}
.btnBox li:last-child button{ float:right;}
.btnBox li button:hover{ opacity:0.8; cursor:pointer;}

#siteseal{ text-align:center;}
#siteseal p{ font-size:10px; margin-top:5px;}
#siteseal #img:hover{ opacity:0.8;}

/*thanks*/
.confirmBox li{ float:left;}
.confirmBox li:last-child{ margin-left:15%;}
.thanks_txt{ font-size:24px;}
.thanks_height{ margin-bottom:120px; text-align:center;}
.thanks_height p,input[type="button"]{background:#21a879; color:#fff; border-radius:20px; padding:10px; box-sizing:border-box; font-weight:bold; width:150px; margin: 10% auto 0;}

/*add 2016-11-16*/
.center{ text-align:center;}
/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1600px){
.banner_img{ padding-right:5%;}
}
@media only screen and (max-width:1400px){
.banner_img{ padding-right:1%; width:27.5%;}
}
@media only screen and (max-width:1200px){
.content465{}	
.tabs li a{width:45%;}
.tabs li:last-child a{ padding-top:2%;}
}
@media only screen and (max-width:960px){
.form_content table th{ padding:2.5% 2% 2.5% 6%;}
.form_content td{ padding:1.5%; padding-left:3.5%;}
h3{ margin-bottom:0;}
.note{ margin:1.5% 0 3.5%; padding:2.5%;}

}
@media only screen and (max-width:736px){
.tabs li a{width:100%;}
.content465{ width:98%;}	
.tabs li span{ display:inline;}
.form_content table th{ padding-left:2%;}
.form_content table th span{ display:inline-block;}
.textField li span{ width:19%;}
.textField li input{ width:78%;}
.selectField li{ width:32%;}
/*add 2016-11-11*/
.tabs li:first-child a{padding:1%; line-height:1.7;}
}

@media only screen and (max-width:480px){
.btnBox{ width:300px; margin:0 auto 20px;}
.form_content{ margin:0 auto 70px;}
.form_content table{ width:100%;}
.form_content table th, .form_content table td{ display:block; width:100%;}
.form_content table th{ border-bottom:1px solid #ccc;}
.form_content table td{ padding:4% 2%;}
.form_content table{ margin-bottom:2%;}
.pl{ padding-left:0;}

/*thanks*/
.confirmBox li:last-child{ margin-left:4%;}
.thanks_txt{ font-size:16px;}
.thanks_height{ margin-bottom:70px;}
.thanks_height p,input[type="button"]{ margin:20px auto 0;}

}

@media only screen and (max-width:375px){
/*add 2016-10-21*/
.textField li{ float:none; width:auto;}
.textField li:first-child{ margin-bottom:10px;}
.selectField li{ width: auto; float:none; margin-bottom:10px;}
.selectField li:last-child{ margin-bottom:0;}
.selectField option,.selectField select{ width: 90%; text-align:center;}
.selectField label.error{ margin-right:48%;}
#live select{ display:block;}	
#live label.error{ margin-left:0;}
}