@charset "utf-8";


/* pagecontent table border none */

*{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;  }
ul{ 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; }
.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; height:112px; 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 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;}
#video_show2 { width:290px; float:left; padding-left:20px;}
#video_show2 .showpic { padding-top:10px;}
#video_show2 .title23 { font-size:13px; height:30px;}
#video_sjpw2 .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;}


/* 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;}

/* Level Up Strategy */
#LusWp{ clear:both; margin:15px; width:580px;}
#Lus{ background: url(../images/title_lus.gif) no-repeat; }
#Lus ul{ width:566px; margin:0 auto;}
#Lus li{ height:18px; padding:5px 5px 0 5px; border-bottom:1px dashed #a2a3a2;}
#Lus li a:link,#Lus li a:visited{ color:#3b3c3b; text-decoration:none;}
#Lus li a:hover{ text-decoration:none; color:#960;}
#Lus li div{ float:right; font-size:10px; color:#999;}