@media handheld, only screen and (max-device-width:480px) {
.login {
	width: 960px;
	border: 0; 
	cellpadding: 0;
	cellspacing: 0;
	height: 400px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color:#0096bf;
	/**-webkit-box-shadow: #B3B3B3 5px 5px 5px;*/
	/**-moz-box-shadow: #B3B3B3 5px 5px 5px; */
	/**box-shadow: #B3B3B3 5px 5px 5px;*/
	font-size: 40px;
	
}
.viewtable {
	width: 800px;
	border: 0; 
	cellpadding: 0;
	cellspacing: 0;
	margin-left:auto;
	margin-right:auto;
	font-size: 40px;
	
}
.logo{
background:transparent url(logo_mobile.png) no-repeat;
width:960px;
height:432px;
border: none;
font-size: 80;
font-weight: bold;
text-shadow:3px 2px 5px #999999;
}

.tell {
	font-size: 100px;
	text-shadow:3px 2px 5px #999999;
	color: #FFF ;
}
.text {
	font-size: 60px;
	color: #FFF ;
		
}
.viewtable2 {
	width: 960px;
	border: 0; 
	cellpadding: 0;
	cellspacing: 0;
	margin-left:auto;
	margin-right:auto;
	
}
.tell2{
	font-size: 80px;	
	color: #0096bf ;
}
.text2 {
	font-size: 56px;
	color: #000 ;
		
}
.viewtable3 {
	width: 960px;
	border: 0; 
	cellpadding: 0;
	cellspacing: 0;
	background-color:#0096bf;
}
input[type=text], [type=password], [type=time] {
	font-size: 52px;
	/***-moz-box-shadow: 2px 5px 5px #999999;*/
	/***-webkit-box-shadow: 2px 5px 5px #999999;*/
	/***box-shadow: 2px 5px 5px #999999;*/
	border:solid 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 500px;
	background: #FFF;
}
input[type=submit], .abutton{
background:transparent url(button_mobile.png) no-repeat;
display: inline-block;
font-family:Calibri;
width:400px;
height:160px;
color: #FFF ;
font-weight:bold;
font-size:80px;
text-decoration:none ;
text-align:center;
vertical-align: middle;
/*additional css below*/    
cursor: pointer;
border: none;
}
#page-wrap { width: 480px; }
#header {position:absolute; top: 0;}
#secondary-one { position:absolute; top: 500px; left: 0; }
#main-content { display: none; }
#secondary-two { display: none; }