* {
	padding:0;
	margin:0;
	border:0;
	font-family:helvetica, sans-serif;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
}

body {
	background:#000;
}

#superContainer{
	background:#555;
	z-index:1;
}

#header {
	z-index:100;
	width:100%;
	height:45px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #657E8A), color-stop(0.5, #3D5D6C), color-stop(0.501, #28485C), color-stop(1, #28485C));
}

#header .logo a {
	display:block;
	overflow:hidden;
	height:45px;
	width:100%;
	text-indent:100000px;
	line-height:50px;
	background:url('image/logo.png') center center no-repeat;
	-webkit-background-size:100px 45px;
}

#footer {
	z-index:100;
	width:100%;
	height:48px;
	overflow:hidden;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #919191), color-stop(0.02, #484848), color-stop(0.5, #1F1F1F), color-stop(0.501, #000), color-stop(1, #000));
	border-top:1px solid #2B2B2B;
}
#menu ul{
	list-style-type:none;
}
#menu li{
	display:block;
	float:left;
}
#menu .space1{
	width:4%;
	height:48px;
}
#menu .space2{
	width:7%;
	height:48px;
}
#menu .button{
	width:19%;
}
#menu .link{
	position:relative;
	display:block;
	width:100%;
	height:38px;
	margin:5px 0;
	text-indent:1000px;
	line-height:50px;
	overflow:hidden;
	-webkit-border-radius: 5px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7F7F7F), color-stop(0.5, #555), color-stop(0.501, #393939), color-stop(1, #393939));
}
#menu .link span{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-position:top center;
	background-repeat:no-repeat;
	-webkit-background-size:38px 76px;
}
#menu .item1 span{
	background-image:url('image/item1.png');
}
#menu .item2 span{
	background-image:url('image/item2.png');
}
#menu .item3 span{
	background-image:url('image/item3.png');
}
#menu .item4 span{
	background-image:url('image/item4.png');
}
#menu .link.current span{
	background-position:bottom center;
}
#menu .item1{
	-webkit-animation-name: link1;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes link1 {
0% {
	margin-top:60px;
}
75% {
	margin-top:60px;
}
85% {
	margin-top:5px;
}
100% {
	margin-top:5px;
}
}
#menu .item2{
	-webkit-animation-name: link2;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes link2 {
0% {
	margin-top:60px;
}
80% {
	margin-top:60px;
}
90% {
	margin-top:5px;
}
100% {
	margin-top:5px;
}
}
#menu .item3{
	-webkit-animation-name: link3;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes link3 {
0% {
	margin-top:60px;
}
85% {
	margin-top:60px;
}
95% {
	margin-top:5px;
}
100% {
	margin-top:5px;
}
}
#menu .item4{
	-webkit-animation-name: link4;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes link4 {
0% {
	margin-top:60px;
}
90% {
	margin-top:60px;
}
100% {
	margin-top:5px;
}
}

#container1, #container2, #container3, #container4 {
	display:none;
	height:100%;
	position:relative;
	z-index:1;
	width:100%;
	background:#fff;
	overflow:hidden;
	-webkit-box-flex:1;
}
#container1 {
	display:block;
}
.none{
	display:none;
}
.space{
	height:20px;
	width:100%;
}

.hide{
	display:none !important;
}

.show{
	display:block !important;
	-webkit-animation-name: show;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes show {
0% {
	display:none !important;
	-webkit-transform: rotateY(-180deg) rotateX(-180deg) rotateY(-10deg);
}
50% {
	display:none !important;
}
100% {
	display:block !important;
	-webkit-transform: rotateY(0deg) rotateX(0deg) rotateY(0deg);
}
}
.showBis{
	display:block !important;
}

#scroller1, #scroller3, #scroller3, #scroller4 {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}

.content{
	padding:10px 16px;
}

#superContainer h2{
	font-size:20px;
}

#superContainer p{
	font-size:12px;
	padding-top:10px;
}

#superContainer ul{
	padding-top:10px;
	padding-left:20px;
	list-style-type:disc;
	list-style-position: outside;
}

#superContainer li{
	font-size:12px;
	padding-top:5px;
}
#badOrientation{
	z-index:1000;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	background: #000 url('image/switch.png') 25% 30% no-repeat;
	-webkit-background-size:150px 150px;
}