/* CSS Document */

body

{

font-family:"Microsoft Yahei", "Simsun";

font-size:14px;

margin:0px;

padding:0px;

background: #e5f1d0 url(images/bg_bottom_leaf.png) no-repeat bottom;

}

a {text-decoration:none;}

p {line-height:150%;}

img {border:none;}

#Container

{

margin:0px auto;

width:960px;

}

ul

{

	list-style-type:none;

	margin:0px;

	padding:0px;

}

.cls{clear:both;}

img{border:none;}

/*  start content div */

#left-leaf

{

	position:absolute;

	left:0px;

	top:0px;

	width:324px;

	height:411px;

	background-image:url(images/bg_left_leaf.png);

	z-index:-1;

}

#right-leaf

{

	position:absolute;

	right:0px;

	top:0px;

	width:476px;

	height:521px;

	background-image:url(images/bg_right_leaf.png);

	z-index:-1;

}

#container

{

	width:960px;

	clear:both;

	margin:0px auto;

}

#top-container

{

	height:150px;

	width:100%;

}

#logo

{

	float:left;

}

#top-icon

{

	float:right;

	margin-top:100px;

}

#top-icon a

{

	margin:0px 5px;

}

#top-links

{

	float:right;

	margin-top:100px;

	line-height:30px;

}

#top-links a {color:#3d8b05;text-decoration:none;}

#menu-container

{

	clear:both;

	width:100%;

	height:95px;

	background:url(images/bg_menu.png) 0px -95px no-repeat;

	position:relative;

}

.menu {width:240px;height:95px;float:left;}

#menu1:hover

{

	background:url(images/bg_menu.png) 0px 0px no-repeat;

}

#menu2:hover

{

	background:url(images/bg_menu.png) -240px 0px no-repeat;

}

#menu3:hover

{

	background:url(images/bg_menu.png) -480px 0px no-repeat;

}

#menu4:hover

{

	background:url(images/bg_menu.png) -720px 0px no-repeat;

}

/*开始子菜单*/

.submenu

{

	position:absolute;

	top:95px;

	background-color:#7ebd25;

	display:none;

}

.submenu ul li:hover

{

	background-color:#f5a716;

}

#submenu3

{

	left:480px;

	z-index:10;

}

/*结束子菜单*/

#path-container

{

	background-color:#5ea415;

	height:40px;

	line-height:40px;

	color:#FFF;

	text-indent:20px;

}

#path-container a {color:#FFF;}

#join-container

{

	height:200px;

	background:url(images/bg_join.png) 0px 0px no-repeat;

	position:relative;

}

#join-button

{

	width:120px;

	height:120px;

	position:absolute;

	right:40px;

	top:40px;

	cursor:pointer;

	background:url(images/button_join.png) 0px 0px no-repeat;

}

#join-button:hover

{

	background:url(images/button_join_a.png) 0px 0px no-repeat;

}

#download-button

{

	width:120px;

	height:120px;

	position:absolute;

	right:40px;

	top:40px;

	cursor:pointer;

	background:url(images/button_download.png) 0px 0px no-repeat;

}

#download-button:hover

{

	background:url(images/button_download_a.png) 0px 0px no-repeat;

}

#foot-container

{

	width:100%;

	height:232px;

	clear:both;

	margin-top:20px;

	background:url(images/bg_foot.png) 0px 0px no-repeat;

}

#foot-icon

{

	padding-top:110px;

	margin-left:40px;

}

#foot-icon a

{

	margin:0px 5px;

}

#foot-links

{

	margin-top:40px;

	margin-left:40px;

	color:#FFF;

}

#foot-links a {color:#FFF;text-decoration:none;}

.white {width:100%;clear:both;text-align:center;background-color:#FFF;font-size:18px;}

.white {color:#5ea415;}

.white a {color:#5ea415;text-decoration:none;}

#join-button-b

{

	width:150px;

	height:150px;

	cursor:pointer;

	margin:10px auto;

	background:url(images/button_join_b.png) 0px 0px no-repeat;

}

#join-button-b:hover

{

	background:url(images/button_join_b_a.png) 0px 0px no-repeat;

}



#popup{width:450px;height:580px;background-image:url(images/bg_popup.png);clear:both;display:none;position:absolute;top:0px;left:0px;z-index: 999999;overflow:hidden;margin-left:-225px;height:300px;}

#popup .close

{

	cursor:pointer;

	width:21px;

	height:21px;

	float:right;

	margin-top:10px;

	margin-right:10px;

}

#popup #intro

{

	color:#FFF;

	width:388px;

	margin:0px auto;

	font-size:16px;

	line-height:28px;

	padding-top:40px;

	padding-bottom:20px;

}

#returnbutton {

    clear: both;

    width: 100%;

    text-align: center;

    cursor: pointer;

}

#popupform{

    width: 388px;

    margin: 0px auto;

    margin-top: 30px;

	background-color:#FFF;

}

.popup-table

{

	font-size: 15px;

    color: #2f7b03;

	font-weight:bold;

	margin-top:10px;

}

.popup-table span{

	color:#f5a717;

	font-size:30px;

	font-weight:bold;

}

#submitbutton {

    clear: both;

    width: 100%;

    text-align: center;

    margin: 5px auto;

    cursor: pointer;

}

#ckb {text-align:center;color:#2f7b03;font-size:12px;font-family:simsun;line-height:36px;}

#shade{

    background: none repeat scroll 0 0 #000000;

    height: 0;

    left: 0;

    opacity: 0.7;

    filter:Alpha(Opacity='70');

    position: absolute;

    top: 0;

    width: 0;

    z-index: 99999;

}

#uploadphoto{width:760px;height:255px;background-image:url(images/bg_photo_upload.png);clear:both;display:none;position:absolute;top:0px;left:0px;z-index: 999999;overflow:hidden;margin-left:-380px;=}

#uploadphoto .close

{

	cursor:pointer;

	width:30px;

	height:30px;

	float:right;

	margin-top:10px;

	margin-right:10px;

}

#bg-content1 {clear:both;width:100%;background:#FFF;}

#bg-intro {float:left;width:490px;margin-left:30px;font-size:13px;}

#bg-truth

{

	background:url(images/background_bg_1.png) bottom no-repeat;

	width:409px;

	height:790px;

	float:right;

	margin-right:15px;

	margin-top:15px;

}

#bg-truth-text {font-size:13px;color:#555555;}

#bg-truth-text div {margin:0px auto;padding-top:65px;width:350px;}

#bg-truth-text div h3 {font-size:15px;color:#69492a;margin:5px 0px;}

#bg-truth-text img {float:right}

#bg-truth-text div p {margin-top:0px;}

.bg-title {margin-bottom:20px;}

#bg-content2 {text-align:center;width:100%;clear:both;background-color:#FFF;padding:20px 0px;}

#bg-content3 

{

	width:100%;

	clear:both;

	background:url(images/background_bg_2.png) #f7f7f5 top no-repeat;

	width:960px;

}

.bg-news-block {width:900px;margin:20px auto;clear:both;font-size:13px;}

.bg-news-block .left {float:left;width:400px;}

.bg-news-block .right {float:right;width:480px;}

.bg-news-block .right .title a {font-size:15px;color:#3d8b05;}

.bg-news-block .right .link {text-align:right;}

.bg-news-block .right .link a {font-size:15px;color:#7ebd25;}

#bg-content4

{

	width:100%;

	clear:both;

	background:url(images/background_bg_3.png) bottom no-repeat;

	width:960px;

	height:380px;

}

.w900 {width:900px;margin:0px auto;}

.bg-solution {float:left;margin-left:30px;margin-top:20px;width:440px;}

.bg-solution a {color:#3d8b05;font-size:15px;line-height:30px;}



#photo-container {padding:20px;background-color:#FFF;}

#commentbox

{

	background:url(images/bg_photo.png) no-repeat top center;

	width:960px;

	height:315px;

}

#comment-list

{

	float:left;

	width:410px;

	margin-top:60px;

	margin-left:45px;

	color:#555555;

}

#comment-list ul li

{

	margin:10px auto;

	line-height:20px;

}

#comment-list ul li span

{

	color:#7ebd25;

	font-weight:bold;

}

#comment-form

{

	float:right;

	width:400px;

	margin-top:50px;

	margin-right:60px;

}

.pager

{

	text-align:right;

	color:#3d8b05;

	font-weight:bold;

	padding-bottom:30px;

	background-color:#FFF;

}

.pager a {color:#3d8b05;}

.author

{

	position:relative;

	color:#555555;

}

.love

{

	position:absolute;

	top:-30px;

	right:10px;

}

.totle

{

	position:absolute;

	bottom:0px;

	right:0px;

}

form input {color:#555;}

#weixin {width:421px;height:598px;clear:both;display:none;position:absolute;top:0px;left:0px;z-index: 999999;overflow:hidden;margin-left:-210px;}

/*瀑布流布局样式*/

#lxf-box { position: relative; width:920px; }

#lxf-box li { position: absolute; background: #fff; left: 0px; top: 0; width:215px; }

#lxf-box li a img {height: auto; border: 0 }

/*css3动画*/

#lxf-box li { -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s }

.bluetitle {font-weight:bold;}

.avatar {float:left;width:25px;margin-right:5px;}

.bluespace {background-color:#1bb9d9;margin:10px auto;height:24px;}

.bluespace .left {float:left;margin-left:10px;padding-top:2px;}

.bluespace .right {float:right;margin-right:10px;}

.photobox {position:relative;}

.sns

{

	position:absolute;

	top:10px;

	left:10px;

}

.delete

{

	position:absolute;

	top:10px;

	right:10px;

}

#timeline-container

{

	width:100%;

	clear:both;

	background:url(images/whatwedo_bg_1.png) top no-repeat;

	width:960px;

	height:640px;

}

#timeline

{

	width:910px;

	height:522px;

	clear:both;

	background:url(images/whatwedo_pic_1.png) top no-repeat;

	margin:10px auto;

	position:relative;

}

#event1

{

	position:absolute;

	width:90px;

	height:100px;

	top:80px;

	left:0px;

}

#event2

{

	position:absolute;

	width:90px;

	height:100px;

	top:357px;

	left:0px;

}

#event3

{

	position:absolute;

	width:90px;

	height:100px;

	top:64px;

	left:98px;

}

#event4

{

	position:absolute;

	width:90px;

	height:100px;

	top:357px;

	left:320px;

}

#event5

{

	position:absolute;

	width:90px;

	height:100px;

	top:80px;

	left:392px;

}

#event6

{

	position:absolute;

	width:90px;

	height:100px;

	top:420px;

	left:464px;

}

#event7

{

	position:absolute;

	width:90px;

	height:100px;

	top:0px;

	left:513px;

}

#event8

{

	position:absolute;

	width:90px;

	height:100px;

	top:390px;

	left:586px;

}

#event9

{

	position:absolute;

	width:90px;

	height:100px;

	top:63px;

	left:658px;

}

#event10

{

	position:absolute;

	width:90px;

	height:100px;

	top:389px;

	left:682px;

}

#event11

{

	position:absolute;

	width:90px;

	height:100px;

	top:15px;

	left:779px;

}

#petition-bg-c

{

	width:960px;

	height:640px;

	background:url(images/petition_background_color.jpg) top no-repeat;

}

.petition-bg-g

{

	width:240px;

	height:640px;

	float:left;

	background:url(images/petition_background_gray_1.jpg) top no-repeat;

}

#petition-bg-g-2 {background:url(images/petition_background_gray_2.jpg) top no-repeat;}

#petition-bg-g-3 {background:url(images/petition_background_gray_3.jpg) top no-repeat;}

#petition-bg-g-4 {background:url(images/petition_background_gray_4.jpg) top no-repeat;}

#animal1

{

	position:relative;

	margin-top:236px;

	margin-left:34px;

	float:left;

	cursor:pointer;

}

#animal2

{

	position:relative;

	margin-top:236px;

	margin-left:26px;

	float:left;

	cursor:pointer;

}

#animal3

{

	position:relative;

	margin-top:236px;

	margin-left:24px;

	float:left;

	cursor:pointer;

}

#animal4

{

	position:relative;

	margin-top:236px;

	margin-left:40px;

	float:left;

	cursor:pointer;

}

.animal-button

{

	position:absolute;

	top:-110px;

	left:44px;

	cursor:pointer;

	display:none;

	height:110px;

}

#animal-button2

{

	left:50px;

}

#animal-button3

{

	left:54px;

}

#animal-button4

{

	left:46px;

}

#progress

{

	width:960px;

	height:100px;

	background:url(images/petition_progress_bg.png) top no-repeat;

	position:relative;

}

#progress-text

{

	position:absolute;

	width:281px;

	height:31px;

	background:url(images/petition_progress_text_bg.png) top no-repeat;

	z-index:3;

	top:12px;

	line-height:28px;

	text-indent:60px;

	color:#3d8b05;

	font-weight:bold;

}

#progress-line

{

	position:absolute;

	width:1px;

	height:10px;

	background-color:#59a112;

	z-index:1;

	top:40px;

	left:45px;

}

#progress-claw

{

	position:absolute;

	top:48px;

	left:30px;

	z-index:3;

}

#progress-bar

{

	position:absolute;

	width:890px;

	height:28px;

	background:url(images/petition_progress_bar.png) top left no-repeat;

	top:52px;

	left:30px;

	z-index:1;

}

#myFocus_box {

width: 960px;

height: 360px;

margin: 0px auto;

}