::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color:  rgba(0, 0, 0, 0.8);
}

:-moz-placeholder { /* Firefox 18- */
  color:   rgba(0, 0, 0, 0.8);
}

::-moz-placeholder { /* Firefox 19+ */
  color:   rgba(0, 0, 0, 0.8);
}

:-ms-input-placeholder { /* IE 10+ */
  color:   rgba(0, 0, 0, 0.8);
}

::-ms-input-placeholder { /* Edge */
  color:   rgba(0, 0, 0, 0.8);
}

:placeholder-shown { /* Standard one last! */
  color:   rgba(0, 0, 0, 0.8);
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  color: #fff;
  text-align: center;
  border-radius: 1px;
  background-color:rgba(255,0,0,0.5);
  padding: 5px 0;
  font:Bold 16px/16px Arial;
  text-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);  
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  left:0;right:0
}
.tooltip-top{top:30px}
.tooltip-bottom{bottom:30px}

.tooltip:hover .tooltiptext {
  visibility: visible;
  z-index:99
}
.loader-box {
  border: 6px solid white; /* Light grey */
  border-top:6px solid red; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  position:fixed;
  left:50%;margin-left:-15px;
  bottom:6%;
  box-shadow:0 0 10px 3px rgba(0,0,0,0.3);
  z-index:999;
  display:none
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@font-face{
	font-family: 'DreamKing';
	src: url('../fonts/DreamKing.ttf');
}
body{
	background-color:#EEE;
	background-image: linear-gradient(to bottom, #ddd 0%, #FFF 100%);
	min-height:3000px}
*{list-style:none}
	.header{
		list-style:none;
		text-align:center}
		.logo a{display:block;text-decoration:none;color:rgba(0, 0, 0, 0.5)}
		.logo h1, .logo h2{
			margin:0 10px 0 10px;
			font:30px/60px Arial;
			cursor:pointer;
			text-shadow: 1px 1px rgba(255, 255, 255, 0.3)}
			.logo h1 b, .logo h2 b{color:#FFF;text-shadow:1px 1px 1px #000;font:50px/60px DreamKing, Arial;}
	.menu-box{
		height:30px;
		margin:0 10px}
		.menu-box a{
			line-height:28px;
			text-decoration:none;
			color:#000;
			text-shadow: 1px 1px rgba(255, 255, 255, 0.1);
			padding:0 5px 0 10px;
			font:Bold 12px/30px Arial}
			.menu-box a.actived{cursor: default;background-color: rgba(0, 0, 0, 0.3);border-radius:1px;padding:3px 5px;color: yellow;border-top:1px solid rgba(0, 0, 0, 0.3);border-radius:5px;
			border-left:1px solid rgba(0, 0, 0, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.05);border-right: 1px solid rgba(255, 255, 255, 0.05)}
			.menu-box a:last-child{padding-right:15px}
			.menu-box a:not(.actived):hover{text-decoration:underline}
	.search-box{
		list-style:none;
		background-color:rgba(255, 255, 255, 0.3);
		padding:5px 5px 5px 15px;
		margin:20px 20px 5px 10px;
		border-radius:3px;
		border:1px dashed rgba(0, 0, 0, 0.3);
		box-shadow:0 0 5px 1px rgba(255, 255, 255, 0.3);
		background:url(../images/search.png) no-repeat 5px center rgba(255, 255, 255, 0.3);
		position:relative}
		.search-box label{position:absolute;left:50%;top:-16px;width:60px;margin-left:-30px;background-color:#AAA;text-align:center;font:12px/20px Arial;border-radius:1px;color:#FFF}
		.search-box input{
			font-size:12px;
			border:0;
			padding:3px 10px 3px 10px;
			background:transparent;
			font-family:Arial;
			outline:none;
			-moz-outline:none}
			.search-box input[type='text']{
				padding-left:15px;padding-right:15px;
				color:#000;
				transition:all 300ms linear}	
			.search-box input[type='button']{
				background-color:rgba(0, 0, 0, 0.3);
				color:#FFF;
				border-radius:1px;
				border:1px solid rgba(0, 0, 0, 0.1)}
               .ads-home-box{
					width:728px;
					height:90px;
					margin:8px;
					float:right;
					background-color:rgba(0, 0, 0, 0.3);
					position:relative;
					border-radius:5px;
					padding:3px 6px 3px 0;
					overflow:hidden}
					.ads-home-box label{display:block;transform: rotate(-90deg);position:absolute;left:-42px;top:42px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 1px rgba(255,255,255,0.1);text-align:center;width:114px;font:12px/20px Arial;color:white}
					.ads-home-box .ad-content{width:729px; height:90px;background-color:rgba(255,255,255,0.1);margin:8px auto}
	/*Body Syle*/			
	.body{margin:0 3px 0 0;text-align:center}
		.fieldset-box{display:inline-block;vertical-align:top;margin:5px 5px 20px 5px}
		.fieldset-box .header{}
		.fieldset-box .header .label{display:inline-block;vertical-align:top;font:Bold 12px/30px Arial;background-color:rgba(255,255,255,0.3);padding:0 15px;border-radius:5px 5px 0 0;color:#333}
		.fieldset-box .header .more{display:inline-block;vertical-align:top;font:11px/20px Arial;background-color:rgba(255,255,255,0.6);border-radius:3px;margin:5px;padding:0 5px;text-decoration:none}
		.fieldset-box .content-box{border:2px dashed red;border-radius:5px;background-color:rgba(255,255,255,0.6);margin:1px 0;text-align:center}
		.small-box{width:310px;overflow:hidden}
		.large-box{width:600px}
			.slide-box{width:440px;margin-left:-60px;position:relative}
			.featured-item{width:140px;height:260px;display:inline-block;vertical-align:top;background-color:red;position:relative;transform:skewX(-20deg);transition:All 300ms linear;overflow:hidden}
			.featured-item:first-child{border:0}
			.featured-item:last-child{border:0}
			.featured-item:hover{transform:scale(1.2, 1.2) skewX(-20deg)}
			.featured-item a{display:block;width:230px;height:260px;margin-left:-45px}
			.featured-item img{width:100%;height:100%;transform:skewX(20deg);}
			.ad-970x250px{height:250px;margin:5px;background-color:white}	
			.ad-300x250px{width:300px;height:250px;margin:5px;background-color:white}
			.ad-336x280px{width:336px;height:280px;margin:5px;background-color:white}
		.list{
			width:100px;
			height:100px;	
			background-color: #772ad0;
			background-image: linear-gradient(to bottom, #aaa 0%, yellow 20%, yellow 68%, #aaa 100%);
			margin:7px;
			display: inline-block;
			vertical-align: top;
			padding: 2px;
			box-shadow:0 0 3px rgba(0, 0, 0, 0.6);
			list-style:none;
			position:relative;
			cursor:pointer;
			border: 1px solid rgba(255, 255, 255, 0.1);
			overflow:hidden;
			border-radius:3px}
			.list a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:998}
			.list img{width:100%;height:100%;border-radius:3px}
			.shadow-img{
				position:absolute;
				left:0;top:0;right:0;bottom:0;
				box-shadow:0 0 4px rgba(0, 0, 0, 0.5) inset}
			.game-name{
				position:absolute;
				left:2px;right:2px;bottom:2px;
				background-color: rgba(0, 0, 0, 0.3);
				display:none;
				color:#FFF;
				text-shadow:1px 1px 2px #000;
				font-family:'Exo 2', sans-serif;
				font-size:14px;
				text-align:center;
				text-transform:uppercase;
				font-weight:bold;
				text-decoration:none;
				padding:5px}
			.list:hover	.game-name{display:block}
			.list:hover{
				box-shadow:0 0 13px rgba(255, 255, 255, 0.3);
			}
	.push-item-load{
		height: 30px;
		font: 12px/30px Arial;
		color: #FFF;
		text-align: center;
		margin-bottom: 10px;
		display: none;
	}
	.push-item-load span{
		display: inline-block;
		vertical-align: middle;
	}
	.push-item-load span:first-child{
		width:24px;
		height:24px;
		margin:3px 5px 0 0;
		background: url('../images/loading.gif') no-repeat 0 0;
	}
	.push-item-load span:last-child{
		font-weight: bold;
	}		
	.footer{
		text-align:center;
		background:#666;
		border-top:1px solid #314663;
		margin-left:-20px;
		padding-bottom:10px;
		margin-top:0}
		.footer a{
			display:inline-block;
			color:#000;
			text-shadow:1px 1px rgba(255, 255, 255, 0.1);
			font:20px/20px Arail;
			text-decoration:none;
			font-size:12px;
			padding-left:4px;padding-right:4px}
			.copyrightBox, .tagsBox{
				display: inline-block;
				font:12px Arial}
			.copyrightBox a, .copyrightBox span{
				font: 40px DreamKing;
				color: #FFF;
				cursor: pointer;
				margin: 0;
				padding: 0;
				border: 0;
				text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3)}
			.tagsBox{padding-bottom:10px}	
			.tagsBox a{
				font: 12px/18px Arial;
				text-transform: capitalize;
				background-color: rgba(0, 0, 0, 0.1);
				margin: 2px;
				border-radius:2px;
				transition: all 10ms linear;
				display:inline-block;
				vertical-align:top;
				text-decoration:none;
				color:rgba(0,0,0,0.5);
				padding:1px 5px;
				border-radius:3px}
			.tagsBox a:hover{
				background-color: rgba(255, 255, 255, 0.1)}