body {

background:transparent url(../images/body_blue_line.gif) repeat-x 0px 70px;

font-family:Arial;

margin:0px;

padding:0px;

text-align:center;

}

img {
border:0px;

}

#wrap {
position: relative;

margin:0px auto;

text-align:center;

width:850px;

}

#header {

background:transparent url('') no-repeat 604px bottom; text-align:left;

}

#lauguageAndSearch {

float:right;

margin-top:20px;

}

#lauguage {

color:#999999;

font-size:12px;

width:120px;

}

#lauguage a {

color:#999999;

font-size:12px;

text-decoration:none;

}

#searchInput {

background:#F3F3F3 none repeat scroll 0%;

width:100px;

}

#search {

color:#013366;

font-size:12px;

font-weight:bold;

}

#search a {

color:#013366;

font-size:12px;

text-decoration:none;

}

#blueLink {

height:35px;

}

#menu {

background:transparent url(../images/menu.gif) no-repeat;

float:left;

height:35px;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0px;

padding:0px;

}

#menu li {

float:left;

width:134px;

}

#menu li#home {

width:68px;

}

#menu li a {

display:block;

line-height:35px;

overflow:hidden;

text-indent:-999em;

width:100%;

}

#menu li#home a:hover, #menu li#home a#current {

background:transparent url(../images/menu.gif) no-repeat 0px -35px;

}

#menu li#enterprise a:hover, #menu li#enterprise a#current {

background:transparent url(../images/menu.gif) no-repeat -68px -35px;

}

#menu li#employee a:hover, #menu li#employee a#current {

background:transparent url(../images/menu.gif) no-repeat -202px -35px;

}

#menu li#hr a:hover, #menu li#hr a#current {

background:transparent url(../images/menu.gif) no-repeat -336px -35px;

}

#menu li#about a:hover, #menu li#about a#current {

background:transparent url(../images/menu.gif) no-repeat -470px -35px;

}

#searchLink {

background:transparent url(../images/BgSrc.jpg) no-repeat 0%;

color:#003D7E;

float:left;

font-size:12px;

font-weight:bold;

line-height:35px;

text-indent:0px;

width:245px;

height:35px;
}
#searchLink table{
	margin:0px auto;
	margin-top:4px;
} 
#searchLink table td{
	vertical-align:top;
}
#searchLink table td.src{
	padding-right:3px;
}
#searchLink table td.src span{
	background:url('../images/images2009/srchBg.jpg') left top no-repeat;
	display:block;
	height:20px;
	padding:0px 3px;
}
#searchLink table td.src input{
	border:0px;
	background:transparent;
	color:#7f7f7f;
	width:130px;
	font-family:Arial;
}
#searchLink a {

color:#CC0000;

text-decoration:underline;

}

#ballShadow {

background:transparent url('') no-repeat 604px 0px;

height:29px;

}

#main {

background:transparent url(../images/main_bg.gif) no-repeat left bottom;

float:left;

width:850px;

text-align:left;

}

#left {

background:transparent url(../images/left_bg.gif) no-repeat 0px 49px;

float:left;

width:185px;

}

#left h2 {

margin:0px;

}

#sideNav {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0px 15px 20px 5px;

padding:0px;

}


#sideNav ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0px 0px 0px 49px;

padding:0px;

}
#sideNav li.Current ul {
	display:block;
}

#sideNav li {
	margin-bottom:3px;
}

#sideNav li ul {
	margin-left:20px;
}


#sideNav li li ul {
	margin-left:15px;
}
#sideNav li ul {
	display:none;
}
#sideNav ul#s1210,
#sideNav ul#s1211,
#sideNav ul#s1212,
#sideNav ul#s1213,
#sideNav ul#s1214 {
	display:block;
}



#sideNav li a {
	background:url("../images/sidenav_bg_01.gif") no-repeat; color:#333; display:block; font-size:14px; line-height:28px; text-decoration:none; text-indent:1.8em; width:100%; font-weight:bold;
}

#sideNav li.Current a,
#sideNav li a:hover {
	background:url("../images/sidenav_bg_01_on.gif") no-repeat; color:#efba1c; 
}
#sideNav li.Current li a,
#sideNav li li a {
	background:url("../images/sidenav_bg_02.gif") no-repeat; color:#333;
}
#sideNav li li.Current a,
#sideNav li li a:hover {
	background:url("../images/sidenav_bg_02_on.gif") no-repeat; color:#efba1c; 
}

#sideNav li li.Current li a,
#sideNav li.Current li li a,
#sideNav li li li a {
	text-indent:1.2em; background:transparent url("../images/sidenav_bg_03.gif") no-repeat; color:#333;
}
#sideNav li li li.Current a,
#sideNav li li li a:hover {
	background:url("../images/sidenav_bg_03_on.gif") no-repeat; color:#efba1c; 
}
#s1204 ul {
	display:block;
}


#right {

float:right;

width:658px;

}

#columnHeader {
	position:absolute; width:843px;
}

#navigation {

position:relative;

right:0px;

background:transparent url(../images/navi_bg.gif) no-repeat right top;

color:#00468B;

font-size:12px;

line-height:22px;

margin-bottom:4px;

padding:0px 10px;

text-align:right;

}

#navigation a {

color:#00468B;

text-decoration:none;

}

#story {

border:1px solid #EAEAEA;

padding:9px 0px;

text-align:center;

}

#story img {

border:1px solid #EAEAEA;

}

#content {

margin:10px; font-size:13px;

}
#content td {
	font-size:13px; color:black;
}

#content h3 {

background:transparent url(../images/title_bg.gif) no-repeat left 80%;

color:black;

font-size:14px;

margin:0px 0px 10px;

padding-left:30px;

}

#content h3 span {

background:white none repeat scroll 0%;

padding:0px 5px;

}

#content p {

color:black;

font-size:13px;

line-height:1.6em;


}

#content a {
	text-decoration:none;
}

#footer {

border-top:1px solid #E9E9E9;

clear:both;

color:black;

font-size:12px;

margin:10px 2px 15px;

padding:2px 0px;

text-align:left;

}

#footer #bottomLink {

float:right;

padding-right:5px;

}

#footer #bottomLink a {

color:black;

text-decoration:none;

}

#footer #copyright a {

color:black;

text-decoration:none;

}

#flow {

}

#flow .flowLine {

background:transparent url(../images/flow_line_bg.gif) repeat-y scroll 0%;

color:#6E6E6E;

font-size:14px;

font-weight:bold;

text-align:center;

}

h4 .more {

float:right;

}

#employee_servies .box {

height:117px;

vertical-align:top;

width:310px;

}

#employee_servies .box h4 {

border-bottom:1px dotted #666666;

color:black;

font-size:12px;

line-height:1.4em;

margin:6px 10px;

}

#employee_servies .box ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:6px 10px;

padding:0px;

}

#employee_servies .box ul li {

background:transparent url(../images/list_arrow.gif) no-repeat left center;

font-size:12px;

padding-left:15px;

}

#employee_servies .box ul li a {

color:black;

text-decoration:none;

}

#employee_live #liveBox {

background:transparent url(../images/empolyee_live_bg1.gif) no-repeat 0%;

height:262px;

vertical-align:top;

width:369px;

}

#employee_live #liveBox h4 {

background:transparent url(../images/empolyee_live_title_line1.gif) no-repeat left bottom;

}

#employee_live #liveBox ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:6px 15px;

padding:0px;

}

#employee_live #liveBox ul li {

background:transparent url(../images/list_point.gif) no-repeat 0px 7px;

font-size:12px;

margin-bottom:4px;

padding-left:10px;


}

#employee_live #liveBox ul li span {

color:#003366;

margin-right:6px;

}

#employee_live #liveBox ul li span a {

color:#003366;

}

#employee_live #liveBox ul li a {

color:black;

text-decoration:none;

}

#employee_live #liveBox ul li a:hover {

text-decoration:underline;

}

#employee_live #sponsorBox {

background:transparent url(../images/empolyee_live_bg2.gif) no-repeat 0%;

height:121px;

vertical-align:top;

width:254px;

}

#employee_live #sponsorBox h4 {

background:transparent url(../images/empolyee_live_title_line2.gif) no-repeat left bottom;

}

#employee_live #sponsorBox table {

background:transparent url(../images/empolyee_live_sponsor_bg.gif) no-repeat center;

}

#employee_live #loginBox {

background:transparent url(../images/empolyee_live_bg3.gif) no-repeat 0%;

height:129px;

vertical-align:top;

width:254px;

}

#employee_live #loginBox h4 {

background:transparent url(../images/empolyee_live_title_line2.gif) no-repeat left bottom;

}

#employee_live #loginBox th {

font-size:12px;

text-align:right;

}

#employee_live #loginBox .txt {

background:transparent url(../images/empolyee_live_login_bg.gif) no-repeat 0%;

height:26px;

width:166px;

}

#employee_live #loginBox .txt input {

background:transparent none repeat scroll 0%;

border:0px none;

font-family:Tahoma;

font-size:12px;

margin:0px 10px;

}

#employee_live h4 {

color:black;

font-size:12px;

line-height:1.6em;

margin:8px 15px;

}

#hr_information {

	background:url("../images/hr_information_bg.jpg") right bottom no-repeat;

}

#hr_information ul {

	margin:0px; padding:0px; list-style:none;

}

#hr_information ul li {

	background:url("../images/hr_info_list_bg1.gif") no-repeat; padding-left:35px;

}

#hr_information ul li.bg2 {

	background:url("../images/hr_info_list_bg2.gif") no-repeat; padding-left:35px;

}

#hr_information ul li a {

	font-size:13px; color:black; text-decoration:none; line-height:27px;

}
#hr_information2 {

	background:url("../images/hr_information_bg.jpg") right bottom no-repeat;

}

#hr_information2 ul {

	margin:0px 100px 0px 20px; padding:0px; list-style:square;

}

#hr_information2 ul li {

	background:url("../images/list_dotted_line.gif") left bottom repeat-x;

}


#hr_information2 ul li a {

	font-size:12px; color:black; text-decoration:none; line-height:27px;

}

#main_content {

	width:843px; text-align:left;

}

#columHeader {

	height:42px;

}

#columnContentWrap {

	border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background:white; padding:0px 1px; font-size:13px; line-height:1.6em;

}

#columnContent {

	background:#f1f1f1 url("../images/column_content_content_bg.gif") repeat-x; padding:20px 60px;

}

#columnContent h4 {

	margin:5px 0px 15px 0px; padding:6px 0px; font-size:14px; color:black; text-align:center; background:url("../images/column_content_title_line.gif") center bottom no-repeat;

}

#columnContent p {

	margin:10px 0px; font-size:13px; color:black; line-height:1.6em;

}

#columnContentEnd {

	height:27px; background:url("../images/column_content_end.gif") repeat-x;

}





/* HOME PAGE style */
#homeContainer {
	width:807px; margin:0px auto; text-align:left;
}
#homeStory {
	float:left; border:1px solid #c8c7c7;
}
#homeStory img {
	
}
#serviceChannel {
	float:right; width:248px;
}

#homeInfo {
	clear:both;
}
#newsAndCareers {
	float:left; width:543px;
}
#newsAndCareers .listTop {
	background:url("../images/home_listtop_bg.gif") right top no-repeat; height:39px;
}
#newsAndCareers .listHeader {
	margin:0px; padding:0px; list-style:none; height:39px;
}
#newsAndCareers .bg01 {
	background:url("../images/images2009/infobg.gif") left top no-repeat;
}

#newsAndCareers .listHeader li {
	float:left; width:138px;
}
#newsAndCareers .listHeader li a {
	display:block; width:100%; line-height:39px; text-indent:-999em; overflow:hidden;
}
#newsAndCareers #listContent {
	background:url("../images/images2009/home_listcontent_bg.gif") left bottom no-repeat; height:222px; overflow:hidden;
	border:1px solid #eaeaea;border-top:0px;
	padding-bottom:6px;
	width:540px;
}
#listContent {
	width:549px;
}
#listContent ul {
	width:540px;
}
#listContent ul li {
	text-align:left;
}
#listContent iframe{
	margin:0px;
	padding:0px;
}
#listContent ul {
	margin:5px 20px; padding:0px; list-style:none;
}
#listContent ul li {
	background:url("../images/images2009/itembg.jpg") left center no-repeat; padding-left:15px; margin-bottom:4px;
}
#listContent ul li a {
	font-size:12px; color:#666; text-decoration:none;
}
#listContent ul li a:hover {
	text-decoration:underline; color:#666;
}


#special {
	width:251px;
}
#specialWrap {
	margin-top:28px;
}
#special .specialBox {
	padding:4px 5px; 
	margin-bottom:5px;
}
#special .specialBox .specialPic {
	float:left; margin-left:0px; border:1px solid #cfcece; background:white; padding:3px;
}
#special .specialBox .specialPic img {
	height:60px;
}
#special .specialBox h4 {
	margin:0px 0px 5px 75px; padding:0px; font-size:12px; color:#003e7f;
}
#special .specialBox h4 a {
	color:#003e7f; text-decoration:none;
}
#special .specialBox p {
	margin:0px 0px 0px 75px; font-size:12px; color:#666; line-height:1.3em;
}
#special .specialBox p a {
	color:#666; text-decoration:none;
}



#newsAndCareers .homeMore {
	width:543px;
}
#special .homeMore {
	width:251px;
}
.homeMore {
	position:absolute;
}
.homeMore img {
	position:absolute; right:0px; top:5px;
}

/****** search ********/
#columnThrough {
	 
}
#columnThrough #columnThroughTop {
	background:url('/template2007/images/search_title.jpg') no-repeat black; width:851px; height:36px;
}
#columnThrough #columnThroughTop #columnThroughTopNav {
	font-size:12px; line-height:22px; margin-bottom:4px; padding:0px 15px;
}
#columnThrough #columnThroughTop #columnThroughTopNav a {
	color:#00468B; text-decoration:none;
}
#columnThrough #columnThroughContent {
	width:839px !important; width:843px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding-bottom:1px; padding-left:1px; padding-right:1px; background:url('/template2007/images/columnThroughContent_bg.jpg') no-repeat bottom;
}
#columnThrough #columnThroughContent td {
	font-size:12px; line-height:18px;
}
#columnThrough #columnThroughContent div {
	font-size:12px; line-height:18px;
}


/*Add calculator style */
.counterblue{
	text-decoration:none;font-size:12px;color:#003E7E;font-weight:bold;
}
.counterimg{
	background:url("../template2007/images/counter_bg_middle.jpg") repeat-y;
}
.counter_bg_middle{
	background:url("../template2007/images/counter_bg_middle_02.jpg") repeat-y;padding:5px 0px 5px 20px;
}

/* Add homepage float icon */
/* Add homepage float icon */
#floatIcon {
	position:absolute; left:0px; top:0px;
}
#floatIcon #chip1 {
	position:absolute; top:135px; width:80px; text-align:center;
}
#floatIcon #chip2 {
	position:absolute; top:135px; width:80px; text-align:center;
}
#floatIcon #chip3 {
	position:absolute; top:450px; width:80px; text-align:center;
}
#floatIcon #chip4 {
	position:absolute; top:450px; width:80px; text-align:center;
}


#picListControl img {
	width:105px; height:85px;
}

/****************2009-08-12*****Frances.Shih***********************/
#content #contentList{
	background:url("/images/images2007/listsbg3.jpg") left bottom no-repeat #fbfbfb;
	padding:0px;
	margin:0px;
	width:640px;
}
#contentList #Lists{
	border-left:2px solid #e7e7e7;
	border-right:2px solid #e7e7e7;
	padding:0px 24px;
	text-align:left;
}
#Lists ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#Lists ul li{
	line-height:1.5em;
	background:url("/images/images2007/listItemBg.jpg") left 6px no-repeat;
	padding-left:20px;
}
#Lists ul li p{
	margin:0px;
}
div.line01{
	background:url("/images/images2007/linebg.gif") left bottom no-repeat;
	line-height:1px;
	margin:10px 0px;
	margin-left:20px;
}
#contentList table.split{
	margin-top:25px;
	margin-bottom:15px;
	margin-left:430px;
}
#contentList table.split td{
	vertical-align:middle;
}
#contentList table.split td span{
	display:inline-block;
	width:15px;
	height:15px;
	border:1px solid #cfcfcf;
	text-align:center;
	margin:0px 3px;
}
#contentList table.split td span a{
	color:#000000;
}

/*****************************/
.lauguage {
color:#999999;
font-size:12px;

}
td.lauguage{
	vertical-align:top;
}
.lauguage a {
color:#999999;
font-size:12px;
text-decoration:none;
}
table.package{
	margin-right:90px;
}
table.package td{
	vertical-align:top;
}

/****************************/
div#link{
	padding:5px 0px;
}
div#link img{
	margin-right:8px;
}
div#link img.last{
	margin-right:0px;
	margin-left:4px;
}
div#indexleft{
	float:left;
}
div#indexright{
	float:right;
	width:251px;
}
div#info{
		width:543px;
		background:url('/images/images2009/info.jpg') left top no-repeat;
		height:223px;
		padding-top:37px;
		position:relative
		padding-bottom:8px;
}
div#info div.homeMore{
		position:absolute;
		width:540px;
		top:0px;
}
div#info div.infolists{
		background:url('/images/images2009/listbg.jpg') left top repeat-x;
		border:1px solid #eaeaea;
		border-top:0px;
		height:222px;
	
}
div#info ul.lists{
		margin:0px;
		padding:0px;
		list-style:none;
}
div#info ul.lists li{
		background:url('/images/images2009/itembg.jpg') left 6px no-repeat;
		line-height:1.5em;
		padding-left:20px;
		margin-left:23px;
}
div#info img.illu{
	position:absolute;
	bottom:2px;
	right:2px;
}
div#active{
	background:url('/images/images2009/active_title.jpg') left top no-repeat;
	margin-top:8px;
	padding-top:31px;
}
div#active div.actContent{
	border:1px solid #eaeaea;
	height:137px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:6px;
	border-top:0px;
	width:233px;
}
div#serviceChannel{
	background:url('/images/images2009/surveybg.jpg') left top no-repeat;
	height:169px;
	float:right;
	width:251px;
}
#serviceChannel iframe{
	margin:0px;
	padding:0px;
	width:251px;
}
div#serviceChannel table{
	font-size:12px;
}
div#serviceChannel table.check{
	margin-top:37px;
	margin-left:46px;
}
div#serviceChannel table.check input{
	vertical-align:middle;
}
div#serviceChannel table.check img{
	vertical-align:middle;
}
div#serviceChannel table.check td{
	vertical-align:top
	
}
div#serviceChannel table.sheet{
	margin-left:20px;
}
div#serviceChannel table.sheet td{
	line-height:22px;
}
div#serviceChannel table.sheet input{
	border:0px;
	background:transparent;
	width:136px;
	height:19px;
}
div#serviceChannel table.sheet span{
	background:url('/images/images2009/inputbg.jpg') left top no-repeat;
	display:inline-block;
	line-height:19px;

}
div#serviceChannel table.sheet span.verify{
	background:url('/images/images2009/inputbg2.jpg') left top no-repeat;
}
div#serviceChannel table.sheet span.verify input{
	width:86px;
}
div#serviceChannel table.handin{
	margin-left:75px;
}
div#recruitment{
	float:left; width:543px;
	margin-top:8px;
}
#recruitment #listTop {
	background:url("../images/home_listtop_bg.gif") right top no-repeat; height:39px;
}
#recruitment #listHeader {
	margin:0px; padding:0px; list-style:none; height:39px;
}
#recruitment .bg01 {
	background:url("../images/images2009/home_listheader_01.gif") no-repeat;
}
#recruitment .bg02 {
	background:url("../images/images2009/home_listheader_02.gif") no-repeat;
}
#recruitment #listHeader li {
	float:left; width:138px;
}
#recruitment #listHeader li a {
	display:block; width:100%; line-height:39px; text-indent:-999em; overflow:hidden;
}
#newsList {
	margin-left:135px;
}
#newsList .listPic {
	float:left; margin-left:-113px; margin-top:5px; border:1px solid #cfcece; background:white; padding:3px;
}
#newsList ul{
	font-size:12px;
	color:#565656;
}
#recruitment .homeMore {
	width:543px;
}
#listContent2{
	border:1px solid #eaeaea;
	border-top:1px solid white;
	background:url('../images/images2009/listbg2.jpg') left bottom repeat-x;
	height:215px;
}
#listContent2 ul {
	margin:5px 20px; padding:0px; list-style:none;
}
#listContent2 ul li {
	background:url("../images/images2009/home_list_arrow.gif") left center no-repeat; padding-left:15px; 
	line-height:1.85em
}
#listContent2 ul li a {
	font-size:12px; color:#666; text-decoration:none;
}
#listContent2 ul li a:hover {
	text-decoration:underline; color:#666;
}