html,body{
	height: 100%;
	width: 100%;
}

body{
	-webkit-text-size-adjust: none;
	font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
	background-color: #DDDDDD;
	color: #000;
/* 	zoom: .5; */
	width: 640px;
	margin: 0 auto;
}

header,
footer{
	position: relative;
	width: 640px;
	height: 184px;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}
footer{
	height: 126px;
}

header h1{
	position: absolute;
	top: 50%;
	left: 50%;
}
footer .wrap{
	position: absolute;
	top: 39px;
	left: 50%;
}
header img{
	margin-left: -139px;
	margin-top: -40px;
}
footer img{
	margin-left: -139px;
	margin-top: -40px;
}

#vieware{
	position: relative;
	width: 580px;
	margin-left: 30px;
	height: 580px;
	height: 698px;
}

#icanvas{
	position: relative;
	display: block;
	width: 580px;
	height: 580px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}
#icanvas img{
	position: absolute;
	top: 0;
	left: 0;
}

#canvas{
	display: block;
	width: 580px;
	margin: 0 auto;
	padding: 0;
}

#loading{
	position: absolute;
	top: 50%;
	top: 290px;
	left: 50%;
}
#loading.hide{
	display: none;
}

#loading .wrap{
	margin: -64px 0 0 -64px;
}

#nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
	height: 580px;
	background-color: #000;
	display: none;
}
#nav.show{
	display: block;
}

#navmenu{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 170px;
}

#navmenu a{
	color: #FFF;
	display: block;
	width: 580px;
	height: 80px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url(../commons/imgs/me_all.png);
	text-indent: -9999px;
}

#me_rl{	background-position: 0 0}
#me_rl:hover{	background-position: -580px 0}

#me_m1{	background-position: 0 -160px}
#me_m1:hover{	background-position: -580px -160px}

#me_m2{	background-position: 0 -80px}
#me_m2:hover{	background-position: -580px -80px}

#me_sn{	background-position: 0 -240px}
#me_sn:hover{	background-position: -580px -240px}

/* Landscape */
@media screen and (orientation:landscape) {
body{
	background-image: url(../commons/imgs/bg_landscape.png);
	background-position: center 270px;
/* 	background-attachment: fixed; */
	background-repeat: no-repeat;
}

header,
footer{
	display: none;
}

body{
	position: relative;
	min-height: 580px;
}

#wrap{
	position: absolute;
	top: 290px;
	left: 50%;
	width: 290px;
	height: 290px;
}
#vieware{
	margin-left: -290px;
	margin-top: -290px;
}
}

#banner{
	display: block;
	margin-top: 10px;
}