/* CSS Document */
body {background: #f0feff;}
a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none;}
#activePage {background: url(../img/active_bg.jpg) no-repeat center top;}
#header {position: relative; width: 1000px; height: 391px; margin: 0 auto; background: url(../img/active_bg02.jpg) no-repeat; overflow: hidden; zoom: 1;}
.loginbox {float: right; padding: 49px 105px 0 0;}
.loginbox li {float: left; margin-left: 10px;}
.loginbox li a {color: #197817;}
.loginbox li a:hover {color: #d90b65;}
.loginbox em {color: #ce0057;}
.loginbox b {padding: 0 3px; color: #ce0057; font-weight: bold;}
.btn_enter {position: absolute; top: 0; right: 40px; display: block; width: 137px; height: 32px; text-indent: -9999px; background: url(../img/btn_bg.jpg) no-repeat -99px -137px;}

/*------------------- container -------------------*/
.container {width: 1000px; padding-bottom: 20px; _padding-bottom: 19px; margin: 0 auto; background: url(../img/content_bg03.png) no-repeat left bottom;}
.activecon {padding-top: 10px; background: url(../img/content_bg01.png) no-repeat left top; color: #0f450d;}
.activebox {width: 979px; padding: 0 12px 1px 9px; background: url(../img/content_bg02.png) repeat-y left top;}
.winInfo {width: 979px; height: 36px; margin-bottom: 14px; line-height: 36px; color: #deffdd; background: url(../img/barbg01.png) no-repeat;}
.winInfo b {padding-left: 40px; color: #ff3434; float: left; font-size: 14px; font-weight: bold;}
.winInfo li {float: left; font-size: 14px; margin-right: 40px;}
.tempWrap {width: 800px!important;}
.prizeArea {float: left; width: 708px;}
.gradeBox {float: right; width: 235px; height: 414px; padding: 29px 12px 0 12px; color: #c2fec0; background: url(../img/gradeBox_bg.png) no-repeat;}
.scorebox {padding: 25px 0 20px 35px; line-height: 36px;}
.scorebox b {float: left; width: 50px; color: #fff; font-size: 14px; font-weight: bold;}
.scorebox li {overflow: hidden; zoom: 1;}
.item-rank-rst, .user-rank-rst, .rating-wrap ul, .rating-wrap a:hover, .rating-wrap .active-star, .user-m-star, .urr-rank60, .breadcrumb .note {background-image: url(../img/star.png); background-repeat: no-repeat;}   
.rating-wrap {display: inline-block; position: relative; float: left; width: 115px; height: 19px; margin-top: 7px; z-index: 0;}   
.rating-wrap ul {position: relative; width: 115px; height: 19px; background-position: 0 0; z-index: 10;}   
.rating-wrap li {display: inline;}   
.rating-wrap a {position: absolute; top: 0; left: 0; display: block; height: 19px;}   
.rating-wrap .star01 {width: 23px; z-index: 50; background-position: 0 -20px;}
.rating-wrap .star02 {width: 47px; z-index: 40; background-position: 0 -40px;}
.rating-wrap .star03 {width: 70px; z-index: 30; background-position: 0 -60px;}
.rating-wrap .star04 {width: 95px; z-index: 20; background-position: 0 -80px;}
.rating-wrap .star05 {width: 115px; z-index: 10; background-position: 0 -100px;}
.block01 {margin-bottom: 14px;}
h3.h3type {padding: 0 0 10px 8px; color: #135011; font: bold 18px/24px "Microsoft Yahei";}
h3.type01 {padding-bottom: 15px; background: url(../img/dotted01.png) no-repeat left bottom;}
.chanceBtn {margin: 0 -9px 25px 0;}
.chanceBtn li {float: left; padding-right: 9px;}
.chanceBtn li a {display: block; width: 132px; height: 55px; padding-top: 12px; text-align: center; color: #fff; font: 18px/20px "Microsoft Yahei"; background: url(../img/btn_bg.jpg) no-repeat 0 -22px;}
.chanceBtn li a:hover {color: #ff0; text-decoration: none;}
.chanceBtn .special a {height: 65px; padding-top: 0; line-height: 65px;}
.comment {padding: 8px;}
.comment .bd {padding: 10px 10px 20px 5px;}
.comment .listbox li {padding-bottom: 15px; line-height: 20px;}
.comment .listbox b {color: #000;}
.message {width: 570px;}
.message h4 {padding: 0 8px 6px; color: #235200; font-size: 14px;}
.rolebox .infobox {padding: 10px 18px; line-height: 22px; color: #135011;}
.rolebox h4 {padding-top: 5px; color: #000; font-size: 14px; font-weight: bold;}

/*------------------- popupCon -------------------*/
#TB_overlayBG{position:fixed; _position: absolute; z-index: 199;left:0;top:0;display:none;width:100%;height:100%; opacity:0.6;filter: alpha(opacity=60);-moz-opacity: 0.6; background:#000;}
.popupCon {position: absolute; top: 50%; left: 50%; z-index: 200; color: #fffde4; background: #197817;}
.popupW01 {width: 400px;}
.popupW02 {width: 300px;}
.popupArea {position: relative; padding: 15px 25px;}
.popupW02 .popupArea {padding: 15px;}
.popupBox .fillForm {padding: 25px 25px 0 0;}
.popupBox .fillForm li {line-height: 25px; padding-bottom: 12px; *padding-bottom: 7px; overflow: hidden; zoom: 1;}
.popupBox .fillForm li span, .popupBox .fillForm li input {float: left;}
.popupBox .fillForm .txtArea {width: 100px; color: #b4ffb2; font-size: 14px; text-align: right;}
.popupBox .fillForm .inputArea {position: relative;}
.placeholder {position: absolute; top: 0; left: 8px; color: #7b280c; font-size: 14px; cursor: text;}
.popupBox .fillForm .clew {height: 25px; line-height: 20px; color: #f65d00; text-align: center;}
.btnClose {position: absolute; top: 11px; right: 11px; display: block; width: 19px; height: 17px; text-indent: -9999px; cursor: pointer; overflow: hidden; zoom: 1; background: url(../img/close.gif) no-repeat 0 0;}
.sharelink {padding: 0 0 13px 12px;}
.sharelink a {float: left; margin-left: 15px;}
.clewbox {padding: 50px 0; color: #fff222; font: 33px/39px "Microsoft Yahei"; text-align: center;}
.prizeMsg {padding: 20px 0 20px 25px;}
.prizeMsg p {color: #fff222; font: 22px/39px "Microsoft Yahei";}
.actcode {padding: 0 0 30px 20px;}
.actcode li {float: left; margin-right: 10px;}

/* input */
.inputxt1 {width: 75px; padding: 0 5px; height: 14px; line-height: 14px; color: #fff; border: 1px solid #197817; background: #130e0b;}
.inputxt2, .inputxt3 {width: 154px; height: 25px; line-height: 25px; padding: 0 5px; border: none; background: #fff;}
.inputxt3 {width: 200px; font-size: 14px; color: #227226;}
.textarea1 {width: 540px; height: 97px; padding: 5px; border: 1px solid #0b340a; background: #f3ffe9;}

/* text */
.atext {display: block; text-indent: -9999px; margin: 0 auto; background: url(../img/text.gif) no-repeat;}
.atext01 {width: 175px; height: 55px; margin-bottom: 18px; background-position: 0 0;}
.atext02 {width: 152px; height: 47px; background-position: 0 -55px;}
.atext03 {width: 204px; height: 36px; background-position: 0 -102px;}
.atitle {padding-bottom: 10px; border-bottom: 1px solid #f7e977;}
.atext04 {padding: 15px 0; color: #fffde4; font: 30px/35px "Microsoft Yahei"; text-align: center;}
.aright {text-align: right;}

/* button */
.btn_submit01, .btn_submit02, .btn_153x46, .btn_qq, .btn_sina, .btn_get {display: block; width: 98px; height: 40px; text-indent: -9999px; cursor: pointer; border: none; background: url(../img/btn_bg.jpg) no-repeat 0 -137px;}
.btn_submit01 {width: 153px; height: 46px; margin: 0 auto; background-position: 0 -90px;}
.btn_submit02 {margin: 5px 0 0 100px;}
.btn_qq {width: 142px; height: 30px; background-position: 0 -244px;}
.btn_sina {width: 142px; height: 30px; background-position: 0 -274px;}
.btn_get {width: 160px; height: 65px; margin: 0 auto 24px auto; background-position: 0 -178px;}
.btn_62x21 {display: block; width: 62px; height: 21px; margin: 12px auto; cursor: pointer; border: none; background: url(../img/btn_bg.jpg) no-repeat 0 0;}
.btn_gray01 {cursor: default; background-position: 0 -373px;}
#activePage .btn_gray02 {background-position: 0 -305px;} 
#activePage .btn_gray02:hover {color: #fff;}
#activePage .signed {cursor: default; text-indent: -9999px; background-position: -133px -22px;}
.btn_copy {display: block; width: 50px; height: 25px; line-height: 25px; text-align: center; color: #9c3102; background: #fc0;}

/*------------------- footer -------------------*/
#footer {color: #4a4452;}
.footerBox ul {width: 925px; padding: 22px 0 60px 55px; margin: 0 auto;}
.footerBox li {float: left; padding-right: 20px; line-height: 20px;}