body{
    width:100%;
    margin:0;
    padding:0;
    border:0;
    word-wrap:break-word;
   }
      
   
   .image01{
    padding-top:16.5px;
    padding-left:20px;
    float:left;
   }
   
   .image01 img{
    width:20%;
   }

   
   .smarto{    
    font-size:50px;
    font-family:'Segoe UI';
    color:rgb(211, 98, 126);
    float:left;
   }
   
   .nav{
    padding-top:40px;
    padding-right:100px;
    float:right;
   }
   
   .nav a{
    font-size:16px;
    text-decoration:none;
    color:rgb(194, 116, 171);
    font-family:"Arial";
   }
   
   .nav a:hover{
     color:rgb(129, 230, 230);  
     font-style:italic;  
     transition:.5s; 
   }
   
   .nav .nav01{
    padding-left:310px;
   }
   
   .nav .nav02{
      padding-left:50px;
    }
   
    .nav .nav03{
       padding-left:48px;
     }
   
    hr{
      width:95%;
     }
  

   .super{
    width:100%;
    background-image:url("image/logoopacity.jpg");
    background-size:cover;
    background-repeat:no-repeat; 
    background-position-x:center;
    background-position-y:center;
   }

   .form{
    text-align:left;
    margin-left:490px;
    margin-right:20px;
    padding-left:20px;    
    background-color:rgb(248, 248, 248);
   }

   .form h1{
    margin-left:80px;
   }

   .form label{
    line-height:50px;
    font-family:'Arial';
    color:rgb(117, 218, 218);
   }



   .form .lb02{
    margin-left:36px;
   }
  
   .form .lb04{
    margin-left:14px;
   }

   .form .lb05{
    margin-left:57px;
   }

   .form .lb06{
    margin-left:43px;
   }


   .form .spn02{
    color:rgb(238, 95, 95);
    font-family:"Arial";
    font-size:14px;
    padding-top:16px;
    margin-left:296px;
    position:absolute;
   }

   .form .whitespace_err{
    color:rgb(238, 95, 95);
    font-family:"Arial";
    font-size:14px;
    padding-top:16px;
    margin-left:296px;
    position:absolute;
   }
   
   .form .spn04{
    color:rgb(238, 95, 95);
    font-family:"Arial";
    font-size:14px;
    padding-top:16px;
    margin-left:296px;
    position:absolute;
   }

   .form .spn05{
    color:rgb(238, 95, 95);
    font-family:"Arial";
    font-size:14px;
    padding-top:16px;
    margin-left:296px;
    position:absolute;
   }


   .form .spn06{
    color:rgb(238, 95, 95);
    font-family:"Arial";
    font-size:14px;
    padding-top:16px;
    margin-left:296px;
    position:absolute;
   }


   .form .RobotErr{
    color:rgb(238, 95, 95);
    font-family:"Arial";
    font-size:14px;
    padding-top:16px;
    margin-left:180px;
    position:absolute;
   }

   .form .tick{
    color:purple;
    font-size:12px;
    letter-spacing:1px;
   }


   ::placeholder{
    text-align:center;
    color:grey;
    opacity:25%;
    font-family:Arial;
  }

  .success_msg_1{
    color:rgb(32, 155, 32);
    margin-left:70px;
  }
  

   .form .btn{
    width:180px;
    margin-left:122px;
    font-family:'Arial';
    color:rgb(42, 77, 235);
    background-color:rgb(228, 208, 171);
    font-size:17px;
    border:none;
   }


  .btn01{
   width:300px;
   margin-left:500px; 
  } 
     
   .super .txt{
    text-align:center;
    padding-left:20px;
    padding-right:20px;
   }

   
   .txt .txt01{
    margin-top:-40px;
    color:rgb(165, 165, 241);
   }

   .txt p{
    font-size:30px;
   }

   .txt .p01{
    color:rgb(221, 211, 211);
   }

   .txt .p02{
    color:rgb(168, 161, 161);
   }

   .txt .p03{
    color:rgb(75, 73, 73);
    padding-bottom:100px;
   }
   
    .ham{
     display:none;
    }
   
    .menubar{
     display:none;
    }
   
   
    @media(max-width:1024px){
      .nav{
        display:none;
      }
    
      .ham{
        width:5%;
        display:block;
        padding-left:16px;
        padding-top:10px;
        position:relative;
        z-index:1;
      }
    
      .ham .line1{
        transform:none;
       }
     
      .ham .line2{
         opacity:100%;
       }
     
      .ham .line3{
         transform:none;
       }
    
    .line1{
    width:22px;
    height:2px;
    margin-top:6px;
   background-color:black;
   transform: rotate(-45deg) translate(-5px,6px);
   transition:.1s;
  }
  
   .line2{
    width:22px;
    height:2px;
    margin-top:6px;
   background-color:black;
   opacity:0%; 
  }
  
   .line3{
    width:22px;
    height:2px;
    margin-top:6px;
    background-color:black;
    transform: rotate(45deg) translate(-5px,-6px);
    transition:.1s;
  }


      .menubar{
       display:block;
       width:100%;
       height:0px;
       text-align:center;
       overflow:hidden;
       transition:2s;
       padding-top:30px;
      }
    
      .menubar a{
       display:block;
       font-family:"Arial";
       font-size:19px;
       line-height:40px;
       text-decoration:none;
       color:rgb(141, 131, 131);
      }
    
       .main{
        display:block;
       }
      
    
      .image01{
        padding-top:20px;
        padding-left:20px;
        float:left;
        position:absolute;
        opacity:0;
       }
       
      .smarto{
        text-align:center; 
        font-size:50px;
        font-family:'Segoe UI';
        color:rgb(211, 98, 126);
        float:none;
        padding-left:20px;
        padding-right:20px;
        margin-top:-20px;
        opacity:0;
       }

       .form{
        text-align:center;
        margin-left:0px;
        margin-right:0px;    
        background-color:rgb(248, 248, 248);
       }
     }

     @media(max-width:718px){
      
    
       .form .spn02{
        display:block;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:14px;
        padding-top:16px;
        margin-left:0px;
        position:static;
       }
    
       .form .whitespace_err{
        display:block;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:14px;
        padding-top:16px;
        margin-left:0px;
        position:static;
       }
       
    
       .form .spn04{
        display:block;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:14px;
        padding-top:16px;
        margin-left:0px;
        position:static;
       }
    
       .form .spn05{
        display:block;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:14px;
        padding-top:16px;
        margin-left:0px;
        position:static;
       }
    
    
       .form .spn06{
        display:block;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:14px;
        padding-top:16px;
        margin-left:0px;
        position:static;
       }
     }
     

      @media(max-width:581px){
        .form h1{
          margin-left:-20px;
          font-size:5.5vw;
         }
      }


     @media(max-width:528px){
      .txt p{
        font-size:5vw;
       }
     }

     @media(max-width:500px){

      .form{
        text-align:right;
        margin-left:0px;
        margin-right:0px;    
        background-color:rgb(248, 248, 248);
       }

       .form h1{
        margin-left:-4vw;
        margin-right:10vw;
        font-size:5.5vw;        
       }

     
      .form label{
        line-height:10vw;
        font-size:3.2vw;
        font-family:'Arial';
        color:rgb(117, 218, 218);
       }
    
       .form input{
        width:33.8vw;
        height:3vw;
        margin-right:30vw;
       }
           
  
       .form .lb02{
        margin-left:0vw;
       }
    
       
       .form .lb04{
        margin-left:0vw;
       }
    
       .form .lb05{
        margin-left:0vw;
       }
    
       .form .lb06{
        margin-left:0vw;
       }
           
    
       .form .spn02{
        display:block;
        text-align:right;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:2.8vw;
        padding-top:0px;
        padding-right:10vw;
        margin-left:0px;
        position:static;
       }
    
       .form .whitespace_err{
        display:block;
        text-align:right;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:2.8vw;
        padding-top:0px;
        padding-right:10vw;
        margin-left:0px;
        position:static;
       }
       
    
       .form .spn04{
        display:block;
        text-align:right;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:2.8vw;
        padding-top:0px;
        padding-right:10vw;
        margin-left:0px;
        position:static;
       }

       .form .spn05{
        display:block;
        text-align:right;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:2.8vw;
        padding-top:0px;
        padding-right:10vw;
        margin-left:0px;
        position:static;
       }


       .form .spn06{
        display:block;
        text-align:right;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:2.8vw;
        padding-top:0px;
        padding-right:10vw;
        margin-left:0px;
        position:static;
       }

       

       .form .RobotErr{
        text-align:right;
        color:rgb(238, 95, 95);
        font-family:"Arial";
        font-size:2.8vw;
        padding-top:3.2vw;
        padding-right:0vw;
        margin-left:39vw;
        position:absolute;
       }

       .form .Robot{
        margin-right:-14vw;
       }

       .form .tick{
        color:purple;
        font-size:2.4vw;
        letter-spacing:0.2vw;
       }
    
    
       ::placeholder{
        text-align:center;
        color:grey;
        opacity:25%;
        font-family:Arial;
        font-size:2.68vw;
      }

      .success_msg_1{
        color:rgb(32, 155, 32);
        margin-left:70px;
        font-size:3.2vw;
       }
  
       .form .btn{
        width:36vw;
        margin-left:0px;
        margin-right:28.5vw;
        font-family:'Arial';
        color:rgb(42, 77, 235);
        background-color:rgb(228, 208, 171);
        font-size:3.2vw;
        border:none;
       }
    }

     @media(max-width:456px){
  
      .image01{
        text-align:center;
        padding-top:0px;
        padding-left:0px;
        margin-top:-45px;
        float:none;
        position:static;
        opacity:0;
       } 
    
       .image01 img{
         width:36px;
       }
    
       .smarto{
        text-align:center; 
        font-size:12.5vw;
        font-family:'Segoe UI';
        color:rgb(211, 98, 126);
        float:none;
        padding-left:20px;
        padding-right:20px;
        padding-top:10px;
        opacity:0;
       }
      }


      @media(max-width:384px){
        .form .RobotErr{
          text-align:right;
          color:rgb(238, 95, 95);
          font-family:"Arial";
          font-size:2.8vw;
          padding-top:3.2vw;
          padding-right:0vw;
          margin-left:45vw;
          position:absolute;
         }
      }


       @media(max-width:230px){
        .form .RobotErr{
         display:block;
         text-align:right;
         color:rgb(238, 95, 95);
         font-family:"Arial";
         font-size:2.8vw;
         padding-top:0px;
         padding-right:20vw;
         margin-left:0px;
         margin-bottom:-3vw;
         position:static;
         }
      }