body{ color:#333; margin: 0px 0px; padding: 0px 0px ; font-family: Tahoma, Arial, San-Serif, Sans; background:#FFFFFF url("/images/bg1.gif") repeat-y center top;}
a:link{ color: #333; text-decoration: none;}
a:visited { color: #333; text-decoration: none;}
a:active { color: #203971; text-decoration: none;}
a:hover { color: #203971; text-decoration: none;}

body, td{font-size:10pt; font-family:Tahoma, arial, helvetica, Serif;}
form{padding:0;margin:0;}
input, textarea, button{font-size: 10pt;color:#333;}

h1{font-family:DBHelvethaicaXRegular;font-size:40px;font-weight:normal;color:#111;display: inline;color:#203971;}

/* ######################################################################### */
/* ################################## Table ################################## */
/* ######################################################################### */
#zclear{clear:both;height:0px;line-height:0px;font-size:0px;padding:0;margin:0;}
.zclear{clear:both;height:0px;line-height:0px;font-size:0px;padding:0;margin:0;}

#nl10{clear:both;height:10px;line-height:10px;font-size:10px;padding:0;margin:0;}
#nl8{clear:both;height:8px;line-height:8px;font-size:8px;padding:0;margin:0;}
#nl7{clear:both;height:7px;line-height:7px;font-size:7px;padding:0;margin:0;}
#nl5{clear:both;height:5px;line-height:5px;font-size:5px;padding:0;margin:0;}
#nl4{clear:both;height:4px;line-height:4px;font-size:4px;padding:0;margin:0;}
#nl3{clear:both;height:3px;line-height:3px;font-size:3px;padding:0;margin:0;}

.nl10{clear:both;height:10px;line-height:10px;font-size:10px;padding:0;margin:0;}
.nl8{clear:both;height:8px;line-height:8px;font-size:8px;padding:0;margin:0;}
.nl7{clear:both;height:7px;line-height:7px;font-size:7px;padding:0;margin:0;}
.nl5{clear:both;height:5px;line-height:5px;font-size:5px;padding:0;margin:0;}
.nl4{clear:both;height:4px;line-height:4px;font-size:4px;padding:0;margin:0;}
.nl3{clear:both;height:3px;line-height:3px;font-size:3px;padding:0;margin:0;}


.web-line{border-bottom:1px dashed #c6c6c6;clear: both;margin-top:5px;margin-bottom:5px;}
.web-line2{border-bottom:1px dashed #203971;clear: both;margin-top:5px;margin-bottom:5px;}

/* ######################################################################### */
/* ######################################################################### */
.web-container{
width:1090px;
margin:0px auto;
background-color:#FFF;
}

.web-header{
width:1100px;
height:90px;
margin:0px auto;
border-bottom:2px solid #203971;
}

.web-header-logo{
float:left;
width:100%;
text-align:center;
}

.web-header-banner{
float:right;
padding-top:10px;
padding-right:10px;
width:690px;
text-align:right;
}


.web-menu{
width:1100px;
margin:0px auto;
height:40px;
line-height:40px;
background:#203971;
}
.web-menu a:link , .web-menu a:visited{ font-family:DBHelvethaicaXRegular;font-size:22px;color:#FFF;font-weight:normal;}
.web-menu a:active , .web-menu a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;color:#FFF;background-color:#FFAF02;padding: 8px 0px;font-weight:normal;}

ul.web-menu-style{list-style-type:none;margin:0px auto;padding:0px;}

li.web-menu11{float:left;width:10%;text-align:center;}
li.web-menu12{float:left;width:10%;text-align:center;}
li.web-menu13{float:left;width:10%;text-align:center;}
li.web-menu14{float:left;width:10%;text-align:center;}
li.web-menu15{float:left;width:10%;text-align:center;}
li.web-menu16{float:left;width:10%;text-align:center;}
li.web-menu17{float:left;width:10%;text-align:center;}
li.web-menu18{float:left;width:10%;text-align:center;}
li.web-menu19{float:left;width:10%;text-align:center;}
li.web-menu20{float:left;width:10%;text-align:center;}
li.web-menu21{float:left;width:10%;text-align:center;}


/* ######################################################################### */

.web-category{color:#555;font-weight:normal;}
.web-category a:link , .web-category a:visited{font-weight:normal;color:#555;}
.web-category a:active , .web-category a:hover{font-weight:normal;color:#203971;}


/* ######################################################################### */
.web-tab-dark{
background-color:#2C3E50;
color:#666;
font-family:DBHelvethaicaXRegular;
font-size:22px;
font-weight:normal;
padding:3px 0 2px 10px;
border-top:3px solid #17202A;
text-align:center;
}
.web-tab-dark a:link , .web-tab-dark a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#FFF;}
.web-tab-dark a:active , .web-tab-dark a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;}

.web-tab{background-color:#203971;border-top:3px solid #0D1460;color:#FFFFFF;font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;padding:3px 0 2px 10px;}
.web-tab a:link , .web-tab a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#FFF;}
.web-tab a:active , .web-tab a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;}

.web-tab-show{font-family:DBHelvethaicaXRegular;font-size:40px;font-weight:normal;color:#203971;}

/* ######################################################################### */

.web-center{
width:1090px;
text-align:left;
background-color:#FFFFFF;
margin:0px auto; 
}

.web-center_left{
float:left;
width:730px;
text-align:left;
background-color:#FFFFFF;
border-right: 1px dashed #CCC;
/*border-right: 1px dashed #FF6600;*/
padding-right:9px;
}

.web-center_right{
float:right;
width:340px;
text-align:left;
background-color:#FFFFFF;
padding-left:10px;
}


/* ######################################################################### */
/* ######################################################################### */

.web-index-col{width:1075px; margin:0px auto; padding-left:5px; padding-right:10px; height:530px; background-color:#FFF;}
.web-index-col70{float:left; width:70%; background-color:#FFF;}
.web-index-col30{float:right; width:30%; background-color:#FFF;}

.web-index-col750{width:750px; margin:0px auto;}
.web-index-col50{float:left; width:50%; }

.web-index-ahilight{background-color:#FF55A0;border-top:3px solid #203971;color:#FFFFFF;font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;padding:3px 10px 2px 10px;}
.web-index-ahilight a:link , .web-index-ahilight a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#FFF;}
.web-index-ahilight a:active , .web-index-ahilight a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;}

.web-index-bhilight{background-color:#F3F3F3;color:#203971;font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;}
.web-index-bhilight a:link , .web-index-bhilight a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#203971;}
.web-index-bhilight a:active , .web-index-bhilight a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;}

.web-index-chilight{background-color:#FF55A0;color:#FFFFFF;font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;}
.web-index-chilight a:link , .web-index-chilight a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#FFF;}
.web-index-chilight a:active , .web-index-chilight a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;}

.web-index-hilight{color:#555;font-weight:normal;}
.web-index-hilight a:link , .web-index-hilight a:visited{font-weight:normal;color:#555;}
.web-index-hilight a:active , .web-index-hilight a:hover{font-weight:normal;color:#203971;}


.web-category-col{width:100%; margin:0px auto;}
.web-category-col1{float:left; width:43%;}
.web-category-col2{float:right; width:57%; color:#777;}

.web-show-col{width:100%; margin:0px auto;
font-family:DBHelvethaicaXRegular; font-size:22px;color:#888; padding: 8px 0px; font-weight:normal; display: inline;
}
.web-show-col1{float:left; width:50%;}
.web-show-col2{float:right; width:50%; text-align:center;}

.web-category-col2 a:link , .web-category-col2 a:visited{font-size:14px;font-weight:bold;color:#333;}
.web-category-col2 a:active , .web-category-col2 a:hover{font-size:14px;font-weight:bold;color:#203971;}

.web-showmore-col0{width:100%; margin:0px auto;}
.web-showmore-col1{float:left; width:50%;}
.web-showmore-col1 a:link , .web-showmore-col1 a:visited{font-size:14px;font-weight:bold;color:#333;}
.web-showmore-col1 a:active , .web-showmore-col1 a:hover{font-size:14px;font-weight:bold;color:#203971;}

.web-video-container , .web-video-container iframe,  .web-video-container object,  .web-video-container embed {
max-width: 100%;
}


.web-foot{
width:1090px;
margin:0px auto;
background-color:#FFF;
}

.web-foot1{
float:left;
padding:10px;
width:320px;
height:100px;
line-height:100px;
vertical-align:middle;
background-color:#FFF;
}
.web-foot2{
float:right;
width:730px;
height:100px;
padding-top:20px;
padding-left:20px;
vertical-align:middle;
background-color:#FFF;
color:#333;
line-height:25px;
}
.WebTabDark a:link , .WebTabDark a:visited{color:#333;}
.WebTabDark a:active , .WebTabDark a:hover{color:#CCC;}

/* ######################################################################### */
/* ######################################################################### */
.mo-main-web{
margin:0px auto;
padding-left:10px;
padding-right:10px;
padding-top:75px;
}

.mo-header-menu{
margin:0px auto;
text-align:center;
font-weight:bold ;
color:#595959;
background:#FFFFFF url("/images/head/menu_bg.png") repeat-x bottom;
font-family:DBHelvethaicaXRegular;
font-size:22px;
font-weight:normal;
}
.mo-header-menu a:link , .mo-header-menu a:visited{ font-family:DBHelvethaicaXRegular;font-size:22px;color:#595959;font-weight:normal;}
.mo-header-menu a:active , .mo-header-menu a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;color:#FFF;background-color:#203971;padding: 8px 0px;font-weight:normal;}

.mo-tab-bg{
background-color:#2C3E50;
color:#666;
font-family:DBHelvethaicaXRegular;
font-size:22px;
font-weight:normal;
padding:3px 0 2px 10px;
border-top:3px solid #17202A;
text-align:center;
text-decoration: none;
}
.mo-tab-bg a:link , .mo-tab-bg a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#FFF;text-decoration: none;}
.mo-tab-bg a:active , .mo-tab-bg a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;text-decoration: none;}

.mo-tab-blue{background-color:#203971;border-top:3px solid #0D1460;color:#FFFFFF;font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;padding:3px 0 2px 10px;}
.mo-tab-blue a:link , .mo-tab-blue a:visited{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#FFF;}
.mo-tab-blue a:active , .mo-tab-blue a:hover{font-family:DBHelvethaicaXRegular;font-size:22px;font-weight:normal;color:#CCC;}

.mo-tab-show{font-family:DBHelvethaicaXRegular;font-size:40px;font-weight:normal;color:#0D1460;}

.mo-video-content , .mo-video-content iframe,  .mo-video-content object,  .mo-video-content embed {
max-width: 100%;
}

.mo-line{border-bottom:1px dashed #c6c6c6;clear: both;margin-top:5px;margin-bottom:5px;}
.mo-line2{border-bottom:1px dashed #203971;clear: both;margin-top:5px;margin-bottom:5px;}


.no-show-col{width:100%; margin:0px auto;
font-family:DBHelvethaicaXRegular; font-size:18px;color:#888; padding: 8px 0px; font-weight:normal; display: inline;
}


.mo-menu{
margin:0px auto;
background:#FFFFFF url("/images/head/menu_bg.png") repeat-x bottom;
font-family:DBHelvethaicaXRegular;font-size:18px;color:#595959;font-weight:normal;
}
.mo-menu a:link , .mo-menu a:visited{font-family:DBHelvethaicaXRegular;font-size:18px;color:#595959;font-weight:normal;}
.mo-menu a:active , .mo-menu a:hover{font-family:DBHelvethaicaXRegular;font-size:18px;color:#FFF;background-color:#203971;padding: 8px 0px;font-weight:normal;}


.mo-head{
margin:0px auto;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1), 0 5px 5px 0 rgba(0,0,0,0.19);
position: fixed;
height:60px;
width:100%;
background:#FFFFFF;
text-align:center;
}

.mo-head1{
margin:0px auto;
float:left;
padding-top:15px;
text-align:center;
width:20%;
}

.mo-head2{
margin:0px auto;
float:left;
padding-top:12px;
text-align:center;
width:65%;
}
.mo-head3{
margin:0px auto;
float:right;
padding-top:10px;
text-align:center;
width:35%;
}

.font1{font-family:DBHelvethaicaXRegular;}
.font2{font-family:THSarabunNew;}