@media screen and (min-width:0px) and (max-width:450px) {
              body {
background :url(/images/back2.jpg)repeat center center fixed;
      -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
              }
          }

           @media screen and (min-width:450px) {
              body {
                           background :url(/images/back.jpg)no-repeat center center fixed;
      -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
              }
          }
            body {


                  margin:0px;
      position:absolute;
      height:100%;
      width:100%;

}
       
           .button {
      
        cursor:pointer;
          font-family:'IRANSansnumber',Tahoma;
           font-size:medium;
        background-color:#575757;
        color:white;
        height:50px;
        width:180px;
        border:solid 0;
        border-style:solid;
       
border-top-left-radius: 3px 3px;
border-top-right-radius:  3px 3px;
border-bottom-right-radius:  3px 3px;
border-bottom-left-radius:  3px 3px; 

 animation:step-start;
                 transition:0.2s;
    }

    .button:hover {
         background-color:#00ff21;
         color:black;
       
    }
        #wrapper {


               background-size:cover;
         height:100%;
             min-width:0px!important;
             margin-top:-0px;
        }
      #login  h1 {
            
             font-family:'IRANSansnumber',Tahoma;
            font-size:30px;
         padding:0px;
         margin:0px;
         margin-bottom:-15px;
            color:white;
        }

         p33355 {
            line-height:5px;
              font-family:'IRANSansnumber',Tahoma;
            font-size:20px;
         
            color:white;
        }
        #login {
            width:280px;height:320px;margin:0 auto; text-align:center;background-color:black;opacity:0.8;
            padding:20px;

            border-top-left-radius: 10px 10px;
border-top-right-radius:  10px 10px;
border-bottom-right-radius:  10px 10px;
border-bottom-left-radius:  10px 10px; 
        }
        .boxtext {
            padding-left:5px;
                        border-top-left-radius: 5px 5px;
border-top-right-radius:  5px 5px;
border-bottom-right-radius:  5px 5px;
border-bottom-left-radius:  5px 5px; 
        }
          .faramoosh {
              margin-top:10px;      font-family:'IRANSansnumber',Tahoma;font-size:small;cursor:pointer;
                color:white;
          }
              .faramoosh:hover {
                  color:#ffd800;
              }