/*====================================Version====================================
Create:2008-03-26
================================================================================*/

#mainbox {width:960px; margin:0 auto; background:#000;}

/* header */
#header {}

#headerbar {width:960px; height:30px; margin:0 auto; background:url(../images/bg/headerbar.gif);}

#searchbar {width:470px; height:30px; position:relative;}
.searchselect {position:absolute; left:10px; top:3px;}
.searchinp {position:absolute; left:70px; top:2px;}
.searchbtn {width:77px; height:21px; position:absolute; left:210px; top:3px;}

#toolbar {width:470px; margin:0 0 0 auto;}
.toolbar {}
.toolbar ul {}
.toolbar ul li {float:right; padding:8px 6px 8px 16px;}

#bannerbox {width:960px; padding:4px 0; background:#000;}

#tmenu {width:960px; height:70px;}

/* body */
#mainbody {width:958px; border:#666 1px solid;}

#inbody {width:958px; background:#666; padding:1px 0;}
.inbox {width:687px; background:#000; padding:10px; margin:0 auto;}
.inbox h3 {font-size:14px; color:#d6deb8; font-weight:normal; padding-bottom:8px;}
.inbox h3 span {font-size:10px; color:#999; margin-left:7px; font-family:arial;}

.loginbox {width:687px; height:243px; position:relative; background:url(../images/bg/loginbox.gif);}
.loginbox table {width:320px; position:absolute; left:60px; top:40px;}
.loginbox table tr td {padding:2px 0;}

.lv2loginbtn {position:absolute; width:320px; left:60px; top:150px;}
.lv2loginbtn ul {}
.lv2loginbtn ul li {float:left; margin-right:6px;}

.regbox {width:640px; margin:0 auto; background:#464646; padding:10px 23px;}
.regbox table {border-top:#464646 1px solid; border-left:#464646 1px solid; background:#333; border-collapse:collapse;}
.regbox table tr td {border-right:#464646 1px solid; border-bottom:#464646 1px solid; padding:10px 0 10px 30px;}

#bodybar {width:958px; background:#333; border-bottom:#666 1px solid; padding:4px 0;}

#leader {padding:11px 0 9px 12px; color:#999;}

#loginbox {width:612px; height:35px; position:relative;}
.loginname {position:absolute; left:10px; top:7px;}
.loginpass {position:absolute; left:165px; top:7px;}
.loginvalid {position:absolute; left:320px; top:7px;}
.loginbtn {width:76px; height:26px; position:absolute; right:50px; top:4px;}
.loginreg {position:absolute; right:10px; top:11px;}

.logindata {width:245px; position:absolute; left:10px; top:2px;}
.logindataface {width:31px; height:31px; float:left; margin-right:4px;}
.logindatacon {width:200px; float:left;}
.logindatacon h6 {margin:2px 0 3px 0; font-size:12px; font-weight:normal;}
.logindatacon p {}

.quickbtn {position:absolute; left:240px; top:6px;}

/* sidebar */
.sidetop10 {width:260px; height:313px; margin:0 5px 0 5px; background:url(../images/bg/sidetop10.gif) no-repeat #000; position:relative;}
.sidetop10 ul {padding:4px 0 0 24px; position:absolute; top:146px; left:0;}
.sidetop10 li {width:230px; position:relative; padding-bottom:9px;}
.sidetop10 li strong {position:absolute; right:1px; top:0; font-weight:normal; color:#ff0;}

.sidebtncube {width:250px; background:#464646; border:#000 5px solid; padding:10px 0 5px 10px;}
.sidebtncube ul {}
.sidebtncube ul li {width:117px; height:28px; margin:0 5px 5px 0; text-align:center; padding-top:2px; line-height:28px; float:left;}
li.sidebtncube01 {background:url(../images/bg/sidecube01.gif); float:left;}
li.sidebtncube02 {background:url(../images/bg/gamebtn.gif); float:left; font-family:Arial;}

.sidefullbtn {padding:5px;}
.sidefullbtn ul {}
.sidefullbtn ul li {height:20px; line-height:20px; padding-top:2px; text-align:center; margin:5px; background:url(../images/bg/blockbtn.gif); border:#666 1px solid;}

.sidebtnbox {width:100px; margin:0 auto; padding-top:5px;}
.sidebtnboxl {width:15px; height:15px; float:left;}
.sidebtnboxr {height:13px; line-height:13px; padding-top:2px; float:right;}

.sidenewscube {width:260px; background:#464646; border:#000 5px solid;}
.sidenewsli {}
.sidenewsli ul {padding:10px;}
.sidenewsli ul li {padding:6px 0 3px 0; background:url(../images/dot/li01.gif) left center no-repeat; text-indent:12px; border-bottom:#666 1px dashed; position:relative;}
.sidenewsli ul li em {position:absolute; top:6px; right:10px;}

.sidenewsimp {padding:5px;}
.sidenewsimp ul {}
.sidenewsimp ul li {padding:10px 10px 6px 10px; background:#000; margin-top:5px;}
.sidenewsimpimg {width:113px; height:56px; float:left;}
.sidenewsimpcon {width:110px; height:56px; float:right;}
.sidenewsimpcon p {line-height:18px; padding-top:2px;}

.sideimgcube {width:250px;}
.sideimgcube ul {margin:10px;}
.sideimgcube ul li {width:228px; background:#000; border:#666 1px dashed; padding:5px; margin-bottom:10px;}
.sideimgcubeimg {width:228px; height:60px;}
.sideimgcubecon {padding-top:7px; text-align:center;}

.sidemusicbtn {width:230px; height:33px; margin:0 auto 10px auto;}

.sidetop3box {padding:7px 5px 0 23px;}
.sidetop3 {width:230px; height:36px; padding-bottom:10px;}
.sidetop3img {width:73px; height:38px; float:left;}
.sidetop3con {width:148px; height:38px; float:right;}
.sidetop3con h6 {font-size:12px; font-weight:normal;padding:2px 0 6px 0;}
.sidetop3con p {position:relative;}
.sidetop3con p span {position:absolute; top:0; right:0; color:#ff0;}

.sideprop {padding:0 5px 5px 5px; width:250px;}
.sideprop ul {}
.sideprop ul li {border-bottom:#666 1px solid;}
.sidepropimg {width:31px; height:31px; float:left; padding:5px 0;}
.sidepropcon {width:210px; float:right; padding:5px 0;}
.sidepropcon h6 {font-size:12px; position:relative; font-weight:normal; padding:1px 0 2px 0;}
.sidepropcon h6 span {position:absolute; right:0; top:1px;}

.gameinfotab {border:#000 5px solid; background:#333; padding:5px;}
.gameinfotab table {width:100%; border-collapse:collapse;}
.gameinfotab table tr td {padding:5px 5px 2px 0; border-bottom:#666 1px dashed;}
.gameinfotabtit {width:250px; height:56px; padding-bottom:5px;}
.gameinfotabtitimg {width:113px; height:56px; float:left;}
.gameinfotabtitcon {width:132px; height:56px; float:right; margin-left:5px;}
.gameinfotabtitcon h5 {font-size:15px; padding:3px 0;}

.gameinfotop10 {width:260px; height:422px; background:url(../images/bg/gameinfotop10.gif); border:#000 5px solid;}
.gameinfotop10 table {border-collapse:collapse; margin-left:41px;}
.gameinfotop10 table tr {}
.gameinfotop10 table tr td {padding:5px 0 6px 0;}
td.gameinfotop10face {width:31px; height:31px;}
td.gameinfotop10con {width:140px;}
td.gameinfotop10con h6 {font-size:12px; font-weight:normal; text-indent:5px;}
td.gameinfotop10con p {padding-top:3px;}
td.gameinfotop10add {width:45px; text-align:center;}

/* mainbox */
.mainbox {background:#464646; padding:10px; border:#000 4px solid;}

.mainbar {background:#464646; padding:10px 14px; border-bottom:#666 1px solid;}

.mainborderbox {width:637px; border:#666 1px dashed; padding:10px 10px 0 10px; background:#000;}

.gameli {width:659px;}
.gameli ul {padding-left:4px;}
.gameli ul li {width:113px; border:#666 1px solid; margin-right:5px; float:left; padding:5px; background:#333;}
.gameview {width:113px; height:56px;}
.gameviewcon {}
.gameviewcon p {line-height:20px; padding-top:2px;}

.spgameli {}
.spgameli ul {}
.spgameli ul li {width:312px; margin:0 5px 0 5px; border:#666 1px solid; background:#333; float:left;}
.spgamelitit {height:102px; border-right:#666 1px solid; padding:10px; float:left; font-size:30px; background:#000;}
.spgamelicon {height:90px; padding:10px 10px 0 10px; float:left;}
.spgameliconleft {width:113px; float:left;}
.spgameliconleftimg {width:113px; height:56px;}
.spgameliconleftbtn {width:52px; height:16px; margin-top:5px;}
.spgameliconright {width:132px; float:left; margin-left:10px;}
.spgameliconright h5 {font-size:14px; font-weight:normal; padding-bottom:7px;}
.spgameliconright p {line-height:18px; padding-top:2px;}

.musicli {}
.musicli ul {}
.musicli ul li {margin:0 0 10px 0; padding:10px; background:#000; border:#666 1px solid;}
.musicli h5 {padding-bottom:5px; margin-bottom:7px; font-size:14px; border-bottom:#333 1px dashed; position:relative; font-weight:normal;}
.musicli h5 em {position:absolute; right:10px; top:-3px;}
.musicli p {}

.cdli {}
.cdli ul {}
.cdli ul li {width:19.9%; border-bottom:#666 1px dashed; float:left; text-align:center;}
.cdliimg {width:115px; height:156px;}
.cdlicon {text-align:center; padding:5px 0;}

.downli {}
.downli ul {}
.downli ul li {border:#666 1px dashed; background:#333; margin-bottom:10px;}
.downli ul li h5 {background:url(../images/dot/li02.gif) left center no-repeat; padding:10px 24px; border-bottom:#666 1px dashed; font-size:14px; font-weight:normal;}
.downli ul li p {padding:10px 24px; }

.newsnor {}
.newsnor ul {padding:0 10px 0 10px;}
.newsnor li {border-bottom:#666 1px dashed; padding:6px 0 4px 0;}
.newsnor li h5 {font-size:14px; margin-bottom:10px; font-weight:normal;}
.newsnor li p {color:#999; position:relative;}
.newsnor li p em {position:absolute; right:10px; top:0;}

.newsinfo {}
.newsinfo h2 {height:40px; margin:20px; padding:10px; line-height:20px; font-size:20px; font-weight:bold; color:#0cf; text-align:center; background:#333;}
.newsinfo h2 span {display:block; text-align:center; color:#f90; font-size:12px; font-weight:normal; padding-top:10px;}
.newsinfo p {margin:0 20px 20px 20px; line-height:21px; font-size:14px;}

.gameinfo {border:#000 5px solid; background:#464646;}
.gameinfo h3 {font-size:15px; padding:10px 10px 7px 10px; text-align:center; background:#000;}
.gameinfoview {margin:5px; background:#000; text-align:center;}
.gameinfobar {background:#000; padding:10px;}
.gameinfobar table {border-collapse:collapse; margin:0 auto;}
.gameinfobar table tr td {padding:0 5px;}
.gameinfocon {border:#666 5px solid; padding:5px; background:#000; margin-bottom:10px;}
.gameinfocon h5 {font-size:14px; padding-bottom:4px;}
.gameinfosuc {width:659px;}
.gameinfosucface {width:41px; float:left;}
.gameinfosucface img {width:41px; height:41px;}
.gameinfosucface span {display:block; padding-top:5px; text-align:center;}
.gameinfosuccon {width:609px; float:right;}
.gameinfosuccon h6 {font-size:12px; font-weight:normal;}
.gameinfosuccon p {line-height:16px; margin:8px 0;}
.gameinfootherart {border:#666 1px dashed; padding:10px 10px 0 10px;}
.gameinfootherart ul {}
.gameinfootherart ul li {width:127px; float:left;}
.gameinfootherart ul li h6 {width:113px; height:56px; margin:0 auto 5px auto;}
.gameinfootherart ul li p {text-align:center;}

.downinfo {width:637px; border:#666 1px dashed; background:#000; margin-bottom:10px; padding:10px;}
.downinfoimg {width:270px; height:230px; float:left;}
.downinfocon {width:350px; float:right;}
.downinfocon h5 {font-size:14px; padding:5px 0;}
.downinfocon p {border-bottom:#333 1px dashed; width:175px; float:left; padding:5px 0 4px 0;}
.downinfoconmore {border-bottom:#333 1px dashed; padding:5px; line-height:18px;}
.downinfoconmoreleft {width:102px; float:left;}
.downinfoconmoreright {width:238px; float:right; padding-top:10px;}

.downmore {width:580px; margin:0 auto;}
.downmore ul {}
.downmore ul li {width:290px; float:left;}


.speciagamecube {width:639px; margin-bottom:10px; padding:20px 10px 27px 10px; position:relative; background:url(../images/bg/specialbg.gif) repeat-y;}
.speciagamecubetop {width:659px; height:10px; font-size:10px; line-height:10px; position:absolute; background:url(../images/bg/specialtop.gif); top:0; left:0;}
.speciagamecubebtm {width:659px; height:17px; position:absolute; bottom:-1px; left:0; background:url(../images/bg/specialbtm.gif);}
.speciagamecubeimg {width:113px; margin-bottom:10px; float:left; margin-right:10px;}
.speciagamecubesta {width:150px; margin-right:10px; float:left;}
.speciagamecubesta p {padding:2px 0 1px 0;}
.speciagamecubecon {width:344px; border:#666 1px solid; background:#000; float:left; padding:5px;}
.speciagamecubecon p {line-height:16px;}

.subtit {width:639px; border-bottom:#666 1px dashed; margin-bottom:10px; padding:10px;}
.subtitimg {width:151px; height:151px; float:left;}
.subtitcon {width:478px; float:right;}
.subtitcon h4 {font-size:20px; border-bottom:#666 1px dashed; padding-bottom:8px; margin-bottom:10px;}
.subtitcon h4 span {display:block; font-size:12px; font-weight:normal; margin-top:6px;}
.subtitcon p {margin-bottom:15px; line-height:18px; font-size:14px;}

.subli {padding:0 0 0 6px;}
.subli ul {}
.subli ul li {width:151px; padding:2px; background:#333; border:#666 1px dashed; float:left; margin-right:5px;}
.subliimg {width:151px; height:151px;}
.sublicon {}
.sublicon p {line-height:18px; padding:2px 0 0 2px;}

.proli {}
.proli ul {}
.proli ul li {border:#666 1px dashed; padding:10px 10px 0 10px; background:#333; margin:0 5px; width:292px; float:left;}
.proliimg {width:150px; width:130px; float:left;}
.prolicon {width:132px; float:right;}
.prolicon h4 {font-size:14px; font-weight:normal; margin-bottom:6px;}
.prolicon p {margin-bottom:6px;}

.proinfo {width:637px; padding:10px 10px 0 10px; background:#333; border:#666 1px solid;}
.proinfotit {margin-bottom:10px; border-bottom:#666 1px dashed;}
.proinfotitimg {width:150px; float:left;}
.proinfotitcon {width:477px; float:right;}
.proinfotitcon h5 {font-size:14px; font-weight:normal; margin-bottom:6px;}
.proinfotitcon p {margin-bottom:6px;}
.proinfocon {}
.proinfocon p {line-height:18px; margin:10px 0;}

.newslink {padding:5px 30px;}
.newslink p {line-height:23px;}

.postboxfull {width:659px; margin-bottom:5px;}
.postboxfull h3 {background:#222; height:28px; line-height:28px; padding:2px 0 0 10px; margin-bottom:10px; position:relative; color:#c9c98b;}
.postboxfull h3 span {position:absolute; font-size:12px; font-weight:normal; right:10px; top:2px;}
.postboxfull ul {}
.postboxfull ul li {margin-bottom:10px;}
.postboxfullface {width:51px; height:51px; float:left;}
.postboxfullcon {width:573px; float:right; background:url(../images/bg/postbg.gif);; position:relative; padding:10px 10px 10px 15px;}
.postboxfullcontop {width:598px; height:33px; position:absolute; top:0; left:0; background:url(../images/bg/posttop.gif);}
.postboxfullconbtm {width:598px; height:5px; line-height:4px; font-size:0px; position:absolute; bottom:-1px; left:0; background:url(../images/bg/postbtm.gif) no-repeat;}
.userpostbox {padding-bottom:10px;}
.userpostbox h5 {font-size:12px; padding-bottom:5px; font-weight:normal;}
.userreplaybox {padding-bottom:10px;}
.userreplaybox p {color:#0f0;}
.userquotebox {border:#999 1px solid; padding:5px; margin:5px 0;}
.usertoolbox {}
.userposttime {color:#666;}
.userpostbtn {text-align:right; color:#ff0;}

.posttab {}
.postaction {background:#333; border:#000 1px solid; width:180px; float:left; padding:10px;}
.postaction p {line-height:20px; color:#ff0;}
.postactive {background:#333; border:#000 1px solid; width:426px; float:right; padding:10px;}

.propbarl {width:69.9%; float:left;}
.propbarr {width:29.5%; float:right;}
.propbar ul {}
.propbar ul li {width:81px; height:18px; line-height:18px; padding:2px 0 0 0 ; float:left; text-align:center; margin-right:5px; background:url(../images/bg/propbarbtn.gif);}

.proplist {}
.proplist ul {}
.proplist ul li {width:206px; background:#000; margin:0 5px 5px 5px; float:left;}
.proplisttit {padding:5px; border-bottom:#464646 1px solid;}
.proplisttit h6 {font-weight:normal; font-size:12px; margin-bottom:3px;}
.proplisttit p {line-height:15px; padding:2px 0 0 0;}
.proplistbar {border-bottom:#464646 1px solid; padding:5px;}
.proplistbar p {position:relative;}
.proplistbar p span {position:absolute; left:100px; top:0;}

.proppay {}
.proppay table {width:100%; background:#333; border-top:#666 1px solid; border-left:#666 1px solid; border-collapse:collapse;}
.proppay table tr {}
.proppay table tr td {border-right:#666 1px solid; border-bottom:#666 1px solid; padding:5px; text-align:center;}

.membermonster {}
.membermonster h4 {background:#000; font-size:14px; padding:10px 0 8px 10px; font-weight:normal; color:#c9c98b; border-right:#464646 1px solid;}
.membermonster table {width:100%; background:#222; border-collapse:collapse;}
.membermonster table tr td {border-right:#464646 1px solid; border-bottom:#464646 1px solid; padding:10px;}

.cardfull {width:638px; padding:10px; background:#333;}
.cardbox {width:360px; height:230px; background:url(../images/bg/card.gif); border:#000 1px solid; float:left;}
.cardin {width:260px; height:232px; float:right;}

.upboxtit {}
.upboxtit ul {}
.upboxtit ul li {float:left; padding:5px 10px 3px 10px; margin-right:5px; border:#666 1px solid; background:#333;}
.upboxtit ul li.upboxtitcur {padding:5px 10px; border-bottom:none; background:#000;}
.upboxin {background:#000; padding:5px 8px 8px 8px;}
.upboxincon {background:#464646;}
.upboxincon table {border-collapse:collapse; width:100%;}
.upboxincon table tr td {border-right:#555 1px solid; border-bottom:#555 1px solid; padding:5px;}
td.upboxleft {width:65%; text-indent:12px;}
td.upboxright {width:35%;}

.norlv2box {}
.norlv2box h4 {background:#000; font-size:14px; padding:10px 0 8px 10px; font-weight:normal; color:#c9c98b; border-right:#464646 1px solid;}

/* footer */
#footer {}
#blogo {width:133px; height:38px; padding:10px 0 10px 10px;}
#bcon {padding:10px 10px 10px 0;}
#bcon p {line-height:20px; text-align:right;}
#bcon p span {color:#333; margin:0 6px;}


/* button style */
INPUT.CommentBtn {
	BACKGROUND: url(/images/btn/postbtn.gif); WIDTH: 91px; COLOR: #fff; BORDER-TOP-STYLE: none; LINE-HEIGHT: 18px; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 21px; BORDER-BOTTOM-STYLE: none; cursor:hand
}

INPUT.ToFriendBtn {
	BACKGROUND: url(/images/btn/gamebar_fri.gif); WIDTH: 83px; COLOR: #fff; BORDER-TOP-STYLE: none; LINE-HEIGHT: 27px; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 21px; BORDER-BOTTOM-STYLE: none; cursor:hand
}
INPUT.ToBUGBtn {
	BACKGROUND: url(/images/btn/gamebar_bug.gif); WIDTH: 83px; COLOR: #fff; BORDER-TOP-STYLE: none; LINE-HEIGHT: 27px; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 21px; BORDER-BOTTOM-STYLE: none; cursor:hand
}