/* Global */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,em {padding:0; margin:0; outline:none} 
table {border-collapse:collapse; border-spacing:0} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal; font-style:normal} 
strong {font-weight:bold}
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%} 
q:before,q:after {content:''} 
abbr,acronym {border:0}
body {font:12px/normal "宋体"; background:#fff url(../images/bg.gif) 0 40px repeat-x; color:#666; overflow-x:hidden;}
a,a:visited {color:#666; text-decoration:none}
a:hover {text-decoration:underline}
input {font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif}
.left {float:left}
.right {float:right}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  
.clearfix{zoom:1;}  
.clear {clear:both; height:0; overflow:hidden}

/*Ad*/
.sss {margin:10px auto; text-align:center; padding:8px; overflow:hidden; background:url(../images/index_ssbg.gif)}
.index_ss {width:728px; height:80px; overflow:hidden; border:1px solid #54c5eb}



#top_menu {height:40px}

#warp {background:url(../images/mainbg.jpg) center top no-repeat}
#warpl {background:url(../images/mainbg2.jpg) center top no-repeat}
.main {width:1000px; margin:auto}


.sidebar {width:254px}
.login {width:254px; height:203px; padding-top:355px; overflow:hidden; background:url(../images/login.jpg?10111001)}
.login.l {height:202px; padding-top:36px; background:url(../images/loginl.jpg)}

fieldset {float:left; position:relative; width:254px}
fieldset form {float:left}
fieldset ul {width:127px; margin-left:49px; overflow:hidden; color:#666}
fieldset li {float:left; width:127px; height:22px; margin-top:4px}
fieldset li span {float:left; width:46px; height:22px; overflow:hidden; line-height:23px}
fieldset li input {float:left; width:75px; height:16px; padding:4px 0 0 3px; border:1px solid #ccc}
fieldset li input.code {width:42px}
fieldset li.code {height:26px; margin-bottom:0}
fieldset li.code img {width:68px; height:26px}
fieldset li img {float:left}
fieldset input.but {position:absolute; left:76px; top:123px; width:50px; height:50px; border:none; cursor:pointer; background:url(../images/none.gif)}
fieldset p { position:absolute; left:130px; top:83px}
fieldset p a {display:block; width:105px; height:48px; text-indent:-9999px; overflow:hidden; background:url(../images/none.gif)}
fieldset p a.reg {margin-bottom:10px}
fieldset cite {display:block; margin:20px 18px 0 0; text-align:center}
fieldset cite em {display:block; font-weight:bold; padding-top:8px; color:#666}
fieldset cite em a,fieldset cite em a:visited {color:#cd6105}
fieldset input.logout {position:absolute; left:76px; top:123px; width:50px; height:50px; border:none; cursor:pointer; background:url(../images/logout.jpg)}
fieldset p a.start {margin-bottom:10px; background:url(../images/gamestart.jpg)}

.side {float:left; position:relative; width:254px; margin-top:20px; background:url(../images/side_bg.gif)}
.side h2 {text-indent:-9999px; overflow:hidden}
.side .cont {height:10px; overflow:hidden; background:url(../images/side_top.gif)}
.side .conn {background:url(../images/side_line.gif)}
.side .conb {height:10px; overflow:hidden; background:url(../images/side_bot.gif)}
.side .con {margin:auto; width:206px; overflow:hidden}
.side .con ul {margin-left:20px; padding:5px 0; width:186px; overflow:hidden}
.side .con li {float:left; width:80px; margin-left:3px; display:inline; padding-left:10px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; background:url(../images/list.gif) left 7px no-repeat}
.side li a,.side li a:visited {color:#6d280d}
.rec_sev {position:absolute; left:0; top:-20px; margin-bottom:-20px; width:254px; background:url(../images/side.gif)}
.rec_sev h2 {height:42px}
.rec_sev .con ul {margin-left:35px}
.rec_sev .con li {clear:both; width:150px}
.side .bot {height:100px; background:url(../images/sidebottom.gif)}
.index .side .bot{ height:61px;background:url(../images/indexsidebottom2.gif)}
.novice {margin-top:114px}
.novice h2 {height:58px; background:url(../images/side.gif) left -67px no-repeat}
.gameinfo h2 {height:61px; background:url(../images/side.gif) left -125px no-repeat}
.side .ss {width:203px; height:238px; margin:7px auto 0 auto; overflow:hidden}
.service {clear:both; width:218px; height:152px; margin-left:21px; color:#00394f; background:url(../images/service.jpg)}
.service p {padding:20px 0 6px 20px; line-height:22px}
.service a {display:block; width:189px; height:45px; margin:0 auto; text-indent:-9999px; overflow:hidden; background:url(../images/cs.jpg)}





.content {width:746px; overflow:hidden}

.banner {width:523px; height:136px; background:url(../images/banner.jpg); overflow:hidden}
.bigflash {width:503px; height:223px; padding:10px; background:url(../images/big_bg.gif); position:relative;}
.bigflash img {width:501px; height:221px; border:1px solid #53c4eb;}
.bigflash .num{ position:absolute; z-index:10; right:25px; top:205px;}
.bigflash .num a{ display:inline-block; border:#666; border:solid 1px #666; color:#666; font-size:12px; background:#fff; padding:2px 5px 1px 5px; bottom:20px; line-height:14px; margin:0 2px;}
.bigflash .num a:hover,
.bigflash .num a.now{ background-color: #F00; color:#fff; text-decoration:none;}

.board {width:197px; height:64px; padding:45px 0 0 26px; font-size:14px; line-height:22px; color:#0085bd; background:url(../images/board.jpg)}
.board.r {height:91px; background:url(../images/board2.jpg)}
.board em {display:block; font-size:12px}
.nav {float:left; width:223px; height:270px; background:url(../images/nav.jpg)}
.nav a {float:left; width:205px; height:61px; margin:6px 0 0 5px; display:inline; overflow:hidden; text-indent:-9999px;}
.nav a.n1 {margin-top:8px}
.nav a:hover {background:url(../images/nav.jpg)}
.nav a.n1:hover {background-position:-228px -8px}
.nav a.n2:hover {background-position:-228px -75px}
.nav a.n3:hover {background-position:-228px -142px}
.nav a.n4:hover {background-position:-228px -209px}

.news {width:405px}
.news h3 {width:405px; height:35px; text-indent:-9999px; overflow:hidden; background:url(../images/news_h3.gif) no-repeat}


.news_tab {width:405px; overflow:hidden; background:url(../images/news_title.gif)}
.news_tab ul {float:left; width:405px; height:34px; margin:5px 0 0 28px; display:inline}
.news_tab li {float:left; width:77px; height:34px; margin-right:13px; cursor:pointer}
.news_tab li h2 {width:77px; height:34px; overflow:hidden; text-indent:-9999px; background:url(../images/news_tab.gif)}
.news_tab li h2.n2 { background-position:-90px 0}
.news_tab li h2.n3 { background-position:-180px 0}
.news_tab li h2.n4 { background-position:-270px 0}
.news_tab li.active h2 {background-position:0 -34px}
.news_tab li.active h2.n2 {background-position:-90px -34px}
.news_tab li.active h2.n3 {background-position:-180px -34px}
.news_tab li.active h2.n4 {background-position:-270px -34px}

.newslist {}

.newslist dl {position:relative}
.newslist dl.active {display:}
.newslist dl.normal {display:none}
.newslist dt {position:absolute; width:47px; height:16px; top:-63px; right:10px;}
.newslist dt a {display:block; width:47px; height:16px; text-indent:-9999px; overflow:hidden; background:url(../images/more.gif) -45px 0}
.newslist dd {}
.newslist ul {margin:0 10px}
.newslist li {float:left; width:314px; height:19px; margin-top:7px; padding-left:71px; line-height:21px; overflow:hidden; color:#555; background:url(../images/news_list.gif) no-repeat}
.newslist li.n2 { background-position:0 -19px}
.newslist li.n3 { background-position:0 -38px}
.newslist li a,.newslist li a:visited {color:#555}
.newslist li span {float:right}

.newpet {width:339px; height:215px; margin-top:15px}
.newpet .left {width:108px; height:215px; position:relative; background:url(../images/newpet.jpg)}
.newpet .left a {position:absolute; left:23px; top:105px; display:block; width:80px; height:25px; text-indent:-9999px; overflow:hidden; background:url(../images/none.gif)}
.newpet .right {width:231px; height:215px; position:relative}
#petlist {FILTER:progid:DXImagetransform.Microsoft.Fade (duration=0.5,overlap=1.0); width:231px; height:215px}
#petlist img {width:231px; height:215px; display:block}
.newpet .right .bnt {position:absolute; right:8px; bottom:5px;}
.newpet .right .bnt li {float:left; width:12px; height:12px; margin-left:5px; display:inline; text-align:center; line-height:12px; font-size:10px; font-family:Arial; color:#fff; cursor:pointer; background:#009300;}
.newpet .right .bnt li.active {background:#fff; color:#009300}

.container {}
.container .title {height:36px; background:url(../images/title_bg.gif)}
.container .title h2 {float:left; width:130px; height:36px; overflow:hidden; text-indent:-9999px; background:url(../images/title.jpg) no-repeat}
.container .bbs .title h2 {background-position:0 -36px}
.container .guide .title h2 {background-position:0 -72px}
.container .wiki .title h2 {background-position:0 -108px}
.container .wall .title h2 {background-position:0 -144px}
.container .partner .title h2 {background-position:0 -180px}
.container .title span {float:right; width:63px; height:36px; background:url(../images/title_right.gif) right top no-repeat}
.container .title span a {display:block; width:45px; height:15px; margin:11px 18px 0 0; text-indent:-9999px; overflow:hidden; background:url(../images/more.gif)}

.container .con {padding:0 11px 0 8px}
.container b.rtop,.container b.rbottom {display:block}
.container b.rtop b,.container b.rbottom b {display:block; height:1px; overflow:hidden; background:#fffef2}
.container b.r1 {margin: 0 5px}
.container b.r2 {margin: 0 3px}
.container b.r3 {margin: 0 2px}
.container b.rtop b.r4,.container b.rbottom b.r4 {margin:0 1px;height:2px}
.container .conb {height:12px; overflow:hidden;}

.container .conn {background:#fffef2}


.container .event,.container .guide {width:402px}
.container .event .con {height:152px; overflow:hidden; background:url(../images/con_1.gif)}
.container .event .conb,.container .guide .conb {background:url(../images/con_2.gif)}

.container .event .conn,.container .bbs .conn {height:142px}
.container .event .conn p {float:left; width:176px; text-align:center; margin:6px 0 0 9px; display:inline}
.container .event .conn p img {display:block; width:170px; height:100px; padding:3px; margin-bottom:10px; border:1px solid #ccc}
.container .event .conn p a:hover img {border-color:#999}

.container .bbs,.container .wiki {width:335px}

.container .bbs .con {height:152px; background:url(../images/con_3.gif)}
.container .bbs .conb,.container .wiki .conb {background:url(../images/con_4.gif)}

.container .bbs .conn ul {margin:0 10px; padding-top:12px}
.container .bbs .conn li {height:24px; padding-left:11px; line-height:24px; overflow:hidden; background:url(../images/list.gif) left 9px no-repeat}
.container .bbs .conn li span {float:right; width:30px; white-space:nowrap; overflow:hidden}



.container .guide .con {background:url(../images/con_1.gif)}
.container .wiki .con {background:url(../images/con_3.gif)}
.container .guide,.container .wiki {margin-top:6px}

.container .wall {margin-top:6px}
.container .wall .con {background:url(../images/con_5.gif)}
.container .wall .conb,.container .partner .conb {background:url(../images/con_6.gif)}

.container .partner {margin-top:6px; position:relative}
.container .partner h3 {position:absolute; left:14px; top:11px; width:22px; height:87px; background:url(../images/partner.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='http://img.webgame.com.cn/pm/partner.png')}
.container .partner .con {height:69px; background:url(../images/con_5.gif)}
.container .partner .flink {position:absolute; left:48px; top:8px; width:687px}
.container .partner .conn {height:52px; overflow:hidden}
.container .partner .conn ul {margin:11px 0 0 8px}
.container .partner .conn li {float:left; width:88px; height:31px; margin-right:9px}
.container .partner .conn li img {display:block; width:88px; height:31px}
.cnm { position:absolute; left:52px; top:83px; color:#234600}


.conten_title {position:relative; height:110px; background:url(../images/content_title.jpg)}
.conten_title p { position:absolute; left:23px; bottom:20px; width:189px; height:46px; text-indent:-9999px; overflow:hidden; background:url(../images/news.gif)}
.conten_title h2 {position:absolute; right:40px; bottom:8px}
.conten_title h2 a {float:left; width:99px; height:39px; text-indent:-9999px; overflow:hidden; margin-left:5px; display:inline; background:url(../images/column.jpg)}
.conten_title h2 a.c1 {background-position:left 0}
.conten_title h2 a.c1_on,.conten_title h2 a:hover.c1 { background-position:left -39px}
.conten_title h2 a.c2 { background-position:-104px 0}
.conten_title h2 a.c2_on,.conten_title h2 a:hover.c2 { background-position:-104px -39px}
.conten_title h2 a.c3 { background-position:-208px 0}
.conten_title h2 a.c3_on,.conten_title h2 a:hover.c3 { background-position:-208px -39px}
.conten_title h2 a.c4 { background-position:-312px 0}
.conten_title h2 a.c4_on,.conten_title h2 a:hover.c4 { background-position:-312px -39px}

.conten {padding:0 45px; background:url(../images/content.gif); _height:1053px; min-height:1053px}
.position {margin:0 0 30px 0; padding-top:15px; height:27px; line-height:27px; color:#333; background:url(../images/t.gif) 0 15px repeat-x}
.position.ev {margin-bottom:10px}
.position a,.position a:visited {color:#333}
.position p {float:left; height:27px; padding-left:15px; background:url(../images/t_l.gif) no-repeat}
.position span {float:right; height:27px; padding-right:15px; background:url(../images/t_r.gif) right top no-repeat}

.list {}
.list li {height:36px; line-height:36px; overflow:hidden; font-size:14px; border-bottom:1px dashed #0382ad; color:#336677}
.list li a,.list li a:visited {color:#336677}
.list li span {float:right}

.event_list {height:142px; overflow:hidden; padding:20px 0; border-bottom:1px dashed #0382ad}
.event_list dt {float:left; height:142px}
.event_list dt img {display:block; width:200px; height:130px; padding:5px; border:1px solid #ccc}
.event_list dt a {display:block}
.event_list dt a:hover {background:#d7f5ff}
.event_list dt a:hover img {border-color:#80d9f7}
.event_list dd {float:left; width:428px; margin-left:15px; display:inline; overflow:hidden}
.event_list dd.t {height:37px; background:url(../images/l_2.gif) left top no-repeat}
.event_list dd.t p {float:left; padding-left:40px; margin-top:10px; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden}
.event_list dd.t p.new {padding-right:32px; background:url(../images/l_4.gif) right center no-repeat}
.event_list dd.t p a,.event_list dd.t p a:visited {color:#ff6000}
.event_list dd.t span {float:right; margin-top:6px}
.event_list dd.t span a {display:block; width:71px; height:19px; background:url(../images/l_3.gif); text-indent:-9999px; overflow:hidden}
.event_list dd.i {width:398px; height:81px; padding:12px 15px; line-height:20px;  background:url(../images/l_1.gif)}
.event_list dd.i em {float:left; height:75px; padding-right:5px; color:#333}
.event_list dd.i p {color:#3494ce}


.article_title {}
.article_title h2 {height:45px; padding-top:33px; font-family:黑体; font-size:20px; text-align:center; white-space:nowrap; color:#0074a2; background:url(../images/article_title.jpg) center top no-repeat}
.article_title h3 {padding:12px 0; text-align:center; color:#0074a2}
.article_content {font-size:14px; line-height:26px}
.article_content p {padding:13px 0}
.article_content strong {font-weight:bold}
.article_content hr {height:0; overflow:hidden; background:none; border:none; border-bottom:1px dashed #ccc}


.pages {float:right; padding:20px 0 15px 0; height:24px;}
.pages ul {}
.pages li {float:left; height:24px; line-height:23px; overflow:hidden; margin-right:5px}
.pages li a,.pages li a:visited {float:left; height:22px; padding:0 8px; overflow:hidden; background:#d2fcff; border:1px solid #53c4eb; color:#1a90b8; text-decoration:none}
.pages li.thisclass a,.pages li a:hover { background:#0264af; border-color:#98c9f0; color:#fff; text-decoration:none}
.pages li.gotop {width:74px; height:24px; margin-left:15px; display:inline}
.pages li.gotop a,.pages li.gotop a:visited {display:block; width:74px; height:24px; padding:0; background:url(../images/top.gif); border:none; text-indent:-9999px; overflow:hidden}

.conten_bottom {height:38px; background:url(../images/content_bottom.gif)}



#foot {padding:25px 0; text-align:center; line-height:22px; color:#555}
#foot a,#foot a:visited {margin:0 15px; color:#555}

/*首页客户服务*/
.indexServer{ width:743px; height:143px; margin-top:5px; overflow:hidden; clear:both; background:url(../images/bg_server_2.gif?11040101) no-repeat; position:relative;}
.indexServer h4{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.indexServer a{
	width:134px;
	height:46px;
	display:inline;
	float:left;
	margin:4px 0 0 4px;
}
.indexServer .kf_p2{
	width:180px;
	float:left;
}
.indexServer .kf_p6{
	margin-top:-18px;
	margin-left:4px;
	width:70px;
}
.indexServer .kf_p3{

}
.indexServer .kf_p4{
}
.indexServer .kf_p5{
	font-weight: bold;
	font-size:14px;
	margin-left:52px;
}
.indexServer .contactData div{
	float:left;
	display:inline;
}
.indexServer .div1{
	width:360px;
	margin-right:20px;
}
.indexServer .div1 h4{
	text-align: left;
	padding-left:40px;
}
.indexServer h3{ display:none;}
.indexServer .contactData{ color:#223C4F;  margin:40px 0 0 40px;line-height:22px;}
.indexServer a.btn{ display:block; width:189px; height:37px; position:absolute; z-index:10; top:61px; right:18px; text-indent:-9999px; overflow:hidden;}