* { margin: 0px; padding: 0px; }
html { overflow: -moz-scrollbars-vertical; }
html, body { width: 100%; background-color: #FFF; }
body { font-family: Tahoma; font-size: 11px; color: #666; margin: 0px;}
img.png { behavior:url(css/iepngfix.htc);}
img { border:0px;}
div.clear { clear:both; height: 0px; font-size: 1px; }
table { border-collapse: collapse; }
div.main { width: 990px; margin: auto;}
div.main div.sec_head { width: 990px; height: 115px; position: relative;}
div.sec_head div.logo { position: absolute; top: 15px; left: 30px;}
div.sec_head div.navi { position: absolute; top: 83px; left: 200px; width: 770px; height: 27px;}
div.sec_head div.WWW { position: absolute; top: 90px; left: 30px;}
div.sec_head div.slogan { position: absolute; top: 10px; right: 70px;}
div.sec_head div.lang { position: absolute; top: 60px; right: 18px; width:49px; height:15px; }
div.sec_head div.lang a#lan_th{ width:24px; height:15px; float:left; background:url('../images/lang.gif'); display:block; }
div.sec_head div.lang a#lan_th:hover { background-position: 0px -15px; }
div.sec_head div.lang div#lan_th { width:24px; height:15px; float:left; background:url('../images/lang.gif') 0px -15px; }
div.sec_head div.lang a#lan_en{ width:22px; height:15px; float:left; background:url('../images/lang.gif') -24px 0px; display:block; }
div.sec_head div.lang a#lan_en:hover { background-position:-24px -15px; }
div.sec_head div.lang div#lan_en { width:22px; height:15px; float:left; background:url('../images/lang.gif') -24px -15px; }
div.navi img.line_space { margin: 0px 7px;}
div.search { margin: 30px 15px 10px 12px;}
div.search div.list { margin: 5px 0px;}
div.list .drop,table.contact_form td.sec_form .drop { font-size: 11px; color: #666; width: 140px; padding: 0px 3px; margin: 2px 0px;}
div.search div.btn { width: 140px; text-align: right;}
div.slide { margin: 10px 15px 10px 12px;}
div.main div.sec_about { background: url('../images/about/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_ourproject { background: url('../images/ourproject/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_news { background: url('../images/news/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_career { background: url('../images/career/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_contact { background: url('../images/contact/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_location { background: url('../images/location/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_member { background: url('../images/member/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
div.main div.sec_ir { background: url('../images/ir/bg_bottom.jpg') no-repeat bottom left; min-height: 885px; _height: 885px;}
/*
div.sec_flash_banner { height: 154px;}
div.sec_about div.sec_content { background: url('../images/about/bg_content.jpg') no-repeat top left;}
div.sec_ourproject div.sec_content02 { background: url('../images/ourproject/bg_content.jpg') no-repeat top left;}
div.sec_news div.sec_content03 { background: url('../images/news/bg_content.jpg') no-repeat top left;}
div.sec_career div.sec_content04 { background: url('../images/career/bg_content.jpg') no-repeat top left;}
div.sec_contact div.sec_content05 { background: url('../images/contact/bg_content.jpg') no-repeat top left;}
div.sec_location div.sec_content06 { background: url('../images/location/bg_content.jpg') no-repeat top left;}
div.sec_member div.sec_content07 { background: url('../images/member/bg_content.jpg') no-repeat top left;}
div.sec_ir div.sec_content08 { background: url('../images/ir/bg_content.jpg') no-repeat top left;}
*/
div.sec_flash_banner { height: 154px;}
div.sec_flash_about { height: 154px; background: url('../images/about/bg_flash.jpg') no-repeat top left;}
div.sec_flash_project { height: 154px; background: url('../images/ourproject/bg_flash.jpg') no-repeat top left;}
div.sec_flash_news { height: 154px; background: url('../images/news/bg_flash.jpg') no-repeat top left;}
div.sec_flash_career { height: 154px; background: url('../images/career/bg_flash.jpg') no-repeat top left;}
div.sec_flash_member { height: 154px; background: url('../images/menber/bg_flash.jpg') no-repeat top left;}
div.sec_flash_ir { height: 154px; background: url('../images/ir/bg_flash.jpg') no-repeat top left;}
div.sec_flash_contact { height: 154px; background: url('../images/contact/bg_flash.jpg') no-repeat top left;}
div.sec_flash_location { height: 154px; background: url('../images/location/bg_flash.jpg') no-repeat top left;}
div.sec_about div.sec_content { background: url('../images/about/bg_content.jpg') no-repeat top left;}
div.sec_ourproject div.sec_content02 { background: url('../images/ourproject/bg_content.jpg') no-repeat top left;}
div.sec_news div.sec_content03 { background: url('../images/news/bg_content.jpg') no-repeat top left;}
div.sec_career div.sec_content04 { background: url('../images/career/bg_content.jpg') no-repeat top left;}
div.sec_contact div.sec_content05 { background: url('../images/contact/bg_content.jpg') no-repeat top left;}
div.sec_location div.sec_content06 { background: url('../images/location/bg_content.jpg') no-repeat top left;}
div.sec_member div.sec_content07 { background: url('../images/member/bg_content.jpg') no-repeat top left;}
div.sec_ir div.sec_content08 { background: url('../images/ir/bg_content.jpg') no-repeat top left;}
div.sec_content div.sec_left { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/about/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content02 div.sec_left02 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/ourproject/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content03 div.sec_left03 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/news/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content04 div.sec_left04 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/career/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content05 div.sec_left05 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/contact/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content06 div.sec_left06 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/location/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content07 div.sec_left07 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/member/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_content08 div.sec_left08 { float: left; width: 175px; margin: 0px 0px 145px 15px; _margin: 0px 0px 145px 6px; background: #FFFFFF url('../images/ir/bg_sub.jpg') repeat-x top left; min-height: 540px; _height: 540px;}
div.sec_left div.head_sub,div.sec_left02 div.head_sub,div.sec_left03 div.head_sub,div.sec_left04 div.head_sub,div.sec_left05 div.head_sub,div.sec_left06 div.head_sub,div.sec_left07 div.head_sub,div.sec_left08 div.head_sub { margin: 20px 0px 8px 10px;}
div.sec_left a,div.sec_left03 a,div.sec_left04 a { margin: 0px 0px 5px 15px; width: 166px; display: block;}
div.navi a { display: inline-block; height: 12px; vertical-align: top; font-size: 1px;}
div.sec_promotion div.page_pro a,div.sec_news_page div.page_news a { width: 9px; height: 10px; display: inline-block; vertical-align: top; margin-top: 2px; font-size: 1px;}
div.sec_left a#ab01 { background: url('../images/about/btn01.gif') no-repeat top left; height: 18px;}
div.sec_left a#ab02 { background: url('../images/about/btn02.gif') no-repeat top left; height: 18px;}
div.sec_left a#ab03 { background: url('../images/about/btn03.gif') no-repeat top left; height: 32px;}
div.sec_left a#ab04 { background: url('../images/about/btn04.gif') no-repeat top left; height: 18px;}
div.sec_left a#ab05 { background: url('../images/about/btn05.gif') no-repeat top left; height: 32px;}
div.sec_left a#ab06 { background: url('../images/about/btn06.gif') no-repeat top left; height: 18px;}
div.sec_left03 a#np01 { background: url('../images/news/btn01.gif') no-repeat top left; height: 18px;}
div.sec_left03 a#np02 { background: url('../images/news/btn02.gif') no-repeat top left; height: 18px;}
div.sec_left04 a#cr01 { background: url('../images/career/btn01.gif') no-repeat top left; height: 18px;}
div.sec_left04 a#cr02 { background: url('../images/career/btn02.gif') no-repeat top left; height: 18px;}
div.sec_left04 a#cr03 { background: url('../images/career/btn03.gif') no-repeat top left; height: 32px;}
div.navi a#nv01 { background: url('../images/menu/btn01.gif') no-repeat top left; width: 99px;}
div.navi a#nv02 { background: url('../images/menu/btn02.gif') no-repeat top left; width: 80px;}
div.navi a#nv03 { background: url('../images/menu/btn03.gif') no-repeat top left; width: 114px;}
div.navi a#nv04 { background: url('../images/menu/btn04.gif') no-repeat top left; width: 55px;}
div.navi a#nv05 { background: url('../images/menu/btn05.gif') no-repeat top left; width: 113px;}
div.navi a#nv06 { background: url('../images/menu/btn06.gif') no-repeat top left; width: 84px;}
div.navi a#nv07 { background: url('../images/menu/btn07.gif') no-repeat top left; width: 46px;}
div.navi a#nv08 { background: url('../images/menu/btn08.gif') no-repeat top left; width: 53px;}
div.sec_promotion div.page_pro a#arr01 { background: url('../images/arrow01.gif') no-repeat top left;}
div.sec_promotion div.page_pro a#arr02 { background: url('../images/arrow02.gif') no-repeat top left;}
div.sec_news_page div.page_news a#arr03 { background: url('../images/arrow03.gif') no-repeat top left;}
div.sec_news_page div.page_news a#arr04 { background: url('../images/arrow04.gif') no-repeat top left;}
/* ENG */
div.sec_left a#ab01_en { background: url('../images_en/about/btn01.gif') no-repeat top left; height: 18px;}
div.sec_left a#ab02_en { background: url('../images_en/about/btn02.gif') no-repeat top left; height: 18px;}
div.sec_left a#ab03_en { background: url('../images_en/about/btn03.gif') no-repeat top left; height: 32px;}
div.sec_left a#ab04_en { background: url('../images_en/about/btn04.gif') no-repeat top left; height: 32px;}
div.sec_left a#ab05_en { background: url('../images_en/about/btn05.gif') no-repeat top left; height: 18px;}
div.sec_left a#ab06_en { background: url('../images_en/about/btn06.gif') no-repeat top left; height: 18px;}
div.sec_left03 a#np01_en { background: url('../images_en/news/btn01.gif') no-repeat top left; height: 18px;}
div.sec_left03 a#np02_en { background: url('../images_en/news/btn02.gif') no-repeat top left; height: 18px;}
div.sec_left04 a#cr01_en { background: url('../images_en/career/btn01.gif') no-repeat top left; height: 18px;}
div.sec_left04 a#cr02_en { background: url('../images_en/career/btn02.gif') no-repeat top left; height: 18px;}
div.sec_left04 a#cr03_en { background: url('../images_en/career/btn03.gif') no-repeat top left; height: 32px;}
/* End ENG */
div.sec_left a:hover,div.sec_left a.active,div.sec_left03 a:hover,div.sec_left03 a.active,div.sec_left04 a:hover,div.sec_left04 a.active,div.navi a:hover,div.navi a.active,div.sec_promotion div.page_pro a:hover,div.sec_news_page div.page_news a:hover { background-position: bottom left !important;}
div.sec_content div.sec_right,div.sec_content02 div.sec_right,div.sec_content03 div.sec_right,div.sec_content04 div.sec_right,div.sec_content05 div.sec_right,div.sec_content06 div.sec_right,div.sec_content07 div.sec_right,div.sec_content08 div.sec_right
{ float: right; width: 745px; margin-right: 15px; _margin-right: 6px; background: #FFFFFF; border-top: 4px solid #557536; min-height: 700px; _height: 700px; padding: 15px 15px 25px 15px;}
div.sec_right div.head_page{ width: 745px; text-align: right;}
div.sec_right div.line_top { margin-top: 5px; background: url('../images/line.gif') repeat-x top left; width: 745px;}
div.line_top div.line_bottom { background: url('../images/line.gif') repeat-x bottom left; width: 745px; min-height: 660px; _height: 660px; padding-bottom: 20px;}
div.line_bottom div.sec_promotion,div.line_bottom div.sec_news_page { width: 707px; padding: 10px 15px 10px 15px; _padding: 0px; *padding: 0px; _margin: 10px 15px 10px 15px; *margin: 10px 15px 10px 15px;}
div.line_bottom div.contact { width: 707px; height: 600px; background: url('../images/contact/book.jpg') no-repeat top left; position: relative; top: 22px; left: 15px;}
div.sec_promotion div.head { float: left;}
div.sec_news_page div.head { float: left; margin-bottom: 15px;}
div.sec_promotion div.see_all { float: right; padding-top: 40px;}
div.sec_promotion div.page_pro { float: right; margin-top: 42px; color: #557536;}
div.sec_news_page div.page_news { float: right; margin-top: 10px; color: #666;}
div.sec_promotion div.page_pro span { font-weight: bold;}
div.sec_news_page div.page_news span { font-weight: bold; color: #158CC8;}
div.sec_promotion div.content,div.sec_news_page div.content { clear: both; background-color: #EBEBEB; padding: 10px 20px 20px 20px;}
div.content table.pro_content { width: 100%; margin-top: 10px;}
table.pro_content td,table.news_content td { vertical-align:top;}
table.pro_content img.thb { border: 2px solid #6FBA49; margin-right: 8px;}
table.news_content img.thb { border: 2px solid #1F91CB; margin-right: 10px;}
table.pro_content td.text { background-color: #557536; color: #FFF; padding: 8px 8px 0px 8px;}
table.news_content td.text { background-color: #FFF; color: #666; padding: 8px 8px 0px 8px;}
table.pro_content td.text span { color: #6FB949; font-size: 12px; font-weight: bold;}
table.news_content td.text span.small { color: #1F91CB; font-size: 12px; font-weight: normal;}
table.pro_content td.text a,table.pro_content td.text a:hover { color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none;}
table.news_content td.text a,table.news_content td.text a:hover { color: #1F91CB; font-size: 12px; font-weight: bold; text-decoration: none;}
table.pro_content td.detail { background-color: #557536; padding: 8px; text-align: left; vertical-align: bottom;}
div.line_bottom div.sec_news_content { width: 707px; padding: 5px 15px 10px 15px; background: url('../images/news/bg_news.jpg') no-repeat bottom right;}
div.sec_news_content div.head_news { margin-bottom: 10px;}
div.sec_news_content div.content { background-color: #EBEBEB; padding: 10px 20px 20px 20px; *padding: 20px 20px 20px 20px; _padding: 20px 20px 20px 20px; width: 567px;}
div.contefnt table.news_content { width: 100%; margin-bottom: 15px;}
table.news_content td { vertical-align:top;}
table.news_content img.thb02 { border: 2px solid #2091CB; margin-right: 8px;}
table.news_content td.text { background-color: #FFF; color: #666; padding: 8px 8px 0px 8px;}
table.news_content td.text span { color: #2594CD; font-size: 12px; font-weight: bold;}
table.news_content td.detail { background-color: #FFF; padding: 8px; text-align: left; vertical-align: bottom;}
div.top { height: 41px; text-align: right; padding: 20px 20px 0px 20px;}
div.contact div.add { position: absolute; top: 35px; right: 70px; color: #557536; width: 230px;}
div.contact div.add span { color: #FFF; font-weight: bold; font-size: 14px;}
div.contact div.zoom { position: absolute; top: 262px; left: 195px;}
div.contact div.form { position: absolute; top: 165px; right: 50px; width: 290px;}
div.contact div.pic { position: absolute; top: 340px; left: 30px;}
div.contact div.head_form { position: absolute; top: 130px; left: 400px;}
div.contact input.cancel {
background: url('../images/btn_cancel.gif');
width:49px; height:19px;
border:0px; cursor:pointer;
}
div.contact input.send {
background: url('../images/btn_send.gif');
width:49px; height:19px;
border:0px; cursor:pointer;
}
div.form table.contact_form td{ vertical-align: top; color: #3E793A; padding: 0px 3px 3px 0px;}
table.contact_form td.sec_text { text-align: right;}
table.contact_form td.sec_form { text-align: left;}
table.contact_form td.sec_form input.text { font-size: 11px; color: #666; background-color:#F9F7F0; width: 140px; border: 1px solid #6BB844; height: 15px; padding-left: 3px;}
table.contact_form td.sec_form select.text { font-size: 11px; color: #666; background-color:#F9F7F0; width: 145px; border: 1px solid #6BB844; padding-left: 3px;}
table.contact_form td.sec_form input.text02 { font-size: 11px; color: #666; background-color:#F9F7F0; width: 90px; border: 1px solid #6BB844; height: 15px; padding-left: 3px;}
table.contact_form td.sec_form .area { font-size: 11px; color: #666; background-color:#F9F7F0; width: 140px; border: 1px solid #6BB844; height: 50px; padding-left: 3px; overflow:hidden;}
div.contact div.zoom a { font-size: 11px; font-weight: normal; text-decoration: none; color: #6BB844;}
div.contact div.zoom a:hover { font-size: 11px; font-weight: normal; text-decoration: underline; color: #6BB844;}
div.footer { clear: both; height: 20px; font-size: 11px; text-align: right; padding: 10px 15px 0px 0px; color: #CCC;}
div.footer a,div.clear a:hover { color: #CCC; font-weight: normal; text-decoration: none;}
div.homefooter { clear: both; height: 20px; font-size: 11px; text-align: center; padding: 20px 15px 0px 0px; color: #999;}
div.homefooter a { color: #999; font-weight: normal; text-decoration: none;}
/********************************************/
.Padtl { padding: 5px 0px 0px 5px;}
.Padtop10 { padding-top: 10px;}
.Padtop20 { padding-top: 20px;}
.Padtb12 { padding: 12px 0px;}
.Padtb15 { padding: 15px 0px;}
.BorderImgs { border: 1px solid #557537;}
.BorderImgs2 { border: 2px solid #557537;}
div#HeadPage { display: block; width: 745px; height: 30px; background: url('../images/line.gif') repeat-x bottom center; text-align: right;}
div#HeadLocation { display: block; width: 745px; height: 35px; background: url('../images/line.gif') repeat-x bottom center; text-align: right;}
div#ContentAll { display: block; width: 745px; min-height: 680px; _height: 680px; background: url('../images/line.gif') repeat-x bottom center;}
div#ContentCareer { display: block; width: 700px; min-height: 680px; _height: 680px; background: url('../images/line.gif') repeat-x bottom center; margin: auto;}
/*********************Home***********************/
div#Home { display: block; width: 958px; padding-left: 2px; margin: auto;}
div#Home div.HomeList { display: block; float: left; width: 192px;}
div#Home div#HomeSearch { display: block; float: left; width: 188px; height: 78px; background: url('../images/home/search.gif') no-repeat top center; padding-top: 22px; text-align: center;}
div#Home div#HomeSearch select { width: 170px;}
div#Home .more , div#ContentAll div#Home a.more:hover { font-size: 11px;color: #999; font-weight: normal; text-decoration: underline; }
div#Home div#HomeSearch .drop { font-size: 11px; color: #666; width: 140px; padding: 0px 0px; margin: 2px 0px;}
/*********************About***********************/
div#ContentAll div#about01 { display: block; width: 705px; margin: auto; background: url('../images/about/quality.jpg') no-repeat right top; padding-bottom: 55px;}
div#ContentAll div#about01 p.aboutcontent01 { width: 380px; padding-top: 10px;}
div#ContentAll div#about01 #about01 li { padding: 10px ;}
div#ContentAll div#about01 p.aboutcontent02 { width: 705px; padding: 10px 0px 25px 0px;}
div#ContentAll div#about01 span { color: #6CB844; font-weight: bold;}
div#ContentAll div#about01 table#Development { width: 695px; border: 5px solid #557536;}
table#Development thead td { background: #557536; color: #FFF; font-size: 12px; font-weight: bold; text-align: center; padding: 5px 0px;}
table#Development tbody th { color: #6EBA48; text-align: left; border-right: 1px solid #557536; padding: 8px 0px 8px 20px; vertical-align: top;}
table#Development tbody td { padding: 8px 15px;}
table#Development tbody td ul.DevList { display: block; width: 530px; margin: 0px auto; padding-top: 8px;}
table#Development tbody td ul.DevList li { display: inline; float: left; width: 500px; padding: 0px 0px 2px 12px; margin-left: 10px; list-style: none; background: url('../images/bullet.gif') no-repeat;}
/*********************About02***********************/
div#ContentAll div#about02 { display: block; width: 705px; margin: auto;}
div#ContentAll div#about02 p { width: 705px; margin: 0px auto; padding-top: 10px;}
div#ContentAll div#about02 ul#List { display: block; width: 705px; margin: 0px auto; padding-top: 15px;}
div#ContentAll div#about02 ul#List li { display: inline; float: left; width: 620px; padding: 0px 0px 5px 10px; margin-left: 10px; list-style: none; background: url('../images/bullet.gif') no-repeat;}
/*********************About03***********************/
div#ContentAll div#about03 { display: block; width: 705px; margin: auto; padding-bottom: 55px;}
div#ContentAll div#about03 table.Committee { width: 695px; border: 5px solid #557536;}
table.Committee thead td { color: #1AB5D8; font-size: 12px; font-weight: bold; text-align: center; padding: 5px 0px; border-bottom: 1px solid #557536;}
div#ContentAll div#about03 .fonttitle{ color: #1AB5D8; font-size: 12px; font-weight: bold; }
table.Committee tbody th { color: #6EBA48; text-align: left; border-right: 1px solid #557536; border-left: 1px solid #557536; padding: 3px 0px 3px 20px; vertical-align: top; font-weight: bold;}
table.Committee tbody td { padding: 3px 15px; font-weight: bold;}
div#ContentAll div#about03 div.Comment { padding-top: 5px;}
div#ContentAll div#about03 div.Comment span { color: #557536; font-weight: bold;}
/*********************About04***********************/
div#ContentAll div#about04 { display: block; width: 705px; margin: auto;}
div#ContentAll div#about04 p { width: 705px; margin: 0px auto; padding-top: 10px;}
div#ContentAll div#about04 div.HomePhoto { display: block; float: left; width: 220px; padding-top: 20px;}
div#ContentAll div#about04 div.HomeDetail { display: block; float: right; width: 485px; padding-top: 15px;}
div#ContentAll div#about04 div.HomeDetail div.DH { display: block; width: 464px; background: #F0F0F0; margin: 5px 0px 0px 5px; padding: 5px 8px; line-height: 14px;}
div.DH a , div.DH a:hover { color: #5CBA45; text-decoration: none;}
/*********************About05***********************/
div#ContentAll div#about05 { display: block; width: 705px; margin: auto; padding-bottom: 55px;}
div#ContentAll div#about05 p { width: 705px; padding: 10px 0px 30px 0px;}
div#ContentAll div#about05 span { color: #6CB844; font-weight: bold;}
div#ContentAll div#about05 table#TrackRecord { width: 703px; border: 5px solid #557536;}
table#TrackRecord thead td { background: #557536; color: #FFF; font-weight: bold; text-align: center; height: 22px;}
table#TrackRecord thead td span { color: #6AB842;}
table#TrackRecord thead td.txtNor { font-weight: normal;}
table#TrackRecord tbody th { color: #6EBA48; padding: 10px 0px; vertical-align: top;}
table#TrackRecord tbody td { padding: 10px 15px;}
table#TrackRecord tbody td.VAR { background: #F6F3E9; color: #2091CB; font-weight: bold; text-align: center;}
table#TrackRecord tbody .Total { background: #F0F0F0; border-top: 2px solid #FFF; color: #2091CB; font-weight: bold; text-align: center; height: 10px;}
/********************news detail********************/
div#NewsBG { display: block; width: 648px; height: 595px; background: url('../images/news/bg_news_detail.jpg') no-repeat top center; margin: auto;}
div#NewsBG div#NewsDetail { display: block; width: 558px; margin: auto; height: 181px; padding-top: 42px;}
div#NewsBG div#NewsDetail div.Left { display: block; float: left; width: 265px;}
div#NewsBG div#NewsDetail div.Right { display: block; float: right; width: 270px;}
/*div#NewsBG div#NewsDetail div.Right div.txt { display: block; position: relative; width: 270px; top: 105px; color: #1F91CB; font-size: 12px; font-weight: bold; }*/
div#NewsBG div#NewsDetail div.Right div.txt {
display: block;
width: 270px;
color: #1F91CB; font-size: 12px;
font-weight: bold; height:150px;
vertical-align:bottom;
}
div#NewsBG div#NewsDetail div.Right div.Topic { text-align: right;}
div#NewsBG div#NewsDetail2 { display: block; width: 468px; margin: auto; padding-left: 98px; height: 315px;}
div#NewsBG div#NewsDetail2 div.Left2 { display: block; float: left; width: 198px;}
div#NewsBG div#NewsDetail2 div.Left2 div.Lleft { display: block; float: left; width: 60px; height: 60px;}
div#NewsBG div#NewsDetail2 div.Right2 { display: block; float: right; width: 270px; padding-top: 5px;}
/*div.Backtonews{ position: absolute; width: 100px; bottom: 180px; left: 80px; z-index: 2;}*/
div.Backtonews{ width: 100px;padding-left:330px; }
/********************Career********************/
.PadLeft18 { padding-left: 18px;}
div#ContentCareer div#Career { display: block; width: 700px; height: 1050px; padding-top: 0px;}
div#ContentCareer div#Career p { width: 700px; padding-bottom: 2px;}
div#ContentCareer div#Career .block { display: block; width: 700px; }
div#ContentCareer div#Career .block .HeadCareer { display: block; width: 700px; background: url('../images/career/line.gif') no-repeat top center; text-decoration: none; cursor: pointer; color: #999;padding:2px 0px;}
div#ContentCareer div#Career .block .HeadCareer a { }
div#ContentCareer div#Career .block .HeadCareer .active { display: block; width: 700px; height: 25px; background: url('../images/career/line.gif') no-repeat bottom center; text-decoration: none; cursor: pointer; font-size: 12px; color: #557536;}
div#ContentCareer div#Career .block .HeadCareer div.Careers { display: block; float: left; width: 640px;padding:7px 0px 7px 0px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Construction { display: block; float: left; width: 350px; font-size:12px; color:#4F7232; font-weight:bold;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Constructiontxt { display: block; float: left; width: 180px; padding-top: 2px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Manager { display: block; float: left; width: 110px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Managertxt { display: block; float: left; width: 180px; padding-top: 4px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .ManagerUrgent { display: block; float: left; width: 100px; font-size: 11px; color: red; font-weight: bold; padding-top: 4px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Engineer { display: block; float: left; width: 100px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Engineertxt { display: block; float: left; width: 180px; padding-top: 5px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Sale { display: block; float: left; width: 180px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Saletxt { display: block; float: left; width: 180px; padding-top: 5px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Admin { display: block; float: left; width: 145px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Admintxt { display: block; float: left; width: 180px; padding-top: 5px;}
div#ContentCareer div#Career .block .HeadCareer div.Careers .Urgent { display: block; float: left; width: 100px; font-size: 11px; color: red; font-weight: bold; padding-top: 2px;}
div#ContentCareer div#Career .block .HeadCareer div.Position { display: block; float: right; width: 60px; font-weight: bold; font-size: 11px; color: #2091CB; padding-top: 5px;}
div#ContentCareer div#Career .block .HeadCareer:hover { text-decoration: none;}
div#ContentCareer div#Career .block .block_data { display: block; width: 700px;}
div#ContentCareer div#Career .block .block_data ul { display: block; width: 700px; padding: 10px 0px;}
div#ContentCareer div#Career .block .block_data ul li { display: inline; float: left; list-style: none; width: 677px; padding: 1px 0px 1px 18px; background: url('../images/career/bullet.gif') no-repeat top left; margin-left: 5px;}
div#ContentCareer div#Career div#CareerComment { display: block; float: left; width: 500px; color: #557536; font-size: 12px; padding-top: 50px; line-height: 18px;}
div#ContentCareer div#Career div#CareerComment div#Star { display: block; color: #2091CB; font-size: 12px; font-weight: bold; padding-bottom: 5px;}
div#Career div#CareerComment a , div#Career div#CareerComment a:hover { color: #2091CB; font-size: 12px; font-weight: bold;}
div#ContentCareer div#Career div.top { display: block; float: right; text-align: right; width: 90px; height: 31px; padding-top: 112px;}
/********************CareerForm********************/
input.career01 { width: 198px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career02 { width: 18px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career03 { width: 78px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career04 { width: 138px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career06 { width: 28px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career07 { width: 196px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career08 { width: 82px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career09 { width: 45px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career10 { width: 120px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career11 { width: 188px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career12 { width: 150px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career13 { width: 142px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career14 { width: 59px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career15 { width: 100px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career16 { width: 158px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career17 { width: 70px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career18 { width: 93px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career19 { width: 186px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
input.career20 { width: 250px; height: 15px; background: #F9F7F0; border: 1px solid #6CB845;}
textarea.career05 { width: 198px; height: 75px; background: #F9F7F0; border: 1px solid #6CB845; overflow: hidden;}
select.career01 { width: 198px; height: 20px; background: #F9F7F0; border: 1px solid #6CB845;}
select.career03 { width: 78px; height: 20px; background: #F9F7F0; border: 1px solid #6CB845;}
div#ContentAll div#CareerForm { display: block; width: 745px; height: 2080px; margin: auto; padding-top: 15px;}
div#ContentAll div#CareerForm p { width: 745px; padding-bottom: 10px;}
div#ContentAll div#CareerForm div#BGPosition { width: 742px; height: 70px; padding-top: 20px; background: url('../images/career/bg_inner.jpg') no-repeat top center; margin: auto;}
div#ContentAll div#CareerForm div#BGPosition table { width: 734px; margin: auto;}
div#ContentAll div#CareerForm div#BGPosition table td { padding-bottom: 12px; color: #F9F7F0; font-weight: bold;}
div#ContentAll div#CareerForm div.CareerTable { display: block; width: 705px; margin: auto; padding-top: 15px;}
div#ContentAll div#CareerForm div.CareerTable span { color: #557536;}
div#ContentAll div#CareerForm div.CareerTable p { width: 705px; padding-bottom: 10px;}
div#ContentAll div#CareerForm div.CareerTable p.contents { width: 705px; padding-bottom: 5px;}
div#ContentAll div#CareerForm div.CareerTable div.Reference01 { display: block; float: left; width: 75px; height: 15px; padding-bottom: 10px;}
div#ContentAll div#CareerForm div.CareerTable div.Reference02 { display: block; float: left; width: 500px; color: #2392CC; padding-bottom: 10px;}
div#ContentAll div#CareerForm div.CareerTable div.BtnSend { display: block; float: left; width: 200px; height: 42px;}
div#ContentAll div#CareerForm div.CareerTable div.top { display: block; float: right; text-align: right; width: 200px; height: 31px; padding: 0px;}
div#ContentAll div#CareerForm div.CareerTable table.table01 { margin: auto;}
table.table01 th { padding: 2px 0px; _padding: 1px 0px; *padding: 1px 0px; font-weight: bold; text-align: left; vertical-align: top;}
table.table01 td { padding: 2px 0px; _padding: 1px 0px; *padding: 1px 0px;}
table.table01 td div.Ability01 { display: block; float: left; width: 40px; height: 17px; padding: 2px 0px 0px 10px; background: #557536; color: #FFF;}
table.table01 td div.Ability02 { display: block; float: right; width: 100px;}
table.table01 td.Star { color: #557536; vertical-align: top;}
div#ContentAll div#CareerForm div.CareerTable table.table02 { margin-left: 12px; text-align: center;}
table.table02 thead td { color: #FFF; background: #557536; border: 1px solid #FFF; height: 35px;}
table.table02 thead td.GPA { background: #EBEBEB; border: 1px solid #FFF; height: 35px; color: #666;}
table.table02 tbody td { background: #F9F9F9; padding: 2px 0px; _padding: 1px 0px; *padding: 1px 0px;}
table.table02 tbody td.Top { padding: 9px 0px 2px 0px; _padding: 9px 0px 1px 0px; *padding: 9px 0px 1px 0px;}
table.table02 tbody td.Center { padding: 9px 0px;}
table.table02 tbody td.Bottom { padding: 2px 0px 9px 0px; _padding: 1px 0px 9px 0px; *padding: 1px 0px 9px 0px;}
table.table02 tbody td.Left { padding-left: 10px; text-align: left;}
/********************Welfare********************/
.Blue { color: #3AC6DF; font-weight: bold;}
.Green { color: #557536; font-weight: bold;}
div#ContentAll div#Welfare { display: block; width: 745px; margin: auto; padding: 15px 0px 55px 0px;}
div#ContentAll div#Welfare p { width: 725px; padding-bottom: 10px;}
div#ContentAll div#Welfare p.Culture { width: 712px; padding: 0px 0px 10px 18px;}
div#ContentAll div#Welfare table td { padding: 6px 0px;}
div#ContentAll div#Welfare table td.WelfareDetail { vertical-align: top; padding: 11px 0px 0px 6px;}
/********************Location********************/
div#ContentAll div#Location { display: block; width: 745px; margin: auto; padding: 15px 0px 55px 0px;}
div#ContentAll div#Location p { width: 725px; padding-bottom: 10px;}
/********************Member********************/
select.homelocation { width: 125px; font-size: 11px; font-family: tahoma; padding-left: 3px;}
div#ContentAll div#Member { display: block; width: 745px; margin: auto; padding: 15px 0px 55px 0px;}
div#ContentAll div#Member p { width: 745px; padding-bottom: 10px;}
div#ContentAll div#Member p.Padleft18 { width: 727px; padding: 0px 0px 10px 18px;}
div#ContentAll div#Member table.Regismember { margin: auto;}
table.Regismember td { padding: 2px 0px; _padding: 1px 0px; *padding: 1px 0px;}
table.Regismember td span { color: #557536;}
table.Regismember select { font-size: 11px;font-family:tahoma;color: #666; }
div#ContentAll div#Member table.home_detail { margin-left: 20px; background: #F9F9F9; }
table.home_detail td { padding: 2px 0px 2px 10px; _padding: 1px 0px 1px 10px; *padding: 1px 0px 1px 10px;}
table.home_detail td.BGLeft { background: #557536; color: #FFF; padding: 9px 0px 2px 10px; _padding: 9px 0px 1px 10px; *padding: 9px 0px 1px 10px;}
table.home_detail td.BGLeft2 { background: #557536; color: #FFF; padding: 2px 0px 9px 10px; _padding: 1px 0px 9px 10px; *padding: 1px 0px 9px 10px;}
table.home_detail td.Top { padding: 9px 0px 2px 10px; _padding: 9px 0px 1px 10px; *padding: 9px 0px 1px 10px;}
table.home_detail td.Bottom { padding: 2px 0px 9px 10px; _padding: 1px 0px 9px 10px; *padding: 1px 0px 9px 10px;}
table.home_detail td.BTN { background: #FFF; height: 100px; padding: 0px;}
div#Member .MemberMenu { padding-left:10px;}
div#Member .MemberMenu .list { float:left;padding:0px 5px; }
div#Member .dvblock { padding:10px 0px; }
div#Member .dvblock .title { font-weight:bold;margin-left:20px; }
div#Member .dvblock .ListItem { width:680px;margin-left:20px;background:#f9f9f9;}
div#Member .dvblock .ListItem .item_green {
background: #557536; color: #FFF;
padding: 6px;
_padding: 6px;
*padding: 6px;
width:100px;
float:left;
}
div#Member .dvblock .ListItem .item_green_location {
background: #557536; color: #FFF;
padding: 6px;
_padding: 6px;
*padding: 6px;
width:100px;
vertical-align:top;
}
div#Member .dvblock .ListItem .item_location {
padding-left: 5px;
width:560px;
}
div#Member .dvblock .ListItem .item_location .input {
width:175px;
float:left;
}
div#Member .dvblock .ListItem .item_location select {
color:#666;
font-size:11px;
font-family:Tahoma;
}
div#Member .dvblock .ListItem .item_radio {
padding-left: 5px;
padding-top: 5px;
width:105px;
float:left;
background:#f9f9f9;
}
/*div#ContentAll div#Member input.cancel {
background: url('../images/career/cancle.jpg');
width:50px; height:40px;
border:0px; cursor:pointer;
}
div#ContentAll div#Member input.send {
background: url('../images/career/send.jpg');
width:52px; height:40px;
border:0px; cursor:pointer;
}*/
/* Career */
input.cancel {
background: url('../images/career/cancle.jpg');
width:50px; height:40px;
border:0px; cursor:pointer;
}
input.send {
background: url('../images/career/send.jpg');
width:52px; height:40px;
border:0px; cursor:pointer;
}
/********************IR********************/
.Green02 { color: #4FAC21; font-weight: bold;}
a.linkPDF { color: #666; text-decoration: none;}
a.linkPDF:hover { color: #4FAC21; text-decoration: underline;}
div#ContentAll div#IR { display: block; width: 705px; margin: auto; padding-top: 15px;}
div#ContentAll div#IR div#IRContentL { display: block; float: left; width: 497px;}
div#ContentAll div#IR div#IRContentL p { width: 463px; padding-bottom: 10px;}
div#ContentAll div#IR div#IRContentL p.LH { width: 463px; padding-bottom: 36px; line-height: 18px; background: url('../images/line.gif') repeat-x bottom center;}
div#ContentAll div#IR div#IRContentL p.Topic { width: 463px; padding: 10px 0px;}
div#ContentAll div#IR div#IRContentL div.block { padding-top: 21px;}
div#ContentAll div#IR div#IRContentL div.block div.Topic { padding: 5px 0px;}
div#ContentAll div#IR div#IRContentL div.block div.block_data { display: block; width: 443px; padding-left: 17px; background-color: #FAFAFA;}
div#ContentAll div#IR div#IRContentL div.block div.block_data table { display: block; width: 443px;}
div#ContentAll div#IR div#IRContentL div.block div.block_data table td { padding: 8px 0px;}
div#ContentAll div#IR div#IRContentR { display: block; float: right; width: 208px; padding-top: 15px;}
div#ContentAll div#IR div#IRContentR div#img { padding-top: 23px;}
/********************OurProject********************/
div.sec_content02 div.sec_right2
{ float: right; width: 775px; margin-right: 15px; _margin-right: 6px; background: #FFFFFF; border-top: 4px solid #557536; height: 600px; padding: 15px 0px 25px 0px;}
div.sec_right2 div#HeadPage2 { display: block; width: 745px; height: 35px; background: url('../images/line.gif') repeat-x bottom center; text-align: right; margin: auto;}
div.sec_right2 div#ContentProject { display: block; width: 775px; height: 570px; margin: auto; padding-top: 15px; background: url('../images/ourproject/bg.jpg') no-repeat top center;}
div.sec_content02 div.sec_right2 .blockTitle { font-size:15px; font-weight:bold; padding-bottom:5px;
background:url(../images/career/line.gif) repeat-x bottom;}
div.sec_content02 div.sec_right2 .blockItem {
background:url(../images/career/line.gif) repeat-x bottom;
padding:3px 0px;
}
div.sec_content02 div.sec_right2 .blockItem a {
color: #666;
text-decoration:none;
}
div#ContentProject div#OurProject { display: block; width: 750px; height: 545px; background: url('../images/line.gif') repeat-x bottom center; margin: auto; padding: 0px;}
div#ContentProject div#OurProject div#Tab { display: block; width: 630px; height: 318px; padding: 115px 0px 0px 106px;}
div#ContentProject div#OurProject div#Tab div.HomePhoto { display: block; float: left; width: 310px; height: 310px; padding: 1px 0px 0px 1px;}
div#ContentProject div#OurProject div#Tab div.HomeDetail { display: block; float: right; width: 290px; height: 260px; padding-top: 20px;}
div#ContentProject div#OurProject div#Tab div.HomeDetail div { padding: 5px 0px;}
div#ContentProject div#OurProject div#Tab div.HomeDetail div.scrollbar { display: block; width: 280px; height: 250px; overflow: auto; padding: 0px;}
div#ContentProject div#OurProject div#Tab div.HomeDetail a { text-decoration:none; color: #666; }
p.paging { text-align:center;padding-top:10px }
p.paging a { color:#1f91cd; }
a.iv_menu1 { background:url('../images/ir/menu1.gif');width:120px;height:16px;display:block;}
a.iv_menu1:hover, a.iv_menu01_Active { display:block; background-position:bottom;}
a.iv_menu2 { background:url('../images/ir/menu2.gif');width:170px;height:22px;display:block;}
a.iv_menu2:hover, a.iv_menu02_Active { display:block; background-position:bottom;}
a.iv_menu3 { background:url('../images/ir/menu3.gif');width:180px;height:20px;display:block;}
a.iv_menu3:hover, a.iv_menu03_Active { display:block; background-position:bottom;}
a.iv_menu4 { background:url('../images/ir/menu4.gif');width:161px;height:18px;display:block;}
a.iv_menu4:hover, a.iv_menu04_Active { display:block; background-position:bottom;}