/* CSS Document */
:focus { -moz-outline-style: none;}
a { outline:none;}

body {font-family: "Microsoft Yahei"; background: #0e121a url(../img/con_bg.jpg) no-repeat center 868px;}
#actwrap {min-width: 1000px; background: url(../img/bg01.jpg) no-repeat center top;}
.container {padding-bottom: 35px; color: #ccc; background: url(../img/bg02.jpg) no-repeat center 520px;}

/*------------------- header -------------------*/
#header {position: relative; width: 1000px; height: 764px; margin: 0 auto; background: url(../img/slogan.jpg) no-repeat center top;}
.logo {position: absolute; top: 18px; left: -183px;}
.logo a {display: block; width: 242px; height: 106px; text-indent: -9999px; background: url(../img/logo.png) no-repeat;}
.menu {position: absolute; top: 0; right: -199px; width: 517px; height: 35px; padding-left: 177px; font-size: 0; background: url(../img/menu_bg.png) no-repeat;}
.menu a {display: inline-block; height: 35px; text-align: center; color: #fff; font-size: 14px; line-height: 32px;}
.menu a:hover {color: #ff0; text-decoration: none;}
.mtype1 {width: 96px;}
.mtype2 {width: 98px;}
.hblock {width: 650px; height: 305px; padding: 404px 0 0 194px; overflow: hidden; zoom: 1;}
.video-box {float: left; width: 483px; height: 294px; padding: 4px 6px 7px 4px;}
.btn-box {float: left; width: 157px;}
.btn-box a {display: block; width: 157px; height: 75px; text-indent: -9999px; background: url(../img/btn_bg.png) no-repeat;}
.btn-box li.b2 a {background-position: 0 -75px;}
.btn-box li.b3 a {background-position: 0 -150px;}
.btn-box li.b4 a {background-position: 0 -225px;}
.btn-box li.b1 a:hover, .btn-box li.b1 a.cur {background-position: -158px 0;}
.btn-box li.b2 a:hover {background-position: -158px -75px;}
.btn-box li.b3 a:hover {background-position: -158px -150px;}
.btn-box li.b4 a:hover {background-position: -158px -225px;}

/*------------------- content -------------------*/
.content {padding: 17px 0;}
.navlist {width: 978px; padding: 0 10px 30px 12px; margin: 0 auto;}
.navlist li {float: left; display: inline; margin-right: 4px;}
.navlist li a {display: block; width: 159px; height: 74px; text-indent: -9999px; background: url(../img/nav_bg.png) no-repeat;}
.navlist li.n2 a {background-position: -160px 0;}
.navlist li.n3 a {background-position: -320px 0;}
.navlist li.n4 a {background-position: -480px 0;}
.navlist li.n5 a {background-position: -640px 0;}
.navlist li.n6 a {background-position: -800px 0;}
.navlist li.n1 a:hover, .navlist li.n1 .on  {background-position: 0 -75px;}
.navlist li.n2 a:hover, .navlist li.n2 .on  {background-position: -160px -75px;}
.navlist li.n3 a:hover, .navlist li.n3 .on  {background-position: -320px -75px;}
.navlist li.n4 a:hover, .navlist li.n4 .on  {background-position: -480px -75px;}
.navlist li.n5 a:hover, .navlist li.n5 .on  {background-position: -640px -75px;}
.navlist li.n6 a:hover, .navlist li.n6 .on  {background-position: -800px -75px;}

.mainbox {width: 1000px; margin: 0 auto; color: #ccc; line-height: 30px;}
.message {padding-bottom: 15px;}
.title {margin-bottom: 23px; border-bottom: 1px solid #485065;}
.message h2 {width: 1000px; height: 77px; padding-bottom: 10px; border-bottom: 1px solid #161921; text-indent: -9999px; background: url(../img/title_bg.png) no-repeat;}
.message h2.h2type01 {background-position: center 0;}
.message h2.h2type02 {background-position: center -87px;}
.message h2.h2type03 {background-position: center -174px;}
.message h2.h2type04 {background-position: center -261px;}
.message h2.h2type05 {background-position: center -350px;}
.message .num {display: inline-block; width: 31px; height: 31px; line-height: 29px; text-align: center; background: url(../img/main_ico.png) no-repeat 0 -119px;}

.mode-intro {width: 956px; padding: 0 22px;}
.h3type01, .h3type02 {height: 51px; color: #fff; font-size: 18px; border: 1px solid #383e51; background: #1f242d;}
.h3type01 .num {margin: 10px 8px 0 16px;}
.h3type01 strong, .h3type02 strong {line-height: 49px; font-weight: normal;}
.h3type02 {padding: 0 15px 0 48px; background: url(../img/main_ico.png) no-repeat 8px -62px;}
.fcolor01 {color: #dea332;}
.fcolor02 {color: #fad028;}
.detail {padding: 18px 23px 25px;}

.list-type01 li {font-size: 14px;}
.list-type01 li .number {display: inline-block; width: 22px; height: 22px; margin-right: 10px; color: #fff; text-align: center; line-height: 20px; border: 1px solid #3e4254; background: #1b1d24;}
.actbox {width: 956px; margin: 0 auto;}
.act-list {padding: 25px 0; margin-right: -21px;}
.act-list li {float: left; display: inline; width: 223px; margin-right: 21px; text-align: center;}
.act-list li img {width: 215px; height: 127px; border: 4px solid #545454;}
.act-list li span {display: block; margin-top: 5px;}
.act-list li a {color: #ccc; font-size: 14px;}
.act-list li a:hover {color: #fff; text-decoration: none;}
.act-list li a:hover img {border: 4px solid #eee;}

/* carrier-box */
.carrier-list {padding: 24px 0 0 28px;}
.carrier-list li {float: left; position: relative; display: inline; width: 185px; height: 368px; padding-bottom: 22px; margin-right: 7px; text-align: center;}
.carrier-list li span {display: block; margin-top: 3px; font-size: 18px;}
.carrier-list li a {position: absolute; top: 0; left: 0; display: block; color: #fff;}
.carrier-list li a:hover {color: #bb6234; text-decoration: none;}

/* new-map */
.new-map {width: 910px; margin: 0 auto;}
.h3type03 {height: 43px; color: #ccc; font-size: 24px; font-weight: bold; text-align: center; line-height: 41px; border: 1px solid #4f5460; background: #313746;}
.map-pic {position: relative; width: 867px; height: 565px; padding: 17px 20px 17px 21px; margin: 34px 0; border: 1px solid #4b505c; background: #2a2f3e;}
.btn-prev, .btn-next {position: absolute; top: 258px; width: 47px; height: 47px; background: url(../img/main_bg.png) no-repeat; z-index: 10;}
.btn-prev {left: 21px;}
.btn-prev:hover {background-position: 0 -48px;}
.btn-next {right: 20px; background-position: -48px 0;}
.btn-next:hover {background-position: -48px -48px;}

/* medal-box */
.medal-box {padding: 10px 0 50px 46px;}
.medal-list {margin-bottom: 20px;}
.medal-list li {float: left; display: inline; margin-right: 14px; cursor: pointer;}
.medal-list li a {display: block; width: 215px; height: 162px; color: #fff; font-size: 18px; background: url(../img/tab_bg.jpg) no-repeat;}
.medal-list li a:hover, .medal-list li .on {text-decoration: none; background-position: 0 -163px;}
.medal-list li span {display: block; width: 210px; padding-top: 119px; text-align: center; cursor: pointer; background: url(../img/ico_medal.png) no-repeat;}
.medal-list li.leval02 span {background-position: 2px 0;}
.medal-list li.leval02 span {background-position: -229px 0;}
.medal-list li.leval03 span {background-position: -458px 0;}
.medal-list li.leval04 span {background-position: -687px 0;}
.medal-box .bd {width: 854px; padding: 20px; border: 2px solid #3e4149; background: #1b1f2b;}

/* new-play */
.new-play {width: 861px; padding-top: 10px; margin: 0 auto;}
.play-pic {width: 849px; padding: 5px; margin-bottom: 30px; border: 1px solid #464a55; background: #252b3c;}
.play-info li {margin-bottom: 25px; font-size: 14px; overflow: hidden; zoom: 1;}
.play-info li .num {float: left; display: inline; margin-right: 10px;}
.play-info li span {float: right; display: inline; width: 820px;}

/*------------------- subreg -------------------*/
.subreg, .shrink {position: fixed; _position: absolute; top: 100px; _top:expression(eval(document.documentElement.scrollTop+100)); z-index: 20; overflow: hidden; zoom: 1;}
.subreg {width: 249px; right: 0; background: url(../img/reg_bg.png) repeat;}
.btn-close {position: absolute; top: 10px; right: 10px; display: block; width: 17px; height: 17px; background: url(../img/close.png) no-repeat; z-index: 10;}
.btn-close:hover {background-position: 0 -18px;}
.sub-title {padding: 20px 0 15px 0; color: #fff; font-family: "Microsoft Yahei"; overflow: hidden; zoom: 1;}
.subreg .first {font-size: 21px; padding-bottom: 10px;}
.sub-title em {float: left; font-size: 43px; line-height: 45px;}
.sub-title span {float: left; display: inline; margin-left: 14px;}
.sub-title b {display: block; font-size: 21px; line-height: 26px;}
.subreg .second b {margin-top: 11px; font-size: 30px;}

/* register-box */
.register-box {position: relative; height: 365px; padding: 0 10px 0 13px; border-bottom: 1px dashed #44454c;}
.register-box .errorTip {height: 24px; color: #e80000;}
.formlist li { position: relative; padding-bottom: 6px; vertical-align: top; overflow: hidden; zoom: 1;}

.inputxt01, .inputxt02 {height: 23px; padding: 3px 5px 3px 25px; color: #7b7f7a; line-height: 23px; border: none; background: #e1e8d3;}
.inputxt01 {width: 188px;}
.inputxt02 {width: 105px;}
.valfocus, .passtxt {color: #7b7f7a;}
.passval {display: none;}
.ico-admin, .ico-psw {background-image: url(../img/main_ico.png); background-repeat: no-repeat;}
.ico-admin {background-position: -11px 5px;}
.ico-psw {background-position: -11px -33px;}

.agreement {margin: 5px 0 12px 41px; color: #6a6b6d; vertical-align: middle;}
.agreement input, .agreement label {vertical-align: middle;}
.agreement input {margin-right: 3px; *margin: 0 0 0 -5px;}
.agreement a {color: #6a6b6d;}

.downbox {padding: 0 0 25px 13px;}

.btn-reg, .btn-down {display: block; width: 220px; color: #fff; font-size: 24px; text-align: center; background: url(../img/btn_bg.png) no-repeat;}
.btn-reg {height: 59px; line-height: 59px; background-position: 0 -301px;}
.btn-reg:hover {text-decoration: none; background-position: -221px -301px;}
.btn-down {height: 68px; line-height: 66px; background-position: 0 -361px;}
.btn-down:hover {text-decoration: none; background-position: -221px -361px;}

.shrink {right: -100px;}
.btn-reg02, .btn-down02 {display: block; width: 78px; height: 84px; padding-left: 6px; line-height: 82px; color: #faf9dc; font-size: 16px; text-align: center;}
.btn-reg02 {border-top: 1px solid #e16101; background: #d34a01 url(../img/ico_arrow02.png) no-repeat 13px center;} 
.btn-down02 {background: #20242c;}
.btn-reg02:hover {background-color: #f55109;}
.btn-down02:hover {background-color: #294062;}
.shrink a:hover {color: #fff; text-decoration: none;}

/*after*/
.register-box .after {height: 255px; font-family: "Microsoft Yahei"; background: url(../img/ico_next.png) no-repeat center bottom;}
.register-box .after .regok_text {padding: 8px 0 18px 0; color: #fff; font-size: 18px; background: url(../img/reg_ok.png) no-repeat 40px 3px}
.register-box .after .regok_text h4 { font-size: 18px; line-height: 24px; padding: 3px 0}
.text_center {text-align: center;}
.register-box .after .regok_text em { margin:0 5px}
.regTips { font-size:16px; line-height: 26px}
.redText { color: #ff0000}

.videoClose { display: inline-block; position: absolute; top: 0; right: 0; width: 37px; height: 37px;}
*html{background-image:url(about:blank); background-attachment:fixed;}

/*------------------- footer -------------------*/
#footer {padding: 50px 0; color: #a2a2a2; border-top: 1px solid #313338; background: #0e121a;}
.foot-box{width: 658px; padding: 6px 0 6px 342px; margin: 0 auto; background: url(../img/foot_logo.png) no-repeat;}