@-ms-viewport {
width: device-width;
}
@media only screen and (min-device-width: 800px) {
html {
overflow:hidden;
}
}
html {
	height:100%;
}
body {
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-color:#000000;
}
.close {
	height: 30px;
	width: 50px;
	position: absolute;
	right: 10px;
	top: 20px;
}
.close a{
	background-repeat: no-repeat;
	filter:alpha(Opacity=70); Opacity:0.7;
}
.close a:hover{
filter:alpha(Opacity=100); Opacity:1;
}
.menus {
	height: 410px;
	width: 185px;
	position: absolute;
	left: 30px;
	top: 50px;
}
.menus a{
	background-repeat: no-repeat;
	filter:alpha(Opacity=50); Opacity:0.5;
}
.menus a:hover{
filter:alpha(Opacity=100); Opacity:1;
}
a.one {
	display: block;
	height: 140px;
	width: 80px;
	position: absolute;
	left: 40px;
	top: 15px;
	background-image: url(img/index.png);
}
a.one:hover{

}
a.two {
	display: block;
	height: 110px;
	width: 80px;
	position: absolute;
	left: 100px;
	top: 91px;
	background-image: url(img/jion.png);
}
a.two:hover{

}
a.three:link {
	display: block;
	height: 125px;
	width: 80px;
	position: absolute;
	left: 10px;
	top: 160px;
	background-image: url(img/online.png);
}
a.three:hover{

}
a.four {
	display: block;
	height: 110px;
	width: 80px;
	position: absolute;
	left: 92px;
	top: 193px;
	background-image: url(img/english.png);
}
a.four:hover{

}
a.five {
	display: block;
	height: 125px;
	width: 80px;
	position: absolute;
	left: 35px;
	top: 283px;
	background-image: url(img/youxiao.png);
	background-position: -15px 0px;
}
a.five:hover {

}
a.full{
	background-image: url(skin/buttons.png);
	background-repeat: no-repeat;
	background-position: -280px 0px;
	display: block;
	height: 40px;
	width: 40px;	
}
a.full:hover{
	background-position: -280px -40px;
}