body {
    color: #526069;
    font-family: 'thsarabun', sans-serif;
    font-size: 16px;
    background-size: cover;
}
.table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
/* .table-bordered { border: 1px solid #526069; } */
.table-bordered th { border: 1px solid #CCD5DB; padding: 4px; }
.table-bordered td { border: 1px solid #CCD5DB; padding: 4px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.row { display: inline-block; width: 100%; margin-bottom: 5px; }
.col-100 { float: left; width: 100% }
.col-95 { float: left; width: 95% }
.col-90 { float: left; width: 90% }
.col-85 { float: left; width: 85% }
.col-80 { float: left; width: 80% }
.col-75 { float: left; width: 75% }
.col-70 { float: left; width: 70% }
.col-65 { float: left; width: 65% }
.col-60 { float: left; width: 60% }
.col-55 { float: left; width: 55% }
.col-50 { float: left; width: 50% }
.col-49 { float: left; width: 49% }
.col-45 { float: left; width: 45% }
.col-40 { float: left; width: 40% }
.col-35 { float: left; width: 35% }
.col-33 { float: left; width: 33% }
.col-30 { float: left; width: 30% }
.col-28 { float: left; width: 28% }
.col-25 { float: left; width: 25% }
.col-20 { float: left; width: 20% }
.col-15 { float: left; width: 15% }
.col-13 { float: left; width: 13% }
.col-12 { float: left; width: 12% }
.col-10 { float: left; width: 10% }
.col-7 { float: left; width: 7% }
.col-5 { float: left; width: 5% }
.col-2 { float: left; width: 2% }
.col-1 { float: left; width: 1% }
.h44 { line-height: 44px; font-size: 44px; }
.h40 { line-height: 40px; font-size: 40px; }
.h36 { line-height: 36px; font-size: 36px; }
.h32 { line-height: 32px; font-size: 32px; }
.h30 { line-height: 30px; font-size: 30px; }
.h28 { line-height: 28px; font-size: 28px; }
.h24 { line-height: 24px; font-size: 24px; }
.h22 { line-height: 22px; font-size: 22px; }
.h20 { line-height: 20px; font-size:20px; }
.h18 { line-height: 18px; font-size:18px; }
.h16 { line-height: 16px; font-size:16px; }
.h14 { line-height: 14px; font-size:14px; }
.h12 { line-height: 12px; font-size:12px; }
.strong { font-weight: bold; }
.form { width: 100%; position: relative; }
.underline { position: absolute; margin-top: -5px; margin-right: 10px; border-bottom: 1px solid #526069; }
.underline.dot { border-bottom: 1px dotted #526069; }
.white { color: white; }
.spw-icon-circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 5px;
}