/* 口袋精灵官方网站 */

*{margin:0px;padding:0px;list-style:none;text-decoration:none;font-family:Arial;}
body{background:#31A880 url(../images/body_bg.jpg) repeat-x;}


/* header */
#header{position:absolute;width:100%;}
#header_wrap{position:relative;margin:0 auto;width:1000px;}
#header_wrap .nav{position:absolute;z-index:999;}
#header_wrap .flash{position:absolute;background:url(../images/header_flash.jpg);top:80px;}


/* main */
#main{}
#main_wrap{position:relative;width:978px;margin:0 auto;padding:239px 22px 0 0;}


/* main sidebar */
#main_wrap #sidebar{width:235px;float:left;position:relative;}
#main_wrap #sidebar .intoGames{position:absolute;top:0;left:0;z-index:999;}


/* login */
#main_wrap #sidebar .login{background:url(../images/login.gif) no-repeat 10px 155px;height:330px;padding:182px 0 0;position:relative;}
#main_wrap #sidebar .login a.register{width:75px;height:47px;display:block;position:absolute;top:196px;left:40px;}
#main_wrap #sidebar .login a.carregar{width:75px;height:50px;display:block;position:absolute;top:196px;right:25px;}
#main_wrap #sidebar .login a.newbieGuide{width:181px;height:78px;display:block;position:absolute;top:255px;left:33px;}
#main_wrap #sidebar .login ul.recommendedServer{width:142px;position:absolute;top:380px;left:55px;font-size:12px;text-align:center;}
#main_wrap #sidebar .login ul.recommendedServer li{background:url(../images/recommendedServer.gif) no-repeat;height:27px;line-height:27px;padding:0 0 7px;}
#main_wrap #sidebar .login ul.recommendedServer li a{color:#3B6F5F;display:block;}
#main_wrap #sidebar .login ul.recommendedServer li span{float:right;padding:0 5px 0 0;color:#FF0058;}
/* recommendedHot */
#main_wrap #sidebar .recommendedHot{background:url(../images/recommendedHot.gif) no-repeat 22px 0;height:376px;padding:0 0 6px;position:relative;}
#main_wrap #sidebar .recommendedHot ul{background:url(../images/recommendedHot_bg.gif) no-repeat;width:166px;height:123px;position:absolute;top:57px;left:46px;}
#main_wrap #sidebar .recommendedHot ul li{height:27px;padding:0 0 5px 0 !important;padding:0 0 1px 0;}
#main_wrap #sidebar .recommendedHot ul li a{width:76px;height:27px;display:block;float:left;margin:0 7px 0 0;}
/* callCenter */
#main_wrap #sidebar .callCenter{background:url(../images/callCenter) no-repeat 27px 0;height:167px;position:relative;}
#main_wrap #sidebar .callCenter p{position:absolute;width:122px;top:50px;left:84px;line-height:30px;color:#5F8351;font-weight:bold;font-size:15px;}
#main_wrap #sidebar .callCenter p a{color:#5F8351;}




/* main content */
#main_wrap #content{width:743px;float:right;position:relative;padding:37px 0 0;}
/* newsList */
#main_wrap #content .newsList{behavior:url("iepngfix.htc");background:url(../images/newsList.png) no-repeat;height:472px;position:relative;}
#main_wrap #content .newsList .flash{width:358px;height:351px;position:absolute;top:111px;left:11px;}
#main_wrap #content .newsList ul.tabMenu{position:absolute;width:300px;top:69px;left:389px;}
#main_wrap #content .newsList ul.tabMenu li{padding:0 0 0 8px;height:30px;}
#main_wrap #content .newsList ul.tabMenu li a{width:80px;height:29px;display:block;margin:0 10px 0 0;float:left;}
#main_wrap #content .newsList ul.tabMenu li a.newsCoverage:hover{background:url(../images/newsList_tabMenu.jpg) no-repeat -9px 0;}
#main_wrap #content .newsList ul.tabMenu li a.activities:hover{background:url(../images/newsList_tabMenu.jpg) no-repeat -99px 0;}
#main_wrap #content .newsList ul.tabMenu li a.systemNotice:hover{background:url(../images/newsList_tabMenu.jpg) no-repeat -189px 0;}

#main_wrap #content .newsList a.more{width:32px;height:20px;display:block;position:absolute;right:23px;top:81px;}
#main_wrap #content .newsList a.shopMore{width:32px;height:20px;display:block;position:absolute;right:23px;top:345px;}

#main_wrap #content .newsList h1 a{position:absolute;font-size:14px;color:#B1770B;top:144px;left:395px;}
#main_wrap #content .newsList ul.list{position:absolute;width:332px;top:175px;left:389px;font-size:12px;}
#main_wrap #content .newsList ul.list li{height:26px !important;height:23px;line-height:26px !important;line-height:23px;border-bottom:1px #5F8351 dashed;}
#main_wrap #content .newsList ul.list li a{color:#5F8351;}
#main_wrap #content .newsList ul.list li span{float:right;padding:0 7px 0 0;color:#5F8351;}

#main_wrap #content .newsList ul.product{position:absolute;width:350px;top:374px;left:382px;font-size:12px;text-align:center;}
#main_wrap #content .newsList ul.product li{float:left;padding:8px 4px 0 0;width:52px;height:50px;background:url(../images/productBg.gif) no-repeat;}
#main_wrap #content .newsList ul.product li a{border:none;color:#5F8351;display:block;}
#main_wrap #content .newsList ul.product li a img{width:36px;height:36px;border:none;padding:0 8px 10px;}




/* all entry*/
#main_wrap #content .entry{margin:8px 0;}

/* petStories */
#main_wrap #content .entry .petStories{background:url(../images/petStories.gif) no-repeat;float:left;height:166px;width:546px;position:relative;}
#main_wrap #content .entry .petStories img{position:absolute;top:23px;left:22px;}
#main_wrap #content .entry .petStories p{position:absolute;width:318px;top:51px;left:192px;text-indent:24px;font-size:12px;line-height:18px;color:#5F8351;}
#main_wrap #content .entry a.more {width:32px;height:20px;display:block;position:absolute;top:17px;right:22px;}


#main_wrap #content .entry .smallBanner{float:right;}
#main_wrap #content .entry .smallBanner img{width:188px;height:167px;border:none;}

#main_wrap #content .entry .encyclopedia{background:url(../images/encyclopedia.gif) no-repeat;float:left;width:369px;height:196px;}

/* forumHot */
#main_wrap #content .entry .forumHot{background:url(../images/forumHot.gif) no-repeat;float:right;width:366px;height:196px;position:relative;}
#main_wrap #content .entry .forumHot ul{width:337px;position:absolute;top:58px;left:15px;font-size:12px;text-align:right;}
#main_wrap #content .entry .forumHot ul li{height:20px;line-height:20px;color:#5F8351;padding:0 5px 0 0;}
#main_wrap #content .entry .forumHot ul li img{padding:6px 3px 0 0;float:left;}
#main_wrap #content .entry .forumHot ul li a{color:#5F8351;float:left;}
#main_wrap #content .entry .forumHot a.more{width:32px;height:20px;display:block;position:absolute;top:19px;right:16px;}


#main_wrap #content .entry .longBanner1{width:743px;height:79px;}
#main_wrap #content .entry .longBanner1 img{width:367px;height:79px; border:none;float:left;padding:0 0 0 4px;}

/* photos */
#main_wrap #content .entry .photos{background:url(../images/photos.gif) no-repeat;float:left;width:545px;height:166px;position:relative;}
#main_wrap #content .entry .photos .pictureLions{position:absolute;background:url(../images/pictureLions.gif) no-repeat;width:98px;height:100px;top:63px;left:-27px;}
#main_wrap #content .entry .photos ul{position:absolute;width:467px;top:48px;left:75px;}
#main_wrap #content .entry .photos ul li{float:left;background:url(../images/playerPhotoBg.jpg) no-repeat;width:87px;height:101px;padding:7px 11px 0 6px;}
#main_wrap #content .entry .photos ul li img{border:none;}
#main_wrap #content .entry .photos a.more{width:32px;height:20px;display:block;position:absolute;top:17px;right:15px;}


#main_wrap #content .entry .businessCenter{background:url(../images/businessCenter.gif) no-repeat;float:right;width:188px;height:167px;position:relative;}
#main_wrap #content .entry .businessCenter p{position:absolute;font-size:15px;top:53px;left:11px;line-height:25px;color:#5F8351;font-weight:bold;}
#main_wrap #content .entry .businessCenter .pictureSnowman{position:absolute;background:url(../images/pictureSnowman.gif) no-repeat;width:104px;height:55px;top:111px;right:-15px;}




/* clear */
.clear{clear:both;}




/* footer */
#footer{height:300px;clear:both;padding:30px 0 0;position:relative;}
#footer p{background:url(../images/logo.jpg) no-repeat 240px 0;font-size:12px;color:#FEFEFE;line-height:18px;padding:0 0 20px 400px;}



/* content list */
#contentList #main_wrap{padding:309px 22px 0 0;}
#contentList #sidebar{width:235px;float:left;position:relative;padding:63px 0 0;}
#contentList #sidebar dl.entry{background:url(../images/pakeEilContentSidebarBg2.gif) no-repeat 27px bottom;padding:0 9px 25px 27px;margin:0 0 5px;}
#contentList #sidebar dl.entry dt{padding:15px 0 0;}
#contentList #sidebar dl.entry dd{background:url(../images/pakeEilContentSidebarBg1.gif) repeat-y left top;padding:2px 11px;_height:5px;/*解决IE 6.0 对背景排列断续的 bug*/}

#contentList #sidebar dl.newPlayer dt{background:url(../images/pakeEilContentSidebarH1.gif) no-repeat left top;height:240px;text-align:center;position:relative;}
#contentList #sidebar dl.newPlayer dt img{border:none;margin:0 auto;}
#contentList #sidebar dl.newPlayer dt a.tabH{position:absolute;left:55px;top:218px;}
#contentList #sidebar dl.newPlayer dd a{background:url(../images/pakeEilContentLinkBg.gif) no-repeat left top;height:22px;display:block;line-height:22px;text-decoration:none;padding:5px;text-align:right;color:#000;font-family:'Arial';font-size:14px;}

#contentList #sidebar dl.exuberancePlaying dt{background:url(../images/pakeEilContentSidebarH2.gif) no-repeat left top;height:34px;}

#contentList #content{width:743px;float:right;position:relative;padding:0;}
#contentList #content dl.entry{background:url(../images/pakeEilContentBg02.gif) no-repeat center bottom;padding:0 0 39px;}
#contentList #content dl.entry dt{background:url(../images/pakeEilContentBg01.gif) no-repeat center top;height:86px;}
#contentList #content dl.entry dd{background:url(../images/pakeEilContentBg03.gif) repeat-y center bottom;min-height:800px;_height:800px;/*解决IE 6.0 对背景排列断续的 bug*/}
#contentList #content dl.entry dd#newcontent div{padding:0 30px;}


/*shopping_more*/

#contentList #content dl.entry div#shoppingList{margin:0 50px;}
#contentList #content dl.entry div#shoppingList ul li{font-size:12px;height:57px;width:290px;float:left;padding:3px;margin:0 5px 5px 0;}
#contentList #content dl.entry div#shoppingList ul li img{background:url(../images/productBg.gif) no-repeat;float:left;padding:8px 12px 13px 8px;text-align:center;margin:0 10px 0 0;}
#contentList #content dl.entry div#shoppingList ul li span.nameShow,#contentList #content dl.entry div#shoppingList ul li span.titleShow{margin:5px 0 0;padding:0;text-indent:0;display:block;}

#contentList #content dl.entry div#shopping_pager{clear:both; text-align: center;font-size:12px;}
#contentList #content dl.entry div#shopping_pager a{padding:5px;background:#eee;border:#000 1px solid;color:#000;margin:0 5px 0 0;}
#contentList #content dl.entry div#shopping_pager a:hover{background:#aaa;color:#000;}

/*playerList_more*/

#contentList #content dl.entry div#playerList{margin:0 50px;}
#contentList #content dl.entry div#playerList ul li{font-size:12px;height:137px;width:98px;float:left;padding:3px;margin:0 5px 5px 0; text-align:center;}
#contentList #content dl.entry div#playerList ul li img{float:left;padding:5px;text-align:center;border:#eee 1px solid;margin:0 0 5px;}
#contentList #content dl.entry div#playerList ul li span.nameShow,#contentList #content dl.entry div#playerList ul li span.titleShow{display:block;margin:5px 0 0 10px;padding:0;text-indent:0;}

/*end*/

#contentList #content dl.newList dt ul.menu{padding:30px 40px 0 0;list-style:none;}
#contentList #content dl.newList dt ul.menu li{float:right;width:130px;height:35px;line-height:35px;padding:0 0 0 3px;}
#contentList #content dl.newList dt ul.menu li a{display:block;text-indent:-200px;overflow:hidden;width:130px;height:35px;}
#contentList #content dl.newList dt ul.menu li a.logging{background:url(../images/contentMenuBg.jpg) no-repeat left bottom;}
#contentList #content dl.newList dt ul.menu li a.addValue{background:url(../images/contentMenuBg.jpg) no-repeat center bottom;}
#contentList #content dl.newList dt ul.menu li a.serverList{background:url(../images/contentMenuBg.jpg) no-repeat right bottom;}
#contentList #content dl.newList dd h1{text-align:center;background:url(../images/pakeEilContentBgH1Bg.jpg) no-repeat center top;padding:30px 20px 40px 0;font-size:16px;}
/* new list style */
#contentList #content dl.newList dd ul.newList{padding:0 60px;font-size:12px;list-style:none;}
#contentList #content dl.newList dd ul.newList li{height:30px;background:url(../images/newListLiBg.gif) repeat-x left 27px;}
#contentList #content dl.newList dd ul.newList li a{line-height:30px;height:30px;display:block;padding:0 5px;color:#000;text-decoration:none;}
#contentList #content dl.newList dd ul.newList li a:hover{background:url(../images/newListLiLinkBg.gif) repeat-x left top;}
#contentList #content dl.newList dd ul.newList li span.theNews{float:left;}
#contentList #content dl.newList dd ul.newList li span.theDate{float:right;padding:0 5px 0 0;}
#contentList #content dl.newList dd div#pager{text-align:center;color:Black;font-size:14px;}
#contentList #content dl.newList dd div#pager a{color:Purple;}

/* new content */
#contentList #content dl.newList dd h2{font-size:15px;text-align:center;}
#contentList #content dl.newList dd h3{font-size:12px;color:#999;text-align:center;padding:5px;}
#contentList #content dl.newList dd p{font-size:12px;line-height:18px;padding:0 50px 5px;text-indent:24px;}


/*------------ 商品展示 style ------------*/




/*------ table style ------*/
table.borderStyle{border-top:#000 1px solid;border-left:#000 1px solid;margin:0 auto;font-size:12px;}
table.borderStyle th{border-bottom:#000 1px solid;border-right:#000 1px solid;text-align:center;line-height:25px;height:25px;background:#A0F178;}
table.borderStyle td{border-bottom:#000 1px solid;border-right:#000 1px solid;padding:3px 5px;line-height:18px;}
table.borderStyle td.number{text-align:center;}



/* changePage */
#changePage{font-size:12px;text-align:center;padding:20px 0 0;height:35px;line-height:35px;font-family:Arial;}
#changePage a{color:#000;padding:5px;border:#000 1px solid;}
#changePage a:hover{background:#eee;}


/*游戏壁纸 style*/

.bz{width:640px;position:relative;left:50px;}
.bz li{width:135px;height:170px;float:left;text-align:center;padding:5px 10px;}
.bz img{display:block;}
.bz a{font-size:16px;color:black;display:block;font-size:12px;padding:1px;}


/*服务器列表*/

.server_list{width:640px;position:relative;left:50px;}
.server_list li{width:196px;height:9px;float:left;text-align:center;padding:5px 10px;}
.server_list img{border:none;}