.m-l-10 { margin-left: 10px;}
.m-t-10 { margin-top: 10px;}
.container_pdf.m-b-0 { margin-bottom: 0px;}
.footer-basic-centered {
	background-color: #FF9200;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font: normal 18px sans-serif;
	margin-bottom: 0;
	padding: 20px;
	margin-top: 50px;
}
.footer-basic-centered .footer-company-motto {
	color: #8d9093;
	font-size: 24px;
	margin: 0;
}
.footer-basic-centered .footer-company-name {
	color: #8f9296;
	font-size: 14px;
	margin: 0;
}
.footer-basic-centered .footer-links {
	list-style: none;
	font-weight: bold;
	color: #ffffff;
	padding: 35px 0 23px;
	margin: 0;
}
.footer-basic-centered .footer-links a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	font-size: 14px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
}
.footer-basic-centered .footer-right {
	margin: auto;
	margin-top: 6px;
	max-width: 240px;
	padding-bottom: 20px;
}
.footer-basic-centered .footer-right a {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 20px;
	color: #FF9200;
	text-align: center;
	line-height: 35px;
	margin-left: 3px;
}

/* If you don't want the footer to be responsive, remove these media queries */


@media (max-width: 600px) {
	
.footer-basic-centered {
	padding: 35px;
}
.footer-basic-centered .footer-company-motto {
	font-size: 18px;
}
.footer-basic-centered .footer-company-name {
	font-size: 12px;
}
.footer-basic-centered .footer-links {
	font-size: 14px;
	padding: 25px 0 20px;
}
.footer-basic-centered .footer-links a {
	line-height: 1.6;
}

}

/*弹出窗*/

#myModal2{width: 750px; height: 500px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-250px; margin-left:-385px; padding-left: 17px; top:50%; left:50%   }
#myModal2 i.must {color: #f00; font-size: 16px; font-weight: bold; }
#myModal2 label {font-weight: 500;}
#myModal2 .modal-body { height: 320px; overflow-y: scroll; padding: 0px; }
#myModal2 .modal-body .form-horizontal .form-group { margin: 0px; }

#myModal2 .table > thead > tr > th { border-bottom: 2px solid #fd9300; text-align: center; }
#myModal2 .table > tbody > tr > td { text-align: center; vertical-align: middle; }
#myModal2 .table > tbody > tr > td.cart_text { text-align: left; }
#myModal2 .table > tbody > tr > td.cart_text span { font-size: 12px; color: #969696; line-height: 18px; margin-top: 7px; display: block; }
#myModal2 .table > tbody > tr > td input { text-align: center; }

#myModal2 .modal-header { padding: 0; text-align:center; height: 65px; border: none; }
#myModal2 .modal-header h4 { margin: 0px; line-height: 65px; }
#myModal2 .modal-header .close { padding: 0px 10px; margin-top: 12px; }

.statement label { color: #ff9200; margin-top: 5px; }
.statement label input { vertical-align: top; }

#myModal2 .inquiry{padding: 10px 200px; background: #ff9200; color: #fff}
#myModal2 .whether{padding: 10px 75px; margin: 0px; background: #ff9200; color: #fff}
#myModal2Label { padding-left: 30px; margin-top: 0px; }

#myModal3{width: 800px; height: 550px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-275px; margin-left:-400px; padding-left: 17px; top:50%; left:50%   }
#myModal3 i.must {color: #f00; font-size: 16px; font-weight: bold; }
#myModal3 label {font-weight: 500;}
#myModal3 .modal-body{height: 500px; overflow-y: scroll}
#myModal3 .modal-header { padding: 0; text-align:center}
#myModal3 .modal-header .close { padding: 0px 15px;}
.statement{color: #ff9200}
#myModal3 .inquiry{padding: 10px 200px; background: #ff9200; color: #fff}
#myModal3Label { padding-left: 30px; margin-top: 0px; }
	
#myModal4, #log_login, #log_password{width: 420px; height: 320px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-160px; margin-left:-205px; padding-left: 17px; top:50%; left:50%   }
#myModal4 i.must {color: #f00; font-size: 16px; font-weight: bold; }
#myModal4 label {font-weight: 500;}
#myModal4 .modal-body{ }
#myModal4 .modal-header { padding: 0; text-align:center}
#myModal4 .modal-header .close { padding: 0px 15px;}
.statement{color: #ff9200}
#myModal4 .inquiry {padding: 10px 200px; background: #ff9200; color: #fff;}
#myModal4 .whether {padding: 10px 60px; margin: 5px 10px; background: #ff9200; color: #fff;}
#myModal4 .register { padding: 10px 40px; background: #ff9200; color: #fff; margin: 5px 10px; }
#myModal4Label { padding-left: 30px; margin-top: 0px; }
.login_mt1 { margin-top: 10px; }
.login_mt2 { margin-top: 10px; margin-bottom: 0px; }

#myModal5 {width: 420px; height: 260px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-250px; margin-left:-205px; padding-left: 17px; top:50%; left:50%   }
#myModal5 i.must {color: #f00; font-size: 16px; font-weight: bold; }
#myModal5 label {font-weight: 500;}
#myModal5 .modal-body{ }
#myModal5 .modal-header { padding: 0; text-align:center}
#myModal5 .modal-header .close { padding: 0px 15px;}
.statement{color: #ff9200}
#myModal5 .inquiry {padding: 10px 200px; background: #ff9200; color: #fff;}
#myModal5 .whether {padding: 10px 60px; margin: 5px 10px; background: #ff9200; color: #fff;}
#myModal5 .register { padding: 10px 40px; background: #ff9200; color: #fff; margin: 5px 10px; }
#myModal5Label { padding-left: 30px; margin-top: 0px; }


#customer2 { width: 400px; height: 330px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -250px; margin-left: -205px; padding-left: 17px; top: 50%; left: 50%; }
#customer2 i.must { color: #f00; font-size: 16px; font-weight: bold; }
#customer2 label { font-weight: 500; }

.form-horizontal .control-label2 { margin-bottom: 0; padding-top: 7px; text-align: left; }

.modal .modal-footer { text-align: center;}

#customer2 .modal-header { padding: 0; text-align: center; }
#customer2 .modal-header .close { padding: 0px 15px; }

#customer2 .inquiry { padding: 10px 200px; background: #ff9200; color: #fff; }
#customer2 .whether { padding: 10px 60px; margin: 5px 10px; background: #ff9200; color: #fff; }
#customer2 .register { padding: 10px 40px; background: #ff9200; color: #fff; margin: 5px 10px; }
#customer2Label { padding-left: 30px; margin-top: 0px; }
.col-link a, .col-link a:hover, .col-link a:focus { color: #ff9000; text-decoration: none; }


#agree { width: 420px; height: 300px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -250px; margin-left: -205px; padding-left: 17px; top: 50%; left: 50%; }
#agree i.must { color: #f00; font-size: 16px; font-weight: bold; }
#agree label { font-weight: 500; }

#agree .modal-header { padding: 0; text-align: center; }
#agree .modal-header .close { padding: 0px 15px; }

#agree .inquiry { padding: 10px 200px; background: #ff9200; color: #fff; }
#agree .whether { padding: 10px 60px; margin: 5px 10px; background: #ff9200; color: #fff; }
#agree .register { padding: 10px 40px; background: #ff9200; color: #fff; margin: 5px 10px; }
#agreeLabel { padding-left: 30px; margin-top: 0px; }

#agree .form-control { height: 120px; }

#product_solar_pdf { width: 420px; height: 290px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -250px; margin-left: -205px; padding-left: 17px; top: 50%; left: 50%; }
#product_solar_pdf label { font-weight: 500px; }
#product_solar_pdf .modal-header { padding: 0px; text-align: center; }
#product_solar_pdf .modal-header .close { padding: 0px 15px; }
#product_solar_pdf .register { padding: 10px 40px; background: #ff9200; color: #fff; margin: 5px 10px; }
#product_solar_pdfLabel { padding-left: 30px; margin-top: 0px; }

#product_led_pdf { width: 420px; height: 290px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -250px; margin-left: -205px; padding-left: 17px; top: 50%; left: 50%; }
#product_led_pdf label { font-weight: 500px; }
#product_led_pdf .modal-header { padding: 0px; text-align: center; }
#product_led_pdf .modal-header .close { padding: 0px 15px; }
#product_led_pdf .register { padding: 10px 40px; background: #ff9200; color: #fff; margin: 5px 10px; }
#product_led_pdfLabel { padding-left: 30px; margin-top: 0px; }

#myModal{ width: 800px; height: 550px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -275px; margin-left: -400px; padding-left: 17px; top: 50%; left: 50%; }
#myModal i.must { color: #f00; font-size: 16px; font-weight: bold; }
#myModal label { font-weight: 500px; }
#myModal .modal-body { height: 500px; overflow-y: scroll; }
#myModal .modal-header { padding: 0; text-align: center; }
#myModal .modal-header .close { padding: 0px 15px; }
#myModal .statement1 { padding-right: 20px; padding-top: 7px; display: inline-block; }
#myModal .statement1 label { color: #555; }
#myModal .inquiry { padding: 10px 200px; background: #ff9200; color: #fff; }
#myModalLabel { padding-left: 30px; margin-top: 0px; }

#inquiry_form2 { width: 800px; height: 550px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -275px; margin-left: -400px; padding-left: 17px; top: 50%; left: 50%; }
#inquiry_form2 i.must { color: #f00; font-size: 16px; font-weight: bold; }
#inquiry_form2 label { font-weight: 500px; }
#inquiry_form2 .modal-body { height: 500px; overflow-y: scroll; }
#inquiry_form2 .modal-header { padding: 0; text-align: center; }
#inquiry_form2 .modal-header .close { padding: 0px 15px; }
#inquiry_form2 .statement1 { padding-right: 20px; padding-top: 7px; display: inline-block; }
#inquiry_form2 .statement1 label { color: #555; }
#inquiry_form2 .inquiry { padding: 10px 200px; background: #ff9200; color: #fff; }
#inquiry_form2Label { padding-left: 30px; margin-top: 0px; }


@media (max-width: 767px) {
	
	#myModal3 { width: 450px; height: 500px; position: fixed; margin-top:-250px; margin-left:-225px; top:50%; left:50% }
	#myModal3 .modal-body{height: 420px}
	#myModal3 .inquiry{padding: 10px 100px}
	
	#myModal4, #log_login, #log_password { width: 400px; height: 366px; position: fixed; margin-top:-182px; margin-left:-198px; top:50%; left:50% }
	#myModal4 .whether { padding: 10px 60px; margin: 5px 10px; }
	#myModal4 .register { padding: 10px 43px; background: #ff9200; color: #fff; margin: 0px 14px; }
	
	#customer2 { width: 400px; height: 420px; position: fixed; margin-top:-250px; margin-left:-198px; top:50%; left:50% }
	#customer2 .whether { padding: 10px 60px; margin: 0px 10px; }
	#customer2 .register { padding: 10px 43px; background: #ff9200; color: #fff; margin: 0px 14px; }
	
	#agree { width: 420px; height: 320px; position: fixed; margin-top:-250px; margin-left:-198px; top:50%; left:50% }
	#agree .whether { padding: 10px 60px; margin: 0px 10px; }
	#agree .register { padding: 10px 43px; background: #ff9200; color: #fff; margin: 0px 14px; }

	#myModal5 { width: 400px; height: 300px; position: fixed; margin-top:-250px; margin-left:-198px; top:50%; left:50% }
	#myModal5 .whether { padding: 10px 60px; margin: 0px 10px; }
	#myModal5 .register { padding: 10px 43px; background: #ff9200; color: #fff; margin: 0px 14px; }
	
	#myModal2 { width: 600px; height: 500px; position: fixed; margin-top:-250px; margin-left:-300px; top:50%; left:50% }
	#myModal2 .inquiry{padding: 10px 100px; }
	
	#product_solar_pdf { width: 400px; height: 300px; position: fixed; margin-top: -250px; margin-left: -198px; top: 50%; left: 50%; }
	#product_solar_pdf .register { padding: 10px 43px; background: #ff9200; color: #fff;/* margin: 0px 14px; */}
	
	#product_led_pdf { width: 400px; height: 300px; position: fixed; margin-top: -250px; margin-left: -198px; top: 50%; left: 50%; }
	#product_led_pdf .register { padding: 10px 43px; background: #ff9200; color: #fff;/* margin: 0px 14px; */}
	
	#inquiry_form { width: 450px; height: 500px; position: fixed; margin-top: -250px; margin-left: -225px; top: 50%; left: 50%; }
	#inquiry_form .modal-body { height: 420px; }
	#inquiry_form .inquiry { padding: 10px 100px; }
	
	#inquiry_form2 { width: 450px; height: 500px; position: fixed; margin-top: -250px; margin-left: -225px; top: 50%; left: 50%; }
	#inquiry_form2 .modal-body { height: 420px; }
	#inquiry_form2 .inquiry { padding: 10px 100px; }
	
}


@media (max-width: 449px) {
	
	#myModal3 { width: 300px; height: 420px; position: fixed; margin-top:-210px; margin-left:-150px; top:50%; left:50% }
	#myModal3 .modal-header .close { padding: 0px 8px;}
	#myModal3 .modal-body{height: 360px}
	#myModal3 .inquiry{padding: 10px 40px}
	
	#myModal4, #log_login, #log_password { width: 300px; height: 380px; position: fixed; margin-top:-190px; margin-left:-150px; top:50%; left:50% }
	#myModal4 .modal-header .close { padding: 0px 8px;}
	#myModal4 .whether { padding: 10px 34px; }
	#myModal4 .register { padding: 10px 29px; background: #ff9200; color: #fff; margin: 0px 7px; }
	
	#customer2 { width: 300px; height: 420px; position: fixed; margin-top:-210px; margin-left:-150px; top:50%; left:50% }
	#customer2 .modal-header .close { padding: 0px 8px;}
	#customer2 .whether { padding: 10px 34px; }
	#customer2 .register { padding: 10px 29px; background: #ff9200; color: #fff; margin: 0px 7px; }
	
	#agree { width: 300px; height: 320px; position: fixed; margin-top:-210px; margin-left:-150px; top:50%; left:50% }
	#agree .modal-header .close { padding: 0px 8px;}
	#agree .whether { padding: 10px 34px; }
	#agree .register { padding: 10px 29px; background: #ff9200; color: #fff; margin: 0px 7px; }

	#myModal5 { width: 300px; height: 300px; position: fixed; margin-top:-210px; margin-left:-150px; top:50%; left:50% }
	#myModal5 .modal-header .close { padding: 0px 8px;}
	#myModal5 .whether { padding: 10px 34px; }
	#myModal5 .register { padding: 10px 29px; background: #ff9200; color: #fff; margin: 0px 7px; }
	
	#myModal2 { width: 300px; height: 520px; position: fixed; margin-top:-210px; margin-left:-150px; top:50%; left:50% }
	#myModal2 .modal-header .close { padding: 0px 8px;}
	#myModal2 .whether {  padding: 10px 22px; }
	#myModal2 .modal-body{height: 300px}
	#myModal2 .table > tbody > tr > td { padding: 0px; }
	
	#product_solar_pdf { width: 300px; height: 300px; position: fixed; margin-top: -210px; margin-left: -150px; top: 50%; left: 50%; }
	#product_solar_pdf .modal-header .close { padding: 0px 8px; }
	#product_solar_pdf .register { padding: 10px 29px; background: #ff9200; color: #fff;/* margin: 0px 7px; */}
	
	#product_led_pdf { width: 300px; height: 300px; position: fixed; margin-top: -210px; margin-left: -150px; top: 50%; left: 50%; }
	#product_led_pdf .modal-header .close { padding: 0px 8px; }
	#product_led_pdf .register { padding: 10px 29px; background: #ff9200; color: #fff;/* margin: 0px 7px; */}

	#inquiry_form { width: 300px; height: 420px; position: fixed; margin-top: -210px; margin-left: -150px; top: 50%; left: 50%; }
	#inquiry_form .modal-header .close { padding: 0px 8px; }
	#inquiry_form .modal-body { height: 360px; }
	#inquiry_form .inquiry { padding: 10px 40px; }
	
	#inquiry_form2 { width: 300px; height: 420px; position: fixed; margin-top: -210px; margin-left: -150px; top: 50%; left: 50%; }
	#inquiry_form2 .modal-header .close { padding: 0px 8px; }
	#inquiry_form2 .modal-body { height: 360px; }
	#inquiry_form2 .inquiry { padding: 10px 40px; }
	
}


@media screen and (-webkit-min-device-pixel-ratio:0){/*针对GoogleChrome、Safari3.0、Opera9的CSS样式*/ 

	#myModal4, #log_login, #log_password { height: 320px; } 
	@media(max-width:767px) { #myModal4, #log_login, #log_password { height: 356px; margin-top: -175px;} }
	@media(max-width:375px) { #myModal4, #log_login, #log_password { height: 375px; margin-top: -185px;} }
	
	#customer2 { height: 340px; } 
	@media(max-width:767px) { #customer2 { height: 430px; } }
	
	#agree { height: 310px; } 
	@media(max-width:767px) { #agree { height: 330px; } }
	
	#myModal5 { height: 270px; } 
	@media(max-width:767px) { #myModal5 { height: 310px; } }
	
	#product_solar_pdf { height: 300px; } 
	@media(max-width:767px) { #product_solar_pdf { height: 310px; } }
	
	#product_led_pdf { height: 300px; }
	@media(max-width:767px) { #product_led_pdf { height: 310px; } }

}