/* 代码整理：时代Java NowJava.com */
/*********************************************
 * RESET
 *********************************************/

html {
	color:#000;
	background:#222222;
}
a {
	cursor:pointer;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
/* h1,h2,h3,h4,h5,h6{font-size:100%;} */
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	outline-style:none;
	outline-width:0pt;
}
legend {
	color:#000;
}
a:focus, object, h1, h2, h3, h4, h5, h6 {
	-moz-outline-style: none;
	border:0px;
}
/*input[type="Submit"]{cursor:pointer;}*/
strong {
	font-weight: bold;
}
/*********************************************
 * GLOBAL
 *********************************************/

body, html {
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 11px;
	width: 100%;
	height: 100%;
	background: #b72424;
	background: -moz-radial-gradient(center, ellipse cover, #b72424 0%, #492727 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #b72424), color-stop(100%, #492727));
	background: -webkit-radial-gradient(center, ellipse cover, #b72424 0%, #492727 100%);
	background: -o-radial-gradient(center, ellipse cover, #b72424 0%, #492727 100%);
	background: -ms-radial-gradient(center, ellipse cover, #b72424 0%, #492727 100%);
	background: radial-gradient(center, ellipse cover, #b72424 0%, #492727 100%);
}

/*********************************************
 * DOM TREE
 *********************************************/

@-webkit-keyframes spin {
 0% {
-webkit-transform: rotateY( 0deg );
}
 100% {
-webkit-transform: rotateY( 360deg );
}
}
 @-moz-keyframes spin {
 0% {
-moz-transform: rotateY( 0deg );
}
 100% {
-moz-transform: rotateY( 360deg );
}
}
 @-ms-keyframes spin {
 0% {
-ms-transform: rotateY( 0deg );
}
 100% {
-ms-transform: rotateY( 360deg );
}
}
 @-o-keyframes spin {
 0% {
-o-transform: rotateY( 0deg );
}
 100% {
-o-transform: rotateY( 360deg );
}
}
 @keyframes spin {
 0% {
transform: rotateY( 0deg );
}
 100% {
transform: rotateY( 360deg );
}
}
body {
	-webkit-perspective: 3000px;
	-moz-perspective: 3000px;
	-ms-perspective: 3000px;
	-o-perspective: 3000px;
	perspective: 3000px;
	-webkit-perspective-origin: 0 20%;
	-moz-perspective-origin: 0 20%;
	-ms-perspective-origin: 0 20%;
	-o-perspective-origin: 0 20%;
	perspective-origin: 0 20%;
}
.tree {
	margin: 0 auto;
	position: relative;
	-webkit-animation: spin 18s infinite linear;
	-moz-animation: spin 18s infinite linear;
	-ms-animation: spin 18s infinite linear;
	-o-animation: spin 18s infinite linear;
	animation: spin 18s infinite linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.tree * {
	position: absolute;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}