html, body {
	height:100%;
	margin: 0px;
}
.meuntable {
	background-color: #B8E179;
}
.csr_container {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	padding: 0 40px 0px 50px;
}
.csr_container h1, .csr_container h2, .csr_container p, .csr_container .subMenu, .csr_container .gotop, .csr_container ul {
	display: block;
	margin-right: 184px;
}
.csr_container h1 {
	font-size: 28px;
	text-indent:-1000px;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 0px;
	height: 32px;
	overflow: hidden;
	color: #5B7325;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.csr_container h2 {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.csr_container p {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: 16px;
	text-align: justify;
}

.csr_container ul {
	list-style:none;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}

.csr_container li {
	display:block;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 12px;
	background-image: url(../image/common_bullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
}

.csr_container .gotop {
	text-align: right;
	margin-left: 500px;
}

a.gotop{
	color:#000000 !important;
}

.csr_container .subMenu {
	font-weight: bold;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	font-size: 14px;
	color: #000000;
}
.csr_container .subMenu li {
	display:block;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 14px;
	background-image: url(../image/submenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.csr_container .subMenu li a {
	text-decoration:none;
	color: #000000;
	line-height: 14px;
}
.csr_container .sidePics {
	position: absolute;
	left: 796px;
	top: 400px;
}
.csr_container .picLeft {
	display: block;
	float: left;
	padding: 4px 10px 6px 0px;
}
.csr_container .picRight {
	display: block;
	line-height: 10px;
	float: right;
	width: 152px;
	padding: 4px 0px 0px 10px;
}
.csr_container .picInline {
	display: block;
	margin: 0px 0px 12px 0px;
}
.chart_note{
	width:550px;
}

/* for index */

.index .csr_container {
	padding:0px;
	width:855px;
	height:548px;
	background-color:#FFFFFF;
	background-image:url(../image/cover_img.jpg);
	background-repeat:no-repeat;
	
}
.index .csr_container h1 {
	display:block;
	margin: 0px;
	padding: 0px;
	width: 380px;
	height: 140px;
	position:relative;
	left:45px;
	top:369px;
	background-image:url(../image/index_title.gif);
	background-repeat:no-repeat;

}
.index .csr_container .playBtn {
	display:block;
	margin: 0px;
	padding: 0px;
	width: 140px;
	height: 90px;
	position:relative;
	left:308px;
	top:95px;
	background-image:url(../image/index_play_btn.jpg);
	background-repeat:no-repeat;
	background-position: 37px 10px;
	text-indent:-1000px;
	overflow:hidden;
}

/* for video */

body.video_small {
	background-image:url(../image/video_bg.gif);
}
body.video_small div {
	background-image:url(../image/video_title_small.gif);
	background-repeat:no-repeat;
	padding-top: 176px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body.video_small a {
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body.video_big {
	background-image:url(../image/video_bg.gif);
}
body.video_big div {
	background-image:url(../image/video_title_big.gif);
	background-repeat:no-repeat;
	padding-top: 112px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 52px;
}

/* section specific style */
.about_this .csr_container{
	/* background-image: url(../image/head_about.jpg);		*/
}
.about_this .csr_container h1{
	background-image: url(../image/head_about.jpg);		
	height:173px;
	width:100%;
}
.about_this .csr_container h2{
	color:#aa242b;
}
.better_future .csr_container {
	/* background-image: url(../image/better_future_bg.jpg);*/
}
.better_future .csr_container h1 {
	background-image: url(../image/better_future_bg.jpg);
	height:173px;
	width:100%;
}

.business .csr_container {
	/*background-image: url(../image/head_ourBusiness.jpg);*/
}
.business .csr_container h1 {
	/*background-image: url(../image/business.gif);*/
	background-image: url(../image/head_ourbusiness.jpg);	
	height:173px;
	width:100%;

}
.business .csr_container h2 {
	color:#0094a3;
}
.business .csr_container .chartSingle{
	width:580px;
}
.business .csr_container .chartSingle td ul{
	padding:0;
	margin:0;
}
.ce_message .csr_container {
	/* background-image: url(../image/head_chief.jpg); */
}
.ce_message .csr_container h1 {
	/* background-image: url(../image/ce_message.gif); */
	background-image: url(../image/head_chief.jpg);
	height:173px;
	width:100%;
}

.community_bank .csr_container{
	/*background-image: url(../image/head_communityBank.jpg);*/
}
.community_bank .csr_container h1{
	background-image: url(../image/head_communitybank.jpg);
	height:173px;
	width:100%;
}
.community_bank .csr_container h2{
	color:#794397;
}

.customers .csr_container {
	/* background-image: url(../image/head_customers-suppliers.jpg); */
}
.customers .csr_container h1 {
	/*background-image: url(../image/customers.gif); */
	background-image: url(../image/head_customers_suppliers.jpg);
	height:173px;
	width:100%;
}
.customers .csr_container h2{
	color:#16499b;
}
.green_bank .csr_container {
	/*background-image: url(../image/head_greenBank.jpg);*/
}
.green_bank .csr_container h1 {
	/*background-image: url(../image/green_bank.gif);*/
	background-image: url(../image/head_greenbank.jpg);
	height:173px;
	width:100%;
}
.green_bank .csr_container h2{
	color: #0c9440;
}
.green_bank .csr_container table.chart{
	border: 0 1px 1px 1px solid #0c9440;
}
.green_bank .csr_container table.chart th, .green_bank table.chart td{	
	border: 1px solid #0c9440;
	padding: 5px;
	text-align:center;
	width: 40px;
	height:30px;
}
.green_bank .csr_container table.chart th{		
	background-color: #0c9440;
	color: #ffffff;
	font-weight:bold;
}
.green_bank .csr_container table.chart td.title{	
	font-size: 0.9em;
	font-weight: bold;
	text-align:left;
	width:180px;
	
}
.green_bank .csr_container table.chart .small{
	font-size:0.8em;
	line-height: 10px;
	text-align:left;
}
.green_bank .csr_container .chart_key{
	font-size: 0.9em;
}
.green_bank .csr_container .chart_key td{
	padding: 0 5px 0 5px;
	
}
.green_bank .csr_container .chart_key th{
	font-weight: normal;
	text-align:right;
	vertical-align:top;
}

.people .csr_container {
	/*background-image: url(../image/head_ourStaff.jpg);*/
}
.people .csr_container h1 {
	background-image: url(../image/head_ourstaff.jpg);
	height:173px;
	width:100%;
	/* background-image: url(../image/people.gif); */
}
.people .csr_container h2 {
	color:#f2572b;
}
.people .csr_container table.chart{
	margin:0;
	padding:0;
	border-top: none;
	border-right: 1px solid #f2572b;
	border-bottom: 2px solid #f2572b;
	border-left: 1px solid #f2572b;
}
.people .csr_container table.chart th, .people table.chart td{		
	border-left:  1px solid #f2572b;
	border-right: 1px solid #f2572b;
	font-size: 0.9em;
	margin:0;
	padding: 5px;
	width:70px;
}

.people .csr_container table.chart th.full{		
	width:100%;
}

.people .csr_container table.chart th{		
	background-color: #f2572b;
	color: #ffffff;
	font-weight:bold;
	text-align:left;
}
.people .csr_container table.chart td{
	text-align:center;
}
.people .csr_container table.chart tr.title td{		
	background-color: #f6ac2a;
	font-weight: bold;
}
.people .csr_container table.chart td.title{
	text-align:left;
	width:160px;
}
.people .csr_container table.chart .small{
	font-size:0.9em;
}
.people .csr_container .chart_key{
	font-size: 0.9em;
}
.people .csr_container .chart_key td{
	padding: 0 5px 0 5px;
	vertical-align:top;
}
.people .csr_container .chart_key th{
	font-weight: normal;
	text-align:right;
	vertical-align:top;
}

.performance .csr_container {
	/* background-image: url(../image/head_ourPerformance.jpg); */
}
.performance .csr_container h1 {
	/* background-image: url(../image/performance.gif); */
	background-image: url(../image/head_ourperformance.jpg);
	height:173px;
	width:100%;
}
.performance .csr_container h2{
	color:#444444;
}
.performance .csr_container table.chart{
	margin:0;
	padding:0;
	border-top: none;
	border-right: 1px solid #444444;
	border-bottom: 2px solid #444444;
	border-left: 1px solid #444444;
}
.performance .csr_container table.chart th, .performance table.chart td{		
	border-left:  1px solid #444444;
	border-right: 1px solid #444444;
	font-size: 0.9em;
	margin:0;
	padding: 5px;
	text-align:right;
}
.performance .csr_container table.chart th{		
	background-color: #444444;
	color: #ffffff;
	font-weight:bold;
}
.performance .csr_container table.chart td.title{		
	font-weight: bold;
	width:360px;
	text-align:left;
	
}
.performance .csr_container table.chart th.title{
	text-align:left;
}
.performance .csr_container table.chart td.new{
	font-weight: bold;
}
.performance .csr_container table.chart .small{
	font-size:0.9em;
}
.performance .csr_container table.chart ul.nobulllist{
	font-weight:bold;margin-right:0;width:530px;
	text-align:left;	
	}
.performance .csr_container table.chart ul.nobulllist li{
	background:none;
}
.performance .csr_container .chart_key{
	font-size: 0.8em;
}
.performance .csr_container .chart_key td{
	padding: 0 5px 0 5px;
	vertical-align:top;
}
.performance .csr_container .chart_key th{
	font-weight: normal;
	text-align:right;
	vertical-align:top;
}
.performance .csr_container .chart_desc{font-size:0.8em}
.performance .csr_container .chart_note{font-size:0.8em}


.responsible_business .csr_container {
	/* background-image: url(../image/head_responsibleBusiness.jpg); */
}
.responsible_business .csr_container h1 {
	/* background-image: url(../image/responsible_business.gif); */
	background-image: url(../image/head_responsiblebusiness.jpg);
	height:173px;
	width:100%;
}
.responsible_business .csr_container h2{
	color: #04703e;
}
.chart  .blkset1 .blk{height:210px}
.chart  .blkset2 .blk{height:250px}
.chart  .blk p{padding:0 10px 0 10px;margin:0;text-align:left;width:95%}
.chart  .blk ul{padding:0;margin:0 0 0 20px;}
.chart h3{color:#04703e;font-size:1em;font-weight:bold;text-align:center;width:100%;padding:5px 0 5px 0;margin:0}
.responsible_business .chart h2{background:#04703e;color:#FFFFFF;font-size:1.1em;text-align:center;width:100%; padding:5px 5px 5px 0;;margin:0;line-height:110%}
.responsible_business .chart .firstlevel{width:420px; border:1px solid #000; padding:0 5px 0 0; margin:0 10px 0 80px;text-align:center;}
.responsible_business .chart .firstlevel li{background-image:none}
.responsible_business .chart .secondlevel .blk{width:180px; border:1px solid #000; padding:0 5px 0 0;margin:0px 10px 0 0;float:left}
.responsible_business .chart .secondlevel .blk ul{list-style:disc outside !important}
.responsible_business .chart .secondlevel .blk ul li{display:list-item;padding-left:0;background:none;list-style:disc outside !important}

.responsible_business .chartSingle h2{background:#04703e;color:#FFFFFF;font-size:1.1em;text-align:left;text-indent:10px;width:100%;padding:0 0 0 0;margin:0}
.responsible_business .chartSingle h3{color:#04703e;font-size:1em;font-weight:bold;text-align:left;width:100%;padding:10px 0 0 10px; margin:0}
.responsible_business .chartSingle .firstlevel p{padding:0 10px 5px 10px;margin:0;text-align:left;width:95%}
.responsible_business .chartSingle .firstlevel{width:550px; border:1px solid #000; margin:0 10px 0 0;text-align:left;}

/*
DIV{background-color:red}
H1{background-color:pink}
H2{background-color:orange}
H3{background-color:yellow}
p{background-color:green}
ul{background-color:blue}
*/