@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';

	body {
		margin:0;
		padding:0;
		font-family: 'Roboto Condensed', Tahoma, Helvetica, Arial, 'Microsoft Yahei', STXihei, sans-serif; 
		background-attachment: fixed; 
		background-size: cover; 
		font-size: 18px;
		text-align: justify;
	}
		
	a, a:active { 
		text-decoration: none;
	}
	a:hover { 
		text-decoration: underline;
	}	
	/*
	.divheader{
		background: #eeeeee;
		width: 100%;
		height: 80px;
		z-index: 9999;
		position: fixed;
		top:0px;
		left:0px;
		margin: 0 auto;
		vertical-align:middle;
	}
	*/
	.header{
		z-index: 999;
		vertical-align:middle;
	}
	.wrapper {
		min-width:350px;
	}	
	.menu {
		background-color:#888;
	}
	.banner {
		position:relative;
		text-align: center;
	}		
		.banner img {
			width:100%;
		}	
		.banner .buttons {
			position:absolute;
			width:100%;		
			top:35%;
		}
		.banner .button {
			display:inline-block;
			background-color: #0A0;
			font-size:1.5em;
			width:240px;
			margin:10px;
		}		
		.banner .button:hover {
			background-color: #0C0;
		}
	.content {
		padding:10px 20px 10px 20px;
	}
	.more_info {
		padding:10px;
	}
	.more_info:hover{
		background-color: #111;
	}
	.link_back{
		text-decoration:none;
		color:#6666FF;
	}
	.link_back:hover{
		color:#AAAAFF;
	}
	
	li.downloadlist{
		display: inline-block;
		margin: 10px;
		max-width:464px;
		min-width:278px;
	}
	li.downloadlist .dtitle{
		/*background: url('/images/icon-android.png') #323232 right 5px center no-repeat;*/
		background: url('/images/icon-android.png') #323232 no-repeat;
   		background-position: right center;
   		background-position: right 5px center;
		width:55%;
		padding: 10px;
		text-align: left;
		color:#FFFFFF;
		cursor:pointer;
	}
	li.downloadlist .dlink{
		background: #FF6100;
		width:45%;
		padding: 10px;
		text-align: center;
		color:#FFF;
		cursor:pointer;
		font-size:14px;
		font-weight:bold;
	}
	li.downloadlist .gameimg{
		width:100%;
		max-width:464px;
		min-width:278px;
	}
	
	li.banklist{
		display: inline-block;
	}
	.footer {
		padding:10px;
		background-color:#bfb;
		font-size:0.8em;
		text-align:center;
	}	
	.scrollToTop{
		width:64px; 
		height:64px;
		text-align:center; 
		font-weight: bold;
		color: #333;
		text-decoration: none;
		position:fixed;
		top:10px;
		right:10px;
		display:none;
		background: url('/images/scroll_up.png') no-repeat;
		z-index: 10;  
		opacity: 0.6;
	}
	.scrollToTop:hover{
		opacity: 1.0;
	}	
	
	.login-panel {
		margin-top: 30%;
	}
	.button{        
		text-align: center;
		font-weight: bold;
		color: #fff;
		text-shadow:1px 1px 1px #333;        
		position: relative;
		overflow: hidden;    
		padding: 10px 13px;
		font-size: 14px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		width:100%;
		cursor:pointer;
		}
	.button.gray{
		color: #000;
		text-shadow:1px 1px 1px #fff;
		border:1px solid #dce1e6;
		box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
		background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
		background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
		background: linear-gradient(top,#f2f3f7,#e4e8ec);
		font-weight: bold;
		}
	.round{
		padding-right: 30px;
		}
		.round:after{
		position: absolute;
		display: inline-block;
		content: "\003c";
		top:50%;
		right:10px;
		margin-top: -10px;
		width: 17px;
		height: 20px;
		padding-left: 3px;
		line-height:18px;
		font-size: 10px;
		font-weight: normal;
		border-radius: 10px;
		text-shadow:-2px 0 1px #333;
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg); 
		transform:rotate(-90deg);
		}
	.gray.round:after{
		box-shadow:1px 0 1px rgba(255,255,255,1) inset,1px 0 1px rgba(0,0,0,.2);
		background:-webkit-linear-gradient(top,#dce1e6,#dde2e7);
		background:-moz-linear-gradient(top,#dce1e6,#dde2e7);
		background:linear-gradient(top,#dce1e6,#dde2e7);
		text-shadow:-2px 0 1px #fff;
		}
	.gray:active{
		top:1px;

		background-image: -moz-linear-gradient(top, #e4e8ec, #e4e8ec);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e8ec), to(#e4e8ec));
		background-image: -webkit-linear-gradient(top, #e4e8ec, #e4e8ec);
		background-image: -o-linear-gradient(top, #e4e8ec, #e4e8ec);
		background-image: linear-gradient(to bottom, #e4e8ec, #e4e8ec);
		background-repeat: repeat-x;  
		}
	.gray:hover{
		background-image: -moz-linear-gradient(top, #fefefe, #ebeced);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#ebeced));
		background-image: -webkit-linear-gradient(top, #fefefe, #ebeced);
		background-image: -o-linear-gradient(top, #fefefe, #ebeced);
		background-image: linear-gradient(to bottom, #fefefe, #ebeced);
		background-repeat: repeat-x;  
		}
		

	@media screen and (max-width: 650px) {
		.banner .buttons {
			top:20%;
		}	
		.banner .button {
			width:290px;
			font-size:1em;
			margin:5px;
		}		
	}		
	
	@media screen and (max-width: 400px) {
		.banner .buttons {
			top:10%;
		}	
	}