@charset "utf-8";
/*----------------------------------------- content_search.html(期刊編目查詢)*/
#main-content .content ul{width:450px;margin:0 auto 20px;}
#main-content .content ul li{display:block;margin-top:8px;}
#main-content .content ul li select{width:106px;}
#main-content .content ul li input[type="text"]{width:210px;margin:0 5px;}
#main-content .content ul li input[type="checkbox"]{vertical-align:middle;}

/*----------------------------------------- 書目列表*/
.list-book{border-top:1px solid #d9d9d9; padding-top:15px;}
.list-btn{line-height:30px;}
.list-btn .btn-gray{margin-right:3px;}
.list-btn .seq{float:right;}
.list-btn .seq select{width:105px;}
.dao-grey{height:35px; line-height:35px; background:#d1d1d1; color:#2a2a2a; padding:0 15px 0 10px; position:relative; margin:15px 0;
border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;}
.dao-grey input[type="checkbox"]{vertical-align:middle;}
.dao-grey a{color:#2a2a2a;}
.dao-grey span{float:right;}
.book-box{margin-bottom:20px;}
h1.book-title input[type="checkbox"]{vertical-align:middle; margin-right:5px;}
h1.book-title .add-bookcase{height:25px; line-height:25px; color:#FFF; padding:0 10px; float:right; position:relative; margin-top:5px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
h1.book-title .add-bookcase:active{top:1px;}
h1.book-title .open{height:25px; line-height:25px; color:#FFF; float:right; position:relative; margin:5px 0 0 5px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
h1.book-title .open span{background:url(../img/arrow_down.png) no-repeat right 5px center;display:inline-block;padding:0 20px 0 10px;}
h1.book-title .open span:active{position:relative; top:1px;}
.book-content{background:#FFF; padding:10px 10px 10px 33px; position:relative;}
.book-content img.book-img{width:150px; height:200px; border:1px solid #9b9b9b;float:left;}
.book-detail{float:left;padding:5px 10px; width:520px;}
.book-detail p{color:#00344e;line-height:20px; margin-bottom:10px;}
.book-detail p a{color:blue;}
.book-detail p a:hover{text-decoration:underline;}
.count{display:table; color:#00344e;}
.count-row{display:table-row}
.count-title{display:table-cell; text-align:right;}
.count-book{display:table-cell; padding:0 5px;}
.count-text{display:table-cell;}
.book-btn{position:absolute; bottom:10px; right:10px;}
.book-btn .btn-yellow{margin-bottom:10px;}
.star-cs{margin-bottom:5px;}
.no-data{background:#FFF; padding:10px 20px; position:relative;}

/*----------------------------------------- 書目詳細內容頁面*/
.content-book .list-btn{margin:35px 0 20px 0;}
.content-book .list-btn .mode{float:right;}
.content-book .book-content{padding:20px;}
.content-book .book-content-deatil{position:relative;}
.content-book .book-content .read-area{width:352px; float:left;}
.content-book .book-content .read-area div.book-img{width:352px; height:350px; display:table-cell; overflow:hidden; border:1px solid #ccc; text-align:center; vertical-align:middle;}
.content-book .book-content .read-area img.book-img{max-width:350px; width:auto; height:auto; max-height:350px; float:none; border:none;}
.content-book .book-content .read-area .carousel-block{height:71px; border:1px solid #ccc; border-top:none;}								
.content-book .book-detail{width:465px;}
.content-book .book-content .read-area .read-btn{margin-top:10px;}
.content-book .book-content .read-area .read-btn a.btn-enlarge{vertical-align:-7px; margin-left:5px;}
.content-book .book-btn{right:0px; bottom:0px;}
.content-book .dao-grey{background:none; padding:0px; margin:0px;}
.content-book .query{padding:10px;}
.content-book .query a.item{color:blue;}
.content-book .query span{float:right;}
.content-book .query span select{width:100px; margin-right:5px;}
.content-book .book-box .detail-marc{display:none;}
.content-book .comment{margin:20px 0 10px 0;}
.content-book .comment h2{padding:0 10px; height:35px; line-height:35px;}
.content-book .comment .comment-box{padding:15px 15px 0 15px;}
.content-book .comment .comment-box .underline{margin-top:15px;}
.content-book .comment .comment-box img.photo{width:50px; float:left; margin-right:10px;}
.content-book .comment .comment-box .comment-info{float:left;}
.content-book .comment .comment-box .comment-content{margin-top:5px; color:#585858; word-break:break-all;}
.content-book .comment .comment-btn{text-align:center; margin:20px 0;}
.content-book .browse-result{margin-top:20px;}
.content-book .browse-result h3{height:20px; line-height:20px; position:relative; text-align:center; margin-bottom:15px;}
.content-book .browse-result h3 span{position:relative; background:#fff; padding:0 5px;}
.content-book .browse-result .title-line{width:100%; position:absolute; top:10px;}
.content-book .browse-result .slide-book-block{height:160px;}
.content-book .browse-result .slide-book-block a.left{width:37px; height:93px; display:inline-block; background:url(../img/arrow_left.png) no-repeat; margin-top:33px; float:left;}
.content-book .browse-result .slide-book-block a.left:active{position:relative; top:1px;}
.content-book .browse-result .slide-book-block a.leftDisabled{opacity:0.5; cursor:text;}
.content-book .browse-result .slide-book-block a.leftDisabled:active{top:0px;}
.content-book .browse-result .slide-book-block a.right{width:37px; height:93px; display:inline-block; background:url(../img/arrow_right.png) no-repeat; margin-top:33px; float:right;}
.content-book .browse-result .slide-book-block a.right:active{position:relative; top:1px;}
.content-book .browse-result .slide-book-block a.rightDisabled{opacity:0.5; cursor:text;}
.content-book .browse-result .slide-book-block a.rightDisabled:active{top:0px;}
.content-book .browse-result .slide-block{width:720px;float:left;margin-left:23px;position:relative;overflow:hidden;}
.content-book .browse-result .slide-block .slide-books{width:720px; position:relative; left:0px;}
.content-book .browse-result .slide-block .slide-book{width:720px; float:left;}
.content-book .browse-result .slide-block .slide-book img{width:120px; height:160px;}
.content-book .browse-result .slide-block .slide-book a:hover img{opacity:0.8;}