#layout1{ background:url(../obimg/layout_01.jpg) no-repeat center 0;}
#layout2{ background:url(../obimg/layout_02.jpg) no-repeat center 536px;}
#layout3{ background:url(../obimg/layout_03.jpg) no-repeat center 1136px;}

#mainLeft{ width:182px; float:left; margin-top:-48px;}
#mainRight{ width:794px; float:right; padding-right:14px;}

/* swfBanner*/
#swfBanner{ width:309px; height:350px;float:left;}

/* mainNews */
#mainNews{ width:484px; height:350px;float:left;  display:inline; overflow:hidden;}
#mainNewsLeft{ width:316px; height:200px; float:left; padding-top:40px;}

#mainNewsLeftTitle{ height:28px;}
#mainNewsLeftTitle .more{ float:right;width:32px; height:28px; display:block;}

.newsHot16{ width:310px; font-size:16px; text-align:center; padding:6px 0 2px 0;}
.newsHot16 a{color:#f00; font-weight:bold; text-decoration:none; text-align:center;}
.newsHot16 a:hover{ text-decoration:underline;}

#mainNewsLeft .newsHot12{ font-size:12px;}
#mainNewsLeft .newsHot12 a{ padding-right:4px; padding-left:4px;text-decoration:none; line-height:18px;color:#f00;}
#mainNewsLeft .newsHot12 a:hover{ text-decoration:underline;}

.news_hot{text-align:center;height:18px; line-height:18px;width:310px;font-size:16px;font-weight:bold;overflow:hidden; margin-top:6px; margin-left:6px;}
.news_hot a{ color:#FF0000; text-decoration:none;}
.news_tj{width:315px; height:18px;overflow:hidden;height:auto; line-height:18px; margin-top:0px;text-align:center; padding-left:0px;}
* html .news_tj{width:315px; height:18px;overflow:hidden;height:auto; line-height:18px; margin-top:0px;text-align:center; padding-left:10px;}
*+html .news_tj{width:315px; height:18px;overflow:hidden;height:auto; line-height:18px; margin-top:0px;text-align:center; padding-left:10px;}
.news_tj li a{height:auto;overflow:hidden; text-align:center;color:#FF0000; text-decoration:none; }
* html .news_tj li a{height:auto;overflow:hidden; text-align:center;color:#FF0000; text-decoration:none; margin-right:3px;}
*+html .news_tj li a{height:auto;overflow:hidden; text-align:center;color:#FF0000; text-decoration:none; margin-right:3px;}



#tabNews{padding-left:10px; padding-top:10px;}
#newstitle {height:15px;width:310px;}

#news_select_1 { background:url(../obimg/mainNewsTab.jpg) no-repeat;height: 15px;width: 72px;display: block;float: left;cursor: hand; }
#news_select_2 { background:url(../obimg/mainNewsTab.jpg) no-repeat;height: 15px;width: 72px;display: block;float: left;cursor: hand; }
#news_select_3 { background:url(../obimg/mainNewsTab.jpg) no-repeat;height: 15px;width: 72px;display: block;float: left;cursor: hand; }
#news_select_4 { background:url(../obimg/mainNewsTab.jpg) no-repeat;height: 15px;width: 72px;display: block;float: left;cursor: hand; }

#newsbody_box_1,
#newsbody_box_2,
#newsbody_box_3,
#newsbody_box_4 {height:200px;font-size:14px;color:#990000;text-decoration: none;width: 310px; overflow:hidden;float: left;line-height: 20px;padding-left:5px;overflow:hidden; padding-top:8px;}

.newsbody_box_li {width: 310px; height:20px;display: block;border-bottom:1px solid #ccc;padding-left: 5px;}
* html .newsbody_box_li {width: 310px; line-height:18px;display: block;border-bottom:1px solid #ccc;padding-left: 5px;}
*+html .newsbody_box_li {width: 310px; line-height:18px;display: block;border-bottom:1px solid #ccc;padding-left: 5px;}
.gdnewstitle {width: 250px;font-size:14px;float: left;line-height: 20px; height:20px;color:#000; overflow:hidden;}
.gdnewstitle img{ vertical-align:bottom;}
.gdnewstitle a{ line-height:18px; font-size:12px; color:#000; text-decoration:none;}
.gdnewstitle a:hover{ color:#0000ff;}
.gdnewsdate {float: right;padding-right: 8px;line-height: 18px;height: 18px;text-align: right; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#000000;	}

.newslist{ width:314px;}
.newslist li{ list-style:none; font-size:12px; color:#451005; border-bottom:1px solid #ccc;}
.newslist li.new{ line-height:20px;}
.newslist li a{line-height:18px; font-size:12px; color:#000; text-decoration:none; margin-right:2px; }
.newslist li a:hover{ color:#ff0000;}
.newslist li span{float:right;}
.newslist li.newshover{ background-position:0 0;}
.newslist li.newshover a{color:#ff6000;}
.newslist li.newshover a.channel:hover{ background-color:#ff6000; color:#ffffff;}
.newslist li a.system{color:#0000ff;}
.newslist li.newshover a.system{color:#ff6000;}

#mainNewsRight{ width:146px; height:300px; float:right; padding-top:40px; }
#mainNewsRight img,#mainNewsRight img a{ margin-bottom:1px;}

/* activity */
#activity{ width:326px; height:240px; overflow:hidden; display:inline; float:left; padding-left:28px; padding-top:34px;}
#activityTitle{ height:28px; }
#activityTitle .more{ float:right;width:32px; height:28px; display:block;}
.newsHot14{ font-size:14px; text-align:center; padding:6px 0 2px 0;}
.newsHot14 a{color:#ff0000; font-weight:bold; text-decoration:none;}
.newsHot14 a:hover{ color:#ff0000;}
.actList{ height:106px; overflow:hidden;}

#actImg{ width:325px; height:60px; display:block; overflow:hidden; padding-top:5px; padding-bottom:5px;}
* html #actImg{ width:320px; height:60px; display:block; overflow:hidden; padding-top:5px; padding-bottom:5px;}
*+html #actImg{ width:320px; height:60px; display:block; overflow:hidden; padding-top:5px; padding-bottom:5px;}
#actImg img{ width:155px; height:60px;}

/* play update */
#playUpdate{ width:394px; height:284px; display:inline; overflow:hidden; float:right; margin-right:9px; padding-top:20px;}
#playUpdateMore{ height:28px; float:right;width:32px; margin-top:20px; *margin-top:0px !important; *margin-top:0px;}
#playUpdateMore .h4{ height:20px; width:32px; display:block; padding-top:-10px;}

.menu2{height:22px;width:200px;float:right;padding-top:16px; margin-bottom:20px;}
.menu2 li{text-align:center;float:left;height:22px;width:62px;color:#333333; font-size:12px;}
.menu2 .play_open{float:left;height:22px;width:62px;color:#ff0000;text-align:center;overflow:hidden;}

.play-con-open{padding-top:6px; padding-left:10px;}
.play-con-close{display:none;padding-top:6px; padding-left:10px;}

.update{ clear:both;}
.updateImg{width:89px;height:161px;float:left;  }
.updateImg img{float:left;}

.updatelist{ width:290px; height:168px; overflow:hidden; float:left;}
.updatelist ul{ margin:0; padding:0;}
.updatelist li{ font-size:12px; color:#000; border-bottom:1px solid #ccc;line-height:20px; background:url(../obimg/newsIcon_01.jpg) no-repeat 4px 4px; width:250px; height:20px; overflow:hidden; padding-left:16px;}
.updatelist li a{line-height:20px; font-size:12px; color:#000; text-decoration:none; margin-right:2px; }
.updatelist li a:hover{ color:#ff0000;}
.updatelist li span{float:right;}

.information{ width:362px; height:168px; overflow:hidden; clear:both;}
.information li{line-height:22px;}
.information li span{ width:80px; line-height:22px; overflow:hidden; display:block; font-size:12px; float:left; font-weight:bold;}
.information li a{ font-size:12px; text-decoration:none; color:#000000;}
.information li a:hover{ color:#ff0000;}
.information li.indent40{ border-bottom:1px dashed #999;text-indent:80px; line-height:26px; padding-bottom:2px;}

.patchlist{ width:362px; height:168px; overflow:hidden;}
.patchlist li{ list-style:none; font-size:12px; color:#451005; border-bottom:1px solid #ccc;}
.patchlist li a{line-height:20px; font-size:12px; color:#000; text-decoration:none; margin-right:2px; }
.patchlist li a:hover{ color:#ff0000;}
.patchlist li span{float:right;}
* html .patchlist li span{float:right;}

/* midAd */
.midAd { height:91px; vertical-align:middle; margin-top:1px; margin-left:5px;}
* html .midAd { height:91px; vertical-align:middle; margin-top:1px; margin-left:3px;}
.midAd ul{float:left;}
.midAd ul li{width:187px; height:91px; float:left; margin-left:2px; margin-right:4px;}
* html .midAd ul li{width:187px; height:91px; float:left; margin-left:2px; margin-right:0px;}
.midAd ul li a{}

/* players */
#players{ width:366px; height:188px; display:block; margin-top:10px; padding-left:20px; float:left;}

.menu3{height:22px;width:150px;float:right;padding-top:8px;}
.menu3 li{text-align:center;float:left;height:22px;width:40px;color:#333333; font-size:12px;}
.menu3 .cell_open{float:left;height:22px;width:40px;color:#ff0000;text-align:center;overflow:hidden;}

.cell-con-open{height:auto;width:350px;float:left; padding-top:18px;}
.cell-con-close{height:auto;width:350px;float:left;display:none;overflow:hidden; padding-top:18px;}

.guild{ clear:both; padding-top:10px;}
.guildMore,.guildMore a{ color:#000000;}
.guildImg{width:126px;height:100px;float:left;}
.guildImg img{float:left;}
.guildImg h3{ height:24px; margin-top:14px;}

.guildlist{ width:216px; height:168px; overflow:hidden; float:left;}
.guildlist ul{ margin:0; padding:0;}
.guildlist li{ font-size:12px; color:#000; border-bottom:1px solid #ccc;line-height:20px; background:url(../obimg/newsIcon_01.jpg) no-repeat 4px 4px; width:180px; height:20px; overflow:hidden; padding-left:16px;}
.guildlist li a{line-height:20px; font-size:12px; color:#000; text-decoration:none; margin-right:2px; }
.guildlist li a:hover{color:#ff0000;}
.guildlist li span{float:right;}


.playPho{ width:360px; height:160px; display:block; overflow:hidden; clear:both; }
.phoMore,.phoMore a{ color:#000000; clear:both; line-height:28px; text-align:right; padding-right:20px; text-decoration:none;}
.phoMore a:hover{ text-decoration:underline;}
.photo{ width:162px;height:160px;text-align:center; float:left; padding-right:4px; padding-left:1px;}
.phoPho{ width:162px; height:109px; padding-left:7px;}
.phoName{font-size:14px; line-height:20px; padding-top:4px; }
.phoName a{color:#000; text-decoration:none;}
.phoName a:hover{color:#ff0000;}


/* paiders */
#paiders{ width:390px; height:200px; display:block; overflow:hidden; float:left;}
#paidersTitle{ height:28px; margin-bottom:10px; padding-top:10px;}
#paidersTitle .more{ float:right;width:32px; height:28px; display:block;}

#paidersLeft{ width:180px; height:160px; float:left;}
#paidersRight{ width:175px; float:right; }

.paidersKeywords{ width:180px; display:block;padding-bottom:2px; border-bottom:1px dashed #333; margin-bottom:10px; padding-top:4px;margin-left:10px;}
.paidersKeywords h4{ margin-bottom:4px;}
.paidersKeywords p{padding-top:2px; line-height:18px; font-size:12px; }
.paidersKeywords p a{ color:#000000; text-decoration:none;}
.paidersKeywords p a:hover{ text-decoration:underline;}

.paidersHot{ width:200px;margin-top:2px; font-size:12px;padding-left:10px;}
.paidersHot li{ line-height:18px;}
.paidersHot li a{ color:#000000; text-decoration:none;}
.paidersHot li a:hover{ color:#ff0000;}

.paidersList{ width:176px; height:168px; overflow:hidden; float:right;padding-top:14px;}
.paidersList ul{ margin:0; padding:0;}
.paidersList li{ font-size:12px; color:#000; border-bottom:1px solid #ccc;line-height:22px; background:url(../obimg/newsIcon_01.jpg) no-repeat 4px 4px; width:176px; height:22px; overflow:hidden; text-indent:16px;}
.paidersList li a{ font-size:12px; color:#000; text-decoration:none; margin-right:2px; }
.paidersList li a:hover{ color:#ff0000;}
.paidersList li span{float:right;}

/* top list */
#topList{ width:322px; height:168px; display:block; overflow:hidden; float:left; padding-left:20px;}
#topListTitle{ height:28px; margin-bottom:20px; padding-top:10px;}
#topListTitle .more{ float:right;width:32px; height:28px; display:block;}
#topList ul{ width:314px; height:30px; border-bottom:1px dashed #5e5e5e; margin-left:4px;}
#topList ul li{ width:104px; line-height:30px; font-size:13px; font-weight:bold; background:url(../obimg/newsIcon_02.jpg) no-repeat 0 6px; float:left; text-indent:18px;}
#topList ul li a{ color:#000000; text-decoration:none;}
#topList ul li a:hover{ color:#ff0000;}

/* know */
#know{ width:390px; height:190px; display:block; overflow:hidden; float:left; padding-left:48px;}
#knowTitle{ height:28px; margin-bottom:6px; padding-top:10px; background-image: url(../obimg/knowTitle.jpg); background-repeat: no-repeat;}
#knowTitle .title{ float:left;width:107px; height:28px; display:block; visibility: hidden; margin-left: 27px; _margin-left: 14px;}
#knowTitle .link{ float:left;width:109px; height:28px; display:block; margin-left: 33px; margin-left: 33px;}
#knowTitle .more{ float:right;width:32px; height:28px; display:block;}
#knowSearch-sina{ display: none;}

/*#know h4{margin-bottom:2px; margin-top:4px;}
.knowSearch { margin-left:14px; height:22px; background:url(../obimg/keyword.gif) no-repeat 0 4px; overflow:hidden; font-size:12px; line-height:22px; padding-left:60px;} 
.knowSearch a{ color:#000000; text-decoration:none; line-height:20px;}
.knowSearch .txt{ width:125px; height:18px; border:1px solid #909090; line-height:18px;  color:#999; font-size:12px;}



.knowList{ width:370px; height:168px; overflow:hidden; float:left;}
.knowList ul{ margin:0; padding:0;}
.knowList li{ font-size:12px; color:#000; border-bottom:1px solid #ccc;line-height:20px; background:url(../obimg/newsIcon_01.jpg) no-repeat 4px 4px; width:330px; height:20px; overflow:hidden; padding-left:16px;}
.knowList li a{line-height:20px; font-size:12px; color:#000; text-decoration:none; margin-right:2px; }
.knowList li a:hover{ color:#ff0000;}
.knowList li span{float:right;}*/

/* showPic */
.showPic{ width:252px; height:124px; float:left; margin-left:3px; *margin-left:3px !important; *margin-left:1px; margin-right:3px;}
.showPic h5{ text-align:center;}
.showImgBig{ margin-top:10px;}
.showImg{ width:121px; height:91px; display:block; background:url(../obimg/showImgBg.jpg) no-repeat 0 0; float:left; padding-top:2px; padding-left:3px; }



.bpic{width:126px;height:110px;background:url(images/bz_bg.jpg) no-repeat 0 0; text-align:center; float:left; padding-right:1px; padding-left:1px;}
.bpicImg{ width:111px; height:84px; padding-top:7px; padding-left:7px;}



