@charset "utf-8";
/* CSS Document */
body{
	background:url(image/bggl.png) repeat;
	font-size:16px;
	font-family:'TH Sarabun';
	
	}

/*.navcolor a:link {
	color:#FFF;}
.navcolor a:hover {
	color:#000;}*/
.footer{
	font-family: 'TH Sarabun', sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#fff;}

.topmenu ul li a{
	font-family: 'TH Sarabun', sans-serif;
    color:#6C7623;
	font-size:18px;
	padding-top:20px;
}
.topmenu ul li a:hover {
    color:#CE592E;
}
h1{
	font-family: 'TH Sarabun', sans-serif;
	font-size:34px;
	margin:50px 0;
	/*text-shadow: 2px 2px 2px #000;*/
	}
	
h2 {
	font-family: 'TH Sarabun', sans-serif;
	font-size:28px;
	color:#009;
	margin:20px 20px;
	
	}
	


h3 {
	font-family: 'Roboto', sans-serif;
	
	margin:10px 20px;
	
	
	
}

h5 {
	font-family:  sans-serif;
	font-size:28px;
	color:#0714ba;
	margin:20px 20px;
	
	}

h4 {
	font-family: font-family: 'TH Sarabun', sans-serif;}
.headline1 {
	font-family: 'thaisans_neuebold',sans-serif;
  border-bottom: 1px dashed #aaa;
  border-left: 7px solid #aaa;    
  border-left: 7px solid rgba(0,0,0,.2);
  margin: 0 -15px 15px -22px;
  padding: 5px 15px;
}
.headline2 {
  border-bottom: 1px solid #aaa;
  margin: 15px 0;
  padding: 5px 0;
  position: relative;
}

.headline2:before,
.headline2:after {
  content: '';
  border-right: 20px solid #fff;
  border-top: 15px solid #aaa;
  bottom: -15px;
  position: absolute;
  left: 25px;
}

.headline2:after {
  border-top-color: #fff;
  border-right-color: transparent;
  bottom: -13px;
  left: 26px;
}
.headline3 {
	
  position: relative;
  margin-left: -22px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -22px;
  padding: 15px;
  background: #ebe4cd;
  background: linear-gradient(#ebe4cd, #f1efe8);
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 #fff;
}

.headline3:before,
.headline3:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  content:'';
  border-top: 4px solid #000;
  border-left: 4px solid transparent;
}

.headline3:before {
  border-top: 6px solid #555;
  border-right: 6px solid transparent;
  border-left: none;
  left: auto;
  right: 0;
  bottom: -6px;
}
.headline4 {
  position: relative;
  border-color: #eee;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  background: #fff;
  margin: 0 0 15px -15px;
  padding: 5px 15px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.headline4:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  right: 15px;
  width: 70%;
  height: 10px;
  background: rgba(0, 0, 0, .7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
  transform: rotate(2deg);    
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
}
.news-pic {
	float:left;
	width:80px;
	height:80px;
	margin:5px;
	}
.news{
	float:right;
	margin:5px;
		
	font-size:14px;}
.news h4{
	color:#039;
	font-size:16px;
}
.navbar{
	color:#000000;
    float: right;
	margin-top:0 auto;
	}

.content h2 { color:#396; font-family: 'Helvetica Neue', sans-serif; font-size: 26px; letter-spacing: 1px; padding: 0 0 20px; border-bottom: double #555; margin:20px 0; }



.content { font-family: 'Verdana', sans-serif; font-size:14px;
 line-height: 26px; text-indent: 50px; margin: 0; }


.content a { color: #c64119; text-decoration: none; }


.content a:hover { color: #993213; border-bottom: 1px solid #993213; }



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;    
	width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color:#666;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#999;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.slide {
	padding:0;
		width:689px;
	height:344px;

}
.box {
	float:left;
	width:689px;
	height:344px;
	padding:20px 25px 20px 25px;
	/*border-top:solid #0189d7;*/
}
.boxButton {
	float:right;
	border:0;
	font-size:11px;
	color:#ffffff;
	background:#2aa5e8;
	padding:2px 7px 2px 7px;
}
.boxButton a:link, a:hover{
	color:#CE592E;
}
.box p {
	padding:10px 0;
}
.buttonStyle {
	border:0;
	font-size:11px;
	color:#ffffff;
	background:#2aa5e8;
	padding:2px 7px 2px 7px;
}
.icons {
	float:right;
	background:#FFFFFF;
	margin:10px 10px 0px 3px;
	/*padding:40px 0 0 0;*/
}
.icons li {
	list-style:none;
	display:inline;
	font-size:13px;
	font-weight:bold;
}



@media only screen and (max-width: 767px) {

   h1 {
      font-size: 20px;
	  margin:10px auto;
   }
   .logo {
	   width:120px;
	   text-align:center;}
.dropdown-submenu{
	font-size:14px;
	background:#B74A57;}


}