@charset "utf-8";

/* ==================================================
* base.css
* @version 1.7
================================================== */
/* reset */
html{overflow:hidden;
	overflow-y:auto;
  scrollbar-face-color:#ffdf01;
  scrollbar-highlight-color:#181818;
  scrollbar-3dlight-color:#181818;
  scrollbar-darkshadow-color:#181818;
  scrollbar-Shadow-color:#181818;
  scrollbar-arrow-color:#181818;
  scrollbar-track-color:#181818;
  }
html {background-color: #fff; color: #333;} 
body {font: 12px/1.6 tahoma, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
input, textarea, select, button {font: 100%/1.2 tahoma, arial, sans-serif;}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, form, fieldset, legend, input, textarea, select, button, th, td {margin: 0; padding: 0;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
img {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
em {font-style: normal;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
input, textarea, select, button, object {outline: 0;}

/* html5 reset for ie */
header, nav, section, article, aside, footer {display: block;}

/* element */
.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clearfix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}
.clearfix {*zoom: 1;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.vm {vertical-align: middle;}
.bc {margin-right: auto; margin-left: auto;}

.pr {position: relative;}
.pa {
	position: absolute;
	height: 48px;
	width: 141px;
}

.hidden {visibility: hidden;}
.none {display: none;}

.fb {font-weight: 700;}
.fn {font-weight: 400;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}

.YaHei {font-family: \5FAE\8F6F\96C5\9ED1;}

/* ==================================================
* @formList
* @version 1.4
================================================== */
.formList .field {position: relative; padding-left: 150px;}
.formList .field p {font-size: 12px;}

.formList .field-item {_zoom: 1; height: 48px; margin-bottom: 4px;}
.formList .field-item .item-title, .formList .field-item .infobox {height: 26px; line-height: 26px;}
.formList .field-item .item-title {position: absolute; top:0; left: 0; width: 150px; text-align: right; white-space: nowrap;}
.formList .field-item .item-title em {color: red;}
.formList .field-item .infobox {*zoom: 1; display: inline-block; *display: inline;}
.formList .field-item .textbox {width: 200px; height: 24px; line-height: 24px\9; *margin-top: -1px; border: 1px solid #999; text-indent: 4px;}
.formList .field-item .imebox {ime-mode: disabled;}

.formList .field-item-space {height: auto;}

.formList .field-btn input {width: 120px; height: 32px; line-height: 32px; cursor: pointer;}
.formList .field-btn .hover {}
.formList .field-btn .disable {cursor: default;}

.formList .help, .formList .error {height: 18px; line-height: 18px;}
.formList .help {color: #888;}
.formList .error {display: none; color: red;}

.formList .jz-focus .help {display: block;}
.formList .jz-focus .error {display: none;}
.formList .jz-help .help {display: block;}
.formList .jz-help .error {display: none;}
.formList .jz-error .help {display: none;}
.formList .jz-error .error {display: block;}
.formList .jz-success .help {display: none;}
.formList .jz-success .error {display: none;}

.formList-cover .field-item {height: 44px;}
.formList-cover .field-item p {position: absolute; top: 0; left: 150px; width: 200px; height: 24px; line-height: 24px; border: 1px solid #999; text-indent: 5px; background-color: #fff; cursor: default;}
.formList-cover .jz-focus .help {display: none;}

/* ==================================================
* layout
================================================== */
html {background-color: #181818;}
body {font-family: \5FAE\8F6F\96C5\9ED1;}
.wrap {width: 1000px;}
.switchMod .switchMod-cont {display: none;}

/* header */
.header, .header .wrap {background: url(../images/headermain-bg.jpg) no-repeat 0 0;}
.header {border-bottom: 5px solid #313131; background-position: center 0;}
.header .wrap {height: 481px; background-position: -450px 0;}

.header-logo {top: 4px; left: 386px; width: 228px; height: 128px; text-indent: -99999px; outline: none;}

.header-nav {margin-left: 11px;}
.header-nav li {width: 89px;}
.header-nav .ml {margin-left: 267px;}

.header-nav a {display: block; height: 146px; background: url(../images/headermain-nav.gif) no-repeat 0 0; text-indent: -99999px; outline: none;}
.header-nav .menu-home {background-position: 0 0;}
.header-nav .menu-news {background-position: -89px 0;}
.header-nav .menu-download {background-position: -178px 0;}
.header-nav .menu-data {background-position: -267px 0;}
.header-nav .menu-newbie {background-position: -356px 0;}
.header-nav .menu-account {background-position: -445px 0;}
.header-nav .menu-service {background-position: -534px 0;}
.header-nav .menu-bbs {background-position: -623px 0;}
.header-nav .menu-home:hover {background-position: 0 -146px;}
.header-nav .menu-news:hover {background-position: -89px -146px;}
.header-nav .menu-download:hover {background-position: -178px -146px;}
.header-nav .menu-data:hover {background-position: -267px -146px;}
.header-nav .menu-newbie:hover {background-position: -356px -146px;}
.header-nav .menu-account:hover {background-position: -445px -146px;}
.header-nav .menu-service:hover {background-position: -534px -146px;}
.header-nav .menu-bbs:hover {background-position: -623px -146px;}

/* footer */
.footer, .footer a {color: #ffdf01;}
.footer {background-color: #181818;}
.footer .wrap {padding: 24px 0;}
.footer img {top: 48px; left: 24px;}
.footer ul {margin-left: 200px; padding-left: 36px; border-left: 2px solid #ffdf01;}

.footer-nav h2, .footer-nav li a {background: url(footer-nav.html) no-repeat 0 0;}
.footer-nav {padding: 24px 0; background-color: #181818;}
.footer-nav h2, .footer-nav li a {height: 74px; text-indent: -99999px; outline: none;}
.footer-nav h2 {width: 284px; background-position: 0 0;}
.footer-nav li {width: 179px;}
.footer-nav li a {display: block;}
.footer-nav li .m1 {background-position: -284px 0;}
.footer-nav li .m2 {background-position: -463px 0;}
.footer-nav li .m3 {background-position: -642px 0;}
.footer-nav li .m4 {background-position: -821px 0;}
.footer-nav li .m1:hover {background-position: -1000px 0;}
.footer-nav li .m2:hover {background-position: -1179px 0;}
.footer-nav li .m3:hover {background-position: -1358px 0;}
.footer .sjdouglass { font-family: "Times New Roman"; font-weight:bold}

/* ==================================================
* index
================================================== */
.index .main-mod .hd h2, .index .main-mod .hd li a, .index .calendar .switchMod-menu li span, .index .gameData label, .index .role .switchMod-cont h3, .index .role .switchMod-menu li a, .index .main-aside h2 {background: url(../images/index-main-el.png) no-repeat 0 0;}

.index .main-mod, .index .main-mod .wrap {background: url(../images/index-main-bg.jpg) no-repeat 0 0;}
.index .main-mod1 {background-position: center 0;} 
.index .main-mod1 .wrap {height: 378px; background-position: -450px 0;}
.index .main-mod2 {background-position: center -378px;} 
.index .main-mod2 .wrap {height: 423px; background-position: -450px -378px;}
.index .main-mod3 {background-position: center -801px;} 
.index .main-mod3 .wrap {height: 544px; background-position: -450px -801px;}

.index .row1 {top: 17px;}
.index .col1 {left: 0; width: 624px;}
.index .col2 {left: 630px; width: 370px;}

#meinv { padding-top:20px; text-align:center;}

.index .main-mod, .index .main-mod a {color: #919191;}

.index .main-mod .hd {height: 36px; border-top: 1px solid #ffdf01; background-color: #ffdf01;}
.index .main-mod .hd .more {top: 8px; right: 12px; color: #000000;}
.index .main-mod .hd li a {display: block;}
.index .main-mod .hd h2, .index .main-mod .hd li a {width: 112px; height: 35px; text-indent: -99999px; outline: none;}
.index .main-mod .hd h2, .index .main-mod .hd li {border-top: 1px solid #ffdf01;}
.index .main-mod .hd .current {border-top-color: #181818;}

.index .newsList {margin: 12px 26px 0 20px;}
.index .newsList li {position: relative; padding-top: 8px; height: 16px; padding-bottom: 6px; _overflow: hidden;}
.index .newsList li span {position: absolute; top: 8px; right: 0;}

/* index mod1 */
.index .main-mod1 .row1 {top: 0;}
.index .main-mod1 .row2 {top: 80px;}
.index .main-mod1 .row1, .index .main-mod1 .col1 {background-color: #181818;}

.index .main-nav {padding: 0 6px 6px;}
.index .main-nav li {margin-right: 3px;}
.index .main-nav li a {display: block; width: 141px; height: 74px; background: url(../images/index-main-nav.jpg) no-repeat 0 0; text-indent: -99999px; outline: none;}
.index .main-nav li .m1 {width: 186px; background-position: 0 0;}
.index .main-nav li .m2 {background-position: -189px 0;}
.index .main-nav li .m3 {background-position: -333px 0;}
.index .main-nav li .m4 {background-position: -477px 0;}
.index .main-nav li .m1:hover {background-position: 0 -74px;}
.index .main-nav li .m2:hover {background-position: -189px -74px;}
.index .main-nav li .m3:hover {background-position: -333px -74px;}
.index .main-nav li .m4:hover {background-position: -477px -74px;}

.index .slide, .index .slide img {width: 618px; height: 275px;}
.index .slide {padding: 0 6px 6px; background: url(../images/index-loading.gif) no-repeat center;}
.index .slide .switchMod-cont {position: absolute; top: 0; left: 6px;}
.index .slide .switchMod-menu {position: absolute; bottom: 16px; right: 16px;}
.index .slide .switchMod-menu li {float: left; _display: inline; width: 12px; height: 12px; margin-left: 6px; background-color: #ffdf01; text-indent: -99999px; _overflow: hidden;}
.index .slide .switchMod-menu .current {background-color: #dedede;}

.index .news {padding-top: 5px; height: 356px;}
.index .news .mr {margin-right: 6px;}
.index .news .hd {padding: 1px; border: 1px solid #ffdf01; background-color: #ffdf01;}
.index .news .hd ul {background-color: #ffdf01;}
.index .news .hd li, .index .news .hd .current {border-top-color: #ffdf01;}
.index .news .hd li a {width: 70px;}
.index .news .hd li .m1 {background-position: 0 -70px;}
.index .news .hd li .m2 {background-position: -70px -70px;}
.index .news .hd li .m3 {background-position: -140px -70px;}
.index .news .hd li .m4 {background-position: -210px -70px;}
.index .news .hd .current .m1 {background-position: 0 -107px;}
.index .news .hd .current .m2 {background-position: -70px -107px;}
.index .news .hd .current .m3 {background-position: -140px -107px;}
.index .news .hd .current .m4 {background-position: -210px -107px;}

.index .news .headline {margin-top: 12px;}
.index .news .headline a {color: #ffdf01;}
.index .news .newsList {border-top: 1px dashed #dedede; border-bottom: 1px dashed #6c6c6c;}
.index .news .newsList li {border-top: 1px dashed #6c6c6c; border-bottom: 1px dashed #6c6c6c;}

/* index mod2 */
.index .main-mod2 .row2 {top: 133px; height: 273px; background-color: #181818;}
.index .main-mod2 .row2 .hd {border-top-color: #ffdf01;}

.index .banner {width: 630px;}
.index .banner li, .index .banner img {width: 202px; height: 97px;}
.index .banner li {margin-right: 6px; border: 1px solid #ffdf01;}

.index .calendar .hd {border-top-color: #ffdf01; background-color: #ffdf01;}
.index .calendar .hd h2 {border-top-color: #ffdf01; background-position: -1120px -70px;}
.index .calendar .switchMod-cont {margin: 4px 20px 0;}
.index .calendar .switchMod-cont li {margin-top: 12px; margin-right: 12px; padding-right: 12px; border-right: 1px solid #ffdf01; line-height: 15px;}
.index .calendar .switchMod-cont li a {white-space: nowrap;}
.index .calendar .switchMod-menu {position: absolute; top: -2px; right: 0;}
.index .calendar .switchMod-menu li {float: left; _display: inline;}
.index .calendar .switchMod-menu li span {display: block; width: 36px; height: 33px; text-indent: -99999px;}
.index .calendar .switchMod-menu li .m1 {background-position: -700px -103px;}
.index .calendar .switchMod-menu li .m2 {background-position: -736px -103px;}
.index .calendar .switchMod-menu li .m3 {background-position: -772px -103px;}
.index .calendar .switchMod-menu li .m4 {background-position: -808px -103px;}
.index .calendar .switchMod-menu li .m5 {background-position: -844px -103px;}
.index .calendar .switchMod-menu li .m6 {background-position: -880px -103px;}
.index .calendar .switchMod-menu li .m7 {background-position: -916px -103px;}
.index .calendar .switchMod-menu .current .m1 {background-position: -700px -70px;}
.index .calendar .switchMod-menu .current .m2 {background-position: -736px -70px;}
.index .calendar .switchMod-menu .current .m3 {background-position: -772px -70px;}
.index .calendar .switchMod-menu .current .m4 {background-position: -808px -70px;}
.index .calendar .switchMod-menu .current .m5 {background-position: -844px -70px;}
.index .calendar .switchMod-menu .current .m6 {background-position: -880px -70px;}
.index .calendar .switchMod-menu .current .m7 {background-position: -916px -70px;}

.index .gameData .hd h2 {background-position: -1008px -35px;}
.index .gameData label, .index .gameData li {line-height: 15px;}
.index .gameData label {top: 0; left: 20px; background-position: -1222px -127px; text-indent: 16px; color: #ffdf01;}
.index .gameData ul {padding-left: 100px;}
.index .gameData li {margin-right: 12px; padding-right: 12px; border-right: 1px solid #ffdf01;}
.index .gameData li a {white-space: nowrap;}
.index .gameData .mt {margin-top: 16px;}

.index .role .hd h2 {background-position: -1120px 0;}
.index .role .switchMod-cont {margin-top: 8px;}
.index .role .switchMod-cont h3 {top: 214px; left: 224px; width: 112px; height: 35px; background-position: -896px -35px; text-indent: -99999px;}
.index .role .switchMod-cont p {top: 106px; left: 209px; border: 3px solid #ffdf01;}
.index .role .switchMod-cont p a {display: block; width: 138px; height: 90px; background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; outline: none;}
.index .role .switchMod-cont div {height: 218px; background-repeat: no-repeat; background-position: -140px 8px;}
.index .role .switchMod-cont .cx, .index .role .switchMod-cont .cx p a {background-image: url(../images/index-role-cx.html);}
.index .role .switchMod-cont .ly, .index .role .switchMod-cont .ly p a {background-image: url(../images/index-role-ly.html);}
.index .role .switchMod-cont .zy, .index .role .switchMod-cont .zy p a {background-image: url(../images/index-role-zy.html);}

.index .role .switchMod-menu {z-index: 9; top: -1px; right: 0;}
.index .role .switchMod-menu li {width: 62px;}
.index .role .switchMod-menu li a {display: block; height: 70px; text-indent: -99999px; outline: none;}
.index .role .switchMod-menu li .cx {background-position: -493px -70px;}
.index .role .switchMod-menu li .ly {background-position: -570px -70px;}
.index .role .switchMod-menu li .zy {background-position: -630px -70px;}
.index .role .switchMod-menu .current .cx {background-position: -290px -70px;}
.index .role .switchMod-menu .current .ly {background-position: -360px -70px;}
.index .role .switchMod-menu .current .zy {background-position: -420px -70px;}

/* index mod3 */
.index .main-mod3 .row2 {top: 238px; height: 288px; border-top: 1px solid #181818; background-color: #181818;}

.index .enjoy .hd li .m1 {background-position: -224px 0;}
.index .enjoy .hd li .m2 {background-position: -336px 0;}
.index .enjoy .hd li .m3 {background-position: -448px 0;}
.index .enjoy .hd li .m4 {background-position: -560px 0;}
.index .enjoy .hd .current .m1 {background-position: -672px 0;}
.index .enjoy .hd .current .m2 {background-position: -784px 0;}
.index .enjoy .hd .current .m3 {background-position: -896px 0;}
.index .enjoy .hd .current .m4 {background-position: -1008px 0;}

.index .enjoy .switchMod-cont {margin-top: 4px;}
.index .enjoy .switchMod-cont img {width: 306px; height: 160px;}
.index .enjoy .switchMod-cont p {border: 3px solid #ffdf01}

.index .player .hd li .m1 {background-position: -112px 0;}
.index .player .hd li .m2 {background-position: 0 0;}
.index .player .hd .current .m1 {background-position: -112px -35px;}
.index .player .hd .current .m2 {background-position: 0 -35px;}

.index .encyclopedia {padding-right: 6px;}
.index .encyclopedia .hd, .index .encyclopedia .hd li {border-top-color: #ffdf01; background-color: #ffdf01;}
.index .encyclopedia .hd li .m1 {background-position: -560px -35px;}
.index .encyclopedia .hd li .m2 {background-position: -672px -35px;}
.index .encyclopedia .hd li .m3 {background-position: -784px -35px;}
.index .encyclopedia .hd .current .m1 {background-position: -224px -35px;}
.index .encyclopedia .hd .current .m2 {background-position: -336px -35px;}
.index .encyclopedia .hd .current .m3 {background-position: -448px -35px;}
.index .encyclopedia .switchMod-cont {height: 219px; padding: 16px;}

.index .serve .hd h2 {background-position: -1120px -35px;}
.index .serve ul {height: 72px;}
.index .serve li {margin-top: 6px; margin-right: 11px;}
.index .serve li a {display: block; width: 110px; height: 25px; line-height: 25px; border-top: 1px solid #bfbfbf; background-color: #ffdf01; color:#333333;}
.index .serve li a:hover {background-color: #9f9f9f; text-decoration: none;}
.index .serve .aside, .index .serve .aside a {color: #ffdf01;}
.index .serve .aside {top: 169px; left: 120px; }
.index .serve .Q{top: 185px; left: 265px;}
/* index aside */
.index .main-aside, .index .main-aside a {color: #e7e7e7;}
.index .main-aside {padding: 24px 0; background-color: #181818;}
.index .main-aside h2 {left: 24px; _left: -91px; width: 73px; height: 19px; text-indent: -99999px;}
.index .main-aside .ml {margin-left: 115px;}

.index .main-aside .media h2 {top: 6px; background-position: -952px -70px;}
.index .main-aside .media div, .index .main-aside .media ul, .index .main-aside .media img {height: 31px;}
.index .main-aside .media div {width: 864px; overflow: hidden;}
.index .main-aside .media ul {top: 0; left: 0; width: 100000px;}
.index .main-aside .media li {margin-right: 8px;}
.index .main-aside .media img {width: 88px;}

.index .main-aside .sociaty {margin-top: 16px;}
.index .main-aside .sociaty h2 {top: 0; background-position: -952px -89px;}
.index .main-aside .sociaty ul {padding-top: 2px;}
.index .main-aside .sociaty li {height: 15px; line-height: 15px; margin-right: 9px; padding-right: 9px; border-right: 1px solid #ffdf01; overflow: hidden;}
.index .main-aside .sociaty li a {white-space: nowrap;}

.index .semacode, .index .semacode a {background: url(../images/index-semacode.html) no-repeat 0 0;}
.index .semacode {position: fixed; _position: absolute; top: 0; left: 0; width: 148px; height: 206px; background-position: 0 77px;}
.index .semacode a {display: block; width: 130px; height: 38px; text-indent: -99999px; outline: none;}
.index .semacode .tqq {margin-top: 1px;}
.index .semacode .tqq a {background-position: 0 -243px;}
.index .semacode .tqq a:hover {background-position: 0 -167px;}
.index .semacode .tsina a {background-position: 0 -205px;}
.index .semacode .tsina a:hover {background-position: 0 -129px;}

/* ==================================================
* sub
================================================== */
.sub .menu a, .sub .download .box h3, .sub .gameData h3 span, .sub .gameData .list label {background: url(../images/sub-main-el.png) no-repeat 0 0;}

.sub .main {padding-bottom: 16px; border-top: 1px solid #313131; background: url(../images/sub-main-bg.jpg) repeat-y center top;}

.sub .sidebar, .sub .sidebar p {width: 213px;}
.sub .sidebar p {border-bottom: 1px solid #ffdf01; overflow: hidden;}
.sub .sidebar-nav li {margin-bottom: 1px;}
.sub .sidebar-nav li a {display: block; height: 50px; background: url(../images/sub-sidebar-nav.png) no-repeat 0 0; text-indent: -99999px; outline: none;}
.sub .sidebar-nav li .m1 {height: 95px; background-position: 0 0;}
.sub .sidebar-nav li .m2 {background-position: 0 -95px;}
.sub .sidebar-nav li .m3 {background-position: 0 -145px;}
.sub .sidebar-nav li .m4 {background-position: 0 -195px;}
.sub .sidebar-nav li .m1:hover {background-position: -213px 0;}
.sub .sidebar-nav li .m2:hover {background-position: -213px -95px;}
.sub .sidebar-nav li .m3:hover {background-position: -213px -145px;}
.sub .sidebar-nav li .m4:hover {background-position: -213px -195px;}

.sub .main-body .hd, .sub .main-body .hd h2 {background: url(../images/sub-main-hd.png) no-repeat 0 0;}
.sub .main-body {width: 777px; padding-bottom: 36px; background-color: #313131;}
.sub .main-body .hd, .sub .main-body .hd a {color: #000000;}
.sub .main-body .hd {height: 46px; border-top: 1px solid #fff602; background-color: #656565; background-position: 0 0;}
.sub .main-body .hd h2 {width: 91px; height: 24px; margin-top: 11px; margin-left: 71px; text-indent: -99999px;}
.sub .main-body .hd .crumb {margin-top: 13px; margin-right: 30px;}

.sub .main-body .content {width: 717px; margin-top: 35px; line-height: 1.8;}
.sub .main-body .content, .sub .main-body .content a {color: #acacac;}
.sub .main-body .content img {border: 1px solid #656565; padding:2px;}

.sub .main-body .menu {padding-bottom: 1px; border-bottom: 1px solid #fe0000;}
.sub .main-body .menu a {display:block; height: 39px; text-indent: -99999px; outline: none;}

/* page */
.sub .page {cursor: default;}
.sub .page a, .sub .page span {*display: inline-block; padding: 1px 5px;}
.sub .page .current {font-weight: 700; color: #dedede;}
.sub .page, .sub .page .disabled {color: #dedede;}

/* detail */
.sub .detail {overflow: hidden;}
.sub .detail h1 {color: #ffdf01;}
.sub .detail .aside {padding-bottom: 20px; border-bottom: 1px dashed #656565;}
.sub .detail .aside span {margin-left: 16px;}
.sub .detail .aside a {*display: inline-block; padding: 0 8px;}
.sub .detail .edit {padding-top: 20px; border-bottom: 1px dashed #656565;}
.sub .detail .edit p {margin-bottom: 16px;}
.sub .detail .edit a {text-decoration: underline; color: #f2dc78;}
.sub .detail .edit a:hover {color: #fff47c;}

/* search */
.sub .search label, .sub .search .submit {background: url(../images/sub-search-el.png) no-repeat 0 0;}
.sub .search {height: 42px; padding-top: 12px; border: 1px solid #313131; background-color: #656565;}
.sub .search p {margin-right: 4px;}
.sub .search label {display: block; width: 152px; height: 30px; margin-left: 19px; background-position: 0 0; text-indent: -99999px;}
.sub .search input {position: relative; vertical-align: top;}
.sub .search .textbox {*top: -1px; width: 410px; height: 28px; line-height: 28px\9; padding-left: 4px; border: 1px solid #656565; background-color: #dedede;}
.sub .search .submit {top: -1px; display: block; width: 99px; height: 32px; border: 0; background-position: 1px -30px; text-indent: -99999px; cursor: pointer;}
.sub .search .hover {background-position: -98px -30px;}
.sub .search .dis {background-position: -197px -30px;}

/* download */
.sub .download .hd h2 {background-position: -91px -46px;}
.sub .download em {color: #ffdf01;}

.sub .download .menu a {width: 205px;}
.sub .download .menu li {margin-right: 2px;}
.sub .download .menu .m1 {background-position: 0 0;}
.sub .download .menu .m2 {background-position: -205px 0;}
.sub .download .menu .m1:hover, .sub .download .menu .current .m1 {background-position: -410px 0;}
.sub .download .menu .m2:hover, .sub .download .menu .current .m2 {background-position: -615px 0;}

.sub .download .box {padding: 32px 20px;}
.sub .download .box h3 {width: 169px; height: 25px; text-indent: -99999px;}

.sub .download .btns li {margin-right: 13px; padding: 6px 0;}
.sub .download .btns img {width: 150px; height: 51px;}
.sub .download .box .mt {margin-top: 16px;}

.sub .download .links li {margin: 6px 9px 6px 0; padding-right: 8px; border-right: 1px solid #c7e5ff; line-height: 17px;}
.sub .download .links li a {white-space: nowrap;}

.sub .download .client {border-bottom: 1px dashed #656565;}
.sub .download .client h3 {background-position: 0 -156px;}
.sub .download .client .info .fl {width: 338px;}
.sub .download .client .info .clear {clear: both;}

.sub .download .media {padding-bottom: 0; border-bottom: 1px dashed #656565;}
.sub .download .media h3 {background-position: -518px -156px;}
.sub .download .media table {width: 100%; border: 1px solid #313131;}
.sub .download .media th {height: 36px; line-height: 36px; background-color: #ffdf01; color: #000000;}
.sub .download .media td, .sub .download .media td a {color: #212630;}
.sub .download .media td {height: 32px; line-height: 32px; border: 1px solid #313131; background-color: #aaaaaa;}
.sub .download .media td a {text-decoration: underline;}
.sub .download .media .date {width: 110px;}
.sub .download .media .name {width: 300px;}
.sub .download .media .size {width: 86px;}
.sub .download .media .tableWrap table {*width: 660px;}

.sub .download .patch {border-bottom: 1px dashed #656565;}
.sub .download .patch h3 {background-position: -173px -156px;}
.sub .download .patch .info .fl {width: 338px;}
.sub .download .patch .info .clear {clear: both;}

.sub .download .history {padding-bottom: 0; border-top: 1px dashed #656565; border-bottom: 1px dashed #656565;}
.sub .download .history h3 {background-position: -348px -156px;}
.sub .download .history .info .fl {width: 338px;}
.sub .download .history .info .clear {clear: both;}

/* news */
.sub .news .hd h2 {background-position: 0 -46px;}

.sub .news .menu {margin-top: 38px; padding-top: 0; border: 1px solid #0b1d3d;}
.sub .news .menu a {width: 143px; height: 30px; background: url(../images/sub-news-el.html) no-repeat 0 0;}
.sub .news .menu .m1 {background-position: 0 0;}
.sub .news .menu .m2 {background-position: -143px 0;}
.sub .news .menu .m3 {background-position: -286px 0;}
.sub .news .menu .m4 {background-position: -429px 0;}
.sub .news .menu .m5 {background-position: -572px 0;}
.sub .news .menu .m1:hover, .sub .news .menu .current .m1 {background-position: 0 -30px;}
.sub .news .menu .m2:hover, .sub .news .menu .current .m2 {background-position: -143px -30px;}
.sub .news .menu .m3:hover, .sub .news .menu .current .m3 {background-position: -286px -30px;}
.sub .news .menu .m4:hover, .sub .news .menu .current .m4 {background-position: -429px -30px;}
.sub .news .menu .m5:hover, .sub .news .menu .current .m5 {background-position: -572px -30px;}

.sub .newsList {padding: 24px 20px; border-top: 1px dashed #656565; border-bottom: 1px dashed #656565; color: #acacac;}
.sub .newsList li {position: relative; padding: 4px 0;}
.sub .newsList span {position: absolute; top: 4px; right: 0; _right: 20px; color: #acacac;}
.sub .start {border-top: 0;}
.sub .end {border-bottom: 0;}

/* game data */
.sub .gameData .hd h2 {background-position: -182px -46px;}

.sub .gameData h3 {margin-top: 40px; padding-bottom: 16px; border-bottom: 1px dashed #ffdf01;}
.sub .gameData h3 span {display: block; width: 64px; height: 16px; text-indent: -99999px; _overflow: hidden;}
.sub .gameData h3 .intro {background-position: 0 -181px;}
.sub .gameData h3 .system {background-position: -64px -181px;}
.sub .gameData h3 .feature {background-position: -128px -181px;}
.sub .gameData h3 .security {background-position: -192px -181px;}

.sub .gameData .list {padding-top: 16px; border-top: 1px dashed #114891;}
.sub .gameData .list div {margin: 6px 0;}
.sub .gameData .list label, .sub .gameData .list li {line-height: 17px;}
.sub .gameData .list label {top: 2px; left: 0; background-position: -810px -181px; text-indent: 18px; color: #f57600;}
.sub .gameData .list ul {padding-left: 88px;}
.sub .gameData .list li {margin: 2px 0 4px 11px; padding-right: 9px; border-right: 1px solid #869aad;}
.sub .gameData .list li a {white-space: nowrap;}

/* enjoy */
.sub .enjoy .hd h2 {background-position: -273px -46px;}

.sub .enjoy .menu li {margin-right: 3px;}
.sub .enjoy .menu .end {margin-right: 0;}
.sub .enjoy .menu a {width: 177px;}
.sub .enjoy .menu .m1 {background-position: -531px -78px;}
.sub .enjoy .menu .m2 {background-position: -177px -78px;}
.sub .enjoy .menu .m3 {background-position: -354px -78px;}
.sub .enjoy .menu .m4 {background-position: 0 -78px;}
.sub .enjoy .menu .m1:hover, .sub .enjoy .menu .current .m1 {background-position: -531px -117px;}
.sub .enjoy .menu .m2:hover, .sub .enjoy .menu .current .m2 {background-position: -177px -117px;}
.sub .enjoy .menu .m3:hover, .sub .enjoy .menu .current .m3 {background-position: -354px -117px;}
.sub .enjoy .menu .m4:hover, .sub .enjoy .menu .current .m4 {background-position: 0 -117px;}

.sub .enjoy .list, .sub .enjoy .list a {color: #fec7c7;}
.sub .enjoy .list {padding: 36px 0 12px;}
.sub .enjoy .list li {margin-right: 28px; margin-bottom: 28px;}
.sub .enjoy .list .odd {margin-right: 0;}
.sub .enjoy .list img {width: 338px; height: 239px;}
.sub .enjoy .list .imgWrap {border: 3px solid #656565;}
.sub .enjoy .list .mt {margin-top: 8px;}

.sub .enjoy .video .playerWrap {width: 693px; height: 390px; margin-top: 36px; border: 3px solid #233a61; background-color: #000;}
.sub .enjoy .video .list li {margin: 0 9px 18px;}
.sub .enjoy .video .list .current .imgWrap {border-color: #f57600;}
.sub .enjoy .video .list img {width: 215px; height: 115px;}

/* player */
.sub .player .hd h2 {background-position: -364px -46px;}

.sub .player .menu {margin-top: 38px;}
.sub .player .menu a {width: 205px;}
.sub .player .menu li {margin-right: 2px;}
.sub .player .menu .m1 {background-position: -205px -39px;}
.sub .player .menu .m2 {background-position: 0 -39px;}
.sub .player .menu .m1:hover, .sub .player .menu .current .m1 {background-position: -615px -39px;}
.sub .player .menu .m2:hover, .sub .player .menu .current .m2 {background-position: -410px -39px;}

/* ==================================================
* popup layer
================================================== */
/* mask */
.jz-mask, .jz-mask iframe, .jz-mask div {z-index: 10000; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.jz-mask iframe {opacity: 0; filter: alpha(opacity=0);}
.jz-mask .jz-mask-opacity {background-color: #000;}

/* layer */
.layer {background-color: #fff;}
.layer .close {z-index: 99; top: 4px; right: 8px; color: #333;}

.layer-player {width: 800px; height: 450px; padding: 28px 8px 8px;}


/* ==================================================
* float layer
================================================== */
.float-layer .content, .float-layer h3, .float-layer .gift a, .float-layer .gift {background: url(../images/float-layer-el.html) no-repeat 0 0;}
.float-layer h2 a, .float-layer .signUp .formList .field-btn input, .float-layer .btn, .float-layer .hide {background: url(../images/float-layer-btn.html) no-repeat 0 0;}

.float-layer {z-index: 1000; position: fixed; _position: absolute; top: 0; right: 0; overflow: hidden;}
.float-layer h2 {padding-top: 101px;}
.float-layer h2 a {display: block; width: 64px; height: 413px; background-position: 0 0; text-indent: -99999px; outline: none;}
.float-layer h2 a:hover {background-position: -64px 0;}
.float-layer .content {width: 277px; background-repeat: repeat-y; background-position: -554px 0;}
.float-layer h3 {height: 62px; text-indent: -99999px;}
.float-layer .btn {display: block; width: 130px; height: 46px; margin: 0 auto; text-indent: -99999px; outline: none; cursor: pointer;}
.float-layer .hide {top: 0; right: 0; width: 30px; height: 30px; background-position: -129px -328px; text-indent: -99999px; outline: none;}
.float-layer .hide:hover {background-position: -159px -328px;}

/* signUp */
.float-layer .signUp {height: 254px;}
.float-layer .signUp h3 {background-position: -277px 0;}
.float-layer .signUp .formList .field {padding-left: 88px;}
.float-layer .signUp .formList .field-item .item-title {width: 88px; color: #9eafcb;}
.float-layer .signUp .formList .field-item .textbox, .float-layer .signUp .formList-cover .field-item p {width: 160px; border: 1px solid #061021; background-color: #061021;}
.float-layer .signUp .formList .field-item .textbox {color: #fff;}
.float-layer .signUp .formList .field-btn {padding-left: 0;}
.float-layer .signUp .formList .field-btn input {display: block; width: 132px; height: 48px; margin: 0 auto; border: 0; background-position: -128px -184px; text-indent: -99999px;}
.float-layer .signUp .formList .field-btn .hover {background-position: -128px -232px;}
.float-layer .signUp .formList .field-btn .disable {background-position: -128px -280px;}
.float-layer .signUp .formList-cover .field-item {height: 28px;}
.float-layer .signUp .formList-cover .field-item p {left: 88px;}
.float-layer .signUp .formList-cover .field-item .help {color: #395178;}

/* gift */
.float-layer .gift {height: 130px; background-position: 0 0;}
.float-layer .gift h3 { margin-bottom: 4px; background-position: 0 0;}
.float-layer .gift .btn {background-position: -129px -92px;}
.float-layer .gift a:hover .btn {background-position: -129px -138px;}

/* download */
.float-layer .download {height: 130px;}
.float-layer .download h3 { margin-bottom: 4px; background-position: -277px -62px;}
.float-layer .download .btn {background-position: -129px 0;}
.float-layer .download a:hover .btn {background-position: -129px -46px;}

.pagination{font:normal 12px/20px Tahoma;color:#686868;margin:10px 30px 30px 26px;padding: 0;height: 1%;clear: both;overflow: hidden;}
.pagination div.results span {float: left;padding:2px 6px; text-decoration:none; color:#686868; vertical-align:middle; border:1px solid #B0B0B0; background-color:#fff; display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1; margin:0 4px;}
.pagination ul.pager{margin: 0;padding: 0;float: right;text-align: right;}
.pagination ul.pager li
{
	margin: 0 0 0 4px;
	padding: 0;
	height: 1%;
	float: left;
	list-style: none;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
}

.pagination ul.pager li.separator
{
	padding: 2px 6px;
}

.pagination ul.pager li.current
{
	padding: 2px 6px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #B4B4B4;
}

.pagination ul.pager li.disabled
{
	padding: 2px 6px;
	color: #B4B4B4;
}

.pagination ul.pager li a 
{
	margin: 0;
	padding: 2px 6px;
	height: 1%;
	display: block;
	float: left;
	color: #515151;
	text-decoration: none;
}

.pagination ul.pager li a:hover, 
.pagination ul.pager li a:active 
{color: #990000;
	margin: -1px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;}
.main .wrap.clearfix.bc .download.main-body.fr .detail.content.bc.f14 #J_edit p {
	text-align: center;
}