@charset "utf-8";

*{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;  list-style:none; }
body { color:#000; text-align:center; background: url(../images/bg.jpg) repeat-x 0 30px #7aff99; line-height:20px; }
body#new,
body#downloadPage,
body#community,
body#gettingPage,
body#guidePage,
body#infoPage,
body#featuresPage{background: url(../images/bg1.jpg) repeat-x 0 30px #BAFF7A;}
table,td,th,body{font-size:11px;}
img{ border:none;}
.clear{ clear: both; width:0; height:0; overflow:hidden;}
.red{ color:#f00;}
a:link, a:visited{ color:#000; text-decoration:none;}
.simpleTable{ border:1px solid #dfdfdf; background:#f4fbf5; border-collapse:collapse; border-width:1px 0 0 1px; margin:0 auto;}
.simpleTable td{ border:1px solid #dfdfdf; border-width:0 1px 1px 0;}
.tableStyle{ border:none; background:none;  border-width:0;}
.tableStyle td, .tableStyle th{ background:none; border-width:0;  padding:0.1em;}
#pageContent table{ margin:0 auto;}

#container{ text-align:left; width:1002px; float:left; position:relative; background:url(../images/bg_wrapper.gif) repeat-y;}
body#new #container, 
body#downloadPage #container,
body#community #container,
body#gettingPage #container,
body#guidePage #container,
body#infoPage #container,
body#featuresPage #container{ background:url(../images/bg_wrapper1.gif) repeat-y;}
#header{ height:294px; position:relative; }
#time1{ color:#fff; font-weight:bold; line-height:14px; font-size:10px; position:absolute;top:10px; left:827px;}
#extraLeft{  width:71px; height:317px; position:absolute; top:294px; left:0;}
body#new #extraLeft, 
body#downloadPage #extraLeft,
body#community #extraLeft,
body#gettingPage #extraLeft,
body#guidePage #extraLeft,
body#infoPage #extraLeft,
body#featuresPage #extraLeft{background:url(../images/extra_left1.jpg) no-repeat;}
#extraRight{ width:110px; height:346px; position:absolute; top:294px; right:0;}
#wrapper{ background:url(../images/bg_wrapper1.jpg) left bottom no-repeat;padding-bottom:80px; float:left; height:780px; min-height:780px; width:1002px;  }
[id]#wrapper{ height:auto;}
#leftColomn{ width:180px; float:left; margin-left:60px; display:inline;}
.inputStyle1{ border:1px solid #e4e9ef; border-top:1px solid #aaadb2; width:120px; line-height:16px; height:18px;}
#loginAera{ background:url(../images/bg_login.jpg) no-repeat; padding-left:15px; padding-top:50px; overflow:hidden;}
#loginAera div{ line-height:14px; margin-bottom:5px;}
#mainNav{ background:url(../images/bg_menu.gif) left bottom no-repeat; padding:0 15px; padding-bottom:50px;   }
#mainNav img{ margin-bottom:3px;}
#mainNav ul{ background:#dafcfb; margin-bottom:4px; padding:3px 0 5px 0}
#mainNav li{ background:url(../images/pic_arrow.gif) 5px center no-repeat; padding-left:12px;}
#mainContent{ width:647px; float:left; margin-left:5px; }
#pageContent{ width:95%; margin:0 auto; margin-top:7px; background:#fbfbfb; border:1px solid #eaeaea; padding:5px 10px; height:780px; min-height:780px; color:#333; }
[id]#pageContent{ height:auto; }
#pageContent table{border:1px solid #c3d3b4; border-collapse:collapse; background:#fff; border-width:1px 0 0 1px;}
#pageContent table td, #pageContent table th{border:1px solid #c3d3b4; border-width:0 1px 1px 0; padding:0.1em;}
#pageContent p{ margin-bottom:10px;}
#pageContent a:link, #pageContent a:visited{ text-decoration:underline;}
#pageContent a:hover{ color:#900; text-decoration:underline;}
#pageContent .title{ height:30px; line-height:25px;  font-weight:bold;}
#pageContent .title .date{ float:right; font-size:10px;}
#divide{ text-align:center; border-top:1px solid #c5ead3;}
#divide a:link, #divide a:visited, #divide a:hover{ color:#666; text-decoration:none;}

/* news */
body#new #search{ height:27px; background:url(../images/bg_search1.gif) no-repeat; text-align:center;}
body#new #extraRight{background:url(../images/extra_right1.jpg) no-repeat; }
body#new #header{ background:url(../images/banner_1.jpg) no-repeat;}
body#new #pageTitle{ background:url(../images/bg_page_title2.gif) no-repeat; height:31px;}
#pageContent ul.newsList{ width:99%; margin:0 auto;}
#pageContent ul.newsList li{ height:22px; line-height:22px; border-bottom:1px dashed #a9a9a8; padding-left:5px; }
#pageContent ul.newsList li div{ float:right; margin-right:10px;}


/* download  */
body#downloadPage #search{ height:27px; background:url(../images/bg_search2.gif) no-repeat; text-align:center;}
body#downloadPage #pageTitle{background:url(../images/bg_page_title3.gif) no-repeat; height:32px;}
body#downloadPage #pageTitle2{background:url(../images/bg_page_title5.gif) no-repeat; height:32px;}
body#downloadPage #extraRight{background:url(../images/extra_right2.jpg) no-repeat; }
body#downloadPage #header{background:url(../images/banner_2.jpg) no-repeat;}
body#downloadPage #pageContent{ margin-top:0;}
#downloadTab{ margin-left:5px; height:23px; overflow:hidden; margin-top:8px;}
#downloadTab li{ float:left; margin-right:3px;}
.wallpaper{width:187px; float:left; margin:10px 8px; display:inline; font-size:10px;}
.wallpaper li{ line-height:20px; background:url(../images/pic_arrow3.gif) left center no-repeat; padding-left:8px;}
.wallpaper li div{ float:right; margin-right:2px;}
.video{ margin-bottom:30px;}
.video ul li{ width:290px; text-align:center;} 
#video_show { width:290px; float:left;}
#video_show .showpic { padding-top:10px;}
#video_show .title23 { font-size:13px; height:30px;}
#video_sjpw .downbtn { border:0; height:30px;}

/* community */
body#community #pageTitle{background:url(../images/bg_page_title6.gif) no-repeat; height:32px; }
body#community #pageTitle2{background:url(../images/bg_page_title7.gif) no-repeat; height:32px; }
body#community #pageTitle3{background:url(../images/bg_page_title8.gif) no-repeat; height:32px; }
body#community #pageTitle4{background:url(../images/bg_page_title18.gif) no-repeat; height:32px; }
body#community #search{ height:27px; background:url(../images/bg_search3.gif) no-repeat; text-align:center;}
body#community #extraRight{background:url(../images/extra_right3.jpg) no-repeat; }
body#community #header{background:url(../images/banner_3.jpg) no-repeat;}
body#community #pageContent{ margin-top:0;}
#communityTab{margin-left:5px; height:21px; overflow:hidden; margin-top:8px;}
#communityTab li{ float:left; margin-right:3px;}
#photoInfo{ border-bottom:1px solid #c5ead3; float:left; margin-top:5px;}
#photoInfo .pageInfo{ float:left;}
#photoInfo .pageBtn{ float:right;}
.photo{ float:left; margin:15px 0 30px 0px; width:200px; height:220px; text-align:center;}
.photo li{}
#comment{ padding-top:5px; border-top:1px solid #c5ead3;} 

/* getting */
body#gettingPage #pageTitle{background:url(../images/bg_page_title9.gif) no-repeat; height:32px;}
body#gettingPage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#gettingPage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#gettingPage #header{ background:url(../images/banner_4.jpg) no-repeat;}
body#gettingPage #pageContent{ margin-top:0;}

/* guide */
body#guidePage #pageTitle{background:url(../images/bg_page_title10.gif) no-repeat; height:32px;}
body#guidePage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#guidePage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#guidePage #header{ background:url(../images/banner_4.jpg) no-repeat;}
.articleTitle{ font-size:16px; font-weight:bold; margin-top:10px; font-variant:small-caps;}
.guideNav{ width:95%; margin:5px auto; font-variant:small-caps;}
.guideNav a:link, .guideNav a:visited{ text-decoration:underline;}
.guideNav a:hover{ color: #006699}
#nav1 a{ display:block; float:left; border:1px solid #000;}

.GuideItem{ clear:both; width:615px; padding:15px 10px; background:#FBFBFB; border:1px solid #EAEAEA;}
.GuideItemL{ float:left; width:225px;}
.GuideItemR{ float:left; width:378px; padding-left:11px;}
.GuideTopNews{ clear:both; width:615px;}
.GuideItemAd{ float:left; width:222px; height:122px; padding-right:4px;}
.GuideNews{ float:left; width:355px; padding:32px 10px 0 20px; height:91px; background:url(../images/guide/itemnewsbg.jpg) no-repeat; font-size:11px; text-align:left; line-height:11px;}
.GuideNews ul{ padding:0; margin:0; width:355px; list-style:none; height:86px;}
.GuideNews li{ clear:both; width:353px; height:18px; padding-top:6px; padding-left:2px; background:url(../images/guide/itemnewsdot.gif) repeat-x bottom;}
.GuideNews li a{ text-decoration:none;}
.GuideNews li a:hover{ text-decoration:none; color:#FF6600;}
.GuideNews li div{ float:right; padding-right:2px;}
.GuideNewsMore{ clear:both; padding-left:300px; width:35px; height:5px;}

.GuideHowTo{ clear:both; width:616px; height:45px; margin:15px 0; padding:0; background:#FFFFFF; border:1px dashed #EEEEEE;}
.GuideHowTo .BtnCard{ float:left; height:45px; padding-right:5px; padding-left:5px;}
.GuideHowTo .BtnArrow{ float:left; width:12px; height:45px; padding-top:5px;}
.GuideHowTo .BtnItem{ float:left; padding-left:5px; padding-right:5px; padding-left:5px; height:45px;}
.GuideItemLead{ clear:both; width:605px; padding:12px 5px; line-height:24px;}
.GuidePopularTop{ clear:both; width:225px; height:30px; background:url(../images/guide/titlemostpolular.gif) no-repeat;}
.GuidePopularMain{ clear:both; width:205px; padding:0 12px 0 8px; background:url(../images/guide/titlemostpolularbg.gif) repeat-y;}
.GuidePopularFoot{ clear:both; width:225px; height:15px; background:url(../images/guide/titlemostpolularfoot.gif) no-repeat;}
.GuidePopularList{ clear:both; width:185px; height:45px; padding:12px 10px 5px 10px; background:url(../images/guide/titlemostpolularline.gif) bottom no-repeat; text-align:left;}
.GuidePopularList div{ float:left; width:55px; height:45px;}
.GuideBoxTop{ clear:both; width:378px; height:30px;}
.GuideBoxMain{ clear:both; width:378px; padding-top:10px; background:url(../images/guide/itemboxbg.gif) repeat-y;}
.GuideBoxList{ float:left; padding:5px 0 10px 13px; width:170px; line-height:15px; text-align:left;}
.GuideBoxList div{ float:left; width:55px; height:45px;}
.GuideBoxList dt{ float:left; width:115px;}
.GuideOrange{ color:#FF3300;}
.GuideBoxFoot{ clear:both; width:378px; height:15px; background:url(../images/guide/itemboxfoot.gif) no-repeat; padding-bottom:10px;}
.clear{ clear: both; width:0; height:0; overflow:hidden;}
.MallTip{ clear:both; width:355px; padding:34px 10px 0 12px; height:139px; background:url(../images/guide/itemtipbg.gif) no-repeat; font-size:11px; text-align:left; line-height:11px;}
.MallTip ul{ padding:0; margin:0; width:355px; list-style:none; height:134px;}
.MallTip li{ clear:both; width:353px; height:18px; padding-top:6px; padding-left:2px; background:url(../images/guide/itemnewsdot.gif) repeat-x bottom;}
.MallTip li a{ text-decoration:none;}
.MallTip li a:hover{ text-decoration:none; color:#FF6600;}
.MallTipMore{ clear:both; padding-left:300px; width:35px; height:5px;}

/* game info */
body#infoPage #pageTitle{background:url(../images/bg_page_title12.gif) no-repeat; height:32px;}
body#infoPage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#infoPage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#infoPage #header{ background:url(../images/banner_4.jpg) no-repeat;}

/* game features */
body#featuresPage #pageTitle{background:url(../images/bg_page_title14.gif) no-repeat; height:32px;}
body#featuresPage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#featuresPage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#featuresPage #header{ background:url(../images/banner_4.jpg) no-repeat;}