/*      全局       ----------------------------------------------*/
*{
margin:0;
padding:0;
}

html{
overflow-y:scroll;
}

html,body{
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:#EEF4F6;
}


/*        容器           ------------------------------------------*/
#wrap{
margin:0 auto;
width:960px;
background:#fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
overflow:hidden;
padding:10px;
position:relative;
}

/*         learn 右容器   ------------------------------------*/
#learn-main{
float:left;
width:652px;
padding:8px 12px 20px 12px;
}

/*        comm 右容器   ---------------------------------------*/
#comm-main{
width:653px;
float:left;
padding:12px;
}

#comm-main p{
padding-top:5px;
}

/*        resource  右容器   -----------------------------------*/
#resource-main{
width:670px;
float:left;
padding:8px 12px;
overflow:hidden
}

/*        learn 搜索*/
.learn-search{
width:620px;
float:left;
font-size:14px;
padding-bottom:10px;
}
.learn-search fieldset{
border:1px solid #ccc;
}
.learn-search legend{
padding:0 10px;
margin-left:20px;
font-weight:bold;
color:#808080;
}
.learn-search p{
font-size:13px;
padding:10px;
}
.learn-search table{
width:100%;
margin-top:10px;
border-collapse:collapse
}
.learn-search table th{
font-size:12px;
border-bottom:1px solid #ccc;
text-align:left;
text-indent:10px;
background:#eee;
padding:6px 0;
}
.learn-search table td{
font-size:13px;
text-indent:10px;
color:#808080;
border-bottom:1px dashed #eee;
}
.learn-search table td a{
text-decoration:none;
color:#069;
display:block;
padding:3px 0;
}
.learn-search table td a:hover{
color:#06f
}

/*         header          ----------------------------------------*/

#logo{
background:url(/public/images/logo.gif) no-repeat left 20%;
float:left;
width:80px;
height:80px;
display:none;
}
#h-nav{
font-size:13px;
height:68px;
display:none;
}
#h-nav a{
display:block;
padding-top:50px;
float:left;
width:100px;
text-align:center;
text-decoration:none;
color:#069;
font-weight:bold;
border:1px solid #fff;
}
#h-nav a:hover{
border-top:1px solid #f5f5f5;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #444;
}
#h-nav a.on,#h-nav a.on:hover{
border-bottom:1px solid #f5f5f5;
border-right:1px solid #eee;
border-left:1px solid #aaa;
border-top:1px solid #444;
}
#learn{
background:url(/public/images/learn.gif) no-repeat center 20%;
display:none;
}
#comm{
background:url(/public/images/comm.gif) no-repeat center 20%;
display:none;
}
#resource{
background:url(/public/images/resource.gif) no-repeat center 20%;
display:none;
}
#nothing{
background:url(/public/images/no.gif) no-repeat center top;
}


/*          path            ----------------------------------------------*/
#path{
display:none;
background:#F7EFD6;
font-size:12px;
padding:2px 5px;
clear:both;
font-weight:bold;
color:#84714A;
}
#path a{
color:#8C8A8C;
text-decoration:none
}

/*          login 快捷登陆        ----------------------------------------*/
#login{
display:none;
position:absolute;
right:5px;
top:5px;
width:140px;
padding:10px;
background:#fff;
border-left:1px solid #ccc;
font-size:12px;
color:#808080;
}
#login p{
padding-bottom:5px;
}
.inpt-login,.inpt-login-s{
border:1px solid #D6E3B5;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background:#FFFFE8;
width:100px;
height:16px;
}
.inpt-login-s{
width:50px;
}

#login a{
color:#008E00;
text-decoration:none;
}


/*           会员 panel    set     -------------------------------------*/

#member-panel{
display:none;
position:absolute;
right:5px;
top:5px;
width:160px;
font-size:12px;
background:#fff;
border-left:1px solid #ccc;
}
#member-panel td{
padding:3px 0 2px 5px;
}
#member-panel td a{
color:#090;
text-decoration:none;
}
#member-panel img{
border:none;
margin-right:5px;
float:left;
display:block
}


/*           注册 set             ------------------------------------*/
#register-set{
width:750px;
float:left;
padding:10px;
border:1px solid #ccc;
}

#register-set legend{
font-size:16px;
font-weight:bold;
padding:10px;
}

.notice{
list-style-position:inside;
font-size:12px;
color:#808080;
line-height:200%;
width:40%;
float:left;
padding:10px;
border-right:1px solid #ccc;
background:#f5f5f5;
}

#register-set form{
padding:10px;
float:left;
font-size:14px;
}
#register-set form small{
color:#999;
font-size:12px;
}
#register-set form p{
padding:5px;
}
.btn{
width:100px;
cursor:pointer;
}




/*           会员信息set            ----------------------------------------*/
#member-setup{
width:670px;
margin:20px;
float:left;
border:1px solid #ccc;
padding:0 10px 20px 10px;
background:url(/public/images/member-set.jpg) no-repeat right bottom;
}

#member-setup legend{
font-size:13px;
}
#member-setup legend a,#member-setup p a{
color:#090;
text-decoration:none;
}
#member-setup legend b{
font-size:14px;
}
#member-setup p{
line-height:170%;
padding:10px 0 0 0;
font-size:13px;
color:#808080;
margin-left:53px;
}
#member-setup p b{
color:#444;
}

#member-setup dl{
font-size:13px;
line-height:150%;
margin:10px;
}

#member-setup dl dd{
border-bottom:1px dashed #eee;
padding:3px 0;
display:block;
color:#808080
}

#member-setup dl dd a{
font-weight:bold;
color:#069;
text-decoration:none
}
#member-setup dl dd a.readed{
color:#808080;
text-decoration:none
}
.open_msg{
display:block;
padding:10px;
background:#EFF7F7;
line-height:170%;
}


.input-txt{
border:1px solid #fff;
border-bottom:1px dashed #D6E3B5;
width:400px;
color:#808080;
}
#uploaded-pics{
width:500px;
}
#uploaded-pics img{
border:1px solid #ccc;
}


/*           catalog              ----------------------------------------*/
.catalog{
border:1px solid #DEEBF7;
width:150px;
background:#EFF7FF;
font-size:13px;
float:left;
margin-top:5px;
display:none;
}
.catalog dl{
padding:8px;
}
.catalog dl dt{
font-weight:bold;
padding-bottom:8px;
}
.catalog dl dd{
border-bottom:1px solid #DEEBF7;
line-height:130%;
}
.catalog dl dd a{
text-decoration:none;
width:100%;
display:block;
color:#008AB5;
padding:2px 0;
}
.catalog dl dd a:hover{
background:#DEEBF7;
}


/*        分类介绍             ----------------------------------------*/
.catalog-intro{
font-size:13px;
width:620px;
line-height:150%;
border-bottom:1px solid #ccc;
padding-bottom:10px;
color:#808080;
}
.catalog-intro small{
font-size:12px;
}
.catalog-intro h3{
font-size:16px;
padding:6px 0;
color:#444
}
.catalog-intro h3 small{
font-weight:normal;
font-size:12px;
color:#ccc
}
.catalog-intro img{
float:right;
}

/*       文章起头         ---------------------------------------- */
.learn-title{
float:left;
font-size:13px;
width:620px;
line-height:150%;
border-bottom:1px solid #ccc;
padding-bottom:10px;
color:#444;
}
.learn-title small{
font-size:12px;
color:#808080;
}

.learn-title h3{
font-size:16px;
padding:6px 0;
}

.learn-title a{
color:#090;
text-decoration:none;
}


/*       文章主体          -------------------------------------------*/
#learn-content{
font-size:13px;
padding-bottom:20px;
color:#666;
line-height:170%;
float:left;
width:620px;
border-bottom:1px solid #808080;
display:block;
}

#learn-content a{
color:#CC6600
}

#learn-content table{
background:#f5f5f5;
}

#learn-content h1,#learn-content h2,#learn-content h3{
font-size:16px;
color:#444;
padding:8px 0;
}
#learn-content h4,#learn-content h5,#learn-content h6{
font-size:14px;
color:#444;
padding:8px 0;
}
#learn-content hr{
border:1px solid #fff;
border-bottom:1px dashed #ccc;
margin-top:8px;
}

#learn-content ul,#learn-content ol{
list-style-position:inside;
padding-left:25px;
}

#learn-content .Code{
overflow-x:auto;
background:#f5f5f5;
font-size:12px;
line-height:130%;
border-left:3px solid #ccc;
display:block;
padding:8px;
font-family: monospace, Arial, Helvetica, sans-serif;
color:#444;
}

#learn-content table{
clear:left
}

#learn-content img{
margin:6px;
}

/*        评论 commet -----------------------------------*/
#cmt{
font-size:13px;
margin-top:8px;
float:left;
width:620px;
color:#808080;
}
#cmt h3{
font-size:14px;
}

#cmt #content{
width:500px;
height:80px;
background:#FFFFD7
}

#cmt p{
padding:5px;
color:#444;
}

#cmt a{
color:#090;
text-decoration:none
}

#cmt-list{
font-size:12px;
line-height:150%;
padding-bottom:15px;
}

#cmt-list fieldset{
margin-top:5px;
border:1px solid #ccc;
border-top:none;
padding:0 5px 5px 5px;
}

/*        arts列表         -----------------------------------------*/
.arts-list{
width:600px;
font-size:13px;
width:620px;
border-collapse:collapse;
}
.arts-list th{
text-align:left;
background:#4A7594;
padding:3px 5px;
color:#fff
}
.arts-list td{
color:#808080;
padding:3px;
font-size:12px;
}
.arts-list td a{
color:#444;
text-decoration:none;
}
.arts-list td a:hover{
color:#956668;
text-decoration:underline
}


/*        分页  pagenav       ---------------------------------------*/
.pagenav{
float:left;
padding:10px 0;
font-size:12px;
}
.pagenav a{
color:#808080;
background:#eee;
padding:0 3px;
text-decoration:none;
}
.pagenav-listbar{
font-size:11px;
padding:3px 0 5px 10px
}
.pagenav-listbar a{
background:#DEEBF7;
color:#008AB5
}

/*        update 更新信息      ------------------------------------------*/
.update{
width:620px;
float:left;
padding-bottom:10px;
font-size:14px;
}
.update table{
width:100%;
margin-top:10px;
border-collapse:collapse
}
.update table th{
font-size:13px;
background:#4A7594;
text-align:left;
text-indent:10px;
color:#fff;
padding:3px;
}
.update table td{
font-size:12px;
text-indent:10px;
color:#808080;
padding:3px 0;
}
.update table td a{
text-decoration:none;
color:#444;
}
.update table td a:hover{
color:#956668;
text-decoration:underline;
}
.update table td img{
border:none
}



/*   广而告之  ---------------------------------------------------*/
#comm-notice{
width:100%;
font-size:14px;
}

#comm-notice fieldset{
border:1px dashed #ccc;
border-bottom:none
}

#comm-notice legend{
background:#fff;
color:#808080;
font-weight:bold;
padding:0 7px;
}
#comm-notice p{
padding:3px 10px;
font-size:12px;
color:#808080;
}

/*    交流区话题列表   ----------------------------*/
.units{
border:1px solid #EBEBCC;
margin:5px 0;
font-size:12px;
width:100%;
background:#F8F8EE;
border-collapse:collapse
}

.units th{
color:#888888;
background:#EBEBCC
}
.units td{
color:#444;
border-bottom:1px solid #EBEBCC;
text-indent:5px;
}
.units td a{
color:#336699;
text-decoration:none;
}
.units td a:hover{
background:#ffc
}

/*  comm-intro  */
#comm-intro{
font-size:13px;
color:#808080
}

/*  comm-view   */
#comm-view{
font-size:13px;
padding:0 25px;
position:relative;
width:750px;
}
#comm-view p{
margin-top:8px;
clear:both;
}
#comm-view p img{
border:none
}

#comm-view p a{
color:#090;
text-decoration:none
}
.comm-cont{
background:#F7FBFF;
border-left:2px solid #CED7EF;
padding:10px;
word-break:break-all; overflow-x:auto;
line-height:150%;
}
.comm-cont a{
color:#090;
}

/*    send-msg   ------------------------------------------*/
#send-msg{
height:370px;
width:805px;
background:url(/public/images/message_bg.jpg) no-repeat -2% top;
font-size:13px;
padding-left:170px
}

#send-msg a{
color:#090;
text-decoration:none;
}

#send-msg p{
padding:5px;
}

.msg-to{
padding:5px;
border-bottom:1px dashed #eee;
width:500px;
margin: 10px 0;
}


/*   pic-box  ---------------------------------------------- */

.pic-box{
padding:2px;
border:2px solid #eee;
font-size:12px;
margin:8px 0 0 8px;
float:left
}
.pic-box img{
border:none
}
































/*           console-login              -----------------------------------------*/
#console-login{
font-size:14px;
margin:20px auto 20px 350px;
line-height:200%;
}
#console-login h2{
font-size:16px
}
#console-login span{
color:#f96;
}
.inpt{
width:140px;
height:16px;
}
.inpt-s{
width:30px;
height:16px;
}
.inpt-l{
width:240px;
height:16px;
background:#FFFFE8
}

/*            console-bar           --------------------------------------*/
#console-bar{
line-height:180%;
font-size:13px;
border-right:1px solid #fff;
width:150px;
float:left;
background:#eee;
padding:10px 0 0 10px
}
#console-bar h2{
font-size:14px;
color:#808080;
margin-top:10px;
}
#console-bar p{
color:#808080
}
#console-bar p a{
font-size:12px;
color:#696;
text-decoration:none;
}
#console-bar ul{
color:#ccc;
list-style-position:inside;
border-bottom:1px solid #fff;
}
#console-bar li a{
color:#069;
text-decoration:none;
}


/*           console-wrap     -------------------------------------------*/
#console-wrap{
font-size:13px;
color:#555;
line-height:160%;
float:left;
width:740px;
margin-left:30px;
}
#console-wrap h2{
font-size:16px;
padding:10px;
letter-spacing:2px;
border-bottom:1px solid #ccc;
}
#console-wrap p{
padding:10px 10px 0 10px;
}
.msg{
color:#f93;
font-size:12px;
}

/*           console-cata-list     -------------------------------------------*/
#console-cata-list{
border:1px solid #eee;
padding:5px;
margin:5px;
float:left;
width:640px;
}
#console-cata-list p{
width:140px;
background:#eee;
float:left;
}
#console-cata-list a{
color:#069;
}


/*          console-set           ----------------------------------------------*/
.console-set{
margin:7px;
padding:5px;
border:1px solid #ccc;
}
.console-set legend{
color:#808080;
padding:5px;
}


/*            .cata-list/textarea            ---------------------------------------*/
.cata-list{
float:left;
}
.console-text{
width:500px;
height:300px
}


/*            footer            -----------------------------------------*/
#footer{
margin:20px auto 0 auto;
padding-bottom:10px;
text-align:center;
font-size:13px;
color:#BCDCDC;
width:900px;
position:relative;
display:none;
}

#b2top {
position:absolute;
right:0;
top:0;
height:20px;
width:40px;
cursor:pointer;
}

#footer a{
color:#369;
text-decoration:none;
padding:0 2px;
}
#footer a:hover{
border-bottom:1px solid #ccc
}

.f-url{
padding-top:10px;
}

.f-cprt{
color:#808080;
font-size:11px;
margin-top:5px;
}

/*                    AD               -------------------------------*/
#ad{
width:160px;
height:600px;
position:absolute;
right:5px;
top:200px;
display:none;
}


/*           Error              ----------------------------------*/
#error{
margin:20px;
width:500px;
padding:40px 30px 30px 170px;
background:url(/public/images/error.jpg) no-repeat left bottom;
font-size:14px;
line-height:150%;
border-bottom:1px dashed #eee;
}