<style media="screen">
.flashing{  animation: blink 1s infinite alternate;}
@keyframes blink {
  0% { opacity: 1; }
  20% { opacity: 0.5;}
  40% { opacity: 1; }
  60% { opacity: 0.5; }
  80% { opacity: 1; }
  100% { opacity: 0.5;  }
}
</style>
<div class="container mt-5 mt-md-3  px-lg-5">
  <div class="row justify-content-center px-lg-5 ">
    <div class="col-auto text-center mb-3 text-white">
      <h1 class="fw-loungethbold mt-md-0 border-kai-bottom-light">ทำนายเบอร์</h1>
      <!--<hr class="line1">-->
    </div>
  </div>
  <div class="row justify-content-center px-xxl-5 px-3">
    <div class="col-12 col-md-12 px-xxl-2 px-lg-4 fw-loungethbold mb-md-0">
      <form class="" action="../reading/index.php" method="get" name="fmforecastphone" onsubmit="return fm_fmforecastphone();">
        <div class="row pe-lg-1 px-xxl-1 justify-content-center align-center mb-3 mb-md-1">
          <div class="col-12 col-md-2 col-xxl-fix me-md-2">
            <label for="textInput" class="">อาจารย์ไก่ทำนายเบอร์ฟรี</label>
          </div>
          <div class="col-10 col-md-6 col-xxl-6 ps-0 me-md-0 me-xxl-0 ms-xxl-d-1">
            <input type="text" class="form-control h-fix" id="phonenumber" name="phonenumber" placeholder="หมายเลขโทรศัพท์"
            onkeypress="return validate_number(event)" maxlength="10">
          </div>
          <div class="col-2 col-md-2 col-xxl-2 px-0 me-xxl-2 pe-xxl-1 text-start">
            <button type="submit" class="btn btn-kai1 w-fix h-fix">ทำนาย</button>
          </div>
        </div>
      </form>
    </div>
  </div>

  <?php include('../theme/btn_hi.php'); ?>


<!--
  <div class="row justify-content-center px-xxl-5 px-3">
    <div class="col-12 col-md-12 px-xxl-2 px-lg-4 fw-loungethbold">
      <form class="" action="../reading/index.php" method="get" name="fmforecastid" onsubmit="return fm_forecastid();">
        <div class="row pe-lg-1 px-xxl-1 justify-content-center align-center">
          <div class="col-12 col-md-2  col-xxl-fix me-md-2">
            <label for="textInput" class="">อาจารย์ไก่ทำนายบัตรประชาชน</label>
          </div>
          <div class="col-10 col-md-6  col-xxl-6 ps-0 me-md-0 me-xxl-0 ms-xxl-d-1">
            <input type="text" class="form-control h-fix" id="ID_card" name="ID_card" placeholder="บัตรประชาชน"
            onkeypress="return validate_number(event)" maxlength="13">
          </div>
          <div class="col-2 col-md-2 col-xxl-2 px-0 me-xxl-2 pe-xxl-1 text-start">
            <button type="submit" class="btn btn-kai1 w-fix h-fix">ทำนาย</button>
          </div>
        </div>
      </form>
    </div>
  </div>
-->
</div>

<script>
function fm_forecastid(){
  if(document.fmforecastid.ID_card.value==""){alert("ขออภัยค่ะกรุณากรอกหมายเลขบัตรประชาชน13หลัก");document.fmforecastid.ID_card.focus();return false;}
  if(isNaN(document.fmforecastid.ID_card.value)){alert("ขออภัยค่ะกรุณากรอกหมายเลขบัตรประชาชน13หลัก");document.fmforecastid.ID_card.focus();return false;}
  if(document.fmforecastid.ID_card.value.length <13){alert("ขออภัยค่ะกรุณากรอกหมายเลขบัตรประชาชน13หลัก");document.fmforecastid.ID_card.focus();return false;}
}
function fm_fmforecastphone(){
  if(document.fmforecastphone.phonenumber.value==""){alert("ขออภัยค่ะกรุณากรอกเบอร์โทรศัพท์10หลัก");document.fmforecastphone.phonenumber.focus();return false;}
  if(isNaN(document.fmforecastphone.phonenumber.value)){alert("ขออภัยค่ะกรุณากรอกเบอร์โทรศัพท์10หลัก");document.fmforecastphone.phonenumber.focus();return false;}
  if(document.fmforecastphone.phonenumber.value.length <10){alert("ขออภัยค่ะกรุณากรอกเบอร์โทรศัพท์10หลัก");document.fmforecastphone.phonenumber.focus();return false;}
}

function validate_number(evt) {
   var theEvent = evt || window.event;
   var key = theEvent.keyCode || theEvent.which;
   key = String.fromCharCode( key );
   var regex = /[0-9]|\./;
   if( !regex.test(key) ) {
   theEvent.returnValue = false;
   if(theEvent.preventDefault) theEvent.preventDefault();
   }
 }
</script>