/* CSS Document */
html, body{   height:100%; padding:0; margin:0; }
body{ 
	background-color:#302f2f; color:white; font-family:Helvetica, Arial, sans-serif; 

}
#main{ background-color:black; padding:30px; margin:0 auto; width:800px;  }




#main_wrap_login{ 
	width:1024px; min-height:720px; height:100%; margin:0 auto; position:relative;
	background-color:#302f2f; background-image:url('../imgV2/bg_login_1024x768.jpg'); background-repeat:no-repeat;
}
#main_apps{ 
	width:1024px; min-height:720px; height:100%; margin:0 auto; position:relative;
	background-color:#302f2f; background-image:url('../imgV2/bg_apps_1024.jpg'); background-repeat:no-repeat;
}





h1{ border-bottom:1px dotted white; padding-bottom:10px; font-style:normal;
text-align:center; text-shadow:0 0 10px rgba(0,0,0,0.5); text-transform:uppercase;
}
h2{ border-bottom:1px dotted white; padding-bottom:10px; font-style:normal; }

a{ color:white; }
ul{ margin:30px 0; padding:0; }
li{ padding:0; margin-bottom:15px; list-style-type:none; }
.clearer{ clear:both; visibility:hidden; margin:0; padding:0; height:0; line-height:0; }



input.text{
	background-color:#fff; color:#333;  font-size:16px; padding:2px 10px; border:none;
	border-radius:5px;  -webkit-border-radius:5px; outline:none;
	transition: all 0.25s ease-out;
}
input.text:focus{
	background-color:#eee;
}
input.submit{
	margin:10px auto; 
	background-color:#000; color:#fff; font-weight:normal;  font-size:15px; padding:5px 10px; border:none;
	border-radius:10px;  -webkit-border-radius:10px; outline:none;
	transition: all 0.25s ease-out; text-transform:uppercase;
	-webkit-appearance:none;/* ugly things by IOS */
}
input.submit:hover{
	background-color:#222;
}

.form_layout{ margin:0; }
.form_layout label{ display:block; }
.form_layout li{ margin-bottom:10px; }

#form_login{ 
	font-size:14px; width:300px; text-align:right;
	position:absolute; right:65px; top:355px;
}
#form_login .form_layout{ text-align:left; }
#form_login label{ margin-bottom:5px; padding-left:0;  text-transform:uppercase;  }
#form_login .text{ width:280px; }



p.error{ padding:5px; background-color:#f33; color:white; text-align:center;border-radius:5px;  -webkit-border-radius:5px;  }
#logout{ float:right; margin-bottom:10px; font-size:10px; }





#apps_list{ padding-top:365px; text-align:center;  }

.link_download{
	display:inline-block; text-decoration:none; color:white; font-family:Helvetica, sans-serif; font-size:18px; text-align:center;
	margin:10px 10px 0 10px;/* text-shadow: 3px 3px 3px #555; */ 
	background-repeat:no-repeat; background-position:bottom center;
}
#btn_pc{ 		background-image:url('/imgV2/btn_pc_1024.jpg'); width:320px; height:309px; }
#btn_ipad{ 		background-image:url('/imgV2/btn_ipad_1024.jpg'); width:273px; height:201px; padding-top:108px;}
#btn_android{ 	background-image:url('/imgV2/btn_android_1024.jpg');  width:295px; height:200px; padding-top:109px;}

/*
@media  screen and (min-width : 1366px) and (min-height : 720px)   {
	.link_download{	width:339px; height:333px; }
	#main_wrap_login{ background-image:url('../imgV2/bg_login_1366x768.jpg'); width:1366px;  }
	#main_apps{ background-image:url('../imgV2/bg_apps_1366.jpg'); width:1366px;  }
	#apps_list{ padding-top:365px; }
	
	#btn_pc{ background-image:url('/imgV2/btn_pc_1366.jpg'); width:339px; height:333px; }
	#btn_ipad{ background-image:url('/imgV2/btn_ipad_1366.jpg'); width:273px; height:223px; padding-top:110px; }
	#btn_android{ background-image:url('/imgV2/btn_android_1366.jpg'); width:284px; height:223px; padding-top:110px; }

}*/
@media  screen and (max-height: 720px){
	.link_download{	width:240px; height:237px; }
	#main_wrap_login{ background-image:url('../imgV2/bg_login_1024x500.jpg'); min-height:460px; width:100%; max-width:1024px;  }
	#main_apps{ background-image:url('../imgV2/bg_apps_1024x500.jpg'); min-height:460px; width:100%; max-width:1024px;  }
	#apps_list{ padding-top:205px; }
	
	#btn_pc{ background-image:url('/imgV2/btn_pc_1024x500.jpg');  		width:224px; height:240px;  }
	#btn_ipad{ background-image:url('/imgV2/btn_ipad_1024x500.jpg'); 		width:271px; height:184px; padding-top:56px;  }
	#btn_android{ background-image:url('/imgV2/btn_android_1024x500.jpg'); width:285px; height:184px;  padding-top:56px; }
}
/*
@media  screen and (max-height: 499px){
	#main_wrap_login{ background-image:url('../imgV2/bg_login_1024x450.jpg'); min-height:420px; width:100%;  }
	#main_apps{ background-image:url('../imgV2/bg_apps_1024x500.jpg'); min-height:420px; width:100%;  }
}
*/
@media screen and (max-width: 920px)  {
	#main_wrap_login{ background-image:url('../imgV2/bg_login_768x500.jpg');  width:100%; max-width:768px; background-size:contain; }
	#main_apps{ background-image:url('../imgV2/bg_apps_1024x500.jpg'); width:100%; background-size:contain;  }
}


@media  screen and (max-height: 720px)  {
	#form_login{ right:43px; top:260px; }
}
@media screen and (max-width: 920px)  {
	#content{ position:absolute; left:50%; }
	#form_login{ left:-140px; top:505px; }
}
@media screen and (max-width: 665px)  {
	#form_login{ top:405px; }
}
@media  screen and (max-width: 510px)  {
	#form_login{ top:305px; }
}