﻿/* CSS Document */
body{ margin:0; padding:0; background:url(../images/index/bodybg.png) repeat-x 0 33px #DEEEF1; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
html,body{ height:100%;}
img{ border:0;}
a{ text-decoration:none; color:#000; cursor:pointer;}
a:hover{ color:#F00;}
.red{ color:#F30;}
.b{ font-weight:bold;}
.u{ text-decoration:underline;}
.clear{ clear:both; width:0; height:0; overflow:hidden;}
#Container{ margin:0 auto; width:950px; background:url(../images/index/bg.png) repeat-y; overflow:hidden;}
.Header{ height:110px; background:url(../images/index/topbg1.jpg) no-repeat; position:relative;}
.Header a{ display:block; position:absolute; text-indent:-9999px; overflow:hidden;}
.Header a.Logo{ top:8px; left:25px; width:265px; height:100px;}
.Header a.NavHome{ top:5px; left:608px; width:70px; height:60px;}
.Header a.NavForum{ top:0; left:715px; width:65px; height:55px;}
.Header a.NavGuide{ top:5px; left:840px; width:75px; height:70px;}
.Step{ float:left; width:455px; height:500px; background:url(../images/index/stepbg.jpg) no-repeat; position:relative;}
.DlGif{ position:absolute; top:145px; left:360px; width:86px; height:88px; z-index:100px;}
.Step a.StepReg,.Step a.StepDl,.Step a.StepInstall,.Step a.Features{ position:absolute; display:block; text-indent:-9999px; overflow:hidden;}
.Step a.StepReg{ top:48px; left:312px; width:70px; height:70px;}
.Step a.StepDl{ top:147px; left:361px; width:85px; height:85px;}
.Step a.StepInstall{ top:242px; left:282px; width:70px; height:70px;}
.Step a.Features{ top:375px; left:50px; width:380px; height:120px;}
.StepText{ position:absolute; top:415px; left:60px; line-height:20px; font-size:12px;}
.Banner{ float:left; width:495px; height:500px; background:url(../images/index/bannerbg.jpg) no-repeat; overflow:hidden;}
.BannerView{ margin:42px 0 0 35px; width:404px; height:256px;}
.Support{ float:left; margin:92px 0 0 45px; width:160px; display:inline;}
.SupportText{ float:left; margin:100px 0 0 12px; width:210px; line-height:20px; font-size:12px;}
.Download{ clear:both; margin:15px 46px; width:842px; height:518px; background:url(../images/index/gamedlbg.jpg) no-repeat; padding:60px 0 0 16px;}
.DlSort{ float:left; margin:5px 4px 4px 5px; width:374px; height:217px; display:inline; background:url(../images/index/gamedllist.gif) no-repeat; padding:10px 13px;}
.DlSort h1{ padding:0; margin:1px 0 5px 17px; width:335px; height:40px; background:url(../images/index/dltitlebg.gif) no-repeat; font-size:11px; line-height:35px; text-align:center;}
.DlSort p{ clear:both; padding:0; margin:5px 0; line-height:20px;}
.DlList{ background:url(../images/index/ico_arrow.gif) no-repeat left center; padding-left:20px; font-weight:bold; margin:8px 15px 8px 5px; display:inline; float:left; line-height:16px;}
#Footer{ margin:0 auto; height:60px; background:url(../images/index/footbg.jpg) no-repeat center top;}
#Footer span{ margin:0 auto; width:926px; height:50px; background:url(../images/index/footbg.jpg) -54px 0; display:block;}

.PopBg{position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:99; filter:alpha(opacity=50); opacity:0.5; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.Pop{position:fixed; _position:absolute; left:50%; top:50%; z-index:100; margin-left:-253px !important; margin-top:-120px !important; margin-top:0; background:url(../images/index/popbg.gif); width:506px; height:239px; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.PopContent{ position:relative; width:506px; height:239px; overflow:hidden;}
.PopClose{ position:absolute; right:17px; top:14px; width:60px; height:17px;}
.PopBtn{ position:absolute; width:232px; height:50px; right:23px; bottom:23px;}
.PopDl{ position:absolute; left:100px; top:27px; width:232px; height:50px;}
.PopStep{ margin:35px 0 0 30px; background:url(../images/index/popdot.gif) no-repeat 0 12px; line-height:36px; padding-left:15px; font-size:13px;}
.PopText{ margin:35px; font-size:13px; line-height:24px;}
.PopText img{ margin-top:10px;}
