@charset "utf-8";
body {
	background-color:#FFF;
	color:#222;
	font-family: Tahoma;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	width: 100%;
	height: 100%;
}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}
hr{
	margin-top: 15px;
}
img {
	border: none;
}
a:hover img, a:focus img {
	filter: alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

/********************** All ***************************/
.lbg {
	background: url(../images/l_bg.jpg) repeat-y right;
}

.rbg {
	background: url(../images/r_bg.jpg) repeat-y left;
}


/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	width: 820px;
	height: 400px;
	position: relative;
}
#header ul{
	background-color:#006A96;
	width: 810px;
	border-top: 5px solid #cdcdcd;
	border-left: 5px solid #cdcdcd;
	border-right: 5px solid #cdcdcd;
	border-bottom: 0px solid #cdcdcd;
	display:block;
	top: 335px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height: 22px;
	padding:7px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 10px;
	font-weight:bold;
}
#header ul a:hover{
	text-decoration:underline;
	color:#B6E0E4;
}
#header_text {
	top: 275px;
	left: 15px;
	width: 300px;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#header_text p{
	font-size: 18px;
	color:#FFFFFF;
}
#header_text a{color:#28556b;}
#header_text a:hover{color:#c77e0c;}
#fill {
	height: 33px;
	width: 810px;
	border-left: 5px solid #cdcdcd;
	border-right: 5px solid #cdcdcd;
	position: absolute;
	top: 367px;
}

/********************** Sider ***************************/
#sider {
	vertical-align: top;
}

#sideup {
	height: 270px;	
	/*border: 0px 15px 0px 10px;*/
	background: #e4e7db url(../images/white10.gif) repeat-x top;
}
#sideup .box {
	margin: 0px 15px 15px 10px;
}
#sideup .bg {
	height: 91px;
	text-align: center;
	background: #e4e7db url(../images/sideup_bg.jpg) repeat-x;
}
#login {
	width: 160px;
	margin: 8px 5px 0px;
	text-align: left;
	font-size: 12px;
	color: #FB0817;
	clear: both;
}

#login table {
	width: 160px;
	height: 83px;
}

.line{
	height: 1px;
	width: 160px;
	background: #BCBEB7;
}
#user{
	width: 104px;
	height: 13px;
	border: 1px solid #666666;
	background: url(../images/login_boxbg.gif) repeat-x;
	margin: 0px 3px 1px 0px;
}
#pwd{
	width: 68px;
	height: 13px;
	border: 1px solid #666666;
	background: url(../images/login_boxbg.gif) repeat-x;
}


.up_bot {
	background: url(../images/sideup_bot.jpg);
}

.sidebox {
	margin: 0px 15px 15px 10px;
}
.sidebox table {
	width: 190px:
}

.sidebox h2 {
	font-size: 12px;
	color: #663300;
	font-family: Verdana, Tahoma, arial;
	font-weight: bold;
	margin: 0px auto 8px;
}
.sidebox h2 .th {
	font-size: 14px;
	color: #003300;
	font-family: Tahoma, Verdana, arial;
	font-weight: bold;
	margin: 0px auto 8px;
}
.sidebox h2 .th2 {
	font-size: 14px;
	color: #803702;
	font-family: Tahoma, Verdana, arial;
	font-weight: bold;
	margin: 0px auto 8px;
}

.sidebox p {
	text-align: left;
	width: 160px;
	margin: 6px 0px 5px 0px;
}

.sidebox .tt {
	font-weight: bold;
	color: white;
	padding-bottom: 2px;
}

.enwsbox {
	height: 120px;
	vertical-align: top;
	background-color: #ffe98f;
}

.enwsbox p{
	width: 100px;
	float: right;
	color: #E20A16;
	text-align: right;
	font-size: 12px;
	margin: 4px 4px 0px 0px;
}
.enwsbox a, .enewsbox a:link {
	color: black;
	font-size: 12px;
	text-decoration: none;
}
.enwsbox a:hover, .enewsbox a:visited {
	color: #B30C15;
	text-decoration: none;
}

.grtbox {
	background: #c1d837;
}
.svcbox {
	background: #fda160;
	text-align: center;
}
.svcbox a, .svcbox a:link {
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding-top: 2px;
}
.svcbox a:hover, .svcbox a:focus {
	color: #1A6A6B;
	text-decoration: none;
}

.spcbox{ background-color:#fdd4e6;}
.spcbox a, .svcbox a:link {
	font-size: 13px;
	font-weight: bold;
	color: red;
	text-decoration: none;
	padding-top: 2px;
}
.sidebox .more {
	width: 150px;
	text-align: right;
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

.sidebox .more a, .sidebox .more a:link {
	font-size: 12px;
	text-decoration: underline;
	color: #121212;
}
.sidebox .more a:hover, .sidebox .more a:visited {
	text-decoration: underline;
	color: #FB0817;
}


/********************** Content ***************************/
.subhead {
	background: #514f4d;
	height: 275px:
}
.subhead_bot {
	background: url(../images/subhead_bot.jpg);
}
.subhead_left {
	background: url(../images/subhead_left.jpg) repeat-y;
}

.title {
	color:#2A2829;
	font-size:18px;
	font-weight:bold;
	width: 545px;
	background: url(../images/titlebg.jpg) repeat-x;
}
.title img {
	margin: 0px 5px 0px 25px;
}
.content p {
	width: 495px;
	margin: 15px 10px;
}
/*.content ul {
	width: 475px;
	margin: 0px 10px 5px 15px;
}
.content ul li{
	margin: 0 10px 5px 10px;
	padding: 0 10px 0 10px;
	list-style:square;
	list-style-image: url(../images/man-bullet.png);
}*/

.content ul {
	width: 475px;
	margin: 0px 10px 5px 15px;
	padding: 0;
	list-style-type:none;
}
.content ul li{
	background: url(../images/man-bullet.png) no-repeat 0 100%;
	background-position:top;
	background-position:left;
	margin: 10px 10px 5px 10px;
	padding: 5px 10px 0 30px;
}

#content{

}
#content p {
	width: 495px;
	margin: 15px 10px;
}
#content ul {
	width: 475px;
	margin: 15px 10px 10px 15px;
	position: relative;
	/*list-style-image: url(../images/bullet.gif);
	list-style-image: url(../images/man-bullet.png);*/
	list-style:none;
}
#content ul li{
	margin: 0 10px 10px 10px;
	padding: 0px;
}
#content ul ul{
	list-style-image: url(../images/bulletsub.gif);
}

#content li {
	color: #333;
}

.violet{color:#800080; font-weight:bold;}
.pink{color:#ff00ff; font-weight:bold;}
.blue{color:#052af1; font-weight:bold;}
.green{color:#339966; font-weight:bold;}
.orange{color:#ff9900; font-weight:bold;}

.cont_l {
	background: url(../images/cont-left.jpg) left no-repeat;
}
.cont_r {
	background: url(../images/cont-right.jpg) right no-repeat;
}

#right_cont{
	margin: 0px 10px;
	background: #46c3d3;
}
#right_cont th{
	/*color: #F78625;*/
	color:#000033;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 18px;
}
#right_cont .spriter{
	height: 2px;
	border-bottom: 2px dotted #FFF;
}

.prom_blog {
	padding: 15px 0px 5px;
	vertical-align: top;
	border-bottom: 1px dotted #FFF;
}
.prom_blog img {
	position: relative;
	float: left;
	margin-left: 4px;
}
.prom_blog p {
	width: 113px;
	font-size: 12px;
	margin: -4px 2px 0px 4px; 
	position: relative;
	float: right;
}

.prom_blog a, .prom_blog a:link {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.prom_blog a:hover, .prom_blog a:visited {
	color: #FB0817;
	text-decoration: underline;
}
.prom_blog .lnk1 a, .prom_blog .lnk1 a:link {
	color: #780032;
}
.prom_blog .lnk1 a:hover, .prom_blog .lnk1 a:visited {
	color: #780032;
}

.prom_blog .lnk2 a, .prom_blog .lnk2 a:link {
	color: #780032;
}
.prom_blog .lnk2 a:hover, .prom_blog .lnk2 a:visited {
	color: #780032;
}

.prom_blog .lnk3 a, .prom_blog .lnk3 a:link {
	color: #780032;
}
.prom_blog .lnk3 a:hover, .prom_blog .lnk3 a:visited {
	color: #780032;
}
.prom_blog .more {
	width: 195px;
	color: #FB0817;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 5px 4px 0px;
	text-align: right;
	position: relative;
	float: right;
}
.prom_blog .more a, .prom_blog .more a:link {
	color: #121212;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.prom_blog .more a:hover, .prom_blog .more a:visited {
	color: #FB0817;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}


h1{
	color:#E30919;
	font-size:14px;
	font-weight:bold;
	margin: 10px 0px 10px 0px;
}
h2{
	color:#E30919;
	font-size:14px;
	margin: 10px 0px 15px 0px;
}
/*h4{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height: 20px;
	margin: 20px 0px 15px 0px;
	text-align: center;
}
h5{
	color: #232323;
	font-size:12px;
	font-weight:bold;
	margin: 14px 0px 0px 0px;
}
.sub{
	font-size:11px;
	margin-left:30px;
	margin-top: 6px;
	margin-bottom: 10px;
	color:#444;
}
.subsub{
margin-left:30px;
margin-bottom: 10px;
color:#376866;
}
list.num{
margin-left: 8px;
list-style-type:decimal;
padding:0px;
}
.num li{
margin: 0px 0px;
}
*/

/********************** Footer ***************************/

#footer {
	width: 100%;
	height: 14px;
	font-size: 10px;
	color: white;
	text-align: center;
	padding: 10px 0px;
	background: #FB0817 url(../images/foot_bg.jpg) repeat-x;
}

#footer a, #footer a:link {
	color: #DDD;
	text-decoration: underline;
}
#footer a:hover, #footer a:focus {
	color: #312F2D;
	text-decoration: underline;
}

.top-bck{background: url(../images/top-bck.png);}
.top-bck-2{ margin:0; padding:0; background: url(../images/top-bck-2.png); }
a#thai{float:left; maring-top:0px; margin-left:627px; padding:0px; width:66px; height:17px; }
a#en{float:left; maring-top:0px; margin-left:1px; padding:0px; width:66px; height:17px; }

.container {clear:both; width: 765px; margin: 0 auto; padding-top: 19px; }

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 765px;
	list-style: none;
	position: relative;
	font-size: 12px;
	
	/*background: url(topnav_stretch.gif) repeat-x;*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	/*border-right: 1px solid #555;*/
}
ul#topnav li a {
	padding: 7px 7px;
	display: block;
	/*color: #f0f0f0;*/
	color:#000;
	text-decoration: none;
}
ul#topnav li#about:hover { background: #ff0000; }
ul#topnav li#service:hover { background: #0262ca; }
/*ul#topnav li#service:hover a{ color:#f0f0f0; }*/
ul#topnav li#promotion:hover { background: #facc0a; }
ul#topnav li#news:hover { background: #fc6800; }
ul#topnav li#newsletter:hover { background: #b5bf33; }
ul#topnav li#webboard:hover { background: #fa3965; }
ul#topnav li#job:hover { background: #fff300; }
ul#topnav li#contact:hover { background: #68ccff; }
ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:28px;
	display: none;
	width: 765px;
	/*background: #1376c9;*/
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span#about { display: block; background: #ff0000; }
ul#topnav li:hover span#service { display: block; background: #0262ca; }
ul#topnav li:hover span#promotion { display: block; background: #facc0a; }
ul#topnav li:hover span#news { display: block; background: #fc6800; }
ul#topnav li:hover span#newsletter { display: block; background: #b5bf33; }
ul#topnav li:hover span#webboard { display: block; background: #fa3965; }
ul#topnav li:hover span#job { display: block; background: #fff300; }
ul#topnav li:hover span#contact { display: block; background: #68ccff; }
ul#topnav li span a { display: inline; color:#000; font-weight:bold; }
ul#topnav li span a:hover {text-decoration: underline;}

.tabular {
margin-top:5px;
width:100%;
font-family:Tahoma;
font-size:12px;
}
.tabular caption{
font-weight:bold;
padding:10px;
}
.tabular td, .tabular th {
padding:7px
}
.tabular td{
border-bottom:1px dashed gray;
vertical-align:top;
}
.tabular th {
background-color:#61b1c5;
text-align:left;
font-weight:bold;
color:#000;
}
.tabular td.th {
background-color:#ccc;
text-align:left;
font-weight:bold;
color:#000;
border-bottom:1px solid gray;
}
#form{/*width: 500px;*/}
#form div{margin-top: 1em;}
#form fieldset{margin: 0; padding: 1em ; border:1px solid #dedede; width: 500px;}
#form fieldset legend{}
#form fieldset legend div{margin-top: 1em;}
#form fieldset h3{	}
#form fieldset div.help{margin-left: 0; font-weight: bold;}
#form fieldset label{clear:both; margin-top: 1em;display: block; font-weight: bold;}
#form fieldset input.text{width:480px;}
#form fieldset textarea{width:480px;}
/* Error Styling */
#form fieldset.error,
#form fieldset.error legend,
#form fieldset.error div.help{color: #ff0000;}
#form fieldset label.error{margin: 0; padding: 0; display: block; color: #cc0000;}
#form fieldset input.error{border:1px solid #cc0000;}

.button{	margin: 5px 5px 0 0;padding: 5px;/*width: 90px;height:22px;*/background-color:#e6e6e6;	border: solid 1px #ccc;}