*{box-sizing:border-box}
body{margin:0;background:#fff;color:#444;font:12px/1.58 Verdana,Tahoma,Arial,sans-serif}
a{color:#4F81D8;text-decoration:none}a:hover{color:#F5C55E;text-decoration:underline}
#wrap{width:970px;max-width:calc(100% - 16px);margin:10px auto 0;background:url('assets/images/wrap_bg.gif') repeat-y}
#header{height:100px;background:#006B95 url('assets/images/header.jpg') no-repeat;color:white;padding:22px 30px}
#header h1{margin:0;font:normal 25px/30px Georgia,'Times New Roman',serif}
#header .tag{border-top:1px solid #fff;display:inline-block;margin-top:4px;padding-top:2px;font-size:11px}
#nav{min-height:30px;margin:10px 16px 10px 11px;background:#3299B9 url('assets/images/navigation.gif') no-repeat;display:flex;align-items:center}
#nav a{color:#fff;padding:7px 10px;border-right:1px solid rgba(255,255,255,.65)}
#nav .search{margin-left:auto;padding-right:8px}
#nav input{height:21px;width:180px}
#content{background:url('assets/images/container_bg.gif') repeat-y 640px -20px}
#main{float:left;width:630px;margin:0 5px;padding:13px 15px 20px;background:url('assets/images/main_bg.jpg') no-repeat}
#side{float:right;width:300px;margin:0 15px 15px 5px;padding:8px 20px;background:url('assets/images/sidebar_bg.jpg') no-repeat;min-height:400px}
#side h2{font-size:16px;color:#56A7C1;border-bottom:2px solid #eee;padding-bottom:4px}
#side ul{list-style:none;padding:0}#side li{margin:2px 0}#side a{display:block;padding:3px;border-bottom:1px dashed #e6e6e6}
.clear{clear:both}
.posttime{width:46px;height:46px;float:left;margin-right:7px;background:url('assets/images/date-bg.gif') no-repeat;text-align:center}
.posttime .m{color:#fff;font-weight:bold;font-size:10px;line-height:16px;text-transform:uppercase}
.posttime .d{font:bold 18px/27px Georgia,serif;color:#000}
.posttitle{margin-left:53px;min-height:47px}.posttitle h2{margin:0;color:#005880;font-size:16px;line-height:20px}
.meta{font-size:11px;color:#808080;margin-top:3px}
.article{clear:both;padding:5px 18px 28px 10px;background:url('assets/images/post-bg.gif') no-repeat center bottom}
.article h3{text-align:center;color:#008080;font-size:15px}.article .author{text-align:center}
.article .abstract{text-align:center;font-weight:bold}.article p{text-align:justify}
.download{text-align:center;margin:15px 0}.download a{display:inline-block;padding:7px 12px;border:1px solid #c7e1e8;background:#f3fbfd;font-weight:bold}
.path{border-bottom:4px solid #f2f3f3;margin-bottom:15px;padding:0 0 4px 5px}
.volume{border:1px solid #d8e7ec;background:#f8fcfd;padding:9px;margin:6px 0}
.pending{border:1px solid #e5d8aa;background:#fffbea;padding:10px;margin:10px 0}
#footer{clear:both;min-height:112px;text-align:center;padding-top:36px;background:url('assets/images/footer.gif') no-repeat center bottom;color:#005880}
@media(max-width:820px){#wrap{width:auto;background:none}#main,#side{float:none;width:auto;margin:0 8px}#content{background:none}#nav{display:block;background:#3299B9}#nav .search{padding:5px 8px}.volume{margin:8px 0}}

.article .pending{margin:10px 0 18px;padding:12px;border:1px solid #bfd9e2;background:#f2f9fb;}