.book-box .panel{position:relative}.book-post{display:none}body.postshow .book-post{display:block;animation:onslidedown 1s normal forwards ease-in-out}.book-title{font-size:28px;font-weight:700;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.book-respond:before,.book-respond:after,.book-header:before,.book-header:after,.book-title:before,.book-title:after{content:'';display:table}.book-respond:after,.book-header:after,.book-title:after{clear:both}.book-title>span,.book-title>i{display:inline-block;float:left;line-height:30px}.book-title>i{text-align:center;font-size:18px;width:30px;height:30px;color:#fff;background-color:#222;border-radius:4px}.book-title.red>i{background-color:red}.book-title.blue>i{background-color:blue}.book-title.gray>i{color:#222;background-color:gray}.book-title.green>i{background-color:green}.book-title.yellow>i{color:#000;background-color:yellow}.book-title>i+span{margin-left:5px}.book-body{position:relative;overflow:auto}.book-body>footer,.book-body>header{margin-bottom:0}.book-body>footer>h3,.book-body>header>h3{font-size:20px;margin:0;line-height:normal}.book-body>div{font-size:16px;line-height:1.725;white-space:pre-line}.book-body>div:last-of-type{margin-bottom:0}.book-empty>h3{color:#888;padding:20px 30px;margin:0}.book-respond,.book-header{position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee}.book-respond{padding-top:10px;margin-top:10px;border-top:2px solid #337ab7}.book-post-new{font-weight:700;font-size:14px;font-family:monospace;z-index:1;position:absolute;top:0;left:0;padding:2px 6px;line-height:normal;color:#fff;background-color:red;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.1),-1px -1px 3px rgba(0,0,0,.2);text-shadow:1px 1px 3px rgba(0,0,0,.1);animation:twisterInUp 1.25s normal forwards ease-in-out}.book-post-icon{position:absolute;text-align:center;top:0;left:0;width:64px;height:64px;color:#222;background-color:#ddd;border-radius:4px;box-shadow:inset -1px -1px 3px rgba(0,0,0,.1)}.book-respond .book-post-icon{top:10px;color:#fff;background-color:#29547e}.book-post-num{font-size:13px;position:absolute;top:0;right:0;line-height:normal;padding:0 4px;color:#fff;background-color:#29547e;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.1)}.book-post-icon>i{font-size:48px;line-height:64px}.book-post-info{min-height:64px;margin-left:74px}.book-post-info>*:last-child{margin-bottom:0}.book-post-name{font-size:24px;font-weight:700;white-space:nowrap;overflow:auto;line-height:normal;margin:0 0 5px}.book-post-data{color:#888;font-size:13px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.book-post-data>span{display:block}.book-post-data>span>span,.book-post-data>span>i{display:inline-block;line-height:20px}.book-post-data>span>i{text-align:center;width:20px;height:20px}.book-post-data>span>i+span{margin-left:5px}@media (min-width:421px){.book-post-data>span{display:inline-block}.book-post-data>span+span{margin-left:5px}.book-post-data>span>i{width:auto;height:auto}}