/* CSS Document */
#main{overflow:hidden;position:relative;width:1061px;height:280px;*height:320px;margin:0 auto}

#main .gallery{overflow:hidden;position:relative;top:0;left:0;width:6366px;height:280px;}
#main .gallery ul li{float:left;list-style:none}
#main .dock ul {padding-left:110px;}
#main .dock{position:absolute;top:242px;right:0;width:1061px;height:40px;padding-top:0px;background-color:#e6e6e6; padding:3px 0 3px 0px;}
#main .dock ul li{float:left;list-style:none; width:140px;}
#main .dock a.mbutton{display:block;height:30px;text-indent:-999px; cursor:pointer}

.contentInner{border:0px solid #ccc}
#content{width:10px; overflow:hidden; position:relative}
/*news,data,job*/
#content .box{clear:both; width:332px;float:left}
#content .contentLeft .news, .data, .job{width:294px; height:89px; position:relative; padding:22px 18px 19px;font-size:.95em}
#content .contentLeft .news{border-bottom:1px solid #ccc}
#content .contentLeft .data{border-bottom:1px solid #ccc}
#content .contentLeft .job{border-bottom:1px solid #ccc}
#content .contentLeft li a:hover{color:#cc3333}
#content .contentLeft .news h3 a, .data h3 a, .job h3 a{display:block; width:58px; height:18px; text-indent:-9999px; overflow:hidden}
#content .contentLeft .news h3 a{background:url(../images/news.jpg) 0 0 no-repeat}
#content .contentLeft .data h3 a{background:url(../images/data.jpg) 0 0 no-repeat} 
#content .contentLeft .job h3 a{background:url(../images/job.jpg) 0 0 no-repeat}
#content .contentLeft .news ul, .data ul, .job ul{margin-top:19px}
#content .contentLeft .news ul li span, .data ul li span, .job ul li span{color:#333;position:absolute;right:19px}
#content .contentLeft .news a.more, .data a.more, .job a.more{display:block;width:13px;height:18px; position:absolute;top:22px;right:19px;text-indent:-9999px;overflow:hidden}
#content .contentLeft .news a.more{background:url(../images/more.png) 0 0 no-repeat}
#content .contentLeft .data a.more{background:url(../images/more.png) 0 0 no-repeat}
#content .contentLeft .job a.more{background:url(../images/more.png) 0 0 no-repeat}

/*inquiry1,inquiry2*/
#content .contentLeft2 .inquiry1{float:left;width:165px; overflow:hidden}
#content .contentLeft2 .inquiry1 a.more, .inquiry2 a.more{display:block;width:165px;height:130px;text-indent:-9999px;overflow:hidden}
#content .contentLeft2 .inquiry1 a.more{background:url(../images/inquiry01.png) 0 0 no-repeat;}
#content .contentLeft2 .inquiry2 a.more{width:167px;background:url(../images/inquiry02.png) 0 0 no-repeat}
.hidden{position:absolute; left:-1000%; top:0; width:1px; height:1px;line-height:0; overflow:hidden;}	
#content .contentLeft2 .inquiry2 {float:left;width:167px; overflow:hidden}

/*content center*/
#content .contentCenter{width:285px; float:left; position:relative} 
#content .contentCenter	.tvbox{width:285px; height:261px; overflow:hidden; border-bottom:1px solid #ccc}
#content .contentCenter	.tvbox h3 a{display:block; width:59px; height:18px; background:url(../images/video.jpg) 0 0 no-repeat; position:absolute; top:22px; left:20px; text-indent:-9999px; overflow:hidden}
#content .contentCenter .tvbox a.more{display:block; width:13px; height:18px; background:url(../images/more.png) 0 0 no-repeat; position:absolute; top:22px; right:19px; text-indent:-9999px; overflow:hidden}
#content .contentCenter .video{display:block; width:246px; height:188px; margin-top:54px; margin-left:18px}
#content .contentLeft{border-right:1px solid #ccc}
#content .contentCenter{border-right:1px solid #ccc}
#content .contentCenter .ethics{width:249px; height:218px; position:relative; padding:22px 18px 20px; border-bottom:1px solid #ccc}
#content .contentCenter	.ethics h3 a{display:block; width:59px; height:18px; background:url(../images/ethics.jpg) 0 0 no-repeat; position:absolute; top:22px; left:20px; text-indent:-9999px; overflow:hidden}
#content .contentCenter .ethics a.more{display:block; width:13px; height:18px; background:url(../images/more.png) 0 0 no-repeat; position:absolute; top:22px; right:19px; text-indent:-9999px; overflow:hidden}
#content .contentCenter .ethics p{width:270px; height:203px;background:url(../images/ethicsTree.png) 0 0 no-repeat; position:absolute; top:55px;left:9px; text-indent:-9999px; overflow:hidden}
		           
#content .contentRight{width:381px; float:left}
#content .contentRight .socialContribution{border-bottom:1px solid #ccc}
#content .contentRight .history{border-bottom:1px solid #ccc}
#content .contentRight .socialContribution, .history{width:381px;height:261px;overflow:hidden}
#content .contentRight .socialContribution .scb a{display:block;width:381px;height:261px;background:url(../images/socialcontribution.png) 0 0 no-repeat;text-indent:-9999px;overflow:hidden}
			
#content .contentRight .socialContribution .scb h3, .history .story h3{text-indent:-9999px;overflow:hidden}
#content .contentRight .history .story a{display:block;width:381px;height:260px;background:url(../images/history2.png) 0 0 no-repeat;text-indent:-9999px;overflow:hidden}
/*slide banner*/
.partner{width:1000px; clear:both; overflow:hidden}
.partner li img{border:0}
.simply-scroll-clip{position:relative; overflow:hidden}
.simply-scroll-list{overflow:hidden; margin:0; padding:5px; list-style:none; height:53px}
.simply-scroll-list li{margin-right:10px; float:left; width:80px; height:33px}
.simply-scroll .simply-scroll-clip{width:1000px; height:50px}