body {
	font-family: "Helvetica Neue", Helvetica, tahoma, arial, 'lucida grande', sans-serif;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6, .modal-body { font-family: 'thaisans_neueregular'; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }


a:hover{text-decoration:none;}

.pager .previous>a, .pager .previous>span 	{ margin-right: 3px; }
.pager .next>a, .pager .next>span 			{ margin-left: 3px; }

.text-info { color: #10944f; }

/*
 *  Material Light Blue 300 color code := 4fc3f7
 */

/*
 *	@ Button
 */

.icon-bar {background:#10944f}
.btn-material-light-blue-300.btn-flat:not(.btn-link) { color: #10944f; }
.btn-material-light-blue-300:not(.btn-link):not(.btn-flat) {
  background-color: #0da04f;;
  color: rgba(255, 255, 255, 1.0);
	color: #FFF;
}
.btn-material-light-blue-300:hover:not(.btn-link):not(.btn-flat) { background-color: #10944f; }
.btn-material-light-blue-300:active:not(.btn-link):not(.btn-flat) { background-color: #32b9f6; }
.btn-material-light-blue-300.active:not(.btn-link):not(.btn-flat) { background-color: #32b9f6; }
.btn-material-light-blue-300.btn-flat:hover:not(.btn-ink) { background-color: rgba(79, 195, 247, 0.2); }

.inline-block { display: inline-block; }

.cursor-pointer { cursor: pointer; }
/*
 *	@ Panel Material Style
 */
.panel {
  border-radius: 2px;
  border: 0;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.panel-material-light-blue-300 > .panel-heading {
  background-color: #10944f;
	color: #FFF;
}

.label-material-light-blue-300 { background-color: #10944f; }

.text-material-light-blue-300,
.text-material-light-blue-300:HOVER,
.text-material-light-blue-300 a,
.text-material-light-blue-300 a:HOVER { color: #10944f; }

.text-grey-50 { color: #FAFAFA; }
.text-grey-100 { color: #F5F5F5; }
.text-grey-200 { color: #EEEEEE; }
.text-grey-300 { color: #E0E0E0; }
.text-grey-400 { color: #BDBDBD; }
.text-grey-500 { color: #9E9E9E; }
.text-grey-600 { color: #757575; }
.text-grey-700 { color: #616161; }
.text-grey-800 { color: #424242; }
.text-grey-900 { color: #212121; }

.f-s-11 { font-size: 11px; }

.f-cmcoop,
.f-cmcoop:HOVER,
.f-cmcoop a,
.f-cmcoop a:HOVER { color: #10944f; }

.f-thin { font-weight: 400; }
.f-normal { font-weight: normal; }
.f-bold { font-weight: 600; }

.subject { background: #10944f; color: #fff; }
.subject .title { margin: 20px 0; font-size: 36px; }

.navbar {
		background-color: #FFF;
}
.navbar .navbar-top {
		text-align: right;
		background-color: #f2f2f2;
}
.navbar .navbar-top ul, .navbar .navbar-bottom ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
}
.navbar .navbar-top ul li, .navbar .navbar-bottom ul li {
		font-family: 'thaisans_neueregular';
		display: inline-block;
		font-size: 18px;
		margin-left: 8px;
}
.navbar .navbar-bottom ul li {
		font-size: 24px;
		margin-right: 13px;
}

.content-inner {
		/* padding-top: 190px; */
}
.footer {
		margin-top: 20px;
		background-color: #F9F9F9;
		color: #838384;
}
.footer ul {
		font-family: 'thaisans_neueregular';
		font-size: 20px;

		padding: 0px;
		margin: 0px;
		list-style: none;
}
.footer h4 {
		font-size: 20px;
}

.footer h4{
	color : #333
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #10944f;
}
@media (max-width: 480px) {
	.navbar h1 { font-size: large; }
	.navbar h4 { font-size: small; }
	#navbar {
			background-color: #10944f;
			color: #FFF;
	}
	#navbar ul li {
			display: block;
	}
}
/*
.navbar {
		position: fixed;
		right: 0px;
		left: 0px;
		background-color: #FFF;
		z-index: 999;
		border-bottom: 1px solid #e9e9e9;
}
*/
.footer a{ /* color:#838384 */ color : #333 }
.footer a:hover{text-decoration:none; }
.navbar a{ /* color: #838384; */ color : #333 }
.navbar a:hover{text-decoration:none; }

.add-on-container .clink {display:block ; overflow:hidden ; margin-bottom : 10px;}
.add-on-container .clink:hover{ text-decoration: none;}
.add-on-container .container  {padding-top : 30px ; border-top : 1px solid #e2e2e2 ;margin-top:30px; }
.add-on-container .clink  .cicon {
			display:block;
			float:left ;
			width:50px;
			height:50px;
			border-radius:25px;
			background-color:#10944f ;
			font-size:25px;
			text-align:center ;
			vertical-align:middle ;
			line-height:50px;
			color :#FFF ;
			margin-right: 10px;

	}
.add-on-container .clink  .detail {
	/* color: #838384; */
	 color: #333 ;
	font-size: 25px;
	font-family: 'thaisans_neueregular';
	line-height: 25px;
}

.breadcrumb a.active { /* color : #838384 */ color : #333 }
.breadcrumb>li a{ /* color : #838384 */ color : #666  }
@media (min-width: 992px){
	.navbar .navbar-top ul, .navbar .navbar-bottom ul{padding : 0  35px ; }
}

/* FIX */

.header-title{color:#72caf3  }
.news-group-block{}
.news-group-block .list{margin-bottom:10px }
.news-group-block .item {
	/*background-color: #f9f9f9;*/
	background-color: #fff;
	overflow: hidden;
	margin-bottom : 15px;
}
.news-group-block .item .item-image {   position: relative; }
.news-group-block .item .item-image .image-detail{     position: absolute; width: 100% ; height: auto ; }
.news-group-block .item .item-detail  {
	padding : 5px 10px ;
	/*height : 155px; */
	height : 110px;
	overflow : hidden ;
}
.news-group-block .item .item-detail .title a{    /* color: #838384; */  /* color: #333 ; */ color: #7ba960;}
.news-group-block .item .item-detail .detail {  /* color: #AAA ; */  color: #666 ;    }
.news-group-block .item .item-footer  {   height : 50px;;    }

.news-group-block .item-footer div{overflow:hidden; }
.news-group-block .item-footer .shard {float:left ; display:inline-block ; color :#6b6b6c ;   height: 30px; line-height: 30px; font-weight:bold ;   }
.news-group-block .item-footer .link {float:right ;  display:inline-block ; border-radius: 20px ;   height: 30px;  width: 30px;  text-align: center; vertical-align: middle; background-color : #c5d3dc ; line-height : 30px ; color :#FFF }




.news-tab .nav-tabs li.active a:before {
	content:'';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: solid 10px #ddd;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

.news-tab .nav-tabs li.active a:after {
	content:'';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-top: solid 9px #FFF;
	border-left: solid 9px transparent;
	border-right: solid 9px transparent;


}

ul.left-nav {padding : 0  ;  list-style-type: none; color:#72caf3 ; ; }
ul.left-nav li{ padding : 5px 10px; margin-bottom : 0;   overflow: hidden; }
ul.left-nav li span.link{ font-size : 23px;  ; /* color : #666666 */ ; color : #333  ;   font-family: 'thaisans_neueregular'; display:inline-block ;  float: left;   margin-left: 15px; margin-top: 5px; }
ul.left-nav li span.box{ height : 50px ; width :50px; border-radius: 6px ;background-color : #10944f ; display:inline-block ;   float: left; text-align:center  }
ul.left-nav li span.link:hover{text-decoration:none; }
ul.left-nav li span.box i{ font-size: 25px ; color : #FFF  ; line-height: 50px; ;  }

.staff-left{   }
.staff-left .staff-left-image .image{ padding: 10px  60px ; }
.staff-left .staff-left-image .image img{   border: 8px solid #e8e8e8;  margin: auto;   }
.staff-left .staff-left-image { background-color : #FFF  ;  }

.staff-left .staff-left-detail { background-color:#f9f9f9 ; border-bottom :5px solid #e8e8e8 ; padding: 5px; font-family: 'thaisans_neueregular'; font-size: 18px; font-weight: bold;  /* color: #838384 */ color: #333 ;border-radius : 5px }

.interest-block { background-color : #f9f9f9 ; font-family: 'thaisans_neueregular'; border-bottom :5px solid #e8e8e8 ; border-radius : 5px  }
.interest-block ul {padding : 0  ;  list-style-type: none; /* color :#777777 */ ; color : #333 ;  padding: 20px;  padding-top: 0;   padding-bottom: 0; }
.interest-block li {padding : 5px 0 ;  ;  list-style-type: none;  font-size:20px  ;   border-bottom: 1px solid #dddddd; }
.interest-block li .left{ float:left ;width:60%}
.interest-block li .right{ float:left  width:40% ; text-align :center }
.interest-block .interest-footer { padding : 5px ; text-align:center ;   font-size: 16px;}
.right-panel{margin-bottom: 10px}

.slide1 img{max-width:100% }
.slide1 .slide1-pager{
	text-align: center;
	font-size: 40px;
	color: #CCC;
	line-height: 20px;
}
.slide1 .slide1-pager span { cursor: pointer; }
.slide1 .slide1-pager .cycle-pager-active{
	color : #10944f ;

}

.slide1 .news-list .block {position:relative }
.slide1 .news-list .block .image{position:relative }
.slide1 .news-list .block .background{bottom:0;position: absolute;width: 100%;height: 100%;background-image: url('/images/bg05.png');background-repeat: repeat-x;background-position:bottom }
.slide1 .news-list .block .link{bottom:0;position: absolute;width: 100%;color:#FFF ; font-size : 35px; padding: 0px 20px; font-family: 'thaisans_neueregular';padding-bottom:20px; text-decoration:none;line-height:30px; }


.news-list-2 ul {padding:0 ;list-style-type:none;margin-bottom : 20px;}
.news-list-2 ul li{margin-bottom : 3px;}
.news-list-2 ul li img{ /* border : 1px solid #DDD */ }
.slide-full { /* background-color:#10944f; */ background-color : #ffffff   }
/* .slide-full .owl-wrapper{background-color:#10944f; overflow:hidden ;  } */

.slide-full .item{background-color:#10944f; overflow:hidden ;}
.owl-wrapper-outer{overflow:hidden ;}
 .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#10944f;
}

.slide-full .item{
	text-align:center;
	width: 100%;
	height:100%
}

.news-view-all {
	color : #333 ;
}

.addthis-show{width:100%;overflow:hidden;height:35px;display:none;padding-top:10px;padding-left:10px; }
.fix-shard {
	display:block  ;
	width : 100% ;
}
.at4-share-outer-right { display:none !important ; }


	.header-title{ color:#72caf3 }
	.news-header-line{
		font-family: 'thaisans_neueregular';
		border-bottom : 1px solid #dbdbdb ;
		color : #777677 ;
	}
	.news-header-line .item i{ font-size : 18px ; }
	.news-header-line .item{
		font-size: 20px;
		display : inline-block ;
		margin-right:20px;
	}
	.news-header-detail{ padding : 20px 0 ; }
	.news-header-detail img {max-width: 100%}
	.news-footer {
		border-top : 1px solid #dbdbdb ;

	}
	.right-panel{margin-bottom: 10px}

	.right-top-news { border : 1px solid #f4f4f4 ;   padding: 10px; }
	.right-top-news h2 {  margin-top: 10px;  }
	.right-top-news .line {border-bottom : 3px solid #f7f7f7 }
	.right-top-news .list {padding-top: 20px;}
	.right-top-news .list .item {margin-bottom : 10px  ; /* color :#807f80 */ /*  color : #CCC   */  color : #666 }
	.right-top-news .list .item h5{margin : 0 ;margin-bottom : 10px;  font-size: 18px; }
	.right-top-news .list .item h5 a{ /* color: #838384; */ color:#333    }
	.right-top-news .list .item .item-detail .viewcount{ float:left ; width: 50% }
	.right-top-news .list .item .item-detail .shardcount{ float:left ; width: 50% }
	.right-top-news .list .item .view {overflow:hidden;}
	@media (min-width: 768px)
	{
		.item-detail.col-sm-8{padding-left:3px;}
	}
	.news-list .item{margin-bottom : 15px; color : #666 ; }
	.news-list .item .auther { font-family: 'thaisans_neueregular';  font-size : 20px;}
	.news-list .item h2{margin : 0px 0 ;  font-size: 30px; margin-bottom : 10px; color :#333 }
	.news-list .item h2 a{  color :#333 }
	.news-list .item .group-detail{padding-top: 10px; }


	.right-album .image{ padding : 5px; width: 33% ; float:left ;}

	.news-picture-item { padding-top: 20px; }
	.news-picture-item .item { width: 25% ; float:left;padding:5px; }
	.news-picture-item .item img {padding:5px;}

	.row-share { border: 1px solid #E0E0E0; }

	.row-share .logo {
		font-size:20px;
		padding-top: 5px;
		padding-bottom: 5px;
		cursor: pointer;
		color: #FFF;

	}
	.count-social {font-size : 25px}

	.row-share .row-share-item{padding:0}
	.num-share{  font-size: 40px; line-height: 45px; color:#f04f02 ; }
	.shard-text{ font-size : 20px ; color :#ccc}
	.btn-fb{ background-color : #3b5998 }
	.btn-tw{ background-color : #55acee }
	.btn-gp{ background-color : #dd4b39 }
	.header-title{color:#72caf3 }
	.album-list .item {background-color : #EEE }
	 .album-list .item a {color : #333 ;font-size:22px;font-family: 'thaisans_neueregular';  }
	 .album-list .item .title {padding : 8px; height:60px;line-height: 20px;    overflow: hidden;}
	 .album-picture-item .item { width : 25% ;  float:left }


	 .album-header-line{
		font-family: 'thaisans_neueregular';
		border-bottom : 1px solid #dbdbdb ;
		color : #777677 ;
	}
	.album-header-line .item i{ font-size : 18px ; }
	.album-header-line .item{
		font-size: 20px;
		display : inline-block ;
		margin-right:20px;
	}
	.album-header-detail{ padding : 20px 0 ; }
	.album-header-detail img {max-width: 100%}
	.album-footer {
		border-top : 1px solid #dbdbdb ;

	}

	.mainctn {
		margin-bottom: 50px;
	}