@charset "utf-8";
/* CSS Document */
html {
	height:100%;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
	margin:0;
	padding:0;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

body {
    background: url("../images_new/index/bg_main.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
    color: #646464;
    font: 13px/1.3em Arial,Tahoma,Verdana;
    margin: 0;
    padding: 0;
}
a {
	outline:none; /*click menu none show outline div*/
	text-decoration:none;
}
a img {
	border:0 !important;  /*images link not show border*/
}
a:hover {
	text-decoration:underline;
}
img {
	vertical-align:middle !important;
}
.clear-all {
	clear:both;
	line-height:0;
	height:0;
}
/*End Default Style sheet */
#header {
/*	background:url(../images_new/index/header.jpg) no-repeat top;
	height:150px;*/
}
#wrapper-header {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	width:978px;
	margin:0px auto;
}
#wrapper-header .logo {
	float:left;
	width:50%;   
}
.maps {
    float: right;
    position: relative;

}
#wrapper-container .highlight .logo {
	float:right;
	position:relative;
	z-index:-1;
}
#wrapper-container .highlight .logo .csr{
	position:absolute;
	z-index:2;
	bottom: 4px;
	left: 2px;
}


#wrapper-header .search {
	float:right;
	width:30%;
	margin-top:76px;
	width:265px;
}
.searchform {
	width:220px;
	height: 33px;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	display: inline;
	position:relative;
	z-index:0;
}
.searchform input {
	font: 13px/100% Arial, Tahoma, Verdana;
	color:#FFF;
}
.searchform .searchfield {
	background:url(../images_new/index/bg_search.png) no-repeat;
	padding: 10px 8px 3px 8px;
	width: 215px;
	height:20px;
	border:0;
	outline: none;
}
.searchform .searchbutton {
	background:url(../images_new/index/bt_search.png) no-repeat;
	border: 0;
	height: 33px;
	width: 34px;
	position:absolute;
	z-index:1;
	/*	right:-33px;*/
	top: -1;
	left: 230px;
}

/*main menu*/
#wrapper-header .nav {
	background:url(../images_new/index/bg_menu.png) no-repeat;
	height:47px;
}
#wrapper-header .nav ul {
	display:inline;
	list-style:none;
}
.nav li {
	float:left;
}
.nav li a {
	display:block;
	text-decoration:none;
	height:47px;
}
.nav li.home a {
	width:118px;
	background: url(../images_new/index/mu_home.png) 0 0 no-repeat;
}
.nav li.about a {
	width:152px;
	background: url(../images_new/index/mu_about.png) 0 0 no-repeat;
}
.nav li.teammanage a {
	width:138px;
	background: url(../images_new/index/mu_teammanage.png) 0 0 no-repeat;
}
.nav li.news a {
	width:140px;
	background: url(../images_new/index/mu_news.png) 0 0 no-repeat;
}
.nav li.line a {
	width:134px;
	background: url(../images_new/index/mu_line.png) 0 0 no-repeat;
}
.nav li.webboard a {
	width:219px;
	background: url(../images_new/index/mu_webboard.png) 0 0 no-repeat;
}
.nav li.contact a {
	width:152px;
	background: url(../images_new/index/mu_contact.png) 0 0 no-repeat;
}
.nav li.ebook a {
	width:111px;
	background: url(../images_new/index/mu_ebook.png) 0 0 no-repeat;
}
.nav li.home a:hover, .nav li.about a:hover, .nav li.news a:hover, .nav li.line a:hover, .nav li.webboard a:hover, .nav li.contact a:hover, .nav li.teammanage a:hover {
	background-position: 0 -47px;
}
.nav li a.hover {
	background-position: 0 -47px;
	!important;
}
/*End header*/

/*Star container*/
#container {
	margin-top:12px;
}
#wrapper-container {
	width:978px;
	margin:0px auto;
}
#wrapper-container .container-slider {
	float:left;
/*	overflow:hidden;*/
}

.container-second {
	margin-top:10px;
}
.container-second .column {
	width:723px;
	float:left;
}
.container-second .column .status-news {
	background: url(../images_new/index/bg_statusnew.png) no-repeat;
	height:64px;
	z-index:102px; /*hide pagination*/
	position:relative;
}
.container-second .column .status-news .title {
	float:left;
	width:225px;
}
.container-second .column .status-news .text-run {
	float:left;
	margin-top:20px;
}
ul.marquee {
	/* required styles */
	display: block;
	list-style: none;
	line-height: 1.5;
	position: relative;
	overflow: hidden;
	/* optional styles for appearance */
	width: 490px;
	height: 22px; /* height should be included to reserve visual space for the marquee */
}
ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
	/* optional styles for appearance */
	font: 14px Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	padding: 3px 5px;
}
.activity {
	background:url(../images_new/index/bg_activity.png) no-repeat;
	width:723px;
	height:498px;
	margin-top:10px;
	padding:15px 0px 0px 0px;
	font-size:11px;
	
}
.activity .title{ margin-bottom:2px;}
.activity .title ul li {
	display:inline;
	list-style:none;
}
.activity .title ul li .text-activity{ float:left; }
.activity .title ul li .button-view{  float:right; margin-right:30px}
.activity .list-news { width:699px;}
.activity .list-news ul {
	display:inline;
	list-style:none;
}
.activity .list-news li {
	float:left;
	margin:5px 37px 0px 0px;
}
.activity .list-news .box {
	width:196px;
	float:left;
	height:215px;
	overflow:hidden;
}
.activity .list-news .box p {
	margin-top:2px;
	text-align:left;		   
}
.activity .list-news .box img {
	border:1px #7d911a solid;
}
.activity .list-news .box a {
	color: #7d911a;

}
.featured {
	margin:12px 0px 0px -9px;
	overflow:auto;
}
.featured ul {
	display:inline;
	list-style:none;
}
.featured li {
	float:left;
	margin-left:7px;

}
.nav-second {
	float:right;
	width:245px;
}
.nav-second .president {
	background:url(../images_new/index/bg_president.png) no-repeat;
	height:264px;
}
.nav-second .president h3, .nav-second .president h4 {
	text-align:center;
	height:26px;
	padding-top:7px;
	color:#425f26;
	font-weight:bold;
		font-size:15px;
}
.nav-second .president h4 {
	color:#fff;
	font-size:13px;
}
.img-pm {
	margin-top:14px;
	text-align:center;
}
.img-pm img {
	border:1px #9adc47 solid;
}
.nav-second .menu {
	padding:10px 15px 0px 15px;
	background:url(../images_new/index/bg_navmenu.png) no-repeat;
	height:437px;
	color:#fff;
	font-size:14px;
}
.nav-second .menu li {
	line-height:30px;
	display:block;
	border-bottom:1px #fff dashed;
	padding:3px 0px 3px 3px;
}
.nav-second .menu li span {
	margin-left:10px;
}
.nav-second .menu li a {
	text-decoration:none;
	color:#fff;
}
.nav-second .menu li a:hover {
	color:#8BC751;
}
.nav-second .menu li.none {
	display:block;
	border-bottom:0px;
}
.nav-second .menu .network {
	margin-top: 40px;
	margin-left:-5px;
}
.nav-second .menu .network ul {
	display:inline;
	list-style:none;
}
.nav-second .menu .network li {
	float:left;
	border:0px;
}
.network li a {
	display:block;
	text-decoration:none;
	height:32px;
}
.network li.signin a {
	width:141px;
	background: url(../images_new/index/img_login.png) 0 0 no-repeat;
}
.network li.signin a:hover {
	background-position: 0 -32px;
}
.panel {
	margin-top:10px;
	color:#fff;
	line-height:24px;
	font-size:14px;
}
.panel .serviceapt {
	background:url(../images_new/bg_prakard1.png) no-repeat;
	width:484px;
	height:430px;
	float:left;
}
.panel .plan01 {
    float: left;
    width: 484px;
}
.panel .plan02 {
    float: left;
    margin-left: 10px;
    width: 484px;
}

.panel .serviceapt span.title, .panel .servicekom span.title, .panel .servicebook span.title {
	text-align:right;
	float:right;
	width:100%;
	margin-bottom:5px;
}
.panel .serviceapt li, .panel .servicekom li {
	padding-left:18px;
	padding-right:18px;
	text-shadow: 1px 1px 1px #4cf000;
 filter:
 progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=2) progid:DXImageTransform.Microsoft.blur(pixelradius=0, enabled='true');
	zoom:1;
}
.panel .serviceapt li a, .panel .servicekom li a {
	text-decoration:none;
	color:#4c6000;
}
.panel .serviceapt li a:hover, .panel .servicekom li a:hover {
	color: #FC0;
}
.panel .servicekom {
	background:url(../images_new/bg_prakard2.png) no-repeat;
	width:484px;
	height:430px;
	float:left;
	margin-left:10px;
}
.panel .servicebook {
	background:url(../images_new/bg_prakard2.png) no-repeat;
	width:322px;
	height:430px;
	float:left;
	color:#603913;
	font-size:100%;
}
.panel .servicebook li {
	padding-left:18px;
	text-shadow: 1px 1px 1px #fff;
 filter:
 progid:DXImageTransform.Microsoft.Glow(Color=#ffffff, Strength=2) progid:DXImageTransform.Microsoft.blur(pixelradius=0, enabled='true');
	zoom:1;
}
.panel .servicebook li a {
	text-decoration:none;
	color:#603913;
}
.panel .servicebook li a:hover {
	color: #06F;
}
/*tab*/

.tab-news {
	margin-top:14px;
	width:726px;
	float:left;
}
.content-news, .content-newslink {
	background: url(../images_new/index/bg_gray.png) no-repeat;
	width:725px;
	height:131px;
	padding-top:70px;
	position:relative;
	z-index:1;
}
.content-news .button-view{
	position:absolute;
	z-index:4;
	top:17px;
	left: 653px;
}
.content-newslink ul{ float:left; padding-left:23px; }
.content-newslink li{ padding-bottom:10px;}
.content-newslink p{ text-align:center;}
.content-newslink a:hover p{ text-decoration:underline;}

.content-news ul li {
	display:inline;
	list-style:none;
}
.content-news li {
	float:left;
}
.content-news li .box {
	width:139px;
	height:112px;
	text-align:center;
	float:left;
	padding:0px 3px 0px 3px;
	overflow:hidden;
}
.content-news li .box p {
	padding-top:2px;
}

.counter {
	margin-top:15px;
	float:right;
	background:url(../images_new/index/bg_counter.png) no-repeat;
	width:247px;
	height:240px;
}
.counter .detail {
	line-height:30px;
	color:#603913;
}
.counter .detail ul {
	padding-left:20px;
	padding-top:50px;
	font-size:15px;
	font-weight:bold;
	list-style-type: none;
}

.counter .detail li.hightling {
	color:#f7941d;
}
.counter .detail li.green_hilight {
	color:#CC0;
}
.counter .detail li.brown_hilight {
	color:#600;
}
.counter .detail li.brown_hilight span {
	color:#fff;
	padding-left:10px;
}
.counter .detail li.hightling span {
	color:#fff;
	padding-left:10px;
}

#footer {
	background:url(../images_new/index/bg_footer.png) no-repeat;
	min-height: 374px;
    background-color: #24160b;
	margin-top:12px;
	font-size:14px;
}
#footer-in {
	background: url(../images_new/index/bg_footer2.png) no-repeat;
	height:137px;
	margin-top:12px;
	font-size:14px;
}
#footer-in .copyright {
	text-align:center;
	color:#fff;
	font-size:14px;
	margin-top:35px;
	line-height:25px;
}
#wrapper-footer {
	width:978px;
	margin:0px auto;
	overflow:auto;
}
.primary {
 	padding-left: 30px;
    width: 850px;
	float:left;
	margin-top:90px;
}
.primary .col-one, .primary .col-two {
	display:block;
	float:left;
	line-height:25px;
	width:170px;
}
.primary .col-two {
	margin-left:80px;
}
.primary .col-one ul li {
	list-style:disc inside;
	color:#ffff00;
}
.primary .col-one ul li a {
	color:#ffff00;
}
.primary .col-one ul li a:hover {
	text-decoration:underline;
}
.primary .col-two ul li {
	list-style:disc inside;
	color:#bdbc72;
}
.primary .col-two ul li a {
	color:#993300;
}
.primary .col-two ul li a:hover {
	text-decoration:underline;
}
.second {
	width:260px;
	float:right;
	color:#fff;
	line-height:25px;
    margin-top: 70px;
}
.second .link li {
	list-style-image:url(../images_new/index/bullet_add.png);
	list-style-position:inside;
	padding:5px;
0px 0px;
10px;
}
.second .link li a {
	color:#3b3b00;
}
.second .link li a:hover {
	text-decoration:underline;
}
.copyright {
    color: #3B3B3B;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
}

.institution {
	background:url(../images_new/index/bg_govtld.png) no-repeat;
	height:172px;
	margin-top:-5px;
	overflow:hidden;
}
.other {
	background:url(../images_new/index/bg_othergov.png) no-repeat;
	height:172px;
	margin-top:12px;
    position:relative;
	overflow:hidden;
}
.other .view {
	position:absolute; right:10px; top:10px; z-index:99;
}	
/*=======portlet=======*/
.portlet {
	margin:-5px 0px 15px 0px;
	color:#603913;
	overflow:hidden;
	width: 984px;
}
.portlet ul {
	list-style:none;
	display:block;
}
.portlet li{ float:left;}

.column-oil, .column-exchange, .column-share, .column-season {
    width:240px;
    float:left;
    overflow:hidden;
    padding-left:4px;
}
.column-oil ul, .column-exchange ul, .column-season ul, .column-share ul {
	padding: 0px 1px;
}
.column-oil table, .column-exchange table, .column-season table, .column-share table {
	width:100%;
	text-align:center;
	border-collapse: collapse;
	padding: 0;
	border-spacing: 0;
}
.column-oil tr {
	line-height:20px;
}
.column-exchange tr {
	line-height:30px;
}
.column-season tr {
	line-height:18px;
}
.column-oil td {
	padding-right:5px;
}
.column-season td {
	padding:1px 3px;
	padding-left:3px;
}
.column-season td img {
	margin:0;
	padding:0;
}
.column-share td {
	padding:4px;
}
.column-season td.blue {
	color:#00F;
	font-weight:bold;
}
.column-season td.red {
	color:#F00;
	font-weight:bold;
}
.column-exchange tr.odd, .column-season tr.odd, .column-oil tr.odd {
	background:#fbf6f2;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
	border-collapse:collapse;
}
.column-exchange tr.even, .column-season tr.even, .column-oil tr.even {
	border-bottom:1px solid #f4f4f4;
}

/*banner link-other*/
.banner{ height:205px; overflow:hidden; padding-left:45px;}
.banner ul{ list-style:none; margin-top:5px;}
.banner li{  display: inline-block; margin-right:5px; margin-bottom:5px;}

#point1.column-oil:hover {
	width:240px;
	height:340px;
	overflow:visible;
	background-color:#fff;
	margin-right:6px;
}

#point3.column-share:hover {
	width:240px;
	height:250px;
	overflow:visible;
	background-color:#fff;
	margin-right:6px;
}

#point4.column-season:hover {
	width:240px;   
	height:300px;
	overflow:visible;
	background-color:fff;
	
}

.banner-content {
	overflow: hidden;
	margin-top:-35px;
	position:relative;
	z-index:1;
}

.banner-content .logo {
	position:absolute;
	z-index:2;
	bottom: 35px;
}

.banner-content .title {
	position:absolute;
	z-index:3;	
	left: 141px;
	top: 240px;
}

.banner-content .title h1{
	font-weight:normal; font-size:36px; color:#FFCD0D;
	text-shadow: 1px 1px 1px #000;
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=2) progid:DXImageTransform.Microsoft.blur(pixelradius=0, enabled='true');
	zoom:1;
	line-height:50px; display:block;		
}
.banner-content .menu{
		background: url(../images_new/bg_menuboard.png) no-repeat; 
		width:508px; height:56px;
		position:absolute; right:10px; z-index:3; bottom: 35px;	
		padding: 7px 0px 0px 6px;
}
.banner-content .menu ul{
		display:inline;
		list-style:none;
}

.banner-content .menu li{ float:left; padding-left:5px;}
.banner-content .menu li a {
	display:block;
	text-decoration:none;
	height:42px;
}
.banner-content .menu li.webboard a {
	width:216px;
	background: url(../images_new/bt_webboard.png) 0 0 no-repeat;
}
.banner-content .menu li.ability a {
	width:269px;
	background: url(../images_new/bt_ability.png) 0 0 no-repeat;
}
.banner-content .menu li.webboard a:hover, .banner-content .menu li.ability a:hover {
	background-position: 0 -42px;
}

.banner-content .flow { background:#663300; line-height:31px; color:#fff; padding-left:15px;  }
.article{ margin-top:10px;}
.article .title{ background:url(../images_new/index/title_article.png) no-repeat; line-height:47px; overflow: hidden; color:#663300;}
.article .title2{ background:url(../images_new/index/title_article2.png) no-repeat; line-height:47px; overflow: hidden; color:#663300; height:10px;}
.article .title ul{ list-style:none; display:inline-block; padding-left:15px;}
.article .title li{ float:left; margin-right:20px;}
.article .title li a{ color:#663300; text-decoration:none;}
.article .title li a:hover{ color:#7d911a; text-decoration:underline;}

.article .content { padding:10px 15px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background:#fff; line-height:1.4em;}
.article .content >li{ list-style:none;}
.banner-content .title {
	position:absolute;
	z-index:2;
	bottom: 35px;
}

.article .bottom{
	margin-top:-1px;
}

.brown_text {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #663300;
	font-size: 18px;
}

.butn {
	color: #000000;
	font-family: "Tahoma";
	font-size: 10pt;
	font-style: normal;
	background-image: url(../images_new/butn_bg.gif);
	border-right: thin outset;
	border-left: thin outset;
	font-weight: normal;
	text-align: center;
}

.article .content {
	padding:10px 15px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#fff;
	line-height:1.4em;
}

.article .content ul {
	padding-top:10px;
	list-style:none;
}

.article .content li {
	display:block;
	/*border-bottom:solid #CCC 1px;*/
}


.article .content ul li .csr-content {
	padding:10px;
	overflow: auto;
	height:40px;
}



.article .content ul li .csr-content2 {
	padding:10px;
	overflow: auto;
	height:40px;
}


.article .content .csr-content:hover , .article .content .csr-content2:hover{
	background-color: #CCC;
}

.article .content ul li .csr-content img , .article .content ul li .csr-content2 img {
	float:left;
	padding-right:10px;
}


.article .content ul li .csr-content a , .article .content ul li .csr-content2 a {
	color: #559300;
	font-weight: bold;
}


.article .content ul li .csr-content a:hover , .article .content ul li .csr-content2 a:hover {
	color: #630;
	font-weight: bold;
	text-decoration: underline;
}

.article .content ul li .csr-content p a , .article .content ul li .csr-content2 p a {
	color: #390;
	font-weight: bold;
}

.article .content ul li .csr-content p a:hover , .article .content ul li .csr-content2 p a:hover {
	color: #630;
	font-weight: bold;
	text-decoration: underline;
}

.green_bg{
	background-color: #CF9; 
}
<!-- use in <li> -->

.yellow_bg{
		background-color: #FFC;	
}
<!-- use in <li> -->


.article .content .counter-view { 
	overflow:auto; 
	border-top:1px solid #CCCCCC;  
	padding-top:5px; margin-top:10px; 
    margin-top: 10px;
    overflow: hidden;
    padding-top: 5px; 
}
.article .content .counter-view li{ 
	display:inline; float:left; padding-left:3px;
	border-bottom: 0px;
    display: block;
}
.article .content .counter-view li span { padding:0px 5px; font-weight:bold; color:#673b15;}
.article .content .counter-view ul{ float:right;}

.list-menu {
    float:left;
    margin-right:10px;
    width:240px;
}
ul.menu-service {
    background:url(../images/bg_panel.jpg) no-repeat;
    width:240px;
    padding:10px 5px 0px;
    min-height:342px;
	max-height:931px;

}
ul.menu-service li {
    border-bottom: 1px dashed #FAFAFA;
    line-height: 20px;
    padding: 5px 0;
    list-style-image:url(../images/panel_panel.png);
    list-style-position:inside;
}
.list-data {
    float:right;
    width:678px;
}
.list-data table {
    width:100%;
    border-collapse:collapse;
    padding:0;
}
.list-data table th {
    text-align:left;
    background:url(../images/top_list_data.jpg) repeat-x;
    line-height:35px;
    color:#FFF;
    padding:0px 5px;
}
.list-data table td {
    padding:4px;
    line-height:25px;
    border-bottom:1px solid #dedede;
}
.list-data table tr.even {
    background:#f1e6d1;
}
.list-data table tr:hover {
    background:#eff4d5;
}
ul.menu-service li a {
    color:#FFF;
    font-size:14px;
}
ul.menu-service li a:hover {
    color:#599100;
}
ul.menu-service li:hover {
    background:#f3f5ea url(../images/bg_panel_hover.jpg) left top no-repeat; color:#599100;
}
ul.menu-service li:hover a{color:#599100;}
ul.amount {
    background:url(../images/bg_amount.jpg) no-repeat;
    width:231px;
    height:84px;
    padding:3px 10px;
}
.article .title .search {
    float:right;
    padding: 8px 15px 0;
    position:relative;
}
.article .title .search input[type="text"] {
    background: url(../images/bg_field_search.jpg) no-repeat;
    line-height:32px;
    width:265px;
    height:32px;
    border:none;
    padding:0px 0px 0px 5px;
    margin-right:50px;
    color:#646464;
}
.article .title .search .search-list {
    background: url(../images/btn_search_g.jpg) no-repeat;
    width:50px;
    height:32px;
    border:none;
    position:absolute;
    right: 15px;
    top: 8px;
}
.frame { overflow:hidden;}
.list-data table tr.none:hover, .list-data table tr.none td { background:#fff; border-bottom:none;}

.counter-view { overflow:hidden;}
.counter-view table{ min-width:160px; text-align:right; color:green; }
.comment {
	overflow:hidden;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	border: 1px solid #FAFAFA;
	background:#F0F0F0;
	padding:10px;
	zoom: 1;
	position: relative;
	margin:20px 0px;
	line-height:28px;
}
.comment input[type="text"] { padding:0.308em;}
.comment li {
	display:inline-block;
	float:left;
	padding:0px 5px;
}
.comment p {color:#24160B;}
.link-related em{ font-style:normal; font-weight:bold;  }
.link-related li{ list-style-type:square; list-style-position:inside;}
.address{ text-align:center; margin-top:10px; padding-top:10px; border-top:1px solid #CCCCCC; }
ul.amount li, .link-related li, .address li, .comment li{ border-bottom:none;}
.link-related { margin-top:20px;}
.bg_right_title {
    background-image: url("http://www.muangphon.go.th/style/images/vmenublockheader.png");
    background-repeat: repeat-x;
    color: #50FA22;
    font-weight: bold;
    line-height: 28px;
    padding-left: 24px;
}
.bg_leftmenu_r {
    background-image: url("http://www.muangphon.go.th/images/image_base_bar_r.gif");
    color: #C0C0C0;
    line-height: 28px;
    padding-left: 30px;
}