@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#666666;
	line-height:100%;
}

h1 {
	font-weight:bold;
	color:#348304;
	font-size:1.2em;
}

img {
	border:0;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}

a {
	color:#666666;
	text-decoration:none;
}

a:hover {
	color:#2C7025;
	text-decoration:underline;
}

p {
	padding:8px 0 8px 0;
	margin:0;
}

#mainContainer {
	font-size:1.05em;
	position: relative;
	width:970px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#topNavContainer {
	margin:0 0 0 0;
	height:86px;
	overflow:hidden;
	background:#FFFFFF url('/big5/images/bg_main.gif') repeat-x;
}

#logo {
	float:left;
	margin:8px 0 0 20px;
}

#functionLinks {
	float:right;
	margin:30px 0 0 0;
	color:#B7B7B7;
	font-size:11px;
	line-height:14px;
}

#functionLinks img {
	vertical-align:middle;
	padding:0 0 0 0;
}

a.btnLargerText, a.btnSmallerText {
	padding:3px;
	display:inline-block;
	vertical-align:middle;
}

#functionLinks a {
	color:#B7B7B7;
}

#functionLinks a.chineseFont {
	font-size:11px;
	line-height:14px;
}

#mainNav {
clear:both;
text-indent:-5000px;
padding:14px 0 0 0;
padding:13px 0 0 0;
margin-left:2px;
}

#mainNav a {
float:left;
display:block;
width:161px;
height:23px;
text-decoration:none;
}

#mainNav a:hover, #mainNav a.active {background-position: 0px -23px;}
#mainNav a#about {background-image: url(/big5/images/nav_about.gif);}
#mainNav a#products {background-image: url(/big5/images/nav_products.gif);}
#mainNav a#corporate {background-image: url(/big5/images/nav_corporate.gif);}
#mainNav a#investors {background-image: url(/big5/images/nav_investors.gif);}
#mainNav a#press {background-image: url(/big5/images/nav_press.gif);}
#mainNav a#careers {background-image: url(/big5/images/nav_careers.gif);}

#footerContainer {
	clear:both;
	position:relative;
	color:#999999;
	padding:10px 0 10px 0;
	font-size:11px;
	line-height:13px;
}

#footerRights {
	float:right;
}

/* For IE 6 and below */
* html .pngImg {
	behavior: url(/big5/css/iepngfix.htc);
}

#navShadowRight, #navShadowLeft, #leftNav {
	float:right;
}

#leftNavContainer {
	width:209px;
	font-size:11px;
	position:absolute;
	left:10px;
	top:147px;
}

#leftNav {
	width:203px;
}

ul.leftNavMenu {
	padding:5px 5px 10px 5px;
	margin:0;
	display:none;
	list-style:none;
}

ul.leftNavMenu a:hover {
	text-decoration:none;
}

ul.leftNavMenu li {
	line-height:14px;
	color:#333333;
	list-style:none;
	padding:0;
	margin:0;
}

ul.leftNavMenu li a {
	color:#333333;
	display:block;
	padding:6px 5px 6px 20px;
	width:168px;
	background:url('/big5/images/left_nav_pt.gif') no-repeat 8px 10px;
}

ul.leftNavMenu li a.active {
	color:#61AB0F;
	font-weight:bold;
}

ul.leftNavMenu li.active {
	width:auto; 
	border-top:solid 1px #7FC219; 
	border-bottom:solid 1px #7FC219; 
	padding:0;
	margin:0;
}

ul.leftNavMenu li a:hover {
	text-decoration:none;
	background-color:#F2F9E8;
}

ul.leftNavMenu li.active a:hover {
	color:#61AB0F;
}

ul.leftNavMenu li.active a {
	font-weight:bold;
	color:#61AB0F;
	display:block;
	padding:10px 5px 5px 20px;
	width:168px;
	background-color:#F2F9E8;
	background-position:8px 14px;
}

ul.leftNavMenu li.active ul {
	background-color:#F2F9E8;
}

ul.leftNavMenu li.active ul li {
	padding:0;
	margin:0;
}

ul.leftNavMenu li.active ul li.active {
	background-color:#DBEEBE;
	border:none;
}

ul.leftNavMenu li.active ul li a {
	font-weight:normal;
	color:#333333;
	padding:5px 5px 10px 34px;
	width:154px;
	background:url('/big5/images/left_nav_sub_pt.gif') no-repeat 23px 10px;
}

ul.leftNavMenu li.active ul li a:hover, ul.leftNavMenu li.active ul li a.active {
	color:#333;
	background-color:#DBEEBE;
}

.subNavList {
	display:none;
}

#breadcrumb {
	float:right;
	height:30px;
	width:727px;
	color:#666666;
	padding:10px 0 0 0;
	margin:0;
	font-size:11px;
	line-height:13px;
	text-align:right;
}

#breadcrumb a {
	color:#666666;
	font-size:11px;
}

#content {
	float:right;
	min-height:380px;
	height:auto !important;
	height:380px;
	width:727px;
	padding:0;
	margin:0;
	font-size:0.9em;
}

.clearfix {display: inline-block;}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

.clearfix {display: block;}

#relatedLinks, #relatedLinks2 {
	float:right;
	width:173px;
	margin:5px 10px 0 0;
	padding:10px 10px 5px 10px;
	border-top:solid 1px #61AB0E;
	border-bottom:solid 1px #61AB0E;
	background-color:#F2F9E8;
}

#relatedLinks2 {
	position:relative;
	top:-3px;
	margin:0 10px 0 0;
}

#relatedLinks img, #relatedLinks2 img {
	margin-bottom:3px;
}

#relatedLinks li a, #relatedLinks2 li a {
	padding:5px 10px 10px 10px;
	display:block;
	width:153px;
	margin:0;
	background:url('/big5/images/left_nav_sub_pt.gif') no-repeat 0 8px;
	color:#333;
}

#relatedLinks li a:hover, #relatedLinks2 li a:hover {
	color:#333;
	text-decoration:underline;
}

.harm{
    width:300px;
    line-height:20px;
	font-size:11px;
    float:left;
}
.harm img{
    float:left;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.right_harm {
    width:330px;
	font-size:11px;
    line-height:20px;
    float:left;
	margin-left:25px;
}
.right_harm img{
    float:left;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.text_high{
	font-size:11px;
   line-height:20px;
   color:#666666;
}