@charset "utf-8";
body{font-size:12px;font-family:Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;background:url(../images/wrap.jpg) top center no-repeat #0e0502}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%}
abbr,acronym {border:0}
button,input,select,textarea{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*table {border-collapse:collapse;border-spacing:0;}*/
body,a:link,a:visited {text-decoration:none;color:#000}
a:hover {text-decoration:underline;color:#f00}
input {vertical-align:middle;}
body,html{height:100%;}
h2 {height:20px;margin-bottom:10px}

.clearboth {clear:both;font-size:0px;}
.clearfix,.warp {zoom:1}
.clearfix:after,.warp:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.hue_red,a.hue_red:link,a.hue_red:visited {color:#f00}
.hue_gray,a.hue_gray,a.hue_gray:visited {color:#666}
.hue_white,a.hue_white,a.hue_white:visited,a.hue_white:hover {color:#fff}
.hue_blue,a.hue_blue:link,a.hue_blue:visited {color:#6ff}
.hue_org,a.hue_org:link,a.hue_org:visited {color:#f60}
.noneBox {display:none;}
.gap {margin:0 6px}

/*spirite*/
.con_top,.con_bottom,.btn_submit1,.btn_submit2,.btn_browse,.btn_sign,.btn_copy,#tipStyle1 .tip_top,#tipStyle1 .tip_bottom,#tipStyle2 .tip_top,#tipStyle2 .tip_bottom,#tipStyle3 .tip_top,#tipStyle3 .tip_bottom,h3,.menu p span,.prizeList span,.sign h3 span,a.btn_signList,a.btn_gift,.poster h1 a,.link a {background:url(../images/spirite.gif) no-repeat}
h3 {background-position:0 -79px;width:825px;height:53px;text-align:center}
h3 img {margin-top:18px}

/*float*/
.floatL,.prizeList,.prizeList li,#tipStyle1 ul li,.gameList li,#tipStyle3,.sign {float:left;display:inline;}
.floatR,.infoList,#tipStyle2 {float:right;display:inline;}

/*pub*/
.btn_submit1,.btn_submit2,.btn_browse,.btn_sign,.btn_copy {border:0;overflow:hidden;cursor:pointer;margin-top:8px}
.btn_submit1 {background-position:-827px -43px;width:44px;height:19px;margin:4px 0}
.btn_submit2 {background-position:0 -161px;width:63px;height:23px;}
.btn_browse {background-position:0 -185px;width:63px;height:23px;}
.btn_sign {background-position:0 -209px;width:63px;height:23px;}
.btn_copy {background-position:-72px -209px;width:88px;height:23px;}
a.btn_signList,a.btn_gift {display:inline-block;width:162px;height:73px;line-height:200px;overflow:hidden;}
a.btn_signList {background-position:-72px -133px;}
a.btn_gift {background-position:-251px -133px;}

.wrap {width:1002px;margin:0 auto}
.poster {position:relative}
.poster img {display:block;height:46px;border:0;}
.poster a {outline:none}
.menu {background:url(../images/menu_bg.jpg) no-repeat;width:87px;height:125px;padding:15px 0 0 10px;overflow:hidden;position:absolute;top:52px;left:29px;line-height:24px;}
.menu p span {background-position:-889px -179px;margin-left:6px}
.menu p,.menu p a,.menu p a:visited,.menu p a:hover {color:#fff600;font-weight:bold;}
.poster h1 {width:180px;height:80px;position:absolute;top:80px;left:100px;overflow:hidden}
.poster h1 a {background-position:999px 999px;display:block;width:180px;height:80px;line-height:500px;overflow:hidden}
.link {position:absolute;width:300px;height:30px;top:71px;right:10px;}
.link a {background-position:999px 999px;display:inline-block;width:134px;height:30px;line-height:500px;overflow:hidden;margin-right:16px}

.timer {background:url(../images/timer2.jpg) no-repeat;height:31px;padding-top:61px;overflow:hidden;text-align:center;font-size:20px;font-weight:bold;font-family:Arial;color:#f00}
	.timer span {margin-right:5px;font-family:Verdana, Arialf;}
	.timer #year,.timer #month,.timer #day {display:none}

.focus {height:348px;}
.fbg1 {background:url(../images/focus_bg1.jpg) no-repeat top center;}
.fbg2 {background:url(../images/focus_bg2.jpg) no-repeat top center;}
.focus .wrap {height:348px;position:relative}
	.userSum {position:absolute;top:40px;right:0;width:110px;height:30px;color:#f0ff00;font-size:20px;font-family:Verdana;}
	.exchange {position:absolute;top:180px;right:0;width:152px;height:80px;text-align:center}
	.exchange p {height:30px;line-height:30px;}
	.exchange p input {width:87px}
	.exchange p select {width:91px}
.focus ul {position:relative;margin-left:30px}

.content {width:895px;margin:20px auto 0;background:url(../images/box_bg.gif) repeat-y;}
.con_top,.con_bottom {height:20px;overflow:hidden}
.con_bottom {background-position:0 -21px;}

.prizeList {width:430px;margin-left:40px;}
.prizeList h2 {position:relative;}
.prizeList span {background-position:0 -138px;display:block;width:51px;height:18px;line-height:18px;*line-height:20px;_line-height:18px;overflow:hidden;text-align:center;color:#ffc;cursor:pointer}
.prizeList h2 span#openList {position:absolute;top:0;right:24px;}
.prizeList li {text-align:center;height:24px;line-height:24px;margin:0 2px 2px 0;background:#692619;color:#cfa972;overflow:hidden}
.prizeList ol {height:30px;overflow:hidden;margin-bottom:2px}
.prizeList ol li {height:30px;line-height:30px;font-size:14px;font-weight:bold;color:#ff9;background:#610;}
.listOpen {height:566px;_height:580px;overflow:scroll;overflow-x:hidden;padding-bottom:2px}
.listClose {overflow:hidden;height:260px;margin-bottom:20px}
.prizeList span#closeList {float:right;margin:3px 24px 8px 0;display:none}
.prizeList li.date {width:80px}
.prizeList li.userID {width:160px}
.prizeList li.game {width:60px}
.prizeList li.server {width:100px}

.infoList {width:350px;margin-right:40px}
.infoList p {height:30px;line-height:30px;position:relative;color:#cfa972}
.infoList p input {position:relative;margin:0 5px;width:120px}
.infoList p select {position:relative;margin:0 5px;width:124px}
.infoList p textarea {position:absolute;top:8px;left:65px;width:270px;height:40px;line-height:18px;overflow:auto}
.infoList p.notice {color:#f00;margin-top:30px;line-height:30px;*line-height:26px;padding-left:65px}
.infoList p input.btn_submit2 {width:63px;height:23px;margin:0;}
.infoList p.notice em {margin-left:10px}

.tip_top,.tip_bottom {height:17px;overflow:hidden}
.tip .title {font-size:14px;font-weight:bold;color:#600}
.tip ul li {line-height:24px;color:#000;}
.tip .sp {padding:5px 0;border-bottom:1px dashed #000;width:163px}

#tipStyle1 {width:811px;background:url(../images/box_bg2.gif) repeat-y;margin:20px auto 10px;clear:both;*margin-top:-30px}
#tipStyle1 .tip_top {background-position:0 -43px}
#tipStyle1 .tip_bottom {background-position:0 -61px}
#tipStyle1 ul li {width:365px;margin-left:30px;}
#tipStyle1 .bg {background:url(../images/pic01a.jpg) no-repeat right 15px}

#tipStyle2 {background:url(../images/box_bg3.gif) repeat-y;width:359px;margin:40px 40px 0 0}
#tipStyle2 .tip_top {background-position:-451px -137px}
#tipStyle2 .tip_bottom {background-position:-451px -158px}
#tipStyle2 ul li {width:323px;margin:0 auto}
#tipStyle2 .bg {background:url(../images/pic01b.jpg) no-repeat right bottom;padding-top:10px}

#tipStyle3 {background:url(../images/box_bg4.gif) repeat-y;width:414px;margin:14px 35px 0}
#tipStyle3 .tip_top {background-position:-451px -178px}
#tipStyle3 .tip_bottom {background-position:-451px -197px}
#tipStyle3 ul {line-height:24px;margin:0 20px}

.sign {color:#cfa972;margin-top:10px}
.sign h3 {width:270px;overflow:hidden;text-align:left;padding-left:100px;position:relative;margin-bottom:12px}
.sign h3 span {background-position:-633px -79px;display:block;height:53px;width:190px;position:absolute;top:0;right:0}
.sign p {font-size:14px;height:44px;line-height:44px;margin-left:40px}
.sign select {width:124px;margin-left:10px}
.sign p input {width:120px;margin-left:10px}
.sign ul {text-align:center;width:350px;}
.sign em {margin-left:5px;color:#f00;font-size:12px}
.sign ul a {margin-top:20px}

.con2 {width:825px;margin:20px auto}
.con2 ul {margin-bottom:20px}
.gameList li {width:138px;height:58px;overflow:hidden;border:4px solid #4d403b;margin:20px 0 0 48px}
.thanks,.thanks a,.thanks a:visited {color:#cfa972}
.thanks {line-height:30px;padding:10px 10px 0 10px;text-align:center}

.footer {background:url(../images/footer_bg.jpg) no-repeat top center;position:relative;padding:50px 0 6px}
.footer img {position:absolute;top:70px;left:60px}
.footer p {margin-left:200px;line-height:24px}
.footer p span {color:#c33;margin-right:20px}
.footer p.line {border-top:2px solid #1a1a1a;margin-top:6px;width:740px;padding-top:4px}
.footer p.line,.footer p.line a,.footer p.line a:visited {color:#6ff}

.roundabout-holder {width:300px;height:360px;margin:10px 0 0 280px;}
.roundabout-moveable-item {width:565px;height:359px;cursor:pointer;overflow:hidden;}
.roundabout-in-focus {cursor:auto;}
#bb {display:none}

.codeBox {margin:0 auto;text-align:center;width:400px;height:200px;border:5px solid #630;background:#33241e;overflow:hidden;position:relative}
.codeBox h1 {font-size:18px;font-weight:bold;color:#fcff1e;margin-top:40px}
.codeBox ul {padding:20px 0}
.codeBox ul li {background:#fff;width:200px;height:24px;line-height:24px;text-align:center;border:2px solid #cfa972;margin:0 auto;font-size:14px}
.codeClose {position:absolute;top:-1px;right:-1px;color:#cfa972;border:1px solid #630;padding:2px 5px;cursor:pointer}