@import 'fontface.css';
body{
	font-family: 'thaisans_neueregular';
	color: #5d5d5d;
}
a{
	font-family: 'thaisans_neueregular';
	color: #5d5d5d; 
	text-decoration: none!important;
	outline: none!important;
}
a:hover,a.current{color: #1f4880!important;}
h1,h2,h3,h4,h5{
  /*font-family: 'thaisans_neuebold';*/
  font-weight: normal;
  color: #4a4951;
}
h1{font-size: 30px}
h2{font-size: 23px ; line-height: 30px}
h3{font-size:22px; border-bottom: 3px solid #eab800; padding-bottom: 15px; }
.mt20{margin-top: 20px}
.mt40{margin-top: 40px}
.container{ /*fix not-responsive*/
	max-width: none !important;
	width: 1030px;
}
.clear-all{clear: both;}

/*BG Color*/
.top-bar{background: #fac902}
.footer{background: #e8bb00}
.title-line h3{background:#eab800;z-index: 2;}
.title{background:#ffc533; color: #fff; padding: 5px 10px;}
a.view-all{font-size: 12px; font-style: italic; color: #e74924; margin: 5px; display: inline-block;}
.navbar.navbar-default{border-color: #eab800!important;}
.btn.btn-default{background:#ffc533;}
/*End BG Color*/


.title-line{
	text-align: right; position: relative;
	border-bottom: 3px solid #eab800;
	padding-bottom: 5px;
	margin-top: 50px;
}
.title-line h3{
	padding: 10px;
	position: absolute;
	left: 0; bottom: 0;
	color: #fff; margin: 0;
	display: inline-block;
}
/*Top bar*/
.top-bar{
	/*background-image: url('../images/bg-top.png'); 
	background-repeat: repeat-x;*/
}
.top-bar a{display: inline-block; }
.top-bar .row:nth-child(1):nth-child(1){height: 40px;}
.top-bar .row:nth-child(1)>div:nth-child(1)>a{margin-top: 7px;}
.top-bar .row:nth-child(1)>div:nth-child(2)>a{margin-top: 3px;}

.top-bar .wrp-link{height: 50px; display: inline-block;}
.top-bar .wrp-link>*{border-right:1px solid #d5a306; float: left; }
.top-bar .wrp-link>a{ padding: 5px 15px;  color: #fff; line-height: 40px;}
.top-bar .wrp-link>a:not(:first-child){ height: 50px; width: 50px;}
.top-bar .wrp-link>a>i{font-size: 25px;line-height:40px;}
.top-bar .wrp-link>form{ padding: 10px 0 ;  color: #fff; height: 50px;}
.top-bar .wrp-link>form>*{float: left; margin: 0 5px}
.top-bar .wrp-link>form>button{margin-left: 0; background: #ffd11c; border-color: #d5a306}

.header .container{
	margin-top: 0px;background:  url("../images/bg-banner.jpg") no-repeat right -3px;
}
.header .navbar.navbar-default{
	margin-top: 20px; border:0; background: transparent;
	border:1px solid #000; border-left: 0; border-right: 0; 
}
.header .navbar.navbar-default .collapse{
	padding: 0;
	padding-left: 10px;
	display: block;

}
.header .nav.navbar-nav li:after,
.header .nav.navbar-nav li:before{
	content: ""; position: absolute;
	height: 100%; background: black;
	left: 0; top:0; z-index: 10;
}
.header .nav.navbar-nav li:after{right: auto; left: 0;}
.header .nav.navbar-nav>li>a{ padding-right:9px;padding-left:9px; }
.header .nav.navbar-nav a{background: transparent!important; position: relative;}
.header .nav.navbar-nav a:hover{color: #862642!important}
.header .nav.navbar-nav a:hover:after,
.header .nav.navbar-nav a.active:after{
	content: ""; position: absolute;
	width: 100%; background: #862642;
	height: 3px; top:36px; left:0;
}
.header .nav.navbar-nav>li:first-child:before{display: none;}
/*.header .nav.navbar-nav>li:first-child>a{padding-left: 0;}*/
.header .nav.navbar-nav>li:last-child:after{display: none;}
/*.header .nav.navbar-nav>li:last-child>a{padding-right: 0;}*/
.header .dropdown-menu {left: 10px;top: 40px;}
.header .dropdown-menu li>a{padding: 10px 20px;}
.footer{
	padding: 40px 0;
	color: #fff;
	margin-top: 50px;
}
.footer #small-map{height: 170px}
/*Home*/
#carousel-home:after{
	content: ""; position: absolute;
	background: rgba(0,0,0,0.6);
	width: 100%; height: 55px;
 	bottom: 0; left: 0;
}
#carousel-home .carousel-indicators{bottom: 4px;}
#carousel-home .carousel-indicators li{ width: 18px; height: 18px; background: #fff;}
#carousel-home .carousel-indicators li.active{background: #6990BE; border-color:#6990BE;  margin: 1px; }

.wrp-list{list-style: none; margin: 0; padding: 0; font-size: 13px;}
.wrp-list.sty1{}
.wrp-list.sty1 li{
	position: relative;
	padding: 10px 10px 10px 75px; border-bottom: 1px solid #eab800;
	min-height: 90px;
}
.wrp-list.sty1 li .date{
	position: absolute; width: 50px; 
	left: 15px; top:15px; text-align: center;
	font-size: 20px;
}
.wrp-list.sty1 li .date>span{background: #eab800; padding: 5px; color: #fff;  display: block;}

.wrp-list.sty2{border-bottom: 1px solid #eab800; padding-bottom: 10px;}
.wrp-list.sty2 li{padding: 20px; background: #ececed; border-right: 1px solid #fff; height: 355px; border-bottom: 1px solid #fff; }
.wrp-list.sty2 li:hover{ background: #dce0e4}
.wrp-list.sty2 li .wrp-thumb img{ margin: 20px auto;width: 113px; }
.wrp-list.sty2 li>a{ display: block; }
.wrp-list.sty2 li>span{font-style: italic; color: #3b759c; display: block; margin-top: 5px;}

.wrp-list.sty3{}
.wrp-list.sty3 li{
	 position: relative;
	 padding: 20px 10px 20px 160px;
	 border-bottom: 1px solid #eab800;
}
.wrp-list.sty3 li p{font-size: 15px;}
.wrp-list.sty3 li .wrp-thumb{
	position: absolute;
	top:20px; left: 10px;
}
.wrp-list.sty3 li .wrp-thumb img{ 
	width: 130px;
	/*height: 60px;*/
}

.wrp-list.sty4 li{
	background: #ececed; margin-bottom: 1px; 
	padding: 10px 15px 10px 20px; position: relative;
}
.wrp-list.sty4 li:before{ 
	position: absolute; width: 3px; height: 3px; 
	background: #0f3261; border-radius: 50%; 
	left: 12px; top:17px; content: "";
}
.wrp-list.sty5 li .img-thumbnail{box-shadow: 0 0 4px 2px #ccc}
.wrp-list.sty5 li>span.date{display: block; color: #999; margin: 10px 0 5px 0}
.wrp-list.sty5 li>a{ font-size: 15px; color: #1f4880}
.wrp-list.sty5 .text-center{ height: 40px; margin-top: 5px}
.wrp-list.none-border{border: 0;}
.login-form{ background: #ececed; padding-bottom: 15px; margin-bottom: 15px;}
.login-form .form-group{padding: 0 20px; margin-top:15px;}
.login-form  button{padding: 5px 30px}

.wrp-banner li{ color: #872642 }
.wrp-banner a{ display: block; margin-bottom: 15px; font-size: 18px;color: #872642}
.wrp-banner img{width: 100%;}

/*Alliance*/
.wrp-alliance .wrp-thumb{ margin-bottom: 15px; }

/*Contact*/
.wrp-contact .wrp-text{ border-bottom: 1px solid #ccc}
.wrp-contact .wrp-text h2{line-height: 40px;}
.wrp-contact #map{height: 275px; margin-top: 10px;}

.contact-list{font-size: 12px;}
.contact-list th{background: #ffc533;color: #fff;padding: 5px;}
.contact-list td{padding: 5px; background: #f4f3f6; /*font-size: 11px*/}
.contact-list tbody>tr:nth-child(2n){border-bottom: 1px solid #ccc;}
.contact-list tr td:first-child{color:#4f8746 }
/*Pagin*/
.wrp-pagin{ text-align: center; margin-top: 50px;}
.wrp-pagin i{margin-top: 3px;}
.pagination>li>a, .pagination>li>span{ 
	border: 0;
	display: inline-block;  background: #f3f3f3; margin: 0 1px;
	min-width: 30px; height: 30px; line-height: 20px; padding: 5px 10px;
}



.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
{
	border: 0;
	background: #3f84bb; color: #fff!important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus
{
	background: #3f84bb; color: #fff!important;
}

.wrp-detail{}
.wrp-detail .date>span{background: #0e2544; padding: 5px; color: #fff;  display: block;}
.wrp-detail .wrp-gallery{padding: 20px 120px}
.wrp-detail .wrp-gallery ul{list-style: none; margin: 0; padding: 0;}
.wrp-detail .wrp-gallery .slider-nav {margin: 30px -5px 0 -5px;}
.wrp-detail .wrp-gallery .slider-nav li{padding:0 5px;}
.wrp-detail .wrp-gallery .slider-nav li>img{width: 100%;}

.link-doc{
	padding: 0 0 0 48px ;
	display:inline-block;
	height: 40px; 
	background: url('../images/icon-doc.png') no-repeat left center;
	line-height: 50px; font-size: 12px;
	text-decoration: underline!important;
}

.wrp-content .col-xs-8{ padding-right: 0; }

/*.mfp-close{ top:-40px;right: -15px; }*/

.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 6px;
  border-radius:0 6px 6px 6px;
}
.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:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.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;
}


@media (min-width: 768px) { 
}
@media (min-width: 992px) { 
}
@media (min-width: 1200px) { 
}