.footer-basic-centered {
	background-color: #008c3c;
	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: #008c3c;
	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;
}

}

/*弹出窗*/
#myModal .inquiry{padding: 10px 200px; background: #008c3c; color: #fff}
#myModal .modal-body{height: 500px; overflow-y: scroll;}

#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: #008c3c; margin-top: 5px; }
.statement label input { vertical-align: top; }

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

#log_password .whether{ margin: 0px; background: #008c3c; color: #fff}

#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: #008c3c}
#myModal3 .inquiry{padding: 10px 200px; background: #008c3c; color: #fff}
#myModal3Label { padding-left: 30px; margin-top: 0px; }
	
#myModal4{width: 420px; height: 260px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-250px; 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: #008c3c}
#myModal4 .inquiry {padding: 10px 200px; background: #008c3c; color: #fff;}
#myModal4 .whether {padding: 10px 60px; margin: 5px 10px; background: #008c3c; color: #fff;}
#myModal4 .register { padding: 10px 40px; background: #008c3c; 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: #008c3c}
#myModal5 .inquiry {padding: 10px 200px; background: #008c3c; color: #fff;}
#myModal5 .whether {padding: 10px 60px; margin: 5px 10px; background: #008c3c; color: #fff;}
#myModal5 .register { padding: 10px 40px; background: #008c3c; 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; }

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

#customer2 .inquiry { padding: 10px 200px; background: #008c3c; color: #fff; }
#customer2 .whether { padding: 10px 60px; margin: 5px 10px; background: #008c3c; color: #fff; }
#customer2 .register { padding: 10px 40px; background: #008c3c; color: #fff; margin: 5px 10px; }
#customer2Label { padding-left: 30px; margin-top: 0px; }
.col-link a, .col-link a:hover, .col-link a:focus { color: #008c3c; 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: #008c3c; color: #fff; }
#agree .whether { padding: 10px 60px; margin: 5px 10px; background: #008c3c; color: #fff; }
#agree .register { padding: 10px 40px; background: #008c3c; color: #fff; margin: 5px 10px; }
#agreeLabel { padding-left: 30px; margin-top: 0px; }

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



@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 { width: 400px; height: 300px; position: fixed; margin-top:-250px; margin-left:-198px; top:50%; left:50% }
	#myModal4 .whether { padding: 10px 60px; margin: 5px 10px; }
	#myModal4 .register { padding: 10px 43px; background: #008c3c; 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: #008c3c; 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: #008c3c; 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: #008c3c; 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; }
}


@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 { width: 300px; height: 362px; position: fixed; margin-top:-210px; 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: #008c3c; 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: #008c3c; 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: #008c3c; 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: #008c3c; 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; }
}





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

	#myModal4 { height: 270px; } 
	@media(max-width:767px) { #myModal4 { height: 310px; } }
	
	#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; } }

}