@charset "utf-8";

#wrap {
	position: absolute;
	width: 320px;
}
#header {
	position: relative;
	height: 60px;
	z-index: 10;
}
#middle {
	position: relative;
	z-index: 20;
}
#footer {
	position: relative;
	height: 22px;
	font-size: 12px;
	text-align: center;
	z-index: 30;
}
/* header */
.icon_home {
	position: absolute;
	top: 5px;
	left: 110px;
}
.icon_app {
	position: absolute;
	top: 5px;
	left: 5px;
}
.icon_info {
	position: absolute;
	top: 5px;
	left: 215px;
}
/* middle */
.home {
	top: 5px;
	height: 334px;
	text-align: center;
}
.notice {
	position: relative;
	top: 5px;
	left: 0px;
	width: 292px;
	height: 16px;
	padding: 4px;
	font-size: 16px;
	color: #FF9900;
	background-image: url(../img/notice_bg.png);
}
.top_img {
	position: relative;
	top: 10px;
	left: 75px;
	width: 160px;
}
.read {
	position: relative;
	top: -15px;
	left: 15px;
	width: 280px;
	font-size: 14px;
	text-align: left;
}
/* footer */
.language {
	position: absolute;
	top: 4px;
	left: 10px;	
}
.policy {
	position: absolute;
	top: 4px;
	left: 80px;
}
.copyright {
	position: absolute;
	top: 4px;
	right: 10px;
}
/* apps */
#container {
	position: relative;
	width: 320px;
	height: 284px;
	padding-top:50px;
	overflow: hidden;
}
#container div div {
	top: 180px;
	left: -50px;
	width: 260px;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	z-index: 200;
}
#container div {
	position: absolute;
	display: none;
}
#container div div h2{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	top: -10px;
}
#container div div p{
	position: relative;
	top: -10px;
}
.appstore {
	/*display: none;*/
	position: absolute;
	top: 85px;
	left: 105px;
}
.more {
	position: absolute;
	left: 90px;
	top: -30px;
}

/* IPHONE ANIMATION API CLASSES */
.divNone {
	-webkit-animation-duration: none;
}
.divRRtR {
	-webkit-animation-name: 'RRtR';
	-webkit-animation-duration: 0.5s;
}
.divRtC {
	-webkit-animation-name: 'RtC';
	-webkit-animation-duration: 0.5s;
}
.divCtL {
	-webkit-animation-name: 'CtL';
	-webkit-animation-duration: 0.5s;
}
.divLtLL {
	-webkit-animation-name: 'LtLL';
	-webkit-animation-duration: 0.5s;
}
.divLLtL {
	-webkit-animation-name: 'LLtL';
	-webkit-animation-duration: 0.5s;
}
.divLtC {
	-webkit-animation-name: 'LtC';
	-webkit-animation-duration: 0.5s;
}
.divCtR {
	-webkit-animation-name: 'CtR';
	-webkit-animation-duration: 0.5s;
}
.divRtRR {
	-webkit-animation-name: 'RtRR';
	-webkit-animation-duration: 0.5s;
}
@-webkit-keyframes 'RRtR' {
	from { left: 420px; }
	to { left: 250px; }
}
@-webkit-keyframes 'RtC' {
	from { left: 250px; }
	to { left: 80px; }
}
@-webkit-keyframes 'CtL' {
	from { left: 80px; }
	to { left: -90px; }
}
@-webkit-keyframes 'LtLL' {
	from { left: -90px; }
	to { left: -260px; }
}
@-webkit-keyframes 'LLtL' {
	from { left: -260px; }
	to { left: -90px; }
}
@-webkit-keyframes 'LtC' {
	from { left: -90px; }
	to { left: 80px; }
}
@-webkit-keyframes 'CtR' {
	from { left: 80px; }
	to { left: 250px; }
}
@-webkit-keyframes 'RtRR' {
	from { left: 250px; }
	to { left: 420px; }
}