@charset "utf-8"; /* CSS Document */ /* global */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea {
	padding:0;
	margin:0;
}
table {
	border-collapse:
collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
button, input, select, textarea {
	font-size:12px;
}
li {
	list-style:none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin:10px 0;
}
p, a, span, div {
	text-decoration:none;
	size:14px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-family:Helvetica, Arial, Verdana, sans-serif /9;
	font-family:Helvetica, Arial, Verdana, sans-serif /0;
*font-family:Helvetica, Arial, Verdana, sans-serif;
"Lucida Grande", Helvetica, Arial, Verdana, sans-serif
}
* {
	outline: none;
}
img {
	border: 0;
}
.clearer {
	clear:both;
}
body {
	background:url(../images/main_bg.png) repeat;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.title_h2 {
	font-size: 18px;
	font-weight: bold;
	padding-left: 3px;
}
.title_h2 a {
	color:#000;
}
.w1000 {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.w980 {
	width:980px;
	margin:0 auto;
}
.mb11 {
	margin-bottom:11px;
}
.mt10 {
	margin-top:10px;
}
.mb16 {
	margin-bottom:16px;
}
.mb120 {
	margin-bottom:120px;
} /* global end */ /* top */
.top { /*height:417px;*/
}
.nav {
	height:118px;
	background:url(../images/nav_bg.jpg) repeat-x;
} /* top_nav */
.top_nav {
	height:37px;
	margin:0 auto;
}
.top_nav ul {
}
.top_nav ul li {
	float:right;
	padding: 10px 0 0;
	margin:0 30px;
	font-size:12px;
	position:relative;
}
.top_nav ul li a {
	text-decoration:none;
	color:#cecece;
}
.top_nav ul li a:hover {
	color:#FFF;
}
.nav_explore {
	width:141px;
	height:37px;
	background:url(../images/nav_explore.png) no-repeat;
}
.nav_explore :hover {
	width:141px;
	height:37px;
	background:url(../images/nav_explore.png) no-repeat left bottom;
}
ul#topnav2 li .sub2 {
	position: absolute;
	background:url(../images/nav_sub2_bg.png) repeat;
	padding: 20px 0px;
	float:
right;
	width:350px;
	right:0;
	text-align:left;
	font-size:12px; /*--Bottom right
rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:#404040 1px solid;
	border-top:0px;
	display: none;
	z-index:9999;
}
ul#topnav2 li .sub2 a {
	color:#4d4d4d;
}
ul#topnav2 li .sub2 ul {
	margin:0 auto;
	padding:0;
	float:left;
	width:175px;
}
ul#topnav2 li .sub2 ul li {
	margin:0;
	padding:7px 0 7px 20px;
	float:none;
}
ul#topnav2 li .sub2 ul li .nav_e_line {
	margin:10px 0 0;
	width:155px;
	height:1px;
	background:url(../images/nav_e_line.png) no-repeat 0 0;
}
ul#topnav2 li .sub2 ul li h2 {
	margin:0;
	float:left;
	padding-left:12px;
}
ul#topnav2 li .sub2 ul li span {
	margin:5px 0;
}
ul#topnav2 li .sub2 ul li .n_e_img1 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 0;
}
ul#topnav2 li .sub2 ul li .n_e_img2 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -18px;
}
ul#topnav2 li .sub2 ul li .n_e_img3 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -36px;
}
ul#topnav2 li .sub2 ul li .n_e_img4 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -54px;
} /* top_nav */ /*
bottom_nav */
.bottom_nav {
	height:101px;
	margin:0 auto;
	position:relative;
}
.search_border {
	display:none;
	position:absolute;
	background:url(../images/search_border_bg.png) no-repeat;
	width:251px;
	height:27px;
	right:6px;
	top:6px;
	z-index:999;
}
.search_border input {
	background:transparent;
	border:0;
	width:200px;
	color:#979797;
	margin: 6px 0 0 6px;
}
.logo {
	width:283px;
	height:81px;
	float:left;
}
.logo img {
    margin: 18px 0 0 82px;
}
ul#topnav {
	margin: 0;
	padding: 0;
	float:left;
	width: 700px;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0 20px;
	padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px;
	height: 81px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left -20px;
}
ul#topnav a.nav1 {
	background:
url(../images/nav_home.png) no-repeat left bottom;
	width: 100px;
}
ul#topnav a.nav2 {
	background: url(../images/nav_games.png) no-repeat left bottom;
	width:
100px;
}
ul#topnav a.nav3 {
	background: url(../images/nav_myr2.png) no-repeat left bottom;
	width: 100px;
}
ul#topnav a.nav4 {
	background:
url(../images/nav_community.png) no-repeat left bottom;
	width: 100px;
}
ul#topnav a.nav5 {
	background: url(../images/nav_store.png) no-repeat left bottom;
	width: 100px;
}
ul#topnav li .sub {
	position: absolute;
	top: 81px;
	left: -25px;
	background: #3d3636; /*padding: 20px 0px;*/
	/*padding-bottom:15px;*/ float: left;
	text-align:center;
	font-size:12px;
	/*--Bottom right rounded corner--*/ /*	-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
*/ /*--Bottom left rounded corner--*/ /*	-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;*/
display: none;
	z-index:999;
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	margin:0 auto;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/nav_sub_bg.png) bottom left no-repeat;
	padding: 7px 5px 7px 5px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #4b4b4b;
	background:url(../images/nav_sub_bg.png) top left no-repeat;
} /* bottom_nav end */ /* banner */
.banner {
	position:relative;
	height:300px;
	background-color: #FFFFFF;
}
.login {
	position:absolute;
	right:0;
	width:360px;
	height:300px;
	font-size:12px; /*border:1px solid #F00;*/
	background:url(../images/login_bg.png) 10px 0 no-repeat;
}
.login .online_msg {
	float:right;
	padding:20px 20px 25px;
}
.login .online_msg a
{
	float:right;
}
.login .online_msg a .exit
{
	width:19px; height:19px; background:url(../images/exit.png) top left no-repeat;
}
.login .online_msg a:hover .exit
{
	width:19px; height:19px; background:url(../images/exit.png) bottom left no-repeat;
}
.login .online_msg span {
	color:#000;
	font-size:12px;
	padding:0 5px;
}
.login .online_msg .fwb {
	font-weight:bold;
	color:#414141;
}
.login .user_msg {
	width:305px;
	height:74px;
	margin:0 0 0 20px;
	position:relative;
}
.login .user_msg .user_img {
	width:72px;
	height:74px;
	float:left;
}
.login .user_msg .name_msg {
	float:right;
	padding-top:10px;
	font-weight:bold;
	color:#636363;
}
.login .user_msg .star {
    left: 75px;
    position: absolute;
    top: 8px;
}
.login .user_msg .star ul {
}
.star ul li.star_a {
	width:16px;
	height:15px;
	background:url(../images/star.png) 0 0 no-repeat;
	float:left;
	margin-left:1px;
}
.star ul li.star_b {
	width:26px;
	height:25px;
	background:url(../images/star_b.png) 0 0 no-repeat;
	float:left;
	margin-left:1px;
	margin-top:-7px;
}
.login .skype{
	position: absolute;
	left:80px;
	top: 32px;
}
.login .skype a{
	display: block;
	height:20px;
	width:100%;
	text-indent: 25px;
	line-height: 20px;
	color: #5E5E5E;
	font-weight: bold;
}
.login .skype a.l1{
	background: url("../images/nav_e_img.png") no-repeat scroll -17px 0 transparent;
}
.login .skype a.l2{
	background: url("../images/skype.png") left center no-repeat;
}
.login .user_msg .name_msg .name {
	color:#990300;
	padding-left:0px;
}
.login .user_msg .line {
	height:1px;
	width:234px;
	background:url(../images/footer_line_bg.png) repeat-x;
	position:absolute;
	right:0;
	top:38px;
}
.login .user_msg .line2{
	top:28px;
}
.login .nmsg_fol {
	margin: 13px 0 10px 20px;
	position: relative;
	width: 305px;
	height:20px;
}
.login .nmsg_fol a {
	float:left;
}
.login .nmsg_fol a .new_msg_img {
	width:20px;
	height:20px;
	background:url(../images/nav_e_img.png) -16px 0 no-repeat;
	float:left;
}
.login .nmsg_fol a .fonline {
	width:20px;
	height:20px;
	background:url(../images/nav_e_img.png) -16px -20px no-repeat;
	float:left;
}
.login .nmsg_fol a span {
	color:#5e5e5e;
	font-weight:bold;
	font-size:12px;
	float:left;
	margin-top:3px;
}
.login .nmsg_fol a .red {
	color:#990300;
	padding:0 5px 0 15px;
	font-size:14px;
	margin-top:1px;
}
.login .line , .login_a .line {
	width:305px;
	height:1px;
	background:url(../images/footer_line_bg.png) repeat-x;
	margin-left:20px;
}
.login .gmsg {
	width:305px;
	margin: 20px 0 0 20px;
	height: 70px;
}
.login .gmsg .games_msg {
	width:225px;
	position:relative;
	margin:0 auto;
	height: 60px;
}
.login .gmsg .games_msg .games_name {
	float:left;
	font-size:18px;
	font-weight:bold;
}
.login .gmsg .games_msg .games_genre {
	float:right;
	font-size:12px;
	color:#353535;
	margin-top:5px;
}
.login .gmsg .games_msg .left {
	float:left;
	margin:3px 0;
}
.login .gmsg .games_msg .right {
	float:right;
	margin:3px 0;
}
.login .gmsg .games_msg .left span {
	margin-right:5px;
}
.login .gmsg .games_msg .right span {
	margin-left:5px;
}
.login .gmsg .games_msg .left .red {
	font-weight:bold;
	color:#830000;
}
.login .img_links {
	width:305px;
	margin:20px 0 0 20px;
}
.login .img_links a {
	float:left;
	color:#000;
	margin-left:54px;
}
.login .img_links a span {
	float:left;
	margin:3px 0 0 5px;
}
.login .img_links a .img_news {
	width:20px;
	height:20px;
	float:left;
	background:url(../images/nav_e_img.png) -16px -40px;
}
.login .img_links a .img_forum {
	width:20px;
	height:20px;
	float:left;
	background:url(../images/nav_e_img.png) -16px -60px;
}
.login .img_links a .img_play {
	width:20px;
	height:20px;
	float:left;
	background:url(../images/nav_e_img.png) -16px -80px;
}



.login_a .frm_guides {
	height:77px;
}
.login_a .frm_guides span {
	float:left;
	padding:4px 0 0 32px;
}
.login_a .frm_guides span .guides_img1 {
	width:36px;
	height:36px;
	background:url(../images/support_img.png) 0 0 no-repeat;
}
.login_a .frm_guides span .guides_img2 {
	width:36px;
	height:36px;
	background:url(../images/support_img.png) -36px 0 no-repeat;
}
.login_a .frm_guides span .guides_img3 {
	width:36px;
	height:36px;
	background:url(../images/support_img.png) -72px 0 no-repeat;
}
.login_a .frm_guides span .guides_img4 {
	width:36px;
	height:36px;
	background:url(../images/support_img.png) -108px 0 no-repeat;
}
.login_a .frm_guides span .guides_img5 {
	width:36px;
	height:36px;
	background:url(../images/support_img.png) -144px 0 no-repeat;
}



.login_a {
	position:absolute;
	right:0;
	width:360px;
	height:300px; /*border:1px solid
#F00;*/
	background:url(../images/login_bg.png) no-repeat;
}
.login_a .online_msg {
	float:right;
	padding:20px;
}
.login_a .online_msg span {
	color:#000;
	font-size:12px;
	padding:0 5px;
}
.login_a .online_msg .fwb {
	font-weight:bold;
	color:#414141;
}
.login_a h2 {
	font-size:18px;
	margin:5px 21px 10px;
}
.login_a .username {
	width:310px;
	height:35px;
	background:url(../images/login_input.png) top left no-repeat;
	border:0;
	padding-left:50px;
	color:#515151;
	font-size:14px;
	margin:0 0 15px 21px;
}
.login_a .pwd {
	width:260px;
	height:35px;
	background:url(../images/login_input.png) bottom left no-repeat;
	border:0;
	padding-left:50px;
	color:#515151;
	font-size:14px;
	margin:0 0 15px 21px;
}
.login_a a {
	font-size:12px;
	color:#484848;
	margin:0 0 0 25px;
}
.login_a .genreListWrapper {
	position:absolute;
	top:205px;
	right:30px;
	font-size:12px;
	width:90px;
	height:24px;
	z-index:9999;
}
.login_a a .search_img {
	width:29px;
	height:26px;
	background:url(../images/support_img.png) 0 -161px no-repeat;
}
.login_a .genreListWrapper .pro_select {
	width:90px;
	height:24px;
	font-size:12px;
	color:#4d4d4d;
}
.login_a .genreListWrapper .pro_qty {
	float:left;
	line-height:24px;
	padding-left:15px;
	width:90px;
	background:url(../images/login_btn_bg.png) 1px -58px no-repeat;
	border:0;
}
.login_a .genreListWrapper .pro_qty_but {
	position: absolute;
	width:90px;
	height:24px;
	z-index:0;
	cursor:pointer;
}
.login_a .genreListWrapper .qty_items {
	clear:left;
	width:90px;
	border-right:1px solid #959595;
	border-bottom:1px solid #959595;
	border-left:1px solid #959595;
	margin-top:26px;
	position:absolute;
	z-index:80;
}
.login_a .genreListWrapper .qty_items_out {
	background-color:#FFFFFF;
	cursor:pointer;
	line-height:18px;
	padding-left:15px;
}
.login_a .genreListWrapper .qty_items_over {
	background-color:#CCCCCC;
	cursor:pointer;
	line-height:18px;
	z-index:999;
	padding-left:15px;
}
.login_a #topnav3 {
	position:absolute;
	top:205px;
	right:30px;
	font-size:12px;
	width:75px;
	height:24px;
	background:url(../images/login_btn_bg.png) 0 -58px;
	z-index:9999;
}
.login_a ul#topnav3 a {
	margin: 0 0 0 15px;
	padding:0;
}
.login_a ul#topnav3 li {
	padding-top:5px;
}
.login_a ul#topnav3 li .sub3 { /*position: absolute;	*/
	width:73px;
	background: #cecece; /*padding: 20px 0px;*/
	float: left;
	text-align:center;
	font-size:12px; /*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:solid #909090 1px;
	border-top:0;
	display: none;
	margin-top:-2px;
	z-index:999;
}
.login_a ul#topnav3 li .sub3 ul li {
	margin:5px 0;
}
.login_a ul#topnav3 li .sub3 ul li a {
	margin:0 auto;
}
.login_a .btn {
	float:right;
	position:absolute;
	margin:0;
	padding:0;
	width:104px;
	height:29px;
	background:url(../images/login_btn_bg.png) 0 0 no-repeat;
}
.login_a .btn :hover {
	width:104px;
	height:29px;
	background:url(../images/login_btn_bg.png) 0 -29px no-repeat;
}
.login_a a.regbtn
{
    width:104px; height:29px;margin: 7px 0 0 20px; display:inline-block; background:url(../images/register.png) top left no-repeat;
}
.login_a a.regbtn:hover
{
    background-position:bottom left;
}
.login_a .txt {
	position:absolute;
	top:245px;
	left:0;
	color:#FFF;
	font-size:18px;
}
.login_a .txt:hover p
{
	color:#cf0400;
}
.login_a .txt p.italic{
font-size:12px;
}
.login_a .txt:hover p.italic
{
	color:#c91a0d;
}
.login_a .openid{
	position:absolute;
	top:245px;
	left:0;
}
.login_a .openid ul{ padding: 10px 0 0 40px;}
.login_a .openid ul li{ width: 36px; height: 36px; background: url("../images/f_login.png") 0 0 no-repeat; float: left; margin-right: 40px;}
.login_a .openid ul li.facebook{ background-position: 0 0;}
.login_a .openid ul li.google{ background-position: -36px 0;}
.login_a .openid ul li.live{ background-position: -72px 0;}
.login_a .openid ul li.yahoo{ background-position: -108px 0;}
.login_a .openid ul li.facebook:hover{ background-position: 0 -36px;}
.login_a .openid ul li.google:hover{ background-position: -36px -36px;}
.login_a .openid ul li.live:hover{ background-position: -72px -36px;}
.login_a .openid ul li.yahoo:hover{ background-position: -108px -36px;}
.login_a .openid ul li a{ display: block; width: 36px; height: 36px; margin: 0; padding: 0;}
/* banner
end */ /* top end */ /* mid */
.mid {
	width:100%;
} /* mid end */ /* footer */
.footer { /*border:1px #f00 solid;*/
	padding-bottom:100px;
	color:#4b4b4b;
}
.footer p {
	margin:0 25px;
	font-size:12px;
}
.footer_txt {
	width:545px;
	padding-left: 25px;
	float:left;
}
.footer_txt .footer_line {
	width:545px;
	height:1px;
	margin:0;
	padding:0;
	background:url(../images/footer_line_bg.png) repeat-x;
}
.footer_line {
	width:955px;
	height:1px;
	margin:9px 0 15px 25px;
	padding:0;
	background:url(../images/footer_line_bg.png) repeat-x;
}
.footer_txt ul {
	float:left;
	width:135px;
	font-size:12px;
}
.footer_txt ul li {
	margin:5px 0;
}
.footer_txt ul li a {
	color:#4b4b4b;
}
ul.footer_title {
	width:545px;
}
ul.footer_title li {
	width:135px;
	float:left;
}
ul.footer_title li h2 {
	float:left;
	padding:5px 0 0 8px;
	margin:0;
}
ul.footer_title li .n_e_img1 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -72px;
}
ul.footer_title li .n_e_img2 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -90px;
}
ul.footer_title li .n_e_img3 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -108px;
}
ul.footer_title li .n_e_img4 {
	float:left;
	width:16px;
	height:18px;
	background:url(../images/nav_e_img.png) no-repeat 0 -126px;
}
.footer_img {
	float:right;
	padding-right:20px;
} /* footer end */ /* index_mid */
.index_mid {
	height:600px;
} /* index_mid end */
/*checkbox */
label.checkbox {
	padding-left: 30px;
	cursor:pointer;
	background: transparent url(../images/checkbox.png) no-repeat 0 0;
	line-height:22px;
	height:21px;
	display:inline-block;
}
label.checkbox:hover
{
	background-position:0 -42px;
}
label.checked {
	background-position:0 -21px;
}
label.disabled {
	background-position:left 0px;
}
.hRadio {
	padding-left: 30px;
	display: inline-block;
	background: transparent url(../images/checkbox.png) no-repeat 0 0;
	height: 21px;
	line-height:20px;
	cursor:pointer;
	vertical-align:middle;
	margin-right:15px;
}
.hRadio_Checked {
	background-position: 0 -21px;
}
.hRadio:hover
{
	background-position: 0 -42px;
}
/*checkbox end*/


.dv_load {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333;
    display: none;
    font-size: 15px;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    z-index: 100;
}
.notification
{
	font-family: Arial, Helvetica, clean, sans-serif;
	font-size: large;
	font-weight: bold;
	background-color: rgb(247, 247, 247);
	color: red;
}
.success
{
	font-family: Arial, Helvetica, clean, sans-serif;
	font-size: large;
	font-weight: bold;
	background-color: #acfa58;
	color: black;
}
.fail
{
	font-family: Arial, Helvetica, clean, sans-serif;
	font-size: large;
	font-weight: bold;
	background-color: #fe2e2e;
	color: white;