body {font-family: Microsoft YaHei,Verdana,sans-serif;font-size: 14px;background-color:#c3c9d2;}
#nav ul,dl,dt,dd,dd ul,#footer,.commentlist ul,.content-left ul {margin:0px;padding:0px;}
#main,#head-c,#head-b,#description,#nav,#cs,#footer {width:1000px;margin:0 auto;}
#divCommentPost,.content-left,.multi,.commentlist {border-radius:0 0 0 0;}
#head-c,#head-b,#divCommentPost,#footer,.content-left,.multi,.commentlist,#sider .function {box-shadow: 1px -1px 2px 0px rgba(0,0,0,0.5);}
#head-b {box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.5);}
#head-c,#head-b,#footer {background-color:#34495e;}

h1 {margin: 0 0 5px 0;padding:0 0 0 10px;font-size: 22px;letter-spacing:1.5px; font-weight:normal;text-align:left;line-height:22px;border-left:4px solid #40455e;}
h4 {margin:10px 0 10px 0; letter-spacing:1.5px; font-weight:normal;border-bottom: 1px dashed #888; line-height:25px; font-size:16px;}
p {font-size: 16px;  letter-spacing:1.5px;margin:0;padding-top:20px;line-height:30px;}
a {color: #000;text-decoration:none;}
a:hover {color: #aa0000;text-decoration: none;}
li {font-size: 14px;list-style-type:none;line-height:22px;}
.clear {clear: both;margin:0;padding:0;}

/*====== 头部样式 ======*/
#head {text-align:left;height:70px;}
#head-c {height:70px;}
#logo {padding:10px 0px 0px 20px;width:200px;float:left;line-height:45px;font-size:32px;font-weight:500;letter-spacing:5px;text-shadow: 1px -1px 2px rgba(0,0,0,0.5);} 
#logo a {color: #fff;text-decoration:none;}
#logo a:hover {color: #888;text-decoration: none;}
#description {line-height:45px;color:#fff;letter-spacing:1.5px;}
#head-b {height:24px;border-top:1px solid #fff;}
#nav {padding:0 0 0 10px;}
#nav li {float:left; font-size:15px; width:55px;text-align:center;line-height:22px;}
#nav a {color: #fff;text-decoration:none;}
#nav a:hover {color: #888;text-decoration: none;}

/*====== 内容样式 ======*/
#content {width:68%;float:left;}
.multi {margin:20px 0 20px 0;padding:20px;background-color:#fff;}
.multi img {display: block;margin-left: auto;margin-right: auto;}
.multi p img{max-width:640px;text-align:left;}
.title-meta{line-height:20px;font-size:14px;text-align:left;border-top:1px dashed #888;border-bottom:1px dashed #888;padding:0 0 0 14px;}
.content-left {margin:20px 0;padding:20px;background-color:#fff;}
.content-left p img{width:640px; text-align:center;}
#navbar {background-color:#fff;}
#navbar ul {margin:0px;padding:0px;}
#navbar ul li{font-size:16px;padding:0 20px;widht:45%;}
.r_left{float:left;text-align:left;}
.r_right{float:right;text-align:right;}

/*====== 边栏样式 ======*/
#sider {width:300px;margin:0 0 20px 20px;float:left;}
#sider .function{width:260px;margin:20px 0 0 0;padding:20px;background-color:#fff;float:left;}
#sider .function_t{line-height:22px;font-size:16px;padding-bottom:5px;text-align:center;border-bottom:1px dashed #888;}
#sider .function_c ul{list-style-position: outside;list-style-type: none;text-align: left;font-size:12px;}
#sider #divLinkage ul li{width:49%;float:left;}
#sider #divPrevious ul li{width:49%;float:left;white-space:nowrap;overflow:hidden;}

/*====== 底部样式 ======*/
#footer {color: #fff;font-size:12px;height:50px; line-height:50px; text-align:center;}
#footer a {color: #fff;text-decoration:none;}
#footer a:hover {color: #888;text-decoration: none;}

/*====== 嵌套评论样式 ======*/
.commentlist {margin:20px 0;padding:20px;background-color:#fff;}
.commentlist .msg{padding-top:10px;}
ul.msg{text-align:left;list-style-position:outside;table-layout: fixed;word-wrap:break-word;}
li.msgname{padding-bottom:5px;margin:0px;font-weight: normal;font-size:13px;}
li.msgname .info{font-size:12px;color:#888;}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em;}
li.msggravatar{display:block;float:left;margin-right:5px;}
li.msgarticle{list-style-position : outside;margin:0;line-height:22px; padding-left:46px;border-bottom:1px solid #eaeaea;padding-bottom:8px;}
li.msgtime{padding:5px 0 0 0;font-weight: normal; font-size:0.8em;}
img.avatar{width:34px;height:34px;float:left;padding:2px;margin-right:2px;border:1px solid #ccc;}
ul.msg ul.msg{padding:10px 0 0 0;margin:5px 0 0 0;border-top:1px dashed #eaeaea;border-bottom:none;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px;border-bottom:0px solid #eaeaea;}
ul.msg ul.msg li.msgname{padding:0px;}
.msg .pagebar .l{float:left;}
.msg .pagebar .r{float:right;}

/*====== 评论发布样式 ======*/
#divCommentPost {margin:20px 0;padding:20px;background-color:#fff;}
#divCommentPost label{height:15px;overflow:hidden;clear:left;float:left;line-height:15px;padding:6px 6px;margin:0;font-size:14px;}
#divCommentPost .cancel{margin-left:205px;}
#divCommentPost small{color:#999;font-size:14px;font-weight:400;margin-left:10px;line-height:29px;}
#divCommentPost .keep{color:#888;font-size:12px;font-weight:400;}
#divCommentPost img{margin-top:3px;margin-left:10px;}
#divCommentPost p{margin-bottom:10px;padding:0;}
#inpName,#inpEmail,#inpHomePage,#inpVerify{width:30%;height:15px;float:left;margin:0;padding:6px 10px;}
#txaArticle{width:90%;height:100px;border:1px solid #CCC;padding:5px;}
.you{float:right;}
#divCommentPost .button{font-size:14px;line-height:30px;color:#FFF;background-color:#888;height:30px;width:80px;border-width:0;}
#divCommentPost .button:hover{cursor:pointer;}

/*====== 主体底部翻页 ======*/
.pager{overflow:hidden;white-space:nowrap;width:100%;float:left;text-align:center;margin:0 0 20px 0;}
.pager a,.pager strong.pager-current{border:1px solid #ccc;background:#fff;margin:2px;padding:3px 6px;}
.pager a:hover{border:1px solid #333;text-decoration:none;color:#333}
.pager .now-page{border:1px solid #888;color:#fff;font-weight:normal;background:#888;margin:2px;padding:3px 6px;}

/*====== 自适应平板样式 ======*/
@media screen and (max-width: 1000px) {
#main,#head-c,#head-b,#description,#nav,#content,#cs,#footer {width:100%;margin:0 auto;}
#sider {display: none;}
#description {margin-left:10px;}
.content-left p img{width:100%; text-align:center;}
}

/*====== 自适应手机样式 ======*/
@media screen and (max-width: 500px) {
#main,#head,#head-c,#head-b,#description,#nav,#content,#cs,#footer {width:100%;margin:0 auto;}
#logo {padding:10px 0px 0px 20px;width:80%;float:left;line-height:45px;font-size:32px;font-weight:500;letter-spacing:5px;text-shadow: 1px -1px 2px rgba(0,0,0,0.5);} 
#description,#sider {display: none;}
.content-left p img{width:100%; text-align:center;}
}

/*====== 文章列表======*/
.content-left ul li{line-height:30px;border-bottom:1px dashed #888;}