@charset "UTF-8";
.news_box, .tabs, .newscont .more, .imp_news a.details span.jia, .num a, .chara_cont a.occupation, .chara_cont a.occupation:hover, .accordin, .ac_btn_1, .ac_btn_2, .ac_btn_3, .ac_btn_4, .ac_btn_5, .accordin .topbtns, .accordin .topbtns li a:hover, .accordin .btns_down li a, #currAccordin { background: url("../images/sprite.jpg") center top no-repeat; }

.main { width: 759px; height: auto; float: left; }

.news_box { width: 375px; height: 377px; float: left; overflow: hidden; padding: 9px 25px 0 12px; background-position: 0 0; position: relative; color: #f2efef; margin-bottom: 16px; }
.news_box .imp_news { width: 100%; height: 106px; float: none; overflow: hidden; }
.news_box .imp_news img { float: left; margin-right: 12px; }
.news_box .imp_news p { line-height: 22px; }
.news_box .imp_news p.news_title { height: 30px; line-height: 30px; color: #e31313; font-size: 14px; line-height: 24px; font-family: "微软雅黑"; text-align: center; cursor: pointer; }
.news_box .imp_news a.details { display: block; width: 68px; height: 14px; color: #524e4e; line-height: 14px; position: absolute; left: 315px; top: 88px; }
.news_box .imp_news a.details span { float: left; cursor: pointer; }
.news_box .imp_news a.details span.jia { display: block; width: 12px; height: 12px; margin: 1px 0 0 5px; float: left; background-position: -423px -402px; overflow: hidden; }
.news_box .imp_news a.details:hover, .news_box .imp_news a.details:hover span { text-decoration: underline; }
.news_box .tabs { width: 100%; height: 35px; float: none; overflow: hidden; margin-top: 10px; background-position: 0 -391px; }
.news_box .tabs li { width: 78px; height: 35px; float: left; overflow: hidden; }
.news_box .tabs li a { display: block; width: 100%; height: 100%; color: #969191; font-size: 14px; line-height: 35px; font-family: "微软雅黑"; text-align: center; }
.news_box .tabs li a:hover, .news_box .tabs li a.current { color: #f8eeee; background-color: #661616; }
.news_box .newscont { width: 100%; height: 203px; float: none; overflow: hidden; padding-top: 5px; display: none; top: -100px;}
.news_box .newscont li { width: 100%; height: 12px; float: none; overflow: hidden; border-bottom: 1px dashed #3f3e3e; line-height: 12px; color: #f2f1f1; }
.news_box .newscont li .time { float: right; }
.news_box .newscont li a { color: #f2f1f1; }
.news_box .newscont li a:hover { color: #ca0404; }
.news_box .newscont li a.impnews { color: #e31313; }
.news_box .newscont a.more { display: block; width: 65px; height: 35px; color: #969191; font-size: 14px; line-height: 35px; font-family: "微软雅黑"; text-indent: 10px; background-position: -377px -391px; position: absolute; left: 324px; top: 125px; }
.news_box .newscont a.more:hover { text-decoration: underline; }

.cycle { width: 347px; height: 414px; float: left; overflow: hidden; margin-bottom: 16px; margin-top: -28px; position: relative; }
.cycle ul { display: block; width: 100%; height: 100%; }
.cycle ul li { display: block; width: 100%; height: 100%; }
.cycle ul li img { display: block; width: 100%; height: 100%; }
.cycle .num { height: 18px; position: absolute; right: 10px; top: 382px; z-index: 20; }
.cycle .num a { display: block; width: 18px; height: 18px; float: left; overflow: hidden; margin-left: 5px; text-indent: -999em; background-position: -435px -72px; }
.cycle .num a.active { background-position: -417px -72px; }

.banner, .gg { width: 757px; height: 95px; float: left; overflow: hidden; margin-bottom: 16px; float: left; padding: 1px 1px 0 1px; }
.banner a, .gg a { display: block; width: 251px; height: 83px; float: left; margin-right: 2px; padding-bottom: 12px; }
.banner a.no, .gg a.no { margin-right: 0; }

.banner { background-color: #807f7f; }
.banner a { background: url("../images/bzd1.jpg") center bottom no-repeat; }
.banner a:hover { background: url("../images/bzd1_hover.jpg") center bottom no-repeat; }

.gg { background-color: #b3b3b3; }
.gg a { background: url("../images/bzd.jpg") center bottom no-repeat; }
.gg a:hover { background: url("../images/bzd_hover.jpg") center bottom no-repeat; }


.character { width: 757px; height: 260px; float: left; overflow: hidden; margin-bottom: 16px; background-color: #858484; border: 1px solid #a6a5a5; position: relative; }
.character .chara_tabs { height: 53px; width: 73px; height: 260px; z-index: 30; position: absolute; left: 0; top: 0; background-color: #fff; background: url(../images/opacity.gif) repeat; }
.character .chara_tabs li { width: 100%; height: 27.8px; margin-top: 1px; cursor: pointer; }
.character .chara_tabs li.active a, .character .chara_tabs li.active a:hover, .character .chara_tabs li.active a.current { width: 73px; -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; }
.character .chara_tabs li a { display: block; width: 9px; height: 100%; text-indent: -999em; background-color: #353434; }
.character .chara_tabs li#xf.active a, .character .chara_tabs li #xf a:hover, .character .chara_tabs li #xf a.current { background: url("../images/tab_xf.jpg") center top no-repeat; }
.character .chara_tabs li#xa.active a, .character .chara_tabs li #xa a:hover, .character .chara_tabs li #xa a.current { background: url("../images/tab_xa.jpg") center top no-repeat; }
.character .chara_tabs li#xs.active a, .character .chara_tabs li #xs a:hover, .character .chara_tabs li #xs a.current { background: url("../images/tab_xs.jpg") center top no-repeat; }
.character .chara_tabs li#xd.active a, .character .chara_tabs li #xd a:hover, .character .chara_tabs li #xd a.current { background: url("../images/tab_xd.jpg") center top no-repeat; }
.character .chara_tabs li#mm.active a, .character .chara_tabs li #mm a:hover, .character .chara_tabs li #mm a.current { background: url("../images/tab_mm.jpg") center top no-repeat; }
.character .chara_tabs li#gn.active a, .character .chara_tabs li #gn a:hover, .character .chara_tabs li #gn a.current { background: url("../images/tab_gn.jpg") center top no-repeat; }
.character .chara_tabs li#ln.active a, .character .chara_tabs li #ln a:hover, .character .chara_tabs li #ln a.current { background: url("../images/tab_ln.jpg") center top no-repeat; }
.character .chara_tabs li#dm.active a, .character .chara_tabs li #dm a:hover, .character .chara_tabs li #dm a.current { background: url("../images/tab_dm.jpg") center top no-repeat; }
.character .chara_tabs li#xl.active a, .character .chara_tabs li #xl a:hover, .character .chara_tabs li #xl a.current { background: url("../images/tab_xl.jpg") center top no-repeat; }
.character .chara_cont { width: 759px; height: 260px; float: none; overflow: hidden; position: relative; display: none; }
.character .chara_cont img { width: 757px; height: 260px; float: left; overflow: hidden; }
.character .chara_cont .chara_cont_text { width: 286px; height: 200px; color: #270f0f; position: absolute; left: 444px; top: 48px; }
.character .chara_cont .chara_cont_text span { float: left; font-weight: bold; line-height: 18px; margin-right: 10px; }
.character .chara_cont .chara_cont_text p { width: 218px; height: auto; float: left; line-height: 20px; margin-bottom: 14px; }
.character .chara_cont .chara_cont_text a.occupation { display: block; width: 116px; height: 31px; font: 14px "微软雅黑"; color: #cacaca; text-align: center; line-height: 31px; background-position: -417px 0px; position: absolute; left: 164px; top: 164px; }
.character .chara_cont .chara_cont_text a.occupation:hover { background-position: -417px -36px; }

.door { width: 757px; height: 202px; float: left; overflow: hidden; margin-bottom: 16px; position: relative; border: 1px solid #9f9999; }
.door #currAccordin { width: 529px; background-position: 0 -842px; position: relative; }
.door #currAccordin .knight, .door #currAccordin .warrior, .door #currAccordin .mage, .door #currAccordin .hunter { display: block; width: 105px; height: 174px; position: absolute; top: 16px; text-indent: -999em; z-index: 1; }
.door #currAccordin .knight:hover, .door #currAccordin .warrior:hover, .door #currAccordin .mage:hover, .door #currAccordin .hunter:hover { z-index: 2; border: none; }
.door #currAccordin .knight { width: 104px; left: 122px; }
.door #currAccordin .knight:hover { background: url("../images/knight_hover.jpg") center top no-repeat; }
.door #currAccordin .warrior { left: 191px; }
.door #currAccordin .warrior:hover { background: url("../images/warrior_hover.jpg") center top no-repeat; }
.door #currAccordin .mage { left: 308px; }
.door #currAccordin .mage:hover { background: url("../images/mage_hover.jpg") center top no-repeat; }
.door #currAccordin .hunter { left: 379px; }
.door #currAccordin .hunter:hover { background: url("../images/hunter_hover.jpg") center top no-repeat; }
.door #secAccordin .secAccordin_cont { width: 366px; height: 56px; overflow: hidden; background: url("../images/secAccordin.jpg") left top no-repeat; position: absolute; left: 120px; top: 81px; }
.door #secAccordin .secAccordin_cont a { display: block; width: 115px; height: 56px; margin-right: 7px; float: left; text-indent: -999em; }
.door #secAccordin .secAccordin_cont a:hover { background: url("../images/secAccordin.jpg") center top no-repeat; }
.door #secAccordin .secAccordin_cont a.game_conf:hover { background-position: 0 -56px; }
.door #secAccordin .secAccordin_cont a.game_down:hover { background-position: -122px -56px; }
.door #secAccordin .secAccordin_cont a.game_reg:hover { background-position: -244px -56px; }
.door .accordin { width: 76px; height: 204px; float: left; overflow: hidden; background-position: 0 -640px; position: relative; }
.door .accordin .ac_btn { width: 76px; height: 202px; cursor: pointer; position: absolute; left: 0; top: 0; }
.door .accordin .ac_btn_1 { background-position: 0 -431px; }
.door .accordin .ac_btn_2 { background-position: -76px -431px; }
.door .accordin .ac_btn_3 { background-position: -152px -431px; }
.door .accordin .ac_btn_4 { background-position: -228px -431px; }
.door .accordin ul { width: 395px; height: 160px; float: none; overflow: hidden; margin-left: 78px; padding: 44px 0 0 52px; }
.door .accordin ul li { width: 116px; height: 30px; float: left; overflow: hidden; }
.door .accordin ul li a { color: #270f0f; }
.door .accordin ul li a:hover { color: #b11111; text-decoration: underline; }
.door .accordin ul li a span { display: block; width: 13px; height: 13px; float: left; margin-top: 6px; margin-right: 5px; background: url("../images/disc.png") center top no-repeat; }
.door .accordin ul li a:hover span { background: url("../images/disc_hover.png") center top no-repeat; }
.door .activeAccordin .ac_btn_1 { background-position: -304px -431px; }
.door .activeAccordin .ac_btn_2 { background-position: -380px -431px; }
.door .activeAccordin .ac_btn_3 { background-position: -456px -431px; }
.door .activeAccordin .ac_btn_4 { background-position: -532px -431px; }

.video_box { width: 757px; height: 188px; float: left; overflow: hidden; margin-bottom: 16px; background-color: #eeebeb; border: 1px solid #a0a0a0; position: relative; }
.video_box .video_tabs { width: 100%; height: 37px; float: none; overflow: hidden; }
.video_box .video_tabs li { width: 220px; height: 37px; float: left; overflow: hidden; }
.video_box .video_tabs li a { display: block; width: 219px; height: 36px; color: #2b2b2b; font-size: 14px; line-height: 36px; font-family: "微软雅黑"; text-align: center; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; background-color: #d7d7d7; }
.video_box .video_tabs li a:hover, .video_box .video_tabs li a.current { color: #a33938; background-color: #eeebeb; border-bottom: 1px solid #eeebeb; }
.video_box .videocont { display: none; }
.video_box .videocont .video_more { display: block; width: 99px; height: 36px; color: #514d4d; text-align: center; line-height: 36px; position: absolute; left: 660px; top: 0px; border-bottom: 1px solid #aaaaaa; background-color: #d7d7d7; }
.video_box .videocont .video_more:hover { text-decoration: underline; }
.video_box .videocont ul { margin: 16px 0 0 10px; }
.video_box .videocont ul li { width: 236px; height: 125px; float: left; overflow: hidden; margin-right: 13px; }
.video_box .videocont ul li.no { margin-right: 0; }

.media_box { width: 759px; height: 219px; float: left; overflow: hidden; position: relative; }
.media_box .media_tabs { width: 240px; height: 24px; }
.media_box .media_tabs li { width: 80px; height: 24px; float: left; overflow: hidden; }
.media_box .media_tabs li a { display: block; width: 80px; height: 24px; color: #2b2b2b; font-size: 14px; line-height: 24px; font-family: "微软雅黑"; text-align: center; }
.media_box .media_tabs li a:hover, .media_box .media_tabs li a.current { background-color: #eeebeb; border-bottom: none; }
.media_box .mediacont { width: 757px; height: 195px; display: none; overflow: hidden; background-color: #eeebeb; }

#go { position: absolute; left: 794px; top: 290px; width: 109px; height: 60px; text-indent: -999em; z-index: 4; }

#download_flash { position: absolute; left: 0px; top: 0px; width: 244px; height: 146px; }