@charset "utf-8";
h1,h2,h3,h4,h5,ul,li{font-weight:normal;margin:0;padding:0;list-style-type: none;}
a:link{ color:#000;text-decoration:none;} 
a:visited{color:#000;text-decoration:none;} 
a:hover{color:#000;text-decoration:none;}
.green {color:#390;}
.qq2 { margin-left:600px!important;margin-left:250px; margin-top:65px; float:left;}
.qqs { margin-left:10px; margin-top:65px; float:left;}
.ww { margin-left:5px; float:left;margin-top:65px;}
.ac-text,
.at-text,
.ju-text,
.d-text,
.wbg-text,

.ga-list-1,
.ga-list-2,
.ga-list-3,
.ga-list-4,
.join-text,
.tn-text,
.vip-info
	{
	overflow-y:auto; overflow:auto; color:#000; 
	text-indent: 2em;
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #919192; 
	SCROLLBAR-3DLIGHT-COLOR:#ffffff; 
	SCROLLBAR-ARROW-COLOR: #919192;
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	LETTER-SPACING: 1pt; 
	TEXT-ALIGN: left;
	display: block;
	}
.page {width:600px; height:30px; margin-top:5px; float:left; margin-left:25px;}
.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; width:600px; height:30px;
}
.fg-text{
overflow-y:auto; overflow:auto; color:#000; 
	
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #919192; 
	SCROLLBAR-3DLIGHT-COLOR:#ffffff; 
	SCROLLBAR-ARROW-COLOR: #919192;
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	
	TEXT-ALIGN: left;
	display: block;
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none;
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid;
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid;
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4;
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid;
}
.ac-caption,
.at-caption
	{	
	width:580px; height:40px; 
	margin-left:45px; margin-top:40px; 
	text-align:center; font-size:24px; font-weight:bold;
	}
.ac-text,
.at-text
	{
	width:580px; height:300px; 
	margin-left:45px;margin-top:15px; padding-bottom:5px; 
	font-size:14px;line-height:24px;
	}
.os-text
	{
	width:580px; height:300px; 
	margin-left:40px;margin-top:30px; padding-bottom:5px; 
	font-size:14px;line-height:24px;
	}
.ta-text 
	{
	width:600px; height:310px; margin-left:45px; display:inline; margin-top:35px; 
	}
.ta-picture 
	{
	width:130px; height:100px;
	margin-left:12px;float:left;
	border:none;border:2px solid #09F;
	}
.ta-date {
	width:130px; height:15px; margin-top:0px;
	float:left;margin-left:12px; padding-left:1px; 
	text-align:center;line-height:15px; font-size:12px;
	} 
.ta-board
	{
	width:500px; height:365px;
	margin-left:100px;margin-top:50px;
	border:solid; border-width:2px; border:#09F;
	}
.ta-details 
	{
	width:460px; height:310px; margin-left:20px;margin-top:20px;
	}
.ta-caption 
	{
	width:400px; height:30px; margin-left:100px; font-size:12px;
	}
.ju-text
	{   
    border:none;border:2px solid #09F; 
	width:600px; height:310px; 
	margin-left:45px;margin-top:60px; padding-top:5px; padding-left:20px;padding-bottom:5px;
	font-size:12px; 
	display:block;
	}
.ju-text table 
	{ 
	width:580px; 
	}
.ju-text hr 
	{ 
	width:600; 
	}
.vip-info 	{   
	width:620px; height:310px; 
	margin-left:35px;margin-top:60px; padding-top:5px;padding-bottom:5px;
	font-size:12px; 
	display:block;
	}
.d-text
	{
	width:620px; height:330px; margin-left:25px;margin-top:40px; 
	padding-bottom:5px; font-size:14px; padding-top:5px;
    line-height:12px;
	}
.d-card
	{ 
	width:165px; height:128px; float:left; 
	}
.d-caption 
	{
	width:80px; height:128px; float:left;font-size:12px; padding-left:25px; *+padding-left:25px;
	padding-top:20px; text-indent:0em;
	}
.wbg-text
	{
	width:600px; height:300px; 
	margin-left:45px;margin-top:15px; padding-bottom:5px; 
	font-size:14px;line-height:24px;
	}
.wbg-caption
	{	
	width:600px; height:40px; 
	margin-left:45px; margin-top:40px; 
	text-align:center; font-size:24px; font-weight:bold;
	}
.awards-1 
	{
	width:296px;margin-left:25px; margin-top:25px;height:191px; float:left;
	}
.awards-2 
	{
	width:352px;height:191px; float:left; margin-top:25px;
	}
.awards-3 
	{
	width:296px;margin-left:25px;height:195px; float:left;
	}
.awards-4 
	{
	width:352px;height:195px; float:left;
	}
.ga-logo 
	{
	width:138px; height:191px; margin-left:15px; float:left; margin-top:120px;
	}
.ga-board 
	{
	width:500px; height:370px; float:left; margin-left:5px;
	}
.ga-caption 
	{ 
	width:500px; height:30px; text-align:center; font-size:18px; margin-top:40px; font-weight:bold;
	}
.ga-info 
	{
	margin-bottom:10px;
	}
.ga-list-1
	{   
	border-width:1px;border:solid; border:#CCC; width:480px; 
    height:200px;margin-top:0px; 
	padding-right:10px; padding-bottom:5px; font-size:12px; padding-top:5px;
    line-height:24px;
	}
.ga-list-2
	{   
	border-width:1px;border:solid; border:#CCC; width:480px; 
    height:180px;margin-top:0px; 
	padding-right:10px; padding-bottom:5px; font-size:12px; padding-top:5px;
    line-height:24px;
	}	
.ga-list-3
	{   
	border-width:1px;border:solid; border:#CCC; width:480px; 
    height:180px;margin-top:0px; 
	padding-right:10px; padding-bottom:5px; font-size:12px; padding-top:5px;
    line-height:24px;
	}
.ga-list-4
	{   
	border-width:1px;border:solid; border:#CCC; width:480px; 
    height:240px;margin-top:0px; 
	padding-right:10px; padding-bottom:5px; font-size:12px; padding-top:5px;
    line-height:24px;
	}	
.ga-list-1 ul li, 	
.ga-list-2 ul li, 
.ga-list-3 ul li, 
.ga-list-4 ul li 
	{
	list-style-type:none;
	}
.join-caption
	{	
	width:600px; height:0px; 
	margin-left:45px; margin-top:40px; 
	text-align:center; font-size:24px; font-weight:bold;
	}
.join-caption2
	{	
	width:600px; height:20px; 
	margin-left:45px; margin-top:20px;
	}
.join-caption2 img {margin:auto; margin-left:10px; float:right;}
.joinplay { width:191px; height:165px;
			background-image:url(/life/images/WithToPlayClub.gif); float:left; margin-right:12px; margin-top:10px; background-repeat:no-repeat; overflow:hidden;}
.joinplay table {width:175px; height:155px; margin-left:10px; margin-top:10px;}
.joinplay table th { color:#007bbf; font-size:12px;}
.joinplay table td { color:#606060; font-size:12px;}
.joinplay table th a:link{ color:#007bbf;text-decoration:none;} 
.joinplay table th a:visited{color:#007bbf;text-decoration:none;} 
.join-text 
	{
	width:600px; height:300px; display:inline;margin-top:5px; 
	padding-bottom:5px; font-size:14px; padding-top:5px;line-height:24px;text-align:left;
	}
.join-text2 
	{
	width:610px; height:350px; margin-left:45px;margin-top:5px; 
	padding-bottom:5px; font-size:14px; padding-top:5px;line-height:24px;text-align:left;
	}
.join-text img {}
/* dingzuo sprites */

.join-text ul 
	{
	list-style-type:none; 
	}
.join-text ul li 
	{
	text-indent: 2em;list-style-type:none; 
	}
.download {width:120px; height:25px;margin-left:480px; margin-top:10px;}		
.tn-list { width:580px; height:350px; margin-left:60px;margin-top:30px;}
.tn-list table{ width:570px; font-size:14px;}
.tn-list table tr{ height:30px; line-height:30px;}
.textright{ text-align:right;}
.fixwidth {width:25px;}
.tn-caption {width:586px; height:40px; margin-left:50px; margin-top:40px; text-align:center; font-size:24px;}
.tn-info {width:586px; height:24px; margin-left:50px;text-align:center; font-size:12px; border-bottom:#333333 1px  dashed;}
.tn-info table {width:200px; height:20px;margin: auto;}
.tn-text {
	width:586px; height:270px; margin-left:50px;
	padding-bottom:5px; font-size:14px; padding-top:5px;
    line-height:24px; padding-left:5px; padding-left:5px;
	
}
.tn-info hr { width:550;text-indent:0em; height:5px;  margin-top:-1px;}
.fg-text { float:left;
	width:610px; height:350px; margin-left:45px; display:inline;
	padding-bottom:5px; font-size:14px; padding-top:5px;
    line-height:24px; 
}

.gamelogo{ float:left; margin-left:-10px;vertical-align:middle;}

#to-register li{ display:block; width:267px; float:left; text-indent: 0em;list-style-type:none; text-align:right;
margin-top:20px; font-size:12px; margin-left:10px;}
textarea{ width:550px; float:left; height:100px; margin-top:20px;}
#to-register { margin-left:0px; font-size:12px;}
#to-register p{ font-size:12px;}
#container {margin-top:10px; background:#fff;}
p{ text-indent: 2em } 
.str { font:bold;}
#center {margin: 0px auto; height:800px; width:960px;}
#center1 {margin: 0px auto; height:800px;}

.life-return {margin-top:0px;}
.info-return {margin-top:10px;}
.join-return {margin-top:5px;}
.vip-return {margin-top:0px;}
.about-return{margin-top:10px;}
img {
 border: none;
} 
#nav
{
width: 620px;
height: 60px;
font-weight: bold;
font-size: 14px;
float:left;
margin-top:12px;
}

#nav:after
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#nav ul{
width: 640px;
height: 44px;
margin-left:10px;
text-align: center;
}

#nav ul li{
float:left;
display: block;
width: 103px;
height: 44px;
line-height:44px;
padding-left:3px;
margin-left:1px;
}

#nav ul li a{
color: #007bbf;
text-decoration: none;
width:103px;
display:block;
}

#nav ul li a:hover{
background:url(../images/cursor.png);
}
#top {width:960px; height:128px;
}
.top-left {height:128px; width:310px; background-image:url(../images/logo.png); float:left;}
.top-right {height:128px; width:650px; background-image:url(../images/logo-bg.gif); float:right;}
.quick {padding-top:30px; margin-right:49px; float:right;}
.bottom-1 {width: 960px; height:22px; float:left; background-color:#333333;}
.bottom-2 {width: 960px; height:98px; float:left; background-image:url(../images/bottom.gif); background-repeat:no-repeat;}
.bottom-3 {width: 960px; height:59px; float:left; margin:auto;}
#bottom ul li {
float:right;
display: block;
line-height:22px;
margin-left:10px;
height:22px;
}

#bottom ul li a{
color: #d2d2d2;
text-decoration: none;
display:block;
}

#bottom {
width: 960px;
font-size: 12px;
float:left;
}

#bottom ul{
margin-right:50px;
}
#vip-sidebar,#join-sidebar,#info-sidebar,#life-sidebar,#about-sidebar 
{
	background-repeat:no-repeat;height: 480px; margin-left:40px;
}

#about-sidebar {background-image:url(../about/images/about-sidebar.gif);}
#life-sidebar {background-image:url(../life/images/life-sidebar.gif);}
#info-sidebar {background-image:url(../info/images/info-sidebar.gif);}
#join-sidebar {background-image:url(../join/images/join-sidebar.gif);}
#vip-sidebar {background-image:url(../vip/images/vip-sidebar.gif);}

#join-sidebar ul li,
#life-sidebar ul li,
#vip-sidebar ul li,
#about-sidebar ul li,
#info-sidebar ul li
{
	display: block;
	height:46px;
	margin-top:8px;
	margin-left:-18px;
}
#join-sidebar ul,
#about-sidebar ul,
#vip-sidebar ul,
#life-sidebar ul
{   margin-top:20px;
	width: 170px;
	height: 392px;
	margin-left:10px;
	text-align: center; /*set value to "right" for example to align menu to the left of page*/
}
#info-sidebar ul
{   margin-top:20px;
	width: 170px;
	height: 152px;
	margin-left:10px;
	text-align: center; /*set value to "right" for example to align menu to the left of page*/
}


.infobook { width:170px; height:160px; background-image:url(../info/images/book.gif); background-repeat:no-repeat; float:left;
margin-top:70px!important;margin-top:70px;}

#vip-main-1,#vip-main-2,#vip-main-3,#join-main-1,#join-main-2,#join-main-3,#join-main-4,
#join-main-5,#join-main-6,#life-main-1,#life-main-2,#life-main-3,#life-main-4,
#info-main-1,#info-main-2,#about-main-5,#about-main-2, #about-main-3, 
#about-main-4, #about-main-6,#about-main-1 
{
	background-repeat:no-repeat;height:480px;
}

#about-main-1 {background-image:url(../about/images/about-1.gif);}
#about-main-2 {background-image:url(../about/images/about-2.gif);}
#about-main-3 {background-image:url(../about/images/about-3.gif);}
#about-main-4 {background-image:url(../about/images/about-4.gif);}
#about-main-5 {background-image:url(../about/images/about-5.gif);}
#about-main-6 {background-image:url(../about/images/about-6.gif);}
#info-main-1 {background-image:url(../info/images/info-1.gif);}
#info-main-2 {background-image:url(../info/images/info-2.gif);}
#life-main-1 {background-image:url(../life/images/life-1.gif);}
#life-main-2 {background-image:url(../life/images/life-2.gif);}
#life-main-3 {background-image:url(../life/images/life-32.gif);}
#life-main-4 {background-image:url(../life/images/life-4.gif);}
#join-main-1 {background-image:url(../join/images/join-1.gif);}
#join-main-2 {background-image:url(../join/images/join-2.gif);}
#join-main-3 {background-image:url(../join/images/join-3.gif);}
#join-main-4 {background-image:url(../join/images/join-4.gif);}
#join-main-5 {background-image:url(../join/images/join-5.gif);}
#join-main-6 {background-image:url(../join/images/join-6.gif);}
#vip-main-1 {background-image:url(../vip/images/vip-1.gif);}
#vip-main-2 {background-image:url(../vip/images/vip-2.gif);}
#vip-main-3 {background-image:url(../images/loginbg.gif);}


/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_13
{
	display: inline;
	float: left;
	position: relative;
	margin-right: 10px;
}

.grid_3
{
	display: inline;
	float: left;
	position: relative;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_3 {
	width: 180px;
}


.container_16 .grid_13 {
	width: 720px;
}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}