/************************************************
*	default style								*
************************************************/
*{ margin:0; padding:0;}
body{ margin:0 auto; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/bg.png) repeat; color:#575757; font:12px Verdana,Arial,Tahoma;}
div, form, img, ul, ol, li, dl, dt, dd{ margin:0; padding:0;}
ul{ list-style:none;}
ol{ margin-left:20px;}
/* 表格重置：自动继承全局字体 */
table, th, td {
    font: inherit;
    border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font:12px Verdana, Arial, Helvetica, sans-serif;}
a img, img{ border:0;}
select, input, textarea{ color:#575757; background:inherit; font:12px Verdana,Arial,Tahoma;}


/************************************************
*	form style									*
************************************************/
input, textarea, select{ padding:1px;}
.submit,
.submit input{ cursor:pointer;}
#login{}
#search{}


/************************************************
*	links   									*
************************************************/
a{ color:#000; text-decoration:none;}
a:hover{ color:#0896d4; text-decoration:underline;}


/************************************************
*		clearfix style							*
************************************************/

.clear{ clear:both;}


/************************************************
*	class style									*
************************************************/
.wrapper{ margin-left:auto; margin-right:auto; width:1000px;}
.bg{ background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/bg_top.png) no-repeat 50% 0;}

/************************************************
*	layout style								*
************************************************/
/* 头部 */
#header{ height:256px;}
	#header .link_box{ float:right; margin-top:10px; margin-right:23px; width:281px; height:30px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/head_link_bg.jpg) no-repeat;}
	#header .link{ margin-top:8px; margin-left:45px;}
	#header .link a{ color:#FFDF99;}
	#header .link span{ margin:0 14px; color:#C79E75;}
	#header .logo{ position:absolute; margin-top:-25px; width:220px; height:200px;}
	#header a.home{ position:absolute; display:block; margin:7px 0 0 7px; width:204px; height:140px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/space.gif) repeat; text-indent:-999px; overflow:hidden; z-index:999;}
	#header a.dnfhome{ position:absolute; display:block; margin-top:70px; margin-left:697px; width:263px; height:61px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/space.gif) repeat; text-indent:-999px; overflow:hidden;}

/* 内容 */
#content{ margin-bottom:20px;}
	/* 侧栏 */
	#content .side{ display:inline; float:left; margin-left:18px; width:250px;}
		/* 官网首页 */
		#content .side a.home{ display:block; margin-left:84px; width:150px; height:42px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/btn_home.jpg) no-repeat; text-indent:-999px; overflow:hidden;}
		#content .side .sbox{ color:#FFE4C9; text-align:center;}
		#content .side .sbox a{ color:#FFE4C9;}
		#content .side .sbox a:hover{ color:#FF9000;}
		#content .side .sbox span{ color:#FFE4C9; font-family:"宋体";}
		/* 推荐图 */
		#content .side iframe{ width:249px; height:366px;}
		/*#content .side .tjt{ margin-top:15px; width:249px; height:153px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/left_tjt_bg.jpg) no-repeat;}
		#content .side .tjt .img{ padding:13px 0 0 13px; width:223px; height:105px;}*/
	/* 主栏 */
	#content .main{ float:left; margin-left:25px; width:688px;}
		/* 导航 */
		#content .main .nav{ margin-left:8px; width:670px; height:41px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_bg.jpg) no-repeat;}
		#content .main .nav a{ display:block; float:left; width:150px; height:41px; background-repeat:no-repeat; text-indent:-999px; overflow:hidden;}
		#content .main .nav a.s1{ display:inline; margin-left:34px; background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_01.jpg);}
		#content .main .nav a.s1o,
		#content .main .nav a.s1:hover{ display:inline; margin-left:34px; background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_01o.jpg);}
		#content .main .nav a.s2{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_02.jpg);}
		#content .main .nav a.s2o,
		#content .main .nav a.s2:hover{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_02o.jpg);}
		#content .main .nav a.s3{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_03.jpg);}
		#content .main .nav a.s3o,
		#content .main .nav a.s3:hover{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_03o.jpg);}
		#content .main .nav a.s4{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_04.jpg);}
		#content .main .nav a.s4o,
		#content .main .nav a.s4:hover{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/nav_04o.jpg);}
		#content .main .nav span{ display:block; float:left; margin:0; margin-top:12px; width:1px; height:16px; background:#7D4031;}
		/* 内容 */
		/* 新手必读、快速升级、职业介绍 */
		#content .main .txt_box_top{ padding-top:6px; height:131px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/txt_box_top_bg.jpg) no-repeat;}
		/* 新手必读、快速升级 */
		#content .main .txt_box_top .current_box{ margin-left:19px; width:650px; height:37px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/current_bg.gif) no-repeat; overflow:hidden;}
		#content .main .txt_box_top .current{ padding-left:50px; color:#371800; font-family:"宋体"; line-height:52px;}
		#content .main .txt_box_top .current a{ color:#371800;}
		#content .main .txt_box_top .current span{ margin:0 12px;}
		#content .main .txt_box_top .menu{ margin:12px 0 0 266px; width:403px; height:30px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/menu_bg.jpg) no-repeat; text-align:center; line-height:33px; overflow:hidden;}
		#content .main .txt_box_top .menu,
		#content .main .txt_box_top .menu a{ color:#FFF0C4; font-family:"宋体"; font-weight:bold;}
		#content .main .txt_box_top .menu span{ margin:0 8px;}

		#content .main .txt_box{ padding-bottom:10px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/txt_box_bg.jpg) repeat-y;}
		#content .main .txt_box_bbg{ height:9px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/txt_box_bbg.jpg) no-repeat;}
		#content .main .txt_sbox_tbg{ margin:0 auto; width:654px; height:8px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/txt_sbox_tbg.gif) no-repeat; overflow:hidden;}
		#content .main .txt_sbox_bbg{ margin:0 auto; width:654px; height:9px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/txt_sbox_bbg.gif) no-repeat;}
		#content .main .txt_sbox_bg{ margin:0 auto; width:654px; min-height:500px; _height:500px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/txt_sbox_bg.gif) repeat-y;}
		#content .main .txt_sbox{ padding-bottom:10px;}
		#content .main .txt_sbox h2{ margin:0 auto; margin-bottom:15px; width:615px; height:29px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/h2_xsbd.jpg) no-repeat; line-height:34px;}
		#content .main .txt_sbox h2.gjs{ background-image:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/h2_zyjs_gjs.jpg);}
		#content .main .txt_sbox h2 span{ margin-left:50px; color:#fff; font-weight:bold;}		
		#content .main .txt_sbox .text{ margin:0 18px; color:#4F2403; line-height:20px;}
		#content .main .txt_sbox .text .b1{ padding-right:190px;} /* 职业介绍 */
		#content .main .txt_sbox .text .b2{}
		#content .main .txt_sbox .text .b3{}
		#content .main .txt_sbox .text .b3 img{ float:left; margin-right:2px; border:1px solid #5D4D32;}
		#content .main .txt_sbox .text .b4{ margin-bottom:10px; margin-left:30px; line-height:24px;}
		#content .main .txt_sbox .text .b4 a{ text-decoration:underline;}
		#content .main .txt_sbox .text .b4 span{ font-weight:bold;}
		#content .main .txt_sbox .text .b4 span.s1{ color:#FF0000;}
		#content .main .txt_sbox .text .b4 span.s2{ color:#FFC000;}
		#content .main .txt_sbox .text .b4 span.s3{ color:#00B050;}
		#content .main .txt_sbox .text .b4 span.s4{ font-weight:normal; color:#0000FF;}
		#content .main .txt_sbox .text .b4 span.s5{ color:#90F;}
		#content .main .txt_sbox .text table.border2,
		#content .main .txt_sbox .text table.border2 th,
		#content .main .txt_sbox .text table.border2 td{ border:1px solid #0896D4; border-collapse:collapse; font-family:"宋体"; text-align:center;}
		#content .main .txt_sbox .text table.border2 th,
		#content .main .txt_sbox .text table.border2 td{ padding:3px 10px 2px; background:#F8FDFF;}
		#content .main .txt_sbox .text table.border2 th{ background:#B4E8FF; font-weight:bold; text-align:center;}
		#content .main .txt_sbox .text table.border2 a{ color:#0896D4;}
		#content .main .txt_sbox .text table.border,
		#content .main .txt_sbox .text table.border th,
		#content .main .txt_sbox .text table.border td{ border:1px solid #D9A75A; border-collapse:collapse; font-family:"宋体"; text-align:center;}
		#content .main .txt_sbox .text table.border th,
		#content .main .txt_sbox .text table.border td{ padding:3px 10px 2px;}
		#content .main .txt_sbox .text table.border th{ background:#F9C26D; font-weight:bold; text-align:center;}
		#content .main .txt_sbox .text table.tdleft td{ text-align:left;}
		#content .main .txt_sbox .text table.imgtab{}
		#content .main .txt_sbox .text table.imgtab td{ padding:1px;}
		#content .main .txt_sbox .text h3{ margin-bottom:5px; font-size:13px; font-weight:bold;}
		#content .main .txt_sbox .text p.tips{ margin:10px 0; color:#00f;}
		#content .main .txt_sbox .text p.tips span{ font-weight:bold;}
		#content .main .txt_sbox p.s1{ margin:5px 0; text-indent:24px;}
		#content .main .txt_sbox .text p.s2{ margin-bottom:20px; padding-left:30px;}
		#content .main .txt_sbox .text p.s3{ text-align:right; font-weight:bold; font-size:14px;}
		#content .main .txt_sbox .text p.s3 span{ font-size:22px; line-height:32px;}
		#content .main .txt_sbox .text p.s4{ padding:10px 0; color:#0089B6; font-weight:bold; font-size:16px; line-height:23px;}
		#content .main .txt_sbox .text p.s5{ font-weight:bold; font-size:22px; text-align:center; line-height:32px;}
		#content .main .txt_sbox .text ul.disc{ list-style:disc;}
		
		#content .main .bottom_link_box{ margin:12px auto 0; width:654px; height:30px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/bottom_link_bg.gif) no-repeat;}
		#content .main .bottom_link{ float:left; padding-left:85px; font-family:"宋体"; line-height:32px;}
		#content .main .bottom_link,
		#content .main .bottom_link a{ color:#FFD7C4;}
		#content .main .bottom_link span{ margin:0 10px;}
		#content .main .bottom_link_box .btn_top{ display:block; float:right; margin-top:7px; margin-right:10px; width:74px; height:15px; background:url(https://cdn.reo.ink/web/mingdnf.com/wiki/images/dnf/web20080500/book/btn_top.gif) no-repeat; text-indent:-999px; overflow:hidden;}

/* 底部 */
/* ========== 底部修复 ========== */
#footer {
  clear: both;       /* 关键：清除浮动，让底部正常显示 */
  overflow: hidden;   /* 包裹内部元素 */
  text-align: center; /* 居中 */
  margin-top: 20px;   /* 与内容拉开距离 */
  padding: 10px 0;
}
#footer .img img {
  display: block;     /* 让图片完整显示，不被截断 */
  margin: 0 auto;     /* 图片居中 */
  height: auto;
}
#footer .info {
  margin-top: 10px;
  line-height: 22px; /* 文字行高，避免挤在一起 */
}
#footer .info p {
  margin: 5px 0;
}
#footer a {
  color: #f6ebbd;
  text-decoration: none;
  margin: 0 6px;
}
#footer a:hover {
  color: #0896d4;
  text-decoration: underline;
}
#footer p {
  color: #f6ebbd;
}
#footer_ied{text-align:center; font-size:12px; line-height:19px;background-color:#fff5f1;color:#fff5f1;font-family:Tahoma;}
.wrap_ied{ margin:0 auto; padding:30px; width:800px;}
.wrap_ied a{color:#fff5f1;}
#footer_ied p.e{ margin-top:-4px; font-size:10px;}