body{ left:0; padding:0; margin:0; // background:#f1f1f1; background-image:url("bg/reg2.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; } .submit{ border:1px solid #a1a1a1; padding:5px; cursor:pointer; border-radius:5px; } .con{ height:30px; width:100%; background:#fff; // background:#03A9F4; margin:0; position:fixed; border-bottom:1px solid #ddd; font-size:20px; text-align:center; font-family:sans-serif; padding:30px 0px 30px 0px; } .container34{ height:auto; width:30%; margin:130px 0px 80px 5%; font-size:12px; font-family:sans-serif; padding:3%; color:#333; border:1px solid #ddd; float:left; border-radius:10px; background:#fff; } .po{ background:#03A9F4; padding:7px 13px 7px 13px; margin:20px 0px 0px 0px; border:1px solid #ddd; border-radius:50px; font-size:15px; cursor:pointer; color:#fff; } .po:hover{ color:#333; background:#fff; border:1px solid #a1a1a1; } .hf{ height:auto; width:auto; float:left; background:; margin:5px 0px 0px 40px; } .oki{ height:auto; width:auto; float:left; background:; text-align:center; margin:-5px 0px 0px 0px; } .tit{ height:auto; width:100%; float:left; font-size:18px; background:; color:#333; text-align:left; margin:0px 0px 35px 0%; font-family:sans-serif; } .box{ height:auto; width:100%; background:#fff; font-size:13px; margin:0px 0px 0px 0px; float:left; } #imagePreview { display: none; width: 200px; height: auto; margin-top: 10px; } @media (max-width:700px){ body{ background:#f1f1f1; } .container34{ height:auto; width:74%; margin:120px 0px 80px 8%; font-size:16px; font-family:sans-serif; padding:5%; background:#fff; } .hf{ height:auto; width:auto; float:left; background:; margin:5px 0px 0px 20px; } .tit{ height:auto; width:100%; float:left; font-size:18px; background:; text-align:left; margin:10px 0px 35px 0px; font-family:sans-serif; } }