@charset "utf-8";
body{ background:url(../images/bg_body.png) repeat #000; font:normal 11px/1.5 Verdana, Geneva, sans-serif; color:#444;}
a:link,a:visited{ text-decoration:none; color:#444;}
a:hover,a:active{ text-decoration:none; color:#F60;}
html{-webkit-text-size-adjust: none;}

/*site */
#topbar{ height:31px; min-width:1002px; position:relative; z-index:1; background:url(../images/bg_topbar.png) repeat-x;}
.topbarMain{ width:980px; height:31px; margin:0 auto; background:url(../images/bg_topbar.png) no-repeat 240px -40px;}
.topbarR{ position:absolute; z-index:1; width:50%; height:31px; top:0; right:0; background:url(../images/bg_topbar.png) repeat-x 0 -80px;}
#container{ background:url(../images/bg_container.png) repeat-x;}
#header,#wrapper,#footer{ margin:0 auto; width:1002px;}
#wrapper{ background-color:#FCFAFA;}
.textRed{ color:#F00;}
.u,a.u:link,a.u:visited,a.u:hover,a.u:active{ text-decoration:underline;}
.b{ font-weight:bold;}

/*header*/
#header{ background:url(../images/bg_header.png) no-repeat center top;}
.logo{ float:left; padding:9px 0 3px 3px; height:78px; font:0/0 Arial;}
.timePannel{ margin-left:152px; -margin-left:149px; width:850px; height:45px; text-align:right; color:#979696; padding-top:5px;}
.ch{background:#666; color:#FFF; cursor:pointer;}
.slogan{ margin-left:152px; -margin-left:149px; width:847px; height:40px; font:0/0 Arial; text-align:right;}

.navPannel{ clear:both; width:1002px; height:48px; background:url(../images/sprites_header.png) no-repeat;}
.nav{ float:left; padding:2px; height:36px; width:710px;}
.nav li{ float:left; height:36px; padding-right:2px; background:url(../images/sprites_header.png) no-repeat right -100px;}
.nav a{ display:block; height:36px; text-indent:-999em; overflow:hidden; background:url(../images/sprites_header.png) no-repeat;}
.nav .s1 a{ width:76px; background-position:0 -100px;}
.nav .s1 a:hover,.nav .s1 a.current{ background-position:0 -140px;}
.nav .s2 a{ width:98px; background-position:-76px -100px;}
.nav .s2 a:hover,.nav .s2 a.current{ background-position:-76px -140px;}
.nav .s3 a{ width:71px; background-position:-174px -100px;}
.nav .s3 a:hover,.nav .s3 a.current{ background-position:-174px -140px;}
.nav .s4 a{ width:67px; background-position:-245px -100px;}
.nav .s4 a:hover,.nav .s4 a.current{ background-position:-245px -140px;}
.nav .s5 a{ width:73px; background-position:-312px -100px;}
.nav .s5 a:hover,.nav .s5 a.current{ background-position:-312px -140px;}
.nav .s6 a{ width:78px; background-position:-385px -100px;}
.nav .s6 a:hover,.nav .s6 a.current{ background-position:-385px -140px;}
.nav .s7 a{ width:116px; background-position:-463px -100px;}
.nav .s7 a:hover,.nav .s7 a.current{ background-position:-463px -140px;}
.nav .s8 a{ width:69px; background-position:-579px -100px; position:relative; z-index:1;}
.nav .s8 a:hover,.nav .s8 a.current{ background-position:-579px -140px;}
.nav .s8 a img{ display:block; position:absolute; right:-1px; top:-1px; z-index:1;}
.nav .s9 a{ width:96px; background-position:-648px -100px;}
.nav .s9 a:hover,.nav .s9 a.current{ background-position:-648px -140px;}

.searchPannel{ float:right; padding:10px 18px 0 0;}
.searchPannel .label{ float:left; text-indent:-999em; overflow:hidden; width:10px;}
.searchPannel .input{ float:left; width:180px; height:16px; padding:1px; line-height:16px; background:#242525; border:1px solid #404040; color:#FFF;}
.searchPannel .button{ width:61px; height:20px; border:none; background:url(../images/sprites_header.png) no-repeat 0 -190px; margin-left:8px; font:0/0 Arial; color:#A3A1A1; cursor:pointer;}
.memberPannel{ clear:both; width:1002px; height:37px; background:url(../images/sprites_header.png) no-repeat 0 -48px; color:#ABA8A8;}
.siteInfo{ float:left; font-weight:bold; color:#BBB4B4; padding:8px 10px;}

/*login*/
.login{ float:left; margin-top:7px; padding-left:10px;}
.login .field{ float:left;}
.login .loginInput{ background:#5C5B5B; padding:2px; width:96px; height:15px; line-height:15px; border:none; color:#FFF;}
.login .btnLogin{ float:left; width:52px; height:19px; border:none; background:url(../images/sprites_header.png) no-repeat -90px -190px; color:#8E8A8A; font:0/0 Arial; text-indent:52px; overflow:hidden; margin:1px 5px; cursor:pointer;}
.login .btnReg{ float:left; width:69px; height:19px; text-align:center; line-height:19px; background:url(../images/sprites_header.png) no-repeat -150px -190px; text-indent:-999em; overflow:hidden; margin:1px 0;}
.login .memberCol{ padding:2px 10px; font-weight:bold; float:left;}
.memberPannel a:link,.memberPannel a:visited{ color:#ABA9A9;}
.memberPannel a:hover,.memberPannel a:active{ color:#F60;}

.openLogin{ float:right; padding:6px 6px 0 0;}
.openLogin li{ float:left; height:24px; margin:0 4px; -display:inline; white-space:nowrap; line-height:24px;}
.openLogin a{ display:block; width:24px; height:24px; text-indent:-999em; overflow:hidden; background:url(../images/icon_open_login.png) no-repeat; filter:Alpha(opacity=85); -moz-opacity:.85; opacity:0.85;}
.openLogin a:hover{ filter:Alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;}
.openLogin .s1 a{ background-position:0 0;}
.openLogin .s2 a{ background-position:-30px 0;}
.openLogin .s3 a{ background-position:-60px 0;}
.openLogin .s4 a{ background-position:-90px 0;}
.openLogin .s5 a{ background-position:-120px 0;}
.openLogin .s6 a{ background-position:-150px 0;}
.openLogin .s7 a{ background-position:-180px 0;}

/*memberData*/
.memberData{ float:left; margin-top:7px; color:#ABA8A8; padding-left:10px;}
.memberData dt,.memberData dd{ float:left; padding-left:5px;}
.memberData .logout{ padding-right:10px; margin-top:1px;}
.memberData .logout a:link,.memberData .logout a:visited{ display:block; width:51px; height:18px; text-align:center; background:url(../images/sprites_header.png) no-repeat -730px -200px; color:#ABA8A8;}
.memberData .logout a:hover,.memberData .logout a:active{ color:#F5790B;}
.memberData .btn a:link,.memberData .btn a:visited{ float:left; height:19px; background:url(../images/sprites_header.png) no-repeat -830px -160px; line-height:18px;}
.memberData .btn a:link span,.memberData .btn a:visited span{ float:left; height:19px; padding:0 10px; cursor:pointer; background:url(../images/sprites_header.png) no-repeat right -180px; color:#ABA8A8;}
.memberData .btn a:hover,.memberData .btn a:active,.memberData .more:hover a{ background:url(../images/sprites_header.png) no-repeat -830px -200px;}
.memberData .btn a:hover span,.memberData .btn a:active span{ float:left; height:19px; padding:0 10px; cursor:pointer; background:url(../images/sprites_header.png) no-repeat right -220px; color:#F5790B;}
.memberData .more a:link span,.memberData .more a:visited span{ background-position:right -240px; padding-right:20px;}
.memberData .more a:hover span,.memberData .more a:active span,.memberData .more:hover a span{ background-position:right -260px; padding-right:20px; color:#F5790B;}
.memberData .more{ position:relative; z-index:2;}
.memberData .more ul{ display:none;}
.memberData .more:hover ul{ display:block; width:160px; overflow:hidden; background:#BBB; color:#407715; border:1px solid #333; position:absolute; left:5px; top:19px; padding:1px; z-index:999;}
.memberData .more li { float:left; width:160px; height:16px; overflow:hidden;}
.memberData .more li a:link,.memberData .more li a:visited{ float:left; width:150px; background:none; color:#333; padding:0 5px; white-space:nowrap; line-height:16px;}
.memberData .more li a:hover,.memberData .more li a:active{ background:#F90; color:#FEFAE4;}
*html a#hide{ display:none;}
*html .memberData .more a:hover ul{ display:block; width:160px; overflow:hidden; background:#BBB; color:#407715; border:1px solid #333; position:absolute; left:5px; top:19px; padding:1px; z-index:999;}

/*footer*/
#footer{ height:80px; background:url(../images/sprites_header.png) no-repeat 0 -440px; color:#5E5D5D;}
.footNav{ padding-top:10px; color:#CCC8C8; text-align:center; height:18px;}
.footNav a:link,.footNav a:visited{ color:#CCC8C8;}
.footNav a:hover,.footNav a:active{ color:#F7A610;}
.footNav li{ display:inline-block; +display:inline; zoom:1; padding:0 10px 0 9px; background:url(../images/sprites_header.png) no-repeat right -412px;}
.footNav li.last{ background:none;}
.copyright{ text-align:center; padding-top:5px;}

/*main page*/
.mainPage{ background:url(../images/bg_main_page.png) repeat-x #FCFAFA; padding-bottom:5px;}
.subCol{ float:right; width:336px; margin:5px 6px 0  0; -display:inline;}
.subColHead{ width:306px; height:32px; padding:0 15px; background:url(../images/sprites_common.png) no-repeat -660px 0;}
.colTitle{ float:left; margin-top:9px; font:0/0 Arial;}
.colMore{ float:right; margin-top:11px; width:36px;}
.colMore a{ display:block; height:9px; text-indent:-999em; overflow:hidden; background:url(../images/sprites_common.png) no-repeat -960px -50px;}
.colMore a:hover{ background-position:-960px -60px;}
.subColMain{ width:334px; border:1px solid #BCBDB8; border-top:none; background:url(../images/sprites_common.png) no-repeat 0 -40px #D3D3D2;}
.mainCol{ float:left; width:650px; margin:5px 0 0 5px; -display:inline;}
.mainColHead{ width:620px; height:32px; padding:0 15px; background:url(../images/sprites_common.png) no-repeat;}
.mainColMain{ width:648px; border:1px solid #BCBDB8; border-top:none; background:url(../images/sprites_common.png) no-repeat 0 -40px #D3D3D2;}
.slidePlayer{ float:left; margin-top:1px; width:336px; height:240px;}
.mainGg{ float:left; width:650px; height:80px; margin:5px 0 0 5px; -display:inline;}

/*hot games*/
.hotGames{ float:left; margin:1px 5px; width:650px; height:430px; -display:inline; background:#706E6E; color:#FAF8F8; position:relative; z-index:1; overflow:hidden;}
.hotGames a:link,.hotGames a:visited{ color:#D0CECE;}
.hotGames a:hover,.hotGames a:active{ color:#F00;}
.hotGamesNav{ float:left; width:142px; height:430px;}
.hotGamesNav li{ width:138px; height:67px; padding:2px; font:0/0 Arial; background:url(../images/sprites_common.png) no-repeat -658px -98px;}
.hotGamesNav li.selected{ position:relative; z-index:100;}
.hotGamesNav li.selected img{ display:block; position:absolute; z-index:100; width:138px; height:67px; font:0/0 Arial; padding:2px 11px 2px 2px; left:0; top:0; background:url(../images/sprites_common.png) no-repeat -820px -100px;}
.hotGamesMain{ float:left; width:508px; height:430px; overflow:hidden;}
.hotGamesShow{ clear:both; width:508px; height:430px; position:relative; z-index:10; overflow:hidden;}
.hotGamesBg{ display:block;}
.hotGames .officialLink{ position:absolute; z-index:10; right:90px; top:5px;}
.hotGames .gameIntroBg{ position:absolute; z-index:10; top:100px; right:12px; width:246px; height:216px; filter: Alpha(opacity=60); -moz-opacity:.6; opacity:0.6; background:url(../images/sprites_common.png) no-repeat -660px -180px;}
.hotGames .gameIntro{ position:absolute; z-index:20; top:100px; right:12px; width:220px; height:200px; padding:8px 13px; line-height:14px;}
.hotGames .more{ text-align:right;}
.hotGames .btn{ padding:5px 2px; font:0/0 Arial;}
.hotGames a.redLink:link,.hotGames a.redLink:visited{ color:#F00;}
.hotGames a.redLink:hover,.hotGames a.redLink:active{ text-decoration:underline;}
.hotGames .screenshotsBg{ position:absolute; z-index:10; left:0; bottom:0; width:508px; height:90px; background:#000; filter: Alpha(opacity=60); -moz-opacity:.6; opacity:0.6;}
.hotGames .screenshots{ position:absolute; z-index:20; left:0; bottom:0; width:496px; height:90px; padding:0 7px;}
.hotGames .screenshots li{ float:left; margin:4px 8px; -display:inline;}
.hotGames .screenshots a{ display:block; width:106px; height:80px; border:1px solid #303030; font:0/0 Arial;}
.hotGames .screenshots a:hover{ border-color:#444;}

/*last news*/
.newsDate{ float:right;}
.lastUpdate{ padding:6px 15px; height:140px;}
.lastUpdate li{ background:url(../images/sprites_common.png) no-repeat -995px -72px; padding:3px 0 2px 12px; height:18px;}

/*other games*/
.otherGames{ background:url(../images/bg_other_games.png) no-repeat 216px center; padding:5px 0; min-height:85px; -height:85px;}
.otherGames li{ float:left; padding:4px 20px; width:176px; height:31px; font:0/0 Arial;}

/*blog Stars*/
.mainblog{ margin-top:-199px;}
.blogs{ padding:0 12px; width:310px; height:247px;}
.correspondents{ padding-top:8px;}
.correspondents dt{ float:left; width:87px; margin-right:10px; _display:inline; text-align:center; font-weight:bold; color:#F97C01;}
.correspondents dt img{ display:block; border:1px solid #838383;}
.correspondents dd { float:left; width:200px; line-height:16px;}
.correspondents dd .title{ height:18px; font-weight:bold; color:#F97C01;}
.blogs .titleLink:link,.blogs .titleLink:visited{color:#F97C01;}
.blogs .titleLink:hover,.blogs .titleLink:active{color:#F00;}
.blogStar{ border-top:1px solid #FFF; padding-top:8px;}
.blogStar dl{ float:left; width:137px; text-align:center; margin:0 9px; _display:inline;}
.blogStar dt{ width:135px; height:95px; border:1px solid #838383; overflow:hidden;}
.blogStar dd{ margin-top:3px; font-weight:bold; color:#F97C01;}

/*guide*/
.guideStep{ margin:0 auto; width:600px; height:135px; background:url(../images/bg_guide.png) no-repeat 14px 25px;}
.guideStep li{ float:left; width:92px; height:85px; margin:25px 14px 0 14px; _display:inline; text-indent:-999em; overflow:hidden;}
.guideStep li a{ display:block; height:85px; text-indent:-999em; overflow:hidden;}
.guideStep li a.guideStep1:hover{ background:url(../images/create_passport_hover.png) no-repeat;}
.guideStep li a.guideStep3:hover{ background:url(../images/activate_hover.png) no-repeat;}

/*player photos*/
.playerPhoto{ height:135px; padding:0 6px;}
.playerPhoto li{ float:left; margin:12px 8px 0 8px; -display:inline;}
.playerPhoto a{ display:block; width:140px; height:105px; padding:1px; border:1px solid #CFCFCF; background:#E4E4E4; font:0/0 Arial;}
.playerPhoto a:hover{ border-color:#F90; background:#FF9;}

/*subpages*/
.subpages{ background:url(../images/sprites_bg.png) repeat-y;}
.subpages .pageFooter{ float:left; width:1002px; height:4px; overflow:hidden; font:0/0 Arial; background:url(../images/sprites_bg.png) no-repeat -1002px 0 #FCFAFA;}
.subpages #main{ float:left; width:650px; min-height:400px; -height:400px; background:url(../images/sprites_bg.png) no-repeat -2004px 0; padding:3px 4px 0 6px;}
.subpages #sidebar{ float:right; width:336px; min-height:400px; -height:400px; background:url(../images/sprites_bg.png) no-repeat -2664px 0; padding:3px 6px 0 0;}
.subpages .pageHead{ height:32px; background:url(../images/sprites_bg.png) no-repeat -1008px -30px;}
.pageNav{ float:left; height:31px;}
.pageNav li{ float:left; height:31px; background:url(../images/sprites_common.png) no-repeat right -405px; padding-right:2px; margin-right:1px; -display:inline; text-transform:uppercase;}
.pageNav li a,.pageNav li span{ float:left; height:31px; padding:0 15px; font:bold 12px/31px Verdana; background:url(../images/sprites_common.png) no-repeat -740px -440px;}
.pageNav li a:link,.pageNav li a:visited{ color:#D4D4D4;}
.pageNav li a:hover,.pageNav li a:active{ color:#FCFAFA;}
.pageNav li.current{ background-position:right -475px;}
.pageNav li.current a:link,.pageNav li.current a:visited,.pageNav li.current a:hover,.pageNav li.current a:active,.pageNav li span{ background-position:-740px -510px; color:#FCFAFA;}
.breadcrumb{ float:right; padding:8px 8px 0 0;}
.breadcrumb .current{ color:#A33B01;}
.content{ padding:10px 15px; width:620px; line-height:1.6;}
.content p{ padding-top:12px; padding-bottom:12px;}
.content .title{ color:#F47301; font-weight:bold; font-size:14px;}
.fullpage{ background:url(../images/sprites_bg.png) no-repeat -2004px 0;}
.fullpage #main{ clear:both; margin:0 6px; width:990px; padding:3px 0;}
.fullpage .pageHead{height:32px; background:url(../images/sprites_bg.png) no-repeat -1008px -90px;}
.fullpage .content{ width:960px; background:url(../images/sprites_bg.png) repeat-y -3012px 0; min-height:380px; -height:380px; border-bottom:1px solid #AFAFA9;}

/*ourgames*/
.subpages .subCol{ clear:both; margin:0;}
.subpages .subColMain{ margin:0 1px; border:none; background:none;}
.subpages .mainblog{ margin-top:0;}
.ourGames{ background:url(../images/bg_our_games.png) no-repeat center; padding:12px 0;}
.ourGames li{ float:left; width:155px; height:31px; padding:5px 0 5px 10px; font:0/0 Arial;}

/*about*/
.history{ width:620px; padding-top:5px;}
.history dt{ float:left; margin-top:5px; width:60px; height:22px; background:#92918C; color:#FFF; text-align:center; font:bold 12px/22px Verdana;}
.history dd{ float:right; width:550px; line-height:1.5;}
.history dd p{ margin-top:5px; padding-bottom:4px; border-bottom:1px dotted #999;}
.partners{width:620px; padding-bottom:10px;}
.partners dt{ clear:both; border-bottom:1px solid #C1C1C1; padding:5px;}
.partners dd{ float:left; margin:15px 8px 0 8px; -display:inline; font:0/0 Arial;}

/*newslist*/
.newsList{ width:620px;}
.newsList li{ height:24px; background:url(../images/sprites_subpages.png) no-repeat 0 10px; padding:4px 5px 0 15px; line-height:20px;}
.artTitle{ text-align:center; font:bold 14px/1.5 Verdana; border-bottom:1px dashed #A7A7A5; padding:5px;}
.artInfo{ text-align:center; color:#666; margin-top:5px;}
.artContent{ width:610px; margin:0 auto; overflow:hidden; margin-top:20px;}
.artMore{ margin-top:20px; border-top:1px dashed #A7A7A5; padding:5px; text-align:right; color:#A7A7A5;}
.artMore .line{ padding:0 5px;}
.pageInfo{ margin:15px; text-align:center;}
.pageInfo li{ padding:0 5px; display:inline;}

/*activate game*/
.activeTitle{ border-bottom:1px solid #E1E1E1; font:bold 14px/1.54 Verdana; color:#F47201; padding:5px;}
.activeList{ border-top:1px solid #C1C1C1; width:960px; padding-bottom:15px;}
.activeList dl{ float:left; margin:20px 18px 0 18px; width:155px; -display:inline;}
.activeList dt{ color:#666565; font-weight:bold; text-align:center; line-height:1.2; padding-bottom:3px;}
.activeList dt img{ display:block; margin-bottom:5px;}
.activeList dd{ margin:5px auto 0 auto; width:132px; height:21px;}
.activeList dd a{ display:block; height:21px; text-indent:32px; overflow:hidden; line-height:20px; background:url(../images/sprites_subpages.png) no-repeat;}
.activeList .btnOfficial a:link,.activeList .btnOfficial a:visited{ background-position:0 -30px; color:#F1F1F1;}
.activeList .btnOfficial a:hover,.activeList .btnOfficial a:active{ background-position:0 -55px; color:#FF0;}
.activeList .btnDownload a:link,.activeList .btnDownload a:visited{ background-position:-140px -30px; color:#F1F1F1;}
.activeList .btnDownload a:hover,.activeList .btnDownload a:active{ background-position:-140px -55px; color:#FF0;}
.activeList .btnPlay a:link,.activeList .btnPlay a:visited{ background-position:-280px -30px; color:#F1F1F1;}
.activeList .btnPlay a:hover,.activeList .btnPlay a:active{ background-position:-280px -55px; color:#FF0;}
.activeList .btnActivate a:link,.activeList .btnActivate a:visited{ background-position:-420px -30px; color:#F1F1F1;}
.activeList .btnActivate a:hover,.activeList .btnActivate a:active{ background-position:-420px -55px; color:#FF0;}
.activePop{ position:absolute; z-index:1; width:290px; background:url(../images/bg_active_game.png) no-repeat; padding-top:10px;}
.activePopMain{ background:url(../images/bg_active_game.png) no-repeat left bottom; width:270px; padding:0 10px 10px 10px;}
.activePopL,.activePopR{ width:15px; height:14px; position:absolute; z-index:2; top:13px; overflow:hidden;}
.activePopL{ left:-14px; background:url(../images/bg_active_game.png) no-repeat -310px 0;}
.activePopR{ right:-14px; background:url(../images/bg_active_game.png) no-repeat -310px -20px;}

/*member login*/
.commonLogin{ width:400px; margin:50px auto 0 auto; background:url(../images/bg_login_foot.png) repeat-x left bottom #E5E4E4; padding:15px 0 110px 0;}
.loginForm{ clear:both; width:400px; padding-top:10px;}
.loginForm .label{ float:left; display:block; width:140px; text-align:right; padding-right:5px; line-height:20px; color:#5F5F5D;}
.loginForm .input{ float:left;}
.loginForm .inputText,.formElement .inputText{ padding:1px; height:16px; line-height:16px; background:#FFF; border:1px solid #C4C1C1;}
.loginBtn,.loginFoot{ padding:10px 0 0 145px;}
.content .button{ width:64px; height:21px; text-align:center; color:#FFF; border:none; background:url(../images/sprites_subpages.png) no-repeat 0 -90px; font-weight:bold; cursor:pointer;}
.commonLogin a:link,.commonLogin a:visited{color:#2876B2;}
.commonLogin a:hover,.commonLogin a:active{color:#F60;}
.formElement{ clear:both; padding-top:8px; width:620px;}
.formElement .label{ float:left; display:block; width:200px; text-align:right; padding-right:5px; line-height:20px;}
.formElement .input{ float:left; width:415px; color:#555;}
.formFoot,.formBtn{ clear:both; width:415px; padding:10px 0 0 205px;}

.regSucessed{ margin:20px auto; width:600px;}
.regSucessed .rsTitle{ clear:both; margin:10px 0 5px 0; background:#C4C4C4; font-weight:bold; color:#C33000; padding:3px 10px;}
.regSucessed dl{ padding-top:3px;}
.regSucessed dt{ float:left; width:200px; text-align:right; font-weight:bold;}
.regSucessed dd{ float:left; padding-left:10px; width:390px; }
.regSucessedNav{ padding:15px 0;}
.regSucessedNav li{ background:url(../images/sprites_subpages.png) no-repeat -976px 5px; padding-left:10px; margin-top:3px;}

.subscribe{ width:920px;}
.subscribe li{ margin:5px; font-weight:bold;}
.subscribeBtn{ padding:10px 5px;}