@charset "utf-8";
/* CSS Document */

.content{ width:100%;}
.content1{ width:980px; margin:0 auto;}
div.ProductTitle{ background:#283480; padding:20px;}
div.ProductTitle h1{ font-size:48px; color:#FFF; font-weight:100; width:980px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
div.info{ clear:both; padding:20px; overflow:hidden;}

p.tips{ text-align:center; color:#4e4e4e; margin:40px 0;}
div.info ul{ list-style:none;}
div.info ul li{ /*float:left;*/ width:70%; margin:0 auto;}

div.info ul li input,div.info ul li textarea{border: 1px solid #CCC; font-size: 15px; background: #fff; padding:5px; /*color:#666;*/ border-radius: 3px; margin-bottom:10px; width:100%; min-height:40px; box-sizing: border-box;}
div.info ul li select{border: 1px solid #CCC; font-size: 15px; background: #fff; padding:5px 2px 5px 0; color:#666; border-radius: 3px; margin-bottom:10px; width:100%; min-height:40px;}
div.info ul li textarea{ resize:none; min-height:150px;}
div.info ul li input.code{float:left; width:100%; max-width:200px; margin-right:5px; margin-bottom:20px;}
img.codeImg{ float:left;}

div.info ul li p,div.info ul li div{ width:80%; float:right;}
div.info ul li p{ font-size:15px; color:#4C5157; line-height:2; font-weight:700; padding-top: 5px;}
div.info ul li div{ font-size:13px; color: #999; line-height:1.7;}
div.info ul li a{ clear:both; display:block; /*padding:10px 80px;*/ width:250px; height:40px; line-height:40px; text-decoration:none; border:1px solid #0088cc; color:#FFF; text-align:center; background:#2dd2fb; border-radius:2px; transition: all 0.4s; font-size:15px; letter-spacing:8px; font-weight:900;}
div.info ul li a:hover{border:1px solid #0088cc; color:#4C5157; background:none; transition: all 0.4s;}

div.gender{width:100% !important; margin-bottom:5px;}
div.gender input{float:left !important; width:20px !important; margin:0 5px 0 3px !important;}
div.gender p{float:left !important; margin-right:10px !important; width:auto !important;}

div.info ul li div.form_btn{ width:100%; float:none;}

@media screen and (max-width: 990px){
    .content1{ width:100%;}
	div.ProductTitle h1{ width:100%;}
	div.info ul li input.code{ max-width:150px;}
}

@media screen and (max-width: 900px){
    .content{ margin-top:80px;}
}

@media screen and (max-width: 600px){
    div.ProductTitle h1{ font-size:28px;}
	div.info ul li a{ width:100%;}
	div.info ul li{ float: inherit; width:100%; margin:30px 0 0 0; box-sizing:border-box;}
	p.tips{ margin:30px 0;}
}

@media screen and (max-width: 400px){
    div.ProductTitle h1{ font-size:20px; padding:0;}
	p.tips{font-size:14px;}
}

@media screen and (max-width: 350px){
	div.info ul li input.code{ max-width:130px;}
}