@media (max-width: 800px) {
  #loginbox,
  #joinbox {
    width: 100%;
    margin-top: 50px;
    border: 0;
    padding: 0 20px;
  }

  .function_btn_zone {
    grid-template-columns: 100px 100px;
    top: -55px;
    right: 15px;
  }

  .function_btn_zone button {
    padding: 5px;
  }
  .search_input {
    padding: 10px;
  }
  /* .form {
    grid-template-columns: auto;
  }
  .form * {
    width: 100%;
  } */
}