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

@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;
}

/* 便携式气血包 */
.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: 125px 0 0 50px;}

#city_menu_9 {	margin: 115px 0 0 285px;}
#city_menu_10 {	margin: 190px 0 0 530px;}
#city_menu_12 { margin: 255px 0 0 320px;}
#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: 360px 0 0 220px;}
#city_menu_37 {	margin: 140px 0 0 200px;}

#city_menu_market {	margin: 130px 0 0 420px;}
#city_home_menu #div_164 { margin: 110px 0 0 560px;}
#city_menu_stock { margin: 180px 0 0 120px;}
#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: 220px 0 0 430px;}
#city_menu_day_weals { margin: 270px 0 0 540px;}
#city_menu_ore { margin: 380px 0 0 410px;}
#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_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_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;
}

.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_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;
}

.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, .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, .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 79px;
	width: 52px;
	height: 52px;
}

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

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

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

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

/* 鞋子 */
.equip_cell_7, .equip_item_7 {
	margin: 275px 0 0 79px;
	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 138px;
	width: 26px;
	height: 26px;
}

/* 腰饰 */
.equip_cell_10, .equip_item_10 {
	margin: 141px 0 0 50px;
	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(http://static.hero.9wee.com/styles/default/equip-shadow-1.gif) center center no-repeat;
}

.shadow_gender_2 {
	background: url(http://static.hero.9wee.com/styles/default/equip-shadow-2.gif) 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_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:  118px;
	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: 10px 0 10px 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: 280px;
	background: url(http://static.hero.9wee.com/styles/default/skill-bg.jpg) center center no-repeat;
	margin: 0 0 0 0;
}

.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_active {
	position: absolute;
	cursor: pointer;
	text-indent: 15px;
	width: 80px;
	line-height: 20px;
	background: url(http://static.hero.9wee.com/styles/default/skill-flag-active.gif) center left no-repeat;
	margin: 5px 0 0 30px;
}

.skill_flag_assistant {
	position: absolute;
	cursor: pointer;
	text-indent: 15px;
	width: 80px;
	line-height: 20px;
	background: url(http://static.hero.9wee.com/styles/default/skill-flag-assistant.gif) center left no-repeat;
	margin: 5px 0 0 130px;
}

.skill_flag_passive {
	position: absolute;
	cursor: pointer;
	text-indent: 15px;
	width: 80px;
	line-height: 20px;
	background: url(http://static.hero.9wee.com/styles/default/skill-flag-passive.gif) center left no-repeat;
	margin: 5px 0 0 230px;
}

.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_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_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;
}

.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;
}

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

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

.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 .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; 
}

.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: 49%;
}

.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:-20px;
}

/* 世界地图 */
.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: 76px;
	height: 22px;
	margin: 3px auto 0 auto;
}
.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;
}
.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: 49px;
}
.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:80px;
	height:90px;
	position:absolute;
	top:230px;
	right:50px;
	z-index: 9999;
}

.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;
}