a{
z-index: 10;
position: absolute;
display: block;
}
.hfull{
	height:100%
}
.h460 ,.h690{
	width:320px;
	height: 460px;
}
.h548{
	width:320px;
	height: 548px;
}

.h920{
	width:640px;
	height: 920px;
}
.h1096{
	width:640px;
	height: 1096px;
}
#container img {
	width: 100%;
}


.hide{
	display:none;
}
.ohide{
	opacity:0;
}


html ,body{
	width: 640px;
    position: relative;
    height: 100%;
	font-size: 35px;
    color: #fff;
	background-color:#fff;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	    padding: 0;
    margin: 0 auto;
}
#blackscreen{
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	z-index:9;
	background-color: rgba(255,255,255,1);
}
.inline_block{
	display:inline-block;
}
.frame{
	overflow: hidden;
	background-size: contain;
	width:640px;
}

#container{
	position: absolute;
	z-index:1;
	top:0;
    width: 320px;
    height: 100%;
    overflow: auto;

}
.half{
	width: calc(100%/2);
}

.hideLeft{
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.hideRight{
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.background{
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat no-repeat;
	background-position: 0 bottom;
}

.item{
	background-size: contain;
	position: absolute;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
.relative{
	position: relative;
}

#btn_facebook{
	width:100%;
	height:100%;
}
#btn_landing {
	width: 100%;
	height: 100%;
	z-index: 10;
}
#btn_full{
	width: 100%;
	height: 100%;
	z-index: 20;
}