.modal_popup_auto {

  display: none;

  position: fixed;

  z-index: 9999999;

  padding-top: 100px;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.4);

}

.modal-content {

  max-width: 600px;

}



.modal-body {

  position: relative;

  padding: 15px;

  text-align: center;

  border-radius: 25px;

  /* background-image: linear-gradient(90deg,rgba(187, 0, 28,.9),rgba(111, 0, 1,1)); */

  /*background: radial-gradient(#006eac, #003870);*/

  background: url(../images/pc/8-resize2-01-final.webp) no-repeat top center;

  overflow: hidden;

}



.modal-body .form-title-popup {

  margin-bottom: 1rem;

  height: 260px;

}



.modal-body input:not([type='checkbox']),

.modal-body select {

  border: 3px solid transparent;

  border-radius: 8px;

  padding: 0.5rem;

  font: inherit;

  height: 50px;

  background-image: linear-gradient(white, white),

    linear-gradient(to right, #006eac, #003870);

  background-origin: border-box;

  background-clip: padding-box, border-box;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,

    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}



.modal-body input::placeholder,

.modal-body select {

  color: #006eac;

  font-weight: bold;

  font-size: 16px;

}

form#frmContactPop {

  margin-top: 0px;

}



div#register-form {

  z-index: 1;

  position: relative;

}

@media all and (max-width: 480px) {

  .modal-body .hieuung-popupform-1 {

    top: 33px;

  }

  .modal-body {

  background: url(../images/pc/8-resize2-02-final.webp) no-repeat top center;

}



}

@media all and (max-width: 414px) {



}

@media all and (max-width: 394px) {



}

@media all and (max-width: 380px) {



}

@media all and (max-width: 375px) {

}

@media all and (max-width: 360px) {



}

@media all and (max-width: 320px) {

  

}