@charset "utf-8";

.section#section2{ }

/*��㹮��*/
.form_outer{width:100%; z-index:13;padding-bottom:0; text-align:left;  color: white; width:100%;   background-position: center;  background-repeat: no-repeat;  min-height: 900px;
  position: relative;  padding-bottom:100px;  padding-top:120px; }
 .form_con{width:1200px; margin:0 auto;  color:#fff; padding:0px 0 0 0px; line-height:36px;text-shadow:1px 1px 3px #3E3E3E;letter-spacing:0px; text-align:center; }
 .form_con h2{font-weight:700 !important; text-align:center; margin:0; font-size:42px; color:#fff; width:100%; min-height:60px;  line-height:44px; padding:0px 0px 40px 0px; background:none; }
 .form_con span.tit{text-align:center;font-size:18px;color:#fff;  font-weight:300; padding:30px 0;line-height:32px;text-shadow:1px 1px 3px #3E3E3E;letter-spacing:0px; text-align:center;}
 .form_con span.tit em{font-weight:300;}


.animate .btn_area{opacity:0;transform:translate(0,20px)}
.animate.motion .btn_area{opacity:1;transition:.3s ease-out .7s;transform:translate(0,0)}



/* Contact */

dl.form_list{margin:0px 0 0px 0; padding:0; width:100%; float:left;}
dl.form_list:after{display: block;content: '';clear: both;}
dl.form_list dd{width:100%; float:left; display:inline;}
dl.form_list dt{font-size:16px; line-height:1.5; color:#555; margin-bottom:5px;}

dl.form_list dd.s1 {margin-top:20px;width:50%; text-align:center; }
dl.form_list dd.s1 li{width:100%; text-align:center; }
dl.form_list dd.s2{width:45%; margin-left:5%; }
dl.form_list dd.s2 li{width:100%; text-align:left; font-size:18px; line-height:90px; letter-spacing:0; float:left; display:inline; padding-left:60px;}
dl.form_list dd.s2 li a{color:#333; font-size:18px;}

dl.form_list dd textarea{z-index:99999; color:#555; width: 100%; border: 1px solid #555 !important; padding:0px 15px; height: 375px;color: #333;font-size: 18px;line-height: 28px;font-weight: 300;border: 0;}




.tm-input {	margin:0 auto 15px auto; width:100% !important; font-size:15px !important; font-weight:300; padding:0px 15px;  border-radius: 6px !important;  border: 1px solid #555 !important;  background: transparent;  color: #333 !important;  line-height:40px;  min-height:40px; }
.tm-btn-submit {font-size: 18px;	font-weight:600; color: #555; background-color: #fff;	width: 451px; height:43px;	margin:50px 0;	border-radius:5px;}
.tm-btn-submit:hover {color: #333; background-color:#38B;}
.tm_height{height:100px !important;}
form#estimate textarea{z-index:99999; width: 100%; border: 1px solid #555 !important; padding:0px 15px; height: 375px;color: #333;font-size: 18px;line-height: 28px;font-weight: 300;border: 0;}

form#estimate input[placeholder]{color: #555 !important; }


/*���λ�㹮�� ���������������� �˾�*/
.ck_content{display: none;position: absolute;z-index: 99999;top:0%;left:-28%;width:768px;margin: 0 auto;float: none;padding: 20px 0;}
.ck_content .padding{position: relative;border: 1px solid #fff;padding:35px 20px 20px 40px;border-radius:3px;background: #282828;}
.ck_contentdl.padding ul:after{display: block;content: '';clear: both;}
.ck_content p.title{font-size: 24px; color:#fff; margin-bottom: 25px; text-align:center;}
.ck_content ul{width: 100%;margin: 0;}

.ck_content ul li{float: none;width: 100%;text-align: left;}
.ck_content ul li p{text-align: left;color: #fff;line-height: 1.4;}
.ck_content ul li p.tit{margin-bottom: 5px; font-weight:400; text-align:left !important; color:#fff !important;}
.ck_content ul li p.txt{padding: 0 0 0 15px; font-weight:400;}
.ck_content ul li p.txt.bullet{padding: 0 0 0 27px;background: url(../img/onlineform/ck_agree_bullet.png) no-repeat 15px 11px;}
.ck_content a.btn{clear:both; display: block;width: 160px;margin: 0 auto;margin-top:35px;margin-bottom: 15px;height: 40px;line-height: 40px;background: #b70005;font-size: 18px;color: #fff;font-weight: 600;text-align: center;}
.ck_content a.close{position: absolute;top: 10px;right: 10px;display: block;width: 41px;height: 41px;background: #fff;text-indent: -9999px;background: url(../img/onlineform/popup_close_wh.png) no-repeat center center;}




.main_notice div{text-align:left; }
.main_notice div.ck_agree{text-align:center; margin: 0 auto 0px auto;  text-align:left; width:100%; }
.main_notice div.ck_agree:after{display: block;content: '';clear: both;}
.main_notice div.ck_agree span{}
.main_notice div.ck_agree span.ck_box{float: left;display: block;width: 16px;margin-right: 5px;height: 16px;border: 1px solid #555;cursor: pointer;}
.main_notice div.ck_agree span.ck_box.on{background: url(../img/onlineform/ck_box_on_wh.png) no-repeat center center;}
.main_notice div.ck_agree p{float: left;color: #333;line-height: 16px; font-size:15px;}

ul.ck_bottext{clear:both; display:block;}
ul.ck_bottext li{margin-top:15px; font-size:16px;  font-weight:400; line-height:1.4; color:#222; }
ul.ck_bottext li span.pc_cut{display:block;}



.ck_agree{text-align:left; margin:12px 0 0px 0; padding-top:10px; text-align:left;  }
.ck_agree:after{display: block;content: '';clear: both;}
.ck_agree span{}
.ck_agree span.ck_box{float: left;display: block;width: 16px;margin-right: 5px;height: 16px;border: 1px solid #777;cursor: pointer;}
.ck_agree span.ck_box.on{background: url(../img/onlineform/ck_box_on_wh.png) no-repeat center center;}
.ck_agree p{float: left;color: #222;line-height: 16px;}



.send{float:right; margin:-20px 0 40px 0; width:172px; font-weight:400; padding:0px 0px;  border-radius: 6px;   line-height:40px;  min-height:40px; text-align:center;}
.send a{display:block; font-size:14px; font-weight:600; color:#fff; background-color:#0099E3; width:100%; height:50px; line-height:50px; margin:0px auto; text-align:center; text-shadow:none; border-radius:6px; }

.btn_contact{position: absolute;top: 40%;left: -50px;}



@media (max-width: 1199px) {
 .form_con{width:100% !important; margin:0 auto; }

ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 20px auto;  text-align:left; width:55%; }
.ck_content{left:-61%;margin: 0 auto;float: none;padding: 20px 0;}

} /* end */




@media (max-width: 1040px) {
ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 0px auto;  text-align:left; width:100%; }

.ck_content{min-height:100%; padding:0px 0;}
.ck_content .padding{position: relative;border: 1px solid #fff;padding:35px 24px 20px 25px; min-height:100%;border-radius:3px;}

.ck_content .padding ul:after{display: block;content: '';clear: both;}
.ck_content a.btn{clear:both; display: block;width: 160px;margin: 0 auto;margin-top:35px !important;margin-bottom:15px;  height: 40px;line-height: 40px; font-size: 18px; text-align: center; }

} /* end */


@media (max-width: 991px) {




.form_outer{clear:both; z-index:13;padding-bottom:0; text-align:left; width:100%;  background-position: center;  background-repeat: no-repeat;  min-height: 900px;
  position: relative;  padding-bottom: 50px;  padding-top:60px; }
 .form_con{width:98%; margin:0 auto;  padding:0px 0 0 0px; line-height:36px; letter-spacing:0px; text-align:center;}
 .form_con span.tit{text-align:center;font-size:14px; padding:0px 0;line-height:1.4; letter-spacing:0px; text-align:center;}
 .form_con h2{font-weight:700 !important; text-align:center; margin:0; font-size:28px; width:100%; min-height:60px;  line-height:44px; padding:0px 0px 20px 0px; background:none; }


ul.form_list{margin:30px 0 0 0; padding:0; width:100%; float:left;}


.tm-input {	margin:0 auto 20px auto; width:100% !important; padding:0px 15px;  border-radius: 6px;  border: 1px solid white;  background: transparent;  color: white;  line-height:40px;  min-height:40px; }
.tm-btn-submit {font-size: 16px;	font-weight:600; 	width:50%; height:43px;	margin:20px auto;	border-radius:5px;}

ul.form_list li.s2 li.t_mail{ background-size:32px; background-position:0 18px;}
ul.form_list li.s2 li.t_map{ background-size:32px; background-position:0 14px;}
ul.form_list li.s2 li.t_tel{ background-size:32px; background-position:0 18px;}
ul.form_list li.s2 li.t_fax{ background-size:32px; background-position:0 16px;}



/* Contact */
.form_outer{width:100%; z-index:13;padding-bottom:40px; text-align:left; width:100%; background-position: center;  background-repeat: no-repeat;  height:auto; min-height:800px;
  position: relative;  padding-bottom:30px;  padding-top:30px; }
.form_con{width:100%; margin:0 auto; padding:40px 0 0 0px; line-height:36px; letter-spacing:0px; text-align:center;}
ul.form_list{margin:40px auto; padding:0; width:96%; float:none;}

ul.form_list li{width:50%; float:left; display:inline;}
ul.form_list li.s1 {margin-top:20px;width:50%; }
ul.form_list li.s1 li{width:100%; }
ul.form_list li.s2{width:45%; margin-left:5%; }
ul.form_list li.s2 li{width:100%; font-size:18px; line-height:60px; }

.ck_content{left: 0; width: 660px;}


} /* end */

@media (max-width: 768px) {
 .form_con{padding:20px 0 0 0px; }

ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 0px auto;  text-align:left; width:100%; }
.ck_content{top:10%; left:5%; min-height:100%; padding:0px 0;}

.ck_content p.title{font-size:18px; margin-bottom: 15px; text-align:center;}
.ck_content{display: none;position: fixed;z-index: 9999;top:20%;left:2%;width:96%;margin: 0 auto;float: none;padding:0px 0;  }
.ck_content .padding{position: relative;border: 1px solid #fff;padding: 40px 10px 20px 10px;border-radius:3px;}

.send{margin:10px auto 20px auto; width:100%;   }
.send a{ font-size:15px;	width: 100%; height:43px;	margin:20px auto; line-height: 43px;	}

ul.form_list li{width:80%; float:none; display:block; margin:0 auto;}
ul.form_list li.s1 {margin-top:20px;width:100%; }
ul.form_list li.s1 li{width:80%; }
ul.form_list li.s2{width:80%; margin:20px auto 0 auto;}
ul.form_list li.s2 li{width:100%; font-size:15px; line-height:40px; }


 .form_con span.tit {line-height:1.4;}
 .form_con span.tit em.m_cut{display:block;}

ul.form_list li.s2 li.t_mail{ background-size:25px; background-position:0 13px;}
ul.form_list li.s2 li.t_map{ background-size:25px; background-position:0 9px;}
ul.form_list li.s2 li.t_tel{ background-size:25px; background-position:0 13px;}
ul.form_list li.s2 li.t_fax{ background-size:25px; background-position:0 10px;}


ul.ck_bottext li{font-size:15px;  }

.ck_content a.close{top: 0;right: 0;}
}

/* end*/