/*GLOBAL*/
/*Copyright by adorzhang@gmail.com*/
body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:lightgrey;background: #020202 url(../images/bg_page.jpg) top center repeat-y; min-width:1020px;}

.wrapper{ background:url(../images/top_main.jpg) top center no-repeat; min-width:1000px;}
.container{ width:1020px; margin: 0 auto; position:relative;}
.banner{ background:url(../images/banner_block.png) no-repeat;}
.holder{ position:relative;}
.item-name{ color:#ffbb50;}
.filter{ background:url(../images/filter_ranking_img.png) no-repeat;}
.fl{ float:left;}
.fr{ float:right;}
h1{ font-size:14px; color:#FFF;}
.media{ background:url(../images/media_img.png) no-repeat;}
.rank-sprite{ background:url(../images/menu_ranking.png) no-repeat;}

#header{ height:723px;}
#header .logo{ width:330px; margin: 0 auto; display:block; padding-top:50px;}
#header .nav{ background:url(../images/bg_menu.jpg) top center no-repeat; height:50px; padding-top:13px; margin-top:87px; }
#header .nav li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;position:relative; z-index:500;}
#header .nav li a.news{ background:url(../images/news_img.png)  no-repeat; width:64px; height:22px; display:block; margin-left:28px;}
#header .nav li a.game-guide{ background:url(../images/game_guide_img.png)  no-repeat; width:129px; height:22px; display:block; margin-left:24px;}
#header .nav li a.item-shop{ background:url(../images/item_shop_img.png)  no-repeat; width:115px; height:22px; display:block; margin-left:20px;}
#header .nav li a.community{ background:url(../images/community_img.png)  no-repeat; width:111px; height:22px; display:block;  margin-left:205px;}
#header .nav li a.support{ background:url(../images/support_img.png)  no-repeat; width:88px; height:22px; display:block; margin-left:28px;}
#header .nav li a.download{ background:url(../images/download_img.png)  no-repeat; width:111px; height:22px; display:block ;margin-left:35px;}
#header .login-block{ background:url(../images/register_bar.png) no-repeat; width:461px; height:176px; position:absolute; top:319px; left:274px; z-index:100;}
#header .login-block .register{ background:url(../images/register_img.png) 0 0 no-repeat; width:114px; height:30px; display:block; position:absolute; top:110px; left:28px;}
#header .login-block .register:hover{ background-position: 0 -29px; width:114px; height:30px; display:block;}
#header .login-block .password{ background:url(../images/forgot_password_img.png) 0 0 no-repeat; width:99px; height:46px; display:block; position:absolute; top:100px; right:36px;}
#header .login-block .password:hover{ background-position: 0 -43px; width:99px; height:46px; display:block;}
#header .banner-block{ position:absolute; top:479px; left:53px; width:900px; height:249px; display:block; z-index:50;}

.sub-menu{ background:url(../images/bg_menu.png); position:absolute; top:377px; left:25px; width:970px;  display:block; z-index:500; padding-bottom:10px;}
.sub-menu ul{ display:block; float:left;}
.sub-menu ul li{}
.sub-menu ul li a{ color:#FFF; text-decoration:none;}
.sub-menu ul li a:hover{ color:#33ccec;}
.sub-news-list{ margin-left:10px; width:90px;}
.sub-gameguide-list{ margin-left:0px; width:105px;}
.sub-itemshop-list{ margin-left:50px; width:105px;}
.sub-community-list{ margin-left:215px; width:105px;}
.sub-support-list{ margin-left:40px; width:105px;}
.sub-download-list{ margin-left:20px; width:105px;}

.login{ background:url(../images/login_text.png) 0 0 no-repeat; width:102px; height:31px; display:block; position:absolute; top:105px; right:62px;}

.logout{ background:url(../images/logout.png) no-repeat; width:112px; height:26px; display:block; position:absolute; top:110px; right:56px;}
.logout:hover{ background-position: 0 -26px;}
.free-block{ background:url(../images/frame_free.png) no-repeat; width:210px; height:110px; padding:30px 10px 30px 10px; text-align:center; margin-bottom:5px; color:#ffb83c; font-size:14px;}
.red{ color:#F00;}

.login:hover{ background-position: 0 -30px;}
.login-button{ background:url(../images/login_button.png) no-repeat; width:234px; height:235px; display:block; position:absolute; top:243px; left:374px; z-index:500;}
#header .banner-block .holder{ height:229px; padding:10px 10px 10px 12px;}
#header .banner-block .top-banner-block{ background-position: 0 0; width:900px; height:11px; display:block; position:absolute; top:0; left:0;}
#header .banner-block .left-banner-block{ background-position:0 -11px; width:14px; height:227px; display:block; position:absolute; top:11px; left:0;}
#header .banner-block .right-banner-block{ background-position: -884px -11px; width:16px; height:227px; display:block; position:absolute; top:11px; right:0;}
#header .banner-block .bottom-banner-block{ background-position: 0 -238px; width:900px; height:11px; display:block; position:absolute; left:0; bottom:11px;}
#header .banner-block .num-banner-list{ position:absolute; bottom:20px; right:20px;}
#header .banner-block .num-banner-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;}
#header .banner-block .num-banner-list li a{ background:url(../images/bullet_list.png) -15px 0 no-repeat; width:15px; height:13px; display:block;}
#header .banner-block .num-banner-list li a:hover{ background-position: 2px 0;}
#header .banner-block .num-banner-list li a.selected{ background-position: 2px 0;}

#content{ margin-top:20px; }
#content .col-1{}
#content .col-1 .status-server-block{ background:url(../images/status_server_block.png) no-repeat; width:241px; height:288px; display:block;}
#content .col-1 .status-server-block .status-block{ width:219px; height:58px; display:block; margin:10px; padding-top:55px;}
#content .col-1 .status-server-block .status-block .online{ background:url(../images/online_img.png) no-repeat; width:190px; height:63px; display:block; margin:auto; }
#content .col-1 .status-server-block .status-block .offline{ background:url(../images/offline_img.png) no-repeat; width:225px; height:59px; display:block; margin:auto;}
#content .col-1 .status-server-block .item-mall-block{width:219px; height:58px; display:block; margin:45px 10px 10px 10px; position:relative;}
#content .col-1 .status-server-block .item-mall-block .item-mall-list{ margin-left:20px; display:block; padding-top:8px;}
#content .col-1 .status-server-block .item-mall-block .next{ background:url(../images/next_img.png )0 0 no-repeat; width:17px; height:26px; display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; position:absolute; top:25px; right:0px;}
#content .col-1 .status-server-block .item-mall-block .next:hover{ background-position:0 -28px;}
#content .col-1 .status-server-block .item-mall-block .prev{ background:url(../images/prev_img.png) 0 0 no-repeat; width:17px; height:26px;display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; position:absolute; top:25px; left:1px;}
#content .col-1 .status-server-block .item-mall-block .prev:hover{ background-position:0 -28px;}
#content .col-1 .status-server-block .item-mall-block .item-mall-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; margin: 0 1px; text-align:center; width:56px; overflow:hidden;}
#content .col-1 .status-server-block .item-mall-block .item-mall-list li a img{border:2px solid #546fa6;}
#content .col-1 .isi-vcoin-block{}
#content .col-1 .isi-vcoin-block .isi-vcoin{ background:url(../images/isi_vcoin.png) no-repeat; width:244px; height:68px; display:block;}
#content .col-1 .isi-vcoin-block .isi-vcoin a{ display:block; width:244px; height:68px;}
#content .col-1 .isi-vcoin-block .isi-center{ display:block; background:url(../images/isi_vcoin_center.png) 0px 0 repeat-y; width:244px; list-style:none;}
#content .col-1 .isi-vcoin-block .isi-center .isi-vcoin-list{ margin-left:18px; padding-top:5px; padding-bottom:5px;}
#content .col-1 .isi-vcoin-block .isi-center .isi-vcoin-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;}

.top-item{ background:url(../images/top_item.png) no-repeat; height:29px; width:1px; display:block; margin-left:20px;}
.center-item{ background:url(../images/bg_isi_vcoin.png) repeat-y; margin-left:20px;}

.center-item .item-group-list{}
.center-item .item-group-list li{display:block;}
.center-item .item-group-list li a{ text-transform:uppercase; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; height:20px; display:block; padding-left:15px;}
.center-item .item-group-list li a:hover{ background:url(../images/bg_sellect_menu_img.png) no-repeat; width:213px; height:20px; display:block;}
.center-item .item-group-list li a.selected{ background:url(../images/bg_sellect_menu_img.png) no-repeat; width:213px; height:20px; display:block;}

.news-title{ padding:10px;}
.news-title,.news-title span h1{ color:#75afc9;}
.icon-flag{ background:url(../images/flag.png) no-repeat; width:29px; height:36px; display:block; margin-top:-10px;}
.cont{ padding:10px; color:#FFF;}
.cont p{ padding:10px 0;}
.bottom-item{ background:url(../images/bottom_item.png) no-repeat; height:29px; width:1px; display:block; margin-left:20px;}
#content .col-1 .ranking-block2{ background:url(../images/ranking_block2.png) no-repeat; width:244px; height:294px;}
#content .col-1 .ranking-block{ background:url(../images/ranking_block.png) no-repeat; width:244px; height:294px; font-family:untidy;}
.ranking-list{ margin-left:20px; padding-top:1px; margin-right:20px;}
.ranking-list li{ display:block; margin:0; height:18px; background:url(../images/seperater_ranking.jpg) bottom center no-repeat;}
.menu-ranking-list{ padding-top:16px; margin-left:15px;}
.menu-ranking-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;}
.menu-ranking-list li .ranking{ background-position: 0 -21px; width:82px; height:21px; display:block;}
.menu-ranking-list li .ranking:hover{ background-position: 0 0px;}
.menu-ranking-list li .ranking.selected{ background-position: 0 0px;}
.menu-ranking-list li .toppk{ background-position:-94px -21px; width:69px; height:21px; display:block; margin-left:45px;}
.menu-ranking-list li .toppk:hover{ background-position:-94px 0;}
.menu-ranking-list li .toppk.selected{ background-position:-94px 0;}
.ranking-list li .stt{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; color:#FFF; font-weight:bold; margin-right:5px; width:14px;}
.ranking-list li .name{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; color:rgb(101, 184, 255); font-weight:bold; width:130px;}
.ranking-list li .score{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; color:#FFF; font-weight:bold; width:40px; text-align:right;}
.ranking-list li.line{ background:url(../images/seperater_ranking.jpg) top center no-repeat; width:201px; height:1px; margin:0; padding:0; line-height:1px;}
.filter-ranking-list{ padding-top:0px; margin-left:20px;}
.filter-ranking-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; padding: 0 7px;}
.all{ background-position: 0 0; width:42px; height:23px; display:block;}
.filter-ranking-list li .all:hover{ background-position: 0 -26px;}
.filter-ranking-list li .all.selected{ background-position: 0 -26px;}
.filter-ranking-list li .filter01{ background-position: -41px 0; width:31px; height:23px; display:block;}
.filter-ranking-list li .filter01:hover{ background-position: -41px -26px;}
.filter-ranking-list li .filter01.selected{ background-position: -41px -26px;}
.filter-ranking-list li .filter02{ background-position: -73px 0; width:27px; height:23px; display:block;}
.filter-ranking-list li .filter02:hover{ background-position: -73px -26px;}
.filter-ranking-list li .filter02.selected{ background-position: -73px -26px;}
.filter-ranking-list li .filter03{ background-position: -100px 0; width:32px; height:23px; display:block;}
.filter-ranking-list li .filter03:hover{ background-position: -100px -26px;}
.filter-ranking-list li .filter03.selected{ background-position: -100px -26px;}

.old-list{}
.old-list li{background:url(../images/seperater_news.png) bottom center no-repeat; padding:1px 0 5px 0;}
.old-list li a{ text-decoration:none; color:#75afc9;}
.old-list li a:hover{ color:#bce3f5;}

#content .col-2{ position:relative;}
#content .col-2 .top-content{ background:url(../images/top_center_img.png) no-repeat; width:665px; height:76px; display:block; position:absolute; top:-55px; left:-61px; z-index:200;}
#content .col-2 .center-content{ background:url(../images/bg_center.png) repeat-y; width:506px; display:block; padding:0 20px; margin:0 auto;}
#content .col-2 .center-content .news-group-list{ margin-left:3px;}
#content .col-2 .center-content .news-group-list li{}
#content .col-2 .center-content .news-group-list li .title{ background:url(../images/bg_title_bar.png) no-repeat; width:490px; height:14px; display:block; padding:10px; text-align:center;}
#content .col-2 .center-content .news-group-list li .title a{ z-index:500; position:relative;}
#content .col-2 .center-content .news-group-list li .title .bt-text{ color:#f2ad33; text-transform:uppercase; font-weight:bold;height:19px; margin: 0 auto; display:block; text-decoration:none; font-size:14px;}
#content .col-2 .center-content .news-group-list li .news-list{ margin-top:20px; margin-left:10px; margin-right:10px;}
#content .col-2 .center-content .news-group-list li .news-list li{ padding:10px 0; background:url(../images/seperater_news.png) bottom center no-repeat;}
#content .col-2 .center-content .news-group-list li .news-list li.line{  width:416px; height:2px; padding:0; margin:0 auto;}

#content .col-2 .center-content .filter-group-list{ margin-left:10px; margin-right:10px;}
#content .col-2 .center-content .filter-group-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; padding:5px 3px}
#content .col-2 .center-content .filter-group-list li a{ background:url(../images/bg_filter_item_img.png) 0 0 no-repeat; width:112px; height:21px; display:block; text-decoration:none; text-transform:uppercase; color:#FFF; font-size:12px; font-weight:bold; text-align:center; padding:10px 0;}
#content .col-2 .center-content .filter-group-list li a:hover{ background-position: 0 -42px;}
#content .col-2 .center-content .filter-group-list li a.selected{ background-position: 0 -42px;}

#content .col-2 .middle-content{ background:url(../images/middle_content.png) no-repeat; width:544px; height:89px; display:block; margin-top:-29px; position:relative; z-index:300;}
.title-content{ width:348px; display:block; margin-left:15px;}
.title-img img{ border:2px solid #0c4266;}
.readmore{ float:right; color:#FFF; text-decoration:none;}
.readmore:hover{ color:#0c4266;}
.page-list{ text-align:center; margin-top:15px;}
.page-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;margin:2px;}
.page-list li a{ color:#FFF; font-size:14px; font-weight:bold; text-decoration:none;}
.page-list li a:hover{ color:#F00;}
.page-list li a.selected{ color:#F00;}
#content .col-2 .middle-content .menu-media-list{ text-align:center; padding-top:60px;}
#content .col-2 .middle-content .menu-media-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; padding:0 30px;}
#content .col-2 .middle-content .menu-media-list li .wallpaper{ background-position: 0 -18px; width:100px; height:18px; display:block;}
#content .col-2 .middle-content .menu-media-list li .wallpaper:hover{ background-position: 0 0px;}
#content .col-2 .middle-content .menu-media-list li .wallpaper.selected{ background-position: 0 0;}
#content .col-2 .middle-content .menu-media-list li .video{ background-position: -107px -18px; width:49px; height:18px; display:block;}
#content .col-2 .middle-content .menu-media-list li .video:hover{ background-position: -107px 0;}
#content .col-2 .middle-content .menu-media-list li .video.selected{ background-position: -107px 0;}
#content .col-2 .middle-content .menu-media-list li .screenshot{ background-position: -163px -18px; width:104px; height:18px; display:block;}
#content .col-2 .middle-content .menu-media-list li .screenshot:hover{ background-position: -163px 0;}
#content .col-2 .middle-content .menu-media-list li .screenshot.selected{ background-position: -163px 0;}

#content .col-2 .center-middle-content{ background:url(../images/bg_content_2.png) 4px 0 repeat-y; width:541px; display:block;}

#content .col-2 .center-middle-content .media-list{ margin-left:25px; margin-right:20px;}

#content .col-2 .center-middle-content .media-list li{ display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; padding:5px 6px 10px 6px; width:108px; height:69px; }

#content .col-2 .center-middle-content .media-list li a{}

#content .col-2 .center-middle-content li.inline{display:inline;}


#content .col-2 .center-middle-content .media-list li a img{ border:2px solid #0c4266;}
#content .col-2 .bottom-content1{ background:url(../images/bottom_center_2.png) 4px 0 no-repeat; width:550px; height:107px; display:block; margin-top:-69px;}
#content .col-2 .bottom-content{ background:url(../images/footer_content.png) -5px 0 no-repeat; width:552px; height:61px; display:block;}
.item-thumb-list{ margin-left:25px; margin-right:25px; margin-top:20px;}
.item-thumb-list li{ width:91px; color:#FFF; text-align:center; padding:5px 8px;  display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;}
.item-thumb-list li img{ border:2px solid #fdc669;}
.item-thumb-list li .icon-coin{ background:url(../images/coin_icon.png) no-repeat; width:15px; height:16px; display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; vertical-align:middle; margin-right:5px; margin-top:-2px;}
.item-thumb-list li .buy{ background:url(../images/buy_img.png) no-repeat; width:68px; height:17px; display:block; margin: 0 auto; margin-top:5px;}
.item-thumb-list li .coin{ color:#FFF; font-weight:bold; display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline;}
#content .col-3 .social-block{}

#content .col-3 .social-block .social-title{ background:url(../images/social_media_img.png) no-repeat; width:113px; height:21px; display:block; margin-left:30px;}
#content .col-3 .social-block .social-list{ margin-top:3px; margin-left:30px;}
#content .col-3 .social-block .social-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; padding:0 2px;}
#content .col-3 .social-block .social-list li a.fb{ background:url(../images/fb_icon.png) no-repeat; width:37px; height:36px; display:block;}
#content .col-3 .social-block .social-list li a.tw{ background:url(../images/tw_icon.png) no-repeat; width:37px; height:36px; display:block;}
#content .col-3 .social-block .social-list li a.ytb{ background:url(../images/youtube_icon.png) no-repeat; width:37px; height:36px; display:block;}
#content .col-3 .social-block .social-list li a.frum{ background:url(../images/forum_icon.png) no-repeat; width:37px; height:36px; display:block;}

#content .col-3 .social-block .social-shadow{ background:url(../images/social_shadow.png) no-repeat; width:163px; height:29px; display:block; margin-left:30px;}
#content .col-3 .customer-block{}
#content .col-3 .customer-block .customer-title{ background:url(../images/customer_service_img.png) no-repeat; width:230px; height:160px; display:block;}
#content .col-3 .customer-block .customer-title a.customer{ width:204px; height:72px; display:block; margin-left:10px;}
#content .col-3 .customer-block .customer-title a.care{ width:204px; height:72px; display:block; margin-left:10px;}
#content .col-3 .customer-block .customer-list{ margin:0px 0px 0 15px;}
#content .col-3 .customer-block .customer-list li{ display:block;}
#content .col-3 .customer-block .customer-list li a{ text-transform:uppercase; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; height:20px; display:block; padding-left:15px;}
#content .col-3 .customer-block .customer-list li a:hover{ background:url(../images/bg_sellect_menu_img.png) no-repeat; width:213px; height:20px; display:block;}
#content .col-3 .fanpage-block{ border:1px solid #0d69b2; width:213px;}
#content .col-3 .fanpage-block .fanpage-title{ background:url(../images/facebook_fan_img.png) no-repeat; width:213px; height:30px; display:block;}
#content .col-3 .fanpage-block .fanpage-content{ padding:10px;}

#content .col-3 .top-block{ background:url(../images/top_block.png) no-repeat; width:226px; height:20px; display:block;}
#content .col-3 .center-block{ background:url(../images/centery_block.png) repeat-y;}
#content .col-3 .bottom-block{ background:url(../images/bottom_block.png) no-repeat; width:226px; height:32px; display:block;}

#footer{ background:url(../images/footer_main.png) top center no-repeat; min-width:1000px; height:266px; display:block;}
#footer .footer-list{ text-align:center; padding-top:197px;}
#footer .footer-list li.first{ border-left:none;}
#footer .footer-list li{display:-moz-inline-stack; display:inline-block; zoom:1;*display:inline; border-left:1px #0d68b3 solid; padding: 0 5px;}

.new_icon {
    background: url("../images/new_icon.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 9px;
    text-indent: -9999em;
    width: 30px;
}


#NewsContent a {text-decoration: none;color: #75afc9;}
.linktext { text-decoration:none;}

.memberli {padding: 5px 3px 2px 3px;}
.news_thumb {border: 2px solid #0c4266;}