@charset "utf-8";
/* ------------------------------------------
* Filename:popup.css
* Author:AltoBiz
------------------------------------------ */

#popup {background: url('../img/member/login_line.png') 0 0 repeat; margin:5px; padding:3px}
#pop_content {background:#fff; position:relative; padding:10px 20px 30px}
#popup a.close {background:url('../img/common/icon_close.png') 0 0 no-repeat; width:18px; height:18px; display:block; text-indent:-9999px; position:absolute; top:28px; right:28px}
#popup h1 {color:#000; font-size:16px; text-align:center; line-height:26px; padding:25px 0}
#popup table {border-right:solid 1px #d9d9d9; margin-bottom:10px}
#popup th, #popup td {border-left:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; border-top:0; line-height:20px}
#popup .left {padding:10px 20px}
#popup .bottom {line-height:27px}
#popup .bottom:after {content:''; display:block; clear:both}
#popup .bottom span {display:block; color:#999; float:left; font-size:12px}
#popup .bottom a.btn {display:block; height:27px; line-height:27px; text-align:center; background:#454545; color:#fff; font-size:12px; font-weight:700; float:right; padding:0 10px}

.popup_subway {}
#popup .popup_subway table {border-right:0}
#popup .popup_subway th, #popup .popup_subway td {border-left:0}
.popup_subway col:nth-child(2) {width:120px}
.popup_subway td strong {color:#0ba1ef}
.popup_subway td strong.excess {color:#f05f5a}

.popup_portal .pop_search {background:url('../img/search/search_bg.png') 0 0 repeat; padding:10px}
.pop_search .box {}
.pop_search .box:after {content:''; display:block; clear:both}
.pop_search select {width:166px; display:block; float:left; line-height:34px; height:34px}
.pop_search input[type="text"] {width:calc(100% - 251px); display:block; float:left; margin:0 5px; line-height:32px; height:32px}
.pop_search .search_btn {width:48px; display:block; float:left; background:url('../img/common/icon_01.png') 11px -34px no-repeat #454545; height:34px; line-height:34px; text-align:center; padding-left:20px; color:#fff; font-weight:700;}

.popup_portal .list {border-top:solid 1px #263252; margin-top:20px; padding-top:20px; font-size:13px}
.popup_portal .list li {position:relative; margin-top:10px; padding:0; line-height:18px}
.popup_portal .list li:after {content:''; display:block; clear:both}
.popup_portal .list li:first-child {margin-top:0}
.popup_portal .list .img {display:block; float:left; width:75px; height:107px; overflow:hidden}
.popup_portal .list .img img {height:107px}
.popup_portal .list dl {display:block; float:left; width:calc(100% - 240px); margin-left:15px}
.popup_portal .list dt {color:#3d628f; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:20px; max-height:40px; width:100%; margin-bottom:5px}
.popup_portal .list strong {position:absolute; top:0; right:-20px; color:#f05f5a; display:block; width:160px; padding-left:10px; padding-right:10px;}
.popup_portal .list strong a {display:block; width:46px; height:28px; text-align:center; line-height:28px; background:#fffcf5; border:solid 1px #cac2b7; color:#776151}

.popup_portal .select_title { font-size:16px; padding-top:20px;}
.popup_portal .possess_title { font-size:14px; padding-top:30px;}
.popup_portal .select_book { margin:0 0 10px 0;}
.popup_portal .dup_check, .process_info, .possess_info { margin:20px 0; border-top: solid 1px #263252;}
.hopeBookSearchComment {background-color: #bbbbbb; font-size:12px;}
.hopeBookPossessedList li {position:relative; margin-top:10px; padding:0 20px; line-height:18px}
.select_book_detail {width:100px; font-weight:bold;}

@media (max-width:760px){
#pop_content {padding:10px 10px 15px}
.popup_portal .pop_search {padding:15px}
.pop_search select {float:none; width:100%}
.pop_search input[type="text"] {width:calc(100% - 80px); margin:5px 5px 0 0}
.pop_search .search_btn {margin-top:5px}
.popup_portal .list li {padding:0}
.popup_portal .list dl {margin-left:5px; width:calc(100% - 160px)}
#popup a.close {top:10px; right:10px}
}