@charset "utf-8";
/*
封神西游
Marketing Center Design Dept.
Author : 朴世峰 091208
*/
/* 共用属性 */
html{ height:100%; width:100%; background:#01121A url(http://xyimages.10sea.com/images/headerbg.jpg) no-repeat center top}
body{margin:0; padding:0; background: url(http://xyimages.10sea.com/images/footerbg.jpg) no-repeat center bottom; font: 12px/150% '宋体',Verdana, Geneva, sans-serif}
ul,li,dl,dt,dd,ol,form{ margin:0; padding:0;list-style:none;}
a{ color:#630; text-decoration:none}
a:hover{ text-decoration:underline}
a img{ border:none}
.clearfix{ clear:both; height:1px; overflow:hidden}
img{vertical-align:top}
.red{ color:red}
.center{ text-align:center}
.hidden{ display:none}
.center{ text-align:center}
ul,li{list-style:none;margin:0;padding:0}
.b{font-weight:bold;}
.ft14{ font-size:14px;}
.Georgia{font-family:Georgia;}
.yellow01{color:#f9ffc3;}
a.yellow01:link,
a.yellow01:visited{color:#f9ffc3; text-decoration:none;} 
a.yellow01:hover, 
a.yellow01:active{color:#f9ffc3; text-decoration:underline;}
#navigation{height:12px; border-collapse:collapse; margin:15px auto;}
#navigation .on a{font-weight:bold; background-color:#d5b978;}
#navigation td{padding:0; border-right:1px solid #d5b978; font-weight:bold;}
#navigation td.pgR{border-right:0;}
#navigation a{font-size:12px; text-decoration:none; padding:0 10px; font-weight:bold; display:block; color:#523f0a; font-family:Georgia;}
#navigation a:hover{background-color:#e5c988; color:#f9ffc3;}

.maintxt0716{ position:absolute;left:250px; top:-10px; z-index:999; width:424px; height:158px}
.maintxt07161{ position:absolute;left:500px; top:-35px; z-index:999; width:484px; height:120px}

.wrapper{ width:1000px; min-height:800px; margin:0 auto; }
*html .wrapper{ height:800px}
.sitemap{display:none}

/*引导页*/

.lead_header{ width:800px; margin:auto; text-align:center}
.lead{width:838px; margin:auto; position:relative}
.lead_right{ width:608px; height:296px; padding:30px 0 0 30px; background:url(http://xyimages.10sea.com/images/leadbg.jpg); float:left; margin-top:162px; overflow:hidden}
.register{ width:378px; height:188px; float:left; padding-top:40px;position:relative}
.leadimg{ float:left; height:190px; height:261px; float: left; padding-right:10px}
.lead_ab{ background:url(http://xyimages.10sea.com/images/leadbottombg.gif); width:800px; float:left; text-align:center; margin:-2px auto 15px 100px; padding:38px 0 24px 0; height:143px;}
.maintext{ width:430px; height:130px; position:absolute; top:10px; left:230px; z-index:999; }
.cike{ width:205px; height:237px; position:absolute; right:-50px; top:-5px; z-index:999}
.lead_text{ width:459px;height:56px;position:absolute;right:143px;top:106px;z-index:999}

/*页头*/

.header{ height:110px; text-align:center}
.header .menu{ margin:0 auto; text-align:center; width:710px; padding:0;}
.header .menu li{ float:left; padding:20px 5px 0 5px; margin:0 auto;}
.header .menu li img{ padding:2px 5px; vertical-align:middle;}
/*主体*/

.wrap{ width:1000px; clear:both; position:relative}

/*左侧*/

.wrap_left{ width:200px; float:left; clear:right; line-height:120%; padding-top:40px;overflow:hidden}
.wrap_left_nav{ height:354px; background:url(http://xyimages.10sea.com/images/top.jpg) no-repeat left bottom}
.wrap_left_nav1{ height:354px; background:url(http://xyimages.10sea.com/images/top1.jpg)  no-repeat left bottom}
.wrap_left_nav_a { width:158px; margin:0 auto; padding:0; display:block}
.wrap_left_nav_a li{ height:33px; padding-bottom:11px; text-align:center}
.wrap_left_nav_a li a{ display:block; width:158px; height:33px; margin:auto}
.flash_button{ height:171px;}
.ranked{ height:123px; background:url(http://xyimages.10sea.com/images/ranked.jpg); padding:41px 19px 9px 76px; text-align:center; display:block;}
.ranked li{ display:block; line-height:41px;height:41px}
.ranked a{ color:#C29E50; text-align:center}
.left_banner{ width:184px; height:66px; padding:18px 8px 9px 8px; background:url(http://xyimages.10sea.com/images/left_banner.gif)}
.service{ width:200px}
.service_top{ height:55px; background:url(http://xyimages.10sea.com/images/service_top.jpg)}
.service_center{ padding:0 21px 0 22px; background:url(http://xyimages.10sea.com/images/service_center.jpg); }
.service_bottom{ height:30px; background:url(http://xyimages.10sea.com/images/service_bottom.jpg)}
.service_center dl{ display:block; background:url(http://xyimages.10sea.com/images/line.gif) no-repeat center bottom; padding-bottom:10px; width:157px;display:block; color:white}
.service_center dl dt{ color:#ff9; padding-left:30px;filter:glow(color=#000000,strength=2); line-height:170%}
.service_center dl .bg1{ background:url(http://xyimages.10sea.com/images/icon1.gif) no-repeat left center}
.service_center dl .bg2{ background:url(http://xyimages.10sea.com/images/icon2.gif) no-repeat left center}
.service_center dl .bg3{ background:url(http://xyimages.10sea.com/images/icon3.gif) no-repeat left center}
.service_center dl .bg4{ background:url(http://xyimages.10sea.com/images/icon4.gif) no-repeat left center}
.service_center dt{ padding:5px 0;}
.service_center dd{ text-align:center; padding:10;}
.service_center table{ text-align:center; border-collapse:collapse;}
.business{ height:24px; padding-top:4px; background:url(http://xyimages.10sea.com/images/businessbg.gif) no-repeat center center; text-align:center; margin:10px auto}

/*右侧*/

.wrap_right{ width:800px; float:left; position:relative;}

/*FLASH*/

#main_visual{ float:left; width:300px; height:338px; margin:82px 0 0 0; background:url(http://xyimages.10sea.com/images/bg_main_visual.jpg) no-repeat bottom;}
	#main_visual li{ list-style:none;}
	#main_visual_btn{ float:right; margin:-50px 0 0 0; width:80px; padding:3px 3px 0;}
	#main_visual_btn a{ float:left; padding:0; margin:1px; border:solid 2px #977e45;}
	#main_visual_btn a.show,
	#main_visual_btn a:hover { border:solid 2px #d9ae4c;}
	#main_visual_img{ float:left; width:300px;}
	#main_visual_img a{ display:none;}
	#main_visual_img a.show{display:block;}

.header_nav{ width:492px; float:left; height:332px; padding-top:90px; overflow:hidden}

/*下拉菜单*/

.helpList {width:443px; height:20px; padding:5px 0 0 49px;background:url(http://xyimages.10sea.com/images/topnavbg.gif) no-repeat; position:relative; z-index:9999;}
.helpList table { width:99%; border-collapse:collapse;}
.helpList a { text-decoration:none; color:#cc9966;}
.helpList a:hover { color:yellow; font-weight:bold;}
.helpList ul ul { position:absolute; visibility:hidden; left:0px; top:19px; line-height:15px;}
.helpList ul ul li{ text-align:center}
.helpList li {position:relative; _position:static; float:left; width:100%;}
.helpList a .li { position:relative; }
.helpList li .option { display:block;cursor:pointer; font:12px Verdana; zoom:1;background: url(http://xyimages.10sea.com/images/dot1.gif) no-repeat 63px 7px;}
.helpList li .option:hover { color:yellow;background: url(http://xyimages.10sea.com/images/dot2.gif) no-repeat 63px 7px; text-decoration:none}
.helpList li .option span { display:block; height:20px;line-height:20px;}
.helpList .li { width:75px;float:left;height:20px;display:block;text-align:center; margin-right:4px; position:relative}
.helpList .tableli{ width:75px;float:left;height:20px;display:block;text-align:center; margin:0;position:relative; }
.helpList .li:hover { z-index:2; background:transparent;}
.helpList .li:hover ul { visibility:visible;text-decoration:none}
.helpList .li:hover ul ul { visibility:hidden;}
.helpList .li:hover ul { border:1px solid #3C3D3F; width:73px;background:#000; padding:3px 0}
.helpList .li:hover li { border-bottom:none;text-decoration:none}
.helpList .tableli:hover { z-index:2; background:transparent;}
.helpList .tableli:hover ul { visibility:visible;text-decoration:none}
.helpList .tableli:hover ul ul { visibility:hidden;}
.helpList .tableli:hover ul { border:1px solid #3C3D3F; width:73px;background:#000; padding:3px 0}
.helpList .tableli:hover li { border-bottom:none;text-decoration:none}

/*头条新闻*/

.header_line .date{ float:right; margin-top:-20px}
.header_line{ width:472px; height:285px; padding:10px; background:url(http://xyimages.10sea.com/images/headerlinebg.jpg); float:left}
.header_line_left{ width:286px; height:255px; padding:10px 20px 20px; float:left;}
.header_line_left h3{ width:246px; height:38px; line-height:38px; display:block; margin:0; text-align:right; padding:0 10px; background:url(http://xyimages.10sea.com/images/hederline_title.gif) no-repeat}
.header_line_left h3 span{ display:none}
.header_line_left h3 a{ display:block; height:38px; width:40px;}
.header_line_left #headerline{ margin:5px auto; display:block;}

.newsList{width:286px; display:block;}
.newsList .tilte{ width:286px; display:block;}
#ab_{ height:29px; padding-bottom:2px; background:url(http://xyimages.10sea.com/images/line1.gif) repeat-x bottom bottom; padding-left:23px; margin-bottom:5px}
.newsList .title .li1{ cursor:pointer; display:block; width:77px; height:29px; position:relative; float:left; background:url(http://xyimages.10sea.com/images/buttonbg2.gif) no-repeat; margin:0px 5px 0 0 ;}
.newsList .title .li2{ cursor:pointer; display:block; width:77px; height:29px; position:relative; float:left; background:url(http://xyimages.10sea.com/images/buttonbg1.gif) no-repeat; margin:0px 5px 0 0 ;}
.newsList .title .text3{ display:block; width:77px; height:29px; line-height:29px; position:absolute; left:0;top:0; text-align:center; z-index:2; color:#000000}
.newsList .title .text4{ display:block; width:77px; height:29px; line-height:29px; position:absolute; left:1px;top:1px; text-align:center; z-index:1; color:#fff}
.dis{display:block;}
.undis{display:none;}

.header_line_right{ width:130px; float:left; padding:4px 0 0 9px}
.header_line_right li{ display:block; width:124px; padding:0;  margin-bottom:3px}
.main_ad{ margin:3px 5px 0; display:inline; float:left; width:762px; height:94px; padding:8px 13px; background:url(http://xyimages.10sea.com/images/main_etc_bg.jpg) no-repeat;}
.mainbox{ width:800px; background:url(http://xyimages.10sea.com/images/mainbox_center.jpg); float:left; overflow:hidden}
.mainbox_top{background:url(http://xyimages.10sea.com/images/mainbox_top.jpg); height:57px}
.mainbox_center{ width:784px; padding:8px; background:url(http://xyimages.10sea.com/images/mainbox_bottom.jpg) no-repeat left bottom;}

/*游戏详细信息*/
.info1{ width:700px; height:34px; background:url(http://xyimages.10sea.com/images/infobg1.gif) no-repeat; position:relative; margin:-30px 8px 8px 8px; display:inline; float:left}
.info1 h3{ margin:0; height:28px; background:url(http://xyimages.10sea.com/images/main_data_tit.gif) no-repeat; width:650px; padding:6px 0 0 50px; color:#fff8cc; }
.info1 h3 span{ float:left}

.infolist .title{text-align:center; margin:7px 0; height:22px; padding-left:50px}
.infolist .li1{ cursor:pointer; display:block; width:75px; height:22px; position:relative; float:left; background:url(http://xyimages.10sea.com/images/img1.gif) no-repeat; margin:0px 5px 0 0 ;}
.infolist .li2{ cursor:pointer;display:block; width:75px; height:22px; position:relative; float:left; background:url(http://xyimages.10sea.com/images/img2.gif) no-repeat;margin:0px 5px 0 0 ;}
.infolist .text1{ display:block; width:75px; height:22px; line-height:22px; position:absolute; left:0;top:0; text-align:center; z-index:2; color:#6E0808}
.infolist .text2{ display:block; width:75px; height:22px; line-height:22px; position:absolute; left:1px;top:1px; text-align:center; z-index:1; color:#fff}
.info_article_list{ display:block;  width:448px;}
.info_article_list dt strong{ color:#6E0808}
.info_article_list dt { color:#CC6600; padding-bottom:5px; margin:5px 0; background: url(http://xyimages.10sea.com/images/line.gif) repeat-x left bottom}
.info_article_list dd a{ display:block; background:url(http://xyimages.10sea.com/images/dot3.gif) no-repeat left center; padding-left:10px;width:75px;height:19px;line-height:19px;float:left;}
.info_article_list dd a:hover{ color:red}

.main_info{ float:left; width:350px; height:217px; background:url(http://xyimages.10sea.com/images/infobg3.gif) no-repeat; padding:15px 16px; margin:5px;display:inline;}
.main_info h3{ float:left; width:350px; margin:0; padding:3px 0 3px 5px; line-height:26px; height:26px; background:url(http://xyimages.10sea.com/images/bg_gamedata_tit.gif) no-repeat; font-size:12px; color:#FFFFFF; }
.main_info h3 img{ vertical-align:middle;}
.main_info h3 span{ padding:0 15px; color:#cdfddd; font-weight:normal;}
.main_info ul{ float:left; width:340px; padding:0; margin:5px; display:inline;}
.main_info li{ float:left; width:100px; background:url(http://xyimages.10sea.com/images/dot3.gif) 0 50% no-repeat; padding:0 0 0 12px;}

.hezuo{ clear:both; width:772px; height:83px; margin:10px auto; background:url(http://xyimages.10sea.com/images/bg_hezuo.gif) no-repeat;}
.hezuo ul{ padding:0; margin:0 auto; width:720px;}
.hezuo li{ float:left; padding:10px 5px;}
.footertxt{ width:726px; text-align:center; padding:10px 0; margin:0 auto;}
/*footer*/

.footer{ height:56px; text-align:center; background:url(http://xyimages.10sea.com/images/footerbtg.jpg); margin:-1px auto auto auto; padding:9px 0; font-family:Verdana; color:#666}
.footer table{ margin:auto}

/*新闻页*/
.top_cike{ width:192px; height:228px; background:url(http://xyimages.10sea.com/images/cike.png); position:absolute; right:-50px; top:px; z-index:999}
.top_pic{ width:713px; height:136px; background:url(http://xyimages.10sea.com/images/news_pic_boxbg.png) no-repeat; padding:12px 12px 4px 12px; margin-left:33px}
.newsbox{ width:800px; background:url(http://xyimages.10sea.com/images/newscenterbg.jpg);}
.newsbox_top{background:url(http://xyimages.10sea.com/images/newstopbg.jpg); height:147px;}
.newsbox_center{ padding:0 65px 15px 65px;background:url(http://xyimages.10sea.com/images/newsbottombg.jpg) no-repeat left bottom; min-height:510px;}
*html .newsbox_center{height:625px;}
*+html .newsbox_center{min-height:625px;}

.newsbox_center .title{ border:1px solid #ffffff; background:#E0D3A2;width:658px; margin:0 0 5px 0; float:left; padding:5px;display:block;}

.articlelist{border:1px solid #ffffff; background:#E0D3A2;width:658px; margin:0 0 5px 0; float:left; padding:5px;display:block;}
.articlelist a{width:90px;height:21px; float:left; padding:0 0 0 12px; line-height:21px; background:url(http://xyimages.10sea.com/images/dot3.gif) no-repeat 0 6px;list-style:none; display:block}

.newsbox_center .title li{ width:90px; float:left; padding:0 0 0 12px; line-height:20px; background:url(http://xyimages.10sea.com/images/dot3.gif) no-repeat 0 6px;list-style:none;}
.article a:hover{ color:red}
.article{ color:#333; line-height:140%; margin-top:-110px; *position:relative; *z-index:999; *float:left; }
.article h2{height:32px; text-align:center;width:670px; display:block; margin:5px 0;line-height:32px; border-bottom:2px inset #efefef; /*background:url(http://xyimages.10sea.com/images/newstitlebg.jpg) no-repeat center center;*/ font-size:20px; }
.author{ text-align:center;height:21px;line-height:21px; color:#996;display:block; width:670px}
.author small{ font-size:12px; color:#555}
.article p{ text-indent:2em; font-size:12px; margin:5px 0;}
.article .art_text{position:relative; z-index:999}
.article h4{ font-size:14px; margin:15px 0; color:#520; background:url(http://xyimages.10sea.com/images/dot4.gif) no-repeat left center; padding-left:13px;}
.article h5{ font-size:12px; color:#6D4F00; margin:10px auto}
.article .rednote{ padding:10px 0; background:url(http://xyimages.10sea.com/images/line.gif) repeat-x left top; color:red; text-align:center}
.linelong{ height:3px; overflow:hidden;background:url(http://xyimages.10sea.com/images/line.gif) repeat-x left top; color:red; text-align:center}
.article table{ text-align:center; font-size:12px;}
.article .sort{ background:#CF9F6D; text-align:center; margin:10px auto}
.article .sort td{ border:1px solid #F9DFC8; background:#F2BF94; padding:3px}
.article .resList{ margin:10px auto; width:100%; background:#CF9F6D; text-align:center}
.article .resList td{ background:#F8E1AD; border:1px solid #FCF1E7; padding:1px 5px}
.article .resList th{ background:#DEC590; border:1px solid #FCF1E7; line-height:23px}
.article .resList table td{ color:#5a5a5a;}
.article img{ padding:3px; background:white; border:1px solid #ccc; display:block; margin:2px auto}
.article ul { margin-left:4.7em}
.article ul li{ margin-left:15px; list-style-type:disc}

.articelNav{color:#333; text-align:right; display:block; margin:5px 0; padding:5px 0; width:670px; border-bottom:dashed 1px #999999; *position:relative; *z-index:998; *float:left;}

.sub_tit{ width:650px; font-size:16px; font-weight:bold; padding:10px;}
.sub_nav{ width:618px; height:100px; margin:0 auto; padding:10px; background:url(http://xyimages.10sea.com/images/bg_sub_nav.jpg) no-repeat;}
.sub_nav ul{ padding:0; margin:0;}
.sub_nav li{ float:left; width:105px;}

.article01{ color:#333; line-height:140%; margin-top:-110px; *position:relative; *z-index:999; *float:left; }

#guide_list{ width:650px; margin:0 auto;}
#guide_list ul{ float:left; width:300px; padding:0; margin:5px 10px;}
#guide_list h3{ float:left; width:300px; margin:0; padding:3px 0 3px 10px; line-height:26px; height:26px; background:url(http://xyimages.10sea.com/images/bg_gamedata_tit01.gif) no-repeat; font-size:12px; color:#FFFFFF;}
#guide_list li{ float:left; width:128px; background:url(http://xyimages.10sea.com/images/dot3.gif) 0 50% no-repeat; margin:3px 5px 0; padding:0 0 0 12px;}
#guide_list td{ vertical-align:top;}

.roletitle{ width:85px; height:22px; line-height:23px; background:url(http://xyimages.10sea.com/images/roletitlebg.jpg); font-size:12px; margin:0; text-align:center}
.articleline{ height:1px; margin:4px 0; background: url(http://xyimages.10sea.com/images/line.gif) repeat-x center center; overflow:hidden}

.articleall{  padding-top:15px; width:630px; margin-left:0!important;list-style:none!important}
.articleall li{border-bottom:1px dotted #DCD3A8; line-height:23px; margin-left:0px!important; text-align:right; list-style:none!important; color:gray}
.articleall a{ float:left}
.dede_pages{ width:667px; height:30px; repeat-x left top; margin-top:15px; padding-top:10px}
.dede_pages .pagelist li{ float:left; list-style:none; }
.dede_pages .pagelist li a{ text-decoration:underline}
.dede_pages .pageinfo{ display:block; float:left; margin-right:10px}


.data{ width:320px; float:left; margin:0 5px}
.data ul{ margin:0; padding:0}
.data ul li{ margin:0; padding:0}
.data a{ text-decoration:none}
.data a:hover{ text-decoration:underline}
.data h2 { margin:15px 0; padding:0 0 0 30px; font-size:14px; color:#930; width:290px; text-align:left}
.data h2 a{ color:#930}
.data .bg1{ background:url(http://xyimages.10sea.com/images/databg1.gif) no-repeat left center}
.data .bg2{ background:url(http://xyimages.10sea.com/images/databg2.gif) no-repeat left center}
.data .bg3{ background:url(http://xyimages.10sea.com/images/databg3.gif) no-repeat left center}
.data .bg4{ background:url(http://xyimages.10sea.com/images/databg4.gif) no-repeat left center}
.data .bg5{ background:url(http://xyimages.10sea.com/images/databg5.gif) no-repeat left center}
.data .bg6{ background:url(http://xyimages.10sea.com/images/databg6.gif) no-repeat left center}
.data .bg7{ background:url(http://xyimages.10sea.com/images/databg7.gif) no-repeat left center}
.data .bg8{ background:url(http://xyimages.10sea.com/images/databg8.gif) no-repeat left center}
.data ul { margin-bottom:25px}
.data ul li{ width:100px; float:left!important; padding-left:13px; background:url(http://xyimages.10sea.com/images/dot3.gif) no-repeat left center; line-height:27px;list-style:none}
.data ul li a{ color:#630}
.data ul li a:hover{ text-decoration:underline}