body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
caption, th { text-align: left }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
em { font-style: normal; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit }
a, area, a:hover { outline: none; text-decoration: none; }
a.dot { border-bottom-style: dotted; border-bottom-width: 1px; }
a.dot:hover { border-bottom-style: solid; }
body { font: normal 12px/20px 'Microsoft Yahei', Arial, Tahoma, Geneva, sans-serif; background: #000; color: #4f4f4f; padding: 0px 0 0 }
.wrapper { background: url(../images/bg_pattern.jpg) repeat 0 0; }
.wrap { width: 978px; margin: 0 auto; }
#header { background: url(../images/header_bg.jpg) no-repeat 50% 0; }
#header .wrap { height: 373px; overflow: hidden; background: url(../images/header.jpg) no-repeat 0 0; position: relative; }
#header h1 a { width: 131px; height: 112px; display: block; text-indent: -999em; position: absolute; top: 19px; left: 419px; z-index: 10; }
#header h2 { display: none; }
.nav { width: 980px; position: absolute; top: 20px; z-index: 6; left: -1px }
.nav li { float: left; width: 70px; padding: 0 15px; position: relative }
.nav li.navEvt { margin: 0 0 0 180px }
.nav a { height: 34px; display: block; width: 100%; text-align: center; overflow: hidden; color: #f4e8da; font-size: 14px; font-weight: 700; line-height: 18px; }
.nav a span { color: #987c5e; font-variant: small-caps; font-size: 10px; font-weight: 400; margin-top: -6px; white-space: nowrap; display: block }
.nav a:hover, .nav a:hover span { text-decoration: none }
.nav ul a { text-indent: 0; height: 20px; line-height: 20px; font-size: 12px; color: #d9cebb; font-weight: 400; }
.nav ul a:hover { text-decoration: underline; }
.hot { background: url(../images/hot.png) no-repeat 0 50%; _background-position: 0 40% }
.nav a.hot { color: #f6d59b }
.nav ul { position: absolute; top: 35px; left: 0 }
.nav li li { clear: both }
.headerSec { position: absolute; top: 485px; width: 978px; }
.headerSec { position: absolute; top: 255px; width: 978px; }
#menu { width: 589px; float: left; }
#menu li { float: left; height: 108px; }
.m_down { width: 226px; }
.m_pay, .m_cdkey, .m_top { width: 121px; }
#menu a, #headerPlayerSec { background-image: url(../images/menu.jpg); background-repeat: no-repeat; }
#menu a { display: block; width: 100%; height: 108px; text-indent: -999em; overflow: hidden; }
.m_down a { background-position: 0 -324px; }
.m_down a:hover { background-position: 0 -324px; }
.m_pay a { background-position: 0 0; }
.m_pay a:hover { background-position: 0 -108px; }
.m_cdkey a { background-position: -121px 0; }
.m_cdkey a:hover { background-position: -121px -108px; }
.m_top a { background-position: -242px 0; }
.m_top a:hover { background-position: -242px -108px; }
#headerPlayerSec { height: 94px; float: right; background-position: 0 -216px; width: 360px; padding: 14px 14px 0 10px;}
#headerPlayerSec .playerIcon { float: left; width: 81px; height: 81px; position: relative; overflow: hidden; }
#headerPlayerSec .playerIcon a{display:block;width:77px;height:77px;border: 2px solid #00969f; background:#fff;}
#headerPlayerSec .playerIcon img { position: absolute; }
#headerPlayerSec .playerIcon span { width: 40px; height: 14px; line-height: 12px; font-size: 75%; display: block; text-align: center; color: #fff; text-shadow: 0 1px 1px #000; position: absolute; left: 2px; top: 60px; background-color: #00596b; border: 1px solid #0f7a8f; border-width: 1px 1px 0 0; border-top-right-radius: 2px; }
.unloginSec, .loginedSec, .sevOut { height: 77px; width: 270px; float: right }
.loginSec p { color: #35bfd2; line-height: 22px; overflow: hidden; zoom: 1; }
#loginedArea p{line-height:18px;}
.loginSec a { font-weight: 700; color: #cf3100; line-height: 18px; border-bottom-color: #ccc; }
.loginSec a:hover { text-decoration: none; }
#loginedArea p a , #loginedArea p a:hover{font-weight:400;border:none;}
.sevOut strong { color: #cf3100; }
.sevUnSelect { display: none; }
.unloginSec .note { width: 270px; height: 53px; border-top: 1px solid #073136; background-color: #124147; }
.unloginSec .note p { border-top: 1px solid #225a61; line-height: 18px; color: #a4ebf5; padding: 8px 10px; }
.unloginSec .note span { color: #fff; }
.loginedSec p strong { font-size: 14px; color: #fff; }
.loginedSec p span { color: #0091a5; }
.loginedSec p a { float: right; }
.loginedSec ul { border: 1px solid #124147; border-width: 1px 1px 1px 0; overflow: hidden; float: left; }
.loginedSec ul li { background-color: #07252b; float: left; border-left: 1px solid #124147; line-height:16px;width: 88px; padding-top: 5px; height: 40px; text-align: center; font-size: 14px; color: #fff; text-shadow: 0 0 2px #000; }
.loginedSec ul strong { display: block; }
strong.hl { color: #cf3100; }
#content { background: url(../images/content.jpg) no-repeat 50% 0; overflow: hidden; }
.bcNav { height: 25px; line-height: 25px; padding: 14px 20px; overflow: hidden; font-size: 14px; }
.bcNav li { background:url(../images/arr.png) no-repeat 0 50%; padding-left: 14px; padding-right: 10px; color: #252525; float: left; }
.bcNav a { color: #252525; border-bottom-color: #252525; }
.bcNav .bc_home { background: url(../images/icons.png) no-repeat 0 0; padding-left: 35px; font-size: 16px; font-weight: 700; }
.mainCon { width: 700px; float: left; background-color: #fff; color: #3a3e3f; font-size: 14px; }
.sider { width: 268px; float: right; }
.pageStyle01 { border: 1px solid #c9c9c9; padding: 20px; width: 660px; min-height: 517px }
#pagePlayer, #unloginView { border: 1px solid #c9c9c9; padding: 20px; width: 660px; }
#unloginView { height: 517px; }
#unloginView .note { font-size: 16px; text-align: center; line-height: 25px; text-align: center; padding: 50px 0; }
#unloginView .note a { border-bottom: 1px dotted #ccc; color: #3a3e3f; }
#unloginView .note a:hover { border-bottom-style: solid; }
.playerInfoSec { background: #f6f6f6; border: 1px solid #e1e1e1; padding: 15px; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.playerInfoSec .playerAvatar { width: 104px; float: left; }
.playerInfoSec .playerAvatar span { display: block; width: 100px; height: 100px; background: #fff; overflow: hidden; border: 2px solid #00969f; }
.playerInfoSec .playerAvatar a { display: block; margin: 8px auto 0; width: 85px; height: 19px; border: 1px solid #00c2c8; border-radius: 3px; border-top-color: #00c2c8; border-left-color: #00acb3; border-right-color: #008c96; border-bottom-color: #008790; background-color: #00969f; text-align: center; ; color: #fff; line-height: 19px; }
.playerInfoBase { width: 505px; float: right; line-height: 25px; color: #3a3e3f; }
.playerInfoBase h4 { font-size: 18px; }
.playerInfoBase ul { overflow: hidden; zoom: 1; font-size: 14px; }
.playerInfoBase li { float: left; margin-right: 15px; padding-right: 20px; background-image: url(../images/ico.png); background-repeat: no-repeat; }
.playerInfoBase li.gold { background-position: 100% 5px }
.playerInfoBase li.silver { background-position: 100% -25px }
.playerInfoBase li.charm { background-position: 100% -55px; padding-right: 25px }
.playerInfoBase li.reg { clear: both; background: none; float: none }
.btnPay { display: block; width: 85px; height: 19px; border: 1px solid #00c2c8; border-radius: 3px; border-top-color: #d42917; border-left-color: #c52313; border-right-color: #ad190e; border-bottom-color: #a8170c; background-color: #b51d10; text-align: center; ; color: #fff; line-height: 19px; margin-top: 5px }
.playerTab { overflow: hidden; zoom: 1; background-color: #00969f; padding-bottom: 3px; }
.playerTab li { float: left; width: 220px; border-left: 1px solid #fff; margin-left: -1px; _display: inline; }
.playerTab a { display: block; width: 100%; height: 40px; text-align: center; ; color: #767676; font-size: 14px; line-height: 40px; background-color: #d5d5d5; }
.playerTab a:hover, .playerTab .active a { background-color: #00969f; color: #fff; }
.playerCon { color: #929292; padding: 25px 0;  }
.playerCon .sec { margin-bottom: 20px; padding: 10px; }
.playerCon .secWrap { overflow: hidden; zoom: 1; }
.playerCon .secWrap .sec { width: 310px; float: left; }
.dotTop { border-top: 1px dotted #acacac }
.playerCon .sec h3 { font-size: 16px; margin-bottom: 10px; }
ul.pList { height: 100px; }
ul.pList li { float: left; margin: 0 10px; _display: inline; position: relative; width: 82px; height: 90px; }
ul.pList img { width: 58px; height: 58px; border: 2px solid #9d9d9d; border-radius: 2px; display: block; margin: 0 auto 5px; }
ul.pList span { display: block; text-align: center; }
ul.pList p { display: none; position: absolute; background: #25555f; border: 1px solid #009cb9; padding: 5px 15px; top: -20px; color: #fff; top: -80px; left: -50px; width: 150px; height: 60px; line-height: 20px; }
ul.pList .arr { background:url(../images/arr.png) no-repeat 0 0; width: 14px; height: 9px; overflow: hidden; display: block; position: absolute; top: 70px; left: 80px; }
ul.pList p strong { color: #a1e2ef }
.pr { position: relative; }
#ability { width: 300px; height: 280px; float: left; }
#ggmm { width: 640px; height: 285px; }
#lvBar { width: 640px; height: 285px; }
#classPie { width: 640px; height: 285px; }
.abilityDetail { width: 320px; float: right; }
.abilityDetail .infoList { background: url(../images/bar.png) no-repeat 50% 0; height: 80px; border-bottom: 1px dotted #acacac; }
.abilityDetail .infoList li { width: 145px }
.abilityDetail .infoList strong { height: 21px; width: 100%; text-align: center; color: #fff; display: block; font-size: 12px; line-height: 21px; margin-bottom: 15px; }
.abilityDetail .infoList span { display: block; text-align: center; font-size: 28px; line-height: 1.2; }
.abilityDetail .infoList .il1 { float: left; }
.abilityDetail .infoList .il1 strong { background-color: #d75235; }
.abilityDetail .infoList .il1 span { color: #d75235; }
.abilityDetail .infoList .il2 { float: right; }
.abilityDetail .infoList .il2 strong { background-color: #b51d10; }
.abilityDetail .infoList .il2 span { color: #01b8a9; }
.abilityDetail h4 { font-size: 16px; color: #0db5a7; margin: 10px 0 0; }
.abilityDetail .ablList li { margin-top: 5px; overflow: hidden; zoom: 1; }
.abilityDetail .ablList strong { display: block; float: left; width: 80px }
.abilityDetail .ablList span { width: 140px; height: 6px; overflow: hidden; display: block; background-color: #a6a6a6; float: left; margin-top: 8px; }
.abilityDetail .ablList i { display: block; height: 6px; overflow: hidden; width: 50%; background-color: #d94300; }
.abilityDetail .ablList em { font-style: normal; float: left; width: 80px; color: #d33a18; padding-left: 5px; display: block }
.playerCon .note { clear: both; color: #818181; text-align: center; padding: 10px 0; }
.playerCon .note span { display: inline-block; background: url(../images/line.png) no-repeat 0 50%; padding-left: 60px; *display:inline;
*zoom:1;
}
.lvSheet { overflow: hidden; zoom: 1 }
.lvSheet li { margin-right: 18px; width: 33px; float: left }
.lvSheet strong { display: block; font-size: 14px; text-align: center; color: #929292; font-weight: 400; height: 20px; margin-bottom: 5px; }
.lvSheet span { display: block; width: 33px; height: 160px; position: relative; }
.lvSheet i { display: block; background: #ff7777; border-top-right-radius: 3px; border-top-left-radius: 3px; width: 33px; position: absolute; bottom: 0; }
.titleTable { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #fff; }
.titleTable th { background: #00969f; padding: 10px; color: #fff; border: 1px solid #fff; }
.titleTable td { border: 1px solid #fff; background: #e8e8e8; padding: 10px; text-align: center; color: #505050 }
.titleTable td.l { text-align: left; }
.pager { text-align: center; clear: both; padding: 20px 0; overflow: hidden; zoom: 1 }
.pager a, .pager strong { display: inline-block; padding: 5px 5px; margin: 0 5px; color: #7d7d7d; *display:inline;
*zoom:1;
}
.pager input { width: 20px; padding: 2px 5px; margin: 0 2px; }
.pager a:hover, .pager a.cur, .pager strong { background: #01b8a9; color: #fff; text-decoration: none; }
.entryList { overflow: hidden; zoom: 1 }
.entryList li { float: left; width: 33%; padding-bottom: 10px; }
.entryList a { display: block; float: left; background:url(../images/sarr.png) no-repeat 0 50%; padding-left: 15px; color: #111618; }
.entryList a:hover { text-decoration: underline; }
.entryList a.hl { color: #8f0a00; }
/* sider */
.siderSec { margin-bottom: 25px; }
.siderSec h3 { padding-bottom: 10px; margin-bottom: 15px; overflow: hidden; height: 25px; line-height: 25px; border-bottom: 1px solid #979797; color: #252525; }
.siderSec h3 span { display: block; float: left; white-space: nowrap; padding-left: 30px; background-image: url(../images/icons.png); background-repeat: no-repeat; font-size: 16px; }
#bannerSider { width: 268px; height: 140px; overflow: hidden; margin-bottom: 25px; position: relative; }
#bannerSider ul { width: 268px; height: 140px; overflow: hidden; position: absolute; top: 0; left: 0; }
#bannerSider ul li { width: 268px; height: 140px; overflow: hidden; position:absolute;top:0;left:0; }
#bannerSider p { position: absolute; bottom: 5px; right: 0; z-index:10;}
#bannerSider p span {float:left; display: block; width: 20px; height: 10px; overflow: hidden; margin-right: 5px; background: #312d2e; text-indent: -999em; _display:inline;cursor:pointer;}
#bannerSider p span.active { background: #870201; }
.ercode { background: url(../images/er.png) no-repeat 0 0; padding-left: 110px; color: #787878; font-size: 14px; margin-bottom: 15px; }
.ercode strong { display: block; color: #8f0a00; font-size: 18px; line-height: 35px; }
.ercode em { font-style: normal; display: block; color: #343434; }
.snsList { overflow: hidden; zoom: 1; margin-left: -4px; }
.snsList li { float: left; margin-left: 4px; width: 62px; padding: 1px; background: #fff; _display: inline; }
.snsList a { display: block; width: 60px; height: 56px; background: #fdfcfc; color: #5b5b5b; text-align: center; padding-top: 8px; border: 1px solid #dcdbdb; }
.snsList span { display: block; width: 43px; height: 35px; background-image: url(../images/sns.png); background-repeat: no-repeat; margin: 0 auto; }
.snsOS span { background-position: 0 0; }
.snsBBS span { background-position: 0 -35px; }
.snsQQwb span { background-position: 0 -70px; }
.snsQzone span { background-position: 0 -105px; }
/* title icons */
.ico_entry { background-position: 0 -25px; }
.ico_sns { background-position: 0 -50px; }
.gameAttention { overflow: hidden; zoom: 1; padding: 40px 0 15px; }
.gameAttention dt { display: block; font-size;
14px;
color: #a10000; }
.gameAttention dd { float: left; padding-right: 15px; color: #949494; }
#footer { padding: 30px 0; }
#footer .wrap { position: relative; color: #574d49; padding-left: 275px; width: 720px; margin: 0 auto }
#footer a, #footer a:hover { color: #574d49; text-decoration: none }
#footer .IEG, #footer .AURORA { background-image: url(../images/footer.png); background-repeat: no-repeat }
.IEG, .AURORA { position: absolute; display: block; text-indent: -999em; height: 41px; top: 0 }
.IEG { left: 0; width: 170px; background-position: 0 0 }
.AURORA { left: 175px; width: 92px; background-position: 0 -50px }
.fi { white-space: nowrap; text-align: justify; padding: 10px 0 0; }
.fi span { padding: 0 7px; font-size: 80% }
.fi span.s_logo { padding: 0 }
.fi .cp { float: right; padding-right: 25px; }
.fi strong { color: #a00 }
/* cdkey*/
#cdkLogin { padding-bottom: 5px; border-bottom: 1px dotted #acacac; margin-bottom: 20px; }
#cdkLogin a { color: #9f0000; }
#cdKey table { width: 100%; }
#cdKey table th { width: 30%; padding: 10px; text-align: right; vertical-align: top; }
#cdKey table td { padding: 10px; }
#cdKey table .img { display: block; margin: 10px 0; }
#cdKey .lbdh { display: block; width: 100px; height: 50px; background: #0d5f6b; font-size: 18px; text-align: center; line-height: 50px; color: #fff; }
.cdkRule { margin-top: 30px; padding-top: 10px; border-top: 1px dotted #acacac; }
.cdkRule h3 { font-size: 16px; margin-bottom: 5px; color: #0d5f6b; }
.cdkRule li { list-style: decimal; margin-left: 2em; padding-bottom: 5px; }
.cdkRule .note { color: #9f0000; }
.fList { overflow: hidden; zoom: 1 }
.fList li { float: left; _display: inline; }
/* top rank */
.topPageMenu li { padding: 0 10px 0 0; }
.topPageMenu select { width: 110px; }
.topPageMenu a, #commRank_search_btn { background-image: url(../images/btn.png); background-repeat: no-repeat; display: block; float: left; text-indent: -999em; height: 27px; }
.topPageMenu a { width: 110px; }
#go_to_my_page { background-position: 0 0; }
#search_my_rank { background-position: 0 -27px; }
.topSecMenu { border-bottom: 1px solid #e3e3e3; margin: 20px 0 0; }
.topSecMenu a { width: 130px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; }
.topSecMenu .active a, .topSecMenu a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
.topSecCon { border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 20px; margin-top: -1px; background: #fff; }
.topSecCon .note { text-align: center; margin-bottom: 10px }
.topSecCon table { width: 100%; }
.topSecCon table th { padding: 10px; background: #e3e3e3; text-align: center; color: #000; }
.topSecCon table td { padding: 10px; text-align: center; border-bottom: 1px dotted #acacac; }
.topSecCon table .bg1 { background: #efefef; }
.topSecCon table tr:hover { background: #fafafa; }
.hiddens { display: none; }
#topSearch { padding-bottom: 5px; border-bottom: 1px dotted #acacac; margin-bottom: 20px; overflow: hidden; }
#topSearch input { float: left; width: 110px; margin-right: 10px; }
#topSearch input#commRank_search_btn { width: 70px; border: none; background-position: 0 -54px; cursor: pointer }
#diag_Search { width: 700px; display: none; }
.topPopMenu { border-bottom: 1px solid #e3e3e3; margin: 20px 0 0; }
.topPopMenu .r { float: right; }
.topPopMenu a { width: 98px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; }
.topPopMenu .active a, .topPopMenu a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
.topPopMenu a.close { width: 35px; height: 35px; margin: 4px; line-height: 35px; font-weight: 700; font-size: 30px; float: right; border: 1px solid #003944; }
#diag_Search .popCon { border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 50px 20px; margin-top: -1px; background: #fff; overflow: hidden; zoom: 1; }
#diag_Search .popCon p { font-size: 14px; line-height: 25px; margin-bottom: 20px; }
#diag_Search .popCon .fr { float: right; }
.pageStyle02Con { border: 1px solid #e3e3e3; border-width: 0 1px 1px; padding: 25px; margin-top: -1px; background: #fff; min-height: 500px; }
.pageSwitch { border-bottom: 1px solid #e3e3e3; background: #003944; }
.pageSwitch a { width: 146px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; font-weight: 700 }
.pageSwitch .active a, .pageSwitch a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
.eventList { padding: 20px 15px 0 }
.eventList li { overflow: hidden; zoom: 1; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px dotted #acacac }
.eventList .pic { width: 204px; height: 124px; overflow: hidden; display: block; float: left; display: inline }
.eventList h3 { font-weight: 400; font-size: 18px; line-height: 25px; height: 25px; color: #b00000; margin: 0 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 400px }
.eventList p { line-height: 20px; height:55px; overflow: hidden; font-size: 12px; color: #717171; }
.eventList .i { width: 400px; float: right }
.eventList span { font-size: 12px; color: #b4b4b4; margin-top: -5px; display: block; margin-bottom: 5px; }
.eventList .detail { display: block; background: #a10000 url(../images/dr.png) no-repeat 95% 50%; width: 80px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; text-align: center; padding-right: 10px; }
.newsList li { overflow: hidden; zoom: 1; border-bottom: 1px dotted #acacac; height: 38px; line-height: 38px; }
.newsList li span { float: right; }
.newsList a { color: #333333; padding: 0 5px; }
.newsList a:hover { color: #333333; text-decoration: underline; }
.newsList a.act { color: #787878 }
#newsCon { padding: 20px; }
.newsTitle { overflow: hidden; zoom: 1; color: #9b9b9b; border-bottom: 1px dotted #acacac; padding: 10px 0; margin-bottom: 15px; }
.newsTitle strong { display: block; font-size: 20px; font-weight: 400; color: #00596b; line-height: 25px; }
.newsTitle span { font-size: 12px; padding-right: 15px; }
.newsTitle em { cursor: pointer; }
#newsDetial { color: #333333; overflow: hidden; zoom: 1; line-height: 25px; padding-bottom: 25px; }
#newsDetial p { padding-bottom: 10px; text-align: justify; }
#newsDetial a, #newsDetial a:hover { color: #8f0a00; text-decoration: underline; }
.releaseNews { border-top: 1px dotted #acacac; padding: 5px 5px 0; margin: 30px 0 0 }
.releaseNews h3 { font-size: 14px; color: #640000; margin: 0 0 5px }
.releaseNews li { list-style: disc; margin: 0 0 5px 2em; width: 70% }
.releaseNews li a, .releaseNews li a:hover { color: #424242 }
.releaseNews li span { float: right; display: block }
.mwb { width: 550px; clear: both; margin-left: 80px; overflow: hidden; }
.wbshow { width: 565px; overflow: hidden; margin: 0 auto; }
.wb_lst { width: 74px; padding: 20px 20px 0 0; text-align: center; float: left; list-style: none; _display: inline }
.wb_box { position: relative; height: 74px; margin: 0 0 10px 0; }
.wb_img { border: 2px solid #FFFFFF; width: 70px; height: 70px; }
.wb_ipt { position: absolute; left: 2px; bottom: 2px; }
.ms .wb_nm { color: #A6A6A6; }
.mq .wb_nm { color: #717171; }
.wb_lsn { width: 163px; height: 43px; cursor: pointer; margin: 30px auto 0 auto; }
.hidden { height: 0; display: block; overflow: hidden; }
.ms .wb_lsn { background: url(../images/listen_s.png) no-repeat; }
.mq .wb_lsn { background: url(../images/listen_q.png) no-repeat; }
.downSwitch { border-bottom: 1px solid #e3e3e3; background: #003944; }
.downSwitch a { width: 348px; border: 1px solid #1a4e57; border-width: 1px 1px 0; border-left-color: #003944; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background: #003944; display: block; color: #fff; font-weight: 700 }
.downSwitch .active a, .pageSwitch a:hover { border-color: #e3e3e3; background: #fff; color: #000; }
#download .sec { padding-bottom: 20px; margin-bottom: 20px; }
#download .noBor { border: none; }
#download .sec h3 { height: 37px; font-size: 23px; line-height: 37px; color: #003944; overflow: hidden; font-weight: 400; margin: 0 0 5px; *padding:2px 0 0;
*height:35px;
}
#download .sec h3 span { color: #a10000 }
#download .firstSec .con { background: none; border: none }
#download p.info { overflow: hidden; zoom: 1; line-height: 30px; font-size: 18px; border-bottom: 1px dotted #acacac; margin: 0 0 15px }
#download p.info strong { float: left; width: 324px; font-weight: 400; }
#download p.info .date { font-size: 14px; color: #717171; }
#download p.info span { color: #b00000 }
#download p.md5 { padding: 0 0 20px; overflow: hidden; zoom: 1; font-size: 12px; }
#download p.md5 strong { background: #960000; color: #f1d3d3; text-align: center; display: block; padding: 0 5px; border-radius: 3px; width: 80px; }
.mDown, .oDown { overflow: hidden; zoom: 1 }
.mDown li, .oDown li { float: left }
.mDown li a, .oDown li a { text-indent: -999em; display: block; margin: 0 22px 0 0 }
.oDown li a { margin: 0 5px 0 0; }
#download .oDown li a { width: 155px; height: 72px; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/down.png); }
#download a.d1 { background-position: 0 0; }
#download a.d2 { background-position: 0 -72px; }
#download a.d3 { background-position: 0 -144px; }
#download a.d4 { background-position: 0 -216px; margin: 0; }
#download .mDown { padding: 30px 0; }
#download .mDown li a { width: 163px; height: 73px; overflow: hidden }
#download a.m1 { background: url(../images/md1.jpg) no-repeat 0 0 }
#download a.m2 { background: url(../images/md2.jpg) no-repeat 0 0 }
#download a.m3 { background: url(../images/md3.jpg) no-repeat 0 0 }
#download a.m3 { margin: 0 }
#download .pathCon2 { padding: 20px; margin: 0 0 100px }
#download table { width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; font-size: 12px; }
#download table th { background: #e3e3e3; padding: 10px; height: 20px; line-height: 20px; color: #2d3133; text-align: center; font-size: 14px }
#download table td { padding: 10px; border-bottom: 1px dotted #c9c9c9; height: 20px; line-height: 20px; color: #494d4e }
#download table td a { color: #a10000; padding: 0 5px }
.wpList { overflow: hidden; zoom: 1; }
.wpList li { float: left; width: 278px; height: 181px; overflow: hidden; position: relative; margin: 20px; }
.wpList li .thumb { width: 278px; height: 181px; overflow: hidden; }
.wpList li p { width: 278px; height: 35px; position: absolute; bottom: 0; left: 0; }
.wpList p a { display: block; float: left; width: 276px; height: 33px; border: 1px solid #0d3c39; border-left-color: #21726e; border-right-color: #124845; border-top-color: #268682; background: #125955 url(../images/arr.png) no-repeat 90px 15px; color: #fff; text-align: center; line-height: 35px; }
.wpList p a:hover { background-color: #164f4c; }
#vidTitle { height: 25px; line-height: 25px; font-size: 20px; font-weith: 400; padding: 0 0 7px 0; border-bottom: 1px dotted #c9c9c9; margin: 0 0 12px }
.videoList { overflow: hidden; zoom: 1; padding: 50px 0 0 }
.videoList .prev { background: url(../images/pn.png) no-repeat 0 0; width: 18px; height: 68px; display: block; float: left; text-indent: -999em }
.videoList .next { background: url(../images/pn.png) no-repeat -18px 0; width: 18px; height: 68px; display: block; float: left; text-indent: -999em }
.vidCon { width: 610px; overflow: hidden; height: 95px; float: left; padding: 0 1px; }
.vidCon ul li { float: left; width: 122px; display: inline; text-align: center }
.vidCon ul li p { padding: 3px 0 0 }
#videoPlayer { background: #000; width: 648px; height: 395px; margin: 0 auto }
#prevBtn, #nextBtn { display: block; width: 150px; height: 30px; line-height: 30px; margin: 0 30px; _display: inline; }
#prevBtn { float: left; }
#nextBtn { float: right; }
.popWin { width: 780px; display: none; }
.popWin .close { display: block; width: 44px; height: 44px; line-height: 44px; font-weight: 700; font-size: 30px; color: #fff; background: #00969f; float: right; text-align: center; font-family: arial; }
.popWin .close:hover { color: #fff; text-decoration: none; }
.popWin .popCon { width: 670px; border: 3px solid #00969f; background: #e8e8e8; float: left; padding: 30px; }
.popWin h3 { font-size: 25px; text-align: center; line-height: 35px; color: #00969f; margin-bottom: 20px; }
#avatarList { overflow: hidden; zoom: 1; }
#avatarList li { float: left; width: 104px; text-align: center; margin: 10px 15px; }
#avatarList span { background: #fff; width: 100px; height: 100px; overflow: hidden; display: block; border: 2px solid #00969f; margin-bottom: 5px; cursor: pointer; }
.btnSubmit { display: block; width: 150px; height: 50px; line-height: 50px; color: #fff; font-size: 24px; font-weight: 400; text-align: center; background: #b51d10; margin: 10px auto; }
/*popbox*/
.popbox_con { width: 442px; padding: 20px 34px 5px; background-color: #f6f6f6; border: 3px solid #ce0204; color: #ce0204; }
.popbox_h { width: 100%; height: 40px; color: #ce0204; font-size: 24px; font-weight: bold; text-align: center; line-height: 40px; }
.popbox_con input { border: none; border-bottom: 1px solid #ce0204; background: none; outline: none; color: #ce0204; font-size: 16px; }
.popsubmit { display: inline-block; width: 150px; margin: 0 35px; background-color: #ce0204; color: #ffffff; text-align: center; }
.popclose { position: absolute; top: 0; right: -46px; width: 46px; height: 46px; background-color: #ce0204; color: #ffffff; font: 46px/46px sans-serif; text-align: center; }
.popclose:hover { color: #ffffff; }
/*ΜαΚΎΠΕΟ’*/
.poptips { width: 100%; padding: 20px 0 40px; color: #ce0204; font-size: 16px; line-height: 30px; }
.beta { display: block; left: 50%; bottom: 80px; margin-left: 140px; }
span.reds { color: #E82E0F; }
.ser{ position: absolute; top: 225px; left: 0; height: 24px; width: 900px; line-height: 22px; white-space: nowrap; color:#fff;}
.ser span{display:block;width:70px;text-align:center;height:22px;background:#902320;border:1px solid #9e3735;border-width:1px 0 1px 1px;float:left;}
.ser em{display:block;float:left;font-style:normal;height:22px;padding:0 10px;background:#3d3f3d;border:1px solid #505250;border-width:1px 1px 1px 0;}
.ser em strong{color:#ce6100;}
#downSec02{display:none;}/*  |xGv00|6d65b06b1815217f14426616e94859b4 */