/*==== Book css ====*/
.main{clear:both;position:relative;}
.main .book_l{overflow:hidden;margin-right:310px;}
.main .book_r{position:absolute;top:0;right:0;width:280px;}

.main .box_w{margin:3px;border:#DDD solid 1px;background-color:#FCFCFC;border-bottom:#AAA solid 1px;border-radius:5px;box-shadow:0 2px 8px #DDD;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.main .box_b{margin-top:1px;line-height:24px;padding:10px 15px;background:-webkit-linear-gradient(top,#f2f2f2,#EEE);border-bottom:#DDD solid 1px}

.main .box{border-top:#FFF solid 1px;padding:20px;min-height:500px}
.main .ph{min-height:300px;}
.box .c1, .box .c1 a{font-size:20px;line-height:1.3;color:#333;text-decoration:none;} .box .c1 a:hover{color:black;}
.box .c2{margin:5px 0;color:#666;}
.box dl dd ul li{overflow:hidden;color:#888;}

.box dl{clear:both;padding-top:10px}
.box dl dd:first-child{float:left;padding:1px;border:#DDD solid 1px;}
.box dl dd:nth-child(2){margin-left:230px;}
.box dl dd img{max-height:160px;width:200px;}

.box .ht{text-align:center;}
.box .ht img{max-height:180px;width:220px;border:#DDD solid 1px;padding:1px;}
.box .h1{text-align:center;font-size:14px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:200px;margin:8px auto 18px;}
.box .hl{line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:250px;}

.hr{padding:10px 0;}
#pages{text-align:center;}
/*==== Book Show ====*/
.tags{margin:10px 20px;display:block;padding-bottom:30px;}
.tags li{float:left;background:#BBB;color:#FFF;padding: 6px 8px;margin:6px 2px;font-size:13px;line-height:16px;}
.tags li:hover{background:#1E9FFF;cursor:pointer;}
.tags li a, .tag li a{color:#FFF;text-decoration:none;}
.tags .t0,.tags .t0:hover{padding-right:0;background:#FFF;color:#555;font-size:14px;line-height:18px;}

.box #contents img, .box #contents p img{max-width:850px;display:block;margin:10px auto;}
.box #contents {line-height:1.8;font-size:16px;}
.box .other{color:#888;font-size:13px;line-height:30px;}
.other span{margin:0 10px;} .bds_tool {float:right;margin-bottom:5px;}

.box .upnext{margin:20px auto;} .box .upnext a, .box .lists span a{color:#333!important;} .box .up, .box .next{width:50%;display:inline-block;text-align:center;vertical-align:text-top;}
.box .lists span{width:50%;margin:3px 0;display:inline-block;overflow:hidden;vertical-align:text-top;white-space: nowrap;word-break: break-all;text-overflow:ellipsis;}

.box h1 {text-align:center;margin:15px 20px 30px;}
.ui-icon-note{color:#888;}
.tag{margin:10px 0;} .tag a{text-decoration:none}
.tag span{padding: 6px 8px;margin:0 3px;color:#FFF;background:#AAA;font-size:10px;}

.bq{margin-top:15px;}
.main .bq_{min-height:150px;} .bq_ ul a{display:inline-block;}
.bq_ ul li{float:left;background:#BBB;color:#FFF;padding: 6px 8px;margin:6px 5px;font-size:11px;}
.tag span:hover, .bq_ ul li:hover{background:#1E9FFF;cursor:pointer;}

/*==== Tags Show ====*/
.tags .ckd{background:#1E9FFF;}

@media screen and (min-width: 1200px) { /* 桌面屏幕尺寸大于等于 1200px 时执行的样式 */

}
@media screen and (min-width: 992px) and (max-width: 1199px) { /* 桌面屏幕尺寸在 992px 到 1199px 之间时执行的样式 */
	.main .book_r{right:15px}

}
@media screen and (max-width: 767px) { /* 移动屏幕尺寸小于等于 767px 时执行的样式 */
	.main .book_l{margin-right:0;} .main .book_r{display:none}
	.box dl dd img{width:120px;min-height:80px;} .box dl dd:nth-child(2){margin-left:140px;}
	.main .box dl{max-height:118px;overflow:hidden;}
}