@-webkit-keyframes spin {
			from {
				-webkit-transform: rotate(0deg);
			}
			to {
				-webkit-transform: rotate(360deg);
			}
		}
		
@-moz-keyframes spin {
			from {
				-moz-transform: rotate(0deg);
			}
			to {
				-moz-transform: rotate(360deg);
			}
		}
		
@-ms-keyframes spin {
			from {
				-ms-transform: rotate(0deg);
			}
			to {
				-ms-transform: rotate(360deg);
			}
		}


#doing_pyrolysis_bg{
	width:1280px;
	height:500px;
	margin:auto;
	padding:0;
	position:relative;}
#control{
	width:192px;
	height:500px;
	float:left;
	background-color:#aaa;}
#tile{
	width:192px;
	height:50px;
	padding-top:20px;
	border-bottom:solid 10px #000;
	text-align:center;
	text-shadow: 0px 1px 0px #fafafa;}
#tile .doing_pyrolysis_copyright{
	font-size:12px;
	text-align:center;}
#control .ctop{
	width:192px;
	height:120px;}
#control .cbottom{
	width:180px;
	height:240px;
	padding-left:20px;
	margin-top:10px;}
#control .doing_pyrolysis_button{
	width:84px;
	height:24px;
	float:left;
	border-radius:2px;
	text-align:center;
	margin-top:10px;
	margin-left:6px;
	font-size:14px;
	line-height:24px;
	color:#fff;
    border:1px #ae7d0a solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;
    background-color:#feb100;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#feb100), to(#e8a201));
    background-image: -webkit-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -moz-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -ms-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -o-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: linear-gradient(top, #feb100 0%, #e8a201 100%);}
#control .doing_pyrolysis_button:hover{
	cursor:pointer;
	background-color:#e8a201;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#e8a201), to(#feb100));
    background-image: -webkit-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -moz-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -ms-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -o-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: linear-gradient(top, #e8a201 0%, #feb100 100%);}
#control .doing_pyrolysis_button span{
	display:none;}
#control .doing_pyrolysis_reset{
	width:84px;
	height:24px;
	float:left;
	border-radius:2px;
	text-align:center;
	margin-top:10px;
	margin-left:6px;
	font-size:14px;
	line-height:24px;
	color:#fff;
    border:1px #ae7d0a solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;
    background-color:#feb100;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#feb100), to(#e8a201));
    background-image: -webkit-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -moz-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -ms-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -o-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: linear-gradient(top, #feb100 0%, #e8a201 100%);}
#control .doing_pyrolysis_reset:hover{
	cursor:pointer;
	background-color:#e8a201;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#e8a201), to(#feb100));
    background-image: -webkit-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -moz-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -ms-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -o-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: linear-gradient(top, #e8a201 0%, #feb100 100%);}
#control .doing_pyrolysis_buttonok{
	width:84px;
	height:24px;
	float:left;
	border-radius:2px;
	text-align:center;
	margin-top:10px;
	margin-left:6px;
	font-size:14px;
	line-height:24px;
	color:#f8f8f8;
	text-shadow:1px 1px 0px #b67f01;
    background-color:#E69F00;
    border:1px #ae7d0a solid;
    -moz-box-shadow:inset 1px 1px 1px #845B01;
	-webkit-box-shadow:inset 1px 1px 1px #845B01;
	box-shadow:inset 1px 1px 1px #845B01;}
#control .the{
	text-align:center;
	text-shadow: 0px 1px 0px #fafafa;}


.switcheryshow {
	width:84px;
	height:24px;
	float:left;
	margin-top:10px;
	margin-left:6px;
	cursor:pointer;
	position:relative;
	background-color:#FFF;
	border:1px #BA8511 solid;
    -moz-box-shadow:inset 1px 1px 3px #BA8511;
	-webkit-box-shadow:inset 1px 3px 5px #BA8511;
	box-shadow:inset 1px 1px 3px #BA8511;}
.switcheryhidden {
	width:84px;
	height:24px;
	float:left;
	margin-top:10px;
	margin-left:6px;
	cursor:pointer;
	position:relative;
	background-color:#444;
	border:1px #DDD solid;
    -moz-box-shadow:inset 1px 1px 3px #000;
	-webkit-box-shadow:inset 1px 3px 5px #000;
	box-shadow:inset 1px 1px 3px #000;}

.sshow{
	display:block;
	width:42px;
	height:20px;
	font-size:12px;
	text-align:center;
	line-height:20px;
	position:absolute;
	top:1px;
	left:1px;
	color:#fff;
    border:1px #ae7d0a solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;
    background-color:#feb100;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#feb100), to(#e8a201));
    background-image: -webkit-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -moz-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -ms-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -o-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: linear-gradient(top, #feb100 0%, #e8a201 100%);
}
.shidden{
	display:block;
	width:42px;
	height:20px;
	font-size:12px;
	text-align:center;
	line-height:20px;
	position:absolute;
	top:1px;
	left:40px;
	color:#000;
    border:1px #000 solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;
    background-color:#000;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ccc), to(#979797));
    background-image: -webkit-linear-gradient(top, #ccc 0%, #979797 100%);
    background-image: -moz-linear-gradient(top, #ccc 0%, #979797 100%);
    background-image: -ms-linear-gradient(top, #ccc 0%, #979797 100%);
    background-image: -o-linear-gradient(top, #ccc 0%, #979797 100%);
    background-image: linear-gradient(top, #ccc 0%, #979797 100%);
}
#show{
	width:1088px;
	height:500px;
	float:left;
	background:-webkit-gradient(linear, 14% 12%, 12% 100%, from(#00F6FF), to(#FFFFFF));
	background:-moz-linear-gradient(top,#00F6FF,#FFFFFF); 
	background-image: -ms-linear-gradient(top, #00F6FF 0%, #FFFFFF 100%);
	background:-o-linear-gradient(top, #00F6FF, #FFFFF);
	position:relative;
	overflow:hidden;}
.ground{
	width:1088px;
	height:64px;
	background-color:#CB8800;
	position:absolute;
	float:left;
	left:0px;
	top:336px;}
.tyre{
	width:64px;
	height:64px;
	float:left;
}
.animate{
	-webkit-animation-name: spin; 
	-webkit-animation-duration: 10000ms; /* 40 seconds */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
			
	-moz-animation-name: spin; 
	-moz-animation-duration: 40000ms; /* 40 seconds */
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
			
	-ms-animation-name: spin; 
	-ms-animation-duration: 40000ms; /* 40 seconds */
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
			
	/* boooo opera */
	-o-transition: rotate(3600deg); /* works */}
.g1{
	position:absolute;
	left:64px;
	top:128px;}
.g2{
	position:absolute;
	left:128px;
	top:128px;}
.g3{
	position:absolute;
	left:192px;
	top:128px;}
.g4{
	position:absolute;
	left:256px;
	top:128px;}
.active{
	display:block;}
.stop{
	display:none;}
.firebg{
	width:256px;
	height:32px;
	position:absolute;
	left:64px;
	top:352px;
	overflow:hidden;
	background:url(../images/firebg.gif) no-repeat;}
.fire{
	width:64px;
	height:32px;
	float:left;}
.f1{
	position:absolute;
	left:0px;
	top:32px;}
.f2{
	position:absolute;
	left:64px;
	top:32px;}
.f3{
	position:absolute;
	left:128px;
	top:32px;}
.f4{
	position:absolute;
	left:192px;
	top:32px;}
.doing_pyrolysis_reacter{
	width:8px;
	height:64px;
	position:absolute;
	top:256px;
	left:336px;}
.rer{
	background-color:#1F2914;
	position:absolute;
	float:left;}
.r1{
	width:9px;
	height:64px;
	left:55px;
	top:256px;}
.r2{
	width:16px;
	height:32px;
	left:320px;
	top:272px;}
.bp1{
	background-color:#aab2bd;
	position:absolute;
	float:left;}
.bp2{
	background-color:#ffce54;
	position:absolute;
	float:left;}
.b1{
	width:24px;
	height:16px;
	left:344px;
	top:280px;}
.b2{
	width:16px;
	height:32px;
	left:384px;
	top:192px;}
.b3{
	width:16px;
	height:16px;
	left:384px;
	top:304px;}
.b4{
	width:32px;
	height:16px;
	left:400px;
	top:192px;}
.b5{
	width:16px;
	height:16px;
	left:440px;
	top:272px;}
.b6{
	width:16px;
	height:16px;
	left:440px;
	top:304px;}
.b7{
	width:32px;
	height:16px;
	left:464px;
	top:288px;}
.b8{
	width:16px;
	height:80px;
	left:480px;
	top:208px;}
.b9{
	width:16px;
	height:16px;
	left:496px;
	top:208px;}
.b10{
	width:16px;
	height:32px;
	left:544px;
	top:176px;}
.b11{
	width:48px;
	height:16px;
	left:560px;
	top:176px;}
.b12{
	width:32px;
	height:16px;
	left:848px;
	top:160px;}
.b13{
	width:16px;
	height:96px;
	left:864px;
	top:176px;}
.b14{
	width:160px;
	height:16px;
	left:656px;
	top:304px;}
.b15{
	width:16px;
	height:48px;
	left:864px;
	top:336px;}
.b16{
	width:544px;
	height:16px;
	left:320px;
	top:368px;}
.b17{
	width:16px;
	height:16px;
	left:560px;
	top:256px;}
.b18{
	width:16px;
	height:64px;
	left:576px;
	top:256px;}
.b19{
	width:16px;
	height:32px;
	left:608px;
	top:288px;}
.b20{
	width:16px;
	height:16px;
	left:752px;
	top:224px;}
.wp{
	background-color:#434a54;
	position:absolute;
	float:left;}
.w1{
	width:16px;
	height:80px;
	left:288px;
	top:144px;}
.w2{
	width:624px;
	height:16px;
	left:288px;
	top:128px;}
.w3{
	width:16px;
	height:192px;
	left:912px;
	top:128px;}
.w4{
	width:32px;
	height:16px;
	left:912px;
	top:320px;}
.w5{
	width:48px;
	height:16px;
	left:960px;
	top:128px;}
.w6{
	width:16px;
	height:192px;
	left:992px;
	top:144px;}
.oil{
	position:absolute;
	float:left;}
.o0{
	width:256px;
	height:128px;
	left:64px;
	top:224px;
	background-color:#a0d468;}
.o1{
	width:48px;
	height:80px;
	left:368px;
	top:224px;
	background-color:#a0d468;}
.o2{
	width:32px;
	height:80px;
	left:432px;
	top:192px;
	background-color:#a0d468;}
.o3{
	width:32px;
	height:16px;
	left:432px;
	top:288px;
	background-color:#a0d468;}
.o4{
	width:48px;
	height:96px;
	left:512px;
	top:208px;
	background-color:#a0d468;}
.o5{
	width:160px;
	height:48px;
	left:608px;
	top:176px;
	background-color:#a0d468;}
.o6{
	width:160px;
	height:48px; 
	left:608px;
	top:240px;
	background-color:#a0d468;}
.o7{
	width:32px;
	height:160px; 
	left:816px;
	top:160px;
	background-color:#a0d468;}
.o8{
	width:32px;
	height:64px; 
	left:864px;
	top:272px;
	background-color:#a0d468;}
.o9{
	width:32px;
	height:208px; 
	left:944px;
	top:144px;
	background-color:#a0d468;}
.o10{
	width:48px;
	height:32px; 
	left:1008px;
	top:320px;
	background-color:#a0d468;}
.o11{
	width:16px;
	height:208px; 
	left:1024px;
	top:112px;
	background-color:#a0d468;}
.o12{
	width:32px;
	height:32px; 
	left:1016px;
	top:80px;
	overflow:hidden;}
.coner{
	width:62px;
	height:0px;
	position:absolute;
	top:352px;
	background-color:#000;}
.c1{
	left:353px;}
.c2{
	left:433px;}
.c3{
	left:529px;}
.c4{
	left:609px;}
.vessel{
	width:64px;
	height:32px;
	position:absolute;
	top:320px;
	background-color:#FC0;}
.v1{
	left:352px;}
.v2{
	left:432px;}
.v3{
	left:528px;}
.v4{
	left:608px;}
.sOil{
	width:4px;
	height:4px;
	border-radius:2px;
	float:left;
	position:absolute;}
.chim{
	width:10px;
	height:8px;
	border-radius:10px;
	float:left;
	background-color:#FFF;
	position:absolute;
	left:11px;
	top:32px;}
.runchim1{
	width:4px;
	height:4px;
	border-radius:2px;
	float:left;
	background-color:#FFF;
	position:absolute;
	left:294px;
	top:220px;}
.runchim2{
	width:4px;
	height:4px;
	border-radius:2px;
	float:left;
	background-color:#000;
	position:absolute;
	left:320px;
	top:286px;}
.note{
	width:1068px;
	height:100px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	position:absolute;
	top:400px;
	left:0px;
	text-align:left;}
.note b{
	color:#F00;}
.explain{
	background-color:#FFF;
	text-align:center;
	border:#000 solid 1px;
	position:absolute;
	float:left;}
.n1{
	width:100px;
	height:30px;
	line-height:30px;
	left:340px;
	top:280px;}
.n2{
	width:50px;
	height:36px;
	line-height:16px;
	font-size:10px;
	left:556px;
	top:250px;}
.n3{
	width:54px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:616px;
	top:220px;}
.n4{
	width:54px;
	height:34px;
	line-height:16px;
	font-size:10px;
	left:616px;
	top:280px;}
.n5{
	width:54px;
	height:34px;
	line-height:16px;
	font-size:10px;
	left:700px;
	top:230px;}
.n6{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:850px;
	top:190px;}
.n7{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:850px;
	top:255px;}
.n8{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:990px;
	top:200px;}
.n9{
	width:56px;
	height:35px;
	line-height:16px;
	font-size:10px;
	left:1045px;
	top:284px;}
.n10{
	width:56px;
	height:35px;
	line-height:16px;
	font-size:10px;
	left:1124px;
	top:200px;}
.n11{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:1196px;
	top:310px;}
.n12{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:360px;
	top:358px;}
.n13{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:547px;
	top:325px;}
.n14{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:627px;
	top:325px;}
.n15{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:723px;
	top:325px;}
.n16{
	width:56px;
	height:20px;
	line-height:16px;
	font-size:10px;
	left:803px;
	top:325px;}
.doing_pyrolysis_logo{
	width:64px;
	height:64px;
	position:absolute;
	left:1190px;
	top:20px;}