/* CSS Document */
*{}
body{ font-size:12px; list-style-type:none;margin:0; padding:0; background:#003333 ; font-family:Arial, Helvetica, sans-serif}
.fll{ float:left}
.fld{ float:right}
h3 a{ text-decoration:underline}
a{ text-decoration:none; color:#660000;}
a:hover{ color:red; text-decoration:underline;}
#out{ width:945px; height:auto; margin:0px auto; background:#fff; padding:5px}
#top{ height:60px; width:672px; padding:143px 0px 0px 273px; margin:0px 0px 3px 0px; display:inline; background:url(../images/top.jpg) left top no-repeat;}
#menu{ color:#fff;  color:#fff; font-weight:bold;background:url(../images/menu_bj.jpg) left top no-repeat; width:671px; height:57px;}
#btn{width:908px; height:40px; font-size:16px; font-weight:bold; color:#fff; margin:0px 0px 3px 0px; background:url(../images/menu.gif) left top no-repeat; padding:5px 0px 0px 37px;}
#btn img{ border:0}
#left{ width:192px; height:auto;margin:0px 3px 3px 0px; padding:0; float:left}
#left_top{}
#login{ height:auto; width:192px;}
#login_ct{ border:2px solid #185556; width:180px; height:375px; overflow:hidden; border-bottom:0; border-top:0; background:#058a95 left top repeat-x; padding:7px 0px 0px 8px; color:#fff;}
#login_ct img{ border:0}
#login_ct span{ display:block; float:left; margin-bottom:7px; width:165px; font-size:12px; line-height:19px;}
#login_ct font{ height:19px; display:block; line-height:19px; float:left; font-size:12px;}
.text{ background:url(../images/username_text.jpg) left top no-repeat; height:19px; padding:0px 0px 0px 2px; width:108px; border:0; float:left;line-height:19px; color:#248f99; font-family:Arial, Helvetica, sans-serif}
.login_btn{ width:75px; height:32px; background:url(../images/login_btn.gif) left top no-repeat; border:0; margin:5px 10px 15px 0px; cursor:hand;}
.login_game{ margin:5px 0px 5px 0px;}

#guid{ height:92px; width:164px; color:#2d6b70;}
#guid a{ color:#2d6b70;text-decoration:none; border:0; display:block; display:inline; margin-left:23px; margin:0px 3px 3px 0px; float:left}
#guid a:hover{ color:red; text-decoration:underline;}
.reg_btn{ width:75px; height:32px;cursor:hand; background:url(../images/reg_btn.gif) left top no-repeat; border:0; margin:5px 5px 15px 0px;}
.left_btn{ margin:0px 0px 5px 0px;}

#vote{ width:177px; height:87px; color:#fff;float:left;padding:5px 10px 5px 5px; margin:0px 0px 0px 0px;background:#058a95;}
#vote table{background:#058a95 url(../images/vote_bj.jpg) right bottom no-repeat;}
/*#vote li{ width:100px; overflow:hidden; margin-right:5px; display:block; height:20px; line-height:20px; float:left}*/
#vote span{ display:block; width:182px; height:22px; line-height:22px; float:left; padding:0; margin:0;}
#vote img{ float:left; margin:5px 5px 0px 10px;}
#vote div{ width:171px; height:22px; line-height:22px; overflow:hidden; padding:0; margin:0; float:left; display:block;}
.vote_btn{  width:45px; height:17px; border:0; float:left; margin-top:4px; cursor:hand;}

.vote td{ height:22px; line-height:22px; vertical-align:middle}


.main_head {
	BACKGROUND: url(../images/img3-5_2.png) no-repeat
}
* HTML .main_head {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img3-5_2.png",sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%
}
* + HTML .main_head {
	BACKGROUND: url(../images/img3-5_2.png) no-repeat
}
.info {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/img3-5_3.png) repeat-y; PADDING-TOP: 5px
}
* HTML .info {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img3-5_3.png",sizingMethod='crop'); BACKGROUND-REPEAT: repeat-y
}
* + HTML .info {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/img3-5_3.png) repeat-y; PADDING-TOP: 5px
}
.down_kefu {
	WIDTH: 157px; BACKGROUND: url(../images/img3-5_4.png) no-repeat; HEIGHT: 8px
}
* HTML .down_kefu {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img3-5_4.png",sizingMethod='crop'); WIDTH: 157px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px
}
* + HTML .down_kefu {
	WIDTH: 157px; BACKGROUND: url(../images/img3-5_4.png) no-repeat; HEIGHT: 8px
}
.Obtn {
	MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../images/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px
}
* HTML .Obtn {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img3-5_1.png",sizingMethod='crop'); WIDTH: 32px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 139px
}
* + HTML .Obtn {
	MARGIN-TOP: 104px; WIDTH: 32px; BACKGROUND: url(../images/img3-5_1.png) no-repeat; FLOAT: left; HEIGHT: 139px; MARGIN-LEFT: -5px
}
.qqtable SPAN {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
.qqtable A {
	TEXT-DECORATION: none
}
.qqtable A:hover {
	TEXT-DECORATION: none
}
.qun {
	BORDER-BOTTOM: #ffd2bf 1px solid; BORDER-LEFT: #ffd2bf 1px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: #ffd2bf 1px solid; BORDER-RIGHT: #ffd2bf 1px solid; PADDING-TOP: 5px
}
.qun SPAN {
	COLOR: #ff6600; FONT-SIZE: 13px; FONT-WEIGHT: bold
}







#Recommended_Players{ width:176px; height:447px; margin:3px 0px 0px 0px; background:#058a95; padding:0px 0px 0px 16px;}
#Recommended_Players img{ border:2px solid #fff; float:left; margin:0px 0px 5px 0px;}
.userpic{ height:358px; width:158px; float:left}
#Recommended_Players font{ width:158px;display:block;color:#fff; line-height:22px; font-size:12px; text-indent:24px;}
#Recommended_Players a{ color:#fff; font-weight:bold}
#main{ display:block; width:750px; float:left; height:auto;}
#main_top{ width:750px; height:35px; line-height:35px; margin:0px 0px 3px 0px;}
#main_top span{ display:block; height:35px; background:#058a95; float:left; font-size:12px; width:245px; margin:0px 3px 0px 0px;}
#main_top font{ display:block; height:31px; width:502px; float:left; font-size:12px; padding-top:4px; background:url(../images/Novice_menuBj.jpg) left top no-repeat;}
#main_top font a{ display:block; height:26px; text-decoration:none; color:#000; background:url(../images/Novice_btn.jpg) left top no-repeat; float:left; line-height:26px; padding:0px 0px 0px 20px;width:77px; margin:0px 0px 0px 3px; display:inline;}
#main_top font a:hover{ color:red;}
#main_news{ width:544px; height:264px; background:#058a95; padding:8px 0px 0px 10px; margin:0px 3px 0px 0px;}
#Scroll{width:196px; height:251px; overflow:hidden; border:2px solid #058a95; margin:0px 3px 0px 0px;}
#main_rt{ height:262px; width:190px; background:#058a95; padding:10px 0px 0px 3px;}
#main_rt img{ float:left}
#main_rtBtn{ width:180px; color:#fff; height:auto; float:left; margin:3px 0px 0px 0px; padding:2px 0px 0px 8px;}
#main_rtBtn td{ line-height:20px; padding:0; margin:0; border-bottom:1px dashed #fbd9b3;}
#main_rt_btn1{width:157px; height:27px; line-height:27px; background:url(../images/rt_btn1.jpg) left top no-repeat; padding-left:5px; margin-bottom:6px;}
#main_rt_btn2{width:122px; height:27px; line-height:27px; background:url(../images/rt_btn2.jpg) left top no-repeat; padding-left:40px; margin-bottom:6px;}
#main_rt_btn3{width:122px; height:27px; line-height:27px; background:url(../images/rt_btn3.jpg) left top no-repeat; padding-left:40px; margin-bottom:6px;}
#main_rt_btn4{width:122px; height:27px; line-height:27px; background:url(../images/rt_btn4.jpg) left top no-repeat; padding-left:40px;}
#activities{ width:720px; border:2px solid #058a95; height:104px; padding:8px 0px 0px 25px; margin:0px 0px 3px 0px; background:#fff;}
#activities a img{ border:0;  margin:0px 30px 0px 0px; padding:0px 8px 0px 10px; }
#activities img{ margin-left:10px;}


#Screenshot{ width:743px; height:217px; margin:0px 0px 3px 0px; padding:7px 0px 0px 7px; display:inline;  background:url(../images/Screenshot_bj.jpg) left top no-repeat}
.Screenshot_a{ display:block; width:102px; height:27px; background:url(../images/Screenshot1.jpg) left top no-repeat; border:0; float:left; margin-right:50px;}
.over{display:block; width:102px; height:27px; background:url(../images/Screenshot2.jpg) left top no-repeat; border:0; float:left; margin-right:50px;}
#Screenshot_btn{ width:680px; height:25px; line-height:25px; font-weight:bold; font-size:14px;}
#Screenshot_pic{ width:728px; height:auto; background:none; color:#fff; }
#Screenshot_pic table{ margin:10px 15px 0px 10px; width:115px;}
#Screenshot_pic td{ padding-right:6px;}
#Screenshot_pic a img{ border:0}


/*道具*/
#main_dj{ display:block; margin:0; padding:0; width:750px; float:left; height:auto;}
#dj{ width:743px; height:910px;  margin:0px 0px 3px 0px; padding:7px 0px 10px 7px; background:#058a95;}
.dj_a{ display:block; width:102px; height:27px; background:url(../images/Screenshot1.jpg) left top no-repeat; border:0; float:left; margin-right:50px;}
#dj_pic{ width:735px; height:905px; background:#fff; }
#dj_pic table{ width:175px; margin:7px 0px 7px 7px;}
#dj_pic td{  line-height:21px; padding:2px 0px 2px 0px}
#dj_pic a img{ border:0}






#jietu{ width:735px; height:140px; padding:7px 0px 0px 15px; background:#058a95; margin-top:3px;}
#jietu_btn{ width:680px; height:45px;}
#jietu_pic{ width:720px; height:auto;}
#jietu_pic a img{ border:0}


.Screenshot_jietu{ display:block; width:102px; height:27px; background:url(../images/game_vadiotitle.jpg) left top no-repeat; border:0; float:left}
.jietuover{display:block; width:102px; height:27px; background:url(../images/game_vadiotitle2.jpg) left top no-repeat; border:0; float:left}
#game_gl{ width:349px; height:272px; background:#058a95; margin-right:3px; }
#game_gl li{ padding:0; margin:0; float:left; display:block; width:320px; height:23px; line-height:23px;}
#game_gl span{ display:block; background:url(../images/gl_ico.gif) 5px center no-repeat; height:23px; width:35px; color:#660000; float:left}
#game_gl font{ display:block; float:left; width:68px;color:#999;  font-size:12px;}
#Player_experience{ width:398px; height:272px; background:#058a95;}
.game_gl_list{ margin:4px 0px 0px 9px;display:inline; padding:5px 0px 0px 5px; float:left; width:327px; height:223px; background:url(../images/news_list_bj.gif) left top no-repeat;}
.game_gl_list a:hover{ color:red; text-decoration:underline;}
.experiencelist{ margin:4px 0px 0px 9px;display:inline;padding:5px 0px 0px 5px; float:left; width:375px; height:223px; background:url(../images/experiencelist.jpg) left top no-repeat;}
.experiencelist a:hover{ color:red; text-decoration:underline;}
.experiencelist li{ padding:0; margin:0; float:left; display:block; width:368px; height:23px; line-height:23px;}
.experiencelist span{ display:block; width:35px; text-align:center; color:#660000; float:left}
.experiencelist font{ display:block; float:left; text-align:center; width:90px;color:#999;  font-size:12px;}
#user_photo{ width:546px; height:190px; padding:0px 0px 0px 0px;background:#058a95;}
#user_photo img{ border:2px solid #fff; float:left; margin-left:10px;}
#user_photo a{ border:0; color:#fff;}


#service{ width:386px; height:178px; float:left; margin-left:3px; padding:11px 0px 0px 10px;background:#058a95;}
#service li{ line-height:23px; height:23px; width:375px;}
#service a{ border:0; color:#660000;background:url(../images/news_ico.gif) 3px center no-repeat; padding-left:20px; width:295px;  display:block; line-height:23px;}
#service font{ display:block; float:left; color:#999; width:60px; font-size:12px;}

#footer{ width:924px; height:auto; text-align:center; color:#FFF; line-height:23px; background:#058a95; margin:3px 0px 0px 0px; padding:10px}
#footer a img{ border:0}
.friend_link{ width:880px; text-align:left; float:left; height:auto; line-height:23px; margin:5px 0px 0px 10px; padding:5px 5px 5px 0px;}
#footer img{ float:left; margin:5px 0px 0px 8px;}

#content{ width:706px; border:2px solid #14565b; font-size:14px; border-bottom:0; border-top:0; height:auto; background:#2caebb; color:#2d2d2d; padding:0px 20px 0px 20px;}
h2{ width:706px; text-align:center; padding:0; background:#e5ecf6; margin:0; float:left; height:40px; margin:0px 0px 10px 0px; line-height:40px;}
p{ width:706px; height:auto; display:block; font-size:12px; float:left; text-indent:24px; line-height:23px; padding:0; margin:0}
#news_more{ width:706px; height:auto; display:block; font-size:12px; float:left; line-height:23px; padding:0; margin:0}
#news_more li{ width:324px; display:block; float:left; margin-left:3px; line-height:25px; padding:0px 3px 0px 18px; background:url(../images/news_ico.gif) left center no-repeat;}
#news_more li a{ text-decoration:underline}











.container, .container *{margin:0; padding:0;}

.container{width:196px; float:left; height:251px; overflow:hidden;position:relative;}

.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:196px; height:251px; display:block;}

.slider2{width:2000px;}
.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}