html { overflow: -moz-scrollbars-vertical;}
html, body { width: 100%; height: 100%;margin:0px;padding:0px;}
body { font-family: "Tahoma"; font-size: 11px; color: #666; background-color: #FFF;text-align:center;}

.clear { clear:both; }
#Wrapper {}
#main { width:970px;margin:0px auto;text-align:left;background:url(../images/common/bg.jpg) repeat-x 0px 154px; }
#main_bg { background:url(../images/common/bg_footer.jpg) no-repeat bottom; }
#header { height:154px;position:relative;z-index:100;}
#header div.flash { position: absolute; left:0px; top: 0px; height: 154px; overflow:hidden; }
/*#header { height:154px;background:url(../images/top.jpg) no-repeat; }*/
#container { width:930px;margin:0px auto;  }
a {color: #666;text-decoration:none; }
a:hover {color: #A7D364;text-decoration:none; }
img { border: 0px;}
.png { _behavior: url("css/iepngfix.htc"); }


input.Post { background-color: #FFF; border: 1px solid #462F28; width: 180px; height: 16px;}
textarea.Post { background-color: #FFF; border: 1px solid #462F28; width: 268px; height: 80px; overflow: hidden;}
input.careers { width: 200px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
select.careers { width: 202px; height: 20px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Age { width: 33px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Birthday { width: 26px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}

input.textbox { width: 64px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.textbox2 { width: 120px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
textarea.Adds { width: 199px; height: 105px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px; overflow: hidden;}

input.Institute { width: 129px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Major { width: 100px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.GPA { width: 50px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Employername { width: 210px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Position { width: 140px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Other { width: 45px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}

input.Ability { width: 180px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}

input.Training { width: 80px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Training2 { width: 120px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Training3 { width: 90px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
input.Training4 { width: 75px; height: 14px; background-color: #FFF; border: 1px solid #7F9DB9; margin: 2px 0px;}
.PadTL10 { padding: 10px 0px 10px 10px;}

input.reset {
	width:70px;height:35px;
	background:url(../images/contact/clear.jpg) no-repeat;
	border:0px;float:left;padding-top:3px;
	cursor:pointer;
}



/*------------------------------------------------- Home */
#home { width:940px;height:436px; }
#home .plLeft { width:670px;float:left;height:400px; }
#home .plLeft .data { height:400px; }
#home .plLeft .data .left { width:400px;height:400px;float:left;background:url(../images/home/left.jpg) no-repeat;overflow:hidden; }

#home .plLeft .data .left .block { width:340px;margin:0px auto;padding-top:10px; }
#home .plLeft .data .left .block .toPR { height:45px;padding:0px 0px 0px 0px;display:block; }

#home .plLeft .data .left .block .toPR .title { float:left;width:280px; }
#home .plLeft .data .left .block .toPR .link { float:left;width:60px;padding-top:10px; }
#home .plLeft .data .left .block .toPR .link a {width:48px;height:7px;background: url(../images/home/view.gif) no-repeat;display:block; }
#home .plLeft .data .left .block .toPR .link a:hover {width:48px;height:7px;background: url(../images/home/view_over.gif) no-repeat ;display:block; }

#home .plLeft .data .left .block .toPR .link_th { float:left;width:60px;padding-top:5px; }
#home .plLeft .data .left .block .toPR .link_th a {width:48px;height:17px;background: url(../images/home/view_th.gif) no-repeat;display:block; }
#home .plLeft .data .left .block .toPR .link_th a:hover {width:48px;height:17px;background: url(../images/home/view_over_th.gif) no-repeat ;display:block; }

#home .plLeft .data .center { width:270px;height:400px;float:left; }
#home .plLeft .copyright { height:36px; }
#home .plLeft .copyright a { width:40px;height:12px;display:block;margin:12px 0px 0px 375px; }
#home .plRight { width:270px;height:436px;float:left;background:url(../images/home/right.jpg) no-repeat; }


/*------------------------------------------------- Corperate */
#Corp { width:940px;  }
#Corp .plLeft { width:940px;float:left; }
#Corp .plLeft .plData { width:940px;  }
#Corp .plLeft .plData .menu { width:200px;float:left; }
#Corp .plLeft .plData .data { width:740px;background:url(../images/corp/cen.jpg) no-repeat;float:left; }
#Corp .plLeft .plData .data .data_in { padding:20px 15px;min-height:350px;_height:350px;  }
#Corp .plLeft .plData .data .data_in .img { text-align:center;  }
#Corp .plLeft .plData .data .data_in .block { width:680px; }


#Corp .plLeft .copyright { height:36px; }
#Corp .plLeft .copyright a { width:40px;height:12px;display:block;margin:12px 0px 0px 375px; }

/*#Corp .plRight { width:240px;height:436px;float:left; }*/
/*#Corp #scrollbar { margin:7px 0px 0px 7px;width:720px;height:385px;overflow:hidden; }
#Corp #scrollbar .block { width:440px; }*/

#Corp .plLeft .plData .SubProduct { text-align:center;color:#90ca3a;font-weight:bold;height:140px; }
#Corp .plLeft .plData .SubProduct .title_img { text-align:center;color:#90ca3a;font-weight:bold; width:165px;}
#Corp .plLeft .plData .SubProduct img { border:1px dashed #000;  }

#Corp .plLeft .plData .SubCurrent{ width:680px;background:url(../images/home/line.gif) repeat-x bottom;margin:0px auto; }
#Corp .plLeft .plData .SubCurrent .blockimg { text-align:center;color:#90ca3a;padding:5px;float:left;width:165px;overflow:hidden }
#Corp .plLeft .plData .SubCurrent .blockimg img { border:1px dashed #000;  }
#Corp .plLeft .plData .SubCurrent .blockdetail { float:left;width:495px;padding:5px; }
#Corp .plLeft .plData .SubCurrent .title_img a { color:#90ca3a;font-weight:bold; }

#Corp .plLeft .plData .nev:hover { text-decoration:underline; }

/*------------------------------------------------- Contact and Career */
#contact { width:940px;height:436px; }
/*#contact .plLeft { width:700px;height:436px;float:left;background:url(../images/contact/bg.jpg) no-repeat; }*/

#contact .plLeft { width:930px;float:left;background:url(../images/contact/bg.jpg) no-repeat; }

#contact .plLeft .plData { width:830px;height:400px;padding-left:100px; }
#contact .plRight { width:240px;height:436px;float:left; }
#contact .plLeft .copyright { height:36px; }
#contact .plLeft .copyright a { width:40px;height:12px;display:block;margin:12px 0px 0px 375px; }
#contact input.Post, #contact .Post { background-color: #FFF; border: 1px solid #462F28; width: 180px; overflow:hidden;}
#contact td { padding-top:2px; }



/*------------------------------------------------------ Career */
#career { width:940px; }
#career .plLeft { width:930px;float:left;background:url(../images/contact/bg.jpg) no-repeat; }
#career .plLeft .plData { width:930px;}
#career .plRight { width:240px;float:left; }
#career .plLeft .copyright { height:36px; }
#career .plLeft .copyright a { width:40px;height:12px;display:block;margin:12px 0px 0px 375px; }

#career .plLeft .plData .data_in { padding:20px 15px;min-height:350px;_height:350px;  }
/*#career .plLeft .plData .data .data_in .img { text-align:center;  }
#career .plLeft .plData .data .data_in .block { width:680px; }*/

#career .bl_Career { padding-bottom:30px; }
#career .bl_Career .title { font-size:12px;font-weight:bold;padding-bottom:5px; }
#career .bl_Career .apply a { color:#79c00f;font-size:11px;font-weight:bold; }
/*#career #scrollbar { margin:7px 0px 0px 7px;width:655px;height:295px;overflow:hidden; }
#career #scrollbar .block { width:630px; }*/

#career .plLeft .plData .data_in .block { width:700px;margin:0px auto;  }


#career table#Career { font-size: 12px;}
#career table#Career th { font-weight: normal; text-align: right;}
#career table#Career td#Relationship { padding: 20px 0px 5px 10px;}
#career table#Career td.PadTop20 { padding-top: 20px;}
#career table#Career table#Attact { background-color:#79C00F; height: 82px;}
#career table#Career table#Attact td { padding: 8px 0px; color: #FFF;}

#career table#Career table#Agree { vertical-align: top;}

#career table#Career table.Personal td ,#career table#Career table.Personal th { padding: 3px 0px; vertical-align: middle;}
#career table#Career table.Personal .VerTop { vertical-align: top;}
#career table#Career table.Personal .PadTB10 { padding: 10px 0px;}
#career table#Career table.Personal td.PadTop20 { padding-top: 20px;}


#career table#Career .BGcolor { background-color: #E0E0E0;}
#career table#Career .BGcolor2 { background-color: #EBEBEB;}
#career table#Career .BGcolor3 { background-color: #CCC;}
#career table#Career td.Topic { text-align: center; height: 28px;}
#career table#Career td.Topic2 { text-align: center; height: 28px; background-color: #CCC;}
#career table#Career td.Left { padding-left: 8px; height: 28px;}

#career table#Career table#Skill td { height: 28px; border: 1px solid #CCC; vertical-align: middle;}
#career table#Career table.Skill2 td { vertical-align: middle; padding: 2px 0px; _padding: 0px; *padding: 0px;}

/*------------------------------------------------------ sitemap */
#sitemap { width:502px;margin:0px auto; }
#sitemap a { display:block; }


/*------------------------------------------------- Corperate */
#invester { width:940px; }
#invester .plLeft { width:940px; float:left; }
#invester .plLeft .plData { width:940px;  }
#invester .plLeft .plData .menu { width:200px;float:left; }
#invester .plLeft .plData .data { width:740px;background:url(../images/corp/cen.jpg) no-repeat;float:left; }
#invester .plLeft .copyright { height:36px; }
#invester .plLeft .copyright a { width:40px;height:12px;display:block;margin:12px 0px 0px 375px; }
#invester .plRight { width:240px;height:436px;float:left; }
/*#invester .plLeft .plData .data .data_in { padding:20px 15px;min-height:350px;_height:350px;  }*/
#invester .plLeft .plData .data .data_in { padding:20px 15px;  }
#invester .plLeft .plData .data .data_in .img { text-align:center;  }
#invester .plLeft .plData .data .data_in .block { width:680px; }

#invester .item { background:url(../images/common/bullet.gif) no-repeat 0px 3px;padding-left:12px;line-height:22px; }
#invester .item_annual { background:url(../images/common/bullet.gif) no-repeat 0px 6px;padding-left:12px;line-height:20px; }

#invester .download { padding-left:10px;line-height:18px; }
#invester .download .row1 { width:460px;background:#e0e0e0; }
#invester .download .row2 { width:460px;background:#e9e9e9; }
#invester .download .I1 { float:left;width:100px;padding-left:4px;padding:2px 0px; }
#invester .download .I2 { float:left;width:100px;padding:2px 0px; }
#invester .download .I3 { float:left;width:100px;padding:2px 0px; }
#invester .download .I4 { float:left;width:100px;padding:2px 0px; }
#invester .download .I5 { float:left;width:50px;padding:2px 0px; }



#lang .lan {
	position:absolute;
	width:180px;height:15px;top:50px;right:20px;
	background:url(../images/lang.jpg); 
}
#lang .lanth {
	position:absolute;
	width:180px;height:15px;top:50px;right:20px;
	background:url(../images/lang_th.jpg); 
}

#lang .home { float:left;width:35px;height:15px;display:block;padding-left:10px;}
#lang .sitemap { float:left;width:55px;height:15px;display:block;padding-left:10px; }

#lang div.th { float:left;width:20px;display:block;height:15px;margin-left:18px;background:url(../images/lang_over.jpg) no-repeat 0px 0px; }
#lang a.th { float:left;width:20px;display:block;height:15px;margin-left:18px;}
#lang a.th:hover { width:20px;height:15px;background:url(../images/lang_over.jpg) no-repeat 0px 0px;}
#lang div.en { float:left;width:20px;display:block;height:15px;margin-left:5px;background:url(../images/lang_over.jpg) no-repeat -25px 0px; }
#lang .en { float:left;width:20px;display:block;height:15px;margin-left:5px;}
#lang .en:hover { width:20px;height:15px;background:url(../images/lang_over.jpg) no-repeat -25px 0px;}

/*************************************************** Settrade */
.plRight { position:relative; }
#home .plRight #open_set { position:absolute;width:55px;height:50px;top:365px;left:195px;cursor:pointer; }
#home .plRight #form_set { position:absolute;width:220px;height:230px;top:125px;left:20px;display:none; border:1px solid #e1e1e1;background:#fff;text-align:center;padding-top:10px;}
.plRight #open_set { position:absolute;width:55px;height:50px;top:365px;left:180px;cursor:pointer; }
.plRight #form_set { position:absolute;width:220px;height:230px;top:123px;left:14px;display:none; border:1px solid #e1e1e1;background:#fff;text-align:center;padding-top:10px;}