@charset "utf-8";
body{ background-color:#f3f6fb; margin:0; padding:0;}
.bgA{ background-image: url(dream-seeker-bg.jpg); background-position:top left; background-repeat:repeat-x; }
.myform {margin:30px auto; background-color:#FFF; border:1px solid #999;}
@media screen and (min-width: 1201px) {.myform {width: 40%;margin: 0 25%;background-color:#FFF; border:1px solid #dedede; padding:2% 5%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);}
.myPic{width:60%;margin: 0 20%;}
}
/* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */    
@media screen and (max-width: 1200px) {.myform {width: 50%;margin: 0 20%;background-color:#FFF; border:1px solid #dedede;padding:2% 5%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);}

}
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */   
@media screen and (max-width: 901px) {.myform {width: 60%;margin: 0 15%;background-color:#FFF; border:1px solid #dedede;padding:2% 5%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);}
.myPic {width: 70%;margin: 0 15%;}
}
/* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */    
@media screen and (max-width: 500px) {.myform {width:90%;margin: 0 ; padding:20px 5%;background-color:#FFF; }
#container img{ width:32px; height:32px;}.myPic{width: 100%;margin: 0;}
} 
 /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */
.myinput{  width:100%; border:1px dashed #CCCCCC; height:30px; line-height:30px;}
.myinput2{  width:70%; border:1px dashed #CCCCCC; height:30px; line-height:30px;}
.myinput3{  width:22%;  height:32px; line-height:32px; position:relative; right:0%; top:3px; margin-left:10px; background-color:#5A83E5; color:#FFF;border:0;}
.myinput4{  width:50%;height:30px; line-height:30px; background-color:#5A83E5; color:#FFF; margin:0 25%; border:0;}
.myinput5{  width:30%;  height:32px; line-height:32px; position:relative; right:0; top:10px; margin-left:10px;border:0;}
.myinput5 img{height:32px;width:22%; }
.myinput6{  width:40%; border:1px dashed #CCCCCC; height:30px; line-height:30px;}
.text{ line-height:30px; font-size:16px;}
.h30{ height:30px;}

img {border:0;}
ul, li {list-style-type:none;}
p {padding:5px 0;margin:0;}
h1 {margin:25px auto;width:100%; text-align:center; font-size:24px; color:#06F;}


#goodcover {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.80;filter: alpha(opacity=80);}
#code {width: 200px;height: 200px;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;}
#code2 {width: 300px;height: 320px;background-color: #fff;padding: 15px;position: absolute;display: none;left: 45%;z-index: 1002; border-radius:10px;}
#code3 {width: 300px;height:auto;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;border-radius: 10px;}
.close1 {right:10px;top:-25px;position:absolute;}
#closebt {float: right;}
#closebt2 {float: right;}
#closebt2 img {width: 20px;}
#closebt img {width: 20px;}