body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0; font-size: 12px; }
table{ border-collapse:collapse; border-spacing: 0; }
fieldset,img{ border:0; }
ol,ul{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
body{ font-family:arial,helvetica,sans-serif,simsun; font-size:12px; text-align:center; }
.clearfix { content: "."; font-size: 1px; display: block; height: 0 !important; height: 1%; clear: both; visibility: hidden; background: none; line-height: 0%; }
.hiddenfix { display: none; }
.leftfix {float:left}
.rightfix {float:right}
.text-leftfix { text-align: left;}
.text-rightfix { text-align: right;}
.text-centerfix { text-align: center;}
.strongfix a{font-weight: bold;}
a{ outline: none ;color:black;text-decoration: none;}
/*------------------end of public.css -------------------*/

body{ background: url(/uploads/image/dimages/bodybg.jpg); }

#header,#wrap{ width: 960px;  margin: 0 auto; text-align: left;  position: relative; }
#header{ z-index: 1 }
#wrap{ z-index: 2 ;}
#hbg{ width: 305px; height: 125px; background: url(/uploads/image/dimages/hlbg.jpg) no-repeat; position: absolute; left: -67px; }
#lbg{ width: 420px; height: 421px; background: url(/uploads/image/dimages/lbg.png) no-repeat; position: absolute; right: -208px; top: -83px; _background: none; _filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src="/dnf/images/lbg.png"); }
#toprimg{ width: 390px;height:61px; float: right; display: inline; margin: 21px 8px 0 0; position: relative; z-index: 2 }
#toprimg img{ *display: block;  border: 3px solid #000; }
#snav a{ color: #c9c; margin: 0 8px; text-decoration: none; position: relative; z-index: 2  }
#snav a:hover{ color: #fff; text-decoration: underline;  }
#snav{ color: #c9c; clear: both; text-align: right; padding: 11px 0 10px 0; *padding: 6px 0 8px 0; _padding: 11px 0 10px 0; } 

#navl,#navr,#navm{ background: url(/uploads/image/dimages/nav.gif) no-repeat; height: 36px; }
#navl{ border-bottom: 1px solid #a3a3a3; position: relative; z-index: 2 }
#navr{ background-position: right }
#navm{ background-position: left -74px; background-repeat: repeat; margin: 0 6px; }
#navm-c{ background: url(/uploads/image/dimages/navmbg.gif) no-repeat; position: absolute; width: 214px; right:0; height: 36px; z-index: 1 }
#navbox{ position: relative; z-index: 99 }
#nav{ position: relative; z-index: 9 }
#nav .nav_content{ padding: 12px 0 0 0; font-size:14px; text-align:left; margin: 0 0 0 111px; }
#logo{ width: 101px; height: 104px; background: url(/uploads/image/dimages/logo.png) no-repeat; line-height: 20em; overflow: hidden; cursor: pointer; position: absolute; top: -67px; left: 15px; z-index: 3;_background: none; _filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src="/dnf/images/logo.png");}
#nav .nav_content a{ text-decoration: none; color:#000; font-size: 14px }
#nav .nav_content a:hover{	text-decoration: underline; color:#008b8b;}

#nav_ul{ margin: 0; padding: 0; }
#nav_ul li{	float: left;list-style: none; position: relative }
#nav_ul li a {display: block; padding:0 12px 5px 12px; white-space: nowrap;  }
#nav_ul li a.down {display: block; padding:0 10px 5px 10px; margin-right:5px; white-space: nowrap; background: url(/uploads/image/dimages/nav_down_arrow.gif) right 4px no-repeat;}
#nav_ul li ul{	margin: 0;padding: 0;position: absolute;visibility: hidden; background: #fffff3; border:1px solid #999; border-top:none; }
#nav_ul li ul li { float: none; display: inline }
#nav_ul li ul li a{	width:100px; padding-top: 5px }
#nav_ul li ul li a:hover{background: #333; color:#fff !important ;}

#main{ }
#left{ border-right: 1px solid #a3a2a3;  width: 220px; float: left; position: relative }
#right{ width: 739px; float: left; }
#rightbox{ border: 1px solid #fff;  background: #fff url(/uploads/image/dimages/rightbg.jpg) repeat-x; }
#l_main{  position: relative; z-index: 2; padding: 0 0 270px 0; }
#left_box{ background:#faf9fa; }
#db_c{ text-align: left;  }
#db_c div{ margin: 0 8px; padding: 8px 0 5px 0; font-size: 14px; line-height: 20px  }
span.color0{ color: #c44006 }
#db_c div span{ font-size: 12px; }

#db_uinfo{ line-height: 22px; margin: 0 8px; padding: 8px 0; }

.line0,.line1,.line2{ height: 1px; overflow: hidden; margin:0 1px; }
.line0{ background: #949393 }
.line1{ background: #fff; }
.line2{ background: #6b4417; height: 2px; }

.lnav-title{ font-size: 14px; font-weight: bold; color: #870000; padding: 11px 11px 5px 11px }
.sicon{ background: url(/uploads/image/dimages/icon.gif) no-repeat; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; position: relative; }
.boult_up{ width: 9px; height: 5px; margin: 0 5px 0 0; position: relative; top: -2px; *top: -5px; }
.sub_boult_up{ background-position: -9px top; }
.position_icon{ background-position: -20px top; width: 15px; height: 14px; margin: 0 5px 0 0; position: relative; top: 1px; *top: -1px;  }
.lnav-title0{  font-size: 13px; font-weight: bold; color: #000; padding: 6px 11px 0 11px  }

.lnav-main{ padding: 8px 0;  }
.nav_sub_main{ margin: 0 0 0 15px; padding: 0 0 5px 0 }
.nav_sub_main li{ width: 95px; margin-right: 5px; display: inline; float: left; padding: 5px 0 0 0 }
.nav_sub_main a{ text-decoration: none; color: #874c21; }
.nav_sub_main a:hover{ text-decoration: underline; color: #f30; }
.nav_sub_main a.agray{ margin-left: 11px; color: #c8c8c8 }
.nav_sub_main a.agray:hover{ color: #000 }

#left_b_bg{ height: 5px; overflow: hidden; background: url(/uploads/image/dimages/left_b_bg.gif) no-repeat; }
#right_b_bg{ height: 11px; overflow: hidden; background: url(/uploads/image/dimages/left_b_bg.gif) left -6px no-repeat; }
#rbg{ background: url(/uploads/image/dimages/rbg.png) no-repeat; width: 260px; height: 303px; left: -39px; bottom: 1px; position: absolute; _background: none; _filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=image, src="/dnf/images/rbg.png"); }

#position-box{ padding: 8px 12px 6px 12px; *padding: 8px 12px 0 12px; border-bottom: 1px solid #a9a9a9; height: 24px; *height: 32px; overflow: hidden ;}
#position a{ color: #333; margin-right: 6px; text-decoration:none  }
#position{ font-size: 14px; float: left; padding: 4px 0 0 0; *padding: 5px 0 0 0; font-size:12px}
#position a:hover{ color: #f30; text-decoration: underline }
#position strong{ color: #c44006; margin-left: 6px;   }

#small_search{ float: right; font-size: 14px; font-weight: bold; width: 50%; text-align: right; }
.smallsbtn,.sbtn{ width: 65px; height: 22px; padding: 1px 0 0 0; *padding: 5px 0 0 0; overflow: hidden; background: url(/uploads/image/dimages/icon.gif) -36px top no-repeat; border: none; font-size: 12px; font-weight: bold; color: #154996; cursor: pointer }
.sbtn{ width: 89px; height: 26px; background-position: left -24px; text-align: center; font-size: 14px; margin-left: 50px; }
.sinput{ border: 1px solid #91a8ca; background: #fff; height: 16px; padding: 2px; width: 169px; margin-right: 10px; position: relative; top: -3px; *top: 0; }
#rightbg{ background: url(/uploads/image/dimages/rightbg0.jpg) top right no-repeat; min-height: 600px; display: inline-block !important; padding: 0 0 10px 0; width:738px; _width:736px; _overflow: hidden; }

#r-content{ margin: 0 22px;}
#search_db{ padding: 15px 0 0 0 }
#search_db{ font-weight: bold; color: #333; }
#search_db li{ width: 235px; float: left }
#search_db ul{ display: inline-block; padding: 0 0 10px 0 }
#search_db .widthauto{ width: auto; font-weight: normal }
#search_db .widthauto span{ font-weight: bold; margin: 0 0 0 27px; }
#search_db .widthauto input{  }

/* table */
.tablelist {padding: 20px 0 20px 0 }

table caption {text-align:left; padding:10px 0 0 10px; font-weight: bold; color: #804040 }
.table table{width:100%;}
.table table,.table th,.table td {border: 1px solid #c8d9df;border-collapse: collapse; color: #797268; font-size: 14px}
.table td,.table th { padding: 10px 4px 8px 4px; *padding: 6px 4px 4px 4px; height: 22px; text-align: center;}
.table thead th {text-align: center; background: #e6f1f5;color: #347c96;font-size: 14px !important;}
.table tbody th {font-weight: bold;}
/*.table tbody tr { background: url(/uploads/image/dimages/table_mask.gif) #fcfdfe; }*/
.table tbody tr.odd { background: #f7f9fc; }

.table table a:link {color: #4f6b72;text-decoration: none; font-size: 14px; }
.table table a:visited {color: #4f6b72;text-decoration: none;}
.table table a:hover {color: #4f6b72;text-decoration: underline !important;}
.table tfoot th,.table tfoot td {font-size: 12px;}
.table tr:hover,.table tr.odd:hover{   background: #f7f7eb; border: 1px solid #03476f;  }

.table .t_left{text-align:left; padding-left: 5px;}
.table .t_right{text-align:right; padding-right: 5px;}

.tabledb th {cursor: pointer;}
/*.tabledb th.headersortup { background: #8dbdd8 url(/uploads/image/dimg/asc.gif) center right no-repeat; color:#000;   }
.tabledb th.headersortdown{ background:#8dbdd8  url(/uploads/image/dimg/desc.gif) center right no-repeat; color:#000;   } 
*/
/* pages  */
.pages { padding: 18px 0; font-size:12px; float:right;}
.pages a {float: left; margin: 0 5px ;display: block; font-size: 14px; background: #fbfbfb; border: 1px solid #dbdbdb; font-size: 12px; }
.pages .highlight {font-weight: bold; color: maroon !important;}
.pages ul {list-style-type: none; padding:0;}
.pages li {float: left; display: inline;margin: 0 5px 0 0;display: block;}
.pages li a {color: #203839;padding: 4px 8px;border: 1px solid #ddd;text-decoration: none; float: left; margin:0;}
.pages li.nolink {color: #ccc;border: 1px solid #f3f3f3;}
.pages li.current,.pages li a:hover{color: #f65108;border: 1px solid #c9a584; padding: 4px 8px; background: #fff4dd; font-weight: bold }
.pages li a:hover{ font-weight: normal }

.dbinfo-box h2{ font-size: 18px; color: #347c96; font-family: '微软雅黑'; padding: 10px 0 3px 0; border-bottom: 1px solid #ccc }

.dbimg img{ border: 1px solid #666; padding: 1px; display: block; float: left; margin-right: 15px; }
.dbinfo-box-main{ padding: 15px 0 0 15px; }
.dbimginfo li{ float: left; width: 200px; display: inline; padding: 10px 0 0 0; font-size: 14px; }
.dbimginfo1 li{ float: left; width: 300px; display: inline; padding: 10px 0 0 0; font-size: 14px; }
.dbimginfo{ padding: 10px 0 0 0  }
.dbimginfo ul{ clear: both }

.dbtab li{ float: left; display: inline; margin: 0 1px 1px 0; }
.dbtab a,.dbtab a div{ background: url(/uploads/image/dimages/dbtab.gif) no-repeat; float: left; font-size: 14px; cursor: pointer }
.dbtab a{ display: block; height: 31px; overflow: hidden; font-size: 14px; background-position: left -65px; font-weight: bold; text-decoration: none; color: #333; }
.dbtab a div{ height: 22px; overflow: hidden; background-position: right -94px; padding: 9px 15px 0 10px; margin-left: 5px; display: inline }
.dbtab a div span{ font-size: 10px; font-weight: normal }
.dbtab a:hover{ color: #c44006; }

.dbtab #currentab{ position: relative ; z-index: 2 }
.dbtab #currentab a,.dbtab #currentab a div,.dbtab #currentab a:hover{ color: #c44006; }
.dbtab #currentab a{ background-position: left top; }
.dbtab #currentab a div{ background-position: right -32px;  }

.dbtab{ height: 31px; overflow: hidden; }
.dbtabline{ height: 1px; overflow: hidden; background: #999; position: relative; top: -2px; clear: both; z-index: 1 }

.db-tools{ padding: 10px 0 0 0; }
.infonum{ float: left; width: 300px; padding: 5px 0 0 0 }
.positon{ float: right }

.db-tools .pages{ padding: 0 0 10px 0; margin: 0; }

.fi-left{ float: left;  width: 219px; }
.fi-right{ float: right; width: 449px;  }
.fi-right a{ color: #347c96 }
.fi-right a:hover{ color: #f30 }
.fi-text{ line-height: 32px; font-size: 14px; }
.fi-texst div{ line-height: 22px; font-size: 14px;   }

.taskl{ width: 460px; }
.taskr{ width: 180px; border: 1px solid #8c939d; background: #fafcff; padding: 8px 13px; }
.taskl-text{ font-size: 14px; line-height: 22px;  }
.taskl-text div strong{ font-size:14px }
.taskl-text div{ padding: 0 0 15px 0; text-indent: 24px }

.taskr-text{ line-height: 22px; }

.skill-lv li{ float: left; width: 60px; }
.skill-lv li a{ display: block; padding: 3px 0 3px 0; color: #333; text-align: center; text-decoration: none; margin: 0 1px 1px 0 }
.skill-lv li a.slselected,.skill-lv li a:hover{ background: #154996; font-weight: bold; text-decoration: none; color: #fff;  }
.skill-lv{ padding: 0 0 14px 0; _padding: 0;  }
.skill-info-box{ _height: 20px; _overflow: hidden; }
.skil-info-l{ width: 100px; float: left }
.skil-info-r{ width: 100px; float: right; text-align: right  }

.skill-text{ width: 300px; float: left; padding: 0 0 14px 0; _padding: 0; }
.skill-flash{ width: 362px;  float: right }

.skill-info div{ font-size: 14px; }
/*.skill-info div strong{ color: #c44006 }*/

.tipbox-t,.tipbox-b,.tipbox-t div,.tipbox-b div{ background: url(/uploads/image/dimages/tooltip.gif) no-repeat; height: 7px; overflow: hidden }
.tipbox-t{  }
.tipbox-t div{ background-position: right -8px; margin-left: 7px }
.tipbox-b { background-position: left -16px; }
.tipbox-b div{ background-position: right -24px; margin-left: 7px }
.tipbox-m{ border-left: 1px solid #347c96; border-right: 1px solid #347c96; background: #f9feff; padding: 5px 10px 0 20px; }
.tipbox-m li{list-style: none;padding-top:2px}
.tip-title{ font-size: 14px; display: block; font-weight: bold }
.tipbox-m div{  font-size: 12px; line-height: 18px  }  

.dnf_icon{ background: url(/uploads/image/dimages/icon.gif) left -51px no-repeat; width: 45px; height: 45px; float: left; margin-right: 10px; display:inline }
.dnf_icon img{ width: 37px; display: block; margin: 4px 0 0 4px }
.icon_info{ width: 300px; float: left; }

.aboutimg{ width: 310px; }
.aboutimg img{ display: block; border: 1px solid #666; padding: 1px; }
.iconbox{ width: 365px; }

.stab li{ float: left; }
.stab li a{ display: block; color: #000; text-decoration: none; padding: 3px 10px 3px 10px; }
.stab li a:hover{ color: #f30; cursor:pointer;}
.stab li.stselected{ font-weight: bold; border: 1px solid #666; border-bottom: none; background: #fffffa; position: relative; z-index: 2; color: #000 }
.stab li.stselected a:hover{ color: #000 }
.stabline{ height: 1px; overflow: hidden; background: #666; position: relative; top: -1px; z-index: 1; clear: both }

.db_l_search{ margin: 28px 0 0 0; }
.dls_bg{ width: 113px; height: 76px; background: url(/uploads/image/dimages/icon.gif) -46px -52px no-repeat; display: block; float: left; }
.dbs_main{ width: 568px; float: left; text-align: left; padding: 19px 0 0 10px;  }
.dbs_main .sinput{ width: 459px; *width: 459px; height: 20px; *margin-left: -20px; padding: 5px 0 0 5px; top: -2px; *top: 1px; overflow: hidden; *float: left  }
.dbs_main .sbtn{ margin: 0; padding: 0; *float: right }

.dbs_class{ color: #4a6fa5; *clear: both; margin: 5px 0 0 0; *margin: -15px 0 0 2px;  padding-left:60px}
.dbs_class input{ margin-left: 2px; *margin-left: -3px }

.weapon,.add_lv{ border: 1px solid #9097a1; background: #fafcff; margin: 18px 0 0 0; padding: 0 0 8px 0; _padding: 0 }

.weapon li{ width: 330px; float: left; display: inline; margin: 0 0 0 8px; font-size: 13px;  }
.weapon li a{ font-size: 13px; color: #4a6fa5; margin-left: 10px; text-decoration: none }
.weapon li a:hover{ text-decoration: underline; color: #f30; }
.weapon ul{ clear: both; display: inline-block; padding: 8px 0 0 0; }

h3.sbox-title{ font-size: 14px; font-weight: bold; font-size: 18px; font-family: '微软雅黑'; font-weight: normal; color: #0078c9; border-bottom: 1px solid #e5e5e5; padding: 12px 0 0 0 }

.armor-main{ margin: 0 0 0 10px; }
.armor-main a{ text-decoration: none; margin: 0 0 0 10px }
.armor-main a:hover{ text-decoration: underline; color: #000; }
.armor-main span a{ margin: 0 5px; }
.armor-main li{ padding: 10px 0 0 0 }

.other-l{ width: 510px; float: left }
.other-r{ width: 174px; float: right; }
.equip-main li{ width: 254px; float: left; }
.equip-main strong{ display: block; padding: 0 0 3px 0  }
.equip-main li a,.common-main li a,.add_lv a{ color: #4a6fa5; text-decoration: none; margin-right: 5px  }
.equip-main li a:hover,.common-main li a:hover,.add_lv a:hover{ color: #f30; text-decoration: underline; }
.equip-main ul{ display: inline-block; padding: 10px 0 5px 0; }

.common-main li{ width: 80px; float: left; display: inline; margin: 0 6px 0 0; padding: 9px 0 0 0 }

.add_lv strong{ display: inline; color:#1e6dd8  }
.add_lv{ display: inline-block; *display: inline; *zoom: 1;  padding: 7px; }

.footer{ padding: 10px 0; line-height: 22px }
.footer #footer,.footer #footer p a{ color: #fff  }
.footer #footer p a:hover{ text-decoration: underline; color: #f30 }


/*spell infomation*/
.spellinfo {
	width: 276px;
	z-index: 99;
	overflow: hidden;
	background-color: black;
	border: 1px #ffffcc solid;
	color: #ffffff;
	font-size: 12px;
}

.spellinfo .top {
	width: 270px;
	padding: 5px 0 5px 10px;
	color: #68d5ed;
	border-bottom: 1px #ffffcc solid;
	margin-bottom: 10px;
}

.spellinfo .center {
	width: 205px;
	height:15px;
	padding-left:8px;
	
	position: absolute;
}

.spellinfo  .sf {
	
	float: left;
}

.spellinfo  .mp {
	text-align:right;
	
	float: right;
}

.spellinfo .bottom {
	padding-left:8px;
	padding-right:5px;
	padding-bottom:5px;
	width: 205px;
}

.spellinfo .bottom .s {
	width: 205px;
}
.spellinfo .bottom .s1{
	color:#7fadcf;
	width: 205px;
}
.spellinfo .bottom .s2{
	color:#666666;
	width: 205px;
}


#tip_c {text-align:left;width:300px}


.skill-flash{ margin-top: 32px;*margin-top: 36px; display: inline }
.skill-flash1{ display: inline }
span.showiconbg{ width: 38px; height: 38px; background: url(/uploads/image/dimages/iconbg.gif) no-repeat; display: inline-block; overflow: hidden; position: absolute; }
.showiconbox img{ margin: 5px 0 0 0; *margin: 5px 0 0 5px; }
.showiconbox{ width: 38px; height: 38px; position: relative; margin: 0 auto;  text-align: center; }
.showiconboxf{float:left}
.tipbox-m{ line-height: 22px;}
.showotherinfo{ text-align: center; }
.showotherinfo img{ margin: 0 auto; }
.tipbox-m{ padding-left: 10px }
.fixauto{ display: inline-block; *display: inline; *zoom: 1; width: auto; float: left;  }

.tips{ background:#111111; border:1px solid #4e4e4e; padding:10px; min-width:240px;max-width:240px;font-size: 12px;}
.tips-box{min-width:180px;}
.tips-box .tit{ overflow:hidden;}
.tips-box .tips-n{ color:#fff6d2; float:left;}
.tips-box .tips-i{ color:#7e7e7e; float:right;}
.tips-box .arguments0 p{ color:#ffc45b;}
.tips-box .arguments1 p{ color:#fe0200;}
.tips-box .arguments2 p{ color:#19ff17;}
.tips-box .arguments3 p{ color:#d300ff;}