/********* 导入通用样式 *********/

@import url(lay-out.css);
@import url(common.css);

/********* 全局默认样式 *********/

body {
    scrollbar-highlight-color:#aea59d;
    scrollbar-shadow-color:#aea59d;
    scrollbar-3dlight-color:#aea59d;
    scrollbar-arrow-color:#aea59d;
    scrollbar-track-color:#aea59d;
    scrollbar-darkshadow-color:#aea59d;
    scrollbar-face-color:#766a6b;
    background: #ada39e url(http://static.hero.9wee.com/styles/default/bg-large.gif);
}

body, div, td, p, h3, h4, h5, h6 {
    font-family: verdana;
    word-break: break-all;
    color: #7f5644;
}
a, a:active {
    color: #925141;
    text-decoration: underline;
    cursor: pointer;
}
a:hover {
    color: #c80000;
}
span.underline {
    text-decoration: underline;
    cursor: pointer;
}
.container {
    display: inline-block;
}
.container:after, .container .content:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ctrl_move {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 3px 0 0 3px;
    background: transparent url(http://static.hero.9wee.com/icons/icon-move.gif) center center no-repeat;
    cursor: move;
}

.body {
    border: 1px solid #c9c0ae;
    background: #efede9;
    margin: 0 0 6px 0;
    padding: 5px;
    line-height: 180%;
    text-align: left;
}

.textarea {
    float: left;
    height: 22px;
}
.textarea .textarea_left {
    float: left;
    width: 3px;
    height: 22px;
    background: transparent url(http://static.hero.9wee.com/styles/default/textarea-left.gif) no-repeat;
}
.textarea .textarea_right {
    float: left;
    width: 3px;
    height: 22px;
    background: transparent url(http://static.hero.9wee.com/styles/default/textarea-right.gif) no-repeat;
}
.textarea .textarea_body {
    float: left;
    line-height: 22px;
    text-align: center;
    color: #e9e5dc;
    padding: 0 5px 0 5px;
    background: transparent url(http://static.hero.9wee.com/styles/default/textarea-bg.gif) repeat-x;
}

/* Socket 连接域 */
#socket_container {
    position: absolute;
    width: 1px;
    height: 1px;
}

#socket {
    position: absolute;
    width: 1px;
    height: 1px;
}

/* 导航菜单 */
#navi {
    padding-right: 480px;
}

#navi ul {
    float: left;
    width: 100%;
}

#navi li {
    float: left;
    width: 14%;
    padding: 0;
    margin: 0;
}

#navi li a {
    display: block;
    width: 70px;
    font-size: 14px;
    margin: 1px auto;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 5px;
    text-indent: 30px;
    background-position: 6px 7px;
    background-repeat: no-repeat;
    line-height: 33px;
    opacity:0.8;
    filter:alpha(opacity=80);
    background-image: url(http://static.hero.9wee.com/styles/default/navi-icon.gif);
}

#navi li a:hover, #navi li a.active:hover {
    opacity: 1;
    filter:alpha(opacity=100);
    background-image: url(http://static.hero.9wee.com/styles/default/navi-icon-highlight.gif);
}

#navi li.highlight a {
    background-color: #615455;
    opacity:0.8;
    filter:alpha(opacity=80);
}

#navi li a.active {
    background-image: url(http://static.hero.9wee.com/styles/default/navi-icon-active.gif);
    opacity: 1;
    filter:alpha(opacity=100);
}

.navi_sub_menu {
    position: absolute;
    bottom: 0px;
    visibility: hidden;
    z-index: 1;
    padding-bottom: 3px;
    width: 115px;
}

.navi_sub_menu a, .navi_sub_menu a:active {
    float: left;
    width: 115px;
    /*
	height: 33px;
	line-height: 33px;
	*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #eae6e4;
    background: url(http://static.hero.9wee.com/styles/default/navi-menu.gif) center center no-repeat;
}

.navi_sub_menu a:hover {
    color: #ac2100;
    font-weight: bold;
    background: url(http://static.hero.9wee.com/styles/default/navi-menu-highlight.gif) center center no-repeat;
}

/* 底部 */
#footer {
    height: 33px;
    cursor: default;
    background: #8d8083 url(http://static.hero.9wee.com/styles/default/bottom-bar-bg.gif) repeat-x;
    overflow: hidden;
}

#footer .content {
    width: 100%;
    margin: 0 auto;
    border: none;
}

#footer .logo a, #footer .logo a:hover {
    float: left;
    width: 80px;
    height: 33px;
    border: none;
    background: url(http://static.hero.9wee.com/styles/default/navi-logo.gif) right center no-repeat;
}

/* 分割线 */
.line {
    height: 2px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/line.gif) top left repeat-x;
    margin: 2px auto 2px auto;
    width: 85%;
}

/* 属性条 */
.point_bar_bg {
    width: 119px;
    height: 8px;
    padding: 3px;
    background: url(http://static.hero.9wee.com/styles/default/point-bar-bg.gif) no-repeat;
}

.point_bar_1 {
    width: 119px;
    height: 8px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/point-bar-1.gif) repeat-y;
}

.point_bar_2 {
    width: 119px;
    height: 8px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/point-bar-2.gif) repeat-y;
}

.point_bar_3 {
    width: 119px;
    height: 8px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/point-bar-3.gif) repeat-y;
}

.little_bar {
    border: 1px solid #dea303;
    font-size: 1px;
    height: 6px;
    background: url(http://static.hero.9wee.com/styles/default/little-bar.gif) repeat-x;
}

/* 顶部栏 */
#top_bar {
    height: 28px;
    background: url(http://static.hero.9wee.com/styles/default/top-bar.gif) bottom repeat-x;
    line-height: 21px;
    z-index: 2;
}

#top_bar .buttons {
    float: right;
    padding-right: 10px;
}

#top_bar .buttons .time {
    float: left;
    margin-right: 10px;
    color: #e9e5dc;
}
* html #top_bar .buttons .time {
    line-height: 20px;
}

#top_bar .buttons a {
    float: left;
    padding-left: 18px;
    margin: 1px 0 0 6px;
    color: #e9e5dc;
    text-decoration: none;
}

#top_bar .buttons a:hover {
    color: #fffbd1;
}

#top_bar .buttons .top_button_normal {
    padding: 0 0 0 7px;
    background: url(http://static.hero.9wee.com/styles/default/top-bar-splitor.gif) left center no-repeat;
}

#top_bar .buttons .top_button_help {
    background: url(http://static.hero.9wee.com/styles/default/icon-help.gif) left 2px no-repeat;
}

#top_bar .buttons .top_button_gift {
    background: url(http://static.hero.9wee.com/styles/default/icon-gift.gif) left 2px no-repeat;
}

#top_bar .buttons .top_button_gift_active {
    background: url(http://static.hero.9wee.com/styles/default/icon-gift-active.gif) left 2px no-repeat;
}

#top_bar .buttons .top_button_setting {
    background: url(http://static.hero.9wee.com/styles/default/icon-setting.gif) left 2px no-repeat;
}

#top_bar .buttons .top_button_charge {
    background: url(http://static.hero.9wee.com/styles/default/icon-charge.gif) left 2px no-repeat;
}

#top_bar .buttons .top_button_quit {
    background: url(http://static.hero.9wee.com/styles/default/icon-quit.gif) left 2px no-repeat;
}

#top_bar_content {
    width: 100%;
    margin: 0 auto;
}

/* 公告样式 */
#bulletin_box {
    float: left;
    color: #e9e5dc;
    margin: 1px 0 0 5px;
}
#bulletin_box a {
    color: #e9e5dc;
}
#bulletin_box a:hover {
    color: #fffbd1;
}
#bulletin_box .highlight, #bulletin_box .highlight a:link, #bulletin_box .highlight a:visited  {
    color: #e9e5dc;
}
#bulletin_border {
    float: left;
    height:21px;
    width: 400px;
    text-indent: 18px;
    background: url(http://static.hero.9wee.com/styles/default/icon-announce.gif) 0 5px no-repeat;
}
.bulletin_content {
    float:left;
    overflow: hidden;
    height: 21px;
    line-height: 21px;
    width: 420px;
}
.bulletin_content li {
    float: left;
    height: 21px;
    line-height: 21px;
    width: 100%;
    overflow:hidden;
    color: #e9e5dc;
    font-size: 12px;
}
.bulletin_item {
    color: #e9e5dc;
}
.bulletin_time {
    color: #e9e5dc;
    font-weight: normal;
    margin-right: 50px;
}

/* 战斗播报滚动新闻 */
#hero_news_combat {
    float:left;
    overflow: hidden;
    height: 21px;
    line-height: 21px;
    width: 100%;
    text-align: left;
}
#hero_news_combat li {
    float: left;
    width: 270px;
    height: 21px;
    line-height: 21px;
    overflow:hidden;
    color: #925141;
    text-align: left;
    text-indent: 8px;
}
/* 战斗播报滚动新闻 */

/* 玩家公告样式 */
#player_bulletin_border {
    float: left;
    height:21px;
    width: 330px;
    background: url(http://static.hero.9wee.com/styles/default/icon-player-announce.gif) 0px 5px no-repeat;
    padding-left: 15px;
}
#player_bulletin_content {
    float:left;
    overflow: hidden;
    height: 21px;
    line-height: 21px;
    width: 295px;
}
#player_bulletin_content a {
    text-decoration: none;
}
#player_bulletin_content li {
    float: left;
    height: 21px;
    line-height: 21px;
    width: 100%;
    overflow:hidden;
    color: #e9e5dc;
    text-indent: 5px;
    font-size: 12px;
}

#player_bulletin_box {
    position: absolute;
    z-index: 2;
    left: 320px;
    top: 3px;
    width: 500px;
    padding: 0 2px 5px 2px;
    background: #e0dbd2 url(http://static.hero.9wee.com/styles/default/block-bg.gif) repeat-x;
    border: 1px solid #a69b8b;
    visibility: hidden;
    overflow: auto;
    overflow-x: hidden;
}
#player_bulletin_frame {
    position: absolute;
    filter:alpha(opacity=1);
    opacity: 0.01;
    z-index:1;
    margin:-2px 0 0 -3px;
    padding:0;
    width:506px;
    height:1px;
    background-color: #ffffff;
}
* html body #player_bulletin_frame {
    height:390px;
}
#player_bulletin_inner {
    position: relative;
    z-index:2;
    height: 390px;
}
.player_bulletin_title {
    padding: 5px 0 5px 0;
    text-indent: 5px;
}
#player_post_bulletin {
    padding: 0 5px 0 5px;
    line-height: 180%;
}

#player_bulletin_list {
    height: 270px;
    overflow-y:auto;
    word-break:break-all;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #a69b8b;
    line-height: 200%;
}

#player_bulletin_list li {
    border-bottom: 1px solid #e9e5dc;
    padding: 2px;
}

#player_bulletin_list li span.bulletin_author {
    float: right;
    text-align: right;
    width: 140px;
}

#player_bulletin_extend_button {
    float: right;
    font-size: 1px;
    cursor: pointer;
    margin: 2px 16px 0 0;
    width: 16px;
    height: 16px;
    background: url(http://static.hero.9wee.com/icons/icon-arrow-down.gif) no-repeat center;
}

/* 边框样式 */
.border_outer {
    background: #e9e5dc;
    border: 1px solid #938c8a;
    padding: 1px;
}

.border_inner {
    border: 1px solid #938c8a;
    background: #dbd2cd;
    padding-bottom: 10px;
}

/* NPC 对话框 */
.npc_dlg {
    margin: 0 auto;
}

.npc_dlg_top {
    width: 100%;
    height: 23px;
    background: url(http://static.hero.9wee.com/styles/default/npc-dlg-top-bg.gif) 23px top repeat-x;
}

.npc_dlg_top_left {
    float: left;
    width: 22px;
    height: 23px;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/npc-dlg-top-left.gif) left top no-repeat;
}

.npc_dlg_top_right {
    width: 196px;
    height: 23px;
    float: right;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/npc-dlg-top-right.gif) right top no-repeat;
}

.npc_dlg_bottom {
    width: 100%;
    height: 23px;
    background: url(http://static.hero.9wee.com/styles/default/npc-dlg-bottom-bg.gif) 23px bottom repeat-x;
}

.npc_dlg_bottom_left {
    float: left;
    width: 22px;
    height: 23px;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/npc-dlg-bottom-left.gif) left bottom no-repeat;
}

.npc_dlg_bottom_right {
    width: 196px;
    height: 23px;
    float: right;
    text-align: left;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/npc-dlg-bottom-right.gif) right bottom no-repeat;
}

.dialog_box .npc_dlg_top_left, .dialog_box .npc_dlg_bottom_left, .dialog_box .npc_dlg_top_right, .dialog_box .npc_dlg_bottom_right {
    background-color: #dfd9cd;
}

.npc_dlg_body {
    width: 100%;
    background: #f6f2e2 url(http://static.hero.9wee.com/styles/default/npc-dlg-right-bg.gif) right top repeat-y;
}

.npc_dlg_content {
    text-align: left;
    padding: 2px 215px 2px 28px;
    line-height: 22px;
    min-height: 104px;
    _height: 104px;
    background: url(http://static.hero.9wee.com/styles/default/npc-dlg-left-bg.gif) left top repeat-y;
}

.npc_dlg_content ul {
    width: 95%;
}

.npc_dlg_arrow {
    position: absolute;
    margin: -70px 0 0 5px;
    width: 14px;
    height: 13px;
    background: url(http://static.hero.9wee.com/styles/default/npc-dlg-arrow.gif) center center no-repeat;
}

.npc_dlg_image {
    position: absolute;
    width: 166px;
    height: 137px;
    overflow: hidden;
    margin: -118px 0 0 20px;
}

/* 主区域 */
#game_box {
    border: 1px solid #9d948b;
    background: #c3bebb url(http://static.hero.9wee.com/styles/default/bg.jpg);
    padding: 10px 10px 0 10px;
    margin: 2px 0 2px 0;
    width: 980px;
    height: 522px;
    visibility: hidden;
}

.noselect {
    /* -moz-user-select: none; */
}

/* 左部区域 */
.left {
    position: absolute;
    width: 217px;
    margin: 0 12px 0 0;
}

.account_info {
    margin-top: 4px;
}

.account_info .account_info_title {
    position: absolute;
    width: 217px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin-top: -9px;
    background: url(http://static.hero.9wee.com/styles/default/caption-bg.gif) center center no-repeat;
}

.role_base_top {
    height: 21px;
    background: url(http://static.hero.9wee.com/styles/default/left-bar-top.gif) center center no-repeat;
}

.role_base_bottom {
    height: 15px;
    background: url(http://static.hero.9wee.com/styles/default/left-bar-bottom.gif) center center no-repeat;
}

#module_box_role_base {
    background: url(http://static.hero.9wee.com/styles/default/left-bar-bg.gif) repeat-y;
    padding-left: 17px;
	height: 462px;
}

/* 便携式气血包 */
.life_pool_0 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/life-pool-0.gif) no-repeat; cursor: pointer; }
.life_pool_20 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/life-pool-20.gif) no-repeat; cursor: pointer; }
.life_pool_40 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/life-pool-40.gif) no-repeat; cursor: pointer; }
.life_pool_60 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/life-pool-60.gif) no-repeat; cursor: pointer; }
.life_pool_80 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/life-pool-80.gif) no-repeat; cursor: pointer; }
.life_pool_100 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/life-pool-100.gif) no-repeat; cursor: pointer; }

/* 便携式内息包 */
.mana_pool_0 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/mana-pool-0.gif) no-repeat; cursor: pointer; }
.mana_pool_20 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/mana-pool-20.gif) no-repeat; cursor: pointer; }
.mana_pool_40 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/mana-pool-40.gif) no-repeat; cursor: pointer; }
.mana_pool_60 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/mana-pool-60.gif) no-repeat; cursor: pointer; }
.mana_pool_80 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/mana-pool-80.gif) no-repeat; cursor: pointer; }
.mana_pool_100 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/mana-pool-100.gif) no-repeat; cursor: pointer; }

/* 精力储存包 */
.energy_pool_0 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/energy-pool-0.gif) no-repeat; cursor: pointer; }
.energy_pool_20 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/energy-pool-20.gif) no-repeat; cursor: pointer; }
.energy_pool_40 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/energy-pool-40.gif) no-repeat; cursor: pointer; }
.energy_pool_60 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/energy-pool-60.gif) no-repeat; cursor: pointer; }
.energy_pool_80 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/energy-pool-80.gif) no-repeat; cursor: pointer; }
.energy_pool_100 { width: 13px; height: 14px; background: url(http://static.hero.9wee.com/styles/default/energy-pool-100.gif) no-repeat; cursor: pointer; }

/* 右部区域 */
.stage_container {
    position: absolute;
    margin-left: 227px;
    width: 750px;
    padding-top: 4px;
}

.stage_top {
    width: 100%;
    height: 14px;
    background: url(http://static.hero.9wee.com/styles/default/stage-top-bg.gif) left top repeat-x;
}

.stage_top_left {
    width: 14px;
    height: 14px;
    background: #c2bdb9 url(http://static.hero.9wee.com/styles/default/stage-top-left.gif) left top no-repeat;
}

.stage_top_right {
    width: 14px;
    height: 14px;
    float: right;
    background: #c2bdb9 url(http://static.hero.9wee.com/styles/default/stage-top-right.gif) right top no-repeat;
}

.stage_bottom {
    width: 100%;
    height: 14px;
    background: url(http://static.hero.9wee.com/styles/default/stage-bottom-bg.gif) left bottom repeat-x;
}

.stage_bottom_left {
    width: 14px;
    height: 14px;
    background: #c2bdb9 url(http://static.hero.9wee.com/styles/default/stage-bottom-left.gif) left bottom no-repeat;
}

.stage_bottom_right {
    width: 14px;
    height: 14px;
    float: right;
    background: #c2bdb9 url(http://static.hero.9wee.com/styles/default/stage-bottom-right.gif) right bottom no-repeat;
}

.stage_body {
    width: 100%;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/stage-right-bg.gif) right top repeat-y;
}

.stage_content {
    height: 470px;
    padding: 0 12px 0 12px;
    background: url(http://static.hero.9wee.com/styles/default/stage-left-bg.gif) left top repeat-y;
}

/* 右部浮动面板 */
.main {
    position: absolute;
    margin-left: 227px;
    width: 750px;
    padding-top: 4px;
    visibility: hidden;
    z-index: 1;
}

.main .dialog_close {
    top: -2px;
    right: 3px;
}

.main_container {
    border: 1px solid #847375;
    background: #e9e5dc;
    padding: 1px;
    min-height: 465px;
    _height: 465px;
}

.main_content {
    border: 1px solid #847375;
    padding: 17px 10px 0 10px;
    min-height: 475px;
    _height: 475px;
}

.border_top {
    position: absolute;
    width: 700px;
    margin: -3px 0 0 25px;
    height: 11px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/border-top.gif) repeat-x;
}

.border_bottom {
    position: absolute;
    width: 700px;
    margin: -6px 0 0 25px;
    height: 11px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/border-bottom.gif) repeat-x;
}

.main_menu {
    position: absolute;
    margin: -30px 0 0 36px;
}

.main_menu a, .main_menu a:active {
    float: left;
    width: 100px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    color: #d7d1ca;
    margin-right: 10px;
    background: url(http://static.hero.9wee.com/styles/default/switch-button.gif) no-repeat;
}

.main_menu a:hover {
    color: #ffffff;
    background: url(http://static.hero.9wee.com/styles/default/switch-button-hover.gif) no-repeat;
}

.main_menu a.highlight, .main_menu a.highlight:hover, .main_menu a.highlight:active {
    cursor: default;
    color: #ac2100;
    font-weight: bold;
    background: url(http://static.hero.9wee.com/styles/default/switch-button-highlight.gif) no-repeat;
}

.main_menu a.highlight:hover {
    color: #ac2100;
}

/* 内城首页 */
.city_home_bg {
    position: absolute;
    padding: 10px 13px 13px 13px;
}

.city_home_npc {
    position: absolute;
    margin: 278px 0 0 18px;
    width: 690px;
    opacity:0.9;
    filter:alpha(opacity=90);
    background: #e9e5dc;
    padding: 8px 0 5px 0;
    border-top: 1px solid #314232;
    text-align: center;
}

.city_scene_name {
    position: absolute;
    margin: 20px 0 0 25px;
    width: 137px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    opacity:0.8;
    filter:alpha(opacity=80);
    background: url(http://static.hero.9wee.com/styles/default/city-scene-name.gif) center center no-repeat;
    z-index: 1;
}

.wulindahui_tips{position:absolute; margin:55px 0 0 25px; width:274px; height:22px;color:#ffff00; line-height:22px; font-size:12px}
.wulindahui_tips .tips_bg{position:absolute; left:0; top:0; width:274px; height:22px; background:url(http://static.hero.9wee.com/styles/default/wulindahui_tips.gif) no-repeat; opacity:0.5; filter:alpha(opacity=50);}
.wulindahui_tips .tips_cont{position:absolute; left:0; top:0; width:100%; color:#ffff00; line-height:22px; font-size:12px; font-weight:700; text-align:center}
.wulindahui_tips .special{color:#24ff00; padding:0 2px;}

.city_scene_name_lite {
    position: absolute;
    margin: 20px 0 0 25px;
    width: 94px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    opacity:0.7;
    filter:alpha(opacity=70);
    background: url(http://static.hero.9wee.com/styles/default/city-scene-name-lite.gif) center center no-repeat;
    z-index: 1;
}


.city_scene_name_active{
    position: absolute;
    margin: 20px 0 0 25px;
    width: 94px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    opacity:0.7;
    filter:alpha(opacity=70);
    z-index: 1;
}

.city_scene_name_active .active
{
    display:block;
    background: url(http://static.hero.9wee.com/styles/default/city-scene-name-lite.gif) center center no-repeat;
}

.city_scene_name_active .none
{
    display:none;
    background: url(http://static.hero.9wee.com/styles/default/city-scene-name-lite.gif) center center no-repeat;
}

.city_scene_name a, .city_scene_name a:visited, .city_scene_name a:active, .city_scene_name_lite a, .city_scene_name_lite a:visited, .city_scene_name_lite a:active {
    color: #ffffff;
    display: block;
    width: 100%;
    text-decoration: underline;
}

.city_scene_name a:hover {
    color: #ffee00;
    text-decoration: none;
}

.city_home_npc_dlg {
    margin: 0 auto;
    width: 630px;
}

.city_home_menu {
    position: absolute;
    width: 690px;
    height: 37px;
}

.city_home_menu a {
    position: absolute;
    width: 70px;
    height: 23px;
    line-height: 23px;
    background: url(http://static.hero.9wee.com/styles/default/city-menu.gif) center center no-repeat;
    opacity:0.8;
    filter:alpha(opacity=80);
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

.city_home_menu a:hover {
    opacity:0.9;
    filter:alpha(opacity=90);
}

.city_home_menu a.active {
    background: url(http://static.hero.9wee.com/styles/default/city-menu-active.gif) center center no-repeat;
    opacity:0.9;
    filter:alpha(opacity=90);
}

#city_menu_1 { margin: 215px 0 0 235px;}
#city_menu_2 { 	margin: 170px 0 0 320px;}
#city_menu_3 {	margin: 175px 0 0 135px;}


#city_menu_9 {	margin: 115px 0 0 285px;}
#city_menu_10 {	margin: 190px 0 0 530px;}
#city_menu_12 { margin: 235px 0 0 140px;}
#city_menu_13 {	margin: 265px 0 0 392px;}
#city_menu_14 {	margin: 255px 0 0 464px;}
#city_menu_15 {	margin: 230px 0 0 478px;}
#city_menu_16 {	margin: 220px 0 0 550px;}
#city_menu_17 {	margin: 190px 0 0 630px;}
#city_menu_18 {	margin: 260px 0 0 630px;}
#city_menu_19 {	margin: 280px 0 0 80px;}
#city_menu_20 {	margin: 330px 0 0 150px;}
#city_menu_21 {	margin: 385px 0 0 210px;}
#city_menu_22 {	margin: 230px 0 0 330px;}
#city_menu_23 {	margin: 190px 0 0 420px;}
#city_menu_24 {	margin: 125px 0 0 50px;}
#city_menu_25 {	margin: 50px 0 0 25px;}
#city_menu_37 {	margin: 135px 0 0 200px;}
#city_menu_38 {	margin: 90px 0 0 125px}
#city_menu_39 {	margin: 310px 0 0 255px;}
#city_menu_40 {	margin: 330px 0 0 335px;}

#city_menu_market {	margin: 130px 0 0 420px;}
#city_home_menu #div_164 { margin: 110px 0 0 560px;}
#city_menu_stock { margin: 210px 0 0 50px;}
#city_menu_out { margin: 370px 0 0 30px;}
#city_menu_league_gold_race { margin: 275px 0 0 330px;}
#city_menu_shop { margin: 320px 0 0 470px;}
#city_menu_action_lists { margin: 240px 0 0 460px;}
#city_menu_day_weals { margin: 270px 0 0 540px;}
#city_menu_ore { margin: 400px 0 0 380px;}
#city_menu_confidante { margin: 380px 0 0 510px;}
#city_menu_beauty { margin: 330px 0 0 620px;}

#city_rookie_menu #city_menu_1 { /* 大厅 */	margin: 80px 0 0 300px;}
#city_rookie_menu #city_menu_3 {	/* 客房 */	margin: 130px 0 0 560px;}
#city_rookie_menu #city_menu_4 {	/* 武器店 */	margin: 120px 0 0 170px;}
#city_rookie_menu #city_menu_6 {	/* 杂货店 */	margin: 220px 0 0 175px;}
#city_rookie_menu #city_menu_5 {	/* 防具店 */	margin: 155px 0 0 392px;}
#city_rookie_menu #city_menu_7 {	/* 材料店 */	margin: 160px 0 0 310px;}
#city_rookie_menu #city_menu_10 {	/* 杀手组织 */	margin: 80px 0 0 180px;}
#city_rookie_menu #city_menu_19 {	/* 荣誉树 */	margin: 360px 0 0 165px;}
#city_rookie_menu #city_menu_17 {	/* 竞技场 */	margin: 300px 0 0 310px;}
#city_rookie_menu #city_menu_18 {	/* 奴隶市场 */	margin: 220px 0 0 560px;}
#city_rookie_menu #city_menu_out {	/* 出城 */	margin: 390px 0 0 450px;}
#city_rookie_menu #city_menu_stock {	/* 仓库 */	margin: 260px 0 0 50px;}

#city_mc_menu #city_menu_1 { /* 大厅 */	margin: 200px 0 0 500px;}
#city_mc_menu #city_menu_2 { 	/* 演武厅 */	margin: 200px 0 0 220px;}
#city_mc_menu #city_menu_3 {	/* 客房 */	margin: 150px 0 0 600px;}
#city_mc_menu #city_menu_9 {	/* 铸造屋 */	margin: 140px 0 0 140px;}
#city_mc_menu #city_menu_10 {	/* 杀手组织 */	margin: 75px 0 0 335px;}
#city_mc_menu #city_menu_12 {	/* 杀手组织 */	margin: 100px 0 0 460px;}
#city_mc_menu #city_menu_16 {	/* 渑池黑店 */	margin: 230px 0 0 85px;}
#city_mc_menu #city_menu_17 {	/* 竞技场 */	margin: 390px 0 0 480px;}
#city_mc_menu #city_menu_18 {	/* 奴隶市场 */	margin: 285px 0 0 610px;}
#city_mc_menu #city_menu_19 {	/* 荣誉树 */	margin: 150px 0 0 390px;}
#city_mc_menu #city_menu_20 {	/* 武馆 */	margin: 290px 0 0 420px;}
#city_mc_menu #city_menu_market {	/* 交易市场 */	margin: 280px 0 0 290px;}
#city_mc_menu #city_menu_stock {	/* 仓库 */	margin: 320px 0 0 160px;}
#city_mc_menu #city_menu_out {	/* 出城 */	margin: 390px 0 0 50px;}
#city_mc_menu #city_menu_37 { /* 渑池幻境塔 */	margin: 90px 0 0 80px;}
#city_mc_menu #city_menu_38 { /* 渑池纳贤阁 */	margin: 135px 0 0 290px;}

#city_war_menu #city_menu_21 {  /* 坚石堡 */	margin: 305px 0 0 370px;}
#city_war_menu #city_menu_22 { 	/* 清扬镇 */	margin: 150px 0 0 460px;}
#city_war_menu #city_menu_23 {	/* 络城 */	margin: 195px 0 0 540px;}
#city_war_menu #city_menu_24 {	/* 梅阾乡 */	margin: 375px 0 0 485px;}
#city_war_menu #city_menu_25 {	/* 清水寨 */	margin: 245px 0 0 480px;}
#city_war_menu #city_menu_26 {	/* 七星关 */	margin: 285px 0 0 445px;}
#city_war_menu #city_menu_27 {	/* 顾镇 */	margin: 220px 0 0 100px;}
#city_war_menu #city_menu_28 {	/* 西风堡 */	margin: 345px 0 0 95px;}
#city_war_menu #city_menu_29 {	/* 居庸塞 */	margin: 400px 0 0 165px;}
#city_war_menu #city_menu_30 {	/* 炎土寨 */	margin: 285px 0 0 210px;}
#city_war_menu #city_menu_31 {	/* 鲁阳关 */	margin: 395px 0 0 300px;}
#city_war_menu #city_menu_32 {	/* 万云城 */	margin: 105px 0 0 380px;}
#city_war_menu #city_menu_33 {	/* 白羽堡 */	margin: 85px 0 0 210px;}
#city_war_menu #city_menu_34 {	/* 绿林镇 */	margin: 155px 0 0 155px;}
#city_war_menu #city_menu_35 {	/* 烈风寨 */	margin: 145px 0 0 310px;}
#city_war_menu #city_menu_36 {	/* 云梯关 */	margin: 205px 0 0 250px;}

.city_home_menu li {
    float: left;
    width: 100%;
    margin: 6px 0 0 0;
}

.city_home_menu a {
    float: left;
    margin: 0 5px 0 5px;
}

/* 人物属性 */
.role_info_left {
    float: left;
    width: 184px;
    margin: 0 10px 0 0;
}

.duel_role_info_left {
    float: left;
    margin: 0 10px 0 0;
    width: 240px;
}

.role_visual {
    width: 172px;
    height: 204px;
    padding: 6px;
    background: #d6cbc5 url(http://static.hero.9wee.com/styles/default/visualize-frame.gif) center center no-repeat;
}

#role_visualize_img {
    width: 172px;
    height: 172px;
}

.role_item_states_box {
    position: absolute;
    margin: 3px 0 0 3px;
    opacity:0.6;
    filter:alpha(opacity=60);
}

.role_skill_states_box {
    position: absolute;
    margin: 3px 0 0 135px;
    opacity:0.6;
    filter:alpha(opacity=60);
}

.role_item_states_box div, .role_skill_states_box div {
    display: block;
    width: 26px;
    height: 26px;
    padding: 4px;
    margin-bottom: 2px;
    background: url(http://static.hero.9wee.com/styles/default/state-icon.gif) center center no-repeat;
}

.role_item_states_box div img, .role_skill_states_box div img {
    cursor: pointer;
}


.role_totem_states_box {
    display: block;
    width: 26px;
    height: 26px;
    padding: 4px;
    background: url(http://static.hero.9wee.com/styles/default/state-icon.gif) center center no-repeat;
}

.role_totem_states_box img {
    cursor: pointer;
}



.role_visual_img {
    border-bottom: 1px solid #eae3df;
}

.quick_buttons {
    padding: 5px 0 0 0;
}

.quick_buttons a {
    float: left;
    width: 41px;
    height: 26px;
    background: url(http://static.hero.9wee.com/styles/default/quick-button.gif) no-repeat;
    line-height: 23px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    margin: 0 2px 0 2px;
}

.quick_buttons a.active {
    background: url(http://static.hero.9wee.com/styles/default/quick-button-active.gif) no-repeat;
}

.quick_buttons a:hover, .quick_buttons a.active:hover {
    background: url(http://static.hero.9wee.com/styles/default/quick-button-hover.gif) no-repeat;
}

.quick_buttons a:active, .quick_buttons a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* 当前任务 */
.role_mission_header {
    width: 184px;
    height: 6px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/role-mission-header.gif) no-repeat;
}

.role_mission_footer {
    width: 184px;
    height: 6px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/role-mission-footer.gif) no-repeat;
}

.duel_role_mission_header_2 {
    background: url("http://static.hero.9wee.com/styles/default/duel_role-mission-header_2.gif") no-repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 6px;
    width: 292px;
}
.duel_role_mission_footer_2 {
    background: url("http://static.hero.9wee.com/styles/default/duel_role-mission-footer_2.gif") no-repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 6px;
    width: 292px;
}
.role_mission {
    background: url("http://static.hero.9wee.com/styles/default/role-mission.gif") repeat-y scroll 0 0 #D9D2CC;
    padding: 0 6px;
    width: 172px;
}
.duel_role_mission_2 {
    background: url("http://static.hero.9wee.com/styles/default/duel_role-mission_2.gif") repeat-y scroll 0 0 #D9D2CC;
    padding: 0 6px;
    width: 292px;
}
.role_mission_top {
    background: url("http://static.hero.9wee.com/styles/default/mission-top.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    height: 22px;
    line-height: 21px;
    margin-bottom: 4px;
    text-align: center;
}
.role_mission_body {
    background: url("http://static.hero.9wee.com/styles/default/mission-bg.gif") no-repeat scroll right bottom #D9D2CC;
    height: 178px;
}
.duel_role_mission_header {
    background: url("http://static.hero.9wee.com/styles/default/duel_role-mission-header.gif") no-repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 6px;
    width: 240px;
}
.duel_role_mission_footer {
    background: url("http://static.hero.9wee.com/styles/default/duel_role-mission-footer.gif") no-repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 6px;
    width: 240px;
}
.duel_role_mission {
    background: url("http://static.hero.9wee.com/styles/default/duel_role-mission.gif") repeat-y scroll 0 0 #D9D2CC;
    padding: 0 6px;
    width: 230px;
}
.duel_role_mission_top {
    background: url("http://static.hero.9wee.com/styles/default/duel_mission-top.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    height: 22px;
    line-height: 21px;
    margin-bottom: 4px;
    text-align: center;
}
.duel_rank {
    background: url("http://static.hero.9wee.com/styles/default/duel_rank.gif") no-repeat scroll center center transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 48px;
    z-index: 1;
}

.role_mission {
    width: 172px;
    padding: 0 6px 0 6px;
    background: #d9d2cc url(http://static.hero.9wee.com/styles/default/role-mission.gif) repeat-y;
}

.role_mission_top {
    margin-bottom: 4px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    background: url(http://static.hero.9wee.com/styles/default/mission-top.gif) top left no-repeat;
}

.role_mission_body {
    height: 178px;
    background: #d9d2cc url(http://static.hero.9wee.com/styles/default/mission-bg.gif) right bottom no-repeat;
}

.role_mission_content {
    height: 178px;
    overflow-y: auto;
}

.role_mission_body li {
    padding: 0 3px 0 8px;
    line-height: 21px;
    color: #c80000;
    text-indent: 5px;
}

.role_mission_body li a {
    color: #c80000;
}

.role_mission_body li a:hover {
    color: #ff0000;
}

.role_mission_body .mission_title {
    font-weight: bold;
    color: #7f5644;
    text-indent: 0px;
}

.role_name_bar {
    border-top: 4px solid #c7b8af;
    padding: 4px 5px 4px 5px;
    line-height: 16px;
}

.role_res_frame {
    background-color: #d6cfc9;
    border: 1px solid #9f9692;
    margin: 5px 0 0 0;
}

.role_res_top_bg {
    background: url(http://static.hero.9wee.com/styles/default/res-bg-top.gif) top left no-repeat;
}

.res_icons div {
    position: absolute;
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.role_res_1 {
    margin: 7px 0 0 74px;
    background: url(http://static.hero.9wee.com/res/1.gif) no-repeat;
}

.role_res_2 {
    margin: 120px 0 0 113px;
    background: url(http://static.hero.9wee.com/res/2.gif) no-repeat;
}

.role_res_3 {
    margin: 54px 0 0 132px;
    background: url(http://static.hero.9wee.com/res/3.gif) no-repeat;
}

.role_res_4 {
    margin: 120px 0 0 34px;
    background: url(http://static.hero.9wee.com/res/4.gif) no-repeat;
}

.role_res_5 {
    margin: 54px 0 0 15px;
    background: url(http://static.hero.9wee.com/res/5.gif) no-repeat;
}

.role_res .base_info {
    padding: 159px 0 5px 0;
}

.role_res .base_info td {
    padding-left: 6px;
    line-height: 18px;
}

.role_points_box
{
    border: 1px solid #9f9692;
    margin: 0 0 8px 0;
    background: #d6cfc9 url(http://static.hero.9wee.com/styles/default/item-box-bg.gif) top left repeat-x;
    height: 317px;
}

.role_equip {
    float: left;
    margin: 0 0 0 0;
    width: 525px;
}

.equip .role_points {
    float: left;
    width: 268px;
}

.equip .role_points table {
    margin: 8px 0 0 10px;
}

.equip .role_points td {
    line-height: 22px;
}

/* 装备 */
.role_item {
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-user-select: none;
}

.equip_details {
    float: left;
    width: 240px;
    height: 326px;
    margin: 0px 0 0 0;
}

.equip_cells, .equip_items, .equip_items li {
    position: absolute;
}

.equip_cells li {
    position: absolute;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

.equip_standby_details {
    float: right;
    width: 240px;
    height: 326px;
    margin: 0px 0 0 0;
    position: absolute;
    display:none;
    /*z-index: 9998;*/
    left: 478px;
    background: #dbd2cd;
    /*border: 1px solid green;*/
}

.item_cell_disable, .equip_items li.disable, .blend_items li. disable, .temp_pack_items li.disable, .bazaar_shop_left .disable {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-disable.gif);
    opacity:0.6;
    filter:alpha(opacity=60);
}

.item_cell_yellow {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-yellow.gif);
    opacity:0.8;
    filter:alpha(opacity=80);
}

.equip_items li.enable, .blend_items li.enable, .bazaar_shop_left .enable {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-enable.gif);
    opacity:0.6;
    filter:alpha(opacity=60);
}

.in_checkup, .in_repair {
    background-image: url(http://static.hero.9wee.com/styles/default/item-cell-bg-enable.gif);
}

.in_checkup div, .in_checkup:hover div {
    cursor: url(http://static.hero.9wee.com/icons/icon-checkup.cur), pointer;
}

.in_repair div, .in_repair:hover div {
    cursor: url(http://static.hero.9wee.com/icons/icon-repair.cur), pointer;
}

#shop_status_cells {
    width: 156px;
    height: 208px;
}

/* 武器 */
.equip_cell_1, .equip_item_1 {
    margin: 30px 0 0 0;
    width: 52px;
    height: 104px;
}

/* 帽子 */
.equip_cell_2, .equip_item_2 {
    margin: 5px 0 0 89px;
    width: 52px;
    height: 52px;
}

/* 上装 */
.equip_cell_3, .equip_item_3 {
    margin: 60px 0 0 89px;
    width: 52px;
    height: 78px;
}

/* 腰带 */
.equip_cell_4, .equip_item_4 {
    margin: 141px 0 0 89px;
    width: 52px;
    height: 26px;
}

/* 护腕 */
.equip_cell_5, .equip_item_5 {
    margin: 141px 0 0 147px;
    width: 52px;
    height: 52px;
}

/* 下装 */
.equip_cell_6, .equip_item_6 {
    margin: 170px 0 0 89px;
    width: 52px;
    height: 78px;
}

/* 鞋子 */
.equip_cell_7, .equip_item_7 {
    margin: 275px 0 0 89px;
    width: 52px;
    height: 52px;
}

/* 披风 */
.equip_cell_8, .equip_item_8 {
    margin: 15px 0 0 179px;
    width: 52px;
    height: 104px;
}

/* 项链 */
.equip_cell_9, .equip_item_9 {
    margin: 31px 0 0 147px;
    width: 26px;
    height: 26px;
}

/* 腰饰 */
.equip_cell_10, .equip_item_10 {
    margin: 141px 0 0 57px;
    width: 26px;
    height: 26px;
}

/* 坐骑 */
.equip_cell_11, .equip_item_11 {
    margin: 170px 0 0 0px;
    width: 52px;
    height: 52px;
}

/* 异兽 */
.equip_cell_12, .equip_item_12 {
    margin: 225px 0 0 0px;
    width: 52px;
    height: 52px;
}

/* 兵符 */
.equip_cell_14, .equip_item_14 {
    margin: 196px 0 0 147px;
    width: 52px;
    height: 52px;
}

/* 戒指 */
.equip_cell_15, .equip_item_15 {
	margin: 111px 0 0 57px;
    width: 26px;
    height: 26px;
}

/* 手镯 */
.equip_cell_16, .equip_item_16 {
    margin: 61px 0 0 147px;
    width: 26px;
    height: 26px;
}

.equip_shadow {
    position: absolute;
    width: 170px;
    height: 330px;
    opacity:0.4;
    filter:alpha(opacity=40);
    margin: 2px 0 0 10px;
}

.shadow_gender_1 {
    background: url() center center no-repeat;
}

.shadow_gender_2 {
    background: url() center center no-repeat;
}

.button_next_message {
    float: left;
    background: url(http://static.hero.9wee.com/icons/icon-wait.gif) no-repeat left center;
    text-indent: 18px;
    width: 32%;
}

.npc_dialog .button_next_message, .dialog_box .button_next_message {
    width: 99%;
}

.dialog_box .button_next_message:hover {
    background-color: #e4dfca;
}

.button_plus {
    display: block;
    width: 17px;
    height: 17px;
    background: url(http://static.hero.9wee.com/styles/default/icon-plus.gif) no-repeat;
}

.button_plus_gray, .button_plus_gray:active {
    display: block;
    width: 17px;
    height: 17px;
    background: url(http://static.hero.9wee.com/styles/default/icon-plus-gray.gif) no-repeat;
    cursor: default;
}

.button_multi_repair {
    display: block;
    width: 20px;
    height: 17px;
    background: url(http://static.hero.9wee.com/styles/default/icon-multi-repair.gif) no-repeat;
}

.button_multi_plus {
    display: block;
    width: 20px;
    height: 17px;
    background: url(http://static.hero.9wee.com/styles/default/icon-multi-plus.gif) no-repeat;
}

.button_multi_plus_gray, .button_multi_plus_gray:active {
    display: block;
    width: 20px;
    height: 17px;
    background: url(http://static.hero.9wee.com/styles/default/icon-multi-plus-gray.gif) no-repeat;
    cursor: default;
}

.role_points .button_plus, .role_points .button_plus_gray {
    position:absolute;
    margin: -16px 0 0 127px;
}

.role_points .button_multi_plus, .role_points .button_multi_plus_gray {
    position:absolute;
    margin: -16px 0 0 148px;
}

.small_text {
    float: left;
    width:  140px;
    border: 1px solid #e9e5dc;
    font-weight: bold;
    color: #c80000;
    height: 17px;
    line-height: 17px;
    padding: 0 3px 0 3px;
    background: #dbd5cf url(http://static.hero.9wee.com/styles/default/small-text-bg.gif) top left repeat-x;
}

.middle_text {
    float: left;
    width:  160px;
    border: 1px solid #e9e5dc;
    font-weight: bold;
    color: #c80000;
    height: 17px;
    line-height: 17px;
    padding: 0 3px 0 3px;
    background: #dbd5cf url(http://static.hero.9wee.com/styles/default/small-text-bg.gif) top left repeat-x;
}

.attr_icon {
    float: left;
    margin-right: 11px;
    width: 26px;
    height: 26px;
    padding: 4px;
    background: url(http://static.hero.9wee.com/styles/default/state-icon.gif) center center no-repeat;
}

.attr_icon div {
    cursor: pointer;
    width: 26px;
    height: 26px;
}

.attr_hr { background: url(http://static.hero.9wee.com/styles/default/icon-hr.gif) center center no-repeat; }
.attr_dr { background: url(http://static.hero.9wee.com/styles/default/icon-dr.gif) center center no-repeat; }
.attr_ds { background: url(http://static.hero.9wee.com/styles/default/icon-ds.gif) center center no-repeat; }
.attr_id { background: url(http://static.hero.9wee.com/styles/default/icon-id.gif) center center no-repeat; }

.attr_hr_lite { height: 24px; line-height: 24px; background: url(http://static.hero.9wee.com/styles/default/icon-hr-lite.gif) center left no-repeat; text-indent: 23px }
.attr_dr_lite { height: 24px; line-height: 24px; background: url(http://static.hero.9wee.com/styles/default/icon-dr-lite.gif) center left no-repeat; text-indent: 23px }
.attr_ds_lite { height: 24px; line-height: 24px; background: url(http://static.hero.9wee.com/styles/default/icon-ds-lite.gif) center left no-repeat; text-indent: 23px }
.attr_id_lite { height: 24px; line-height: 24px; background: url(http://static.hero.9wee.com/styles/default/icon-id-lite.gif) center left no-repeat; text-indent: 23px }

/* 物品栏 */
.items {
    position: absolute;
    padding: 5px 0 0 12px;
}

.item_box {
    border: 1px solid #9f9692;
    background: #d6cfc9 url(http://static.hero.9wee.com/styles/default/item-box-bg.gif) top left repeat-x;
    width: 498px;
    height: 116px;
}

.item_buttons {
    float: left;
    width: 118px;
    height: 102px;
    margin: 8px 0 0 0;
}

.item_buttons a {
    margin: 2px 0 4px 12px;
}

.item_button {
    width: 118px;
    height: 30px;
    line-height: 30px;
    color: #e9e5dc;
    background: url(http://static.hero.9wee.com/styles/default/item-buttons-bg.gif) center center no-repeat;
    text-align: center;
}

.item_cells {
    float: left;
    width: 364px;
    height: 104px;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
    margin: 6px 0 0 5px;
}

.role_item_quantity {
    position: absolute;
    color: #e9ff72;
    font-weight: bold;
    font-size: 9px;
    bottom: 1px;
    right: 2px;
    line-height: 9px;
    -moz-user-select: none;
}

.role_item_durability {
    position: absolute;
    color: #fff8e0;
    font-size: 11px;
    bottom: 3px;
    left: 3px;
    line-height: 11px;
    -moz-user-select: none;
}

.items .item_status_cells {
    position: absolute;
    width: 364px;
    height: 130px;
    margin: 7px 0 0 124px;
}

.bazaar_shop_left .item_status_cells {
    position: absolute;
    width: 156px;
    margin: 39px 0 0 15px;
}

.item_status_cells li {
    float: left;
    width: 26px;
    height: 26px;
    opacity: 0.6;
    filter:alpha(opacity=60);
}
.item_status_cells li.enable {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-enable.gif);
}
.item_status_cells li.disable {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-disable.gif);
}

/* 临时物品栏 */
.temp_pack {
    position: absolute;
    margin: -266px 0 0 110px;
    padding: 1px;
    width: 310px;
    height: 315px;
    overflow: hidden;
    visibility: hidden;
}

.temp_pack .temp_dialog_close {
    margin: -10px 10px 0 0;
}

.temp_pack_box {
    position: absolute;
    border: 1px solid #9f9692;
    background: #d6cfc9 url(http://static.hero.9wee.com/styles/default/item-box-bg.gif) top left repeat-x;
    width: 308px;
    height: 310px;
    margin-top: 280px;
    overflow: hidden;
}

.temp_pack_title {
    background: #d6cfc9;
    border-bottom: 1px solid #b6aba0;
    border-right: 1px solid #b6aba0;
    border-top: 1px solid #f1efed;
    border-left: 1px solid #f1efed;
    padding: 4px;
    margin: 8px auto;
    width: 280px;
    line-height: 17px;
    text-indent: 4px;
}

.temp_pack_items {
    margin: 8px 0 8px 8px;
}

.temp_pack_items li {
    float: left;
    width: 52px;
    height: 104px;
    margin: 4px 8px 4px 0;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

/* 信函 */
.message_list li {
    border: 1px solid #c9c0ae;
    background-color: #fffefb;
    padding: 5px 10px 5px 10px;
    margin: 0 0 5px 0;
}

.message_list li .message_title {
    text-align: center;
    width: 535px;
    height: 25px;
    line-height: 25px;
    background: url(http://static.hero.9wee.com/styles/default/message-title-bg.gif) center center no-repeat;
    margin: 0 auto 8px auto;
}

span.date {
    font-weight: normal;
    color: #a09384;
}

.message_quote {
    color: #907250;
    border: 1px solid #ded9cd;
    background-color: #ece8e0;
    margin: 6px 0 0 4px;
    width: 98%;
}

#ul_message_list .message_quote {
    padding: 4px 0 4px 6px;
    margin: 4px 0 4px 0;
    width: 95%;
}

.message_quote li {
    padding: 0 5px 0 8px;
}

.message_bulletin {
    color: green;
}

.message_system {
    color: #DD3300;
}

/* 提示文字 */
.tips, .block {
    border: 1px solid #beb8b3;
    background-color: #e0dbd2;
    padding: 10px;
    margin: 3px;
    line-height: 20px;
}

.block {
    float: left;
    background: #e0dbd2 url(http://static.hero.9wee.com/styles/default/block-bg.gif) top left repeat-x;
}

a.block, a.block:active {
    text-align: center;
    text-decoration: none;
}

.block_h, .block:hover {
    float: left;
    border: 1px solid #cac4c0;
    padding: 10px;
    margin: 3px;
    line-height: 20px;
    background: #ede9e0 url(http://static.hero.9wee.com/styles/default/block-h-bg.gif) top left repeat-x;
}

.block_highlight {
    text-align: center;
    text-decoration: none;
    float: left;
    border: 1px solid #cac4c0;
    padding: 10px;
    margin: 3px;
    line-height: 20px;
    background: #ede9e0 url(http://static.hero.9wee.com/styles/default/block-h-bg.gif) top left repeat-x;
}

/* 卷轴框 */
.scroll_container {
}

.scroll_top {
    width: 100%;
    height: 19px;
    background: url(http://static.hero.9wee.com/styles/default/scroll-top-bg.gif) left top repeat-x;
}

.scroll_top_left {
    width: 8px;
    height: 19px;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/scroll-top-left.gif) left top no-repeat;
}

.scroll_top_right {
    width: 8px;
    height: 19px;
    float: right;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/scroll-top-right.gif) right top no-repeat;
}

.scroll_bottom {
    width: 100%;
    height: 17px;
    background: url(http://static.hero.9wee.com/styles/default/scroll-bottom-bg.gif) left bottom repeat-x;
}

.scroll_bottom_left {
    width: 8px;
    height: 17px;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/scroll-bottom-left.gif) left bottom no-repeat;
}

.scroll_bottom_right {
    width: 8px;
    height: 17px;
    float: right;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/scroll-bottom-right.gif) right bottom no-repeat;
}

.scroll_body {
    width: 100%;
    background: #e9e5dc url(http://static.hero.9wee.com/styles/default/scroll-right-bg.gif) right top repeat-y;
}

.scroll_content {
    padding: 8px 16px 8px 16px;
    background: url(http://static.hero.9wee.com/styles/default/scroll-left-bg.gif) left top repeat-y;
}

.scroll_bottom_bar {
    width: 286px;
    height: 16px;
    margin: -16px auto 0 auto;
    background: url(http://static.hero.9wee.com/styles/default/scroll-bottom-bar.gif) top left repeat-x;
}

.scroll_inner {
    border: 1px solid #c9c0ae;
    margin: 0;
    padding: 5px;
    line-height: 180%;
    text-align: left;
    background-color: #f6f4ef;
    background-position: center center;
    background-repeat: no-repeat;
}

/* 人物技能 */
.skill_relations {
    position: absolute;
    width: 650px;
    height: 248px;
    background: url(http://static.hero.9wee.com/styles/default/skill-bg.jpg) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_rune_relations {
    position: absolute;
    width: 720px;
    height: 430px;
    background: url(http://static.hero.9wee.com/styles/default/skill-rune_bg.jpg) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_shendan_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/shengdan3.jpg) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_nianshou_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/nianshou.jpg) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_shuang11_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/bayi2023.jpg?r=1606790413) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_qingming_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/qingming.jpg?r=1617003569) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_caishen_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/caishen.jpg) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_yaoqianshu_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/yaoqianshu.jpg?r=1490149435) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_newyear_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/newtear.jpg?r=1548832943) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_hongbao_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/hongbao.jpg?r=1490149435) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_fudai_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/shiyi2021.jpg?r=1490149435) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_qixi_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/qixi5.jpg?r=1631862380) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_dianfeng_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/dianfeng66.jpg?r=1628578397) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_star_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/star_22.jpg?r=1595916472) center center no-repeat;
    margin: 0 0 0 0;
}

.skill_duanwu_relations {
    position: absolute;
    width: 720px;
    height: 462px;
    background: url(http://static.hero.9wee.com/styles/default/duanwu1.jpg?r=1529031352) center center no-repeat;
    margin: 0 0 0 0;
}

.dianfeng_button {
    background: transparent url("http://static.hero.9wee.com/styles/default/dianfeng.gif") no-repeat scroll 0 0;
    color: #e9e5dc;
    height: 71px;
    line-height: 25px;
    width: 156px;
	border:0 solid #938c8a;
}

.dianzan_button {
    background: transparent url("http://static.hero.9wee.com/styles/default/dianzan.gif") no-repeat scroll 0 0;
    color: #e9e5dc;
    height: 71px;
    line-height: 25px;
    width: 156px;
	border:0 solid #938c8a;
}

.skill_relations li {
    position: absolute;
    opacity: 0.5;
    filter:alpha(opacity=50);
}

.skill_relations li.actived {
    position: absolute;
    opacity: 0.6;
    filter:alpha(opacity=60);
}

.skills {
    position: absolute;
    background: url(http://static.hero.9wee.com/styles/default/skill-bg.jpg) center center no-repeat;
    margin: 0 0 0 0;
}
.skill_flag_assistant,.skill_flag_passive,.skill_flag_active{
    cursor: pointer;
    text-indent: 15px;
    width: 70px;
}
.skill_flag_active {
    background: url(http://static.hero.9wee.com/styles/default/skill-flag-active.gif) center left no-repeat;
}

.skill_flag_assistant {
    background: url(http://static.hero.9wee.com/styles/default/skill-flag-assistant.gif) center left no-repeat;
}

.skill_flag_passive {
    background: url(http://static.hero.9wee.com/styles/default/skill-flag-passive.gif) center left no-repeat;
}

.skill_icon {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon.gif) center top no-repeat;
}

.skill_icon_active {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-active.gif) center top no-repeat;
}

.skill_icon_rune_ {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-active.gif) center top no-repeat;
    margin:0 3px;
}

.skill_icon_passive {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-passive.gif) center top no-repeat;
}

.skill_icon_assistant {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-assistant.gif) center top no-repeat;
}

.skill_icon_rune0 {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-rune0.gif?) center top no-repeat;
}

.skill_icon_rune1 {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-rune1.gif?) center top no-repeat;
}

.skill_icon_rune2 {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-rune2.gif?) center top no-repeat;
}

.skill_icon_rune_0 {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-rune0.gif?) center top no-repeat;
    margin:0 3px;
}

.skill_icon_rune_1 {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-rune1.gif?) center top no-repeat;
    margin:0 3px;
}

.skill_icon_rune_2 {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-rune2.gif?) center top no-repeat;
    margin:0 3px;
}

.skill_arousal_icon_assistant {
    float: left;
    width: 68px;
    height: 34px;
    background: url(http://static.hero.9wee.com/styles/default/state-icon.gif) center top no-repeat;
}

.skill_arousal_icon_assistant img{
    margin-top:4px;
    margin-left:21px;
}

.skills li {
    position: absolute;
}

.skill_icon, .skill_icon_active, .skill_icon_passive, .skill_icon_assistant {
    float: left;
    width: 69px;
    height: 61px;
    -moz-user-select: none;
}

.skill_arousal_icon_assistant div {
    -moz-user-select: none;
}

.skill_icon div, .skill_icon_active div, .skill_icon_passive div, .skill_icon_assistant div {
    -moz-user-select: none;
}

.skill_box .skill_icon, .skill_box .skill_icon_active, .skill_box .skill_icon_passive, .skill_box .skill_icon_assistant {
    padding: 0 3px 0 3px;
    margin: 18px 0 0 0;
}

.skill_icon_content {
    cursor: pointer;
    width: 69px;
    height: 61px;
}

.skill_img {
    position: absolute;
    margin: 5px 0 0 22px;
    width: 26px;
    height: 26px;
}

.totem_img {
    position: absolute;
    width: 26px;
    height: 26px;
}

.skills li, .skills li .skill_img {
    opacity: 0.6;
    filter:alpha(opacity=60);
}

.skills li.actived, .skills li.actived .skill_img {
    opacity: 1;
    filter:alpha(opacity=100);
}

.skill_name {
    position: absolute;
    width: 69px;
    margin: 35px 0 0 0;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-indent: 1px;
}

.skill_level {
    position: absolute;
    margin: 17px 0 0 48px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: url(http://static.hero.9wee.com/styles/default/skill-level-bg.gif) center center no-repeat;
}

.totem_name {
    width: 69px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-indent: 1px;
}

.totem_level {
    margin: -35px 0 0 48px;
	*margin: -35px 0 0 18px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: url(http://static.hero.9wee.com/styles/default/skill-level-bg.gif) center center no-repeat;
}


.skill_boxes {
    padding: 248px 0 0 0;
}

.skill_box {
    float: left;
    margin: 0 5px 4px 0;
}

.blessing_box {
    float: left;
    margin: 0 3px 4px 7px;
    *margin: 0 3px 4px 5px;
}

.blessing_box_img {
	margin-top: 3px;
	margin-left: 10px;
}

.blessing_box .blessing_box_left {
    float: left;
    width: 17px;
    height: 114px;
    background: url(http://static.hero.9wee.com/styles/default/skill-box-left.gif) no-repeat;
}

.blessing_box .blessing_box_right {
    float: left;
    width: 17px;
    height: 114px;
    background: url(http://static.hero.9wee.com/styles/default/skill-box-right.gif) no-repeat;
}

.blessing_box .blessing_box_body {
    float: left;
    height: 114px;
    width: 90px;
    *width: 88px;
    background: url(http://static.hero.9wee.com/styles/default/skill-box-bg.gif) repeat-x;
}

.blessing_box .blessing_box_title {
    line-height: 27px;
    margin: 0 auto;
    color:#C80000;
    width:120px;
}

.skill_box .skill_box_left {
    float: left;
    width: 17px;
    height: 114px;
    background: url(http://static.hero.9wee.com/styles/default/skill-box-left.gif) no-repeat;
}

.skill_box .skill_box_right {
    float: left;
    width: 17px;
    height: 114px;
    background: url(http://static.hero.9wee.com/styles/default/skill-box-right.gif) no-repeat;
}

.skill_box .skill_box_body {
    float: left;
    height: 114px;
    background: url(http://static.hero.9wee.com/styles/default/skill-box-bg.gif) repeat-x;
}

.skill_box .rune_skill_box_left {
    float: left;
    width: 17px;
    height: 400px;
    background: url(http://static.hero.9wee.com/styles/default/rune_skill-box-left.gif) no-repeat;
}

.skill_box .rune_skill_box_right {
    float: left;
    width: 17px;
    height: 400px;
    background: url(http://static.hero.9wee.com/styles/default/rune_skill-box-right.gif) no-repeat;
}

.skill_box .rune_skill_box_body {
    float: left;
    height: 400px;
    background: url(http://static.hero.9wee.com/styles/default/rune_skill-box-bg.gif) repeat-x;
}

.skill_box .skill_box_title {
    line-height: 27px;
    margin: 0 auto;
}

.skill_detail_table {
    width: 350px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-spacing: 0;
}

.totem_detail_table {
    width: 350px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-spacing: 0;
    text-align: left;
}

.meridian_detail_table {
    width: 220px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-spacing: 0;
    text-align: left;
}

.meridian_yin_table {
    width: 560px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-spacing: 0;
    text-align: left;
}

.skill_detail_table th {
    padding: 0;
    font-size: 14px;
    text-align: left;
}

.skill_detail_title {
    height: 25px;
    background: url(http://static.hero.9wee.com/styles/default/skill-title-bg.gif) center center no-repeat;
    font-weight: normal;
    text-align: center;
}

.skill_state_effects {
    border: 1px solid #92876c;
    background-color: #382d27;
    padding: 3px 8px 3px 8px;
    margin: 3px;
    line-height: 18px;
}

.skill_inner_list {
    width: 100%;
}

.skill_inner_list li {
    float: left;
    text-align: left;
}

.skill_detail_img {
    width: 50px;
    height: 50px;
    background: url(http://static.hero.9wee.com/styles/default/skill-detail-img-bg.gif) center center no-repeat;
    padding: 8px;
}

.skill_detail_img img {
    cursor: pointer;
}

#skill_detail_form .skill_state_effects {
    border: 1px solid #c3baa7;
    background-color: #e9e4da;
}

/* 语言颜色标识 */
.text_system {
    color: #cc0000;
    padding: 0 2px 0 2px;
}

.text_npc {
    color: #3068cd;
    padding: 0 2px 0 2px;
}

.text_scene {
    color: green;
    padding: 0 2px 0 2px;
}

.text_monster {
    color: #e77800;
    padding: 0 2px 0 2px;
}

.text_item {
    color: #ee4ba3;
    padding: 0 2px 0 2px;
}

.text_mission {
    color: #ee4ba3;
    padding: 0 2px 0 2px;
}

/* 战斗界面 */
#combat_live_box .attr_icon {
    margin-right: 8px;
}

.combat_role_res {
}

.combat_role_res div {
    float: left;
    width: 34px;
    height: 34px;
    cursor: pointer;
    margin-right: 2px;
}
.combat_role_res .combat_role_res_1 {
    background: url(http://static.hero.9wee.com/res/1.gif) no-repeat;
}

.combat_role_res .combat_role_res_2 {
    background: url(http://static.hero.9wee.com/res/2.gif) no-repeat;
}

.combat_role_res .combat_role_res_3 {
    background: url(http://static.hero.9wee.com/res/3.gif) no-repeat;
}

.combat_role_res .combat_role_res_4 {
    background: url(http://static.hero.9wee.com/res/4.gif) no-repeat;
}

.combat_role_res .combat_role_res_5 {
    background: url(http://static.hero.9wee.com/res/5.gif) no-repeat;
}

.combat_result .highlight {
    padding: 0 2px 0 2px;
}

.combat_content {
    width: 400px;
    line-height: 22px;
    border: 1px solid #c9c0ae;
    background: #efede9;
    padding: 8px;
    text-align: left;
}

#combat_live_container {
    height: 375px;
    line-height: 25px;
    padding: 6px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 12px;
}

#combat_live_container .highlight, #combat_live_container .special {
    padding: 0 2px 0 2px;
}

.side_0 {
    color: #995555;
}

.side_1 {
    color: #009966;
}
.skill {
    color: #b95de8;
}
.state {
    color: #00bb00;
}

/* 野外界面 */
.field_container {
}

.field_left {
    float: left;
    width: 186px;
}

.field_center {
    float: left;
    width: 318px;
    padding: 0 10px 0 10px;
}

.field_right {
    float: left;
    width: 200px;
}

.field_title {
    background: url(http://static.hero.9wee.com/styles/default/field-title-bg.gif) repeat-x;
}

.field_title_frame {
    background: url(http://static.hero.9wee.com/styles/default/field-title-right.gif) top right no-repeat;
}

.field_title_content {
    text-align: center;
    line-height: 21px;
    height: 21px;
    background: url(http://static.hero.9wee.com/styles/default/field-title-left.gif) top left no-repeat;
    color: #e9e5dc;
    letter-spacing: 4px;
}

.field_frame {
    border: 1px solid #847375;
    padding: 1px;
}

.field_frame li {
    text-indent: 3px;
}

.field_frame_content {
    border: 1px solid #847375;
    margin: 1px 0 0 0;
    background: #d8d0c9 url(http://static.hero.9wee.com/styles/default/field-frame-bg.gif) top left repeat-x;
}

.field_position {
    margin: 5px 5px 0 5px;
    padding-bottom: 5px;
    border-bottom:1px solid #b6aba4;
}

.field_sub_scenes {
    margin: 0 5px 0 5px;
    padding-top: 5px 0 5px 0;
    /*border-top:1px solid #ffffff; */
    color:#6d5d5f;
    height: 86px;
}

#field_sub_scenes_ul {
    width: 100%;
    margin-top: 8px;
    line-height: 20px;
}

.field_sub_scenes li {
    float:left;
    width: 49%;
    line-height: 25px;
    height: 25px;
    text-align:center;
}

.field_sub_scenes a:link,.field_sub_scenes a:visited {
    display:block;
    width:90%;
    line-height:23px;
    text-decoration:none;
    margin: 0 auto;
}

.field_sub_scenes a:hover,.field_sub_scenes a:active {
    line-height: 21px;
    background-color:#e1dad2;
    border: 1px solid #c3b8b1;
}

.field_sub_scenes li.on a:link,.field_sub_scenes li.on a:visited, .field_sub_scenes li.on a:hover,.field_sub_scenes li.on a:active {
    line-height:21px;
    color:#c80000;
    background-color:#eae5db;
    border: 1px solid #b6aba4;
}

.field_box {
    border: 1px solid #c3b8b1;
    background: #f5f2ea url(http://static.hero.9wee.com/styles/default/field-box-bg.gif) repeat-x;
    padding: 7px;
    line-height: 20px;
}

.field_box li {
    padding-bottom: 4px;
}

.field_box_title {
    font-size: 14px;
    font-weight:bold;
    margin-bottom: 10px;
}

.field_box_title a {
    font-weight: normal;
}

#scene_name a {
    margin: 0 2px 0 2px;
}

/* 野外场景功能切换 */
.field_switch_box {
    float: left;
    border: 1px solid #c3b8b1;
    padding: 5px 6px 5px 0;
    background: #f5f2ea url(http://static.hero.9wee.com/styles/default/field-switch-bg.gif) repeat-y;
}

.field_switch_buttons {
    float: left;
    width: 116px;
}

.field_switch_buttons a {
    float: left;
    width: 95%;
    font-size: 14px;
    margin: 0 0 1px 0;
    text-align: center;
    font-weight: bold;
    line-height: 31px;
    height: 31px;
    text-decoration: none;
}

.field_switch_buttons a.highlight {
    background: url(http://static.hero.9wee.com/styles/default/field-switch-button.gif) no-repeat;
}

.field_switch_content {
    float: left;
    /* width: 390px; */
    width: 600px;
    height: 129px;
    overflow: auto;
}

.scene_events li {
    text-indent: 0;
    line-height: 22px;
}

.field_buttons {
    padding: 5px 0 0 5px;
    height: 22px;
}

.field_button_search {
    float: left;
    width: 58px;
    line-height: 21px;
    height: 21px;
    text-decoration: none;
    padding-left: 32px;
    margin-right: 4px;
    background: #f5f2ea url(http://static.hero.9wee.com/styles/default/field-button-search.gif) no-repeat;
}

.field_button_more {
    float: left;
    width: 58px;
    line-height: 21px;
    height: 21px;
    text-decoration: none;
    padding-left: 32px;
    background: #f5f2ea url(http://static.hero.9wee.com/styles/default/field-button-more.gif) no-repeat;
}

.field_role_list {
    padding: 0 5px 0 5px;
}

.field_role_list ul {
    float: left;
    width: 100%;
    overflow-y: auto;
    margin: 5px 0 5px 0;
}

.field_role_list ul li {
    width: 165px;
    padding-right: 2px;
}

#sub_scene {
    float: left;
    width: 100%;
}

#sub_scene li {
    float:left;
    width: 98%;
}

.field_objects {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.field_objects li {
    float: left;
    width: 47%;
    padding: 3px 0 4px 0;
    height: 35px;
}

.field_objects span {
    float: left;
    margin-right: 5px;
    line-height: 17px;
}

.field_objects img {
    cursor: pointer;
    margin-top: 1px;
}

.field_main {
    height: 302px;
    background: url(http://static.hero.9wee.com/styles/default/field-bg.gif) no-repeat bottom right;
}

.field_objects ul {
    height: 126px;
    overflow-y: auto;
}

/* add by arrok.Wang 2008/08/15 */
#group_btn {
    margin-top: 4px;
    line-height: 18px;
    height: 18px;
    text-align: center;
}

#group_btn a {
    margin: 0 6px 0 6px;
}

.group_role_list ul {
    float: left;
    height: 85px;
    width: 100%;
    overflow-y: auto;
    margin: 3px 0 3px 0;
}
.group_role_list {
    padding: 0 5px 0 5px;
}
.group_role_list li {
    width: 165px;
    padding: 2px 0 2px 0;
}

.normal_scene {
}

.normal_scene #field_mission_box {
    width: 580px;
}

.normal_scene #field_mission_box_accept {
    width: 580px;
}

.normal_scene .field_switch_content {
    width: 600px;
}

.instance_scene {
    width: 506px;
}

.instance_scene #field_mission_box {
    width: 370px;
}

.instance_scene #field_mission_box_accept {
    width: 370px;
}

.instance_scene .field_switch_content {
    width: 390px;
}

/* add by arrok.Wang 2008/08/15 */

.field_role_list li {
    padding: 2px 0 2px 0;
}

.field_monster {
    color:#ea4602;
}

.field_combat_link {
    color:#0678c1;
}

/* add by arrok_wang 2008/05/28 field.html */
.field_name_div {
    font-size: 12px;
    font-weight:bold;
}

#scene_list {
    width: 180px;
    height: 290px;
}

/* 2008-12-30 blue */
.map_scene_list_style{
    /*border:1px solid blue;*/
    cursor: pointer;
    position: absolute;
}
/* 2008-12-30 blue */
.world_map_scene_list_style{
    /*border:1px solid blue;*/
    position: absolute;
}

.icon_role_position {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-20px;
    margin-top:-10px;
}

/* 世界地图 */
.map_container {
    width: 601px;
    height: 447px;
}

.map_img {
    position: absolute;
}

#world_div {
    border: 1px solid #a3997d;
}

.map_his_scenes {
    position: absolute;
    margin: 10px 0 0 10px
}

.map_flags {
    position: absolute;
    margin: 350px 0 0 15px
}

.map_floater_bg {
    position: absolute;
    opacity: 0.5;
    filter:alpha(opacity=50);
    width: 115px;
}

.map_floater_bg div {
    padding: 0;
    margin: 0;
}

.map_floater_top {
    height: 3px;
    line-height: 3px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/map-frame-top.gif) no-repeat;
}

.map_floater_body {
    background-color: #2f2d1c;
}

.map_floater_bottom {
    height: 3px;
    line-height: 3px;
    font-size: 1px;
    background: url(http://static.hero.9wee.com/styles/default/map-frame-bottom.gif) no-repeat;
}

.his_scenes_list {
    position: absolute;
    margin: 5px 0 0 8px;
    width: 100px;
}

.his_scenes_list img {
    float: right;
    margin: 3px 2px 0 0;
    cursor: pointer;
}

.his_scenes_list div {
    border-top: 1px solid #a3997d;
}

.his_scenes_list, .his_scenes_list a, .his_scenes_list a:visited {
    color: #dfd9cd;
    text-decoration: none;
}

.his_scenes_list a:active, .his_scenes_list a:hover {
    color: #ffffff;
    text-decoration: none;
}

.his_scenes_list .title {
    color: #f9f3e8;
    font-weight: bold;
    border: none;
}

.map_flags_list {
    position: absolute;
    margin: 9px 0 0 15px;
    width: 90px;
    color: #dfd9cd;
}

.map_flags_list div {
    line-height: 23px;
    text-indent: 25px;
    color: #dfd9cd;
}

.map_flags_list img {
    margin-right: 10px;
}

.map_flags_list .flag_0 {
    background: url(http://static.hero.9wee.com/styles/default/icon-flag-0.gif) 0px 4px no-repeat;
}

.map_flags_list .flag_1 {
    background: url(http://static.hero.9wee.com/styles/default/icon-flag-1.gif) 0px 4px no-repeat;
}

.map_flags_list .flag_2 {
    background: url(http://static.hero.9wee.com/styles/default/icon-flag-2.gif) 0px 4px no-repeat;
}

.div_scene_name {
    position: absolute;
    margin: 29px 0 0 -16px;
    color: #ffffff;
    line-height: 16px;
    width: 58px;
    text-align: center;
}

.div_scene_name_shadow {
    position: absolute;
    margin: 30px 0 0 -15px;
    color: #000000;
    line-height: 16px;
    width: 58px;
    text-align: center;
}

/* 城内场景 */
.city_scene_img_warrior {
    text-align:center;
    margin: 10px 0 10px 0;
    padding: 20px;
    width: 660px;
    height: 210px;
    background: url(http://static.hero.9wee.com/scenes/city/warrior.jpg) no-repeat;
    border: 1px solid #91856d;
}

.city_scene_buttons {
    margin: 0 auto;
    opacity: 0.9;
    filter:alpha(opacity=90);
}

.city_scene_buttons a {
    float: left;
    width: 45%;
}

/* add by arrok 2008/06/16 POP_DIV SEARCH ROLE */
.pop_div_search_role {
    border: 1px solid #c3b8b1;
    background: #f5f2ea url(http://static.hero.9wee.com/styles/default/field-box-bg.gif) repeat-x;
    padding: 7px;
    line-height: 20px;
    position:absolute;
    width:170px;
    height: 242px;
    text-align: left;
    top:72px;
    left:543px;
    display:none;
}
.pop_div_search_role table {
    height: 240px;
}
.pop_div_search_role_close {
    position: absolute;
    top: -5px;
    right: 1px;
    float: right;
    width: 20px;
    height: 24px;
    cursor: pointer;
    background: url(http://static.hero.9wee.com/icons/icon-close.gif) no-repeat center;
}
.pop_div_search_role_close:hover {
    background: url(http://static.hero.9wee.com/icons/icon-close-highlight.gif) no-repeat center;
}
/* POP_DIV SEARCH ROLE */

/* 集市商店 */
.bazaar_shop_left {
    float: left;
    width: 186px;
    margin: 0 8px 0 0;
}
.bazaar_shop_left .bazaar_title {
    height: 39px;
    line-height: 32px;
    _line-height: 33px;
    background: transparent url(http://static.hero.9wee.com/styles/default/bazaar-shop-left-top.gif) no-repeat center;
    color: #d9d4cc;
    text-align: center;
}
.bazaar_shop_left .bazaar_body {
    background: transparent url(http://static.hero.9wee.com/styles/default/bazaar-shop-left-bg.gif) repeat-y;
}
.bazaar_shop_left .bazaar_body_box {
    width: 162px;
    border-left: 1px solid #847375;
    border-right: 1px solid #847375;
    margin: 0 auto;
    background-color: #e9e5dc;
}
.bazaar_shop_item_cells {
    width: 156px;
    height: 208px;
    background: transparent url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
    margin: 0 auto;
}

.bazaar_shop_left .bazaar_body_bottom {
    height: 4px;
    font-size: 1px;
    background: transparent url(http://static.hero.9wee.com/styles/default/bazaar-shop-left-body-bottom.gif) no-repeat;
}
.bazaar_shop_left .bazaar_bottom {
    height: 12px;
    font-size: 1px;
    background: transparent url(http://static.hero.9wee.com/styles/default/bazaar-shop-left-bottom.gif) repeat-y;
}
.bazaar_shop_left .bazaar_pages {
    width: 92px;
    height: 22px;
    margin: 3px auto 0 auto;
}
.bazaar_shop_left .edit_bazaar_pages {
    width: 100%;
    height: 22px;
	margin: 3px auto 0 auto;
    text-align:center;
}

.bazaar_shop_left .edit_bazaar_pages a {
    width:100%;
    height:20px;
    vertical-align:middle;
}

.bazaar_shop_left .bazaar_pages img {
    float: left;
    margin: 3px 2px 0 2px;
}
.bazaar_buttons {
    float: left;
    width: 502px;
    padding: 5px 0 5px 10px;
    line-height: 20px;
}
.bazaar_role_equip {
    position: absolute;
    margin: -165px 0 0 475px;
}
.spirit_role_equip {
    position: absolute;
    margin: -5px 0 0 275px;
}
.bazaar_role_items {
    position: absolute;
    margin: 165px 0 0 190px;
}

/* 仓库 */
.stock_mask {
    position: absolute;
    width: 160px;
    height: 100px;
    padding-top: 56px;
    text-align: center;
    margin-top: -156px;
    background-color: #e9e5dc;
    opacity: 0.9;
    filter:alpha(opacity=90);
}

/*** 道具页面 ***/
.item_detail_table {
    width: 240px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-spacing: 0;
}
.item_detail_table th {
    padding: 0;
    font-size: 14px;
    text-align: left;
}

/*
.item_details li {
	float: left;
	width: 99%;
}
*/

.item_affix_effect, .item_affix_effect .highlight {
    color: #588bff;
}
.item_streng_effect, .item_streng_effect .highlight {
    color: #86de31;
}
.item_upgrade_effect, .item_upgrade_effect .highlight {
    color: #eb8bff;
}
.item_sets_effect, .item_sets_effect .highlight {
    color: #fffb77;
}
.item_effect_disable, .item_effect_disable .highlight {
    color: #7d716c;
}

.beauty_card_table
{
    width: 240px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-spacing: 0;
    text-align:left;
}

/*** country releations ***/
/*秦国*/
.country_releation_1 {
    position:absolute;
    left: 15px;
    top: 295px;
}

/*齐国*/
.country_releation_2 {
    position:absolute;
    left: 440px;
    top: 150px;
}

/*楚国*/
.country_releation_3 {
    position:absolute;
    left: 345px;
    top: 410px;
}

/*魏国*/
.country_releation_4 {
    position:absolute;
    left: 230px;
    top: 220px;
}

/*燕国*/
.country_releation_5 {
    position: absolute;
    left: 380px;
    top: 45px;
}

/*赵国*/
.country_releation_6 {
    position:absolute;
    left: 245px;
    top: 115px;
}

/*韩国*/
.country_releation_7 {
    position:absolute;
    left: 225px;
    top: 315px;
}

/*蓬莱*/
.country_releation_8 {
    position:absolute;
    left: 530px;
    top: 230px;
}

/*渑池*/
.country_releation_9 {
    position:absolute;
    left: 312px;
    top: 215px;
}

/*渑池*/
.country_releation_10 {
    position:absolute;
    left: 137px;
    top: 335px;
}

/*** 拍卖场 ***/
.auction_item {
    width:78px;
    height:104px;
    float:left;
    margin: 0 5px 0 0;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

.auction_detail {
    float: left;
    width: 152px;
}

.auction_detail li {
    height: 16px;
    line-height: 16px;
}

/*** 专卖店 ***/
.regie_left_container {
    width:78px;
    float:left;
    margin: 0 5px 0 0;
}

.regie_item {
    width:78px;
    height:104px;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

.regie_detail {
    float: left;
    width: 252px;
}

.regie_detail li {
    line-height: 18px;
    height: 18px;
    padding: 0;
}

/*** 市场 ***/
.market_item{
    width:78px;
    height:104px;
    float:left;
    margin: 0 5px 0 0;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

.market_detail {
    float: left;
    width: 152px;
}

.market_detail li {
    line-height: 16px;
}

/*** add by joe.xu at 2008-9-24 ***/
/*** 藏宝屋 ***/
.treasure_item {
    width: 26px;
    height: 26px;
    float: left;
    margin: 0 5px 0 0;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

.team_board {
    width: 210px;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

/*** 死亡页面 ***/
#dead_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 477px;
    height: 277px;
    margin: -138px 0 0 -238px;
    background: url(http://static.hero.9wee.com/styles/default/dead-pic.gif) no-repeat;
    cursor: pointer;
}

#duel_event_box {
    height: 46px;
    border: 1px solid #c3b8b1;
    background: #f5f2ea url(http://static.hero.9wee.com/styles/default/field-box-bg.gif) repeat-x;
    margin: 3px 0 5px 0;
}

#duel_event_box li {
    float: left;
    width: 95%;
    padding-left: 5px;
    line-height: 23px;
}

#duel_event_container {
    height: 46px;
    overflow: hidden;
}

.sell_market_item {
    height: 104px;
    width: 104px;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
    float:left;
}

.sell_market_item_enable {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-enable.gif);
    opacity:0.6;
    filter:alpha(opacity=60);
}

.sell_market_item_disable {
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg-disable.gif);
    opacity:0.6;
    filter:alpha(opacity=60);
}

.thumb {
    border:1px solid #938c8a;
    cursor: pointer;
}

/* add by arrok 新手任务提示 2009-7-13 */
.rookietips{
    width:154px;
    height:104px;
    position:absolute;
    cursor:pointer;
    /*z-index:99999;*/
    width: 21px;
    height: 40px;
}
.rookietips img{
    opacity: 0.80;
    filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80,finishOpacity=80);
}
.rookietips p{
    position:absolute;
    display:block;
    color:#fff;
    top:15px;
    left:10px;
    padding:0px 10px;
    width:112px;
    text-align:left;
    line-height:20px;
}

.rookietips_span{
    position:absolute;
    display:block;
    color:#ffe400;
    top:15px;
    left:10px;
    width:162px;
    text-align:left;
    line-height:20px;
}

.tips_city_scene{
    color: #ffe400;
}

.tips_npc{
    color: #64a6ff;
}
/* add by arrok 新手任务提示 2009-7-13 */

/* add by joe.xu 2009-10-26*/
.item_standby_icon_box{
    float:right;
    width:90px;
    height:80px;
    position:absolute;
    top:230px;
    right:40px;
	/*z-index: 9999;*/
	overflow-x:hidden;
	overflow-y:auto;
}

.item_standby_icon_box img{
    float:left;
    margin:2px;
}

/* 内嵌九维群组 */
#wee_inner_bbs_ctrl {
    margin: 503px auto 0 auto;
    *margin: 513px auto 0 auto;
    width: 40px;
    height: 19px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(http://static.hero.9wee.com/icons/icon-arrow-down.gif);
}

#wee_inner_bbs_frame {
    width: 980px;
    margin: 0 auto 0 auto;
}

#wee_inner_bbs {
    display: none;
    width: 980px;
    height: 500px;
    border: 1px solid #9d948b;
    margin: 2px 0 0 0;
}

.skill_icon_awaken {
    background: url(http://static.hero.9wee.com/styles/default/skill-icon-awaken.gif) center top no-repeat;
}

#switch_skill_class_tabs li{float:left;line-height:24px;height:24px;padding:0 3px;border-bottom:1px solid #BEB8B3;}
#switch_skill_class_tabs .skill_switch{border:0;padding:0;width:102px;
             text-align:center;cursor:pointer;line-height:25px;height:25px;
             background:url("http://static.hero.9wee.com/styles/default/skillclass-nav.gif") no-repeat;
}
#switch_skill_class_tabs .skill_switch_active{font-weight:bold;
                     background:url("http://static.hero.9wee.com/styles/default/skillclass-nav-h.gif") no-repeat scroll 0 0 transparent;
}
#switch_skill_class_tabs .skill_switch_active span{color:#AC2100;}
#skill_flag_type div{
    float:left;
}

/*主界面左侧可隐藏部分*/
.sub{position:absolute;width:159px;margin:4px 0 0 -159px}
	.sub .stage_top{background:url(http://static.hero.9wee.com/styles/default/sub-border-bg.png) 0 -60px repeat-x}
		.sub .stage_top_left{background:url(http://static.hero.9wee.com/styles/default/sub-border-bg.png) 0 0 no-repeat}
		.sub .stage_top_right{background:url(http://static.hero.9wee.com/styles/default/sub-border-bg.png) 0 -15px no-repeat}
	.sub .stage_bottom{background:url(http://static.hero.9wee.com/styles/default/sub-border-bg.png) 0 -75px repeat-x}
		.sub .stage_bottom_left{background:url(http://static.hero.9wee.com/styles/default/sub-border-bg.png) 0 -30px no-repeat}
		.sub .stage_bottom_right{background:url(http://static.hero.9wee.com/styles/default/sub-border-bg.png) 0 -45px no-repeat}
	.sub .stage_body{background:#d5ccc5 url(http://static.hero.9wee.com/styles/default/sub-right-bg.gif) right top repeat-y}
		.sub .stage_content{background:url(http://static.hero.9wee.com/styles/default/sub-left-bg.gif) left top repeat-y}
.sub_nav{padding-left:4px;overflow:hidden;zoom:1}
  .sub_nav a{float:left;width:127px;height:34px;margin-bottom:4px;background:url(http://static.hero.9wee.com/styles/default/button.png) 0 0 no-repeat;font-size:13px;line-height:34px;line-height:36px\9;_line-height:38px;overflow:hidden;text-align:center;text-decoration:none}
.sub_ad{width:119px;margin:5px auto 0}
	.sub .out_box{padding:1px;border:1px solid #847375;border-radius:2px;background:#d7d0cd}
	.sub .in_box{padding:2px;border:1px solid #847375;background:#e8e2d9}
	.sub_ad .out_box{margin-bottom:8px}
	.sub_ad .in_box{display:block;height:86px;overflow:hidden}
	.sub_ad img{width:109px;height:86px}
.sub_rec{width:119px;margin:0 auto;height:132px;overflow:hidden}
	.sub_rec ul{height:132px;overflow:hidden}
	.sub_rec li{float:left;height:33px}/*新添加*/
	.sub_rec a{float:left;width:105px;height:26px;padding:0 7px;/*margin-bottom:7px;*/background:url(http://static.hero.9wee.com/styles/default/button.png) 0 -40px no-repeat;color:#fff;text-align:center;line-height:23px;line-height:24px\9;_line-height:25px;overflow:hidden;text-decoration:none;}/*有修改*/
	.sub_rec a:hover{background:url(http://static.hero.9wee.com/styles/default/button.png) 0 -70px no-repeat;color:#fff}
	.sub_btn{position:absolute;top:190px;right:-14px;width:25px;height:130px}
		.sub_btn a{display:block;width:12px;height:58px;padding:36px 7px 36px 6px;background:url(http://static.hero.9wee.com/styles/default/show-left-bg.png) no-repeat;text-decoration:none;text-align:center;line-height:14px;outline:none}
		.sub_btn a:hover,.sub_btn a:active{text-decoration:none}

/* 奇珍园 */
.foster_farm_left {
    float: left;
    width: 400px;
    margin: 0 8px 0 0;
}

.foster_farm_left .farm_title {
    height: 39px;
    line-height: 32px;
    _line-height: 33px;
    background: transparent url("http://static.hero.9wee.com/styles/default/foster-farm-left-top.gif") no-repeat center;
    color: #d9d4cc;
    text-align: center;
}

.foster_farm_left .farm_body {
    background: transparent url("http://static.hero.9wee.com/styles/default/foster-farm-left-bg.gif") repeat-y;
}

.foster_farm_left .farm_body_box {
    width: 376px;
    border-left: 1px solid #847375;
    border-right: 1px solid #847375;
    margin: 0 auto;
    background-color: #e9e5dc;
}

.foster_farm_left .farm_body_bottom {
    height: 4px;
    font-size: 1px;
    background: transparent url("http://static.hero.9wee.com/styles/default/foster-farm-left-body-bottom.gif") no-repeat;
}
.foster_farm_left .farm_bottom {
    height: 12px;
    font-size: 1px;
    background: transparent url("http://static.hero.9wee.com/styles/default/foster-farm-left-bottom.gif") repeat-y;
}
.foster_farm_left .farm_pages {
    width: 420px;
    height: 22px;
    margin-top: 3px;
}
.foster_farm_left .edit_farm_pages {
    width: 145px;
    height: 22px;
    margin: 3px auto 0 auto;
    text-align:center
}
.foster_farm_left .farm_pages img {
    float: left;
    margin: 3px 2px 0 2px;
}

/*天下第一武馆*/
.fl{float:left}.fr{float:right}
.field_frame_border{padding:5px;border:1px solid #847573}
.stage_container .dialog_close{top:2px;right:-1px;z-index:1}

.field_bar{position:relative;_width:718px;height:25px;margin-bottom:5px;padding:0 4px;}
	.field_title_left{position:absolute;left:0;width:17px;height:25px;background:url(http://static.hero.9wee.com/styles/default/field-bar-bg.png) left 0 no-repeat}
	.field_title_right{position:absolute;right:0;width:17px;height:25px;background:url(http://static.hero.9wee.com/styles/default/field-bar-bg.png) right -30px no-repeat}
	.field_bar .field_title{height:25px;padding:0 15px;background:url(http://static.hero.9wee.com/styles/default/field-bar-bg.png) 0 -60px repeat-x;text-align:center;line-height:25px}
	.field_bar_left{display:inline;background:url(http://static.hero.9wee.com/styles/default/field-bar-left.gif) left center no-repeat}
	.field_bar_right{display:inline-block;width:auto;height:25px;padding:0 36px;background:url(http://static.hero.9wee.com/styles/default/field-bar-right.gif) right center no-repeat}
	/*耐久*/
	.team_point_life{float:left;width:170px;color:#827073}
		.team_point_num{color:#07971b}.team_point_num_max{color:#7f5644}
		.team_point_bar_div{float:left;margin-top:5px}
		.team_point_bar_bg{width:503px;height:9px;padding:3px;background:url(http://static.hero.9wee.com/styles/default/team-point-bar-bg.png) no-repeat}
		.team_point_bar{width:503px;height:9px;font-size:1px;background:url(http://static.hero.9wee.com/styles/default/team-point-bar.png) left top repeat-y}

	.field_sub{float:left;width:200px;}
	.field_middle{float:left;width:316px;padding:0 5px}

	.field_sub .field_title_content{letter-spacing:1px}
	/*玩家列表新增样式*/
	.field_role_list{overflow:hidden;zoom:1}
	.field_sub .field_role_list ul{height:323px}
	.field_role_list ul li{float:left}
	.field_role_list ul .text_else{text-align:center;line-height:30px}
	.field_role_list .col_1{color:#e80909}/*红色*/
	.field_role_list .col_2{color:#ed770e}/*橙色*/
	.field_role_list .col_3{color:#663d2a}/*咖啡色*/
	.field_role_list .col_4{color:#34c40e}/*绿色*/
	.field_role_list .col_5{color:#938f92}/*灰白色*/

	.cheer_box{height:48px;margin:3px;padding:15px 15px 10px;background:url(http://static.hero.9wee.com/styles/default/line02.gif) left top repeat-x;text-align:center}
		.cheer_box .short_button{margin:5px auto 0}
	.cheer_btn{float:left;width:43px;height:71px;padding:6px 5px 0}
		.cheer_btn a{display:block;width:17px;padding:21px 13px;background:url(http://static.hero.9wee.com/styles/default/button.png) 0 -110px no-repeat;color:#fff;line-height:14px;text-align:center}
		.cheer_btn a:hover{color:#fff;background-position:-43px -110px}
	.cheer_num{width:94px;height:89px;height:91px\0;*height:87px;padding:0 5px;line-height:87px;overflow:hidden}
	/*武馆场景*/
	.field_middle #scene_list{position:relative;width:312px;height:306px;background:url(http://static.hero.9wee.com/styles/default/team/team-scenes.jpg) no-repeat}
		.field_middle #div_1{left:119px;top:261px;width:85px;height:45px}
		.field_middle #div_2{left:193px;top:172px;width:54px;height:70px;background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-2-0.gif) no-repeat}
		.field_middle #div_3{left:60px;top:85px;width:63px;height:65px;background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-3-0.gif) no-repeat}
		.field_middle #div_4{left:206px;top:60px;width:53px;height:60px;background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-4-0.gif) no-repeat}
		.field_middle #div_5{left:130px;top:3px;width:56px;height:70px;background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-5-0.gif) no-repeat}
		.field_middle #div_2.disabled{background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-2-1.gif) 0 bottom no-repeat}
		.field_middle #div_3.disabled{background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-3-1.gif) 0 bottom no-repeat}
		.field_middle #div_4.disabled{background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-4-1.gif) 0 bottom no-repeat}
		.field_middle #div_5.disabled{background:url(http://static.hero.9wee.com/styles/default/team/team-door/div-5-1.gif) 0 bottom no-repeat}
		.rise_tip{position:absolute;width:200px;bottom:35px;left:51px;color:#fff;line-height:21px}
			.rise_tip a{float:right;width:70px;height:23px;background:url(http://static.hero.9wee.com/styles/default/city-menu.gif) center center no-repeat;line-height:23px;text-align:center;text-decoration:none;}
	/*武馆战报播放*/
	.field_combat{margin-top:2px;padding:3px;border:1px solid #C3B8B1;background:#efede9}
	/*.field_combat #combat_live_container{height:258px;padding:0}*/
	.field_combat #top_team_event_container{height:258px;padding:0}

	.col_win{color:#e80909}/*胜方*/
	.col_fail{color:#34c40e}/*败方*/
	.text_event{color:#7e3eff}/*事件*/
	.text_award{color:#ed770e}/*奖励*/
	/*战斗事件*/
#top_team_event_container {font-size: 12px;line-height: 25px;overflow-x: hidden;overflow-y: auto; text-align: left;}
#top_team_event_container .highlight, #top_team_event_container .special {padding: 0 2px;}

	/*.field_combat_view{height:30px}
		.field_combat_view ul{float:left;width:100%}
		.field_combat_view li{float:left;width:35%}
		.field_combat_view li a{display:block;width:84px;margin:0 auto;background-image:url(http://static.hero.9wee.com/styles/default/navi-icon.gif);background-position:6px 7px;background-repeat:no-repeat;line-height:30px;text-indent:30px;text-decoration:none}
		.field_combat_view li a:hover,.field_combat_view li a.on{background-image:url(http://static.hero.9wee.com/styles/default/navi-icon-highlight.gif)}*/
	/*积分信息以及buff*/
	.fight_info{height:45px;padding-left:30px}
	.field_buff{height:64px;padding:0 8px;background:url(http://static.hero.9wee.com/styles/default/line02.gif) left top repeat-x;}
	.field_buff a{float:left;_display:inline;margin:10px 10px 0}

/*报名-生死状*/
.dlg_sub{float:left}
.dlg_main{float:left;padding:0 5px}
.dlg_life_death{width:618px}
	.dlg_life_death .dlg_sub{width:152px}
	.dlg_life_death .dlg_main{width:304px;padding:0 5px}
	.team_list{height:120px;padding:0 5px}
	.team_list ul{overflow:hidden;zoom:1}
	.team_list li{float:left;width:100%;padding:2px 0}
	.dlg_life_death .field_role_list ul li{width:115px}

	.dlg_life_death_bg{position:relative;width:298px;height:395px;background:url(http://static.hero.9wee.com/styles/default/life-death-bg.png) no-repeat}
		.dlg_life_death_bg .button{position:absolute;top:360px;left:98px;outline:none}
		.team_mark_left,.team_mark_right{position:absolute;visibility:hidden;top:305px;width:55px;height:70px;opacity:0.7;filter:alpha(opacity=70)}
		.team_mark_left{left:8px;background:url(http://static.hero.9wee.com/styles/default/mark-bg.png) 0 0 no-repeat}
		.team_mark_right{right:10px;background:url(http://static.hero.9wee.com/styles/default/mark-bg.png) 0 -70px no-repeat}
/*真元之池*/
.dlg_team_events{width:565px}
	.dlg_team_events .dlg_sub{width:210px}
	.dlg_team_events .dlg_main{width:340px;padding:0 0 0 15px}
	/*真元池*/
	.team_life_pool_box{background:url(http://static.hero.9wee.com/styles/default/team-life-pool-box.gif) center top no-repeat}

	.team_life_pool{width:156px;height:160px;0px auto 20px auto}
		.team_pool_l{float:left;width:78px;height:160px;background-position:0 30px;background-repeat:no-repeat}/*蓝*/
		.team_pool_h{float:right;width:78px;height:160px;background-position:-78px 30px;background-repeat:no-repeat}/*红*/
		.team_pool_l_0,.team_pool_h_0{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/0.gif)}/*真元池0%*/
		.team_pool_l_10,.team_pool_h_10{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/10.gif)}/*真元池10%*/
		.team_pool_l_20,.team_pool_h_20{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/20.gif)}/*真元池20%*/
		.team_pool_l_30,.team_pool_h_30{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/30.gif)}/*真元池30%*/
		.team_pool_l_40,.team_pool_h_40{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/40.gif)}/*真元池40%*/
		.team_pool_l_50,.team_pool_h_50{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/50.gif)}/*真元池50%*/
		.team_pool_l_60,.team_pool_h_60{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/60.gif)}/*真元池60%*/
		.team_pool_l_70,.team_pool_h_70{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/70.gif)}/*真元池70%*/
		.team_pool_l_80,.team_pool_h_80{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/80.gif)}/*真元池80%*/
		.team_pool_l_90,.team_pool_h_90{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/90.gif)}/*真元池90%*/
		.team_pool_l_100,.team_pool_h_100{background-image:url(http://static.hero.9wee.com/styles/default/team/team-life/100.gif)}/*真元池100%*/

	.team_life_txt{padding:0 0 8px 0}
	.team_life_pool_box .large_button{margin:8px auto 0}
	.team_events_list ul{padding:0 3px;height:250px;overflow-y:auto}
	.team_events_list li{padding:6px 0;border-bottom:1px solid #d2c9b9}
/*天下第一武馆*/

/*---------以下是英魂系统新增样式-------*/
/*通用两栏（图文混排）*/
.item_block{}
	.item_pic{float:left}
	.item_info{overflow:hidden;zoom:1}
/**/
.txti_2em{text-indent:2em}
/*英魂殿*/
.yhd_left{width:558px;margin-right:10px}
	.yh_lists{height:378px}
		.item_yh_block{display:inline;float:left;width:172px;height:110px;margin:6px 3px;padding:1px;border:1px solid #beb8b3;background:#ede8e1}
		.item_yh_block .item_pic{width:110px;height:110px;background-repeat:no-repeat}
		.item_yh_block .item_info{text-align:center}
		.item_yh_block a{display:block;width:41px;height:26px;margin:10px auto 0;background:url(http://static.hero.9wee.com/styles/default/quick-button.gif) no-repeat;color:#fff;text-align:center;text-decoration:none;line-height:23px}
		.item_yh_block a:hover{color:#fff;background:url(http://static.hero.9wee.com/styles/default/quick-button-hover.gif) no-repeat;}
		.item_yh_block a.disable{cursor:default;background:url(http://static.hero.9wee.com/styles/default/quick-button-disable.gif) no-repeat}
	.yhd_left .page_switch_bar{padding:5px 0;text-align:center}
		.yhd_left .page_switch_bar li{float:none;display:inline}
		.yhd_left .page_switch_bar li a{float:none;display:inline-block}
		.yhd_left .text_else{width:546px;color:#c80000;text-align:center;line-height:378px}
.yhd_right{width:156px;margin-top:28px}

	.yhd_right .txti_2em{height:320px;padding-top:15px}
	.yhd_right .scroll_bottom_bar{width:128px}
/*培养*/
.buttons{margin-top:5px;text-align:center}
.dlg_train_soul{width:400px}
	.dlg_train_soul .soul_img{float:left;width:50px;height:50px;margin-right:10px;padding:8px;background:url(http://static.hero.9wee.com/styles/default/skill-detail-img-bg.gif) no-repeat}
		.dlg_train_soul .soul_img img{width:50px;height:50px}
	.dlg_train_soul .role_points{float:left;width:324px}
/*我的武魂*/
	/*纵向切换菜单 可提为公共使用部分*/
	.bar_nav{float:left;width:118px;margin-right:10px;padding-top:8px;background:url(http://static.hero.9wee.com/styles/default/bar-nav-bg.gif) right top repeat-y}
		.bar_nav a,.bar_nav a:active{display:block;width:118px;height:31px;color:#925141;font-size:14px;line-height:31px;text-decoration:none;text-align:center;font-weight:bold}
		.bar_nav a.highlight,.bar_nav a.highlight:active{width:120px;background:url(http://static.hero.9wee.com/styles/default/bar-nav-highlight.gif) right 0 no-repeat;color:#c80000}
.my_soul{position:relative;margin:0 10px;padding:0 5px 8px 0;overflow:hidden;zoom:1;background:#efede9 url(http://static.hero.9wee.com/styles/default/bar-nav-bg.gif) left top repeat-y}
	.my_soul .bar_nav{text-align:center}
	.my_soul_txt{position:absolute;bottom:10px;left:5px;width:108px;border-top:1px solid #d2c9b9}
	.my_soul .soul_detail{width:544px}
/*（我的武魂&&查看武魂）武魂信息*/
.soul_detail{float:left;padding:10px}
	.soul_detail .item_block{padding-bottom:5px}
	.soul_detail .item_pic{width:162px;margin-right:10px}
		.soul_detail .item_border{float:left;width:110px;height:110px;margin-right:3px;padding:1px;border:1px solid #beb8b3}
		.soul_detail .item_img{display:block;width:110px;height:110px;margin-right:0;background-position:center center;background-repeat:no-repeat}
		.soul_detail .quick_buttons{float:left;width:30px;padding:0}
		.soul_detail .quick_buttons a{margin-bottom:3px}
	.soul_detail .item_info{height:106px;padding:3px}
		.soul_detail .nopadding td{height:20px}
	.soul_detail .soul_points input{margin:0 3px 0 0;font-family:Tahoma;vertical-align:middle}
	.soul_detail .soul_points{margin:5px auto;overflow:hidden;zoom:1;text-indent:20px;height:112px;}
	.soul_detail .soul_points .selected{color:#b65b36}.soul_detail .gray .highlight{color:#BFB4A0}
	/*武魂经验条*/
	.soul_point_bar_bg{width:215px;height:8px;margin-right:5px;padding:3px;background:url(http://static.hero.9wee.com/styles/default/soul-point-bar-bg.png) no-repeat}
	.soul_point_bar_1{width:215px;height:8px;background:url(http://static.hero.9wee.com/styles/default/soul-point-bar-1.png) repeat-y;font-size:0}
/*查看武魂*/
.view_soul{position:relative;width:532px}
	.view_soul .body{overflow:hidden;zoom:1;padding:0;background:#efede9 url(http://static.hero.9wee.com/styles/default/bar-nav-bg.gif) left top repeat-y}
	.view_soul .bar_nav{text-align:center}
	.view_soul .soul_detail{width:380px}
	.view_soul .soul_detail .item_pic{width:112px;_margin-right:0}
	.view_soul .soul_detail .nopadding td{height:30px}
/*经验分配*/
.button_minus{display:block;width:17px;height:17px;background:url(http://static.hero.9wee.com/styles/default/icon-minus.gif) no-repeat}/*减号*/
.button_minus_gray{cursor:default;display:block;width:17px;height:17px;background:url(http://static.hero.9wee.com/styles/default/icon-minus-gray.gif) no-repeat}/*减号*/
.dlg_exp_allocation{width:382px}
	.dlg_exp_allocation .part3 li{width:127px}
	.dlg_exp_allocation .soul_block{width:115px;margin:0 auto}
	.dlg_exp_allocation select{width:114px}
	.dlg_exp_allocation .soul_pic{width:110px;height:110px;padding:1px;border:1px solid #beb8b3}
	.dlg_exp_allocation .soul_img{display:block;width:110px;height:110px;background-repeat:no-repeat;background-position:center center}
	.dlg_exp_allocation .soul_pic{text-align:center;line-height:110px}
	.dlg_exp_allocation .small_text{width:72px;text-align:center}.dlg_exp_allocation .soul_block_else .small_text{color:#BFB4A0}
/*武魂训练*/
.dlg_train_ground{width:650px}
	.soul_train_select_1{width:148px}.soul_train_select_2{width:142px}.soul_train_select_3{width:128px}
/*武魂训练刷新*/
.soul_trian_type_1{color:#23ba05;font-weight:bold;}
.soul_trian_type_2{color:#0285d0;font-weight:bold;}
.soul_trian_type_3{color:#d701fe;font-weight:bold;}
.soul_trian_type_4{color:#fa5901;font-weight:bold;}
.soul_trian_type_5{color:#b49d02;font-weight:bold;}
.soul_trian_type_6{color:#ff0000;font-weight:bold;}
.pd3{padding-left:3px;padding-right:3px}
.highlight2{color: #c80000;padding-left:3px;padding-right:3px}
.highlight3{color: #23BA05;padding-left:3px;padding-right:3px}
.dlg_train_ground table{width:638px}

/*新副本*/
.ul_chess {margin:2px 42px; height:214px;}
.ul_chess li{float:left; height:53px; width:53px; padding:0px; margin:0px; cursor:pointer; background: url(http://static.hero.9wee.com/dash/chess/e.png) no-repeat center;}
.boss_objects{margin:12px 32px;}
.boss_objects ul{}
.boss_objects li{float:left; width:80px; padding:3px 0 4px 0; height:70px;}

.blessing_bar_nav{float:left;width:118px;margin-right:10px;padding-top:8px;background:url(http://static.hero.9wee.com/styles/default/bar-nav-bg.gif) right top repeat-y}
.blessing_bar_nav a,.blessing_bar_nav a:active{display:block;width:118px;height:31px;color:#925141;font-size:14px;line-height:31px;text-decoration:none;text-align:center;font-weight:bold}
.blessing_bar_nav a.highlight,.blessing_bar_nav a.highlight:active{width:120px;background:url(http://static.hero.9wee.com/styles/default/bar-nav-highlight.gif) right 0 no-repeat;color:#c80000}
.my_blessing{position:relative;margin:0 10px;padding:0 5px 8px 0;overflow:hidden;zoom:1;background:#efede9 url(http://static.hero.9wee.com/styles/default/bar-nav-bg.gif) left top repeat-y}
.my_blessing .blessing_bar_nav{text-align:left}

.blend_details {
    float: left;
    width: 300px;
    height: 226px;
    margin: 20px 0 0 60px;
}

.blend_cells, .blend_items, .blend_items li {
    position: absolute;
}

.blend_cells li {
    position: absolute;
    background: url(http://static.hero.9wee.com/styles/default/item-cell-bg.gif);
}

.blend_cell_0, .blend_item_0 {
    margin: 73px 0 0 35px;
    width: 52px;
    height: 52px;
}

.blend_cell_1, .blend_item_1 {
    margin: 3px 0 0 120px;
    width: 52px;
    height: 52px;
}

.blend_cell_2, .blend_item_2 {
    margin: 73px 0 0 207px;
    width: 52px;
    height: 52px;
}

.blend_cell_3, .blend_item_3 {
    margin: 156px 0 0 65px;
    width: 52px;
    height: 52px;
}

.blend_cell_4, .blend_item_4 {
    margin: 156px 0 0 177px;
    width: 52px;
    height: 52px;
}


.special_switch li {
	float: left;
	margin: 0 2px 0 2px;
	padding: 0;
}

.special_switch li a, .special_switch li a:active {
	display: block;
	width: 72px;
	height: 27px;
	line-height: 27px;
	color: #d7d1ca;
	text-align: center;
	text-decoration: none;
	background: url(http://static.hero.9wee.com/styles/default/special-button.gif) no-repeat;
}

.special_switch li a:hover {
	color: #ffffff;
	background: url(http://static.hero.9wee.com/styles/default/special-button-hover.gif) no-repeat;
}

.special_switch li.highlight a, .special_switch li.highlight a:active, .special_switch li.highlight a:hover {
	font-weight: bold;
	color: #ac2100;
	text-decoration: none;
	background: url(http://static.hero.9wee.com/styles/default/special-button-highlight.gif) no-repeat;
}

.special_switch li.highlight a, .special_switch li.highlight a:active {
	cursor: default;
}

.special_switch li.highlight a, .special_switch li.highlight a:active {
	cursor: default;
}

.special_switch li.active a, .special_switch li.active a:active, .special_switch li.active a:hover {
	font-weight: bold;
	color: #ac2100;
	text-decoration: none;
	background: url(http://static.hero.9wee.com/styles/default/special-button-active.gif) no-repeat;
}

/*商业技能*/
.business_point_bar_bg{width:215px;height:8px;margin-right:5px;float:left;padding:10px;background:url(http://static.hero.9wee.com/styles/default/soul-point-bar-bg.png) no-repeat scroll 7px 7px }