@charset "utf-8";
:root {  /*กำหนดตัวแปร*/
  --bluetop:#053b50;
  --blue2:#176b87;
  --bluesoft: #abf2ed;
  --white:#eeeeee;
}
a { text-decoration:none; color:#053b50;}
body {
	//font-family: Tahoma, Geneva, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	//font-family: "MS Serif", "New York", serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.red{ color:red; font-size:10px; float:left;}
.line1{ border:1px solid #FEFFFF;}
.clear{ clear:both;}

.top{	width:100%;	height:70px;	}
.topbox{	width:1200px;	height: inherit;	margin:auto;	background-color:white;	}
.logo{	margin:5px 0px 5px 10px;	float:left; 	width:60px; 	height:auto;	}
.textlogo{	color: #00744B;		display:block;		text-align:left;		text-decoration: none;		float:left;		padding:18px 6px 18px 6px;	}
.textlogoth{		font-size: 20px;		float: left; 	padding:3px 0px 0px 0px;	}
.textlogoen{	font-size: 13px;		float: left; 	padding:4px 0px;	}
.topright{	
	width:140px;
	height:70px;
	float:right;
}
.iconboxtop{	
	width:35px;
	height:35px;
	float:right;
}
.iconboxbottom{	
	width:35px;
	height:35px;
	float:right;
}

.menutab{	width:100%;	position: -webkit-sticky;	position: sticky;		z-index:99;		background-color: #053b50;  	height: 50px;	top: 0; }
.menutab:after{ clear:both;}
.menutopmain {		width:1200px; 	height: inherit;	margin:auto; 	}
.menutopmain a{	color:white;		display:block;		text-align: center ;		text-decoration: none;	 	font-size: 16px;		float: left;	padding:15px 20px;	}
.menutopmain a:hover{	background-color:white;	color:#053b50;	float: left;	display:block;		}
.menutoplist {  display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 160px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 99;	}
.menutab #menutopmain a .v {	font-size: 10px;		vertical-align: 2px ;	}
.footer{
	background-color:#053b50;
	color:#FEFFFF;
	padding:1px;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
.menutopsearch{
	height:40px;
}
.searchbox{
	float:left;
	width:80%;
	max-width: 300px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #176b87;
	border-radius: 15px 0px 0px 15px;
	font-size: 16px;
	background-color: white;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin:20px 0px 0px 20px;
	//margin:auto;
	
	text-align:center;
}
.searchbutton{
	float:left;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #176b87;
	border-radius: 0px 15px 15px 0px;
	background-color: #176b87;
	background-image: url(img/searchiconwhite.png);
	background-repeat:no-repeat; 
	background-position: 3px 3px; 
	margin:20px 0px 0px 0px;
}
.searchboxfull{
	//float:left;
	width:50%;
	margin:10px 0px 10px 0px;
}
.tab{width:100%;}
.tab:after{ clear:both;}
.tab2{width:100%; height: 78vh;}
.main{
	width:100%;
	max-width:600px;
	vertical-align:middle;
	margin:auto;
	//background-color:red;
}
.texthead1{
	width:100%;
	text-align:center;
	color:white;
	font-weight:bold;
	//margin: 5px 5px 0px 5px;
	padding:5px 0px 5px 0px;
	background-color: #176b87;
	border: solid thin #176b87;
	border-radius: 5px 5px 0px 0px;
	word-break:break-all;
	min-height:20px;
}
.texthead1 a{
	display:block;
	color:#333;
}
.textbox1{
	width:100%;
	//margin:0px 5px 5px 5px;
	padding:0px 0px 0px 0px;
	border:solid thin  #176b87;	
	word-break:break-all;
	min-height:70px;
}
.textbox2{
	width:50%;
	vertical-align:middle;
	margin:auto;
	//background-color:red;
}
.textbox3{
	float:left;
	width:100%;
	//margin:0px 5px 5px 5px;
	
	border:solid thin  #176b87;	
	word-break:break-all;
	height:auto;
	//min-height:136px;
	
}
.textbox4{
	width:100%;
	margin:auto;
	padding:5px;
	
}
.textbox5{
	width:32%;
	margin:auto;
	margin-right:0px;
	margin-bottom:5px;
	padding:2px 0px 2px 4px;
	float:left;
	//border:solid thin  #176b87;	
	word-break:break-all;
	height:100%;
	display: inline-block;
}
.textbox6{
	width:31%;
	margin:auto;
	margin-right:0px;
	margin-bottom:5px;
	padding:2px 5px;
	float:left;
	border-left:solid thin  #176b87;	
	border-right:solid thin  #176b87;	
	word-break:break-all;
	height:100%;
	display: inline-block;
}
.viewcount {
	text-align: right;
}

@media screen and (max-width: 1200px) {
.menutopmain {    width: 100%;  }
.topbox{    width: 100%;  }
}
@media screen and (max-width: 600px) {
  /* ตัวอย่าง: กำหนดให้ element มีขนาด 100% */
.main {    width: 95%;  }
.texthead1 {    width: 100%;  }
.textbox1 {    width: 100%;  }
.textbox2 {    width: 100%;  }
.menutopmain {    width: 100%;  }
.topbox{    width: 100%;  }
.iconboxtop { display:none; z-index: -1;}
.iconboxbottom { display:none; z-index: -1;}
.topright { display:none;}
}























.mainpic{
	//background-color:#CCC;
	width: auto;
	height:450px;
	text-align:center;
}


.w1200{width:1200px;  margin:auto;}

.iconbar{width:100%; height:170px; background-color:#176b87; text-align:center;}
.iconbox{
	width:200px;
	text-align:center;
	//background-color:white;
	float:left;
	background-color:#176b87;
}
.iconimg{
	width:100px;
	height:auto;
	margin:20px 0px 10px 0px;
}
.icontext{
	color:#f9f9f9;
}

.boxleft{
	width:50%;
	float:left;
	//background-color:yellow;
}
.boxright{
	width:50%;
	float:right;
	//background-color:green;
}
.linehead{
	width:auto;
	margin:15px 10px 0px 10px;
	//background-color:red;
	
}
.lineheadtext{
	border-bottom:1px solid #176b87;
	color:#176b87;
	font-weight:bold;
}
.linemain{
	width:auto;
	margin:5px 10px 5px 10px;
	padding:5px 0px 0px 0px ;
	//background-color:red;
	//float:left;
}
.linemain2{
	width:auto;
	margin:8px 1px 1px 1px;
	//padding:1px 1px 1px 1px ;
	//background-color:red;
	//float:left;
}
.datebox{
	width:56px;
	height:56px;
	background-color:#176b87;
	float:left;
	border-radius:28px;
	text-align:center;
}
.datebox2{
	width:85px;
	height:22px;
	background-color:#176b87;
	float:left;
	border-radius:28px;
	text-align:center;
}
.datetext{
	margin:8px 0px 0px 0px;
	color:#f9f9f9;
	font-size:12px;
	font-weight:bold;
}
.datetext2{
	margin:4px 10px 0px 10px;
	color:#f9f9f9;
	font-size:12px;
	font-weight:bold;
}
.newstext{
	width:auto;
	height:56px;
	//float:left;
	word-wrap:break-word;
	padding:0px 0px 0px 10px;
	font-size:15px;
	overflow:hidden;
	color:#176b87;
}
.newstext2{
	width:auto;
	height:86px;
	//float:left;
	word-wrap:break-word;
	padding:0px 0px 0px 10px;
	font-size:15px;
	overflow:hidden;
	color:#176b87;
}
.newstext3{
	width:auto;
	height:auto;
	//float:left;
	word-wrap:break-word;
	padding:2px 0px 3px 90px;
	font-size:15px;
	//overflow:hidden;
	color:#176b87;
}
.w1200 .boxleft a .linemain { color:black;}
.newsimgs{
	width:160px;
	height:90px;
	background-color:#176b87;
	float:left;
	overflow:hidden;
}

.carlendarhead{
	background-color:#abf2ed;
	color:#053b50;
	font-weight:bold;
	padding:5px;
	text-align:center;
	margin:10px 0px 0px 0px;
}
.carlendarbox{
	width:1200px;
	//height:600px;
	background-color:#FEFFFF;
	float:left;
	padding:10px 0px;
}
.carlendarimg{
	width:100%;
	height: auto;
	float:left;
	
}


.menumaptext{
	width:auto;
	padding:5px 0px;
	border-bottom:1px solid #efefef;
	font-size:14px;
}
.topicheadtext{
	width:auto;
	background-color:#176b87;
	color:#feffff;
	text-align:center;
	padding:5px 0px;
	font-size:16px;
}
.topicmaintext{
	width:auto;
	color:#053b50;
	padding:5px 0px;
	font-size:16px;
	word-wrap:break-word;
}
.topicmaintext a{
	color:#053b50;
}
.topicmaintext a:hover{
	color:#176b87;
}

.menuleft{
	width:25%;
	float:left;
}
.menuleft a{
	text-decoration: none;
	//font-weight: bold;
	font-size:15px;
	color: #eeeeee;
	display: block;
	background-color: #176b87;
	padding: 5px;
	border-bottom: #efefef thin solid;
}

.menuleft a:hover{
	background-color:white;	
	color: #176b87;
	//font-weight: bold;
}
.bodyright{
	width:75%;
	float:right;
}
.bodyrightmain{
	text-align:left;	
	border-left:#efefef thin solid;
	padding:1px;
}
.bodyrighthead{
	font-weight: bold;
	margin:4px 10px;
	font-size:16px;	
}

.date{
	background-color:#176b87;
	color:white;
	font-size:10px;
	padding:2px 7px;
	margin:0px 5px;
	border-radius:8px;	
}

.bodyrighttext{
	word-break:break-all;
	margin: 6px 10px;
}
.bodyrighttext a{
	color: #176b87;
	text-decoration: none;
}
.bodyrighttext a:hover{
	color: #053b50;
	text-decoration: none;
}

.btnlink{	margin:5px 0px 0px 0px;}
.btnlinkgreen{	margin:5px 0px 0px 0px; color: #0C0;}







.login