/* Website template from cssmoban.com */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background: #1d232f;
}
img {
	border: 0;
}
/*------------------------------ HEADER ------------------------------*/
#header {
	background: url(../images/bg-header.png) repeat-x left top;
    height: 48px;
    background-repeat: repeat-x;
    background-size: contain;
}
#header > div {
	width: 1280px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: right;
}
/** Logo **/
#logo {
	float: left;
}
/** Navigation **/
#navigation {
	display: inline-block;
	list-style: none;
	width: 600px;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
	padding-left:36px;
	text-align: center;
}
#navigation li:first-child {
	margin-left: 0;
}
#navigation li a {
	color: #6eadd6;
	line-height: 48px;
	text-decoration: none;
	font-size:20px;
	font-weight:800;
	text-shadow: -2px 2px 1px #000;
}
#navigation li a:hover, #navigation li.selected a {
	color: #e29b1f;
}
/*------------------------------ CONTENTS ------------------------------*/
#contents {
	min-height: 1080px;
	padding-bottom: 10px;
}
#contents > div {
	width: 1280px;
	margin: 0 auto;
	padding-top: 50px;
}
#contents h3 {
	color: #a17b2d;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0
}
#contents p {
	color: #aa9387;
	font-size: 13px;
	line-height: 24px;
	margin: 0 auto;
	padding: 0 0 24px;
	text-align: justify;
}
#contents p a {
	color: #aa9387;
}
#contents a:hover {
	color: #ce8763;
}
/** Adbox **/
#contents div#adbox {
	margin-bottom: 36px;
	padding: 0;
	text-align: center;
}
#adbox img {
	margin-bottom: 24px;
	width:100%;
}
#adbox .playgame{
	position: absolute;
	top:740px;
	width: 1280px;
}
#adbox .store{
	width:320px;
}
#adbox p {
	width: 600px;
	text-align: center;
	text-indent: 40px;
}
/** Banner **/
#contents div#banner {
	margin-bottom: 36px;
	padding: 0;
	text-align: center;

}
#banner img {
	margin-bottom: 24px;
	width:100%;
}


/** Featured **/
#contents div#featured {
	width: 100%;
	margin-bottom: 60px;
	padding: 30px 0 24px;
	text-align: center;
}
#featured ul {
	display: inline-block;
	list-style: none;
	width: 1080px;
	margin: 0;
	padding: 0;
}
#featured ul li {
	float: left;
	width: 340px;
	margin: 0 10px;
}
#featured ul li img {
	width: 100%;
	
}
#featured .remark {
	padding: 16px;
    margin-top: -270px;
    position: relative;
}
#featured ul li h2 {
	color: #e69b32;
    font-weight: 900;
    font-size: 26px;
	margin-top: 8px !important;
	-webkit-text-stroke: 1px #000;
}

#featured p {
	color: #fff;
    font-size: 16px;
    padding: 0;
    text-align: left;
    line-height: 150%;
}
#contents div#cart {
	width: 1080px;
	margin-bottom: 60px;
	padding: 30px 0 0px;
	text-align: center;
}
/** Game **/
#contents div#game {
	width: 1080px;
	margin-bottom: 60px;
	padding: 30px 0 0px;
	text-align: center;
}
#game h1 {
	color: #e69b32;
    font-weight: 900;
    font-size: 40px;
    -webkit-text-stroke: 2px #000;
    padding-bottom: 10px;
}
#game ul {
	display: inline-grid;
	list-style: none;
	width: 1080px;
	margin: 0;
	padding: 0;
}
#game ul li {
	float: left;
	width: 100%;
	margin-bottom: 16px;
}
#game ul li img {
	width: 100%;
	
}
.gallery img{
	
	border: 3px solid #f5d485 ;
    margin-bottom: 20px;
    border-radius: 12px;
}
#game .remark {
	padding: 30px;
    margin-top: -270px;
    position: relative;
}


#game p {
	color: #fff;
    font-size: 20px;
    padding: 0;
    text-align: left;
    line-height: 160%;
}
/** News **/
#contents div#news {
	    width: 1080px;
	margin-bottom: 60px;
	padding: 0px 0 24px;
	text-align: center;
}
#news h1 {
	color: #e69b32;
    font-weight: 900;
    font-size: 40px;
    -webkit-text-stroke: 2px #000;
    padding-bottom: 10px;
}

#news ul {
	display: inline-grid;
	list-style: none;
	width: 1080px;
	margin: 0;
	padding: 0;
    background: url(../images/bg-news.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 582px;
}
#news ul li {
	float: left;
	width: 100%;
    padding-left: 470px;
	padding-right: 60px;
    padding-top: 40px;
    text-align: left;
}
#news ul li img {
	width: 100%;
	
}
#news .remark {
	padding: 30px;
    margin-top: -270px;
    position: relative;
}
#news ul li h2 {
	color: #e69b32;
    font-weight: 900;
    font-size: 26px;
	-webkit-text-stroke: 1px #000;
}

#news p {
	color: #fff;
    font-size: 18px;
    padding: 0;
    text-align: left;
    line-height: 180%;
}
/** About **/
#contents div#about {
	width: 730px;
	padding: 20px 115px 0;
}
#about h3 {
	margin: 30px 0 0;
}
#about p {
	font-size: 13px;
	margin: 0 auto;
	text-align: justify
}
/** Shop **/
#contents div#shop {
	width: 930px;
	margin-bottom: 60px;
	padding-left: 10px;
	padding-right: 20px;
}
#shop > div {
	display: inline-block;
	margin: 0 0 30px;
}
#shop > div img {
	float: left;
	margin: 0 40px 30px 0;
}
/** MAIN **/
#main {
	float: left;
	min-height: 100px;
	width: 520px;
	margin: 0 30px 0 100px;
}
#main > div {
	background: url(../images/separator.png) no-repeat center bottom;
	display: inline-block;
	margin: 0 0 18px;
}
#main > div h3 {
	margin: 30px 0 12px;
}
#main > div p {
	text-align: justify;
}
/** SIDEBAR **/
#sidebar {
	float: left;
	background: url(../images/vborder.png) repeat-y left top;
	min-height: 848px;
	width: 180px;
	margin: 30px 0 0;
	padding-left: 21px;
}
#sidebar h3 {
	margin: 15px 0 12px;
	padding-left: 40px;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar > ul li {
	margin: 0 0 24px;
}
#sidebar > ul li a {
	color: #aa9387;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}
#sidebar ul li > div {
	display: none;
	width: 80px;
	padding-left: 40px;
}
#sidebar ul li:hover > div {
	display: block;
}
#sidebar ul li > div a {
	color: #aa9387;
	font-size: 12px;
	display: block;
}
#sidebar ul li > div a:hover {
	color: #ce8763;
}
/** Contact **/
#contents div#contact {
	width: 720px;
	padding: 50px 120px 0;
}
#contact h4 {
	color: #8a5c02;
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}
#contact h4 a {
	color: #8a5c02;
	text-decoration: none;
}
#contact a.email {
	font-size: 13px;
}
#contact p.numbers {
	margin: 0 0 30px;
	padding-left: 40px;
}
#contact p.address {
	padding-left: 40px;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
	background: url(../images/bg-footer.png) repeat-x center bottom;
	padding: 18px 0 18px;
}
/** Connect **/
#connect {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center;
}
#connect a {
	background: url(../images/icons.png) no-repeat;
	display: inline-block;
	height: 39px;
	width: 40px;
	margin: 0 20px;
}
#connect a.facebook {
	background-position: 0 0;
}
#connect a.email {
	background-position: 0 -49px;
}
#connect a.twitter {
	background-position: 0 -98px;
}
#connect a.googleplus {
	background-position: 0 -147px;
}
#footer p {
	color: #956836;
	font-size: 13px;
	line-height: 24px;
	width: 960px;
	margin: 0 auto;
	text-align: center;
}