body{
     left:0;
     padding:0;
     margin:0;
     background:#f1f1f1;
     //background-image:url("icon/paint.jpg");
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center;
}

.mobile{
     width:96%;
     border:0px solid #ddd;
     border-bottom:1px solid #ddd;
     padding:5px;
     font-size:13px;
     color:#333;
     font-family:sans-serif;
     border-radius:0px;
     margin-top:5px;
     transition:.7s;
}
.mobile:focus{
     border:0;
     color: #333;
     transition:.7s;
     border: 0px solid #03A9F4;
     border-bottom:1px solid #03A9F4;
}


input:focus {
    outline: none !important;

    color:#03A9F4;
 }
.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;
}
.fu{
     height:550px;
     width:100%;
     background-image:url("icon/p.jpg");
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center;
     margin:90px 0px 30px 0px;
     float:left;
}

.container34{
     height:auto;
     width:30%;
     margin:-550px 0px 80px 31%;
     font-size:12px;
     font-family:sans-serif;
     padding:3%;
     color:#333;
     background:#fff;
     border:1px solid #ddd;
     float:left;
     border-radius:5px;
     box-shadow: 3px 10px 35px #a1a1a1;
}

.box{
     height:300px;
     width:100%;
     background:red;
     font-size:13px;
     margin:0px 0px 0px 0px;
     float:left;
}
.po{
     background:#03A9F4;
     padding:7px 13px 7px 13px;
     margin:20px 0px 0px 0px;
     border:1px solid #ddd;
     border-radius:5px;
     font-size:15px;
     cursor:pointer;
     transition:.5s;
     color:#fff;
     border:1px solid #a1a1a1;
     box-shadow: 1px 3px 10px #a1a1a1;
}
.po:hover{
     color:#fff;
     transition:.5s;
     background:#03A9F4;
     border:1px solid #fff;
     box-shadow: 1px 1px 10px #ddd;
}
.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;

}
.kil{
     width:80%;
     height:40px;
     line-height:34px;
     background:;
     font-size:45px;
     float:left;
     margin:0px 0px 0px -25px;
     text-align:left;
     //color:#00FA9A;
     color:#333;
}
.tit{
     height:auto;
     width:100%;
     float:left;
     font-size:16px;
     background:;
     color:#333;
     text-align:left;
     margin:0px 0px 35px 0%;
     font-family:sans-serif;

}
.box{
     height:auto;
     width:100%;
     background:#fff;
     margin:0px 0px 0px 0px;
     float:left;
}
.im{
    height:35px;
    width: 35px;
    margin:-6px 0px 0px 0px
}
  @media (max-width:700px){
.fu{
     height:150px;
     width:100%;
     background-image:url("icon/");
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center;
     margin:1px 0px 30px 0px;
     float:left;
}
  .container34{
     height:auto;
     width:80%;
     margin:-70px 0px 80px 5%;
     font-size:16px;
     font-family:sans-serif;
     padding:3% 5%;
     background:#fff;

}
.hf{
     height:auto;
     width:auto;
     float:left;
     background:;
     margin:5px 0px 0px 20px;
}
.kil{
     width:40%;
     height:40px;
     line-height:33px;
     background:;
     margin:-3px 0px 0px -24px;
     font-size:22px;
     float:left;
}
.tit{
     height:auto;
     width:100%;
     float:left;
     font-size:16px;
     background:;
     text-align:left;
     margin:10px 0px 35px 0px;
     font-family:sans-serif;

}
.im{
    height:30px;
    width:36px;
    margin:-5px 0px 0px 0px
}
}