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

/************************************************************************************
sustainability
*************************************************************************************/
#sustainability{
	font-size:12px;
	line-height:130%;
	text-align:justify;
	text-justify:inter-ideograph;	
}
.box{
	margin:0 0 2px 0;	
}
.boxBg1{
	display:block;
	width:962px;
	height:13px;
	background:url(images/sustainability/contentBox_bg1.png) no-repeat;	
}
.boxBg2{
	position:relative;
	display:block;
	width:832px;
	padding:0 65px;
	background:url(images/sustainability/contentBox_bg2.png) repeat-y;	
}
.boxBg3{
	display:block;
	width:962px;
	height:15px;
	background:url(images/sustainability/contentBox_bg3.png) no-repeat;	
}

#sustainability_title{
	padding:0 0 6px 10px;
	border-bottom:1px solid #f08113;
	margin:0 0 10px 0;
}

#nav_scrollableArea{
	position:relative;	
}
#left_fade{
	position:absolute;
	z-index:10000;
	display:block;
	width:20px;
	height:35px;
	top:0px;
	left:13px;
	background:url(images/sustainability/left_fade.png) no-repeat;
}
#right_fade{
	position:absolute;
	z-index:10000;
	display:block;
	width:20px;
	height:35px;
	top:0px;
	right:13px;
	background:url(images/sustainability/right_fade.png) no-repeat;
}
#nav_scrollable{
	position:relative;
	margin:0 0 0 15px;
	width:800px;
	height:35px;
	overflow:hidden;
}
#nav_scrollable ul{
	position:absolute;
	width:1208px;
	margin:0 10px;
}
#nav_scrollable ul li{
	float:left;
	margin:0 2px 0 0;	
}

/* box2 */
.box2{
	position:relative;
	width:962px;
	height:120px;
	margin:0 0 2px 0;	
	background:url(images/sustainability/box2_bg.png) no-repeat;
}
.box2_title{
	position:absolute;
	top:18px;
	left:56px;
}
.box2_txt{
	position:absolute;
	top:46px;	
	left:56px;
	width:850px;
	
}
.readMore_btn{
	position:absolute;
	bottom:11px;	
	right:52px;
}

/* box3 */
.box3{
	position:relative;
	width:962px;
	height:293px;
	margin:0 0 2px 0;	
	background:url(images/sustainability/box3_bg.png) no-repeat;
}
.box3_title{
	position:absolute;	
	top:21px;
	left:56px;
}
.box3_txt1{
	position:absolute;	
	top:50px;
	left:56px;
	width:850px;
}
.box3_txt2{
	position:absolute;	
	top:135px;
	left:56px;
}
.box3_txt2 ul{
	margin: 8px 0 0 18px;
	list-style: square;
}
.box3_txt2 ul li{
	margin:0 0 5px 0;	
}
.box3_btn{
	position:absolute;
	top:140px;
	right:88px;
}

/* box4 */
.box4{
	position:relative;
	width:962px;
	height:154px;
	margin:0 0 2px 0;	
	background:url(images/sustainability/box4_bg.png) no-repeat;
}
.box4_title{
	position:absolute;	
	top:16px;
	left:56px;
}
.box4_txt{
	position:absolute;	
	top:40px;
	left:56px;
	width:600px;
}

.topBtn{
	position:absolute;
	right:50px;
	bottom:12px;	
}

/* box5 */
.box5_bg1{
	display:block;
	width:962px;
	height:18px;
	background:url(images/sustainability/box5_bg1.png) no-repeat;	
}
.box5_bg2{
	position:relative;
	display:block;
	width:832px;
	padding:0 65px 20px 65px;
	background:url(images/sustainability/box5_bg2.png) repeat-y;	
}
.box5_bg3{
	display:block;
	width:962px;
	height:20px;
	background:url(images/sustainability/box5_bg3.png) no-repeat;	
}
.box5_title{
	padding:6px 0 0 0;
}
.box5_txt1{
	margin:5px 0 15px 0;
}
.box5_recyBar{
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}
.box5_recyBox{
	float:left;
	border:1px solid #a1a2a2;
	padding:15px 25px;
	width:355px;
	line-height:81px;
	background:#fff;
	margin:0 2px;
}
.box5_recyBox img{
	float:left;
	margin:0 40px 0 0;	
}
.box5_txt2{
	padding:0 0 0 10px;
}
.box5_txt2_title{
	margin:0 0 8px 0;	
}
.box5_txt2 ul{
	margin:0 0 0 -5px;	
}
.box5_txt2 ul li{
	float:left;
	width:201px;
	margin:0 0 0 5px;	
}
.box5_txt2_photo{
	border:1px solid #9fa09e;
	margin:0 0 6px 0;	
}
.box5_txt2_content{
	padding:0 3px;	
}
.box5_txt2_content img{
	display:block;
	margin:0 0 5px 0;	
}

/* box6 */
.box6_title{
	padding:3px 0 0 0;	
}
.box6_txt{
	margin:5px 0 25px 0;	
}

/* box7 */
.box7_title{
	padding:3px 0 0 0;	
}
.box7_txt{
	margin:10px 0 35px 0;	
}

/* box8 */
.box8_title{
	padding:3px 0 15px 0;	
}
.box8_txt{
	margin:0 0 20px 0;	
}
.box8_txt img{
	display:block;
	margin:0 0 5px 0;	
}

/* box9 */
.box9_title{
	padding:3px 0 20px 0;	
}
.box9_txt{
	width:740px;
	padding:0 0 16px 40px;	
}
.box9_txt img{
	float:left;
	margin:0 45px 0 0;	
}
.box9_txt span{
	width:600px;
	float:left;
	padding:5px 0 0 0;
}
.box9_txt2{
	padding:0 0 25px 7px;	
}
.box9_txt2_title{
	margin:0 0 20px 0;	
}
.box9_txt2 ul{
	margin:0 0 0 -40px;	
}
.box9_txt2 ul li{
	float:left;
	text-align:center;
	margin:0 0 0 58px;	
}

/* box10 */
.box10_title{
	padding:3px 0 20px 0;	
}
.box10_tabBar{
	padding:0 0 18px 7px;	
}
.box10_tabBar ul li{
	float:left;
	margin:0 0 0 3px;	
}
.box10_txt{
	margin:0 0 25px 0;	
}
.box10_txt ul li{
	float:left;
	padding:0 13px;
	width:180px;
	height:240px;
	border-right:1px solid #f08113;
	text-align:left;
	text-justify:auto;
}
.box10_txt ul li span{
	display:block;
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
}
.box10_txt_last{
	border:none !important;
}