/* ------------------------------------ Global Begin ------------------------------------ */

html, body, h1, h2, h3, h4, h5, h6, div, p, a, span, dl, dt, dd {
	margin:0; padding:0;
	border:0; border:none; outline:0; outline:none;
	font:12px 'SimSun';
}
body { color:#bbbbbb; background:#090909 url(body.png); }
table { border-collapse:separate; border-spacing:0; }
img { border:0; }
a { color:#ea9a4b; text-decoration:none; }
a:hover { color:#FCDCBC; }
.overlay { position:absolute; z-index:100; left:0; top:0; background:#000; display:none; }

/* ------------------------------------ Header Begin ------------------------------------ */

#newHeader,#header { width:100%; height:140px; background:#000000 url(bg.png) no-repeat top left; box-shadow:0 3px 5px #000000; }
#newHeader .wrapper,#header .wrapper { position:relative; width:960px; height:110px; margin:0 auto; }
#header .wrapper .light ,#newHeader .wrapper .light { position:absolute; z-index:1; top:0px; display:none; }
#logo { position:absolute; z-index:2; left:10px; top:4px; }
#language { position:absolute; z-index:2; right:0; top:6px; list-style:none; margin:0; padding:0; }
#language li { display:inline; }
#language li a { padding-left:20px; color:#999999; background:url(icon_s.png) no-repeat -380px -24px; }
#language li a.index { color:#EEBD1E; background:url(icon_s.png) no-repeat -380px -5px; }

/* ------------------------------------ Nav Begin ------------------------------------ */

#nav { position:relative; width:960px; height:30px; overflow:hidden; margin:0 auto; }
#nav ul { position:absolute; z-index:2; right:60px; margin:0; padding:0; }
#nav li { display:inline; }
#nav li a { display:block; float:left; padding:7px 16px 1px; font-weight:bold; color:#FFFFFF; }
#nav li a:hover { color:#fcdcbc; }
#nav li a.index { color:#EEBD1E; }
#nav div.slider { position:absolute; z-index:1; top:-28px; width:2px; height:24px; border:1px solid #303030; }
#nav div.slider b {
	display:block; height:22px; border:1px solid #000000; background:#19181B;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#303030),color-stop(0.5,#363636),color-stop(0.52,#262626),color-stop(1,#202020));
	background:-moz-linear-gradient(top,#303030,#363636 50%,#262626 52%,#202020 100%);
}

/* ------------------------------------ Body Begin ------------------------------------ */

#body{
	width:980px;
	margin:0 auto;
	padding:50px 0;
	border-left:1px solid #303030;
	border-right:1px solid #303030;
	background:#000000;
	box-shadow:0 10px 10px #000000;
	min-height:550px;
}
#body img.banner { display:block; margin:0 auto; }
#body h2.title { width:860px; height:40px; margin:20px auto; text-indent:-9999px; background:#000000 url(title.png) no-repeat; }
#body h5.subtitle {
	margin:20px 0 -5px 70px;
	width:100px; height:30px;
	color:#fcdcbc; text-align:center; line-height:24px; -line-height:26px;
	background:url(icon.png) no-repeat 0 -150px;
}
#body p { width:840px; margin:10px auto; text-indent:2em; line-height:20px; text-align:justify; }
#body .button {
	display:block; overflow:hidden; text-align:center; color:#2F1502;
	background:#DE950A;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#D5AB6F),color-stop(0.1,#F4DCB9),color-stop(0.5,#F9A910),color-stop(1,#FFDD7B));
	background:-moz-linear-gradient(top,#D5AB6F,#F4DCB9 10%,#F9A910 50%,#FFDD7B 100%);
	border-radius:10px;
	_border:1px solid #f4dcb9;
}
#body .clear { width:100%; height:2px; clear:both; overflow:hidden; }

/* ------------------------------------ Footer Begin ------------------------------------ */

#footer { width:100%; padding:20px 0; border-top:1px solid #303030; background:#000000; box-shadow:0 0 10px #000000; }
#footer .siteinfo { position:relative; width:980px; margin:0 auto; line-height:20px; text-align:center; color:#999999; }
#footer .siteinfo .police { position:absolute; left:300px; bottom:0; }
#footer .siteinfo .icons { position:absolute; right:50px; bottom:-20px; }
#footer .link { width:960px; margin:20px auto 0; padding:10px 10px 0; border-top:1px solid #333333; color:#666666; }
#footer .link a { color:#555555; }
#footer .link a:hover { color:#888888; }
#footer.footerNolink a{
 display: none;
}

/* ------------------------------------ Home Begin ------------------------------------ */

#home div.banner {
	position:relative;
	width:880px; height:260px;
	margin:0 auto;
	border:1px solid #222222;
	background:#000000 url(body.png) repeat;
	box-shadow:2px 2px 10px #000000 inset;
}
#home div.banner .loading { display:block; margin:120px auto 0; }
#home #slider { position:absolute; z-index:2; width:880px; height:260px; display:none; }
#home #slider a { display:block; position:absolute; z-index:4; width:880px; height:260px; }
#home #slider .slice, #home #slider .box { position:absolute; z-index:3; height:0; opacity:0; filter:alpha(opacity=0); }
#home div.banner .progress {
	position:absolute; z-index:2; left:-1px; top:270px;
	width:880px; height:2px;
	border:1px solid #222222; background:url(icon.png) repeat-x 0 -100px;
}
#home div.banner .progress .node {
	position:absolute; z-index:3; top:-4px; left:436px;
	width:10px; height:10px; overflow:hidden;
	cursor:pointer;
	background:#3D2803;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6d4806),color-stop(0.5,#3D2803),color-stop(1,#6d4806));
	background:-moz-linear-gradient(top,#6d4806,#3D2803 50%,#6d4806 100%);
	border-radius:5px;
}
#home div.banner .progress .index {
	cursor:default;
	background:#DE950A;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#D5AB6F),color-stop(0.1,#F4DCB9),color-stop(0.5,#F9A910),color-stop(1,#FFDD7B));
	background:-moz-linear-gradient(top,#D5AB6F,#F4DCB9 10%,#F9A910 50%,#FFDD7B 100%);
}

#home .news { width:880px; height:30px; margin:40px auto 10px; background:#161616; border-radius:3px; }
#home .news .head {
	display:block; float:left; width:128px; height:30px; text-align:center; line-height:30px; border-radius:3px;
	background:#222222;
	background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#3E3E3E),color-stop(0.8,#222222));
	background:-moz-linear-gradient(left top,#3E3E3E,#222222 80%);
}
#home .news .body { float:right; width:720px; height:30px; overflow:hidden; }
#home .news .body div { height:30px; }
#home .news .body div a { line-height:30px; }
#home .news .body div a span { float:right; line-height:30px; color:#666666; padding:0 20px; }

#home .product { position:relative; width:900px; margin:0 auto; }
#home .product .new { position:absolute; }
#home .product .item {
	float:left; display:inline;
	width:203px; width:278px; margin:20px 10px 0;
	border:1px solid #3B3B3B; background:#111111;
	background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#2E2E2E),color-stop(0.8,#111111));
	background:-moz-linear-gradient(left top,#2E2E2E,#111111 80%);
	border-radius:3px;
}
#home .product .wrapper { margin:12px; background:#000000; padding-bottom:3px; }
#home .product .wrapper h3 { padding:10px 0; text-align:center; color:#FCDCBC; }
#home .product .wrapper img { display:block; margin:0 auto; padding:1px; border:solid 1px #5A5A5A; }
#home .product .wrapper p { width:auto; height:100px; padding:0px 12px; line-height:16px; overflow:hidden; }
#home .product .wrapper a.button { width:40px; height:16px; margin-left:211px; }

/* ------------------------------------ About Begin ------------------------------------ */

#about p span { color:#3AB2DF; }

/* ------------------------------------ News Begin ------------------------------------ */

#news h2.title { background-position:0 -40px; }
#news h2.title a { float:right; text-indent:0; margin:18px 5px 0 0; display:none; }
#news ul.list { list-style:none; width:838px; margin:30px auto 0; padding:0px; }
#news ul.list li { margin:12px 2px; padding-left:12px; background:url(icon_s.png) no-repeat -388px -92px; }
#news ul.list span { float:right; color:#666666; }
#news ul.list a { color:#bbbbbb; }
#news ul.list a:hover { color:#fcdcbc; }
#news .pages li { display:inline; padding:0 8px; color:#b0550e; font:12px 'Verdana','Tahoma'; }
#news .pages li a { color:#cacaca; font:12px 'Verdana','Tahoma'; }
#news .detail { margin:20px 130px; padding:20px 0; display:none; }
#news .detail h3 { width:720px; padding-bottom:6px; font:bold 14px 'SimSun'; color:#ea9a4b; text-align:center; border-bottom:1px dashed #555555; }
#news .detail p { width:720px; }
#news .detail div { width:660px; margin:5px 0 30px; }
#news .detail div.time { text-align:center; color:#555555; }
#news .detail img { display:block; margin:5px auto; }

/* ------------------------------------ Product Begin ------------------------------------ */

#product h2.title { background-position:0 -80px; }
#product p a { text-decoration:underline; color:#3AB2DF; }
#product .preview { width:838px; height:98px; margin:10px auto; border:1px solid #222222; background:url(body.png); box-shadow:2px 2px 10px #000000 inset;  }
#product .preview .loading { display:block; margin:32px auto 0; }
#product .preview .prev,
#product .preview .next,
#product .preview .prevAble,
#product .preview .nextAble { width:25px; height:98px; cursor:pointer; background:url(icon_s.png) no-repeat; }
#product .preview .prev { float:left; background-position:0 -100px; }
#product .preview .next { float:right; background-position:-25px -100px; }
#product .preview .prevAble { float:left; background-position:-50px -100px; }
#product .preview .nextAble { float:right; background-position:-75px -100px; }
#product .preview .imgBox {
	margin:0 auto;
	width:780px; height:98px; overflow:hidden;
	white-space:nowrap;
	display:none;
}
#product .preview .imgBox img { margin:9px 3px; cursor:pointer; }
#product a.button { width:100px; padding:2px 0; margin:0 0 30px 800px; }
#product #showBox { position:absolute; z-index:101; border:3px ridge #ea9a4b; }
#product #showBox .loading { margin:25px 60px; }
#product #showBox .showImg { width:150px; height:80px; }
#product #showBox .close {
	position:absolute; z-index:102; right:-15px; top:-15px;
	width:30px; height:30px;
	cursor:pointer;
	background:url(icon.png) no-repeat 0 -40px;
	-background:url(icon_s.png) no-repeat 0 -40px;
}

/* ------------------------------------ Product ZYSD Begin ------------------------------------ */

#product .zysd h2.title { background-position:0 -280px; }
#product .zysd .menu { float:left; margin:0 0 0 20px; width:240px; list-style:none; }
#product .zysd .menu ul { margin:0; padding:0; list-style:none; }
#product .zysd .menu li.parent {
	margin:10px 20px;
	border:1px solid #292929;
	background:#111111;
}
#product .zysd .menu li.parent li.parent {
	margin:0 20px;
	border:0;
	border-top:1px solid #292929;
}
#product .zysd .menu li.child { margin:0 18px; border-top:1px solid #333; }
#product .zysd .menu li.index { background:url(icon.png) no-repeat 0 -70px; }
#product .zysd .menu a {
	display:block; padding-left:2.5em;
	height:30px; overflow:hidden;
	line-height:32px;
	background:url(icon_s.png) no-repeat -375px -150px;
}
#product .zysd .menu a.parent { background-position:-375px -105px; }
#product .zysd .menu a.child { background-position:-375px -130px; }
#product .zysd .content {
	float:left;
	width:600px;
	padding-bottom:10px;
	border-left:1px solid #555;
}

/* ------------------------------------ Product MJ Begin ------------------------------------ */

#product .mj h2.title { background-position:0 -400px; }
#product .mj ol { width:800px; margin:10px auto 0; }
#product .mj .image_box { margin:15px; text-align:center; }
#product .mj .download_box { margin:50px auto 20px; text-align:center; }
#product .mj .download_box img { margin:0 20px; }

/* ------------------------------------ Product DN Begin ------------------------------------ */

#product .dn h2.title { background-position:0 -360px; }
#product .dn ol { width:800px; margin:10px auto 0; }
#product .dn .image_box { margin:15px; text-align:center; }
#product .dn .download_box { margin:50px auto 20px; text-align:center; }
#product .dn .download_box img { margin:0 20px; }

/* ------------------------------------ Platform Begin ------------------------------------ */

#platform h2.master { background-position:0 -120px; }
#platform .games { margin:30px 100px; text-align:center; }
#platform .games a img { width:180px; border:2px ridge #666; }
#platform .games a:hover img { border:2px ridge #ea9a4b; }
#platform h2.other { background-position:0 -320px; }
#platform .head { border-bottom:1px solid #5d2100; text-indent:1em; }
#platform .head span { display:block; float:right; width:20px; height:18px; margin:0 3px; cursor:pointer; background:url(icon.png) no-repeat; }
#platform .head .random { background-position:-20px -180px; }
#platform .head .randomOn { background-position:-60px -180px; }
#platform .head .order { background-position:0 -180px; }
#platform .head .orderOn { background-position:-40px -180px; }
#platform .platform { position:relative; margin:15px 108px 30px; }
#platform .platform a { border:2px ridge #666; }
#platform .platform a.hover { border:2px ridge #ea9a4b; }

/* ------------------------------------ Joinus Begin ------------------------------------ */

#joinus h2.title { background-position:0 -160px; }
#joinus .positions { float:left; margin-left:20px; _margin-left:30px; list-style:none; width:240px; border-right:1px solid #555; }
#joinus .positions ul { margin:0; padding:0; list-style:none; }
#joinus .positions li.parent {
	margin:10px 20px;
	border:1px solid #292929;
	background:#111111;
}
#joinus .positions li.child { margin:0 18px; border-top:1px solid #333; }
#joinus .positions li.index { background:url(icon.png) no-repeat 0 -70px; }
#joinus .positions a {
	display:block; padding-left:2.5em;
	height:30px; overflow:hidden;
	line-height:32px;
	background:url(icon_s.png) no-repeat -375px -150px;
}
#joinus .positions a.parent { background-position:-375px -105px; }
#joinus .positions a.child { background-position:-375px -130px; }
#joinus .content {
	position:relative; right:1px;
	float:left; padding:10px 20px;
	width:560px;
	line-height:20px;
	border-left:1px solid #555;
}
#joinus .content .note { margin-top:60px; color:#3AB2DF; }

/* ------------------------------------ Partnership Begin ------------------------------------ */

#partnership h2.title { background-position:0 -200px; }
#partnership .note { margin-top:30px; color:#3AB2DF; }

/* ------------------------------------ Contact Begin ------------------------------------ */

#contact h2.title { background-position:0 -240px; }
#contact .info { float:left; display:inline; margin:30px 0 0 80px; width:280px; }
#contact .info dt { margin-bottom:2em; color:#b0550e; font-size:15px; font-weight:bold; }
#contact .info dd { margin:1em 0 0 3em; text-indent:-3em; }
#contact .map { float:right; display:inline; margin:30px 80px 0 0; width:520px; height:400px; border:3px solid #222; }