@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html body, body, h3{ font-family: Arial, Helvetica, sans-serif;}

/*tc version letter spacing*/
.csr2013Inner .csr2013Content .para p, .quoteBox
{
 letter-spacing:0.3em;
}

.ie8LetterSpace{*display:inline-block; *letter-spacing:0.3em; font-size:12px !important;}

.csr2013Inner .csr2013Content .para p br{letter-spacing:0em \9;}

i, em{ font-size:13px;}

.paddT25{ padding-top:25px !important;}
.paddR15{ padding-right:15px !important;}
.txtJustify{ text-align:justify; text-justify:inter-ideograph;}


/*home box setup*/
.csr2013Home td a{position:relative;display:block;}
.csr2013Home td a:hover{cursor:pointer;}
.csr2013Home td span{position:absolute;display:block;z-index:1000;}
.csr2013Home td img{position:relative;z-index:2000;top:20px;left:20px;}

/*home box position adjust*/
.csr2013Home{margin-top:-10px;}
.csr2013Home td{vertical-align:top;text-align:left;}
.csr2013Inner td{vertical-align:top;}
.csr2013Home .box01{width:555px;}
.csr2013Home .box02{width:214px;}
.csr2013Home .box03{width:209px;}
.csr2013Home .box04{width:209px;vertical-align:bottom;}
.csr2013Home .box05{width:241px;}
.csr2013Home .box06{width:314px;}
.csr2013Home .box07{width:423px;}

/*home box bg*/
.csr2013Home .box02 a,.csr2013Home .box02 span{width:209px;height:366px;}
.csr2013Home .box03 a,.csr2013Home .box03 span,.csr2013Home .box04 a,.csr2013Home .box04 span{width:209px;height:180px;}
.csr2013Home .box05 a,.csr2013Home .box05 span{width:236px;height:214px;}
.csr2013Home .box06 a,.csr2013Home .box06 span{width:309px;height:214px;}
.csr2013Home .box07 a,.csr2013Home .box07 span{width:423px;height:214px;}

.csr2013Home .box01 a{background:url(../chi/images/home-01.jpg) no-repeat;width:550px;height:366px;}
.csr2013Home .box01 a:hover{cursor:default;}
.csr2013Home .box02 a{background:url(../chi/images/home-02.jpg) no-repeat;}
.csr2013Home .box03 a{background:url(../chi/images/home-03.jpg) no-repeat;}
.csr2013Home .box04 a{background:url(../chi/images/home-04.jpg) no-repeat;}
.csr2013Home .box05 a{background:url(../chi/images/home-05.jpg) no-repeat;}
.csr2013Home .box06 a{background:url(../chi/images/home-06.jpg) no-repeat;}
.csr2013Home .box07 a{background:url(../chi/images/home-07.jpg) no-repeat;}

/*home box mask*/
.csr2013Home .box02 span{background:#83CBDB;}
.csr2013Home .box03 span{background:#B7A5AD;}
.csr2013Home .box04 span{background:#ADAAB3;}
.csr2013Home .box05 span{background:#CBB17B;}
.csr2013Home .box06 span{background:#C3BEB1;}
.csr2013Home .box07 span{background:#554A3C;}

/*5 base color for title & subtitle*/
.colorGreen {color:#387621;}
.colorPurple{color:#936b91;}
.colorGold  {color:#c59c48;}
.colorBlue  {color:#458ad1;}
.colorBrown {color:#8d765c;}

/*h1 title style*/
.csr2013Inner .csr2013Content h1{padding-bottom:15px;display:inline;font-size:28px;border-top:0;border-left:0;border-right:0;*margin-left:20px;border-bottom-width:1px;border-style:solid; float:left;}
.csr2013Inner .csr2013Content h1.colorGreen {border-color:#387621;}
.csr2013Inner .csr2013Content h1.colorPurple{border-color:#936b91;}
.csr2013Inner .csr2013Content h1.colorGold  {border-color:#59c48;}
.csr2013Inner .csr2013Content h1.colorBlue  {border-color:#458ad1;}
.csr2013Inner .csr2013Content h1.colorBrown {border-color:#8d765c;}

.csr2013Inner .csr2013Content h1.businessCN   {width:140px;}
.csr2013Inner .csr2013Content h1.corpGoverCN  {width:115px;}
.csr2013Inner .csr2013Content h1.staffCN      {width: 56px;}
.csr2013Inner .csr2013Content h1.customersCN  {width: 56px;}
.csr2013Inner .csr2013Content h1.performanceCN{width: 56px;}
.csr2013Inner .csr2013Content h1.communityCN  {width:112px;}
.csr2013Inner .csr2013Content h1.reportCN     {width:140px!important;}
.csr2013Inner .csr2013Content h1.suppliersCN  {width: 84px;}
.csr2013Inner .csr2013Content h1.ourValuesCN  {width:140px!important;}
.csr2013Inner .csr2013Content h1.environmentCN{width: 56px;}
.csr2013Inner .csr2013Content h1.ceMessageCN  {width:168px;}

/*content style: title & table & para & list & quote*/
.csr2013Inner .csr2013Content h2{font-size:16px;border:0;margin:6px 0;}
.csr2013Inner .csr2013Content > tbody > tr > th, .csr2013Inner .csr2013Content .column620{width:620px;padding:0 20px;}
.csr2013Inner .csr2013Content > tbody > tr > td, .csr2013Inner .csr2013Content .column170{width:170px;padding-left:10px;}
.csr2013Inner .csr2013Content .para{text-align:justify;font-size:12px;}
.csr2013Inner .csr2013Content .para p{margin:12px 0;font-weight:normal;}

.csr2013Inner .csr2013Content div.para.colorGreen,.csr2013Inner .csr2013Content div.para.colorPurple,.csr2013Inner .csr2013Content div.para.colorGold,.csr2013Inner .csr2013Content div.para.colorBlue,.csr2013Inner .csr2013Content div.para.colorBrown{color:#333;padding:10px 20px;margin-top:15px; margin-bottom:15px;*+margin-top:0;border-width:0;border-style:solid;}
.csr2013Inner .csr2013Content div.para.colorGreen {background:;border-color:#387621;}
.csr2013Inner .csr2013Content div.para.colorPurple{background:;border-color:#936b91;}
.csr2013Inner .csr2013Content div.para.colorGold{background:;border-color:#59c48;}
.csr2013Inner .csr2013Content div.para.colorBlue{background:#ecf5fd;border-color:#458ad1;}
.csr2013Inner .csr2013Content div.para.colorBrown{background-color:#DBD5CD;border-color:#8d765c;}

.csr2013Inner table.innerTable.colorGreen,.csr2013Inner table.innerTable.colorPurple,.csr2013Inner table.innerTable.colorGold,.csr2013Inner table.innerTable.colorBlue,.csr2013Inner table.innerTable.colorBrown{border-width:1px;border-style:solid;}
.csr2013Inner .innerTable.colorGreen {border-color:#387621;}
.csr2013Inner .innerTable.colorPurple{border-color:#936b91;}
.csr2013Inner .innerTable.colorGold  {border-color:#59c48;}
.csr2013Inner .innerTable.colorBlue  {border-color:#a8c9ea;}
.csr2013Inner .innerTable.colorBrown {border-color:#8d765c;}

.csr2013Inner .innerTable{font-size:12px;margin:5px 0;}
.csr2013Inner .innerTable thead{color:#fff;}
.csr2013Inner .innerTable thead td{text-align:center;font-size:14px;font-weight:bold;padding:14px 0;}
.csr2013Inner .innerTable tbody{background:#fff;}
.csr2013Inner .innerTable tbody td{padding:8px 15px;}

.csr2013Inner .innerTable thead.alignLeft td,.csr2013Inner .innerTable tbody.alignLeft td{text-align:left;padding-left:15px;}
.csr2013Inner .innerTable thead.alignRight td,.csr2013Inner .innerTable tbody.alignRight td{text-align:right;padding-right:15px;}
.csr2013Inner .innerTable.colorBrown.insideBorder td{border-bottom:1px solid #8d765c; border-left:1px solid #8d765c;}
.noBorderLt{ border-left:none !important;}
.noBorderBtm{ border-bottom:none !important;}

.csr2013Inner .innerTable.colorBrown thead{background:#8d765c;}
.csr2013Inner .innerTable.colorBrown .highLight{background:#DDD6CE;}
.csr2013Inner .innerTable.colorBrown .highLight.unableHover{ background:none;}
.csr2013Inner .innerTable.colorBrown .highLight.unableHover thead .highLight{background-color:#8d765c;}
.csr2013Inner .innerTable.colorBrown .unableHover thead .highLight{background-color:#8d765c;}
.csr2013Inner .innerTable.colorBrown .unableHover thead td{color:#fff;}
.csr2013Inner .innerTable.colorBrown .unableHover td{color:#8d765c;}

/*quote style*/
.quoteBox{padding:25px 20px;margin:10px 0;}
.quoteBox .topLt{text-align:justify;font-style:italic;font-size:16px;font-weight:normal;}
.quoteBox .btmRt{text-align:right;font-size:12px;color:#333;margin-top:15px;font-weight:normal;}
.quoteBox .btmRt span{font-size:14px;}

.csr2013Inner .csr2013Content div.quoteBox{background-color:#f2f0d0;border:0;}
.csr2013Inner .csr2013Content div.quoteBox .topLt{color:#c59c48;}
.colorBrown td.borderR{ border-right:1px solid #8d765c;}

/*ul style*/
.csr2013Inner .ulDisc{padding:0 15px;}
.csr2013Inner .ulDisc li{list-style:disc;margin:8px 0;font-weight:normal;}

/*corporate-governance graphic*/
.csr2013Inner .corp-gover-1-line{width:620px;height:33px;background:url(../chi/images/corp-gover-1-line.jpg) no-repeat;}
.csr2013Inner .corp-gover-4-line{width:620px;background:url(../chi/images/corp-gover-4-line.jpg) repeat-y;}
.csr2013Inner .corp-gover-2-line{width:620px;background:url(../chi/images/corp-gover-2-line.jpg) repeat-y;}
.csr2013Inner .corp-gover-4-line table table,.csr2013Inner .corp-gover-2-line table table{margin-top:32px;margin-bottom:0;}
.csr2013Inner .corp-gover-4-line table thead td, .csr2013Inner .corp-gover-2-line table thead td{height:40px;}

.alignLt{text-align:left!important;}
.alignRt{text-align:right!important;}
.alignCt{text-align:center!important;}

.txtJustify, .txtJustify p{ text-align:justify; text-justify:inter-ideograph;}
.fontSizeSup{font-size:0.8em; vertical-align: top; }
.fontSize11, .fontSizeSmaller{ font-size:0.75em;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fontSizeSup {-webkit-transform: scale(0.70);display: inline-block; vertical-align: top; }
	.fontSize11{-webkit-transform: scale(0.70); display: inline-block;}
	.fontSizeSmaller{-webkit-transform: scale(0.95); display: inline-block;}
}

/*left menu*/
div.thm_containerPage{
	width:978px;
	*width:979px;
}

.thm_containerLeftMenu{
	padding-top:0 !important;
	background:#85ba41 url(../eng/images/bg_green.gif) repeat-y 0 0;
	width:136px !important;
	display:inline-block!important;
}

.thm_LeftMenu_menutable{
	background-color:#85ba41;
}


.thm_LeftMenu_menutable td{
	padding:13px 8px 9px 0;
}


.thm_LeftMenu_menutable a, .subMenuTb li a.thm_link{
	color:#fff !important;
	font-size:12px;
}

.thm_LeftMenu_bold{ 
	padding:15px 15px 15px 18px;
	font:bold 14px Arial;
}


/*sub menu*/
.subMenu{
	padding:0 !important;
}

.subMenu ul{
	display:none;
}

#menu5.thm_LeftMenu_menutable.active ul{
	display:block;
}

.subMenu li{
	*display:inline-block;
	display:block;
	background-color:#abd453;
}

.subMenu li a{
	padding:11px 0 11px 30px;
	padding-top:10px \9;
	padding-bottom:0 \9;
	*display:inline-block;
	display:block;
	line-height:1.1em;
}

.subMenu li a.thm_link, .subMenu li a.thm_link:hover{
	font-style:italic !important;
}

#menu5.thm_LeftMenu_menutable.active ul li a{
	color:#fff;
}

/*hover effect*/
.thm_containerLeftMenu table.thm_LeftMenu_menutable.selected tr.first td, .subMenu li.selected, .thm_containerLeftMenu table.thm_LeftMenu_menutable.active, #menu5.thm_LeftMenu_menutable.active.selected ul li.active{
	background-color:#bdda7d;
	cursor:pointer;
}

.thm_containerLeftMenu table.thm_LeftMenu_menutable tr.first td a, .thm_containerLeftMenu table.thm_LeftMenu_menutable.selected tr.first td a, .subMenu li.selected a.thm_link, #menu5.thm_LeftMenu_menutable.active.selected ul li.active a{
	 text-decoration:none ;
}

.thm_containerLeftMenu table.thm_LeftMenu_menutable.selected tr.first td a, .subMenu li.selected a.thm_link, #menu5.thm_LeftMenu_menutable.active ul li:hover a, .thm_LeftMenu_menutable.active .thm_LeftMenu_menu a, #menu5.thm_LeftMenu_menutable.active.selected ul li.active a{	
	color:#4c9844 !important;
}



/*about this report*/
.csr2013Inner .csr2013Content h1.colorPurple{width:300px;}


.csr2013Inner .csr2013Content > tbody > tr > th.rightFullCol{
	padding-right:0;
}

.csr2013Inner .csr2013Content > tbody > tr > th.rightFullCol .para{
	width:800px;
}


/*Our Values*/

.csr2013Inner .csr2013Content h1.colorBlue{width:190px;}

.tipsHolder{
	display:inline-block;
	margin-top:15px;
}

.tipsHolder li{
	background-color:#ecf5fd;
	width:184px;
	height:165px;
	height: 204px \9;
	width: 204px \9;
	display:inline-block;
	padding:10px 10px 20px 10px;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

.tipsHolder li p{
	margin-bottom:2px !important;
}

.tipsHolder li table{
	text-align:left;
	margin-bottom:5px !important;
	font-size:12px;
}

.tipsHolder li table td{
	padding-right:2px;
	padding-bottom:5px;
}

.tipsHolder li.workPlace, .tipsHolder li.product{
	margin-right:0;
}

.tipsHolder li.econ table td, .tipsHolder li.econ p{
	color:#f17e5b;
}

.tipsHolder li.environment table td, .tipsHolder li.environment p{
	color:#d9b820;
}

.tipsHolder li.workPlace table td, .tipsHolder li.workPlace p{
	color:#6799d1;
}

.tipsHolder li.human table td, .tipsHolder li.human p{
	color:#84b140;
}

.tipsHolder li.society table td, .tipsHolder li.society p{
	color:#5b7fab;
}

.tipsHolder li.product table td, .tipsHolder li.product p{
	color:#ed779e;
}

.csr2013Inner .innerTable.colorBlue thead{background:#a8c9ea; text-align:left;}
.csr2013Inner .innerTable.colorBlue thead td{ text-align:left; padding-left:16px;}

.csr2013Inner .innerTable.colorBlue tbody td{ color:#333;}
.colorBlue2{ color:#a2bbd2;}

.paddLR20{ padding:0 20px;}
.paddL18{ padding-left:18px !important;}


/*CE Message*/
h1.colorGold.ceMessage {width:330px;}

/*Enviroment*/

.csr2013Inner .csr2013Content div.keyInBox{border:1px solid #82776b; margin:20px 0;}
.keyInTb td{padding:5px 10px; color:#82776b; font-size:16px;}
.keyInTb td.first{ color:#fff; background-color:#8d765c;}
.keyInBox .para{ padding:10px 20px;}
.keyInBox .para h3{ font-size:16px;color:#82776b; text-align:left;}


.fullColTb thead th{ padding:5px 3px; font-size:13px; font-weight:bold;}
.csr2013Inner .innerTable.fullColTb tbody.alignRt td{padding:10px 0 10px 5px;}


/*Lightbox Custom*/
/*#fancybox-outer #fancybox-bg-s{bottom:0;left:10px;width:600px;*+width:590px;height:10px;background:#A6D853!important;z-index:2000;overflow:hidden;}
#fancybox-outer #fancybox-bg-se{bottom:0;right:0;width:10px;height:10px;background:#4C9720!important;z-index:3000;overflow:hidden;}
#fancybox-outer #fancybox-bg-n,#fancybox-bg-ne,#fancybox-bg-e,#fancybox-bg-se,#fancybox-bg-w,#fancybox-bg-sw,#fancybox-bg-nw{background-image:none;}*/
#fancybox-close{width:33px;height:33px;background:url(fancy_close.png) no-repeat;}
.btnCloser{width:33px;height:33px;background:url(fancy_close.png) no-repeat;}
a.lightbox{display:block;margin-top:5px;margin-bottom:10px;*+margin-bottom:5px;position:relative;}
a.lightbox.first{margin-top:15px;}
a.lightbox:hover{cursor:pointer;}
a.lightbox span{position:absolute;width:170px;height:170px;background:url(mask-fancybox-hover.png) no-repeat;}
a.lightbox .zoom{position:absolute;*+top:136px;*+left:136px;bottom:5px;right:5px;}





/*************/
/* Reset CSS */
/*************/





*{-webkit-text-size-adjust: none;}

/* remove the line around the link */
a, a:focus, img {
	noFocusLine:expression(this.onFocus=this.blur()); 
	-moz-outline: none !important;
	outline: none;
}

/* Clear Fix -- Add the "clearfix" class to the parent element of floated item(s) to clear -- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */


/* ######### reset tags' default value in different browsers  ######### */
body,
html,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}