* {margin: 0px;padding: 0px;}
body {font-size:1em;background:url(../image/bg.gif) repeat-x;background-color:#6a7f9b;font-family: "Microsoft Sans Serif", Tahoma, AngsanaUPC;}
.clear{clear:both;}
em{display:none;}
/*****************************************/
/**************CONSTRUCTION.html*****************/
/*****************************************/
#bgc{width:100% margin-left:auto;margin-right:auto;background:url(../image/bg_construction.jpg) repeat;}
#bgc #wrapper {width:500px;margin-left:auto; margin-right:auto;}
#bgc #wrapper img{margin-top:149px;}
/*****************************************/
/**************index.html*****************/
/*****************************************/
#content{width:1000px; margin-left:auto;margin-right:auto;}
h1#logo{background:url(../image/logo.jpg) no-repeat; width:373px; height:121px;float:left;}
#header{width:595px; height:56px;float:right;background:url(../image/bg_header.gif) repeat-x;text-align:right;color:#cfe7ff;padding-top:65px; font-size:12px;padding-right:30px;}
#header img{width:24px; height:17px;padding-right:5px;  border:0px;}
#flash{width:1000px;height:268px;}
h2#headerbody{background:url(../image/h2.jpg) ;width:1000px;height:53px;}
h2#headerbodyt{background:url(../image/h2t.jpg) ;width:1000px;height:53px;}
dl.box{width:1000px; background:url(../image/bg_box.gif) repeat;color:#FFFFFF; font-size:13px;}
dl.box dd.contentbody1{width:293px; float:left;list-style:none;padding-top:30px;padding-left:20px;padding-right:20px;padding-bottom:30px;}
dl.box dd.contentbody2{width:302px; float:left;list-style:none;padding-top:30px;padding-left:20px;padding-right:12px;padding-bottom:30px;}
dl.box dd.contentbody2 a{margin-left:160px;margin-top:20px;}
dl.box dd.contentbody1 ul{padding-left:10px;padding-bottom:15px;}
.image_shadow{background:url(../image/shadow.jpg) no-repeat; width:154px;height:110px;float:left;}
.image_shadow img{padding-left:8px;margin-top:7px;}
 span.yellow_no{color:#FFCC00;font-weight:bold;}
 span.yellow{color:#FFCC00;font-weight:bold;text-decoration:underline;}
#footer{width:100%;background:url(../image/bg_footer.gif) repeat-x; height:77px;}
#footer .allfooter{margin-left:auto; margin-right:auto; width:1000px;}
#footer a{text-decoration:none;color:#00CCFF;}
#footer a:hover{text-decoration:underline;color:#00CCFF;}
span.footerbox{width:334px; height:47px; padding:15px 0; float:left; font-size:12px;color:#fff;text-align:center;}
span.footerbox2{width:332px; height:47px; padding:15px 0;float:left; font-size:12px;color:#fff;text-align:center;}
/*****************************************/
/**************profile.html*****************/
/*****************************************/
.clear_profile{clear:both; border-bottom:dashed 1px #000;}
#contentprofile{background:url(../image/profile_bg.gif) repeat-y;width:1000px; }
#content h2#profileheader{background:url(../image/h2_bg.gif) repeat-x;width:980px; height:33px; font-size:14px; color:#ffffff;padding-top:20px;padding-left:20px;}
.box_profile{background:url(../image/bg_box2.gif) repeat; margin-left:33px; width:923px; margin-top:20px;}
.shadow{background:url(../image/frame_profile.jpg) no-repeat; width:179px; height:153px;float:left; margin-left:20px;margin-top:10px;margin-bottom:10px;}
.shadow img{margin-left:11px;margin-top:13px;}
.detail_profile{float:left;margin-top:10px;height:153px;width:684;margin-bottom:10px; text-align:left; padding-left:20px;padding-right:20px; font-size:13px;}
.detail_profile img{margin-left:450px; margin-top:10px;}
#footer_profile{width:780px; height:39px;background:url(../image/footer_profile.jpg) no-repeat;padding-top:105px;  text-align:right;  padding-right:220px;color:#FD811D;font-size:10px; font-weight:bold; text-decoration:none}
#footer_profile a{color:#FD811D;font-size:10px; font-weight:bold; text-decoration:none;}
#footer_profile  a:hover{text-decoration:underline; color:#fff;}
span.sub{color:#003399; font-weight:bold; width:200px; float:left;}
.bgprofile{width:100%;height:100%;background:url(../image/bg_profile_page.gif) repeat-x;}
.backtop{text-align:center;margin-top:15px; margin-bottom:15px;}
.backtop a{color:#003399;font-size:11px;font-weight:bold;}
.backtop a:hover{color:#FFCC00;font-size:11px;font-weight:bold;}
/*****************************************/
/**************gallery.html*****************/
/*****************************************/
#contentgallery{background:url(../image/bg_gallery.gif) repeat-y;width:900px; }
#contentgallery #wrappergallery{ width:884px; margin-top:10px;margin-left:27px;}
#contentgallery #wrappergallery  .top{background:url(../image/gallrytop.gif) no-repeat; width:884px; height:40px; margin-left:27px;}
#contentgallery #wrappergallery  .content {background:url(../image/gallery_bg.gif) repeat-y; width:884px;margin-left:27px; }
#contentgallery #wrappergallery  .content .photo img{margin-top:10px; margin-bottom:10px; margin-left:80px;  border: #000 1px solid; float:left;}
#contentgallery #wrappergallery  .content  .detail{width:500px;color:000;float:right; font-size:14px; margin-top:10px;}
#contentgallery #wrappergallery  .content  .detail .topic{color:#5397d1; font-weight:bold; font-weight:15px;}
#contentgallery #wrappergallery  .content  .detail .topichead{color:#000; font-weight:bold; font-size:14px; }
#contentgallery #wrappergallery  .bottom{background:url(../image/gallery_footer.gif) no-repeat; height:36px; width:884px; margin-left:27px; margin-bottom:10px;}
/*#contentgallery #wrappergallery img{ margin-left:10px;}*/
#footergallery{width:780px; height:39px;background:url(../image/footer_gallery.jpg) no-repeat;padding-top:105px;  text-align:right; padding-right:220px;color:#fd811d;font-size:10px; font-weight:bold; text-decoration:none;}
#footergallery a{ color:#fd811d; font-weight:bold; text-decoration:none;}
#footergallery a:hover{color:#FFF; }
.current{color:#999999;}
/*****************************************/
/**************projectinfo.html*****************/
/*****************************************/

#contentgallery #wrappergallery  .contentinfo {background:url(../image/gallery_bg.gif) repeat-y; width:884px;margin-left:27px; }
#contentgallery #wrappergallery  .contentinfo table tr td .photo img{margin-top:15px; margin-bottom:10px; /*margin-left:20px;*/ border: #000 1px solid; float:left; margin-right:30px;}
#contentgallery #wrappergallery  .contentinfo  ul.listing{float:left; font-size:14px; margin-top:10px;}
#contentgallery #wrappergallery  .contentinfo  table tr td h3{color:#fff;font-size:15px;background:#08829b;float:left; width:810px; padding:5px 10px; margin-left:10px;}
#contentgallery #wrappergallery  .contentinfo table tr table  li{color:#000;  font-size:14px; float:right; width:620px; padding:3px 0;}
/*#contentgallery #wrappergallery img{ margin-left:10px;}*/
#footerinfo{width:780px; height:39px;background:url(../image/footer_info.jpg) no-repeat;padding-top:105px;  text-align:right; padding-right:220px;color:#fd811d;font-size:10px; font-weight:bold; text-decoration:none;}
#footerinfo a{ color:#fd811d; font-weight:bold; text-decoration:none;}
#footerinfo a:hover{color:#FFF; }
/*****************************************/
/**************contact.html*****************/
/*****************************************/
#contentgallery{background:url(../image/bg_gallery.gif) repeat-y;width:1000px; }
#contentgallery p.box2 {margin-left:50px;margin-right:50px;}
#contentgallery p.box2 iframe{border:#000000 1px solid;}
#contentgallery p.box2 a{padding-left:430px; color:#006699; font-size:12px;}

#footer_contact{width:380px; height:277px;background:url(../image/footer_contact.jpg) no-repeat;padding-top:50px; padding-left:400px; padding-right:220px;color:#006699; font-size:13px; font-weight:bold; text-decoration:none; margin:0 auto;}
/*****************************************/
/**************company.html*****************/
/*****************************************/
#footercompany{width:1000px; height:402px;background:url(../image/footer_company.jpg) no-repeat;color:#fff;font-size:10px; font-weight:bold; text-decoration:none;}
#footercompany img{float:left; margin-right:50px; padding-top:10px;}
#footercompany  p.detail{margin-left:269px; padding-top:10px;width:428px; text-align:left; font-size:14px; color:#000; font-weight:lighter;}
/*****************************************/
/**************upload.html*****************/
/*****************************************/
dl.contentupload {background:#efefef; border:#1f79d0 1px solid; width:600px; margin:0px auto;}
dl.contentupload dt{color:#1f79d0; font-size:13px; padding-left:15px; display:block; border-bottom:#1f79d0 1px solid;padding-top:15px; padding-bottom:15px; font-weight:bold;}
dl.contentupload dd{color:#999999; font-size:12px; float:left; padding-left:15px;margin-right:10px; padding-top:10px; }
dl.contentupload dd input{width:250px;}
dl.contentupload dd img{margin:5px 65px; }
/*****************************************/
/**************service.html*****************/
/*****************************************/
#footerservice{width:1000px; height:458px;background:url(../image/footer_service.jpg) no-repeat;color:#fff;font-size:10px; font-weight:bold; text-decoration:none;}
#footerservice ul.detail{padding-left:80px; padding-top:135px; font-size:14px; width:600px; color:#FFCC00}
#footerservice ul.detail li{padding-top:4px; float:left; padding-right:20px; color:#fff; width:250px; font-weight:lighter;}
#footerservice ul.detail li.long{padding-top:7px; float:left; padding-right:20px; color:#fff; width:500px; font-weight:lighter;}
/*****************************************/
/**************link.html*****************/
/*****************************************/
#footerlink{width:1000px; height:458px;background:url(../image/footer_link.jpg) no-repeat;color:#fff;font-size:10px; font-weight:bold; text-decoration:none;}
#footerlink ul.link{padding-top:180px; padding-left:250px;font-size:15px; width:600px; color:#FFCC00}
#footerlink ul.link li{padding-top:4px; float:left; padding-right:20px; color:#fff; width:250px; font-weight:lighter;list-style:none;}
#footerlink ul.link li a{color:#fff; font-weight:bold; text-decoration:underline;}
#footerlink ul.link li.name{padding-top:4px; float:left; padding-right:20px; color:#006699; width:300px; font-weight:bold;}
#footerlink #footer_link{clear:both;color:#FD811D;margin-bottom:0pt;margin-left:auto;margin-right:auto;margin-top:0pt;padding-top:10px;text-align:right;width:560px;}
#footerlink #footer_link a{color:#FD811D;}
#footerlink #footer_link a:hover{color:#fff;}
/*****************************************/
/**************maintain*****************/
/*****************************************/

.backendleft{float:left;width:300px; margin-top:15px;margin-left:15px; margin-bottom:100px;}
.backendleft h3{color:#FFCC00; font-size:15px;}
.backendleft  span.what a{font-size:11px; color:#FFCC00;}
.backendleft  a{color:#CEF4FF; font-size:14px;}
.backendleft  a img{border:0px; margin-left:5px;}
.backendright{float:right;width:650px;background:#fff;margin-top:15px;margin-right:10px;margin-bottom:100px;}
BODY#maintain{
	SCROLLBAR-FACE-COLOR: #b6b6b6; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #b6b6b6; SCROLLBAR-3DLIGHT-COLOR: #8b8b8b; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #cdcdcd; SCROLLBAR-DARKSHADOW-COLOR: #8b8b8b
}
.TableHeader {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7a7a7a; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #CCCCCC
}
.TableHeaderNew {
	FONT-WEIGHT: bolder; FONT-SIZE: 11px; COLOR: #339966; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #CDCDCD
}
.TableDetail_0 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #F4F4F4; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.TableDetail_1 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #7a7a7a; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F0F0F0
}
.TD_LineBottom {
	BORDER-BOTTOM: #aad29d 1pt solid
}
.TD_LineRight {
	BORDER-RIGHT: #aad29d 1pt solid
}
.TD_LineRightWithTextLabel {
	BORDER-RIGHT: #aad29d 1pt solid; FONT-SIZE: 11px; COLOR: #7a7a7a; FONT-STYLE: normal; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.text {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #7a7a7a; FONT-STYLE: normal; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.txtData {
	BORDER-RIGHT: #868686 1px solid; BORDER-TOP: #868686 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #868686 1px solid; COLOR: #5e5e5e; BORDER-BOTTOM: #868686 1px solid; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f5f5f5
}
.txtRed {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.txtGreen {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.txtGreenBig {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #28ab00; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.txtBlue {
	FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Tahoma, MS Sans Serif, Helvetica, sans-serif
}
.lblData {
	FONT-SIZE: 11px; COLOR: #7a7a7a; FONT-STYLE: normal; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblDataBig {
	FONT-SIZE: 14px; COLOR: #7a7a7a; FONT-STYLE: normal; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblDataBold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #7a7a7a; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblData_LineRight {
	BORDER-RIGHT: #aad29d 1pt solid; FONT-SIZE: 11px; COLOR: #59709d; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblHeader {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #59709d; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif;
	border:1px solid #fff;
}
.lblHeader tr{border-bottom:dashed 1px #fff;}
.lblHeadergreen {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #99CC33; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblHeaderoldgreen {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #669933; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblError {
	FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblTotal {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff9000; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.txtAlert {
	FONT-SIZE: 11px; COLOR: #ff9000; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.ddlData {
	BORDER-RIGHT: #868686 1px solid; BORDER-TOP: #868686 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #868686 1px solid; COLOR: #5e5e5e; BORDER-BOTTOM: #868686 1px solid; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f5f5f5
}
.style3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblHeaderBlack {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.lblDataBlack {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma,Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif
}
.inputB2 {
	BORDER-RIGHT: #868686 1px solid; BORDER-TOP: #868686 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #868686 1px solid; COLOR: #5e5e5e; BORDER-BOTTOM: #868686 1px solid; FONT-FAMILY: Tahoma,Tahoma, MS Sans Serif,Verdana,Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f5f5f5
}
#help{width:600px; margin:20px auto;}
#help h3{color:#fff; padding:7px 0px; text-align:center; font-weight:normal;}
#help  img{border:1px dashed #000000;}
#help a img{margin-left:200px;margin-top:20px;margin-bottom:50px; border:none;}
#help .shot{font-size:12px; color:#FFCC00;text-align:center;}
#help p{font-size:13px; padding:10px 20px; color:#C5EEFE; text-align:left;}