@charset "utf-8";
/* CSS Document */
@import url("reset.css");

html, body {
	margin:0;
	padding:0;
	width:100%;
	/*height:100%;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'IBM Plex Sans Thai', sans-serif;
	/*font-family: "rsuregular";*/
	font-size:12px;
	color:#000000;
	text-align:center;
	background-color:#ffffff;
	/*background:url(../images/page02-bg2.jpg);*/
}
h1, h2, h3, h4, h5, h6, p, ul,ol, li {
	padding: 0; 
	margin: 0;
}
h2 {
	font-size:16px;
}

h2.text-heading {
	font-size:14px;
	color:#333333;
	font-weight:bold;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:14px;
	color:#000000;
	font-weight:bold;
}
h2.text-title-latest-news {
	font-size:16px;
	color:#70be44;
	font-weight:bold;
}
h2.text-title {
	font-size:16px;
	color:#70be44;
	font-weight:bold;
}
h3.text-sub-title {
	font-size:14px;
	color:#486df8;
	font-weight:bold;
	padding-bottom:10px;
}
ul,ol{
	list-style:none;
	line-height:160%;
}
li {
	list-style:none;
}
p, ul, ol{
	font-size: 14px;
}
p{
	line-height:160%;
}

ol.decimal {
	list-style-type:decimal;
	list-style-position:outside;
}
ol.decimal li {
	padding-bottom:10px;
}
.spacer{
	clear:both;
}
.hide {
	position:absolute;
	left:-5000px;
}
.center {
	text-align:center;
}
.left {
	float:left;
}
.right {
	float:right;
}
a:link, a:visited {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color: #3333FF;
	text-decoration: none;
}
a.readmore:link, a.readmore:visited {
	color:#ed1b24;
	text-decoration:underline;
}
a.readmore:hover {
	color:#000000;
	text-decoration:none;
}

.text-red {
	color:#ed1b24;
}
.text-orange {
	color:#fa9503;
}
.text-big {
	font-size:18px;
	font-weight:bold;
}
.text-middle {
	font-size:16px;
	font-weight:bold;
}
td {vertical-align:top;}

marquee { padding:5px; font-weight:bold;}
marquee a:hover { text-decoration:underline;}

ul.bullet {
	list-style: none;
	margin:0;
	padding:0 0 -10px 0;
}

ul.bullet li {
	background: url(../images/bullet-green.png) no-repeat 0 0px;
	padding: 0px 14px 14px 14px;
	list-style:none;
}

/****************************************/
#page 
{
	min-height: 100%;
	height: auto !important;
	height:100%;
	margin: 0 auto -500px; /* the bottom margin is the nagative value of the footer's height */	
	background:url(../images/ndd_background_01_2.jpg) repeat-x;
	font-size:12px;
	background-color:#f7f5f5;
	/*border:1px solid #000000;*/
}

#wrapper {
	position:relative;
	text-align:left;
	width:980px;
	margin-right:auto;
	margin-left:auto;
	/*margin-top:0px;
	margin-bottom:0px;*/
	/*border:1px solid #000000;*/
}
#header {
	position:relative;
	width:980px;
	height:120px;
	background:url(../images/bg_header.png) no-repeat;
	/*background:#ffffff;*/
	/*border:1px solid #000000;*/
} 
#footer {
	position:relative;
	clear:both;
	width:100%;
	height:250px;
	padding-top: 15px;
	background:#e8e8e8;
	/*border:1px solid #000000;	*/
}

#nav {
	position:relative;
	height:52px;
	margin-top:7px;
	margin-bottom:20px;
}
/*#banner_background {
	position:absolute;
	width:1500px;
	background:url(../images/background_top_banner.png) no-repeat;
	height:420px;
	margin-left:-250px;
}*/
#banner {
	position:relative;
	width:980px;
	height:420px;
	background:url(../images/background_banner.jpg) no-repeat;
}
#main {
	padding-top:20px;
	position:relative;
	width:980px;
	height:100%;
	clear:both;
	background:#ffffff;
}
/*************************************************/
#twoCol-Inner { 
	overflow:hidden;  
	background:#FFF; 
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px#ccc;
	box-shadow: 0 0 8px #ccc;
	margin-top:20px;
}
/************************************************/
#sidebar { width:300px; float:left; padding:0px; margin:0px;}
/************************************************/
#mainContent {
	width:680px;
	min-height:600px;
	float:right;
	padding:15px 0 30px 0;
	/*background:url(../common/img/line-pink.gif) top repeat-x;*/
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #ebebeb;
}
#mainContentSub {
	position: relative;
	width: 750px;
	min-height: 600px;
	height: 100%;
	float: right;
	background: url(../images/line-green.gif) top repeat-x;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ebebeb;
}

/* Crumb */
.crumb { width:980px; margin:30px auto 20px auto; overflow:hidden;}
.crumb ul { float:right; padding-right:0;}
.crumb li { font-size:12px; float:left; padding:0 12px; background:url(../images/arrw-crumb.png) right no-repeat;}
.crumb li a {}
.crumb li.active { color:#fc9503; font-weight:bold;}
.crumb li.last { background:none; padding-right:0;}

/*******************************************/
#sidebar { width:180px; float:left; padding:20px;}
#sidebar h2 { margin:10px 0; font-size:20px; line-height:1.2em;}
#sidebar h3 { margin:10px 0; line-height:1.2em; color:#7cba07}
#sidebar li { padding:10px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec; line-height:1.5em;}
#sidebar li a { color:#555; display:block; font-size:14px;}
#sidebar li.active { color:#eb0489 !important; font-weight:bold;}
#sidebar li.active a { color:#7cba07 !important; font-weight:bold;}

#sidebar li.normal { color:#999; font-weight:normal;}
#sidebar li.normal a { color:#999 !important; font-weight:normal;}
#sidebar li.normal a:hover {color:#eb0489 !important;}

#sidebar .arrw { width:7px; height:4px; margin-top:6px;  font-weight:bold; margin-right:10px;float:right; background:url(../images/arrw-sidebar.png) right 0px no-repeat;}
#sidebar .arrwActive { width:4px; height:7px; margin-top:6px;  font-weight:bold; margin-right:10px; float:right; background:url(../images/arrw-sidebar-active.png) right no-repeat;}
#sidebar li a:hover { text-decoration:none; color:#7cba07;}
#sidebar li:hover { text-decoration:none; color:#7cba07;}

/* */

ul.navSidebar { margin:10px 0 10px 10px;}
ul.navSidebar li { border-bottom:0 !important; padding:5px 0 !important;}
ul.navSidebar li a { color:#999 !important; }
ul.navSidebar li.active a { color:#eb0489 !important;}
ul.navSidebar li:hover a { text-decoration:none; color:#eb0489 !important;}
/******************************************/

/*************************************************/
.readmore-news {
	 margin-top:10px;}
	
.readmore-news a.readmore-news
{
	color:#84bc1b;
	font-size:13px;
	font-size:12px;
	font-weight:normal;
	display:inline-block; background:url(../images/arrow_green.png) left no-repeat; 
	padding:0 0 0 10px;
	text-align:right;	
}
.readmore-news a.readmore-news:hover {
	text-decoration:underline;
}

/* View All */
.viewAll { display:inline-block; background:url(../images/arrow_green.png) left no-repeat; padding:0 5px 0 10px; margin-top:10px; text-align:right;}
.viewAll a {font-size:13px; color:#84bc1b; }
.viewAll a:hover {text-decoration:underline; }

/***********************************************/

/* Slides Gallery */
#slidesGallery { display:block; width:660px; height:130px; margin:32px 0 40px 0;}
#slidesGallery .slides_container { width:660px; height:130px;}
#slidesGallery .slides_container .slides { display:block;}
#slidesGallery .next, #slidesGallery .prev { display:none;}
#slidesGallery .pagination { width:100px; margin:20px 0 0 -30px; position:relative; left:50%;}
#slidesGallery .pagination li { width:12px; height:12px; float: left; margin-right:5px; text-indent: -9999px;}
#slidesGallery .pagination li a { width:12px; height:12px; display:block; text-indent: -9999px; outline: none; background:url(../images/pagination-green.png) -15px 0 no-repeat;}
#slidesGallery .pagination li.current a { background:url(../images/pagination-green.png) 0 0 no-repeat;}
#slidesGallery ul.thumList li { float:left; margin-right:22px;}
#slidesGallery ul.thumList li.last { margin-right:0;}

/*****************************************/
/* Slides knowledge */
#slidesKnowledge { display:block; width:350px; height:270px; margin:10px 0 20px 0;}
#slidesKnowledge .slides_container { width:350px; height:270px;}
#slidesKnowledge .slides_container .slides { display:block;}
#slidesKnowledge .next, #slidesKnowledge .prev { display:none;}
#slidesKnowledge .pagination { width:100px; margin:0px 0 0 -20px; position:relative; left:50%;}
#slidesKnowledge .pagination li { width:12px; height:12px; float: left; margin-right:5px; text-indent: -9999px;}
#slidesKnowledge .pagination li a { width:12px; height:12px; display:block; text-indent: -9999px; outline: none; background:url(../images/pagination-green.png) -15px 0 no-repeat;}
#slidesKnowledge .pagination li.current a { background:url(../images/pagination-green.png) 0 0 no-repeat;}
#slidesKnowledge ul.thumList li { float:left; margin-right:22px;}
#slidesKnowledge ul.thumList li.last { margin-right:0;}

/*****************************************/
#header h1 a{
	position:relative;
	margin:0;
	padding:0;
	background:url(../images/nondindaeng_municipality_logo.png) no-repeat;
	float:left;
	width:350px;
	height:80px;
	font-weight:normal;
	color:#000;
	margin-top:20px;
}

#top-menu {
	margin-top:40px;
	margin-bottom:0;
}

#top-menu li {
	display:inline-block;
	margin: 0;
	padding:0 5px 0 5px;
	/*border-right:1px solid #000;*/
}
#top-menu  li a {
	color:#629803;
	font-size:14px;

}
#top-menu ul.top-link li a:hover {
	color:#484847;

}
/*****************************************/
#mayor {
	position:relative;
	/*margin-right:auto;*/
	/*margin-left:auto;*/
	width:260px;
	height:281px;
	background:url(../images/somchai_01.png) no-repeat;
}
#policy
{
	position:relative;
	/*margin-right:auto;*/
	/*margin-left:auto;*/
	margin-top:10px;
	margin-bottom:10px;
	width:260px;
	height:44px;
	background:url(../images/button_policy.png) no-repeat;
}
/**************Like title ******************/
.title-like {
	background:url(../images/title_like.png) no-repeat;
	margin-left:0px;
	width:260px;
	height:37px;
	list-style:none;
	border-bottom:none;
}
/*****************************************/
#navigation {
	float:left;
	width:260px;
	height:auto;
	padding: 9px 0 0 0;
	font-size:100%;
}

#navigation ul {
	list-style:none;
	margin: 0 0 20px 0px;
	padding: 0 0 0px 0;
	padding:0;
	border:none;
}
#navigation ul.button {
	list-style:none;
	margin: 1em 0 0px 0px;
	padding: 0 0 0px 0;
	padding:0;
	border:none;
}


#navigation li.title-services {
	background:url(../images/title_services.png) no-repeat;
	margin-left:0px;
	width:260px;
	height:37px;
	list-style:none;
	border-bottom:none;
}

#navigation li {
	font-size:120%;
	list-style-image:url(../images/arrow_green.png);
	border-bottom:1px dotted #cfcfcf;
	padding: 0.2em 0 0.2em 0;
	margin-left:30px;
}

#navigation li a:link, #navigation li a:visited {
	color:#0332a7;
	background-color:transparent;
	display:block;
	padding: 0.2em 0 0.2em 0;
	text-decoration:none;

}

#navigation li a:hover {
	color:#59bef3;
}
/*****************************************/

/************* Left menu *********************/
a.button-left-menu-01 {
	display: block;
	width: 260px;
	height: 41px;
	background: url(../images/left_menu_01.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-left-menu-01:hover {
	background-position: 0 -41px;
}
/*********************************************/
a.button-left-menu-02 {
	display: block;
	width: 260px;
	height: 41px;
	background: url(../images/left_menu_02.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-left-menu-02:hover {
	background-position: 0 -41px;
}
/*********************************************/
a.button-left-menu-03 {
	display: block;
	width: 260px;
	height: 41px;
	background: url(../images/left_menu_03.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-left-menu-03:hover {
	background-position: 0 -41px;
}
/*********************************************/
a.button-left-menu-04 {
	display: block;
	width: 260px;
	height: 41px;
	background: url(../images/left_menu_04.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-left-menu-04:hover {
	background-position: 0 -41px;
}
/*********************************************/
a.button-edic {
	display: block;
	width: 260px;
	height: 136px;
	background: url(../images/button_edic.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-edic:hover {
	background-position: 0 -136px;
}

/*********************************************/
a.button-picture-menu-01 {
	display: block;
	width: 260px;
	height: 138px;
	background: url(../images/button-picture-01.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-picture-menu-01:hover {
	background-position: 0 -138px;
}
/*********************************************/
a.button-picture-menu-02 {
	display: block;
	width: 260px;
	height: 138px;
	background: url(../images/button-picture-02.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-picture-menu-02:hover {
	background-position: 0 -138px;
}
/************** Slide Banner *****************/
#Slide-news-banner {
	position:relative;
	width:727px;
	height:296px;
	background:#f7f7f7;
	border:1px solid #ebebeb;
	margin-bottom:5px;
}
h2.title-news-01 {
	/* background-image: url(../images/title_news_01.png); */
	width:727px;
	height:37px;
}
/*********************************************/
/************** News Tab *****************/
#tab-news-background {
	position:relative;
	width:663px;
	/*background:#f2f2f2;*/
	/*border:1px solid #cccccc;*/
}
h2.title-tab-news-01 {
	background-image: url(../images/tab_news_01.png);
	width:665px;
	height:37px;
}

#tab-news-background .domtab div ul.news-tab {
	background-color:#f6f6f6;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	width:700px;
	padding:10px;
	margin-left:-22px;
	margin-top:10px;
}
#tab-news-background .domtab div ul.news-tab li {
	margin-left:5px;
	padding-top:10px;
	list-style-image:url(../images/arrow_green.png);

}
#tab-news-background .domtab div ul.news-tab li a {
	color:#000000;
	padding:0px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
#tab-news-background .domtab div ul.news-tab li a:hover {
	color:#666666;
	text-decoration:underline;	
}
/**********************************************/
#tab-news-homepage {
	position:relative;
	background-color:#f7f7f7;
	width:665px;
}
#tab-news-homepage ul.news-homepage {	
	padding:10px;
	margin-left:0px;
	margin-top:10px;
}
#tab-news-homepage ul.news-homepage li {
	margin-left:15px;
	padding-top:10px;
	list-style-image:url(../images/arrow_green.png);
}
#tab-news-homepage ul.news-homepage li a {
	color:#000000;
	padding:0px;
	text-decoration:none;
	font-size:12px;
}
#tab-news-homepage ul.news-homepage li a:hover {
	color:#666666;
	text-decoration:underline;	
}

/**********************************************/
#TitleHomepage { width:665px; position:relative;}
#TitleHomepage h1 {
	font-size: 18px;
	color:#333;
	margin-top:30px;
	padding-bottom:4px;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;
	text-align:left;
	background:#FFF;	
}
/**********************************************/
/* spotProjects */
#spotProjects { width:665px;}
#spotProjects h1 {
	font-size: 26px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;
	text-align:left;
	background:#FFF;
}
#spotProjects .bodyContent { padding:0 0 10px 0; margin-bottom:10px; border-bottom-width: 1px;border-bottom-style: solid; border-bottom-color: #ececec;}
#spotProjects .tProjectSpot { margin-bottom:12px;}
#spotProjects .tProjectSpot h3 { line-height:0.5em;}
#spotProjects .tProjectSpot .tnDate { display:inline-block; font-size:26px; font-family: 'IBM Plex Sans Thai', sans-serif, Arial, Helvetica, sans-serif; text-align:center; background:#f038a4; color:#FFF; position:absolute; padding:10px 15px 4px 15px; margin-top:-154px; margin-left:12px; opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
#spotProjects .tProjectSpot .tDate p { line-height:0.7em;}
#spotProjects .tProjectSpot .tDate span { font-family: 'IBM Plex Sans Thai', sans-serif;  font-size:16px !important;}
#spotProjects .detailProjectSpot h3 { line-height:1.1em;}
#spotProjects .date { font-size:11px; color:#898989; font-style: italic;}
#spotProjects .bodyContent .detail { height:36px; overflow:hidden; padding-top:12px; line-height:1.4em;}
/*********************************************/
#divLikeButton {
	position:relative;
	width:90px;
	float:right;
	height:30px;
	margin-top:25px;
	padding-right:5px;
}
#divPromotionActivity {
	position:relative;
	width:97%;
	height:350px;
	margin-top:50px;
}

/* spotPromotion */
#spotPromotion { width:320px; float:left;}
#spotPromotion .title {
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;
}
#spotPromotion .bodyContent { padding:0 0 10px 0; margin-bottom:10px; border-bottom-width:0px; border-bottom-style: solid; border-bottom-color: #ececec;}
#spotPromotion .ndPromotion { margin-bottom:12px;}
#spotPromotion .ndPromotion h3 { line-height:0.5em;}
#spotPromotion .ndPromotion .ndDate { display:inline-block; font-size:26px; font-family: 'IBM Plex Sans Thai', sans-serif, Arial, Helvetica, sans-serif; text-align:center; background:#a4dd1c; color:#FFF; position:absolute; padding:10px 15px 4px 15px; margin-top:-154px; margin-left:12px; opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
#spotPromotion .ndPromotion .ndDate p { line-height:0.7em;}
#spotPromotion .ndPromotion .ndDate span { font-size:16px !important;}
#spotPromotion .detailPromotionSpot h3 { line-height:1.1em;}
#spotPromotion .date { font-size:11px; color:#898989; font-style: italic;}
#spotPromotion .bodyContent .detail { height:36px; overflow:hidden; padding-top:12px; line-height:1.4em;}


/* spotActivity */
#spotActivity { width:320px; float:right;}
#spotActivity .title { 
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;}
#spotActivity .bodyContent {
	padding:0 0 10px 0; margin-bottom:10px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #ececec;
}
#spotActivity li { padding:12px 0 19px; overflow:hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec;}
#spotActivity li.last { border:0; border-bottom:0;}
#spotActivity li .date { width:50px; float:left; background:#a4dd1c; font-size:26px; font-family: 'IBM Plex Sans Thai', sans-serif, Arial, Helvetica, sans-serif; color:#FFF; padding:10px 0; text-align:center;}
#spotActivity li .date p { font-size:26px; line-height:1em;}
#spotActivity li .date span {  font-size:14px !important; line-height:0.4em;}
#spotActivity li .contentBox { float:right; width:250px; line-height:1.8em;}
#spotActivity li .contentBox a:hover {
	color:#333;
	text-decoration:underline;
}
/*********************************************/
/* spotKnowledge */
#spotKnowledge { width:320px; float:right;}
#spotKnowledge .title { 
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;}
#spotKnowledge .bodyContent {
	padding:0 0 10px 0; margin-bottom:10px; border-bottom-width:0px; border-bottom-style: solid; border-bottom-color: #ececec;
}

/*********************************************/
/* spotLink */
#spotLink { width:320px; float:right;}
#spotLink .title { 
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;}
#spotLink .bodyContent {
	padding:0 0 10px 0; margin-bottom:10px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #ececec;
}
#spotLink li { padding:12px 0 19px; overflow:hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec;}
#spotLink li.last { border:0; border-bottom:0;}
#spotLink li .date { width:50px; float:left; background:#a4dd1c; font-size:26px; font-family: 'IBM Plex Sans Thai', sans-serif, Arial, Helvetica, sans-serif; color:#FFF; padding:10px 0; text-align:center;}
#spotLink li .date p { font-size:26px; line-height:1em;}
#spotLink li .date span {  font-size:14px !important; line-height:0.4em;}
#spotLink li .contentBox { float:right; width:320px; line-height:1.8em;}
#spotLink li .contentBox a:hover {
	color:#333;
	text-decoration:underline;
}
/*********************************************/
#divVideo {
	position:relative;
	width:97%;
	height:350px;
	margin-top:10px;
}

/* spotVideo */
#spotVideo { width:320px; float:left;}
#spotVideo .title { 
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;}
#spotVideo .bodyContent {
	padding:0 0 10px 0; margin-bottom:10px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #ececec;
}
#spotVideo li { padding:12px 0 19px; overflow:hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec;}
#spotVideo li.last { border:0; border-bottom:0;}
#spotVideo li .date { width:50px; float:left; background:#a4dd1c; font-size:26px; font-family: 'IBM Plex Sans Thai', sans-serif, Arial, Helvetica, sans-serif; color:#FFF; padding:10px 0; text-align:center;}
#spotVideo li .date p { font-size:26px; line-height:1em;}
#spotVideo li .date span {  font-size:14px !important; line-height:0.4em;}
#spotVideo li .contentBox { float:right; width:250px; line-height:1.8em;}
#spotVideo li .contentBox a:hover {
	color:#333;
	text-decoration:underline;
}
/*********************************************/
/* spotShow */
#spotShow { width:320px; float:right;}
#spotShow .title { 
	font-family: 'IBM Plex Sans Thai', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8bbf26;}
#spotShow .bodyContent {
	padding:0 0 10px 0; margin-bottom:10px; border-bottom-width:1px; border-bottom-style: solid; border-bottom-color: #ececec;
}
#spotShow li { padding:10px 0 10px; overflow:hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec;}
#spotShow li.last { border:0; border-bottom:0;}
#spotShow li .date { width:50px; height:40px; float:left; background:#7fc702; font-size:26px; font-family: 'IBM Plex Sans Thai', sans-serif, Arial, Helvetica, sans-serif; color:#FFF; padding:10px 0; text-align:center;}
#spotShow li .date p { font-size:24px; line-height:1em;}
#spotShow li .date span {  font-size:14px !important; line-height:0.4em;}
#spotShow li .contentBox { float:right; width:250px; line-height:1.5em;}
#spotShow li .contentBox a:hover {
	color:#333;
	text-decoration:underline;
}


/*********************************************/

#footer .footer-line-1 {
	position:relative;
	height:180px;
	background:#e8e8e8;
	padding-bottom:20px;

}
#footer .footer-line-stat {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:30%;
	height:50px;
	background:#e8e8e8;
	text-align:center;
}
#footer .footer-line-2 {
	position:relative;
	height:50px;
	background:#5d5d5d;
	text-align:center;
}
p.text-footer-2 {
	color:#FFF;
	font-size:12px;
	padding-top:8px;
}
#footer .footer-line-1 ul.menu-bottom {
width: 995px;
list-style:none; 
margin:auto; 
padding:auto;
padding-left:20px;
}
#footer .footer-line-1  ul.menu-bottom  li {
position:relative; 
float:left; 
margin-right:1px;
text-align:left;
padding:30px 30px 20px 0px;
}

#footer .footer-line-1 span.text-header {
color:#61a707;
font-weight:normal;
font-size:14px;
}

/*************************************/
.icon-new {
	background:url(../images/icon_new.gif) no-repeat;
	width:37px;
	height:9px;
	padding-left:30px;
	margin-left:5px;
}

/*Back to top button */
#back-top {
	position: fixed;
	bottom: 35px;
	right:20px;
	z-index:200;
}
#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/top-button.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
/************ Screen - icon social **********************/
.icons a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0px;
	vertical-align: middle;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.icons a.facebook { background: url(../images/facebook-2.png) left top no-repeat; }
.icons a.youtube { background: url(../images/youtube-2.png) left top no-repeat; }

.icons a:hover { background-position: left -34px; }
/*************************************************/
#underconstruction {
	position:relative;
	padding:0 0 0 150px;
	width:350px;
	height:200px;
}
#underconstruction p.underconstruction {
	width:331px;
	height:151px;
	background:url(../images/underconstruction.png) no-repeat;
}

a.en-button-submit {
	display: block;
	width: 98px;
	height: 31px;
	background: url(../images/button_submit_en.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.en-button-submit:hover {
	background-position: 0 -31px;
}
a.en-button-cancel {
	display: block;
	width: 98px;
	height: 31px;
	background: url(../images/button_cancel_en.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.en-button-cancel:hover {
	background-position: 0 -31px;
}
/********************************/
p.download-pdf {
	display: block;
	background:url(../images/download_pdf_icon_small.jpg) no-repeat;
	height:33px;
	width:32px;
}
/********************************/