p           { color: #000; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal }

p.small {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #FFFFFF; font-size: 8pt;}


A:link                    { color: #09f; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

A:visited                     { color: #09f; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

A:hover                      { color: #006bb5; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }

.white {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #FFFFFF}
.smblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000}

.smblackbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
A.left:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 8pt;}

A.left:visited {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff;font-weight: bold; font-size: 8pt;}

A.left:hover {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffff00;font-weight: bold; font-size: 8pt;}

A.email:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffff00; font-weight: bold; font-size: 8pt;}

A.email:visited {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffff00;font-weight: bold; font-size: 8pt;}

A.email:hover {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff;font-weight: bold; font-size: 8pt;}

.bold { font-weight: bold;}
.boldyellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFF00;}
.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
}

li { color: #000; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal }
li span {color: #333;}
h1  { color: #c00; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal }
h2 { color: #c00; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal }

/*========================= Custom CSS Starts ===========================*/
*:focus{ outline:none !important;}

a{ color:#00558c;}
a:hover{ text-decoration:none; }

input[type="submit"], button{ cursor:pointer;}

img{ max-width:100%; height:auto;}

.responsive-img { width:100% !important;}

.mb30p{ margin-bottom:35px;}
.mb30p{ margin-bottom:30px;}
.mb25p{ margin-bottom:25px;}
.mb20p{ margin-bottom:20px;}
.mb15p{ margin-bottom:15px;}
.mb10p{ margin-bottom:10px;}
.mb5p{ margin-bottom:5px;}

.mt30p{ margin-top:35px;}
.mt30p{ margin-top:30px;}
.mt25p{ margin-top:25px;}
.mt20p{ margin-top:20px;}
.mt15p{ margin-top:15px;}
.mt10p{ margin-top:10px;}
.mt5p{ margin-top:5px;}


.fleft{ float:left !important;}
.fright{ float:right !important;}

.w100p{ width:100% !important; float: left;}
.wa{ width:auto !important;}

.br3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.br5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.br10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

.brtr5{ border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
.brtr10{ border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;}

.brbl5{ border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;}
.brbl10{ border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px;}

.oh{ overflow:hidden !important;}


.br100{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}

body p, body a, body span, body form, body ul, body ol { font-size:15px; font-weight:300!important;}
body p{ line-height:25px;}
.op90:hover{/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;}
  
  .op70:hover{/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;}

.nbr{ border-radius:0px!important; -webkit-border-radius:0px!important; -moz-border-radius:0px !important;}
.nbs{ box-shadow:none !important; -webkit-box-shadow:none !important;  -moz-box-shadow:none !important;}
.bn{ border:none !important;}
.npt{ padding-top:0px !important;}
.npr{ padding-right:0px !important;}
.npb{ padding-bottom:0px !important;}
.npl{ padding-left:0px !important;}
.mba15p{ margin-bottom:15px !important;}
.mba20p{ margin-bottom:20px !important;}
.mba30p{ margin-bottom:30px !important;}

body{ font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h4, h5, h6 { font-weight:300!important;}

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

/*/////////////////// Website /////////////////////////*/

.navsec .navbar-default { background:rgba(0,0,0,0.90);}
.navsec .navbar-default a{ color:#fff !important;}
.navsec .navbar-default a:hover, .navsec .navbar-default a:focus{ color:#fff !important; background:#068509 !important;}
.caret{ color:#fff !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{ color:#fff !important; background:#068509 !important;}

.navsec .navbar-default .dropdown-menu li a{ color:#111 !important; line-height:28px;}
.navsec .navbar-default .dropdown-menu li a:hover{color:#fff !important; background:#068509 !important;}

#bs-example-navbar-collapse-1{ text-align:center;}
#bs-example-navbar-collapse-1 > ul { display:inline-block; float:none;}

.logosec{ text-align:center;}
.logosec a {
  display: inline-block !important;
  float: none !important;
  margin: 15px 0;
  width: auto !important;
}
.logosec a img{ max-width:100%;}

.contentmainwrap{ padding:15px; background:#fff; box-shadow:#ccc 0 0 10px 0;}
.footerwarp{padding:15px; background:#222 !important;}
.footerwarp *{ color:#fff !important;}
.footerwarp img{ border-radius:5px; margin:5px;}
li.dropdown{ display:block !important;}

.contentmainwrap table{ max-width:100% !important; width:auto !important;}
.contentmainwrap img{ margin:10px;height: auto !important;
max-width: 92% !important;}

.csobj { width:100% !important;}

.w20p{ width:20%; float:left; padding:15px;}

.singlerow{ background:#fdf5e7;}
.singlerow2{ background:#fff;}
.mainThai-Bahttable {
  margin: 15px 15px 15px 0;
  max-width: 800px !important;
}

.maintoprow{ font-size:16px; background:#f1cf93 !important;}
.mainThai-Bahttable table{width:100%!important; border: none!important;}
							.mainThai-Bahttable table th, .mainThai-Bahttable table td{width:25%; text-align: center; border: none!important;}
							.maintoprow {
								font-size: 16px;
								background: #f1cf93 !important;
							}


/*//////Media Queries/////////*/

@media (min-width:992px) {
	
.tcd{ text-align:center !important;}
.dibd{ display:inline-block !important; float:none !important;}

.nptd{ padding-top:0px !important;}
.nprd{ padding-right:0px !important;}
.npbd{ padding-bottom:0px !important;}
.npld{ padding-left:0px !important;}

.mdb30p{ margin-bottom:35px;}
.mdb30p{ margin-bottom:30px;}
.mdb25p{ margin-bottom:25px;}
.mdb20p{ margin-bottom:20px;}
.mdb15p{ margin-bottom:15px;}
.mdb10p{ margin-bottom:10px;}
.mdb5p{ margin-bottom:5px;}

.mdt30p{ margin-top:35px;}
.mdt30p{ margin-top:30px;}
.mdt25p{ margin-top:25px;}
.mdt20p{ margin-top:20px;}
.mdt15p{ margin-top:15px;}
.mdt10p{ margin-top:10px;}
.mdt5p{ margin-top:5px;}

/******************************Website******************************/

}


@media (min-width:768px) and (max-width:1169px){

html, body{ font-size:92% !important;}	

.tct{ text-align:center !important;}
.dibt{ display:inline-block !important; float:none !important;}

.nptt{ padding-top:0px !important;}
.nprt{ padding-right:0px !important;}
.npbt{ padding-bottom:0px !important;}
.nplt{ padding-left:0px !important;}

.mtb30p{ margin-bottom:35px;}
.mtb30p{ margin-bottom:30px;}
.mtb25p{ margin-bottom:25px;}
.mtb20p{ margin-bottom:20px;}
.mtb15p{ margin-bottom:15px;}
.mtb10p{ margin-bottom:10px;}
.mtb5p{ margin-bottom:5px;}

.mtt30p{ margin-top:35px;}
.mtt30p{ margin-top:30px;}
.mtt25p{ margin-top:25px;}
.mtt20p{ margin-top:20px;}
.mtt15p{ margin-top:15px;}
.mtt10p{ margin-top:10px;}
.mtt5p{ margin-top:5px;}


/******************************Website******************************/

}
@media (min-width:1024px) and (max-width:1169px){


}

@media (min-width:768px) and (max-width:1023px){


}
@media (max-width:767px){

html, body{ font-size:85% !important;}	
	

.tcm{ text-align:center !important;}
.dibm{ display:inline-block !important; float:none !important;}

.nptm{ padding-top:0px !important;}
.nprm{ padding-right:0px !important;}
.npbm{ padding-bottom:0px !important;}
.nplm{ padding-left:0px !important;}


.mmb30p{ margin-bottom:35px;}
.mmb30p{ margin-bottom:30px;}
.mmb25p{ margin-bottom:25px;}
.mmb20p{ margin-bottom:20px;}
.mmb15p{ margin-bottom:15px;}
.mmb10p{ margin-bottom:10px;}
.mmb5p{ margin-bottom:5px;}

.mmt30p{ margin-top:35px;}
.mmt30p{ margin-top:30px;}
.mmt25p{ margin-top:25px;}
.mmt20p{ margin-top:20px;}
.mmt15p{ margin-top:15px;}
.mmt10p{ margin-top:10px;}
.mmt5p{ margin-top:5px;}


/******************************Website******************************/

.navbar-default .navbar-nav > li > .dropdown-menu { background:#ccc !important;-webkit-border-radius:none!important; -moz-border-radius:none!important; border-radius:none!important; padding:0px !important;}
.navbar-default .navbar-nav > li > .dropdown-menu a{ font-size:14px !important;}
.navbar-default .navbar-nav > li > .dropdown-menu a:hover{ background:#036905 !important;}

.navbar-toggle {
  background: none !important;
  border: none !important;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 13px;
  padding: 0;
  position: relative;
}

.navbar-toggle .icon-bar {
  border-radius: 0;
  display: block;
  height: 4px;
  width: 34px;
  background:#fff !important;
}

.navbar-toggle:hover .icon-bar { background:#068509 !important;}


#bs-example-navbar-collapse-1{ text-align:center;}
#bs-example-navbar-collapse-1 > ul {width:auto !important; text-align:left; display:block !important;}
	
	.mainThai-Bahttable table th, .mainThai-Bahttable table td{ font-size:12px;}
	
}
@media (max-width:479px){
.w20p {
  float: left;
  font-size: 11px !important;
  padding: 9px;
  width: 20%;
}
}