﻿@charset "utf-8";

*{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;   list-style:none; font-size:11px; }
body { color:#333; text-align:center; background:url(../images/bg_container.gif) repeat-x #def6ff; line-height:18px;  }
img{ border:none;}
ul,form{ margin:0; padding:0;}
.clear{ clear: both; }
a:link, a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#f60; text-decoration:underline;}
.page{clear:both; text-align:center; width:650px; margin:0 auto; margin-top:15px; }
.breadCrumbs{ color:#fd4e0f; font-weight:bold; font-size:14px;  font-variant:small-caps; position:relative; top:30px; left:30px;}
.breadCrumbs a:link, .breadCrumbs a:visited{color:#fd4e0f; font-weight:bold; font-size:14px; font-variant:small-caps;}
h1{ font-size:16px; font-variant:small-caps; margin:10px 0;}/* for guide pages */
h3{ font-size:14px; font-variant:small-caps; color:#fc4d0e; letter-spacing:1px;  padding-left:25px; float:left; display:block; font-family: Arial, Helvetica, sans-serif; padding-top:10px;}

#header{ background:url(../images/bg_page1.jpg) 50% 0 no-repeat; width:100%;  float:left; height:347px; }
#headerContent{width:985px; margin:0 auto; position:relative; height:347px;}
#search{ background: url(../images/bg_search.gif) no-repeat; height:50px; padding-left:140px; position:absolute; top:285px; left:260px;}
#search form{ padding-top:13px; }
#worldMap{ position:absolute; top: 290px; left:722px;}
#container{ text-align:left; width:985px; margin:0 auto; }
#container1{ float:left; background: url(../images/bg_main.gif) repeat-y #fff; width:100%;}
#footer{ background:url(../images/bg_footer.jpg) 50% 0 no-repeat; width:100%; height: 118px;}

#leftColomn,
#centerColomn,
#rightColomn{ height:1300px;}
#leftColomn{ width:228px; padding-left:21px; float:left;  }
#loginArea{ background:url(../images/bg_login.gif) no-repeat; width:195px; height:119px; position:relative; top:-50px;}
.loginBtn{ position:absolute; top:20px; left:70px;}
.regBtn{ position:absolute; top:55px; left:55px;}
.fpw {position:absolute; top:92px; left:76px; color:#0066CC;}
#loginAreaLogined{background:url(../images/bg_logined.gif) no-repeat; width:131px; height:94px; padding:25px 0 0 64px; position:relative; top:-50px; color:#fff;}
#loginAreaLogined a{ display:block; line-height:25px;}
#loginAreaLogined strong{ color:#f3f441;}
#loginAreaLogined a:link,
#loginAreaLogined a:visited,
#loginAreaLogined a:hover{  color:#fff;}


#mainNav{ background: url(../images/bg_nav_top.gif) no-repeat; padding-top:28px; position:relative; top:-50px; }
#mainNav ul{ width:205px;}
#mainNav li{ text-align:center; width: 205px; _height:29px; min-height:29px; line-height:29px; vertical-align:middle; padding-top:5px; margin-left:7px;}
#mainNav li a{ display:block; height:29px;}
#mainNav .noSub{ background:url(../images/bg_menu_no_sub.gif) no-repeat; }
#mainNav .hasSub{ background:url(../images/bg_menu_sub_add.gif) no-repeat;}
#mainNav .subMinus{ background:url(../images/bg_menu_sub_minus.gif) no-repeat;}
#mainNav  ul.navSub{ margin:0; padding:0; width:206px;}
#mainNav  ul.navSub li{ background:url(../images/bg_nav_sub.gif) no-repeat;width:206px; _height:28px; min-height:28px; line-height:28px;  font-size:12px; font-weight:bold;  margin:0; padding:0; }
#mainNav  ul.navSub li a{ color:#a53811;}
/*#mainNav  ul.navSub li a:hover{ display:block; background:url(../images/bg_nav_sub_hover.gif) 1px 0 no-repeat;}*/
#mainNav .navBottom{ background:url(../images/bg_nav_bottom.gif) no-repeat; height:110px;}
#video{ background: url(../images/bg_video.gif) no-repeat; width:205px; height:222px; margin-left:7px; position:relative; top:-42px;}
#video2{ background: url(../images/bg_video2.gif) no-repeat; width:205px; height:240px; margin-left:7px; position:relative; top:-42px;}
#myspace{ background: url(../images/bg_myspace.gif) no-repeat; width:205px; height:320px; margin-left:7px; position:relative; top:-42px;}
#myspace img{ margin-left:15px; }
#myspace .video1{ margin-top:15px;}

#video img{ margin-left:15px; }
#video2 img{ margin-left:18px; margin-top:10px;  }
#video .video1{ margin-top:15px;}


.more{  float:right; padding-right:20px; padding-top:10px; }
.more1{position:absolute; top:-50px; right:103px;}
.more2{position:absolute; top:-45px; right:90px;}
.more3{position:absolute; top:-48px; left:95px;}
.more a:link,.more a:visited,.more1 a:link,.more1 a:visited,.more2 a:link,.more2 a:visited,.more3 a:link,.more3 a:visited{font-size:10px;font-family:Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold;}
.more a:hover,.more1 a:hover,.more2 a:hover,.more3 a:hover{ color:#f60;}
.uploadBtn{ position: absolute; top:-35px; right:8px;}


#centerColomn{  width:480px; float:left; position:relative; top:-10px; }
#adv{ width:471px; height:161px; background:url(../images/bg_ads.gif) no-repeat; position:relative;}
#adv img{ width:459px; height:149px; margin:5px 0 0 6px;}
#adv .nums{  position:absolute; right:5px; bottom:10px; float:right;  }
#adv .nums .btn{background:#ebebeb; width:18px; height:18px;display:block; font-weight:bold; color:#000; line-height:18px; text-align:center; cursor:hand; margin-right:4px; float:right;}
#adv .nums .button_activ{ cursor:hand; background:#58c5f0; width:18px; height:18px;display:block; font-weight:bold; color:#fff; text-align:center; line-height:18px; margin-right:4px; float:right;}

#notice{ height:34px; font-size:16px; background:url(../images/pic_arrow.gif) left center no-repeat; padding-left:16px; line-height:34px; color:#1b4050; }
#notice strong{ font-variant:small-caps; font-size:11px; color:red; }
#news{ background:url(../images/bg_news_repeat.gif) repeat-y; width:100%;}
#newsTop{ background:url(../images/bg_news_top.gif) no-repeat; height:58px; position:relative;}
#newsBottom{ background:url(../images/bg_news_bottom.gif) no-repeat; height:14px;}
ul.tabs{ float:left; margin-top:21px; margin-left:5px;}
ul.tabs li{ float:left; width:79px; height:24px; text-align:center; margin-left:3px; line-height:22px; }
ul.tabs li.selected{ background:url(../images/tab_selected.gif) no-repeat;}
ul.tabs li.unselected{ background:url(../images/tab_unselected.gif) no-repeat;}
ul.tabs li.selected1{ background:url(../images/tab_selected3.gif) no-repeat;}
ul.tabs li.unselected1{ background:url(../images/tab_unselected3.gif) no-repeat;}
ul.tabs li.selected2{ background:url(../images/tab_selected2.gif) no-repeat;}
ul.tabs li.unselected2{ background:url(../images/tab_unselected2.gif) no-repeat;}

.tabs0702{ float:left; margin-top:21px; margin-left:5px;}
.tabs0702 li{ float:left; height:24px; text-align:center; margin-left:3px; font-weight:bold;  color:#1a4251;line-height:22px; _display:inline; background:url(../images/tab_0702.png) right top no-repeat;}
.tabs0702 li a{ display:block; background:url(../images/tab_0702_l.png) left top no-repeat; font-weight:bold;height:24px; float:left; padding:0 10px; text-decoration:none; }
.tabs0702 li.selected{background:url(../images/tab_0702_current.png) right top no-repeat; font-weight:bold; color:#1a4251;}
.tabs0702 li.selected a{background:url(../images/tab_0702_l_current.png) left top no-repeat; font-weight:bold; color:#1a4251;}

ul.tabs li a:link,
ul.tabs li a:visited{color:#1a4251; font-variant:small-caps; font-weight:bold;}
ul.tabs li a:hover{ color:#f60; text-decoration:none;}
ul.tabs li a{ display:block;} 
ul.whatsNew li{ padding-left:53px; margin-left:20px;  width:80%; border-bottom:1px dashed #cdcdcd; line-height:20px;}
ul.whatsNew2 li{ line-height:24px;}
ul.whatsNew li.act{ background:url(../images/icon_act.gif) 0 center no-repeat; }
ul.whatsNew li.notices{background:url(../images/icon_notices.gif) 0 center no-repeat; }
ul.whatsNew li.other{background:url(../images/icon_other.gif) 0 center no-repeat; }
ul.whatsNew li.tip{background:url(../images/icon_tips.gif) 0 center no-repeat; }
ul.whatsNew li.journalist{background:url(../images/icon_jour.gif) 0 center no-repeat; }
ul.whatsNew li.story{background:url(../images/icon_story.gif) 0 center no-repeat; }
ul.whatsNew li div{ float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#666;}
ul.whatsNew li a{}
#itemMall{ background:url(../images/bg_item_mall.gif) no-repeat; width:471px; height:170px; position:relative;}
#itemMall h3{font-size:14px; font-variant:small-caps; color:#fc4d0e; letter-spacing:1px; float:left; display:block; font-family: Arial, Helvetica, sans-serif; margin:0;  padding:1px 0 0 6px;}
#itemMall .more{font-size:10px; float:right; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; padding-right:10px;  font-variant:small-caps;}
#buyPointCard{  position:absolute; top:24px; left:220px;}
#buyItem{position:absolute; top:24px; left:330px;}
#auction{ position:absolute; top:24px; left:400px;}
#buyPointCard a:link,
#buyPointCard a:visited,
#buyItem a:link,
#buyItem a:visited,
#auction a:link,
#auction a:visited{font-variant:small-caps;color:#50a3c1; font-size:11px; font-weight:bold; }
#buyPointCard a:hover,
#buyItem a:hover,
#auction a:hover{ color:#f60;}
#hotItem,
#newItem,
#promotion{float:left; height:110px; margin-top:52px; display:inline;}
#hotItem{ width:135px; margin-left:20px;margin-top:73px; height:auto; }
#newItem{ width:137px; margin-left:15px;}
#promotion{ width:136px; margin-left:15px; }
#tip{ background:url(../images/bg_tip.gif) no-repeat; width:471px; height:200px; position:relative;}
#ssPhoto{ background:url(../images/bg_photo.gif) no-repeat; width:471px; height:174px; position:relative;}
.ss{ margin-top:18px;}
.ss img{ margin-left:26px;}
#wpPoll{ background:url(../images/bg_wp.gif) no-repeat; width:471px; height:180px; margin-top:5px; position:relative;}
.wallPaper{ width:171px; float:left;}
.wallPaper h3{font-size:14px; font-variant:small-caps; color:#fc4d0e; letter-spacing:1px; float:left; display:block; font-family: Arial, Helvetica, sans-serif; margin:0;  padding:10px 0 0 15px;}
.wallPaper .more{font-size:10px; float:right; font-family:Arial, Helvetica, sans-serif; margin:0; padding:9px 10px 0 0;  font-variant:small-caps;}
.poll{ width:282px; float:left;}

#rightColomn{ width:250px; float:right;position:relative; top:-10px;  }
#imgAd{ }
#imgAd img{ margin-bottom:10px;}
#quickLinks{ margin-bottom:10px;}
#quickLinks ul{ width:184px; margin-left:14px;}
#quickLinks li{ height:31px; border-bottom:1px dashed #ccc; background:url(../images/pic_arrow2.gif) 2px center no-repeat; padding-left:28px; line-height:31px;}
.moduleTop{ background:url(../images/bg_module_top.gif) no-repeat; height:32px; width:223px;}
.moduleBottom{ background:url(../images/bg_module_bottom.gif) no-repeat; height:18px; width:223px;}
.content{ border-left:1px solid #d2e8e6; border-right:7px solid #d2e8e6; width:215px;}
#friendLinks{ margin-bottom:10px;}

/* 子页 */
#subPageMain{ width:709px; float:left; position:relative; top:-51px;}
#subPageMainTop{ background:url(../images/bg_subpage_top.gif) no-repeat; height:51px;}
#subPageMainContent{ clear:both; width:671px; border-left:1px solid #d5e9e8; border-right:7px solid #d5e9e8; min-height:1000px; height:1000px; padding:15px;}
[id]#subPageMainContent{ height:auto;}
#subPageMainBottom{ background:url(../images/bg_subpage_bottom.gif) no-repeat; height:20px; }
.banner{ text-align:center; padding:10px 0 0 0;}

/* 新闻列表 */
ul.newsList{}
ul.newsList li{ height:24px; line-height:24px;  border-bottom: 1px dashed #c7c7c7;  background:url(../images/pic_arrow3.gif) left center no-repeat; padding-left:10px; }
ul.newsList li.hot{ height:18px; margin-top:5px;}
ul.newsList li span{ color:#17a58b;}
ul.newsList li a:hover{ text-decoration:none;}

/* 新闻内容 */
h5.articleTitle{ color:#036; font-size:16px; font-variant:small-caps; line-height:25px; border-bottom:1px solid #d2e8e5; margin-top:10px;}
.articleDate{ color:#036; margin-bottom:15px;}
.articleContent{ font-size:12px; }
.articleContent p{ margin-bottom:10px; font-size:12px; }

/* 玩家照片列表 */
.upload{ height:20px; border-bottom:1px solid #d2e8e6; margin-top:15px; text-align:right; padding-right:15px;}
.photo{ float:left; margin:15px 15px 0 15px; width:128px; height:210px;}
.photoImg{ background:#e6e6e6; padding:3px; border:1px solid #ccc; width:120px;}
.photoTitle{ text-align:center;}
.photo strong{ color:#06c;}

/* 照片详细页 */
h5.imgTitle{ color:#036; font-size:16px; font-variant:small-caps; line-height:25px; border-bottom:1px solid #d2e8e5; margin-top:10px;}
.photoDetail{ margin:20px 0 0 0; padding-bottom:30px;border-bottom:1px solid #d2e8e5;}
.photoDesc{ padding-top:10px; line-height:30px;}
.photoDesc strong{ color:#036;}

/* 投票页 */
.pollPage{ border-top:1px solid #d2e8e6; margin-top:15px;}
.toupiao{ width:50%; float:left; padding-bottom:20px; padding-top:15px; border-bottom:1px  solid #d2e8e6;}

/* 上传 */
#frm{ margin-top:20px;}
#frm td,#frm th{ border:1px solid #ccc; border-width:0 1px 1px 0; padding:0.2em 0;}
#frm strong{ font-size:12px; color:#3b5888;}
#frm tr{ height:30px;}
#frm th{ text-align:right; padding-right:1em;}
#frm td{ padding-left:1em;}
#frm input.text{ line-height:18px; height:18px; border:1px solid #bdc7d8;}
#frm table{ background:#f7f7f7; border-collapse:collapse; border:1px solid #ccc; border-width:1px 0 0 1px;}
#frm textarea{  border:1px solid #bdc7d8;}