#wrapper{ background:#fff url(//ue.17173cdn.com/images/dnf/2011/wrapper-top.jpg) center top no-repeat; font-size:12px;}
.w960{ width:960px; clear:both;}

/*the header*/
#header{ width:960px; margin:0 auto; height:372px; position:relative;}
.dnf-logo a{ display:block; width:500px; height:180px; margin:0 auto;}

.main-nav li{ float:left;}
.main-nav li a{ display:block; width:111px; height:60px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) no-repeat;}
.main-nav li a.nav-1{ background-position:0 9px;}
.main-nav li a.nav-2{ background-position:-200px 9px;}
.main-nav li a.nav-3{ background-position:-400px 9px;}
.main-nav li a.nav-4{ background-position:-600px 9px;}
.main-nav li a.nav-5{ background-position:-800px 9px;}

.main-nav li.current a{ width:163px;  background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) no-repeat;}
.main-nav li.current a.nav-1{ background-position:0 -80px;}
.main-nav li.current a.nav-2{ background-position:-200px -80px;}
.main-nav li.current a.nav-3{ background-position:-400px -80px;}
.main-nav li.current a.nav-4{  background-position:-600px -80px;}
.main-nav li.current a.nav-5{ background-position:-800px -80px;}


.dnf-17173{ width:226px; height:54px; background:url(//ue.17173cdn.com/images/dnf/2011/dnf-17173.png) left top no-repeat; margin-top:6px;}

.sub-nav{ width:833px; height:53px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) 0 -160px no-repeat; clear:both;}
.sub-nav li{ float:left; font-size:14px; color:#c5634c; line-height:53px;}
.sub-nav li a{ color:#fdf8ce; font-weight:bold; margin:0 8px;}
.sub-nav li a:hover{ text-decoration:underline;}

.common-box{ width:960px; height:64px; clear:both; background:url(//ue.17173cdn.com/images/dnf/2011/nav-info.png) left top no-repeat;}
.common-box ul{ clear:both;}
.common-box li{ float:left; font-size:12px; color:#6b3326; line-height:24px;}
.common-box li.title{ color:#fff0a9; font-weight:bold; padding-left:30px;}
.common-box li a{ color:#ae776a; margin:0 8px;}
.common-box li a:hover{color: #daa69a; text-decoration:underline;}
.common-box .tool{ padding-top:8px;}
.common-box .tool .title{ background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 10px 6px no-repeat;}
.common-box .hot .title{ background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 10px -44px no-repeat;}

.prize-box{ display:block; width:123px; height:79px; background:url(//ue.17173cdn.com/images/dnf/2011/prize-box.png) left top no-repeat; position:absolute; right:2px; top:220px;}



/*the content, the common modual*/
#content{ width:960px; margin:0 auto; margin-top:15px;}

/*the modual of search-form*/
.search-form{ width:219px; height:26px; background:url(//ue.17173cdn.com/images/dnf/2011/sprite.jpg) -400px -440px no-repeat; margin:7px auto; overflow:hidden; line-height:26px;}
.search-text{ width:160px; height:26px; line-height:26px; border:none; background:none;}
.search-btn{ width:50px; height:26px; border:none; background:none; cursor:pointer;}

/*the modual of project and shengdeng*/
.slide-box{ background:#e7e4e0;}
.slide-box .hd{ height:28px; width:223px; margin:0 auto; padding-bottom:2px; background:#e7e4e0 url(//ue.17173cdn.com/images/dnf/2011/hd-bg.gif) left bottom repeat-x;}
.slide-box .hd h2{ font-size:14px; font-weight:bold; color:#7e622d; height:28px; line-height:28px; padding-left:27px; background:url(//ue.17173cdn.com/images/dnf/2011/icon-png.png) 5px -95px no-repeat;}
.slide-box .bd{ height:458px; overflow:hidden;}


.slide-tab{ padding:12px 5px 0 0;}
.slide-tab li{ float:left; margin-right:3px;}
.slide-tab li a{ display:block; width:11px; height:11px; background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) -20px -250px no-repeat;}
.slide-tab li a.current{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 0 -250px no-repeat;}
.slide-hot .bd{ height:445px; overflow:hidden; position:relative;}
.slide-con .hd .slide-con{ display:none; position:absolute; left:0; top:0;}



.project-list{ width:218px; margin:0 auto; padding:9px 0;}
.project-list li{ width:218px; padding:4px 0 0 0;}
.project-list li a{ display:block; width:218px;}
.project-list li a img{ padding:2px; background:#e7e4e0;}
.project-list li a p{ text-align:center; color:#6e572a; line-height:22px;}
.project-list li a:hover img{ background:#ff6600;}


.shengdeng-box{ width:230px; height:136px; background:url(//ue.17173cdn.com/images/dnf/2011/shengdeng-box.jpg) left top no-repeat; padding-top:26px; margin:0 auto; margin-top:10px;}
.shengdeng-logo{ display:block; width:230px; height:55px;}
.shengdeng-box h2{ font-size:14px; color:#fffcc9; text-align:center; line-height:28px; padding:5px 0 2px 0;}
.shengdeng-box p{ width:220px; margin:0 auto; text-indent:2em; color:#e8d8d4;}

/*the modual of showlist*/
.showlist{ padding:7px 5px; margin:0 auto; }
.showlist li{height:20px;padding:2px 0 2px 18px; margin:0;background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -94px no-repeat;}
.showlist li,.showlist li a{line-height:20px; font-size:12px; color:#6e572a; text-decoration:none;}
.showlist li a:hover{line-height:20px;text-decoration: underline;}
.showlist li span{ float:right; font-size:12px; color:#b9ad9e; height:20px; line-height:20px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.showlist-2 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -39px no-repeat;}
.showlist-2 li,.showlist-2 li a{font-size:14px;}
.showlist-2{ padding:7px;}
.showlist-3 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -142px no-repeat;}
.showlist-3 li,.showlist-3 li a{color:#52524f;}
.showlist-3 li span{ color:#52524f; padding-right:5px;}
.showlist-4 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -39px no-repeat;}
.showlist-4 li,.showlist-4 li a{color:#876c3a;}
.showlist-4 li span{ color:#ab9b7c; padding-right:5px;}
.showlist-4{ padding:7px 5px 7px 0;}
.showlist-5 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -142px no-repeat; padding:0 0 2px 18px; width:145px; height:20px; float:left; vertical-align:middle; overflow:hidden;}
.showlist-5 li,.showlist-5 li a{color:#6e572a;}
.showlist-5 li span{ color:#52524f; padding-right:5px;}
.showlist-6 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -142px no-repeat;}
.showlist-6 li,.showlist-6 li a{color:#52524f;}
.showlist-6 li span{float:none; color:#6e572a; padding-right:5px;}
.showlist-7{ padding:2px 5px;}
.showlist-7 li{background:none; padding:2px 0 2px 5px;}
.showlist-7 li,.showlist-7 li a{color:#ab9771;}
.showlist-7 li span{float:none; color:#ab9771; padding-right:5px;}
.showlist-8 li{background:url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -39px no-repeat; padding-left:15px;}
.showlist-8 li,.showlist-8 li a{font-size:12px;}
.showlist-8{ padding:1px;}

/*the modual of ranklist*/
.ranklist{ padding:7px 5px; margin:0 auto; }
.ranklist li{height:20px;padding:2px 0 2px 0px; margin:0;}
.ranklist li,.ranklist li a{line-height:20px; font-size:12px; color:#876c3a; text-decoration:none;}
.ranklist li a:hover{line-height:20px;text-decoration: underline;}
.ranklist li em{ color:#aa3800; padding-right:3px;}
.hot-article-con .ranklist li,.hot-article-con .ranklist li a{color:#ab9771;}
.hot-article-con .ranklist li em{ color:#fff581; padding-right:1px;}

/*the modual of subpage title*/
.left-box-2{ width:720px;}
.left-hd-2{ height:38px;  border-bottom:1px solid #ab9771; line-height:38px; font-size:12px; color:#52524f; padding-left:32px; background:#e7e4e0 url(//ue.17173cdn.com/images/dnf/2011/icon.gif) 5px -290px no-repeat;}
.local-box{ width:623px;}
.local-box span{ margin:0 5px;}
.local-box .local{ color:#876c3a;}
.local-box a{ color:#2b2b2b;}
.local-box a:hover{ text-decoration:underline;}

/*the modual of pagination*/
.pagination{ clear: both;height: 26px; margin: 0 auto; line-height: 26px; padding:22px 0;}
.pagination ul{ margin: 0; padding: 0; font-size: 14px; text-align:center; }
.pagination li{ list-style-type: none; display: inline; padding:0 3px;}
.pagination li a{text-decoration: none; color: #ffffff; background-color: #544444; padding:4px 5px; font-weight:bold; }
.pagination li a.current{ background:#976915;}
.pagination li.pagCur a{background:#976915;}
.pagination a:hover{background:#976915;}

/*the footer*/
#footer{ background:#442b26 url(//ue.17173cdn.com/images/dnf/2011/footer-bg.jpg) center top no-repeat; margin-top:20px;}
#footer .w960{ margin:0 auto;}
.sitemap ul{ float:left; padding:20px 15px 15px 15px; background:url(//ue.17173cdn.com/images/dnf/2011/footer-divide.jpg) right top no-repeat; min-width:100px; _width:100px;}
.sitemap ul.last{ background:none;}
.sitemap ul li{ text-align:center; line-height:22px;}
.sitemap ul li.title{ margin-bottom:5px; font-size:14px; color:#f3c763; font-weight:bold;}
.sitemap ul li a{ font-size:12px; color:#9e9074; font-weight:normal;}
.sitemap ul li a:hover{ text-decoration:underline;}

.friendly-box{ width:958px; min-height:83px; _height:83px; background:#301e1a; border:1px solid #1c110e; clear:both;}
.friendly-box ul{ padding:10px 10px 5px 10px;}
.friendly-box ul li{ float:left; padding-right:5px; line-height:24px;}
.friendly-box ul li.title{font-weight:bold; color:#f3c763;}
.friendly-box ul li a{ color:#9e9074; white-space:nowrap;}
.friendly-box ul li a:hover{ text-decoration:underline;}

.w670{ width:670px;}
.search-box-2{ width:282px; height:59px; background:url(//ue.17173cdn.com/images/dnf/2011/db-search.png) left top no-repeat; margin-top:4px;}
.search-hot-2{ padding:7px 0 0 90px;}
.search-hot-2 a{ color:#fff2a8; margin-right:5px;}
.search-hot-2 a:hover{ text-decoration:underline;}
.search-form-2{ width:256px; height:22px; padding:3px 0 0 12px; overflow:hidden; line-height:22px;}
.search-text-2{ width:209px; padding:0 2px; height:22px; line-height:22px; border:none; background:none; font-size:12px;}
.search-btn-2{ width:36px; height:22px; border:none; background:none; cursor:pointer;}

#footer .global-footer a, #footer .global-footer{ color:#93726b;}