@charset "utf-8";

/* Redefine HTML default value */
* {margin: 0; padding: 0; font-size: 12px;}
body {
	font-family: Arial, Helvetica, sans-serif;;
	color: #04659c;
	background: #90dffe url(../images/bg/bg_body.gif) repeat-x;
	line-height: 14px;
}
#body2{
	background-color:#FFFFFF;
}
img {border: none;}

a {color: #2462a8; text-decoration: none;}
a:hover {color: #ff3366;}
input {margin: 0; padding: 0;}

/* Start Layout Mockup */
#mainWrapper {width: 878px; margin: 0 auto; overflow: hidden;}
#navigation {width: 878px; height: 32px; overflow: hidden;}
	#navigation ul {width: 550px;  color: #fff; float: right; list-style: none; overflow: hidden;}
	#navigation li {font-size: 11px; line-height: 32px; float: left;}
	#navigation li a {color: #fff; text-decoration: none; padding: 0 5px;}
	#navigation li a:hover {text-decoration: underline;}
	
	#online {
		width: 126px;
		height: 26px;
		color: #9a6634;
		line-height: 26px;
		margin: 2px 30px 0 30px;
		background: url(../images/bg/bg_online.gif) no-repeat;
		float: right;
		display: inline;
	}
		#online span {font-weight: bold; padding-left: 5px;}
	
#flashHead {width: 878px; height: 370px;}
.flashbody {width: 610px;
 margin-top:10px;
/*overflow: hidden;*/
background: url(../images/flashbody.jpg) repeat-y;
}
.flashbody .vote {
	width: 550px;
	padding-left:28px;
	padding-bottom:5px;
	float:left;
}
.flashbody .vote .headergame{ width: 550px; height:100px; text-align:center; }
.flashbody .howtoplay {
	width: 550px;
	float:left;
	margin-top:10px;
}

.flashbody .howtoplay span { text-indent: 10px; text-decoration:underline; width:550px; padding-left:28px;}
.flashbody .howtoplay > p { text-indent: 10px; margin-top:0; width:550px; padding-left:28px;}
.flashbody .howtoplay pre{text-indent: 10px; margin-top:0; width:550px; padding-left:28px;}

.flashbody .flash{ text-align:center;}
.flashbody .flash .rank2{ width:550px; text-align:right; padding-bottom:10px; margin: auto;}

/*main wrapper */ 
#contentWrapper {width: 878px; overflow: hidden;}
#leftContent {width: 242px; float: left;}
#rightContent {width: 636px; float: right;}

	


/*leftcontent block*/
#loginBox {width: 242px; height: 148px; padding-top: 10px; margin-bottom: 5px; background: url(../images/bg/bg_memberbox.jpg) no-repeat;}
	#loginBox table {width: 220px; margin: 0 auto; display: block; vertical-align: middle;}
	#loginBox th {color: #1097c8; text-align: right; padding: 3px 10px 3px 0;}
	#loginBox td {padding: 3px 0; color: #1097c8;}
	#loginBox td.setPadding {padding-top: 5px;}
	#loginBox td a {color: #1097c8; text-decoration: none;}
	#loginBox td a:hover {text-decoration: underline;}
	#loginBox td p {line-height: 20px; clear: both;}
	#loginBox td p label {float: left; width: 30px; text-align: center;}
	#loginBox td p label img {padding-top: 4px;}

	#loginBox dl {width: 210px; margin: 0 auto;}
	#loginBox dt {width: 210px; padding-bottom: 15px;}
	#loginBox dt strong {padding: 0 5px;}
	#loginBox dd {width: 210px; overflow: hidden;}
	#loginBox dd img {float: left; padding-left: 15px;}
	#loginBox dd ul {float: right; width: 115px; list-style: none; padding: 3PX 0;}
	#loginBox dd li { background: url(../images/icon/point_white.gif) 0 5px no-repeat; padding: 3px 0 3px 15px;}
		#loginBox dd li a {font-weight: bold; color: #009bcc; text-decoration: none;}
		#loginBox dd li a:hover {text-decoration: underline;}
	#loginBox dd p {width: 115px; float: right; padding-top: 5px;}

#searchBox {
	width: 242px;
	height: 119px;
	padding-top: 10px;
	margin-bottom: 15px;
	background: url(../images/bg/bg_search.jpg) no-repeat;
}
	#searchBox p {width: 190px; margin: 0 auto; padding: 4px 0; display: block;}
	#searchBox input.text {width: 175px;}
	#searchBox select {width: 175px;}
#activity{
	width:242px;
	overflow:hidden;
	background:url(../images/activity/bg_actity.gif) repeat-y;
}
#activity ul{ 
	width:242px;
	list-style-type:none;
	text-align:center;
}
#activity ul li{ 
	width:242px;
	list-style-type:none;
	text-align:center;
}
#activity ul li img{ 
	width:173px;
	height:69px;
	list-style-type:none;
	text-align:center;
	/*padding-left: 35px;*/
	padding-bottom: 8px;
}		
	
.leftcontentBox {width: 212px; color: #fff; padding: 0 15px; background: url(../images/bg/bg_howtodownload.gif) repeat-y;}
	.leftcontentBox ol {padding: 5px 0 5px 25px ;}
	.leftcontentBox li {line-height: 12px;}

/*rightcontent block*/
.news {
	width: 612px;
	height: 23px;
	color: #fff;
	line-height: 23px;
	background: url(../images/bg/bg_news.gif) no-repeat;
	margin: 0px auto 10px;
	overflow: hidden;
	clear: both;
}
	.news p {padding-left: 25px; float: left;}
	.marqueeBox {width: 465px; display: inline; float: left;}
	
/* manager toke*/
#mgt{ margin-left:10px; width:626px; overflow:hidden;
	
	}
	#mgt .mgt1 { margin-top:0px;
		width:630px;
	 	background:#90DFFE;
	 	
	}
	#mgt .mgt2 { margin: 0 auto; width:626px; background: #90DFFE; background: url(../images/mgt_bg.gif) repeat-y; overflow:hidden;}
    #mgt .mgt3 { margin: 0 auto; width:626px; background: url(../images/mgt_bg.gif); overflow: hidden; }
	#mgt .mgt3 .main {
		/*margin-left: 40px;*/
		padding-left:40px;
		width:560px;
		overflow: hidden;
		float:left;
		list-style: none;
		/*background: url(../images/mgt_bg.gif);*/
	}
	#mgt .mgt3 .main .mainleft{
	width:150px;
	overflow:hidden;
	float: left;
	list-style-type: none;
    }
	#mgt .mgt3 .main .mainleft ul{width: 150px; overflow: hidden; float:left; list-style-type: none;}
	#mgt .mgt3 .main .mainleft ul li{width:150px; overflow: hidden; list-style-type: none;}
	#mgt .mgt3 .main .mainleft ul li p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; list-style-type: none;}
	#mgt .mgt3 .main .mainleft ul li span{float: left; list-style-type: none;}
 #mgt .mgt3 .main .mainright{
	width:400px;
	overflow:hidden;
	float:left;
    }
	#mgt .mgt3 .main .mainright ul{width: 400px; overflow: hidden; float:left; list-style-type: none;}
	#mgt .mgt3 .main .mainright ul li{width:400px; overflow: hidden;}
	#mgt .mgt3 .main .mainright ul li p{width:400px;}
	#mgt .mgt3 .main .mainright ul li span{float: left;width:400px;}

	/*#mgt .mgt3 .main ul{width: 300px; overflow: hidden; float:left;}
	#mgt .mgt3 .main ul li{width:190px; overflow: hidden;}
	#mgt .mgt3 .main ul li p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
	#mgt .mgt3 .main ul li span{float: left;}*/ 

	#mgt .mgt4 { margin-top: 2px; width:626px; }
  
  
.top5gameBox {width: 626px; margin-left: 10px; position: relative;}
	.top5gameBox .more {position: absolute; top: 1px; right: 10px;}
	
.top5gameBox_3column {width: 626px; height: 308px; background: url(../images/bg/bg_top53column.gif) no-repeat;}
	.top5gameBox_3column ul {list-style: none;}
	.top5gameBox_3column ul li {width: 200px; margin-left: 8px; padding-top: 3px; float: left; display: inline;}
	.top5gameBox_3column ul li h3 {width: 200px; text-align: center; color: #fff; font-size: 12px; font-weight: bold;}
	.top5gameBox_3column ul li ul {width: 170px; margin: 20px auto 0;}
	.top5gameBox_3column ul li ul li {width: 170px; margin: 0; padding: 2px 0; overflow: hidden;}
	.top5gameBox_3column ul li ul li img {float: left; border: 1px solid #66CCFF}
	.top5gameBox_3column ul li ul li img:hover {float: left; border: 1px solid #FF0000}	
	.top5gameBox_3column ul li ul li p {width: 120px; font-size: 11px; line-height: 12px; float: right;}
	.top5gameBox_3column ul li ul li p.title {font-weight: bold;}
	.top5gameBox_3column ul li ul li p.title a {color: #04659c; text-decoration: none;}
	.top5gameBox_3column ul li ul li p.title a:hover {text-decoration: underline;}
	.top5gameBox_3column ul li ul li p.price {color: #cc0001; font-weight: bold; padding: 2px 0 5px 0; border-bottom: 1px #ccc dashed;}
	/*.top5gameBox_3column ul li ul li img{ border: 5px solid #FF000;}
    .top5gameBox_3column:hover{ border: 1px solid navy;}
    .top5gameBox_3column:hover{color: red; /* Dummy definition to overcome IE bug */ 
	
.top5gameBox_2column {width: 626px; height: 308px; background: url(../images/bg/bg_top5flashpc2column.gif) no-repeat;}
	.top5gameBox_2column ul {list-style: none;}
	.top5gameBox_2column ul li {width: 313px; float: left;}
	.top5gameBox_2column ul li h3 {width: 300px; text-align: center; color: #fff;  font-size: 12px; margin: 3px 0 20px; font-weight: bold;}
	.top5gameBox_2column ul li ul {width: 265px; margin: 0 auto;}
	.top5gameBox_2column ul li ul li {width: 265px; margin: 0 0 5px; padding: 2px 0; overflow: hidden;}
	.top5gameBox_2column ul li ul li img {float: left; border: 1px solid #66CCFF;}
	.top5gameBox_2column ul li ul li img:hover {float: left; border: 1px solid #FF0000;}
	.top5gameBox_2column ul li ul li p {font-weight: bold; color: #cc9900; padding: 5px 0 0 20px; float: left;}
	.top5gameBox_2column ul li ul li p a {color: #cc9900; text-decoration: none;}
	.top5gameBox_2column ul li ul li p a:hover {text-decoration: underline;}
	.top5gameBox_2column ul li ul li > p + p {color: #c00; padding: 5px 0 0 0; float: right;}
	.top5gameBox_2column ul li ul li > p + p + p {width: 205px; color: #069; font-weight: normal; padding: 0 0 5px 0; border-bottom: 1px #ccc dashed;}
	.top5gameBox_2column ul li ul li > p + p + p a {color: #069; text-decoration: none;}
	.top5gameBox_2column ul li ul li > p + p + p a:hover {color: #ff3366; text-decoration: none;}
	
.mobilegameBox {width: 631px; /*background: #fff;*/ background:url(../images/bg/bgmobile.gif); overflow:hidden; margin: 0 auto 15px; overflow: hidden; position: relative;}
.mobilegameBox .more {position: absolute; top: 1px; right: 10px;}
.mobilegameBox .mobileUlleft {width: 385px; margin-left:10px; float: left; background: #fff; list-style: none; overflow: hidden;}
.mobilegameBox .mobileUlleft li {width: 160px; padding: 0 10px 0; /*margin-left:10px;*/ float: left; overflow: hidden; position: relative;}
.mobilegameBox .mobileUlleft li img {float: left; border: 1px solid #66CCFF}
.mobilegameBox .mobileUlleft li img:hover {float: left; border: 1px solid #FF0000}
.mobilegameBox .mobileUlleft li p {width: 60px; font-size: 11px; float: right;}
.mobilegameBox .mobileUlleft li p.title {color: #c90; font-weight: bold; padding-bottom: 5px;}
.mobilegameBox .mobileUlleft li p.title a {color: #c90; font-size: 11px; text-decoration: none;}
.mobilegameBox .mobileUlleft li p.title a:hover {text-decoration: underline;}
.mobilegameBox .mobileUlleft li p.content {border-bottom: 1px #ccc dashed; padding-bottom: 3px;}
.mobilegameBox .mobileUlleft li p.price {color: #c00; font-weight: bold; position: absolute; left: 110px; bottom: 1px;}
.mobilegameBox .mobileUlright {width: 217px; float: right;  margin-right:6px; background: #fff; list-style: none; overflow: hidden;}
.mobilegameBox .mobileUlright li {width: 90px; padding: 2px 5px; float: left; overflow: hidden;}
.mobilegameBox .mobileUlright li img {float: left;}
.mobilegameBox .mobileUlright li p {font-size: 10px; font-weight: bold; color: #c90; padding:5px 0 0 5px; float: left;}
.mobilegameBox .mobileUlright li p a {font-size: 10px; color: #c90; text-decoration: none;}
.mobilegameBox .mobileUlright li p a:hover {text-decoration: underline;}
.mobilegameBox .mobileUlright li > p + p {color: #c00; padding: 0 0 0 5px; float:left;}
.mobilegameBox .mobileUlright li > p + p a {color: #c00; text-decoration: none;}
.mobilegameBox .mobileUlright li > p + p a:hover {text-decoration: underline;}
	
.wrapperrightBox {width: 631px; margin: 0 auto 15px; overflow: hidden; position: relative;}
.wrapperrightBox .offlinegameBox {
	width: 310px;
	height: 470px;
	background: url(../images/bg/bg_offlinegame.gif) repeat-y;
	float: left;
	position: relative; }

.wrapperrightBox .offlinegameBox .hightlightUl {width: 290px; margin: 0 auto; padding-left: 10px; list-style: none; overflow: hidden;}
.wrapperrightBox .offlinegameBox .hightlightUl li {width: 123px; padding: 0 8px; float: left;}
.wrapperrightBox .offlinegameBox .hightlightUl li img {float: left; border: 1px solid #66CCFF;}
.wrapperrightBox .offlinegameBox .hightlightUl li img:hover{float: left; border: 1px solid #FF0000;}
.wrapperrightBox .offlinegameBox .hightlightUl li p {color: #c90; font-weight: bold;}
.wrapperrightBox .offlinegameBox .hightlightUl li p a {color: #c90; text-decoration: none;}
.wrapperrightBox .offlinegameBox .hightlightUl li p a:hover {text-decoration: underline;}
.wrapperrightBox .offlinegameBox .hightlightUl li > p + p {color: #069; font-weight: normal; border-bottom: 1px #ccc dashed; padding-bottom: 5px;}
.wrapperrightBox .offlinegameBox .hightlightUl li > p + p a {color: #069; text-decoration: none;}
.wrapperrightBox .offlinegameBox .hightlightUl li > p + p a:hover {color: #ff3366; text-decoration: none;}
.wrapperrightBox .offlinegameBox .hightlightUl li > p + p + p {color: #c00; padding: 3px 0; font-weight: bold; border: 0px;}
.wrapperrightBox .offlinegameBox .normalUl {width: 220px; margin: 18px 0 40px 65px; list-style: none;}
.wrapperrightBox .offlinegameBox .normalUl li {width: 220px; padding: 5px 0; overflow: hidden;}
.wrapperrightBox .offlinegameBox .normalUl li p {color: #c90; font-weight: bold; padding-left: 20px;  float: left; text-align:left;}
.wrapperrightBox .offlinegameBox .normalUl li p a {color: #c90; text-decoration: none;}
.wrapperrightBox .offlinegameBox .normalUl li p a:hover {text-decoration: underline;}
.wrapperrightBox .offlinegameBox .normalUl li > p + p {color: #c00; float: right;}
.wrapperrightBox .offlinegameBox .normalUl li > p + p + p {
	width: 160px;
	color: #069;
	font-weight: normal;
	border-bottom: 1px #ccc dashed;
	padding: 0 0 5px 0;
	float: right;
}
.wrapperrightBox .offlinegameBox .normalUl li > p + p + p a {color: #069; text-decoration: none;}
.wrapperrightBox .offlinegameBox .normalUl li > p + p + p a:hover {color: #ff3366; text-decoration: none;}
.wrapperrightBox .offlinegameBox .normalUl img {float: left;}
.wrapperrightBox .offlinegameBox .more {position: absolute; bottom: 1px; right: 1px;}
.wrapperrightBox .offlinegameBox .cartoon {position: absolute; bottom: 1px; left: 1px;} 
	
.wrapperrightBox .onlinegameBox {
	width: 310px;
	height: 470px;
	background: url(../images/bg/bg_onlinegame.gif) repeat-y;
	float: right;
	position: relative;
}
.wrapperrightBox .onlinegameBox .hightlightUl {width: 225px; margin-left: 15px; list-style: none;}
.wrapperrightBox .onlinegameBox .hightlightUl li {}
.wrapperrightBox .onlinegameBox .hightlightUl li img {border: 1px solid #66CCFF;}
.wrapperrightBox .onlinegameBox .hightlightUl li img:hover {border: 1px solid #FF0000;}
.wrapperrightBox .onlinegameBox .hightlightUl li p {text-align: right;}
.wrapperrightBox .onlinegameBox .hightlightUl li > p + p {text-align: left; font-weight: bold; color: #c90;}
.wrapperrightBox .onlinegameBox .hightlightUl li > p + p a {color: #c90; text-decoration: none;}
.wrapperrightBox .onlinegameBox .hightlightUl li > p + p a:hover {text-decoration: underline;}
.wrapperrightBox .onlinegameBox .hightlightUl li > p + p + p {
	color: #069;
	font-weight: normal;
	border-bottom: 1px #ccc dashed;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
}
.wrapperrightBox .onlinegameBox .hightlightUl li > p + p + p a {color: #069; text-decoration: none;}
.wrapperrightBox .onlinegameBox .hightlightUl li > p + p + p a:hover {color: #ff3366; text-decoration: none;}
.wrapperrightBox .onlinegameBox .normalUl {width: 230px; list-style: none; margin-left: 15px; overflow: hidden;}
.wrapperrightBox .onlinegameBox .normalUl li {width: 115px; padding: 3px 0; float: left;}
.wrapperrightBox .onlinegameBox .normalUl li img {float: left;}
.wrapperrightBox .onlinegameBox .normalUl li p {color: #c90; font-weight: bold; text-align: left; margin: 10px 0 0 10px; padding-left:40px;}
.wrapperrightBox .onlinegameBox .normalUl li p a {color: #c90; text-decoration: none;}
.wrapperrightBox .onlinegameBox .normalUl li p a:hover {text-decoration: underline;}
.wrapperrightBox .onlinegameBox .more {position: absolute; bottom: 1px; left: 1px;}
.wrapperrightBox .onlinegameBox .cartoon {position: absolute; bottom: 1px; right: 1px;}

/*box about, box contact, box news */
#aboutusBox, #contactBox, #newsBox {
	width: 610px; 
	margin: 0 auto; 
	background: url(../images/bg/bg_about_us.jpg) repeat-y; 
	overflow: hidden; 
	position: relative;
}
	#aboutusBox .inboxaboutUs {width: 535px; margin: 0 auto 90px; background: #fdcc4e; overflow: hidden;}
		.inboxaboutUs p.aboutdetail {padding: 0 30px;}
		.inboxaboutUs dl {width: 535px; margin-top: 25px; overflow: hidden;}
		.inboxaboutUs dl dt {float: left; padding: 0 25px 0 30px;}
		.inboxaboutUs dl dd {float: left;}
		.inboxaboutUs dl dd address {font-style: normal; line-height: 140%;}	
	#aboutusBox p.pictureaboutUs {
		width: 210px; 
		height: 205px; 
		position: absolute; 
		top: 350px; 
		_top: 320px; 
		right: 10px;
	}
		#contactBox .inboxcontactUs {width: 535px; margin: 0 auto 27px; background: #fdcc4e; overflow: hidden;}
		.inboxcontactUs form {width: 455px; margin: 0 auto; overflow: hidden;}
		.inboxcontactUs form table {width: 453px; margin: 0 auto; border: 1px dashed #808080;}
			.inboxcontactUs form table th {width: 75px; font-weight: normal;}
			.inboxcontactUs form table td {width: 378px; text-align: center;}
			.inboxcontactUs form table td.paddingArea {height: 23px;}
			.inboxcontactUs form table td.paddingTextbox {height: 4px;}
		.inboxcontactUs form p {text-align: center;}
		.inboxcontactUs address {float: right; font-size: 12px; color:#ffffff; font-style: normal; padding: 45px 35px 24px 0;}
	#contactBox p.pictureContactUs {width: 108px; height: 208px; position: absolute; left: 60px; bottom: 12px;}
	
	#newsBox h3 {font-size: 16px; color: #cc9900; margin: 10px 0 0 28px;}
		#newsBox h3 img {margin: 0 7px -8px 0;}
	#newsBox #news2 { width: 600px; overflow: hidden; margin: 10px;}		
	#news2 div {overflow: hidden; width: 590px; clear: both;}
	
	#newsBox > p {line-height: 140%; margin: 10px 0 15px 96px;}
	#newsBox > p + p {color: #996600; margin: 0 18px 23px;}
	#newsBox > p + p + p + p {padding-bottom: 14px; margin: 0 18px 0; border-bottom: 1px dashed #e1b358;}
	#newsBox h4 {font-size: 14px; color: #996600; padding: 8px 0 0 20px;}
	#newsBox ul {color: #cc9900; line-height: 140%; margin: 10px 0 10px 75px;}
	#newsBox .nonepadding {padding: 0; margin: 0 !important; border: none;}	

/* box Member Profile */
#memberBox {
	width: 613px; 
	margin: 0 auto; 
	background: url(../images/bg/bg_memberprofile.jpg) repeat-y; 
	overflow: hidden;
}
	#memberBox .inboxMember {
		width: 552px; 
		margin: 16px auto 28px; 
		background: #ecf9ff url(../images/bg/bg_inside_memberprofile.jpg) repeat-x; 
		overflow: hidden; 
		border: 1px solid #ace3ff;
		border-top: none;
	}
	.inboxMember p img {float: left; margin: 0 10px 55px 20px;}
	.inboxMember dl { width: 315px; display: block; font-size: 14px; color: #32322f; margin-top: 50px; overflow: hidden;}
	.inboxMember dl dt {
	 	float: left; 
		width: 87px; 
		text-align: right; 
		margin-right: 15px;
		font-weight: bold;
	}
	.inboxMember dl dd {width: 210px; overflow: hidden;}
	 
	.inboxMember ul {
	 	width: 352px;
		list-style: none;
		padding: 60px 100px 55px 100px;
		margin: 0 auto;
		background: #effaff url(../images/bg/bg_inside_bottom_memberprof.jpg) repeat-x; 
		overflow: hidden;
		clear: both;
	}
	.inboxMember ul > li {float: left; /*margin-left: 100px; _margin-left: 55px; display: inline;*/}
	.inboxMember ul > li + li {/*margin-left: 9px;*/ float: right;}
	
/* box Mobile2*/
#mobilegameBox2 {
	width: 618px; 
	margin: 0 auto; 
	background: #fff; 
	position: relative; 
	overflow: hidden;
}
	#mobilegameBox2 .inboxnewRelease {width: 582px; margin: 0 auto 10px; background: url(../images/bg/bg_inside_newrelease.gif) repeat-y;}
	.inboxnewRelease h2 {width: 582px; height: 40px; position: relative;}
		.inboxnewRelease h2 img.newreleaseMobile {width: 53px; height: 73px; position: absolute; top: -3px; right: -8px;}
		
		.inboxnewRelease ul {
			width: 568px; 
			list-style: none; 
			padding-left: 14px; 
			margin: 22px auto 13px; 
			overflow: hidden;
		}
		.inboxnewRelease ul li {width: 180px; padding-right: 7px; float: left; overflow: hidden;}
		.inboxnewRelease ul li img {width: 94px; float: left; border: 1px solid #66CCFF;}
		.inboxnewRelease ul li img:hover {width: 94px; float: left; border: 1px solid #FF0000;}
		.inboxnewRelease ul li p {width: 76px; float: right;}
		.inboxnewRelease ul li > p {color: #cc9900; font-weight: bold; padding-top:5px; /*padding-bottom: 10px;*/ height:30px; }
		.inboxnewRelease ul li > p a {color: #cc9900; text-decoration: none;}
		.inboxnewRelease ul li > p a:hover {text-decoration: underline;}
		.inboxnewRelease ul li > p + p {
			color: #006699; 
			font-size: 11px; 
			font-weight: normal; 
			padding-bottom: 5px; 
			margin-bottom: 30px; 
			border-bottom: 1px dotted #cccccc;
		}
		.inboxnewRelease ul li > p + p a {color: #006699; text-decoration: none;}
		.inboxnewRelease ul li > p + p a:hover {color: #ff3366; text-decoration: none;}
		.inboxnewRelease ul li > p + p + p {
			color: #cc0000; 
			font-size: 12px; 
			font-weight: bold; 
			padding: 0; 
			margin: 0; 
			border: none;
		}
		
	#mobilegameBox2 .gameArrangement {
		width: 557px;
		height: 26px;
		_height: 30px;
		font-weight: bold;
		padding: 12px 0 0 18px;
		_padding: 8px 0 0 18px;
		margin: 0 auto; 
		background: url(../images/bg/bg_sort_game_category.jpg) no-repeat;
		overflow: hidden;
	}
		.gameArrangement > span {padding-left: 26px;}
		.gameArrangement > span + span {padding-left: 10px;}
	
	#mobilegameBox2 .inboxactionGame {
		width: 574px; 
		margin: 0 auto; 
		background: url(../images/bg/bg_inside_actiongame.gif) repeat-y;
		overflow: hidden;
	}
		.inboxactionGame h2 {color: #336699; font-size: 24px; line-height: 26px; font-weight: normal; padding-left: 24px;}
		.inboxactionGame table {width: 541px; margin: 10px auto 0; color: #ff0000;}
			.inboxactionGame table tr td {vertical-align: top; padding: 0 6px 0; background: #f7fbef; border-bottom: 1px solid #fff;}
			.inboxactionGame table tr td.youngGreen {background: #dfefc0;}
			.inboxactionGame table tr td img {float: left; margin-top: 13px;}
			.inboxactionGame table tr td > p {width: 125px; float: left; color: #cc9900; font-weight: bold; padding: 13px 0 0 10px;}
			.inboxactionGame table tr td > p a {color: #cc9900; text-decoration: none;}
			.inboxactionGame table tr td > p a:hover {text-decoration: underline;}
			.inboxactionGame table tr td > p + p {width: 70px; float: right; color: #ca1616; font-size: 11px; font-style: normal;}
			.inboxactionGame table tr td > p + p span {color: #006699; font-weight: normal;}
			.inboxactionGame table tr td > p + p + p {
				width: 210px;
				float: right;
				color: #006699; 
				font-size: 11px; 
				font-weight: normal;
				padding: 0 0 5px;
				margin-bottom: 5px;
				border-bottom: 1px dotted #b1be97;
			}
			.inboxactionGame table tr td > p + p + p a {color: #006699; text-decoration: none;}
			.inboxactionGame table tr td > p + p + p a:hover {color: #ff3366; text-decoration: none;}
			.inboxactionGame table tr td > p + p + p + p {
				color: #cc0000; 
				font-size: 12px; 
				font-weight: bold; 
				padding: 0 0 15px; 
				margin: 0;
				border: none;
			}
			p.gotoPage {text-align: right; padding: 5px 27px 10px 0;}
			p.gotoPage > a {color: #669900; font-weight: bold; padding-right: 7px;}
			p.gotoPage > a + a + a + a + a + a {border: none;}
			p.gotoPage a:hover, p.gotoPage a.active {color: #ffcc00;}
		
	#mobilegameBox2 .inboxMobilegame {
		width: 584px; 
		margin: 0 0 8px 14px; 
		background: url(../images/bg/bg_inside_mobile01.jpg) repeat-y;
	}
		.inboxMobilegame ul {font-size: 14px; font-weight: bold; margin-left: 46px;}
		.inboxMobilegame ul li {display: inline; float:left; padding-right: 20px; width:70px;}
			.inboxMobilegame ul li span {color: #ff0099; font-weight: bold;}
			
		.picCartoon {position: absolute; top: 10px; right: 15px; z-index: 1;} 
	
	#mobilegameBox2 .gameCategory {width: 574px; margin: 0 auto 2px; background: url(../images/bg/bg_inside_gamecategory.jpg) repeat-y;}
		.gameCategory h4 {width: 554px; height: 33px; font-size: 14px; color: #fff; padding: 5px 0 0 20px; background: url(../images/bg/bg_top_gameCategory.jpg) no-repeat; position: relative;}
		.gameCategory h4 img {position: absolute; top: 4px; right: 15px;}
		.gameCategory ul {
			width: 574px;
			list-style: none; 
			padding-left: 14px; 
			margin: 0 auto; 
			overflow: hidden;
		}
		.gameCategory ul li {width: 180px; display: inline; padding-right: 7px; margin: 0 10px 0 50px; float: left; overflow: hidden;}
		.gameCategory ul li img {width: 94px; float: left; border: 1px solid #66CCFF;}
		.gameCategory ul li img:hover {width: 94px; float: left; border: 1px solid #FF0000;}
		.gameCategory ul li p {width: 76px; float: right;}
		.gameCategory ul li > p {color: #cc9900; font-weight: bold; padding-bottom: 10px; height:20px;}
		.gameCategory ul li > p a {color: #cc9900; text-decoration: none;}
		.gameCategory ul li > p a:hover {text-decoration: underline;}
		.gameCategory ul li > p + p {
			color: #006699; 
			font-size: 11px; 
			font-weight: normal; 
			padding-bottom: 5px; 
			margin-bottom: 30px; 
			border-bottom: 1px dotted #cccccc;
		}
		.gameCategory ul li > p + p a {color: #006699; text-decoration: none;}
		.gameCategory ul li > p + p a:hover {color: #ff3366; text-decoration: none;}
		.gameCategory ul li > p + p + p {
			color: #cc0000; 
			font-size: 12px; 
			font-weight: bold; 
			padding: 0; 
			margin: 0; 
			border: none;
		}
		
/* box Register  ----------------*/
#boxRegisterstep {
	width: 613px; 
	margin: 0 auto; 
	background: url(../images/bg/bg_regisstep02.jpg) repeat-y; 
	overflow: hidden;
}
	#boxRegisterstep h2 {margin-bottom: 9px;}
	#boxRegisterstep .inboxSmallstep {
		width: 552px; 
		margin: 0 auto; 
		background: #f1fbff url(../images/bg/bg_inside_smallregisstep02.jpg) repeat-x; 
		overflow: hidden;
		border: 1px solid #8fdaff;
	}
		.inboxSmallstep ul {color: #006699; margin: 20px 0 5px 78px; list-style: none;}
		.inboxSmallstep ul > li {font-weight: bold; padding-bottom: 5px;}
		.inboxSmallstep ul > li + li {font-weight: normal; padding-bottom: 15px;}
	dl.nameStep {
		width: 475px; 
		color: #006699; 
		line-height: 220%; 
		padding-left: 77px; 
		margin-bottom: 55px; 
		overflow: hidden;
	}
	dl.nameStep dt {float: left; width: 145px;}
	dl.nameStep dd.Details {float: right; width: 330px; _width: 327px;}
	dl.nameStep dd.Details p {margin-top: 5px;}
	
	#boxRegisterstep .inboxBigstep {
		width: 552px; 
		margin: 0 auto; 
		background: #f1fbff url(../images/bg/bg_inside_bigregisstep02.jpg) repeat-x; 
		overflow: hidden;
		border-left: 1px solid #8fdaff;
		border-right: 1px solid #8fdaff;
	}	
	#boxRegisterstep .stepcenter {text-align: center; margin: 20px 0;}
				
	.typetext {width: 124px; height: 18px;}
	
	dl.knowinfo {
		width: 475px; 
		color: #006699; 
		line-height: 220%; 
		padding-left: 77px; 
		margin-bottom: 55px; 
		overflow: hidden;
	}
	dl.knowinfo dt {float: left; width: 114px; font-weight: bold;}
	
.inboxMember h4, .inboxSmallstep h4, .inboxBigstep h4 {display: block; color: #0099cc; font-size: 14px; padding: 12px 0 20px 27px;}
		.inboxSetskin {width: 542px; margin: 0 auto 120px; background: url(../images/bg/bg_skin.jpg) repeat-y;}
		.inboxSetskin dl {float:left; width: 315px; overflow: hidden;}
		.inboxSetskin dl dt {margin: 15px 0 40px 30px;}
		.inboxSetskin dl dd {margin: 0 0 40px 68px;}
		
		.inboxSetskin .picSetskin {float: right; margin-right: 22px;}


p.bottomRegisterstep {
	width: 613px; 
	height: 38px; 
	text-align: center; 
	padding-top: 8px; 
	margin-top: 7px; 
	background: url(../images/bg/bg_bottom_regisstep02.jpg) no-repeat;
}
/* step 1*/
#boxRegisterstep1 {
	width: 613px; 
	margin: 0 auto; 
	background: url(../images/bg/bg_regisstep02.jpg) repeat-y; 
	overflow: hidden;
}
p.bottomRegisterstep1 {
	width: 613px; 
	height: 38px; 
	text-align: center; 
	padding-top: 8px; 
	margin-top: 7px; 
	background: url(../images/bg/bg_bottom_regisstep02.jpg) no-repeat;
}
.acept { width: 613px;
		height: 720px;
}
.acept dt{ font: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; 
           color:#FFCC33; padding-left: 25px; margin-bottom: 20px; margin-top: 20px;}
.acept dd {	 font: "Times New Roman", Times, serif; size: 18px; 
 			color: #3887B0; padding-left: 25px; padding-right: 15px; margin-bottom: 10px; font-weight:normal; 
			}
/* box search ----------------------*/
#boxSearch {width: 613px; margin: 0 auto; background: #fff;}
#boxSearch dl {width: 550px; height: 135px; padding-top: 50px; margin: 0 auto 20px; background: url(../images/bg/bg_search_advance.jpg) no-repeat; overflow: hidden;}
#boxSearch dl dt {float: left; width: 185px; font-size: 18px; font-style: italic; font-weight: bold; color: #fff; text-align: right;}
#boxSearch dl dd.searchDetail {float: right; width: 355px;}
#boxSearch dl dd.searchDetail input[type='image'] {vertical-align: middle;}
#boxSearch dl dd.clear {clear: both; height: 15px;}

	#boxSearch div.searchResult {width: 558px; margin: 10px auto 15px; background: url(../images/bg/bg_result01.gif) repeat-y;}
		div.searchResult ul.searchList {list-style: none; color: #ffca03; margin: 0 0 30px 30px;}
			ul.searchList li {display: inline;}
		div.searchResult ul.searchListDetail {width: 490px; list-style: none; color: #0099cc; line-height: 140%; margin: 0 auto; }
			ul.searchListDetail li {padding: 10px 0;}
			ul.searchListDetail > li + li {border-top: 1px dashed #dbf2fa;} 
			/*ul.searchListDetail > li + li + li + li {border: none; padding: 0; }*/
			ul.searchListDetail li span {color: #00ccff; font-weight: bold; margin-right: 15px; }
	   
/*footer*/	
#footer {padding: 10px 0; clear: both; background: #59cffd;}
	.contentFooter {width: 881px; height: 102px; margin: 0 auto; background: url(../images/bg/bg_footer.gif) no-repeat;}
	.contentFooter ul {width: 600px; list-style: none; overflow: hidden; float: right; display: block; padding: 40px 12px 0 0;}
	.contentFooter li {float: left;}
	.contentFooter li a {text-decoration: none; padding: 0 8px;}
	.contentFooter p {width: 600px; text-align: right; font-weight: bold; float: right; clear: both; 
			margin: -30px 0 0; 
			/margin: 10px 0 0;
			padding: 0 20px 0 0; }
	.contentFooter img {float: left; padding: 10px 0 0 20px;}
	
/*uni*/
p.banner {text-align: center; margin-bottom: 7px;}
.setAlignright {text-align: right;}
.textRedbold {color: #f00; font-weight: bold;}
.clear {clear: both;}
.setTextboxWidth140 {width: 140px; height: 18px;}
.setTextboxWidth40 {width: 40px; height: 18px;}
.setTextboxWidth50 {width: 50px; height: 18px;}
.setTextboxWidth80 {width: 80px; height: 18px;}
.setareawidth370 {width: 370px; height: 80px;}
.setTextboxWidth300 {width: 300px; height: 18px;}
.setButtomWidth118 {width: 118px; height: 22px;}

/* highlightit*/
.highlightit img{
border: 5px solid #ccc;
}

.highlightit:hover img{
border: 1px solid navy;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/* top5 gameonline*/
.top5gameonline {
 width: 242px;
 height:304px;
 background: url(../images/bg/bg_top5_online2.gif) no-repeat;
}
	.top5gameonline h3 { width: 240px; height: 40; text-align: center; color: #fff; font-size: 12px; font-weight: bold; position:relative; top: 5px; }
	.top5gameonline ul { width: 170px; margin: 20px auto 0; }
	.top5gameonline ul li { width: 170px; margin: 0; padding: 2px 0; overflow: hidden;}
	.top5gameonline ul li img {float: left;}
	.top5gameonline ul li p {width: 120px; font-size: 11px; line-height: 12px; float: right;}
	.top5gameonline ul li p.title {font-weight: bold;}
	.top5gameonline ul li p.title a {color: #04659c; text-decoration: none;}
	.top5gameonline ul li p.title a:hover {text-decoration: underline;}
	.top5gameonline ul li p.price {color: #cc0001; font-weight: bold; padding: 2px 0 5px 0; border-bottom: 1px #ccc dashed;}
.onlinemore {
	width: 615px;
	height: 42px; 
}
.onlinemore2 {width: 613px; height: 378px;  background:url(../images/bg/bgtop5_online_body.gif); overflow:hidden; }
.onlinemore2 .mobileUlleft {width: 256px; height: 350px;}
.onlinemore2 .mobileUlleft li {width: 256px; height: 350px; margin: 0 0 0 51px;  position:relative; top:34px; overflow:hidden; }
.onlinemore2 .mobileUlright {width: 226px; height: 67px;}
.onlinemore2 .mobileUlright li {width: 226px; height: 67px; margin: 0 0 0 360px;  position:relative; top:-330px; overflow:hidden; padding: 2px; }
.onlinemore2 ul li {} /*  margin: 0 0 0 55px;  position:relative; top:30px; overflow:hidden; */
/*offline gamemore*/
.offlinegamemore {width: 614px; height: 340px;  background:url(../images/bg/bg_flashofflinegame2.gif); overflow:hidden;}
.offlinegamemore ul {width: 554px; overflow:hidden; background: #FFFFFF; margin: 0 0 0 45px; position:relative; top:75px}
.offlinegamemore ul li { width: 177px; float: left; padding: 2px;}

.onlinemore3 {width: 613px; height: 340px;  background:url(../images/bg/bg_flashonlingame.gif); overflow:hidden;}
.onlinemore3 ul { width: 554px; overflow:hidden; background: #FFFFFF; margin: 0 0 0 45px; position:relative; top:75px;}
.onlinemore3 ul li { width: 177px; float: left; padding: 2px; }
.login_status { width: 877px; background: url(../images/bg/bg_login_status.jpg); overflow: hidden; }
.login_status .msg {width: 877px; font-family :"Times New Roman", Times, serif; font-size:22px;
 font-weight:bold;
 color:#3399FF; 
/*padding-top: 100px;*/
text-align: center;
margin: auto;
padding-top: 20px;
padding-bottom:20px;
overflow: hidden;

  }
 
#boxnewRelease {width: 618px; margin: 0 auto;}
	#boxnewRelease h2 {text-align: right; margin-right: 30px;}
	#boxnewRelease .inboxnewRel {width: 592px; height: 355px; padding: 0 18px 0 0; background: url(../images/bg/bg_newrelease.gif) no-repeat;} 
		/*.inboxnewRel > li {float: left; display: inline; margin: 35px 0 0 39px;}
		.inboxnewRel > li + li {float: right; margin-top: 22px;}
		.inboxnewRel > li + li + li {margin-top: 5px;}*/
		.inboxnewRel p {float: left; margin: 35px 0 0 39px; display: inline;}
		.inboxnewRel ul {width: 247px; float: right; margin-top: 22px;}
		.inboxnewRel  li {margin-top: 5px;  list-style: none; text-align: center;}
		
		
		
	
	#boxnewRelease .flashRelease {width: 610px; height: 365px; background: url(../images/bg/bg_flash_online.gif) no-repeat; overflow: hidden;}
		#boxnewRelease .flashRelease h3 {margin: 32px 0 0 19px;}
		#boxnewRelease .flashRelease ul {width: 558px; list-style: none; margin: 20px auto 0;}
			.flashRelease ul li {float: left; margin: 0 4px 13px 4px;}
 
 /*forgot*/
.forgot { width: 621px;
overflow: hidden; 
background:url(../images/bg/bg_search.gif);
}
.forgot .boxforgot { width: 621px; margin-top: 15px; background:url(../images/bg/bg_search.gif); overflow:hidden; }
.forgot .boxforgot .result { width: 621px; position:relative; top: 15px; overflow: hidden; }
.searchfooter {
width: 618px;
}