html,body {padding:0;margin:0;width:100%;height:100%}
* {box-sizing:border-box}
body {background:#fff;color:#000;font-family:'Anuphan',Tahoma,Arial,sans-serif;font-size:18px}
a,a:hover,a:focus,a:active {text-decoration:none;color:#60a1fe;transition:.2s all}
h1,h2,h3,h4,h5,h6 {font-weight:700}

/* ===== Menu TBL ===== */
.topmenu {width:100%;margin:0 auto;background:#08293a;color:#fff;border-spacing:0;border-collapse:collapse}
.topmenu a {color:#f5f5f5}
.topmenu img {display:inline-block;max-height:20px;width:auto}
.topmenu td {vertical-align:middle;white-space:nowrap;font-size:14px;padding:4px}
.topmenu .ticon {width:40px;text-align:right}
.topmenu .ticon:first-child {padding-left:24px;width:24px}
.topmenu .ttxt {width:2%;padding-right:24px}
.topmenu .tsocial {text-align:right;padding-right:24px}

.topmenu2 {width:100%;margin:0 auto;background:#f5f5f5;color:#000;border-spacing:0;border-collapse:collapse}
.topmenu2 a {color:#08293a}
.topmenu2 img {display:inline-block;max-height:122px;width:auto}
.topmenu2 td {vertical-align:middle;white-space:nowrap;font-size:20px;padding:4px}
.topmenu2 .tmenu {text-align:right;padding-right:24px}
.topmenu2 .tmenu a {display:inline-block;margin-left:96px;font-weight:600}
.topmenu2 {box-shadow:0 1px 1px #08293a88}

.topmenu2.idx {background:#08293a linear-gradient(to top, #08293a 0, #0e2d41 75%, #08293a 100%)}
.topmenu2.idx img {filter:invert(100) brightness(128%)}
.topmenu2.idx a {color:#fff}

/* ===== Grid ===== */
.main-container {display:block;position:relative;margin:0 auto;max-width:1600px;padding-left:16px;padding-right:16px}
.grid-c > .col {padding:16px}
.grid-c {display:flex;flex-wrap:wrap;position:relative;margin:0 auto;margin-left:-16px;margin-right:-16px}
.grid-1 .col {width:100%}
.grid-2 .col {width:50%}
.grid-3 .col {width:33.33%}
.grid-4 .col {width:25%}
.grid-5 .col {width:20%}
.grid-6 .col {width:16.66%}
.grid-7 .col {width:14.28%}
.grid-8 .col {width:12.5%}
.pseudo-hr {margin:0 auto;padding-top:5vh}

/* ===== Clear After===== */
.main-container:after,
.grid-c:after {content:'';display:block;margin:0 auto;clear:both}

/* ===== WIP ===== */
.clear {display:block;margin:0 auto;clear:both}
.laz-text {display:block;margin:0 auto;max-width:100%}
.text-center {text-align:center}

/* ===== Mod ===== */