<!--
================================================================================
Tewdee Quiz | โปรแกรมเตรียมความพร้อมสำหรับทำข้อสอบ ONET | Power by Tewdee
================================================================================

Author: Mr.Verawat Krawnneat
Phone:  080-435-5999
Email:  kverawat@gmail.com

Copyright Ⓒ2020 Tewdee. All Rights Reserved.

-----------------------------------------------
Minimum Requirement
-----------------------------------------------
1. Operation System: WinXP, Win7, Win8, Win10
2. Ram 2 GB, HDD 128 GB
3. Appserv 2.5.10 (CR: Phanupong Panyadee (appserv at gmail dot com))
4. Apache Web Server Version 2.2.8
5. PHP Script Language Version 5.2.6
6. MySQL Database Version 5.0.51b
7. phpMyAdmin Database Manager Version 2.10.3
8. Google Chrome, Mozilla Firefox, Microsoft Edge Latest version (Not support IE)

-----------------------------------------------
ข้อสงวนสิทธิเกี่ยวกับทรัพย์สินทางปัญญา ... เบื้องต้น
-----------------------------------------------
สงวนลิขสิทธฺิตามกฎหมาย การทำซ้ำ ดัดแปลง หรือเผยแพร่ต่อสาธารณชนโดยไม่ได้รับอนุญาต มีโทษทางแพ่ง ปรับตั้งแต่สองหมื่นบาทถึงสองแสนบาท และหากทำเพื่อการค้าจะได้รับโทษทั้งทางแพ่งและทางอาญา ต้องระวางโทษจำคุกตั้งแต่หกเดือนถึงสี่ปี หรือปรับตั้งแต่หนึ่งแสนบาทถึงแปดแสนบาทหรือทั้งจำทั้งปรับ

-----------------------------------------------
ข้อสงวนสิทธิเกี่ยวกับทรัพย์สินทางปัญญา ... เพิ่มเติม
-----------------------------------------------
Tewdee โดยวีรวัฒน์ ขวัญเนตร ผู้พัฒนา Tewdee.com และบริษัทในเครือ เป็นผู้ถือกรรมสิทธิ์หรือเจ้าของแต่เพียงผู้เดียว ตามรายละเอียดดังต่อไปนี้

ข้อความ รูปภาพ ภาพเคลื่อนไหว เสียง เนื้อหาข้อมูล และส่วนประกอบใดๆ ทั้งหมดที่ปรากฏบนเว็บไซต์และแอพพลิเคชั่นของ Tewdee และรวมถึงซอฟท์แวร์ โปรแกรมคอมพิวเตอร์ในระบบของ Tewdee ถือเป็นงานอันมีลิขสิทธิ์ของ Tewdee

สิทธิในเครื่องหมายการค้า เครื่องหมายบริการ ชื่อ ชื่อทางการค้า สิทธิบัตร โนว์ฮาว โดเมนเนม หรือสิทธิอื่นในลักษณะเดียวกัน ซึ่งจัดเป็นงานอันได้รับความคุ้มครองตามกฎหมายทรัพย์สินทางปัญญาและกฎหมายอื่นที่เกี่ยวข้อง ถือเป็นทรัพย์สินทางปัญญาโดยชอบด้วยกฎหมายของ Tewdee แต่เพียงผู้เดียว

ห้ามผู้ใดทำซ้ำ คัดลอก ลอกเลียน ดัดแปลง ปลอมแปลง จัดเผยแพร่ จำหน่าย ให้เช่า เข้าครอบครอง เรียกดึงข้อมูล บันทึก ส่งผ่าน หรือกระทำการใดๆ เกี่ยวกับสิทธิและทรัพย์สินทางปัญญาของ Tewdee โดยไม่ชอบด้วยกฎหมาย หรือโดยไม่ได้รับอนุญาตอย่างเป็นทางการจาก Tewdee หรือโดยก่อให้เกิดความเสียหายแก่ Tewdee อันเป็นการกระทำความผิดทางอาญา ซึ่งต้องได้รับโทษ ตามพระราชบัญญัติทรัพย์สินทางปัญญาฯ และกฎหมายอื่นที่เกี่ยวข้อง อีกทั้งเป็นการกระทำละเมิดต่อ Tewdee ซึ่ง Tewdee สงวนสิทธิในการยับยั้งการกระทำนั้นในทันที และจะดำเนินการทางกฎหมายต่อผู้กระทำละเมิดอย่างเด็ดขาดโดยไม่มีข้อยกเว้น

Tewdee เป็นผู้ถือกรรมสิทธิ์ในสำเนาโปรแกรมรวมถึงแอพพลิเคชั่นและเนื้อหาทั้งหมด แม้ว่าหลังจากที่ได้มีการติดตั้งโปรแกรมหรือแอพพลิเคชั่นและเนื้อหาลงในคอมพิวเตอร์ โทรศัพท์เคลื่อนที่ หรืออุปกรณ์อื่นๆ ในลักษณะเดียวกัน โดยผู้ใช้งานเพียงได้รับสิทธิอนุญาตให้ใช้งานหรือบริการบนโปรแกรมหรือแอพพลิเคชั่นของ Tewdee เท่านั้น

ผู้กระทำละเมิดต่อ Tewdee มีความรับผิดที่ต้องชดใช้ค่าเสียหายต่อ Tewdee ตามอัตราความเสียหายต่อวัน ซึ่งประเมินอย่างสมเหตุสมผลแล้ว ที่ไม่น้อยกว่า 5,000 บาทต่อการสร้างแบบทดสอบ หรือ 5,000 บาทต่อบัญชีผู้ใช้งาน หรือ 50,000 บาทต่อการเรียกข้อมูลจากเซิร์ฟเวอร์ หรือในอัตรา 500,000 บาท ต่อวัน ทั้งนี้ แล้วแต่จำนวนใดจะมากกว่า โดยไม่ถือเป็นค่าเสียหายในเชิงลงโทษ และไม่ตัดสิทธิเรียกร้องอื่นๆ ซึ่ง Tewdee มีอยู่ โดยรวมถึงการเรียกร้องความสูญเสีย ค่าเสียหาย ค่าใช้จ่ายอื่นๆ อีกต่างหาก

-----------------------------------------------
Credit
-----------------------------------------------
เครดิต: Tewdee.com ข้อมูลสนับสนุนข้อสงวนลิขสิทธิ
เครดิต: Kaidee.com ข้อมูลสนับสนุนข้อสงวนลิขสิทธิ (ขายดี ดอท คอม เว็บซื้อขายออนไลน์ อันดับหนึ่งของเมืองไทย)
เครดิต: ที่ลืมไม่ได้ Rungnapa ภรรยาที่ดีที่สุด Sirawit ของขวัญที่ดีที่สุดจากสวรรค์
เครดิต: พ่อ แม่ พี่น้อง ครูบาอาจารย์ และเพื่อนแท้ ที่อยู่ข้างเราในวันที่เราลำบาก


-----------------------------------------------
สำคัญมาก ก่อนจบ ...
-----------------------------------------------
ถ้าเห็นว่าโปรแกรมหรือแอพพลิเคชั่นนี้มันมีประโยชน์ ต่อบุตรหลาน ต่อนักเรียน สนใจอยากใช้แต่ไม่มีเงิน บอกผมได้ ผมใจดีครับ โทรมาคุยกันได้ กรุณาอย่า copy ไปใช้เครื่องอื่น การละเมิดลิขสิทธิเป็นสิ่งไม่ถูกต้อง บาปกรรมมันมีจริงนะครับ แต่ถ้าไม่สนใจก็ไม่เป็นไรครับ เพราะถ้าหากลักลอบใช้ต้องเจอของดีเข้าสักวัน กับดักหลายอย่างที่ถูกแอบเขียนใน source code ตัวนี้มั่นใจได้เลยว่าท่านคงใช้ตัวผิดลิขสิทธิ์ได้ไม่นานแน่ ไม่ต้องแปลกใจถ้าใช้ไปสักพักแล้วข้อมูลที่เคยบันทึกไว้ใน database ถูกลบหายไป ไม่ต้องแปลกใจว่าไฟล์ที่เคยมีในเครื่องถูกลบทิ้ง ไม่ต้องแปลกใจว่าอยู่ดี ๆ ก็ล็อกอินเข้าระบบไม่ได้ ไม่ต้องแปลกใจว่าข้อความภาษาไทยทั้งหมดกลายเป็นภาษารัสเซีย ไม่ต้องแปลกใจว่าใช้งานอยู่ดี ๆ CPU ก็ทำงาน 100% จนเครื่องน็อกไปเอง ไม่ต้องแปลกใจว่าผู้ใช้งานทั่วไปได้สิทธิ์เป็นผู้ดูแลระบบ ไม่ต้องแปลกใจว่าใช้งานไปสักพักแล้วหน่วยความจำเครื่องไม่พอใช้งาน และไม่ต้องแปลกใจว่าทีมงานลิขสิทธิรู้ได้อย่างไรว่าท่านแอบใช้อยู่ เชื่อเถอะได้ไม่คุ้มเสียเชื่อผม อยากลองของก็เชิญครับ ผมใจดี เงินไม่ใช่สิ่งสำคัญที่สุดสำหรับผม โทรมาคุยกันได้ครับ 080-435-5999

-->

<!DOCTYPE html>
<html lang="th">
<head>
  <meta charset="utf-8">
  <meta http-equiv="refresh" content="3; url=subject.php">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Tewdee Quiz</title>
  <meta name="description" content="โปรแกรมเตรียมความพร้อมสำหรับทำข้อสอบ | Power by Tewdee">
  <link rel="shortcut icon" href="favicon/favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/style.css?v=0.01">

  <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
  <![endif]-->

  <style>
    /* CSS LOADER ANIMATION */
    /* Credit: https://designwoop.com/css-loading-animation */

    html {
      height: 100%;
    }

    body {
      height: 100%;
      display: -webkit-box;
      display: flex;
      align-items: center;
      -webkit-box-align: center;
      justify-content: center;
      -webkit-box-pack: center;
      background: rgb(146,39,143);
      background: -moz-radial-gradient(circle, rgba(146,39,143,1) 2%, rgba(102,18,100,1) 82%, rgba(78,9,77,1) 97%);
      background: -webkit-radial-gradient(circle, rgba(146,39,143,1) 2%, rgba(102,18,100,1) 82%, rgba(78,9,77,1) 97%);
      background: radial-gradient(circle, rgba(146,39,143,1) 2%, rgba(102,18,100,1) 82%, rgba(78,9,77,1) 97%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92278f",endColorstr="#4e094d",GradientType=1);
    }

    .loader {
      position: relative;
      margin-top: -50px;
      width: 70px;
      height: 100px;
    }
    .loader__bar {
      position: absolute;
      bottom: 0;
      width: 10px;
      height: 50%;
      background: #7fff55;
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    }
    .loader__bar:nth-child(1) {
      left: 0px;
      -webkit-transform: scale(1, 0.2);
              transform: scale(1, 0.2);
      -webkit-animation: barUp1 4s infinite;
              animation: barUp1 4s infinite;
    }
    .loader__bar:nth-child(2) {
      background-color: #f08bed;
      left: 15px;
      -webkit-transform: scale(1, 0.4);
              transform: scale(1, 0.4);
      -webkit-animation: barUp2 4s infinite;
              animation: barUp2 4s infinite;
    }
    .loader__bar:nth-child(3) {
      left: 30px;
      -webkit-transform: scale(1, 0.6);
              transform: scale(1, 0.6);
      -webkit-animation: barUp3 4s infinite;
              animation: barUp3 4s infinite;
    }
    .loader__bar:nth-child(4) {
      left: 45px;
      -webkit-transform: scale(1, 0.8);
              transform: scale(1, 0.8);
      -webkit-animation: barUp4 4s infinite;
              animation: barUp4 4s infinite;
    }
    .loader__bar:nth-child(5) {
      left: 60px;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-animation: barUp5 4s infinite;
              animation: barUp5 4s infinite;
    }
    .loader__ball {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 10px;
      height: 10px;
      background: #fff;
      border-radius: 50%;
      -webkit-animation: ball 4s infinite;
              animation: ball 4s infinite;
    }

    @-webkit-keyframes ball {
      0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
      5% {
        -webkit-transform: translate(8px, -14px);
                transform: translate(8px, -14px);
      }
      10% {
        -webkit-transform: translate(15px, -10px);
                transform: translate(15px, -10px);
      }
      17% {
        -webkit-transform: translate(23px, -24px);
                transform: translate(23px, -24px);
      }
      20% {
        -webkit-transform: translate(30px, -20px);
                transform: translate(30px, -20px);
      }
      27% {
        -webkit-transform: translate(38px, -34px);
                transform: translate(38px, -34px);
      }
      30% {
        -webkit-transform: translate(45px, -30px);
                transform: translate(45px, -30px);
      }
      37% {
        -webkit-transform: translate(53px, -44px);
                transform: translate(53px, -44px);
      }
      40% {
        -webkit-transform: translate(60px, -40px);
                transform: translate(60px, -40px);
      }
      50% {
        -webkit-transform: translate(60px, 0);
                transform: translate(60px, 0);
      }
      57% {
        -webkit-transform: translate(53px, -14px);
                transform: translate(53px, -14px);
      }
      60% {
        -webkit-transform: translate(45px, -10px);
                transform: translate(45px, -10px);
      }
      67% {
        -webkit-transform: translate(37px, -24px);
                transform: translate(37px, -24px);
      }
      70% {
        -webkit-transform: translate(30px, -20px);
                transform: translate(30px, -20px);
      }
      77% {
        -webkit-transform: translate(22px, -34px);
                transform: translate(22px, -34px);
      }
      80% {
        -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px);
      }
      87% {
        -webkit-transform: translate(7px, -44px);
                transform: translate(7px, -44px);
      }
      90% {
        -webkit-transform: translate(0, -40px);
                transform: translate(0, -40px);
      }
      100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
    }

    @keyframes ball {
      0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
      5% {
        -webkit-transform: translate(8px, -14px);
                transform: translate(8px, -14px);
      }
      10% {
        -webkit-transform: translate(15px, -10px);
                transform: translate(15px, -10px);
      }
      17% {
        -webkit-transform: translate(23px, -24px);
                transform: translate(23px, -24px);
      }
      20% {
        -webkit-transform: translate(30px, -20px);
                transform: translate(30px, -20px);
      }
      27% {
        -webkit-transform: translate(38px, -34px);
                transform: translate(38px, -34px);
      }
      30% {
        -webkit-transform: translate(45px, -30px);
                transform: translate(45px, -30px);
      }
      37% {
        -webkit-transform: translate(53px, -44px);
                transform: translate(53px, -44px);
      }
      40% {
        -webkit-transform: translate(60px, -40px);
                transform: translate(60px, -40px);
      }
      50% {
        -webkit-transform: translate(60px, 0);
                transform: translate(60px, 0);
      }
      57% {
        -webkit-transform: translate(53px, -14px);
                transform: translate(53px, -14px);
      }
      60% {
        -webkit-transform: translate(45px, -10px);
                transform: translate(45px, -10px);
      }
      67% {
        -webkit-transform: translate(37px, -24px);
                transform: translate(37px, -24px);
      }
      70% {
        -webkit-transform: translate(30px, -20px);
                transform: translate(30px, -20px);
      }
      77% {
        -webkit-transform: translate(22px, -34px);
                transform: translate(22px, -34px);
      }
      80% {
        -webkit-transform: translate(15px, -30px);
                transform: translate(15px, -30px);
      }
      87% {
        -webkit-transform: translate(7px, -44px);
                transform: translate(7px, -44px);
      }
      90% {
        -webkit-transform: translate(0, -40px);
                transform: translate(0, -40px);
      }
      100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
      }
    }
    @-webkit-keyframes barUp1 {
      0% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      40% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      50% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      90% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      100% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
    }
    @keyframes barUp1 {
      0% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      40% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      50% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      90% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      100% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
    }
    @-webkit-keyframes barUp2 {
      0% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      40% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      50% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      90% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      100% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
    }
    @keyframes barUp2 {
      0% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      40% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      50% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      90% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      100% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
    }
    @-webkit-keyframes barUp3 {
      0% {
        -webkit-transform: scale(1, 0.6);
                transform: scale(1, 0.6);
      }
      100% {
        -webkit-transform: scale(1, 0.6);
                transform: scale(1, 0.6);
      }
    }
    @keyframes barUp3 {
      0% {
        -webkit-transform: scale(1, 0.6);
                transform: scale(1, 0.6);
      }
      100% {
        -webkit-transform: scale(1, 0.6);
                transform: scale(1, 0.6);
      }
    }
    @-webkit-keyframes barUp4 {
      0% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      40% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      50% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      90% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      100% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
    }
    @keyframes barUp4 {
      0% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      40% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
      50% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      90% {
        -webkit-transform: scale(1, 0.4);
                transform: scale(1, 0.4);
      }
      100% {
        -webkit-transform: scale(1, 0.8);
                transform: scale(1, 0.8);
      }
    }
    @-webkit-keyframes barUp5 {
      0% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      40% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      90% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
    }
    @keyframes barUp5 {
      0% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      40% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      90% {
        -webkit-transform: scale(1, 0.2);
                transform: scale(1, 0.2);
      }
      100% {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
      }
    }

    /* ANIMATE TEXT LOADING */
    /* Credit: https://icons8.com/cssload/en/animated-text */

    #inTurnFadingTextG {
      margin:auto;
    }

    .inTurnFadingTextG{
      color:rgb(255,255,255);
      font-size:16px;
      text-decoration:none;
      font-weight:300;
      font-style:normal;
      float:left;
      animation-name:bounce_inTurnFadingTextG;
        -o-animation-name:bounce_inTurnFadingTextG;
        -ms-animation-name:bounce_inTurnFadingTextG;
        -webkit-animation-name:bounce_inTurnFadingTextG;
        -moz-animation-name:bounce_inTurnFadingTextG;
      animation-duration:2.09s;
        -o-animation-duration:2.09s;
        -ms-animation-duration:2.09s;
        -webkit-animation-duration:2.09s;
        -moz-animation-duration:2.09s;
      animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
      animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
    }

    #inTurnFadingTextG_1{
      animation-delay:0.75s;
        -o-animation-delay:0.75s;
        -ms-animation-delay:0.75s;
        -webkit-animation-delay:0.75s;
        -moz-animation-delay:0.75s;
    }
    #inTurnFadingTextG_2{
      animation-delay:0.9s;
        -o-animation-delay:0.9s;
        -ms-animation-delay:0.9s;
        -webkit-animation-delay:0.9s;
        -moz-animation-delay:0.9s;
    }
    #inTurnFadingTextG_3{
      animation-delay:1.05s;
        -o-animation-delay:1.05s;
        -ms-animation-delay:1.05s;
        -webkit-animation-delay:1.05s;
        -moz-animation-delay:1.05s;
    }
    #inTurnFadingTextG_4{
      animation-delay:1.2s;
        -o-animation-delay:1.2s;
        -ms-animation-delay:1.2s;
        -webkit-animation-delay:1.2s;
        -moz-animation-delay:1.2s;
    }
    #inTurnFadingTextG_5{
      animation-delay:1.35s;
        -o-animation-delay:1.35s;
        -ms-animation-delay:1.35s;
        -webkit-animation-delay:1.35s;
        -moz-animation-delay:1.35s;
    }
    #inTurnFadingTextG_6{
      animation-delay:1.5s;
        -o-animation-delay:1.5s;
        -ms-animation-delay:1.5s;
        -webkit-animation-delay:1.5s;
        -moz-animation-delay:1.5s;
    }
    #inTurnFadingTextG_7{
      animation-delay:1.64s;
        -o-animation-delay:1.64s;
        -ms-animation-delay:1.64s;
        -webkit-animation-delay:1.64s;
        -moz-animation-delay:1.64s;
    }

    @keyframes bounce_inTurnFadingTextG{
      0%{
        color:rgb(255,255,255);
      }

      100%{
        color:rgb(146 39 143);
      }
    }

    @-o-keyframes bounce_inTurnFadingTextG{
      0%{
        color:rgb(255,255,255);
      }

      100%{
        color:rgb(146 39 143);
      }
    }

    @-ms-keyframes bounce_inTurnFadingTextG{
      0%{
        color:rgb(255,255,255);
      }

      100%{
        color:rgb(146 39 143);
      }
    }

    @-webkit-keyframes bounce_inTurnFadingTextG{
      0%{
        color:rgb(255,255,255);
      }

      100%{
        color:rgb(146 39 143);
      }
    }

    @-moz-keyframes bounce_inTurnFadingTextG{
      0%{
        color:rgb(195 195 195);
      }

      100%{
        color:rgb(146 39 143);
      }
    }

  </style>

</head>

<body>

<!-- CSS LOADER ANIMATION -->
<div class="loader">
  <div class="loader__bar"></div>
  <div class="loader__bar"></div>
  <div class="loader__bar"></div>
  <div class="loader__bar"></div>
  <div class="loader__bar"></div>
  <div class="loader__ball"></div>
</div>

<!-- ANIMATE TEXT LOADING -->
<div style="position: absolute; top: 55%; letter-spacing: 1.5px;">
  <div id="inTurnFadingTextG">
    <div id="inTurnFadingTextG_1" class="inTurnFadingTextG">กำ</div>
    <div id="inTurnFadingTextG_2" class="inTurnFadingTextG">ลั</div>
    <div id="inTurnFadingTextG_3" class="inTurnFadingTextG">ง</div>
    <div id="inTurnFadingTextG_4" class="inTurnFadingTextG">โ</div>
    <div id="inTurnFadingTextG_5" class="inTurnFadingTextG">ห</div>
    <div id="inTurnFadingTextG_6" class="inTurnFadingTextG">ล</div>
    <div id="inTurnFadingTextG_7" class="inTurnFadingTextG">ด</div>
  </div>
</div>

<style>
.footer-fixed-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  border-top: 1px solid hsla(0,0%,53.3%, .4 );
  background: #6e166b;
  z-index: 1026;
}
.footer-content {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #999;
  letter-spacing: 0.25px;
  text-align: center;
}
</style>

<footer class="footer-fixed-bottom" style="background: #3a3a3a;">
  <div class="footer-content">
    สงวนลิขสิทธิ์ตามพระราชบัญญัติลิขสิทธิ์ โดยสถาบันกวดวิชาติวดี <script>document.write(new Date().getFullYear()+543)</script><span class="hidden-xs hidden-sm"> ห้ามผู้ใดจัดจำหน่าย ให้เช่า ทำซ้ำ คัดลอก ลอกเลียน ปลอมแปลง ดัดแปลง หรือกระทำการใด ๆ ก่อนได้รับการอนุญาต</span>
  </div>
</footer>


<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ie10-viewport-bug-workaround.js"></script>

</body>
</html>