@charset "utf-8";
/* CSS Document */
/*ข้างนอกใช้กับจอขนาดเล็ก สำหรับมือถือ แท็บเล็ตแนวตั้ง*/

.div_change{ 
	display:block; /*ให้แสดงวัตถุนั้นๆ*/
}	
.div_change2{
	display:none;  /*ให้วัตถุนั้นๆหายไป*/
}
.image_change{ 
	display:block; /*ให้แสดงวัตถุนั้นๆ*/
}	
.image_change2{
	display:none;  /*ให้วัตถุนั้นๆหายไป*/
}
.font_change_small{
	display:block;
	font-size:20px;
}
.font_change_big{
	display:none;
	font-size:28px;
}
.font_change_small_en{
	display:block;
	font-size:16px;
}
.font_change_big_en{
	display:none;
	font-size:20px;
}	
.sidebar-module-inset {  /*กรอบเกล่องทา*/
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module {
  padding: 15px;
  margin: 0 0px 15px;
}
.bs-example-bg-classes p {
  padding: 15px;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width:320px) { 

}

@media (max-width:480px) { /*ใช้กรณีมือถือ แท็บข่าวต่างๆ ให้แสดงออกมาแต่รูปไอคอนข้างหน้า*/
.hide_txt{
	display:none;
	margin: 50px 50px 50px 50px;
}
}
@media (min-width:768px) { //*ใช้แสดงในหน้าจอขนาดใหญ่ PC แท็บดล็ตแนวนอน*/


	.div_change{	
		display:none;  
	}	
	.div_change2{
		display:block;   
	}	
	.image_change{	
		display:none;  
	}	
	.image_change2{
		display:block;   
	}	
	.font_change_small{
		display:none;
		font-size:20px;
	}
	.font_change_big{
		display:block;
		font-size:28px;
	}
	.font_change_small_en{
		display:none;
		font-size:16px;
	}
	.font_change_big_en{
		display:block;
		font-size:20px;
	}		
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}

.margin_around1{	 
			padding: 1px 1px 1px 1px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_around3{	 
			padding: 3px 3px 3px 3px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_around5{ 
			padding: 5px 5px 5px 5px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_around10{	 
			padding: 10px 10px 10px 10px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_around20{ 
			padding: 20px 20px 20px 20px;   /*บน   ขวา   ล่าง    ซ้าย*/		
}
.margin_top20bot10{	 
			padding: 20px 0px 10px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_top10bot10{	 
			padding: 10px 0px 10px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_top10left10{	 
			padding: 10px 0px 0px 10px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_top10left5{	 
			padding: 10px 0px 0px 5px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_bottom20{	 
			padding: 0px 0px 20px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_top10{	 
			padding: 10px 0px 0px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_top20{	 
			padding: 20px 0px 0px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_top5{	 
			padding: 5px 0px 0px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_bottom10{	 
			padding: 0px 0px 10px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_bottom5{	 
			padding: 0px 0px 5px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_left10right10{	 
			padding: 0px 10px 0px 10px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_left10{	 
			padding: 0px 0px 0px 10px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_left5{
			padding: 0px 0px 0px 5px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.margin_right10{	 
			padding: 0px 50px 0px 0px;   /*บน   ขวา   ล่าง    ซ้าย*/			
}
.images_stay_center{
	float: center;	
}
.line_dash{  /*เส้นบรรทัด ปะๆ*/
	padding: 0 0 0 0;
  	border-bottom: dashed 1px #989EB6;
  	margin-top: 10px;
 	margin-bottom: 10px;
}
.line_doted{  /*เส้นบรรทัดจุดๆ*/
	padding: 0 0 0 0;
  	border-bottom: dotted 1px  #E5E5E5;
  	margin-top: 5px;
 	margin-bottom: 5px;
}
.line_solid{  /*เส้นบรรทัดเส้นทึบ*/
	padding: 0 0 0 0;
  	border-bottom: solid 2px #67AE1C;
  	margin-top: 5px;
 	margin-bottom: 5px;
}
.line_solid_gray{  /*เส้นบรรทัดทึบสีเทา*/
	padding: 0 0 0 0;
  	border-bottom: solid 1px #777777;
  	margin-top: 2px;
 	margin-bottom: 2px;
}
.line_solidsak{  /*เส้นบรรทัดทึบสีเขียวดอกสัก*/
	padding: 0 0 0 0;
  	border-bottom: solid 2px #00B056;
  	margin-top: 5px;
 	margin-bottom: 5px;
}
.bg-purplep {
  color: #fff;
  background-color: #BAB0C9;
}
.font_title_organization_top{
			color:#1B2751; 
			font-size:22px;  
			/*padding: 10px 10px 10px 10px;*/
}
.font_title_organization_bottom{
			color:#9BA0B6; 
			font-size:16px;  
			/*padding: 10px 10px 10px 10px;*/
}
.font_lev_org{
			color:#2B345B; 
			font-size:18px;  
}
.font_name_org{
			color:#2B345B; 
			font-size:16px; 
			font-style:normal;
}
.font_calendar1{
			color:#979797; 
			font-size:38px;  
			/*padding: 10px 10px 10px 10px;*/
}
.font_calendar2{
			color:#009382; 
			font-size:26px;  
			padding: 0px 0px 0px 0px;
}
.font_calendar3{
			color:#959595; 
			font-size:18px;  
			padding: 0px 0px 0px 0px;
}
.font_calendar4{
			color:#666666; 
			font-size:16px;  
			padding: 10px 0px 0px 30px;
}
.font_name_org_info_th{
			color:#333133; 
			/*font-size:28px; */
			font-style:bold;
			/*padding-top:10px;*/
			font-family:Tahoma;
}
.font_name_org_info_en{
			color:#777777; 
			/*font-size:20px; */
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray_normal_i12{
			color:#666666; 
			font-size:12px;
			font-style:italic;
			font-family:sans-serif;
}
.font_tahoma_wh_normal_13v{
			color:#FFFFFF; 
			font-size:13px;
			font-style:normal;
			font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.font_tahoma_green_normal_12{
			color:#228B22; 
			font-size:12px;
			font-style:normal;
			font-family:sans-serif;
}
.font_tahoma_green2_normal_12{
			color:#6AB121; 
			font-size:12px;
			font-style:normal;
			font-family:Arial, sans-serif;
}
.font_tahoma_green_normal_12Ta{
			color:#6AB121; 
			font-size:12px;
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray_normal_13{
			color:#666666; 
			font-size:13px;
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray_normal14{
			color:#666666; 
			font-size:14px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray_bold14{
			color:#666666; 
			font-size:14px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_green1_normal14{
			color:#64AB1B; 
			font-size:14px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_green1_bold14{
			color:#64AB1B; 
			font-size:14px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_green2_normal14{
			color:#228B22; 
			font-size:14px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_green2_bold14{
			color:#228B22; 
			font-size:14px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_wh_normal14{
			color:#FFFFFF; 
			font-size:14px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_wh_bold14{
			color:#FFFFFF; 
			font-size:14px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_wh_normal16{
			color:#FFFFFF; 
			font-size:16px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_wh_bold16{
			color:#FFFFFF; 
			font-size:16px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray_normal16{
			color:#666666; 
			font-size:16px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray_bold16{
			color:#666666; 
			font-size:16px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray77_normal16{
			color:#777777; 
			font-size:16px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray77_bold16{
			color:#777777; 
			font-size:16px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_black_normal16{
			color:#000000; 
			font-size:16px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_black_bold16{
			color:#000000; 
			font-size:16px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_wh_normal16{
			color:#FFFFFF; 
			font-size:16px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_wh_bold16{
			color:#FFFFFF; 
			font-size:16px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_purplem_normal16{
			color:#563d7c; 
			font-size:16px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_purplem_bold16{
			color:#563d7c; 
			font-size:16px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_black_normal18{
			color:#333333; 
			font-size:18px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_black_bold18{
			color:#333333; 
			font-size:18px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_green_bold20{
			color:#228B22; 
			font-size:20px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_green_normal20{
			color:#228B22; 
			font-size:20px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray_bold20{
			color:#525357; 
			font-size:20px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray_normal20{
			color:#525357; 
			font-size:20px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_gray2_bold20{
			color:#777777; 
			font-size:20px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray2_normal20{
			color:#777777; 
			font-size:20px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_green1_normal20{
			color:#64AB1B; 
			font-size:20px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_green1_bold20{
			color:#64AB1B; 
			font-size:20px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_black_normal20{
			color:#000000; 
			font-size:20px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_black_bold20{
			color:#000000; 
			font-size:20px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_purplem_normal20{
			color:#563d7c; 
			font-size:20px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_purplem_bold20{
			color:#563d7c; 
			font-size:20px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray_bold24{
			color:#525357; 
			font-size:24px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_gray_bold24{
			color:#525357; 
			font-size:24px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_green_bold24{
			color:#67AE1C; 
			font-size:24px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_green_bold24{
			color:#67AE1C; 
			font-size:24px; 
			font-style:normal;
			font-family:Tahoma;
}
.font_tahoma_greensak_bold24{
			color:#00B056; 
			font-size:24px; 
			font-style:bold;
			font-family:Tahoma;
}
.font_tahoma_greensak_bold24{
			color:#00B056; 
			font-size:24px; 
			font-style:normal;
			font-family:Tahoma;
}
 .font_cmulife{ 
  font-family: Verdana,Geneva,sans-serif;
  font-size: 13px;
 }
.thumbnailc {
	display: block;
	float:none;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out; padding-left:0px; padding-right:0px;
}
.thumbnailc a>img, .thumbnailc>img {
	margin-right: auto;
	margin-left: auto
}
a.thumbnailc.active, a.thumbnailc:focus, a.thumbnailc:hover {
	border-color: #337ab7
}
.thumbnailc .caption {
	padding: 9px;
	color: #333
}
