/*  
作者：新鲜人
地址：http://www.htmlit.com.cn
邮箱：u2lei@yahoo.com.cn
     xinxr@msn.com
*/
@charset "utf-8";

body{ padding:0;margin:0;font-family:"微软雅黑", Arial, Helvetica, sans-serif;background:#FFFFFF;color:#454545;font-size: 14px;line-height: 20px;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span{margin:0; padding:0;}
table{border-collapse:collapse;}
a { text-decoration: none;color: #454545;}
a:hover { color:#d60000;}
ul { padding:0; margin:0;}
li { list-style-type: none;}
.clear { clear: both;}
img { border: none;}

/*=======================================================*/
.header_bg { height:500px; min-width: 1000px; background:url(images/bg.png) repeat-x left top;}
.header_2{height:80px;}
.nheader_bg { height:370px; background:url(images/nbg.png) repeat-x left top;}
.header { width:1000px; margin:0 auto;}
.top { height:80px; margin-bottom:10px; overflow:hidden;}
.logo { float:left; width:180px; height:65px; margin:10px 0 0 0; background:url(images/logo.png) no-repeat left top;}
.logo a { display:block; width:170px; height:60px;}
.logo span { display:none;}
/**/
.menu { float:right; width:740px; height:32px; color:#FFFFFF; margin-top:30px;}
.menu ul li { float:left; height:31px; line-height:28px; padding:0 20px 0 27px; background:url(images/menu_li.png) no-repeat left 8px;}
.menu ul li.index { padding:0 10px 0 0px; background-image:none;}
.menu ul li a { display:block; float:left; height:28px; line-height:28px; font-size:14px; color:#FFFFFF;}
.menu ul li a:hover { display:block; float:left; font-size:14px; border-bottom:3px solid #FDB64B;}
.menu ul li a.on { display:block; float:left; font-size:14px; border-bottom:3px solid #FDB64B;}
/**/
#focus {width:1000px; height:390px; overflow:hidden; position:relative; background: url(images/focusbg.png) no-repeat left top;}
#focus ul {height:390px; position:absolute;}
#focus ul li {float:left; width:1000px; height:390px; overflow:hidden; position:relative;}

#focus ul li.zb20 { background:url(images/zb20.png) no-repeat left top;}
#focus ul li.zbphp { background:url(images/zbphp.png) no-repeat left top;}
#focus ul li.dbs { background:url(images/dbs.png) no-repeat left top;}

#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0; background:#000; display:none;}
#focus .btn {position:absolute; width:980px; height:10px; padding:10px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; _font-size:0; margin:0 5px; cursor:pointer; background:url(images/btnspan.png) no-repeat left top;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:130px; background:url(images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
/**/
.focus_logo { left:60px; top:55px;}
.focus_text { left:60px; width:340px; top:130px; color:#FFFFFF;}
.focus_text p { height:28px; font-size:14px; font-weight:bold; padding-left:23px; background:url(images/pli.png) no-repeat left 5px;}
.download { left:70px; bottom:60px;}

/**/
.banner { height:250px;}
/**/
.title { height:20px; line-height:20px; margin-bottom:5px;padding:0 10px 0px 10px;}
.title2 {font-size:1.4em;height:40px; line-height:40px; margin-top:30px; margin-bottom:20px; border-bottom:4px solid #EDEDF0;font-weight:bold; }
.note {margin-bottom:5px;}
/**/
.content { width:1000px; margin:0 auto; padding-bottom:20px;}
/**/
.box { padding:35px 0px 0px 0px;}
.boxl { float:left; width:195px; padding:5px 20px; font-size:14px;}

.boxr { float:right; width:250px; padding:5px 20px; font-size:14px;}
/**/

/**/
dl.app{width:230px;float:left;padding:0px 10px;height:200px;}
dl.app dt{width:100%;background-color:#f0f0f0;padding:4px 0 5px 0;line-height:24px;overflow:hidden;height:22px;}
dl.app b {font-size:14px;padding:5px 5px 5px 5px;background-color:#f0f0f0;overflow:hidden;height:20px;line-height:24px;}
dl.app div{text-align:center;padding:15px 10px 10px 10px;}
dl.app p{height:20px;overflow:hidden;}

dl.app_aspplugin b{border-left:10px skyblue solid;}
dl.app_asptheme b{border-left:10px lightsalmon solid;}
dl.app_phpplugin b{border-left:10px plum solid;}
dl.app_phptheme b{border-left:10px goldenrod solid;}

dl.app_sell b{background:#f0f0f0 url(images/sell.png) no-repeat right top;}

dl.app_asptheme div img{width:160px;height:128px;box-shadow:5px 5px 6px gray;}
dl.app_phptheme div img{width:160px;height:128px;box-shadow:5px 5px 6px gray;}
dl.app_aspplugin div img{width:128px;box-shadow:5px 5px 6px gray;}
dl.app_phpplugin div img{width:128px;box-shadow:5px 5px 6px gray;}

/**/
a.dlink {padding:8px 0 20px 36px;background:url(images/dlink.png) no-repeat left 0px;}
a.dlink2 {padding:8px 0 20px 36px;background:url(images/github.png) no-repeat left 0px;}
/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/


/**/
.footer_bg { background:#f6f6f6; margin-bottom:20px;}
.footer { width:1000px; margin:0 auto; padding:15px 0; background:#f6f6f6 url(images/footer_logo.png) no-repeat 820px center;}
.footer_nav { margin-bottom:10px;}
.footer_nav a { color:#3A6EA5; padding:0 10px;}
.copyright { padding-left:10px;}
.footer_nav img {vertical-align :bottom;}



@media screen and (max-width: 999px){
    body{background-image: none;}img{max-width:100%; height:auto; width:auto\9; border:0;}
    .banner,.menu,#app-type-button-menu{display: none;}
    .header,.menu,.app_content,.left_content,.right_content,#divComments li{width: 100%!important;min-width: auto!important;}
    .top{overflow:visible;}
    .logo{height: 80px;margin: 0;background: url(images/logo.png) no-repeat 6px center;background-size:auto 60px;float: none;}
    .nav-on{position: absolute;width: 20px;height: 18px;top: 30px;right: 10px;display: block;}
    .nav-on i{width: 100%;display: block;height: 3px;margin-bottom: 3px;background: #fff;}
    .menu{margin-top: 0;height: auto;background:#1D6D9E;float: none;position: relative;z-index: 999;}
    .menu ul li { float:none;padding:0; background:url(none) no-repeat left 8px;line-height: 38px;height: 38px;}
    .menu ul li.index {padding:0; background-image:none;}
    .menu ul li a { display:block; float:none; padding:0 20px;line-height: 38px;height: 38px; font-size:14px; color:#FFFFFF;border-top:1px solid #175F84;}
    .menu ul li a:hover { display:block; float:none; font-size:14px; border-top:1px solid #FDB64B;border-bottom: 0;}
    .menu ul li a.on { display:block; float:none; font-size:14px; border-top:1px solid #FDB64B;border-bottom: 0;}
    dl.app{width:46%;padding: 2%;height: auto;}
    dl.app h2{height: 50px;overflow: hidden;}
    dl.app_phptheme div img{width:auto;height: 130px!important;max-width: 100%;}
    dl.app div{height: 130px!important;overflow: hidden;}
    div.header_bg{min-width: auto;}
    div.dbs{display:none;}
    div.box{padding:0;}
    div.title h3,div.title p{padding-top:0.5em;padding-bottom:0.5em;}
    div.content{overflow:hidden;width:97%!important;padding-left:1.5%!important;padding-right:1.5%!important;}
    div.footer{width:90%!important;}
    div.footer_nav{line-height: 2em!important;}
    dov.title2{font-size:3em;}
    #focus{overflow:hidden;width:99%!important;}
    #focus ul li{width:33.33%!important;overflow:hidden!important;}
    #focus li{width:33.33%!important;overflow:hidden!important;}
}