/* CSS Document */
body
{
	background:#CCCCCC url(../images/cloth_alike.png);
	margin:0;
	padding:0;
}
.contaner
{
	width:100%;
	margin:0 auto;
	padding:0;
}
.mid
{
	width:100%;
	float:left;
}
.menu
{
	background: none repeat scroll 0 0 #333333;
    float: left;
    height: 194px;
    margin: 100px 0 0 2px;
    position: fixed;
    text-align: center;
    width: 6.5%;
	-moz-border-radius:10px;
    -webkit-border-radius:10px ;
    -khtml-border-radius:10px ;
    border-radius:10px;
	text-align:center;
}
.menu h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	margin: 10px 25px 10px 16px;
	float:left;
}
.menu a{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}

.menu img
{
	margin:10px auto;
	
}
.mid_con
{
	margin:0 auto;
	background:url(../images/iphonebg.png) no-repeat top center;
	height: 1116px;
	width: 852px;

}
.mid_con_2
{
	background: url("../images/iphonebg_hor.png") no-repeat scroll center top transparent;
    height:  858px;
    margin: 0 auto;
    width: 1109px;
}
.ph_con
{
	background: url("../images/wood-thumb.png") repeat scroll 0 0 #8D4747;
    float: left;
    height: 1024px;
    margin: 42px 10px 0 42px;
    position: absolute;
    width: 768px;
}

.ph_con_2
{
	background: url("../images/wood-thumb.png") repeat scroll 0 0 #8D4747;
    float: left;
    height: 768px;
    margin: 43px 10px 0 42px;
    position: absolute;
    width: 1025px;
    z-index: 100;
}
.unlock-top
{
	float:left;
	width:100%;
}
.time
{
	color: #FFFFFF;
    font-family: Georgia,Times,serif;
    font-size: 45px;
    margin: 0;
    padding: 6px 0;
    text-align: center;
}
.date
{
	color: #FFFFFF;
    font-family: Georgia,Times,serif;
    font-size: 12px;
    text-align: center;
}

/*.ifram{display:none;}*/
.iphone
{
    float: left;
    height: 826px;
    margin: 5px 0 0 93px;
    width: 662px;
}
.iphone_2
{
    float: left;
    height: 607px;
    margin: 2px 0 0 112px;
    width: 880px;
	border:none;
}
.ifram input[type='text']
{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    font-size: 11px;
    margin: 17px 0 0 30px;
    position: absolute;
    width: 276px;
}
.ifram_2 input[type='text']
{
	 background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    margin: 19px 0 0 20px;
    position: absolute;
    width: 479px;
    z-index: 100;
}
.submit
{ 	background: url("../images/reload.png") no-repeat scroll center center #FFFFFF;
    border: medium none;
    float: left;
    height: 20px;
    margin: 15px 0 0 305px;
    padding: 0;
    position: absolute;
    width: 26px;
}

.submit_2
{
	background: url("../images/reload.png") no-repeat scroll center center #FFFFFF;
    border: medium none;
    float: left;
    height: 22px;
    margin: 18px 0 0 424px;
    padding: 0;
    position: absolute;
    width: 34px;
}


.ifram form
{
	
     float: left;
    height: 37px;
    margin: 122px 0 0 231px;
    width: 358px;
}
.ifram_2 form
{
	
    float: left;
    height: 46px;
    margin: 45px 0 0 260px;
    width: 430px;
}

/*=========================================================================================================================================*/
.page-wrap { float: left;  padding-top: 338px;  width: 100%; }
.page-wrap_2 { float: left;    padding-top: 358px;    width: 100%; }
#well {
	padding: 14px 20px 20px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: -moz-linear-gradient(top, #010101, #181818);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #010101),color-stop(1, #181818));
	
	border: 2px solid #454545; 
	overflow: hidden; 
	
	-webkit-user-select: none;
}

h2 {
  background: -moz-linear-gradient(left, #4d4d4d, 0.4, #4d4d4d, 0.5, white, 0.6, #4d4d4d, #4d4d4d); 
  background: -webkit-gradient(linear,left top,right top,color-stop(0, #4d4d4d),color-stop(0.4, #4d4d4d),color-stop(0.5, white),color-stop(0.6, #4d4d4d),color-stop(1, #4d4d4d)); 
  
  -moz-background-clip: text;
  -webkit-background-clip: text;
  
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  
  -webkit-animation: slidetounlock 5s infinite;
  
 	 color: #FFFFFF;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 22px;
    font-weight: 300;
    padding: 0;
    width: 100%;
  -webkit-text-size-adjust: none;
  margin:0;
}
#slider {
	background: url(../images/arrow.png) no-repeat;
	width: 72px;
	height: 42px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

@-webkit-keyframes slidetounlock {
	0% {
		background-position: -720px 0;
	}
	100%{
		background-position: 720px 0;
	}
/*=========================================================================================================================================*/