html,
      
      .input_dk { border: 0px solid #cdcdcd;border-radius:4px;height:28px;width:96%;font-size:18px;padding:4px;margin-bottom:5px }
      .input_dk2 {border: none;height: 25px;width:97%;font-size:18px;padding: 6px 0px 6px 6px;margin:0px;}

      input::placeholder {
        font-family: Saira, sans-serif;
      }

      select {
        font-family: Saira, sans-serif;
      }

      select option {
        font-family: Saira, sans-serif;
        font-size: 14px;
      }

      a:link {
        text-decoration: none;
      }

      a:visited {
        color: #000000
      }

      a:hover {
        color: #0066ff
      }

      a:active {
        color: #000000
      }
      
      form{ margin-bottom:0px }

      .button {
        font-family: Saira;
        cursor: pointer;
        font-family: Saira;
        border-radius: 4px;
        border: 0px solid #cccccc;
        width: auto;
        padding: 8px 64px 8px 64px;
        font-size: 14px;
        margin: 5px 10px 5px 10px;
        font-size: 16px;
      }

      button:hover {
        filter: brightness(1.05);
      }

      #Start {
        float: right;
        background-color: #fff;
        width: 38%;
        margin-top: 50px;
        min-width: 300px;
        border: 0px solid #a6a6a6;
        border-radius: 10px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
      }

      #Main
        {
        max-width: 1100px;
        width: 100%;
        margin: auto;
        border: -px solid #cdcdcd;
      }
      
       #Banner {
        float: left;
        width: 60%;
        height: 350px;
        border: 0px solid #cdcdcd;
        margin-top: 45px;
        border-radius: 6px;
        transition: box-shadow 0.1s, transform 0.1s;
        cursor: pointer;
      }
      
      #Banner img {
        border-radius: 10px
      }      

#boxBottom{border-radius: 0 0 10px 10px;height:auto;padding:5px 0px 5px 0px;width:100%;background-color: #f1f1f1;}

    #formBox {
      width: 100%;
      border: 0px solid #cdcdcd;
      /*background-color: #fff; */
      border-radius: 10px 10px 0px 0px;
      
      text-align: center;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-internal-autofill-selected { -webkit-box-shadow: 0 0 0 30px white inset !important;  }

@media screen and (max-width: 1000px) {
        #Banner img {
          height: auto;
          width: 98%;
        }
}



@media screen and (max-width: 900px) {
        #Start {
          width: 98%;
          margin-top: 10px;
          border-radius: 10px;
          text-align: center;
        }
        
        #Banner {
          width: 100%;
          margin-top: 40px;
          height: 218px;
          border: 0px solid #cdcdcd;
          border-radius: 6px;
        }

        #Banner img {
          height: 100%;
          width: auto;
        }
        
         #Main {
          width: 340px;
          margin: auto;
          border: -px solid #cdcdcd;
        }
        
        
}

@media screen and (max-width: 400px) {

        /*Khi màn hình < 900px */
        #Main {
          width: 100%;
          margin: auto;
          border: -px solid #cdcdcd;
        }
}

/* ----------- DARK MODE ---------- */
@media (prefers-color-scheme: dark) {
  
#Start{background-color: #292a2d;}
#Hello{background-color: #212121!important;}
#formBox{background-color:#292a2d;}
#boxBottom {background-color:#313237;}
#buttunBottom{background-color: #454545;color:#c7c5c5}
    
}