@charset "utf-8";
/* Default CSS by. Anuthep Janthamas */

/* Selection เวลา Drag ครอบ element */
::-moz-selection{background: #44b576 ;color: #fff; }
::selection{background: #44b576 ;color: #fff; }

::-webkit-scrollbar{ width: 5px; height: 5px; } /* Scroll bar */
::-webkit-scrollbar-track{ background: #333 } /* Scroll BG */
::-webkit-scrollbar-thumb{ background: #44b576 } /* Scroll Tab */
/* marquee แท็คตัวหนังสือเคลื่อนที่ */

/* Width (ความสูง 100%) */
html, body{
    min-height:100%;
}

/* Main Tag */
html{
    /* ขนาดของ font เป็น % 
    เพื่อใช้เทคนิค rem ในการอ้างอิง font-size */
    font-size: 62.5%;

    /* ยกเลิกการใช้งาน */
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0); 
}
body{
    /* ฟิลเตอร์ทำให้เว็บเป็นโทนสีขาวดำ
    filter: grayscale(0%); */

    /* font-smooth */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    box-sizing: border-box;
    position: relative;

    /* ซ่อน Scroll-bar ในแนวแกน X */
    overflow-x: hidden !important; 
    min-width: 100%;
    max-width: 100%;
    width: 100%;

    padding-top: 0px;
    /* Padding-top 60px ใช้ในกรณีต้องการดันขอบด้านบน
    เพื่อไม่ให้ข้อมูลซ้อนทับกันกับ Navigate
    เนื่องจาก Navigate มี fixed ตำแหน่งหน้าจอ */
}

/* ตั้งค่าการใช้งาน Font ภายในเว็บ */
body, input, textarea, select, button{
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 2rem;
    line-height: 30px;
    font-weight: normal;
    text-align: left;
}
img{
    display: block;
    margin: 0 auto;
}
a{
    cursor: pointer;
    text-decoration: none;
    /* link ลิ้งที่ยังไม่เคยเยี่ยมชม
    visited ลิ้งที่เข้าเยี่ยมชมแล้ว
    active ขณะที่กำลังคล๊ก
    hover ขณะที่เมาส์อยู่ด้านบน
    focus ตัว Browser โฟกัสไปที่ลิ้ง */
}
h1,h2,h3,h4,h5,h6{ font-weight: unset }
p{ text-indent: 20px }
b{ font-weight: bold }
i{ font-style: italic }
u{ text-decoration: underline }
/* ขีดเส้นทับ */
s{ text-decoration: line-through }
/* ตัวยก */
sup{
    vertical-align: super;
    font-size: smaller;
}
/* ตัวห้อย */
sub{
    vertical-align: sub;
    font-size: smaller;
}
small{ font-size: smaller }
big{ font-size: larger }

/* Table Old
ควบคุมการแสดงผลของตาราง
table, th, td{
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 10px;
} */
table {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;

    border: 1px solid #ddd;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 20px;
    
    text-align: center;
}
table thead th,
table tbody th,
table tbody td {
    padding: 7px 10px;
    border-bottom: 1px solid #ddd;
}
/* table header */
table thead th,
table tbody th {
    background-color: #f5f5f5;
    font-family: 'prompt_medium';
    font-size: 2.2rem;
    font-weight: normal;
    color: #222;
}
table tbody td{
    color: #555;
}
table thead th + th,
table tbody td {
    border-left: 1px solid #ddd;
}
table tbody tr:last-child th,
table tbody tr:last-child td {
    border-bottom: none;
}
table thead tr:first-child th:first-child {
    border-radius: 20px 0 0 0;
}
table thead tr:first-child th:last-child {
    border-radius: 0 20px 0 0;
}
table tbody tr:last-child th:first-child {
    border-radius: 0 0 0 20px;
}
table tbody tr:last-child th:last-child {
    border-radius: 0 0 20px 0;
    background: #44b576;
}
table tbody tr td:first-child{
    border-left: 0px;
}