#body .col { width: 100%; height: 213px; position: relative }
#body .col .fl { width: 153px; height: 100%; position: absolute; top: 0px; left: 0px }
#body .col .fl li { display: inline-block; width: 154px; height: 41px; line-height: 41px; cursor: pointer; margin-bottom: 2px; font-size: 15px; font-family: 微软雅黑; background: url('../image/index_bg.png') 0px -396px; _background-image: url('../image/index_bg.gif') }
#body .col .fl li.cur { background-position: -155px -396px }
#body .col .fl li em { background: url('../image/index_bg.png') -310px -396px; _background-image: url('../image/index_bg.gif'); width: 33px; height: 41px; display: inline-block; float: left; margin: 0px 9px }
#body .col .fl li .s2 { background-position: -344px -396px }
#body .col .fl li .s3 { background-position: -378px -396px }
#body .col .fl li .s4 { background-position: -412px -396px }
#body .col .fl li .s5 { background-position: -446px -396px }
#body .col .fr { border: 1px #bebebe solid; width: 796px; height: 203px; padding: 4px 14px }
#body .col .fr li { line-height: 29px; overflow:hidden;height: 29px; float: left; width: 100%; color: #cccccc }
#body .col .fr li a { margin: 0px 8px }
#body .col .fr li a.hot { color: #ff7604 }
#body .col .fr li em { display: block; float: left; width: 63px; height: 29px; padding-right: 3px; line-height: 29px; color: #ffffff; background: url('../image/index_bg.png') 0px -564px; _background-image: url('../image/index_bg.gif'); text-align: center }


#body .app { width: 978px; height: 208px; background: url('../image/index_bg.png') 0px 0px; _background-image: url('../image/index_bg.gif'); margin-top: 10px; border-right: 1px #dcdcdc solid }
#body .app .h { width: 37px; height: 208px; background: url('../image/index_bg.png') -633px -396px; _background-image: url('../image/index_bg.gif') }
#body .app ul { width: 924px; height: 104px; padding-left: 17px }
#body .app ul li { float: left; width: 84px; height:104px; overflow: hidden; line-height:20px }
#body .app ul li a.c { width: 56px; height: 57px; margin-top: 14px }
#body .app ul li a.c img { width: 50px; height: 50px }
#body .app ul li a.c em { background: url('../image/index_bg.png') -238px -506px; _background-image: url('../image/index_bg.gif'); height: 57px }


#body .main { width: 962px;margin-top: 10px; padding: 8px; border: 1px #dcdcdc solid }
#body .main .s1 { width: 688px }
#body .main .s11 { width: 335px }
#body .main .s12 { width: 340px }
#body .main .s2 { width: 260px }
#body .main .s3 {border-left: 1px #dcdcdc solid; padding: 10px 5px 0px }
#body .main .focus { width: 335px; height: 341px; position: relative }
#body .main .focus .pic { width: 100%; height: 270px; position: relative; z-index: 0 }
#body .main .focus .pic a { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px }
#body .main .focus .pic img { width: 100%; height: 100% }
#body .main .focus .mask { width: 100%; height: 64px; background: #000000; overflow: hidden; position: absolute; top: 206px; left: 0px; z-index: 1; filter: Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 }
#body .main .focus .info { width: 315px; height: 44px; padding: 10px; line-height: 19px; color: #ffffff; overflow: hidden; position: absolute; top: 206px; left: 0px; z-index: 2 }
#body .main .focus .info b { font-weight: bold; font-size: 14px }
#body .main .focus .btn { width: 281px; height: 72px; padding: 0px 27px!important; _padding: 0px 25px; background: #666666; position: relative }
#body .main .focus .btn li { width: 81px; height: 60px; padding: 4px 3px; margin: 0px 3px; float: left; display: none; cursor: pointer; overflow: hidden }
#body .main .focus .btn li.cur { background: url('../image/index_bg.png') -237px -438px; _background-image: url('../image/index_bg.gif') }
#body .main .focus .btn span {text-align:center;display: inline-block; width: 81px; height: 57px; overflow: hidden; margin: 3px 0px }
#body .main .focus .btn img {height: 57px }
#body .main .focus .btn .fr,
#body .main .focus .btn .fl { position: absolute; top: 25px; left: 2px; padding: 0px; width: 20px; height: 21px; display: block; background: url('../image/index_bg.png') -80px -564px; _background-image: url('../image/index_bg.gif') }
#body .main .focus .btn .fr { background-position: -100px -564px; right: 2px; left: auto }
#body .main .cn { height: 253px; margin-top: 12px }
#body .main .cn ul { margin: 10px 3px }
#body .main .cn li { float: left; width: 82px; height: 96px; margin-bottom: 10px; padding-top: 4px; line-height: 26px; overflow: hidden }
#body .main .cn li a.c { width: 71px; height: 72px }
#body .main .cn li a.c img { width: 64px; height: 64px }
#body .main .cn li a.c em { background: url('../image/common_bg.png') -78px -236px; _background-image: url('../image/common_bg.gif'); height: 72px }
#body .main .news { width: 340px; height: 341px }
#body .main .news h1,
#body .main .news h2,
#body .main .news dd,
#body .main .news dt { width: 100%; line-height: 30px; height: 30px; text-align: center }
#body .main .news dt a { font-family: 微软雅黑; font-size: 18px; color: #ff7604 }
#body .main .news dd { background: url('../image/common_bg.png') 0px -176px; _background-image: url('../image/common_bg.gif'); color: #cccccc; margin-bottom: 5px }
#body .main .news dd a { font-size: 12px; margin: 0px 6px }             
#body .main .news span { float: right; font-style: normal; color: #cccccc; width: 40px }
#body .main .news li,
#body .main .bbs li { line-height: 26px; height: 26px; float: left; width: 100%; overflow: hidden }
#body .main .news li em,
#body .main .bbs li em { width: 16px; height: 17px; margin-top: 4px; background: url('../image/common_bg.png') -96px 0px; _background-image: url('../image/common_bg.gif'); float: left }
#body .main .news li.sp,
#body .main .bbs li.sp { height: 8px }
#body .main .news li a,
#body .main .bbs li a { font-size: 14px }
#body .main .bbs { height: 253px; margin-top: 12px }
#body .main .bbs ul { margin-top: 6px }
#body .main .bbs li { width: 324px }
#body .main .qq { width: 260px; height: 100px; position: relative; top: -8px; left: 0px }

/*新遊戲 开服 测试列表*/
#body .main .aside { width: 250px; height: 30px; position: relative; top: -8px; left: 0;border-bottom: 1px #dcdcdc solid; margin-top:10px }
#body .main .aside ul { height: 30px; line-height: 30px; width: 250px; font-size: 14px; border-left: 1px #a6a6a6 solid; position: absolute; left: 25px; top: 0px }
#body .main .aside ul li { float: left; height: 29px; line-height: 29px; color: #3c3c3c; padding: 0px 12px; font-size: 14px; border: 1px #a6a6a6 solid; border-bottom: 0px; border-left: 0px;  background: url('../image/index_bg.png') 0px -642px; _background-image: url('../image/index_bg.gif'); cursor: pointer }
#body .main .aside ul li.cur { color: #ff7604; border-top: 3px #ff7604 solid; line-height: 25px; height: 28px; font-weight: bold; background: #ffffff }
#body .main .asidelist{width: 255px;}
#body .main .asidelist ol{width: 255px;}
#body .main .asidelist ol li{height: 28px; line-height: 28px; margin-bottom: 1px; overflow: hidden; border-bottom:1px #999 dashed}
#body .main .asidelist ol li span{ min-width:100px; height: 28px; line-height: 28px; margin-bottom: 1px; margin:0 5px }
#body .main .asidelist .adownload{ height: 28px; line-height: 28px; margin-bottom: 1px; margin:0 5px; }
#body .main .asidelist ol li em{ float:right; width:30px; height: 28px; line-height: 28px; margin-bottom: 1px; margin:0 5px  }

/*新遊戲 开服 测试列表*/

#body .main .topic { width: 234px; height: 215px; padding: 13px; background: #f0f0f0 }
#body .main .topic ul { height: 205px; }
#body .main .topic li,
#body .main .topic li b { line-height: 19px }
#body .main .topic li { margin-bottom: 13px; float: left; width: 100%; height: 60px; overflow: hidden }
#body .main .topic li a { display: block; width: 100%; height: 100% }
#body .main .topic li img { width: 81px; height: 57px; float: left; margin-right: 8px }
#body .main .topic li b { font-weight: bold }

#body .main .vdo { width: 260px; height: 253px; margin-top: 12px }
#body .main .vdo .player li { float: left; position: relative; overflow: hidden; width: 260px }
#body .main .vdo .player li a.c { width: 260px; height: 204px }
#body .main .vdo .player li a.c img { width: 260px; height: 190px }
#body .main .vdo .player i { width: 42px; height: 36px; left: 108px; top: 79px }
#body .main .vdo .player li.n,
#body .main .vdo .player li.n a { line-height: 22px; height: 44px; background: #000000; width: 250px; padding: 0px 5px; color: #cccccc }

#body .video { height: 300px; margin: 13px auto 0px; border: 1px #dcdcdc solid; position: relative }
#body .video .tt { height: 76px; width: 975px; background: url('../image/index_bg.png') repeat-x 0px -261px; _background-image: url('../image/index_bg.gif'); position: absolute; top: 1px; left: 1px }
#body .video .tt .nav { width: 670px; height: 36px; background: url('../image/index_bg.png') repeat-x 0px -605px; _background-image: url('../image/index_bg.gif'); position: absolute; top: -8px; left: 152px }
#body .video .tt .nav ul { width: 390px; height: 36px; margin: auto; padding-left: 20px }
#body .video .tt .nav li { float: left; color: #ffffff; line-height: 36px; font-size: 14px; font-weight: bold; width: 390px; margin-right: 1px; height: 36px; text-align: center; position: relative; }
#body .video .tt .nav li cite { font-style: normal; }
#body .video .tt .nav li.cur cite { position: absolute; left: -13px; top: 2px; padding-left: 4px; width: 146px; height: 34px; line-height: 32px;background: url('../image/index_bg.png') repeat-x -480px -432px; _background-image: url('../image/index_bg.gif')}
#body .video .tt .navtitle{  width:390px; height:36px; margin:auto; color: #ffffff; font-size:14px; font-weight: bold; text-align: center; position: relative; font-style:normal; }

#body .video .player { width: 932px; height: 215px; top: 60px; left: 24px; position: absolute }
#body .video .player ul { position: absolute; left: 0px; top: 0px }
#body .video .player li { float: left; overflow: hidden; width: 310px }
#body .video .player li a.c { width: 280px; height: 215px; margin: auto }
#body .video .player li a.c img { width: 280px; height: 210px }
#body .video .player i { width: 42px; height: 36px; left: 118px; top: 90px }
#body .video .player .sp { background: url('../image/index_bg.png') -631px -396px; _background-image: url('../image/index_bg.gif'); width: 1px; height: 204px }

#body .video .r { left: auto; right: 0px; background-position: -325px -438px }

#body .tt { height: 33px; line-height: 33px; position: relative; background: url('../image/index_bg.png') 0px -338px; _background-image: url('../image/index_bg.gif') }
#body .tt em { width: 236px; height: 41px; position: absolute; left: 20px; top: -4px; background: url('../image/index_bg.png') 0px -438px; _background-image: url('../image/index_bg.gif') }
#body .tt span { margin-right: 10px; color: #8d8d8d }
#body .tt span a { margin: 0px 6px; color: #fffefe }
#body .tt em.l,
#body .tt em.r { width: 6px; height: 33px; left: 0px; top: 0px; background-position: -68px -564px }
#body .tt em.r { left: auto; right: 0px; background-position: -74px -564px }

#body a.mr { font-family: 宋体; float: right; text-decoration: none; margin: 0px 6px }
#body .tt1 { height: 25px; line-height: 25px; background: url('../image/index_bg.png') 0px -235px; _background-image: url('../image/index_bg.gif') }
#body .tt1 div { background: url('../image/index_bg.png') 0px -209px; _background-image: url('../image/index_bg.gif'); font-size: 14px; color: #ffffff; font-weight: bold; padding: 0px 10px }
#body .tt2 { height: 30px; line-height: 30px; border-bottom: 1px #dcdcdc solid; position: relative }
#body .tt2 div { height: 29px; line-height: 29px; font-size: 14px; color: #4e8b03; font-weight: bold; padding: 0px 10px; border-bottom: 2px #4e8b03 solid; position: absolute; left: 0px; top: 0px }
#body .tt3 { height: 30px; line-height: 30px; border-bottom: 1px #dcdcdc solid; position: relative }
#body .tt3 ul { height: 30px; line-height: 30px; width: 250px; font-size: 14px; border-left: 1px #a6a6a6 solid; position: absolute; left: 10px; top: 0px }
#body .tt3 ul li { float: left; height: 29px; line-height: 29px; color: #3c3c3c; padding: 0px 12px; font-size: 14px; border: 1px #a6a6a6 solid; border-bottom: 0px; border-left: 0px;  background: url('../image/index_bg.png') 0px -642px; _background-image: url('../image/index_bg.gif'); cursor: pointer }
#body .tt3 ul li.cur { color: #4e8b03; border-top: 3px #4e8b03 solid; line-height: 25px; height: 28px; font-weight: bold; background: #ffffff }
#body .tt4 { height: 16px; line-height: 16px; padding: 8px 0px }
#body .tt4 .fl { color: #3c3c3c; font-weight: bold; font-size: 14px; padding-left: 8px; border-left: 6px #4e8b03 solid }
#body .tt5 { height: 34px; line-height: 34px; padding: 0px 10px 0px 20px; background: url('../image/index_bg.png') 0px -672px; _background-image: url('../image/index_bg.gif') }
#body .tt5 .fl { font-weight: bold; font-size: 14px; color: #3c3c3c }

#body .ca { height: 386px; overflow: hidden }
#body .ca ul { margin: 10px 3px }
#body .ca li { float: left; width: 82px; height: 104px; margin-bottom: 10px; line-height: 26px; overflow: hidden }
#body .ca li a.c { width: 71px; height: 72px }
#body .ca li a.c img { width: 64px; height: 64px }
#body .ca li a.c em { background: url('../image/common_bg.png') -78px -236px; _background-image: url('../image/common_bg.gif'); height: 72px }
#body .cb { height: 386px; overflow: hidden }
#body .cb .icon { height: 104px; margin: 10px 3px; overflow: hidden }
#body .cb .icon li { float: left; width: 82px; height: 104px; margin-bottom: 10px; line-height: 26px; overflow: hidden }
#body .cb .icon li a.c { width: 71px; height: 72px }
#body .cb .icon li a.c img { width: 64px; height: 64px }
#body .cb .icon li a.c em { background: url('../image/common_bg.png') -78px -236px; _background-image: url('../image/common_bg.gif'); height: 72px }
#body .cb .list { height: 253px }
#body .cb .list a { font-size: 14px }
#body .cb .list ul { margin-top: 6px }
#body .cb .list li { width: 324px; line-height: 26px; height: 26px; float: left; width: 100% }
#body .cb .list li em { width: 16px; height: 17px; margin-top: 4px; background: url('../image/common_bg.png') -96px 0px; _background-image: url('../image/common_bg.gif'); float: left }
#body .cb .list li.sp { height: 8px }
#body .cb .list li span { color: #cccccc; float: right; font-style: normal }
#body .cc { height: 274px; overflow: hidden }
#body .cc .pic { height: 104px; margin: 10px 1px; overflow: hidden }
#body .cc .pic li { float: left; width: 111px; height: 104px; margin-bottom: 10px; line-height: 26px; overflow: hidden; text-align: center }
#body .cc .pic li a.c { display: block; margin: 6px auto 6px; width: 91px; height: 68px; position: relative; cursor: pointer }
#body .cc .pic img { width: 91px; height: 68px }
#body .cc .pic i { display: block; width: 43px; height: 36px; position: absolute; left: 24px; top: 16px; background: url('../image/common_bg.png') -149px -236px; _background-image: url('../image/common_bg.gif') }
#body .cc .list { height: 253px }
#body .cc .list a { font-size: 14px }
#body .cc .list ul { margin-top: 6px }
#body .cc .list li { width: 324px; line-height: 26px; height: 26px; float: left; width: 100%; overflow: hidden }
#body .cc .list li em { width: 16px; height: 17px; margin-top: 4px; background: url('../image/common_bg.png') -96px 0px; _background-image: url('../image/common_bg.gif'); float: left }
#body .cd { height: 274px; overflow: hidden }
#body .cd .list { margin-top: 12px }
#body .cd .list a { font-size: 14px }
#body .cd .list ul { margin-top: 6px }
#body .cd .list li { width: 324px; line-height: 26px; height: 26px; float: left; width: 100%; overflow: hidden }
#body .cd .list li em { width: 16px; height: 17px; margin-top: 4px; background: url('../image/common_bg.png') -96px 0px; _background-image: url('../image/common_bg.gif'); float: left }
#body .cd .list li.sp { height: 8px }

#body .ka { height: 390px; overflow: hidden }
#body .ka .mr { margin-right: 0px }
#body .ka li { height: 28px; line-height: 28px; margin-bottom: 1px; overflow: hidden; background: url('../image/common_bg.png') 0px -178px; _background-image: url('../image/common_bg.gif') }
#body .ka li span { height: 29px; display: inline-block; vertical-align: top }
#body .ka li em { width: 16px; height: 17px; display: inline-block; vertical-align: top; margin: 5px 10px 0px 0px; background: url('../image/common_bg.png') 0px -140px; _background-image: url('../image/common_bg.gif') }
#body .ka li em.fr { background-position: -128px 0px; margin-right: 2px }
#body .ka li em.n1 { background-position: 0px -158px }
#body .ka li em.n2 { background-position: -16px -158px }
#body .ka li em.n3 { background-position: -32px -158px }
#body .ka li em.n4 { background-position: 0px -140px }
#body .ka li em.n5 { background-position: -16px -140px }
#body .ka li em.n6 { background-position: -32px -140px }
#body .ka li em.n7 { background-position: -48px -140px }
#body .ka li em.n8 { background-position: -64px -140px }
#body .ka li em.n9 { background-position: -80px -140px }
#body .ka li em.n10 { background-position: -96px -140px }
#body .ka li em.n11 { background-position: -112px -140px }
#body .ka li em.n12 { background-position: -128px -140px }
#body .kb { overflow: hidden }
#body .kb li { float: left; width: 218px; height: 90px; margin-bottom: 11px; line-height: 26px; overflow: hidden; text-align: center }
#body .kb li a.c { display: block; width: 218px; height: 90px; position: relative; cursor: pointer }
#body .kb li a.c b { display: block; width: 100%; text-align: center; height: 28px; line-height: 28px; font-size: 14px; background: #000000; filter: Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #ffffff; position: absolute; left: 0px; bottom: 0px; overflow: hidden }
#body .kb li a:hover.c { text-decoration: none }
#body .kb li img { width: 218px; height: 90px }

#body .game,
#body .soft { width: 977px; height: 1147px; margin-top: 13px; border: 1px #dcdcdc solid; border-top: 0px }
#body .game .s1,
#body .soft .s1 { width: 688px; height: 934px; padding: 20px 20px 0px }
#body .game .s11,
#body .game .s12,
#body .soft .s11,
#body .soft .s12 { width: 335px }
#body .game .s2,
#body .soft .s2 { width: 218px; height: 939px; border-left: 1px #dcdcdc solid; background: #f6f6f6; padding: 15px 15px 0px }
#body .game .s3,
#body .soft .s3 { width: 100%; height: 160px; clear: both }
#body .game .s3 .icon,
#body .soft .s3 .icon { width: 970px; margin: 15px auto }
#body .game .s3 .icon li,
#body .soft .s3 .icon li { width: 97px; float: left }

#body .softv .tt .nav li.cur cite { background-position: -480px -396px }
#body .soft { height: 987px }
#body .soft .o { background-position: 0px -480px }
#body .soft .tt2 .fl { color: #ff7604; border-color: #ff7604 }
#body .soft .tt3 ul li.cur { color: #ff7604; border-top-color: #ff7604 }
#body .soft .ka .fl,
#body .soft .kb .fl { border-color: #ff7604 }
#body .soft .ka .n1 { background-position: -48px -158px }
#body .soft .ka .n2 { background-position: -64px -158px }
#body .soft .ka .n3 { background-position: -80px -158px }
#body .soft .ka em.fr { background-position: -144px 0px }

#body .link { margin: 13px auto 0px; border: 1px #dcdcdc solid; border-top: 0px; position: relative }
#body .link .f5{width:100%;overflow:hidden;clear:both;padding-bottom:10px;}
#body .link .f5 li{float:left;line-height:20px;padding:8px 10px 0px;white-space:nowrap;}
#body .link .f5 li a{color:#666666;float:left;}