/* CSS Document */
a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none;}

body {background: url(../img/body_bg.jpg) repeat;}

#activePage {background: url(../img/bg01.jpg) no-repeat center top;}
#header {position: relative; width: 1000px; height: 469px; margin: 0 auto; background: url(../img/bg02.jpg) no-repeat; overflow: hidden; zoom: 1;}
.menu {position: absolute; top: 17px; right: 100px;}
.menu a {float: left; display: inline; width: 72px; height: 19px; line-height: 19px; margin-left: 5px; color: #bdc3e9; text-align: center; background: url(../img/menu_bg.png) no-repeat;}
.menu a:hover {color: #fff; text-decoration: none;}

/*------------------- container -------------------*/

.tablist {position: relative; width: 1000px; margin: 0 auto;}
.tablist ul {width: 970px; height: 139px; padding-left: 28px; margin-bottom: 37px;}
.tablist li {float: left;}
.tablist li a {display: block; width: 365px; height: 139px; text-indent: -9999px; background: url(../img/tab_bg.png) no-repeat;}
.tablist li.tab1 a {background-position: 0 0;}
.tablist li.tab1 a:hover, .tablist li.tab1 a.cur {background-position: 0 -147px;}
.tablist li.tab2 a {margin-left: -75px; background-position: -374px 0;}
.tablist li.tab2 a:hover, .tablist li.tab2 a.cur {background-position: -374px -147px;}
.tablist li.tab3 a {margin-left: -75px; background-position: -748px 0;}
.tablist li.tab3 a:hover, .tablist li.tab3 a.cur {background-position: -748px -147px;}

/* actmsg */
.actbg01 {padding: 20px 0; background: url(../img/bg03_01.jpg) no-repeat center top;}
.actmsg {width: 960px; margin: 0 auto;}
.actmsg h2 {display: none;}
.actmsg p {font-size: 14px; line-height: 24px;}
.actmsg b {display: block;}
.actmsg .fcolor1 {color: #333858;}
.actmsg .fcolor2 {color: #522b5b;}
.actmsg .fcolor3 {color: #e7e7e7;}
.actmsg .fcolor4 {color: #f4beff;}
.actmsg .section01 {height: 205px; padding: 137px 115px 0 152px; background: url(../img/tab1/act_bg01.jpg) no-repeat;}
.actmsg .section02 {height: 181px; padding: 120px 488px 0 152px; background: url(../img/tab1/act_bg02.jpg) no-repeat;}
.actmsg .section03 {height: 155px; padding: 137px 328px 0 152px; background: url(../img/tab1/act_bg03.jpg) no-repeat;}
.actmsg .section04 {height: 181px; padding: 120px 418px 0 152px; background: url(../img/tab1/act_bg04.jpg) no-repeat;}
.actmsg .section05 {height: 109px; padding: 137px 115px 0 152px; background: url(../img/tab1/act_bg05.jpg) no-repeat;}

/* change */
.actbg02 {height: 2355px; padding: 26px 0; background: url(../img/bg03_02.jpg) no-repeat center top;}
.change {width: 842px; padding-left: 14px; margin: 0 auto;}
.change h2 {width: 842px; height: 49px; text-indent: -9999px; margin-bottom: 45px; background: url(../img/tab3/h2_bg.png) no-repeat;}
.change h3 {height: 40px; margin-bottom: 12px; text-indent: -9999px; background: url(../img/tab3/title_bg.png) no-repeat;}
.change h3.h3bg02 {background-position: 0 -41px;}
.change h3.h3bg03 {background-position: 0 -82px;}
.change h3.h3bg04 {background-position: 0 -123px;}
.change h3.h3bg05 {background-position: 0 -164px;}
.change h3.h3bg06 {background-position: 0 -205px;}
.change h3.h3bg07 {background-position: 0 -246px;}
.change h3.h3bg08 {background-position: 0 -287px;}
.change p {padding-bottom: 12px; color: #9b6995; font-size: 14px; line-height: 24px;}
.change .section01 {width: 351px; height: 510px; padding: 0 0 0 53px;}
.change .section02 {width: 350px; height: 445px; padding: 65px 0 0 40px;}
.change .section03 {width: 351px; height: 494px; padding: 0 0 0 53px;}
.change .section04 {width: 351px; height: 403px; padding: 91px 0 0 53px;}
.change .section05 {width: 462px; height: 623px; padding: 0 190px;}
.change .section06 {width: 351px; height: 417px; padding: 0 0 0 53px;}
.change .section07 {width: 351px; height: 417px; padding: 0 0 0 53px;}
.change .section08 {width: 714px; height: 160px; padding: 0 64px;}
.tcenter {text-align: center;}

/* votepage */
.actbg03 {padding: 20px 0; background: url(../img/bg03_03.jpg) no-repeat center top;}
.votepage {width: 980px; margin: 0 auto;}

.message {width: 876px; height: 55px; padding: 18px 0 0 46px; margin: 69px 0 34px 0;}
.message p {color: #d3b59d; font-size: 14px; line-height: 24px;}
.message a {color: #fff; text-decoration: underline;}
.message a:hover {color: #fae274; text-decoration: none;}

.votebox {margin-bottom: 28px;}
.votelist {padding-top: 7px; margin-right: -8px;}
.votelist li {position: relative; float: left; display: inline; width: 132px; padding-bottom: 20px; margin-right: 8px; text-align: center;}
.votelist li span {display: block;}
.votelist .photo img {width: 132px; height: 132px;}
.allnum {position: absolute; top: 92px; width: 132px; height: 32px; padding-top: 3px; line-height: 14px; color: #fff; text-align: center;}
.allnum b {display: block;}
.votelist .name {margin-bottom: 5px; color: #fff; font: 20px/28px "SimSun";}
.btn_vote {display: inline-block; width: 72px; height: 21px; line-height: 21px; text-align: center; color: #000; font-size: 14px; background: url(../img/btn_bg.png) no-repeat;}
.btn_vote:hover {text-decoration: none;}

.lottery {padding-top: 100px; margin-bottom: 25px;}
.lottery .message {padding: 38px 0 0 80px; margin: 0 0 11px 0;}
.prizebox {padding-left: 20px;}
.prizeboxL {float: left; width: 402px;}
.prizeboxR {float: right; width: 538px;}

#rotary {margin-bottom: 12px;}
.btnbox {padding-left: 65px; font-size: 0;}
.btnbox a {display: inline-block; width: 116px; height: 33px; margin: 0 10px; line-height: 33px; color: #fff; text-align: center; font-size: 14px; background: url(../img/btn_bg.png) no-repeat;}
.btnbox a:hover {color: #fff44b; text-decoration: none;}
a.btn01 {background-position: 0 -22px;}
a.btn02 {background-position: 0 -56px;}

.votepage h3 {height: 40px; margin-bottom: 6px; text-indent: -9999px; background: url(../img/tab2/title_bg.png) no-repeat;}
.votepage h3.h3type02 {background-position: 0 -41px;}
.votepage h3.h3type03 {background-position: 0 -82px;}

.prizeset {margin-bottom: 14px;}
.winInfo {width: 522px; margin-bottom: 14px; line-height: 24px; color: #848393;}
.winlist {position: relative; width: 482px; height: 123px; padding: 20px; background: url(../img/tab2/box_bg.jpg) no-repeat;}
.winInfo li {font-size: 14px;}
.winInfo .next, .winInfo .prev {position: absolute; right: 9px; display: block; width: 14px; height: 9px; overflow: hidden; cursor: pointer; background: url(../img/arrow.gif) no-repeat;}
.winInfo .next {top: 13px; background-position: 0 -10px;}
.winInfo .prev {top: 142px;}

.rolebox .infobox {padding: 10px 18px; line-height: 24px; color: #848393;}
.rolebox .infobox li {font-size: 14px; line-height: 24px;}

/*------------------- 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 {display: none; position: absolute; top: 50%; left: 50%; z-index: 200; color: #969bbb; border: 2px solid #0c1332; background: #1e263b;}
.popupW01 {width: 500px;}
.popupW02 {width: 350px;}
.popupArea {position: relative; padding: 40px 20px; border: 1px solid #a3abdc;}
.popupW02 .popupArea {padding: 40px 15px;}
.popupBox h2 {color: #fff773; font: bold 24px/30px "SimSun"; text-align: center;}
.popupBox .line {padding-bottom: 10px; margin-bottom: 15px; background: url(../img/line.png) no-repeat center bottom;}
.prizeview {padding-left: 22px;}
.prizeview table {border-collapse: separate; border-spacing: 15px;}
.prizeview th, .prizeview td {padding: 0 10px; font-size: 14px;}
.prizeview th {font-weight: bold;}
.prizeview td {color: #fff; border: 1px solid #a3abdc; background: #252a45;}
.popupBox .fillForm {padding: 25px 25px 0 15px;}
.popupBox .fillForm ul {padding-bottom: 25px;}
.popupBox .fillForm li {margin-bottom: 8px; vertical-align: top; overflow: hidden; zoom: 1;}
.popupBox .fillForm li span, .popupBox .fillForm li input {float: left; display: inline;}
.popupBox .fillForm .txtArea {width: 100px; font-size: 14px; line-height: 22px; 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: 15px; height: 19px; text-indent: -9999px; cursor: pointer; overflow: hidden; zoom: 1; background: url(../img/close.gif) no-repeat;}
.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: 20px 0 20px 20px;}
.actcode label {color: #fff; font-size: 20px; line-height: 32px; vertical-align: middle;}

.giftnote dt {color: #12c200; font-size: 14px; font-weight: bold; line-height: 20px;}
.giftnote dd {margin-bottom: 10px;}
.giftnote dd, .giftnote li {color: #ffadad; font-size: 14px;}

/* input */
.inputxt1 {padding: 0 5px; height: 20px; line-height: 20px; color: #fff; border: 1px solid #a3abdc; background: #252a45;}
.inputxt1 {width: 120px;}
.inputxt2 {width: 209px; height: 30px; line-height: 30px; padding: 0 5px; font-size: 14px; border: none; border: 1px solid #a3abdc; background: #fff;}

/* button */
.btn_submit, .btn_copy, .btn-get {display: block; width: 130px; height: 50px; text-indent: -9999px; cursor: pointer; border: none; background: url(../img/btn_bg.png) no-repeat;}
.btn_submit {margin-left: 100px; background-position: 0 -90px;}
.btn_copy {width: 170px; height: 45px; margin: 18px 0 0 160px; background-position: 0 -141px;}
.btn-get {width: 215px; height: 41px; margin: 17px auto 0 auto; background-position: 0 -187px;}

/*------------------- soonreg -------------------*/
.soonreg, .soonregsmall {position: fixed; _position: absolute; right: 0; top: 50px;_top:expression(eval(document.documentElement.scrollTop+50)); z-index: 99;}
.soonregsmall {display: none; width: 65px; height: 250px; cursor: pointer; text-indent: -9999px; background: url(../img/m_soonregbg.jpg) no-repeat;}
.soonreg{width: 298px; border: 1px solid #0c1332; background: #1e263b;}
.soonregbox {padding: 30px 7px 25px 7px; border: 1px solid #a3abdc;}
.code-down {padding-bottom: 20px; text-align: center; border-bottom: 1px solid #a3abdc;}
.code-down h2 {padding-bottom: 5px; color: #feffc8; font-size: 24px; line-height: 25px;}
.soonregbox label, .soonregbox input, .fillForm img {float: left;}
.fillForm li {margin-bottom: 15px; overflow: hidden; zoom: 1; vertical-align: top;}
.fillForm .txtnote {width: 85px; text-align: right; color: #fff; font: 14px/31px "Microsoft Yahei";}
.inputxt01, .inputxt02 {width: 166px; height: 25px; padding: 3px 5px; line-height: 25px; color: #fff; border: none; background: url(../img/form_bg.png) no-repeat;}
.inputxt02 {width: 84px;}
.code {margin-left: 5px; cursor: pointer;}
.clewtxt {height: 30px; line-height: 30px; padding-left: 92px; color: #f00; font-size: 14px;}
.regagree {padding-left: 85px; overflow: hidden; font-size: 14px; color: #a3abdc;}
.regagree a {color: #a3abdc;}
.regagree input {margin: 3px 5px 0 0;}
.close{display: block; position: absolute; right: 15px; top: 10px; width: 17px; height: 19px; text-indent: -9999px; background:url(../img/close.gif) no-repeat 0 -20px;}
.btn_register, .btn_ios, .btn_android {display: block; width: 120px; height: 42px; margin: 5px 0 0 85px; text-indent: -9999px; background: url(../img/form_bg.png) no-repeat 0 -31px;}
.btn_register {margin-top: 15px;}
.btn_android {background-position: 0 -74px;}
.btn_ios {background-position: 0 -117px;}
.soonreg .after {color: #fff; line-height: 24px; background: url(../img/ico_true.png) no-repeat center 20px;}
.soonreg .after p {text-align: center;}
.success {padding: 100px 0 20px 0; color: #65c819; font-size: 24px; text-shadow: 1px 1px 1px #000;}
.f18 {font-size: 18px;}

* html {_background-image: url(about:blank); _background-attachment: fixed;}

/*------------------- footer -------------------*/
#footer {padding: 35px 0 45px 0; color: #464958;}
.footerBox {width: 715px; padding: 15px 0 0 285px; margin: 0 auto; background: url(../img/small_logo.gif) no-repeat 90px center;}