@import './jquery-ui.min.css';

@import './bootstrap.min.css';

@import './font-awesome.min.css';

@import './owl.carousel.min.css';

@import './fancybox.css';

@import './data.table.css';

@import './default.css';

@import './fonts.css';

@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');

::-webkit-input-placeholder { color:#4a2b0c;font-family: "Sarabun",sans-serif;font-size: 16px;line-height: 24px;}

:-ms-input-placeholder { color:#4a2b0c;font-family: "Sarabun",sans-serif;font-size: 16px;line-height: 24px;}

::placeholder { color:#4a2b0c;font-family: "Sarabun",sans-serif;font-size: 16px;line-height: 24px;}

input[type='search']::-webkit-input-placeholder{color:#666!important}

input[type='search']:-moz-placeholder{color:#666!important}

marquee a:hover{text-decoration:underline}

html,body{font-family:"Thai Sans Lite","THK2DJuly8",sans-serif;padding:0;margin:0;font-weight:300;opacity:1;transition:.3s opacity;min-height:100%;color:#000}

body.loaded{opacity:1!important;transition:.3s all}

html,body{max-width:100%;overflow-x:hidden}

ul,li{margin:0;padding:0;list-style:none}

iframe,img{max-width:100%;border:0}

h1,h2,h3,h4,h5,h6{font-family:"Thai Sans Lite","THK2DJuly8",sans-serif;font-weight:300;line-height:initial}

h1{font-size:22px}

h2{font-size:22px}

h3{font-size:20px}

a{transform:.3s all}

.dn{display: none;}

.db{display: block;}

a:hover{text-decoration:none;transform:.3s all}

.bg-green{background:#e5fbd7}

.mb2{margin-bottom:2px}

#fb-plugin{width:100%}

.topic-bg p>a{background:#faece3;line-height: 20px;display: block;padding:10px;height:100%}

main .list-style3 .item.topic-bg a{margin-bottom: 0;line-height:28px;padding-top: 4px;}/*edit*/

.container{width:1170px;max-width:100%}

.btn-primary{color:#fff;font-size:18px;border-radius:30px;background:#9d5e00;padding:10px 30px;border:0;font-weight:300;font-family: Sarabun;}

.btn-secondary{font-size: 18px;background:#0774e4;border-radius: 30px;font-family: Sarabun;color:white;border-radius: 30px;font-weight: 300;border: 0;padding:10px 45px;transition: .1s all;}

.btn-secondary:hover{background:#075db5;color:white;transition: .3s all;}

.btn-primary:hover,.btn-primary:focus{background:#774801;border-color:#774801}

.btn-viewmore{color:#777;font-size:18px;font-family: Sarabun;line-height: 18px;margin-top: 10px;}

.btn-viewmore>*{display:inline-block;vertical-align:middle}

.btn-viewmore:after{content:url('../img/play.png');margin-left:5px;display:inline-block;vertical-align:middle;line-height:0}

.btn-viewmore:hover span{text-decoration:underline}

.heading2{color:#0f56d8;font-family:"Sarabun";margin:30px 0 20px;text-align:center}

.heading2>span{display:inline-block;vertical-align:middle;border-bottom:1px solid #eee;padding:0 5px}

h2.sub-heading{font-size:28px;line-height: 28px;}

#form-budget{padding: 20px;background:#eee;}

#form-budget label{font-size: 16px;font-family: Sarabun;font-weight: normal;margin-right: 10px;}

#form-budget select{font-size:16px;font-family: Sarabun;width: 200px;display: inline-block;;}

.btn-viewstructure{background:#0F56D8;font-size:20px;font-family:"Thai Sans Lite";color:#fff;padding:7px 20px;transform:translateY(0);transition:.1s all;opacity:1}

.btn-viewstructure:hover,.btn-viewstructure:focus,.btn-viewstructure:active{color:#fff;transform:translateY(-3px);transition:.3s all;opacity:.75}

.pagination li,.pagination li>a{font-family:Arial,sans-serif;font-size:14px;display:inline-block}

.pagination li{float:left}

.pagination>li>a,.pagination>li>span{color:#393939;border:0;background:transparent}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background:transparent;color:#0f56d8;font-weight:700;text-decoration:underline}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background:transparent;color:#0f56d8;font-weight:700}

.nav-tabs>li>a{font-size:24px;color:#0f56d8;font-weight:400}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#036}

#pagination{padding-top:15px;margin-top:30px;text-align:center}

#pagination.no-border{border:0;margin-top:0}

.btn-previous,.btn-next{border:1px solid #ccc;padding:10px 25px;color:#333;font-size:16px;font-weight:400;border-radius:4px;font-family: Sarabun;}

.btn-previous:hover,.btn-next:hover,.btn-previous:focus,.btn-next:focus{text-decoration:none;color:#333;background:#eee}

#gotop{position:fixed;bottom:30px;right:30px;background:#151b50;color:#fff;font-size:20px;border-radius:4px;width:34px;height:34px;text-align:center;display:none;padding-top:2px}

#left-bar-button{display:none;white-space:nowrap}

#menu-bars-button{display:none}

.overlay{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none}

.cc33{color:#c33}

.warp-recapcha{max-height:75px}

.g-recaptcha{display:inline-block}

.modal{z-index:11111}

textarea{min-height:120px;border-radius:0!important}

input[type='text'],input[type='email'],input[type='password']{font-size:14px;font-family:Arial,sans-serif;line-height:initial;color:#333;border:1px solid #ccc;border-radius:0}

button[type='submit']{font-size:18px;font-family:"Thai Sans Lite","THK2DJuly8",sans-serif;color:#fff;text-align:center;padding:5px 25px;border-radius:4px;background:#54c4ea;border-color:#54c4ea;min-width:180px;transition:.3s all;font-weight:300}

button[type='submit']:hover,button[type='submit']:focus,button[type='submit']:active{background:#2996bb;color:#fff;border-color:#2996bb;transition:.3s all;outline:none!important}

#termModal h4{font-size:20px;line-height:20px}

#termModal .modal-body{font-family:Arial,sans-serif;font-weight:400;font-size:13px;color:#111}

#termModal .modal-body li{margin-bottom:5px}

#termModal button[type='button']{font-size:18px;line-height:18px}

.fa-download{color:#999}

.ck-editor__editable.ck-rounded-corners,.ck-rounded-corners .ck-editor__editable{padding:10px 15px}

.ck-editor__editable{min-height:150px;background:#fff}

.nowrap{white-space:nowrap}

#successModal .modal-header{padding:4px 15px 0;background:#fff;color:#333;border:0;text-align:center}

#successModal .modal-header .fa-check-circle{font-size:50px;margin:10px auto 0;color:green}

#successModal .modal-header h4{font-size:24px;color:green;text-transform:uppercase;padding:0}

#successModal .modal-title{font-size:25px;color:green}

#successModal .modal-content{border-radius:0;box-shadow:none;border:0;background:#fff;padding-top:0}

#successModal .modal-body{padding-top:0}

#successModal .modal-content p{color:#999;font-size:14px;font-family:Arial,sans-serif;text-align:center}

#successModal .modal-header .close{font-size:35px;position:absolute;top:0;right:10px}

#warningModal .modal-header{padding:4px 15px 0;background:#fff;color:#333;border:0;text-align:center}

#warningModal .modal-header .fa-times-circle{font-size:50px;margin:10px auto 0;color:#c33}

#warningModal .modal-header h4{font-size:24px;color:#c33;text-transform:uppercase;padding:0}

#warningModal .modal-title{font-size:25px;color:green}

#warningModal .modal-content{border-radius:0;box-shadow:none;border:0;background:#fff;padding-top:0}

#warningModal .modal-body{padding-top:0}

#warningModal .modal-content p{color:#999;font-size:14px;font-family:Arial,sans-serif;text-align:center}

#warningModal .modal-header .close{font-size:35px;position:absolute;top:0;right:10px}

.slider .owl-dots{bottom:17px}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:#CAC8C8}

.owl-carousel button.owl-dot.active{background:#151b50}

header #google_translate_element{position:absolute;top:-40px;right:0;z-index:10000}

header nav{display:block}

header nav ul{display:grid;grid-template-columns:repeat(6, auto);width: 100%;}

header nav ul>li{display:inline-block;float:none;background:transparent;vertical-align:middle}

header nav ul>li>a{display:block;font-size:24px;color:rgba(255,255,255,1);padding:5px 0 10px;font-family:"Thai Sans Lite";text-align:center;transition: .1s all;}

header nav ul>li.active>a,header nav ul>li>a:hover,header nav ul>li>a:focus{color:#151b50;text-decoration:none!important;background:#fef375;transition: .3s all;}

header nav ul>li>a:focus,header nav ul>li>a:active{text-decoration:none;color:#fff}

header nav>ul>li:last-child>a{background:#1568ff;color:white}

header .wrap-nav{border-top:4px solid #9d5e00;background:#151b50}

header .owl-carousel{max-height:650px;overflow:hidden}

header .owl-carousel.otherpage{max-height:400px;overflow:hidden}

header #banner{background:#c7f1fc;background:-moz-linear-gradient(top,#c7f1fc 0%,#eaf7f9 15%,#f4f9f9 100%);background:-webkit-linear-gradient(top,#c7f1fc 0%,#eaf7f9 15%,#f4f9f9 100%);background:linear-gradient(to bottom,#c7f1fc 0%,#eaf7f9 15%,#f4f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7f1fc',endColorstr='#f4f9f9',GradientType=0);background-size:0}

header #header-slider{position:relative}

header #information{position:absolute;bottom:0;z-index:100;width:100%}

header #information>div{position:relative;margin:0 auto;width:1170px;align-items:center}

header #information>div>div:first-child{background:#fef375;color:#000;font-size:13px;padding:5px 10px;line-height:initial;position:relative;text-align:center;font-weight:600;position:relative;overflow:hidden;font-family:Arial,sans-serif;border-radius:7px 7px 0 0}

header #information>div>div:last-child{padding-left:15px}

header #information>div>div:last-child form{background:#151b50;position:relative;padding:11px 13px 9px;border-radius:7px 7px 0 0}

header #information>div>div:last-child input[type='search']{background:transparent;border:0;color:#fff;outline:none;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;padding:0 0 2px;line-height:initial;height:initial;width:230px;font-family:Arial,sans-serif;font-weight:300}

header #information>div>div:last-child button[type='submit']{position:absolute;top:4px;right:10px;color:#fff;width:initial;height:initial;min-width:initial;border:0;padding:4px 7px 2px;background:#d2bb86;border-radius:50%;font-size:16px}

header #information h1{color:#fff;margin:0}

header #information marquee a{color: #151b50;}

/* header #information marquee>a:last-child{padding-right: 100%;} */

header #information marquee a img{height: 30px;}

header #information marquee a>*{vertical-align: middle;display: inline-block;}

header.stick nav{position:fixed;top:0;left:0;width:100%;z-index:10000;right:0;margin:0 auto;border-top:0;box-shadow:0 3px 10px -2px rgba(0,0,0,.3);background:#151b50}

header.stick nav>ul{width:1170px;margin:0 auto;max-width:100%;background:#151b50}

#header-logo{padding: 10px 0;background: #fff;}

#header-logo>div{position:relative;margin:0 auto}

#header-logo>div>div{display:grid;grid-template-columns: auto max-content;align-items:center}

#header-logo>div>div>a:first-child{display:grid;grid-template-columns: 110px auto;align-items:center;grid-gap: 15px;}

#header-logo>div>div>img:first-child{padding-right:15px}

#header-logo h1{color:#151b50;font-size: 50px;margin: 0;line-height: 50px;}

#header-logo h1+ p{color:#9d5e00;font-size: 30px;margin: 0;line-height: 30px;}

#header-logo ul>li{list-style: none;display: inline-block;vertical-align: middle;margin-left: 15px;}

#header-logo ul>li>a{display: block;transition: .1s all;}

#header-logo ul>li:hover>a{transform: translateY(-3px);transition: .3s all;}





header .sub-menu{position:relative}

header .sub-menu>a:first-child{cursor: default;}

header .sub-menu>ul{display:none;position:absolute;z-index:1000;background:#151b50;color:#fff;font-size:17px;text-align:left;padding:0 0 20px;left:0;width:auto;white-space:nowrap;top:100%;text-align:left;max-width:initial!important;min-width: 100%;}

header .sub-menu>ul>li{display:block;border-top:1px solid rgba(255,255,255,.3)}

header .sub-menu>ul>li>a{display:block;padding:5px 20px 9px;color:#fff;transition:.1s all;text-align:left;font-size: 22px;}

header .sub-menu>ul>li.active>a,header .sub-menu>ul>li>a:hover{background:#fef375;transition:.3s all;color:#151b50}

header .sub-menu:hover>ul{display:block}

header.structure-heading h1>img{width:80px;display:inline-block;vertical-align:middle;margin-right:10px}

header.structure-heading h1>span{display:inline-block;vertical-align:middle;text-align:left;font-size:24px;font-weight:300}

header.structure-heading h1>span>span{display:block;font-size:18px}

body{background:#f7e9e1 url(../img/bg-main.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;background-attachment:fixed}

main .management{margin-bottom:10px;background:#0053ab;text-align:center;padding: 20px 0;margin-top: 15px;}

main .management>div{padding: 0 20px;}

main .management h4{font-size:28px;color:#fff;text-align:center;margin-bottom:5px;letter-spacing:0;line-height: 28px;}

main .management h4+p{font-size:20px;color:#eee;text-align:center;line-height: 20px;}

main .management .btn{width:100%}

main .management h3{background:#151b50;color:#fff;font-size:24px;padding:7px 10px 6px}

main .management h3>img{width:initial;padding:0;background:transparent;display:inline-block;vertical-align:middle;margin-right:5px;height: 18px;}

main .management h3>span{display:inline-block;vertical-align:middle;padding-bottom: 4px;}

main .management a{display:inline-block;font-size:24px;border:2px solid #cebda9;border-radius:4px;padding:0 20px 8px;color:#333;transition:.1s all;background:#fff;line-height: 24px;}

main .management a:hover,main .management a:active,main .management a:focus{color:#fff;background:#645133;transition:.3s all}

main .management a>*{display:inline-block;vertical-align:middle}

main .management.no2{background:#005ab9}

main#wrap-structure{white-space:nowrap;overflow:hidden;overflow-x:scroll;background:#fff}

main#wrap-structure>div{width:fit-content;margin:0 auto}

main#wrap-structure h1>span{display:inline-block;background:#b3d69c;color:#333;border:1px solid #b3d69c;padding:5px 50px;border-radius:7px;font-size:20px}

main .heading{background:#efdbc4;color:#000;padding:5px 15px 8px;margin:0;background-size:cover;background-position:center center;background-repeat:no-repeat;margin-bottom:10px;position:relative}

main .heading img{width: 30px;}

main .heading.blue{background:#ece7ab;color:#000}

main .heading.green{background:#6a9cb9}

main .heading.lightgreen{background:#93cc8c}

main h2.heading{font-size:26px;padding-bottom: 15px;line-height: 26px;}

main .heading>span{position:relative;z-index:1;font-size: 28px;}

main .heading>span>i{display:inline-block;vertical-align:middle;margin-right:5px;background:#fff;border-radius:50%;font-size:12px;padding:5px;width:22px;text-align:center}

main .heading>span>span{display:inline-block;vertical-align:middle}

main .heading>span>img{display:inline-block;vertical-align:middle;margin-right:10px;width:30px}

main .content{margin-bottom:20px}

main .content .detail h2{font-size: 22px;font-family: Sarabun;}

main .image img{width:100%;transition:.3s all;transform:scale(1)}

main .image{display:block;position:relative;overflow:hidden}

main .image:before{content:'';position:absolute;top:50%;left:0;right:0;margin:0 auto;width:0;height:0;background:rgba(242,241,249,0.17);transition:.3s all;visibility:hidden;z-index:10}

main .image:hover:before{width:100%;height:100%;visibility:visible;transition:.3s all;top:0}

main .image:hover img{transform:scale(1.1);transition:.3s all}

main .list-style0 .item{padding-bottom:10px;width:100%}

main .list-style0 .item:before,main .list-style0 .item:after{content:'';clear:both;display:block}

main .list-style0 .item>a{width:45%;float:left}

main .list-style0 .item>div{float:left;width:55%;padding-left:20px;height: 5em;}

main .list-style0 .item>div h3{margin:0 0 15px}

main .list-style0 .item>div h3>a{color:#151b50;font-family:"Thai Sans Lite",sans-serif;font-size:18px}

main .list-style0 .item>div h3>a:hover,main .list-style0 .item>div h3>a:focus,main .list-style0 .item>div h3>a:active{text-decoration:underline}

main .list-style0 .item>div p{display:inline-block;vertical-align:middle;color:#777;font-size:13px;font-family:Arial}

main .list-style0 .item>div p.date{margin-right:15px}

main .list-style1 .list{border-bottom:1px solid #eee;margin-bottom:15px;margin-top:15px;padding-bottom:15px}

main .list-style1 .list:last-of-type{border-bottom:0;padding-bottom:0}

main .list-style1 .list h3{font-size:18px;color:#333;font-weight:-0;line-height:22px;margin:0 0 10px}

main .list-style1 .list h3>a{color:#333}

main .list-style1 .list h3>a:hover{text-decoration:underline;color:#036}

main .list-style1 .list h3+p{font-size:13px;font-family:Arial,sans-serif;margin:0;color:#666}

main .list-style1 .list .read{font-size:13px;font-family:Arial;color:#999;margin:10px 0 0}

main .list-style2 .grid{margin:0 -10px}

main .list-style2 .item{width:33.33%;padding:10px}

main .list-style2 .item img{width:100%}

main .list-style2 .item p{font-size:18px;font-weight:300;margin:5px 0 0;text-overflow:ellipsis;overflow:hidden;height:45px}

main .list-style2 .item p>a{color:#333;font-family:"Thai Sans Lite",sans-serif;color:#151b50}

main .list-style2 .item p>a:hover{text-decoration:underline}

main .list-style2 .item p.read{font-family:Arial,sans-serif;font-size:13px;color:#999}

main .list-style3 .grid{margin:0 -10px}

main .list-style3 .item{width:50%;padding:10px}

main .list-style3.col3 .item{width:33.33%}

main .list-style3 .item h3{font-size:16px;color:#9d5e00;font-weight:400;line-height:20px;margin:0 0 5px;text-overflow:ellipsis;overflow:hidden;height:60px;margin-bottom:10px;font-family:"Thai Sans Lite",sans-serif}

main .list-style3 .item h3>a{color:#9d5e00}

main .list-style3 .item h3>a:hover{text-decoration:underline}

main .list-style3 .item .description{height:38px;overflow:hidden}

main .list-style3 .item p{font-family:"Sarabun",sans-serif;font-size:18px;color:#9d5e00;margin-bottom:5px;height:50px;overflow:hidden;}

/* main .list-style3 .item.topic-bg p:not(.date):not(.read){height: 60px;}*/

main .list-style3 .item.topic-bg p:not(.date):not(.read){height: 87px;}

main .list-style3 .item .date{font-size:13px;font-family:Arial;color:#999;margin:0 10px 0 0;display:inline-block;vertical-align:middle;height: initial}

main .list-style3 .item .read{font-size:13px;font-family:Arial;color:#999;margin:0;display:inline-block;vertical-align:middle;height: initial}

main .list-style3 .item>a{margin-bottom:10px}

main .list-style3 .item a{color:inherit}

main .list-style3 .item a:hover,main .list-style3 .item a:focus,main .list-style3 .item a:active{text-decoration:underline}

main .list-style4 .grid{margin:0 -10px}

main .list-style4 .item{width:16.66%;padding:10px}

main #videos iframe{margin-bottom:10px}

main .tab-content{font-family:Arial,sans-serif}

main .tab-content ul{margin-top:15px}

/*main .tab-content ul>li>a{color:#036;line-height:initial;display:grid;grid-template-columns:max-content auto 140px;align-items:center}*/

main .tab-content ul>li>a{color:#036;line-height:initial;display:grid;grid-template-columns:max-content auto 150px;align-items:center}

main .tab-content.about ul>li>a{grid-template-columns:max-content auto;}

main .tab-content ul>li{display:block;padding:0;border-bottom:1px solid #eee}

main .tab-content ul>li>a:before{content:'\f0f6';font-family:"FontAwesome";margin-right:5px;display:inline-block;padding:10px 0 10px 10px;line-height:18px;transform:translateY(0);transition:.1s all;font-size: 30px;}

main .tab-content.about ul>li>a:before{content:'\f115';font-family:"FontAwesome";margin-right:5px;display:inline-block;padding:10px 0 10px 10px;line-height:18px;transform:translateY(0);transition:.1s all;font-size: 30px;}

main .tab-content ul>li>a>span{color:#333;font-size:16px;padding:10px 10px 10px 5px;display:inline-block;text-overflow:ellipsis;overflow:hidden;max-width:100%;line-height: 25px;font-family: Sarabun;}

main .tab-content ul>li>a>span:last-of-type{color:#999;}

main .tab-content:not(.about) ul>li>a>span:last-of-type{border-left:1px solid #eee}

main .tab-content ul>li>a:hover:before{transform:translateY(-3px);transition:.3s all}

main .tab-content ul>li>a:hover>span:last-of-type{border:0!important}

main .tab-content ul>li:hover>a>span{color:#1568ff}

main #webboard table{width:100%;font-family:Arial,sans-serif;font-size:14px}

main #webboard table th{font-family:"Thai Sans Lite","THK2DJuly8";font-size:22px;font-weight:300;line-height: 22px;}

main #webboard table tr>td>a{color:#036;font-weight:400}

main #webboard table tr>td>a:hover{color:#036;text-decoration:underline}

main #webboard table tr>td:last-child{text-align:right;width:1%;white-space:nowrap;font-size:13px;color:#666}

main #webboard table tr>th:last-child{text-align:right;width:1%;white-space:nowrap}

main #webboard table tr>th:nth-child(3){text-align:center;width:1%;white-space:nowrap}

main #webboard table tr>td:nth-child(3){text-align:center;width:1%;white-space:nowrap;font-size:13px;color:#666}

main #webboard table tr>th:nth-child(2){text-align:center;width:1%;white-space:nowrap}

main #webboard table tr>td:nth-child(2){text-align:center;width:1%;white-space:nowrap;font-size:13px;color:#666}

main #banners img{width:auto;margin:0 auto}

main #banners ul>li{margin-bottom:5px;text-align:center}

main #page .content>h2{font-size:24px;line-height:30px;margin:5px 0 5px;font-family: Sarabun;}

main #page .content>ul{margin-bottom:15px;display:inline-block;border-bottom:1px solid #54c4ea;padding-bottom:2px}

main #page .content>ul>li{display:inline-block;vertical-align:middle;font-family:Arial,sans-serif;font-size:13px;color:#999}

main #page .content>ul>li:first-child{margin-right:20px}

main .downloads{font-family:Arial,sans-serif;background:#d8e3ef;padding:15px}

main .downloads table tr>th{color:#333;font-family:"Thai Sans Lite","THK2DJuly8";font-size:17px;font-weight:300;font-family:Thai Sans Lite}

main .downloads table tr>th:not(:nth-child(2)),main .downloads table tr>td:not(:nth-child(2)){width:1%;white-space:nowrap;text-align:center}

main .downloads h3{font-size:28px;margin:0 0 5px;color:#000;font-weight:500;border-bottom:0;margin-bottom:5px;font-family:"Thai Sans Lite"}

main .downloads h3 i.fa-download{color:inherit}

main .downloads table thead th{font-size: 22px;background:#996e43}

main .downloads table tbody td{font-size: 16px;background:#fff;color:#000;font-family: Sarabun;}

main .downloads .text-link{color:#333}

main .downloads .text-link:hover{color:#333;text-decoration:underline}

main .downloads ul{padding-left:25px;border:0!important}

main .downloads ul>li{margin-bottom:10px;display:block!important}

main .downloads ul>li:before{content:'';width:7px;height:7px;border-radius:0;background:#ccc;margin-right:5px;display:inline-block;vertical-align:middle;transform:rotate(45deg);transition:.1s all}

main .downloads ul>li:hover:before{transform:rotate(405deg);transition:.3s all;background:#999}

main .downloads ul>li>a{display:inline-block;vertical-align:middle}

main .downloads ul>li>a:hover{text-decoration:underline}

main .downloads table i.fa-download{color:inherit}

main .downloads table thead{background:#9d5e00}

main .downloads table thead th{color:#fff;border-bottom:0}

main #webboard .dataTables_length{font-size:13px;font-family:Arial}

main #webboard input[type='search']{width:180px!important;border:1px solid #ccc;border-radius:0}

main #webboard label{font-size:13px;font-family:Arial}

main #webboard .dataTables_info,main #webboard .dataTables_paginate{font-size:13px;font-family:Arial}

table.dataTable thead th{font-size: 22px;font-family: "Thai Sans Lite";line-height: 22px;padding-bottom: 10px;font-weight: normal;background:#eee;font-weight: bold;}

table.dataTable td{font-family: Sarabun;font-size:16px;line-height: 22px;}

table.dataTable td,table.dataTable th{border:1px solid #ccc;border-collapse: collapse;vertical-align: top;}

#DataTables_Table_0_filter label{font-size:16px;font-family: Sarabun;}

.dataTables_wrapper .dataTables_filter input{min-width: 200px;border: 1px solid #ccc;}

.dataTables_wrapper .dataTables_info{font-family: Arial, Helvetica, sans-serif;}

.oit-description{font-size: 18px;font-family: Sarabun;line-height: 28px;margin:10px 0 50px}



main #webboard-form{font-family:Arial,sans-serif;margin-top:30px;border-top:2px dashed #ccc}

main #webboard-form.mt0{margin-top:0}

main #webboard-form.no-border{border:0}

main #webboard-form h2{font-size:34px}

main #webboard-form label{font-size:17px;font-family:"Sarabun";line-height:24px;margin-bottom:0;font-weight:400}

main #webboard-form label em{color:#c33;font-family:arial;font-size:11px;font-weight:400}

main #webboard-form form{padding:30px 0;border-top:2px solid #eee}

main #webboard-form h3{margin-top:0}

main #webboard-form .form-control{padding:12px;height:auto}

main #webboard-form .conditions li{margin-bottom:5px}

main #contact-form{font-family:Arial,sans-serif}

main #contact-form .form-control{padding:12px;height:auto}

main #contact-form h2{margin-top:30px;font-size: 32px;}

main #contact-form label{font-size:17px;font-family:"Sarabun";line-height:25px;margin-bottom:0;font-weight:400}

main #contact-form label em{color:#c33;font-family:arial;font-size:11px;font-weight:400}

main #contact-form form{padding:30px 20px;background:transparent}

main #contact-form h3{margin-top:0}

main #contact-form .conditions li{margin-bottom:5px}

button[type='reset']{width:120px;margin-right:10px;padding:10px;background:#f9f9f9;transform:translateY(0);transition:.1s all;font-size:18px;line-height:26px;font-family: Sarabun;}

button[type='submit']{background:#0f56d8;padding:10px;transform:translateY(0);transition:.1s all;border-color:#0f56d8;color:#fff;font-size:18px;line-height: 26px;font-family: Sarabun;}

button[type='submit']:hover,button[type='reset']:hover{transform:translateY(-5px);transition:.3s all}

button[type='submit']:hover{background:#0241b5;color:#fff;transition:.3s all;}

main #map iframe{border:0;width:100%;height:450px}

main #address{font-size:18px;color:#666;font-weight:300;text-align:center;background:#f9f9f9;padding-bottom:15px}

main #address h2{color:#111}

main #address p{line-height:22px;margin:0}

main #address p a{font-family:Arial,sans-serif;font-size:14px}

main .select-child-page{font-family:Arial,sans-serif;background:#66b6ff;padding:20px;display:grid;grid-template-columns:max-content auto;align-items:center}

main .select-child-page select{padding:10px;max-width:100%;border-color:transparent}

main .select-child-page p i{font-size:24px;color:inherit}

main .select-child-page p{font-family:"Thai Sans Lite","THK2DJuly8";font-weight:400;font-size:24px;margin-bottom:0;padding-right:10px;color:#fff}

main .structure-style{text-align:center}

main .structure-style>.col1{width:100%;float:left}

main .structure-style>.col2{width:50%;float:left}

main .structure-style>.col3{width:33.33%;float:left}

main .structure-style>.col4{width:25%;float:left}

main .structure-style>.col5{width:20%;float:left}

main .structure-style .structure{width:300px;display:inline-block;max-width:100%;padding:5px;background:transparent;margin-bottom:10px;border:0}

main .structure-style a{display:block;border:4px solid #eee}

main .structure-style h3{font-size:20px;line-height:24px;margin:0;color:#003ba7;white-space:nowrap;padding-top:5px;font-family:"Thai Sans Lite"}

main .structure-style h3+p{font-family:Arial,sans-serif;font-size:14px;margin-bottom:0;white-space:nowrap}

main .content-topic{font-family:Arial,sans-serif;color:#111}

main .content-topic .post{font-size:13px;font-family:Arial,sans-serif;color:#111}

main .content-topic{background:#e9f5ff;padding:20px}

main .content-topic>h2{font-size:28px;line-height:28px;margin:0 0 5px;color:#000;font-weight:500}

main .content-topic>ul{margin-bottom:15px;display:inline-block;border-bottom:1px solid #54c4ea;padding-bottom:2px}

main .content-topic>ul>li{display:inline-block;vertical-align:middle;font-family:Arial,sans-serif;font-size:13px;color:#666}

main .content-topic>ul>li:first-child{margin-right:20px}

main .content-topic .head-text{font-family:"Thai Sans Lite","THK2DJuly8";margin:15px 0 5px;font-size:24px;line-height: 24px;}

main .content-topic .message{padding:15px;background:#fff;font-family:Arial,sans-serif;font-size:14px;color:#333;line-height:initial}

main .content-topic .comments{padding-top:20px;border-top:2px solid #b7d4ec;margin-top:30px}

main .content-topic .comments h3{margin:0;font-size: 22px;line-height: 22px;margin-bottom: 5px;;}

main .content-topic .comment{padding:15px 15px 40px;background:#fff;font-family:Arial,sans-serif;font-size:14px;color:#333;line-height:initial;margin-bottom:25px;border:2px solid #b7d4ec;position:relative}

main .content-topic .comment .by{margin-bottom:10px}

main .content-topic .comment .by-admin{color:#54c4ea}

main .content-topic .comment .no{padding:5px 15px;margin-top:15px;font-size:12px;color:#999;position:absolute;bottom:-10px;left:0;width:100%;text-align:right}

main .no-reponsive-structure{text-align:center}

main .no-reponsive-structure .structure{margin:0 10px;position:relative}

main .no-reponsive-structure .structure>div.clearfix{width:200px;display:inline-block;text-align:center;padding:10px;border:1px solid #77a757;border-radius:7px;margin-bottom:30px;background:#b3d69c}

main .no-reponsive-structure .structure .structure>div.clearfix{display:block}

main .no-reponsive-structure .row.one>.structure>div.clearfix:after{content:'';background:#b3d69c;width:2px;height:10px;position:absolute;bottom:10px;left:0;right:0;height:20px;margin:0 auto}

main .no-reponsive-structure .row>.structure .structure>div.clearfix:last-of-type:after{display:none}

main .no-reponsive-structure .row>.structure .structure>div.clearfix:not(:last-of-type):after{bottom:-40px;content:'';background:#b3d69c;width:2px;height:10px;position:absolute;left:0;right:0;height:40px;margin:0 auto}

main .no-reponsive-structure .row>.structure .structure>div.clearfix:after{display:none}

main .no-reponsive-structure .row.many>.structure:before{content:'';background:#b3d69c;width:10px;height:2px;position:absolute;top:-21px;width:101%;left:0;right:0;margin:0 auto}

main .no-reponsive-structure .row.many>.structure:after{content:'';background:#b3d69c;top:-21px;left:0;right:0;width:2px;height:22px;margin:0 auto;position:absolute}

main .no-reponsive-structure .row.many>div.structure:first-of-type:before{width:51%;left:50%;background:#b3d69c}

main .no-reponsive-structure .row.many>div.structure:last-of-type:before{width:50%;right:50%;background:#b3d69c}

main .no-reponsive-structure h2+div.clearfix{position:relative}

main .no-reponsive-structure h2+div.clearfix:before{content:'';background:#b3d69c;width:2px;height:20px;position:absolute;top:100%;left:0;right:0;margin:0 auto}

main .no-reponsive-structure .row.one>.structure:before{content:'';position:absolute;left:0;right:0;height:22px;width:2px;top:-22px;background:#b3d69c;margin:0 auto}

main .no-reponsive-structure .structure .row.one>.structure:before{height:40px;top:-40px}

main .no-reponsive-structure .structure.no-header .row.one>.structure:before{display:none}

main .no-reponsive-structure .structure.no-header >div.clearfix:before{display:none}

main .no-reponsive-structure .structure .structure>div.clearfix{position:relative}

main .no-reponsive-structure>div.row.one:first-of-type>div.structure:before{display:none}

main .no-reponsive-structure h2{margin:0;line-height:23px;font-size:24px}

main .no-reponsive-structure h4{margin:0;line-height:21px;font-size:22px}

main .no-reponsive-structure h2>span{padding:7px 10px;border-radius:7px;background:#b3d69c;color:#000;display:block;font-weight:300;font-size:16px;line-height:21px;margin:0 auto;margin-bottom:10px;max-width:200px;border:1px solid #b3d69c;white-space:normal}

main .no-reponsive-structure h4>span{padding:7px 10px;border-radius:7px;background:#b3d69c;color:#000;display:block;font-weight:300;font-size:16px;line-height:21px;margin:0 auto;margin-bottom:10px;max-width:200px;border:1px solid #b3d69c;white-space:normal}

main .no-reponsive-structure h3{margin:0 0 5px;line-height:18px;font-size:16px}

main .no-reponsive-structure img{margin-bottom:10px}

main .no-reponsive-structure h3 ~p{margin:0;font-size:13px;font-family:Arial,sans-serif;color:#333}

main .no-reponsive-structure .row{padding:10px 30px 0}

main .no-reponsive-structure .row>div{float:none;margin:0 5px;padding:0;display:inline-block;vertical-align:top}

main .no-reponsive-structure .structure img{width:120px;border:1px solid #fff}

main .no-reponsive-structure .row>div.structure{padding:0 35px;margin:0}

main .no-reponsive-structure .structure .structure>div.clearfix{width:200px;border:0;padding:10px;margin:0 0 30px;max-width:100%;background:#f0f0f0}

main aside>div#menus{padding-bottom:10px;background:#f1e2d4;margin-bottom:15px}

main aside>div#menus h3{margin:0}

main aside>div#menus ul.menu>li{margin-bottom: 20px;}

main aside>div#menus ul.menu>li>a{color:#fff;font-family:"Thai Sans Lite";line-height:initial;display:inline-block;padding:1px 15px;position:relative}

main aside>div#menus ul.menu>li>a:before{content:'\f0a9';font-family:"FontAwesome";margin-right:5px;font-size:12px}

main aside>div#menus ul.menu>li>a:hover,main aside>div#menus ul.menu>li>a:focus{color:#2b2b2b}

main aside>div#menus ul.menu>li>a[href="javascript:void(0)"]:hover,main aside>div#menus ul.menu>li>a[href="javascript:void(0)"]:focus{cursor:text;color:#fff}

main aside>div#menus ul.menu>li.sub-menu>a:before{content:'\f0ab'}

main aside>div#menus ul.menu ul>li{list-style: disc;margin-left: 35px;}

main aside>div#menus ul.menu ul>li>a{color:#4a2b0c;font-family:"Sarabun";padding-left:0;line-height:initial;font-size:16px;line-height: 22px;}

main aside>div#menus ul.menu ul>li>a:hover,main aside>div#menus ul.menu ul>li>a:focus,main aside>div#menus ul.menu ul>li>a:active{color:#000;text-decoration: underline;}

/* main aside>div#menus ul.menu ul>li>a:before{content:'●';margin-right:5px;font-size:12px} */

main aside>div#menus .sub-menu h4{padding:6px 15px;background:url('../img/nav-bg.jpg') no-repeat bottom left;background-size:cover;font-size:22px;color:#fff;font-weight:300;text-shadow:0 1px 0 rgba(255,255,255,.1);position:relative;line-height: 22px;padding-bottom: 10px;width: 280px;margin-left:-5px}

main aside>div#menus .sub-menu h4>a{color:inherit}

main aside>div#menus .sub-menu.toggle{cursor:pointer}

/* main aside>div#menus .sub-menu h4:before{content:"";position:absolute;top:0;left:-4px;background:#a67b50;height:100%;width:4px} */

main aside>div#menus .sub-menu h4:after{content:"";position:absolute;bottom:-4px;left:1px;transform:rotate(45deg);border:4px solid transparent;border-color:transparent;border-bottom-color:#a67b50}

main aside>div#menus .sub-menu h4:before{content:"";position:absolute;bottom:-4px;right:2px;transform:rotate(-45deg);border:4px solid transparent;border-color:transparent;border-bottom-color:#a0754a}

main aside>div#menus .sub-menu h4.hover{background:#4a2b0c}

main aside>div#menus .sub-menu h4.hover:before{background:#4a2b0c}

main aside>div#menus .sub-menu h4.hover:after{border-bottom-color:#4a2b0c}

main aside>div#menus li:not(.sub-menu) h4{padding:6px 15px 4px;background:#54c4ea;font-size:23px;color:#fff;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.1);cursor:pointer;position:relative;margin-bottom:0}

main aside>div#menus li:not(.sub-menu) h4 a{display:block;color:#fff}

main aside>div#menus li:not(.sub-menu) h4 a span{display:inline-block;vertical-align:middle}

main aside>div#menus li:not(.sub-menu) h4 i{font-size:14px;margin-right:5px;background:rgba(0,0,0,.1);display:inline-block;vertical-align:middle}

main aside>div#menus .sub-menu.toggle{position:relative}

main aside>div#menus .sub-menu.toggle ul{visibility:hidden;height:0;overflow:hidden;transition:.3s all;margin:0}

main aside>div#menus .sub-menu.toggle.active ul,main aside>div#menus .sub-menu.toggle.active ul{visibility:visible;height:auto;transition:.3s all}

main aside>div#menus .sub-menu.toggle:not(.active) h4{margin-bottom:0}

main aside>div#menus .sub-menu.toggle:after{content:url('../img/down.png');position:absolute;top:6px;right:5px;font-family:"FontAwesome";color:#87a24d;transform:rotate(-90deg);transition:.1s all}

main aside>div#menus .sub-menu.toggle.active:after,main aside>div#menus .sub-menu.toggle.active:after{transform:rotate(0deg);transition:.3s all;top:8px}

main aside>div#partners{padding:15px;background:#393939;margin-bottom:10px;color:#fff;border-radius:4px}

main aside>div#partners h3{margin:0 0 5px}

main aside>div#partners select{font-family:Arial}

main aside>div#traffic{padding:15px;background:#ffd18c;border-radius:0;margin-top:15px;border:2px solid #ffd18c;position:relative;padding-bottom:35px}

main aside>div#traffic h3{margin:0 0 5px;text-align:center;font-size:20px;color:#151b50;margin-bottom:15px;font-family: "Sarabun";}

main aside>div#traffic h3 a{color: #151b50;}

main aside>div#traffic h3>*{display:inline-block;vertical-align:middle}

main aside>div#traffic h3>img{margin-right:5px;width:50px}

main aside>div#traffic table{width:100%;font-size:16px;font-family:Sarabun;margin-bottom:15px}

main aside>div#traffic table tr>td:last-child{text-align:right}

main aside>div#traffic table tr>td span{color:#93683e;}

main aside>div#traffic p{font-family:Arial;color:#000;font-size:13px;margin:0;text-align:center;background:#f7b552;padding:7px;position:absolute;bottom:0;left:0;width:100%;font-weight:700}

main aside>div#inform a{display:block;margin-bottom:5px}

main aside>div#inform a img{width:100%}

main aside #search-form{position:relative;padding:15px 45px 15px 15px;background:#b3804c;margin-bottom:10px;font-family:Arial,sans-serif}

main aside #search-form input.form-control{border:1px solid #976c40;border-radius: 0;padding: 7.5px;height: initial;font-family: Sarabun,san-serif;font-size:16px;}

main aside #search-form input.form-control:focus{outline:none!important;box-shadow:none!important}

main aside #search-form button[type='submit']{position:absolute;top:15px;right:15px;min-width:initial;border-color:transparent;padding:7px;font-size:15px;border-radius:0 4px 4px 0;background:#007cff}

main #content{background:#fff;padding:0 15px;margin:0 -15px}

.banner-news{padding:20px 0 10px}

#facebook{margin-bottom:15px}

#facebook img{width:100%;margin-bottom:15px}

.banner-purchase.owl-carousel.owl-drag .owl-item img{opacity:1;transition:.1s all}

.banner-purchase.owl-carousel.owl-drag .owl-item:hover img{opacity:.75;transition:.3s all}

.stucture-heading>span{display:inline-block;background:#d2bb86;color:#fff;padding:10px 30px;border-radius:30px;font-size:26px;min-width:250px}

.stucture-subheading>span{display:inline-block;background:#09c;color:#fff;padding:5px 10px;border-radius:25px;font-size:24px;min-width:150px}

.stucture-heading.green>span,.stucture-subheading.green>span{background:#d2bb86}

.dot-image .content{background:url(../img/dot.png) repeat}

footer{background:#6d512b;color:#fff;border-top:1px solid rgba(255,255,255,.2);margin-top:90px}

footer>div{text-align:center;font-size:19px;font-weight:300}

footer>div>div{padding-top:20px;padding-bottom:10px}

footer>div>div p{line-height:initial;margin:0 0 5px;color:#fff;font-size:16px;font-family: Sarabun;font-weight: normal;}

footer>div>div a{color:#ccb18c}

footer>div>div a:hover{color:#c19458;text-decoration:underline}

footer #content-footer{display:grid;grid-template-columns:33.33% 33.33% 33.33%;text-align:left;padding-top:50px}

footer #content-footer>div:nth-child(2){text-align:center}

footer #content-footer>div:nth-child(2) img{margin-top:-110px}

footer #content-footer>div:nth-child(2) img + h2{font-size: 26px;}

footer #content-footer>div:nth-child(3){text-align:right}

footer #content-footer>div ul{display:inline-block;margin:0;list-style:none;padding:0;text-indent:initial;text-align:left;font-size:16px}

footer #content-footer>div ul li{margin-bottom:0;font-size: 16px;font-family: "Sarabun";line-height: 25px;}

footer #content-footer>div ul li>*{display:inline-block;vertical-align:middle}

footer #content-footer>div ul li>i{margin-right:5px;width:30px;text-align:center}

footer #content-footer>div h1{font-size:28px;margin:0 0 10px;font-family: "Thai Sans Lite";}

footer #content-footer>div h1+p{margin-bottom:15px}

footer #content-footer>div h1+p>span{display:block}

footer #copyright{background:rgba(0,0,0,.5);padding:7px 0}

footer #copyright p{margin:0 5px;font-size:13px;font-family:Arial,sans-serif;display:inline-block;vertical-align:middle}

footer #copyright>p:first-child{border-right:1px solid rgba(255,255,255,.5);padding-right:15px}

footer #copyright>p a{color:#c19458}

footer #copyright>p a:hover{color:#eaae5e;text-decoration:underline}

.owl-dots{left:0;right:5px;text-align:right;bottom:5px}

.owl-dot{width:10px;height:10px;border-radius:4px;background:rgba(0,0,0,.2)}

.owl-dot.active{background:#61a6d6}

.owl-carousel .owl-item img{border-radius:0;width:initial}

.owl-carousel.owl-drag .owl-item>div>img{width:100%}

.owl-carousel .animated{animation-duration:3s}

.owl-carousel .owl-item{font-family:"Thai Sans Lite","THK2DJuly8"}

.owl-carousel .owl-item p{position:absolute;bottom:0;left:0;width:100%;padding:15px 15px 12px;background:rgba(255,255,255,.75);color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;font-size:18px;font-weight:normal;font-family: Sarabun;}

.detail{font-family:Arial,sans-serif;font-size:14px;color:#333;margin-bottom:20px}

.detail h1{font-size:28px;font-family:"Thai Sans Lite","THK2DJuly8";font-weight:300}

.detail h2{font-size:26px;font-family:"Thai Sans Lite","THK2DJuly8";font-weight:300}

.detail h3{font-size:22px;font-family:"Thai Sans Lite","THK2DJuly8";font-weight:300}

.detail h4{font-size:18px;font-family:"Thai Sans Lite","THK2DJuly8";font-weight:300}

.detail h5{font-size:17px;font-family:"Thai Sans Lite","THK2DJuly8";font-weight:300}

.detail h6{font-size:16px;font-family:"Thai Sans Lite","THK2DJuly8";font-weight:300}

.detail ul{list-style:disc;padding-left:30px}

.detail li{list-style:disc}

.detail img{max-width:100%!important;height:auto!important}

.fancybox-skin{padding:10px!important}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background:transparent}

#fancybox-loading:after,.fancybox-close:after{content:'✕';font-size:30px}

.fancybox-prev span:after{content:'\f104';font-family:"FontAwesome";font-size:50px;color:#fff}

.fancybox-next span:after{content:'\f105';font-family:"FontAwesome";font-size:50px;color:#fff}

.fancybox-close{color:#ccc;top:10px;right:15px;text-transform:uppercase;width:auto;height:auto}

.fancybox-close:hover{text-decoration:none;color:#fff}

.fancybox-title-float-wrap{bottom:50px}

.fancybox-nav span{top:44%}

.fancybox-next span{text-align:right}

.fancybox-overlay{z-index:10001}

.fancybox-wrap.fancybox-mobile{z-index:10002}

@media(max-width: 1299px) {

header #information>div,.container{width:1020px;max-width:100%}

header.stick nav{width:1020px}

/* main #management h3{font-size:20px} */

/* header nav ul > li > a{font-size:17px} */

#header-slider .owl-dots{bottom:initial;top:10px;right:15px}

main aside > div#menus .sub-menu h4{width:235px}

}

@media(max-width: 1099px) {

main aside>div#menus .sub-menu h4{padding-right:25px}

main .management h4{font-size:24px}

header nav ul > li > a{font-size:21px}

header #information>div,.container{width:990px;max-width:100%}

}

@media(max-width: 991px) {

header .sub-menu>ul{position:relative;left:initial;top:initial;text-align:center}

header .sub-menu>ul>li>a{text-align:center}

header #google_translate_element{right:15px}

header #information>div{padding:0 15px}

header nav ul{display:block}

.sm-mb-20{margin-bottom:20px}

footer > .container > div{padding:15px 0 5px}

body{background:#fff}

#left-bar-button{display:block;position:fixed;bottom:6%;left:0;background:#9d5e00;color:#fff;padding:6px 15px;z-index:11111;font-size:16px;border-radius:0 4px 4px 0;transition:.3s all;outline:none!important;text-decoration:none!important;box-shadow:#9d5e00;border-left:3px solid #9d5e00;font-family: Sarabun;}

#left-bar-button:hover{background:#ac7e25;}

#menu-bars-button{display:block;position:absolute;top:9px;right:15px;z-index:100;font-size:26px;color:#fff;outline:none!important;text-decoration:none!important}

body:not(.sidebar) #left-bar-button:after{content:'\f105';font-family:"FontAwesome";font-size:18px;margin-left:10px}

#left-bar{position:fixed;top:0;left:-300px;width:250px;overflow-x:hidden;overflow-y:scroll;z-index:1000;background:#fff;height:100%;visibility:hidden;transition:.3s all}

body.sidebar #left-bar{left:0;visibility:visible;transition:.3s all}

body.sidebar #left-bar-button{left:250px;transition:.3s all;border-left:0}

body.sidebar #left-bar-button:before{content:'\f104';font-family:"FontAwesome";font-size:18px;margin-right:10px}

body.sidebar.stick #left-bar{top:55px;transition:.3s all}

body.sidebar .overlay{display:block}

header nav{position:relative}

header.stick nav{max-width:100%}

header nav>ul{position:relative;padding-top:55px}

header nav>ul>li:not(:first-child){display:none}

header nav>ul > li{display:block;float:none;background:#394077;border-right:1px solid #4f667b;text-align:center;border-top:1px solid #4f667b}

header nav>ul > li:nth-child(2){border-top:1px solid #151b50}

header nav>ul > li:first-child{float:none;position:absolute;top:-1px;margin:0;border:0;background:transparent}

header nav>ul > li:first-child>a{color:transparent;font-size:0}

header nav>ul > li:first-child>a:before{content:url('../img/logo@40.png');display:inline-block;vertical-align:middle;margin-right:10px}

header nav>ul > li:first-child>a:after{content:'เทศบาลตำบลแม่วาง';font-size:24px;color:#fff;display:inline-block;vertical-align:middle}

header nav>ul > li:first-child>a{background:transparent}

header nav>ul > li > a{padding:9px}

body.menu-bar header nav ul>li:not(:first-child){display:block}

body.menu-bar #menu-bars-button>i:before{content:'\f00d'}

main .list-style4 .item{width:20%}

main aside>div#menus .sub-menu h4:before,main aside>div#menus .sub-menu h4:after{display:none}

main #management h4{font-size:20px}

main #management h4+p{font-size:17px}

main aside>div#menus h3{font-size:17px}

main aside>div#menus .sub-menu h4{font-size:22px}

footer #content-footer>div h1+p>span{display:inline}

footer #content-footer>div:nth-child(2) img{width:110px}

/* #header-logo>div>div{grid-template-columns:max-content auto} */

#header-logo>div>div>img:first-child{width:120px}

#header-logo>div>div>img:last-child{height:65px}

main aside>div#menus .sub-menu h4{padding-right:25px}

#header-logo h1 + p{font-size: 26px;line-height: 26px;}

#header-logo h1{line-height: 40px;font-size: 40px;}

#header-logo > div > div > a:first-child{grid-template-columns: 90px auto;}

#header-logo ul > li > a img{width: 42px;}

}

@media(max-width: 767px) {

#fb-plugin{height: 400px !important;}

main .structure-style a{border:0}

main .structure-style .structure{width:auto}

.xs-dn{display:none}

main aside #search-form{display:block}

input[type='search']::-webkit-input-placeholder{color:#999!important}

input[type='search']:-moz-placeholder{color:#999!important}

main .tab-content ul>li{padding:10px}

main .tab-content ul>li>a{display:block}

main .tab-content ul>li>a>span{padding:0;display:inline}

main .tab-content ul>li>a:before{display:inline;padding:0}

footer #content-footer{grid-template-columns:auto;grid-template-areas:logo address social}

footer #content-footer>div:first-child{grid-area:address;text-align:center}

footer #content-footer>div:first-child>p:last-child{display:none}

footer #content-footer>div:first-child h1{display:none}

footer #content-footer>div:nth-child(2){grid-area:logo;text-align:center}

footer #content-footer>div:last-child{grid-area:social;text-align:center}

header #information>div{padding:0}

header #information>div>div:last-child{display:none}

header #information>div{grid-template-columns:auto;grid-template-areas:'null search' 'marquee marquee'}

header #information>div>div:first-child{grid-area:marquee;border-radius:0}

header #information>div>div:nth-child(2){grid-area:search}

header #information>div>div{margin:0;padding:0}

header #information>div>div:last-child{padding-left:0;width:100%}

header #information>div>div:last-child form{padding:15px}

header #information>div>div:last-child input[type='search']{width:100%}

header #information>div>div:last-child button[type='submit']{top:10px}

header #google_translate_element{top:-30px;right:15px}

main .select-child-page{display:block}

main .select-child-page select{max-width:100%}

main .downloads ul>li{display:grid!important;width:100%;grid-template-columns:max-content auto;align-items:top}

main .downloads ul>li:before{margin-top:7px}

main .downloads ul{padding-left:5px}

main .downloads h3{margin-bottom:10px}

main aside>div#menus ul.menu ul>li>a{padding-left:15px}

main .list-style4 .item{width:25%}

main .content-topic{background:transparent;padding:0}

main .downloads{overflow-x:scroll;overflow-y:hidden}

main #map iframe{height:200px}

main #contact-form form{padding:0;background:transparent}

.dataTables_wrapper .dataTables_paginate .paginate_button{padding:1px 8px}

main #webboard-form form{padding:0;background:transparent}

h1{font-size:20px;line-height:20px}

h1.heading{padding:10px}

h2{font-size:20px;line-height:20px}

main #webboard-form h2{font-size:20px;line-height:20px}

.xs-db{display:block}

.xs-dn{display:none}

#pagination{padding-top:0;text-align:center}

.nav-tabs > li{width:30%}

.nav-tabs > li.active{width:70%}

.nav-tabs > li>a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px 10px 5px}

.detail h2{font-size:22px}

.detail h3{font-size:20px}

.detail h4{font-size:18px}

.detail h5{font-size:17px}

main #page .content>h2{font-size:22px}

.xs-pb-15{padding-bottom:15px}

#webboard>div.table-responsive{overflow-y:hidden;overflow-x:scroll}

#webboard table{min-width:300px}

main .list-style1 .list .image{margin-bottom:10px}

main .list-style2 .item{width:50%}

body.sidebar #left-bar-button{width:35px;overflow:hidden;color:transparent}

body.sidebar #left-bar-button:before{color:#fff}

main .list-style3 .item h3{font-size:18px}

main aside > div#traffic{margin-bottom:70px}

main .structure-style>.col5{width:50%}

main .structure-style>.col4{width:50%}

main .structure-style>.col3{width:50%}

main .content-topic .message{padding:15px 0}

.btn-default,.btn-primary{font-size:16px}

#webboard tr>td:first-child{min-width:180px}

.container.pb30{padding-bottom:0}

main .list-style3.col3 .item{width:50%}

.owl-item>div>img{height:initial;max-width:100%!important;width:100%!important}

#videos iframe{height:200px}

#pagination{border-top:0}

main .select-child-page{text-align:center}

main .select-child-page p{font-size:20px;margin-bottom:5px}

main .select-child-page p i{font-size:20px}

main .select-child-page select{background:#fff}

#header-logo h1{font-size: 32px;line-height: 32px;}

#header-logo ul > li{margin-left: 5px;}

#header-logo h1+p{font-size: 20px;line-height: 20px;}

#header-logo > div > div > a:first-child{grid-template-columns: 60px auto;}

#header-logo > div > div{display: block;}

#header-logo > div > div>div:last-child{text-align: right;margin-top: 5px;}

#header-logo > div > div>div:last-child li img{width: 20px;}

footer #content-footer{display: block;}

.xs-dn{display: none;}

.xs-db{display: block;}

}

@media(max-width: 549px) {

main .list-style0 .item>div{float:none;width:auto;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;padding-left:0}

main .list-style0 .item>a{float:none;width:100%}

main .list-style4 .item{width:33.33%}

main .list-style3 .item{width:100%}

main .list-style2 .item{width:100%}

main .list-style3.col3 .item{width:100%}

footer #copyright p{display:block;margin:0!important;padding:0!important}

#header-logo>div>div>img:last-child{height:50px}

#header-logo>div>div>img:first-child{width:100px}

#header-slider .owl-dots{display:none}

.slider .owl-dots{display:none}

}

@media(max-width: 499px) {

header #banner{min-height:150px;max-width:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}

header #banner img{display:none}

.structure-style3 .col-xs-4{width:100%}

header #header-slider .banner-slider .headerImage img{opacity:0}

header #header-slider .banner-slider .headerImage{background-size:cover;background-position:center center}

}

@media(max-width: 399px) {

main .list-style4 .item{width:50%}

.structure-style2 .col-xs-6{width:100%}

main .downloads table{max-width:400px;width:400px}

.g-recaptcha{transform:scale(.75);transform-origin:top left}

main .structure-style>.col1,main .structure-style>.col2,main .structure-style>.col3,main .structure-style>.col4,main .structure-style>.col5{width:100%;float:none}

main .structure-style h3{white-space:normal}

main .structure-style h3+p{height:auto}

}