@import url('https://fonts.googleapis.com/css?family=Noto+Sans+Thai:300,400,500,700|Roboto:300,400,500,700');
body { font-family: 'Noto Sans Thai', 'Roboto', San serif }
header { height: 100px; box-shadow: 0px  0px 12px rgba(0,0,0, 0.1);}

a { text-decoration: none; transition: all 0.2s }

h2, h3 { color: #323A6E }
h2 { font-size: 3rem }

img { max-width: 100% }



footer { background: #323A6E; padding-bottom: 60px; color: #fff }
footer a { color: #fff }
footer a:hover { color: #ffd200; text-decoration: underline }

footer > div:nth-child(1) { background: rgba(0,0,0,.1); padding: 80px 0 }
footer > div:nth-child(2) { padding: 160px 0 }
footer > div:nth-child(2) img { max-width: 128px }
footer i:before { color: #ffd200; font-size: 22px }
footer i { font-size: 0px; border-radius: 50px; background: rgba(0,0,0,.25); width: 48px; text-align: center; height: 48px; line-height: 48px !important; margin-right: 8px }
footer h2, footer h4 { color: #ffd200 }

.FirstPage main > div { padding: 60px 0 80px  }
.FirstPage main > div:first-child { padding: 40px 0 80px  }
.FirstPage main > div:nth-child(2) { background: #f7f7f7; padding: 100px 0 }
.FirstPage main > div:nth-child(3) { padding: 160px 0 }


.FirstPage main > div:nth-child(4) .Text > p { text-align: center }
.FirstPage main > div:nth-child(4) { background: #f7f7f7; padding: 160px 0 }
.FirstPage main > div:nth-child(4) .col-lg-4 { background: #fff; padding: 60px 40px }
.FirstPage main > div:nth-child(4) i { font-size: 0 }
.FirstPage main > div:nth-child(4) i:before { font-size: 50px }
.FirstPage main > div:nth-child(4) .col-lg-4+div { border-left: 1px solid #ccc }
.FirstPage main > div:nth-child(4) .col-lg-4 p { text-align: center }


.FirstPage main > div:nth-child(4) th+th,
.FirstPage main > div:nth-child(4) td+td { text-align: center }

.FirstPage main > div:nth-child(5) { padding: 160px 0 }

#Section519 .col-lg-6 { font-size: 20px }