@charset "utf-8"; .dk-toggle-left{display:none !important} input,button{cursor:pointer} i, em, cite{font-style:normal} html, body{background:#f5f5f5} /**/ #callNoPrint{margin:20px} #callNoPrint *{font-size:13px} #callNoPrint .tac{padding:20px 0} #callNoPrint .tac a{display:block;padding:7px 20px 10px 20px;color:#fff;border:1px solid #000;background:#333} #loading{position:absolute;z-index:99999;top:0;left:0;width:100%;height:100%;background:url(../img/loading.gif) no-repeat 50% 50%} #timeCheck{position:fixed;top:100px;left:20px;padding:10px;border:1px solid #aaa;box-shadow:5px 5px 5px rgba(0,0,0,0.2);background:rgba(255,255,255,0.8);display:none} /**/ #mobile{display:none} /**/ #dktop{position:relative;z-index:5;background:#fff} #dktop .dktop{position:relative;margin:0 auto;width:1120px;*zoom:1} #dktop .dktop:before, #dktop .dktop:after{clear:both;display:table;content:"";line-height:0} #dktop .dkzoom{float:left;display:none} #dktop .dkmenu{position:absolute;top:25px;right:0px} #dktop .dkmenu ul{margin-right:-10px} #dktop .dkmenu li{float:left;border-left:0px solid #dfdfdf} #dktop .dkmenu a{display:block;position:relative;padding:5px 10px 0 35px;line-height:35px;font-size:13px;color:#333} #dktop .dkmenu a i{position:absolute;top:9px;left:0;display:block;width:29px;height:29px} #dktop .dkmenu .dk3 i{background:url(../img/ico_home.png) no-repeat 50% 0%} #dktop .dkmenu .dk3:hover i{background:url(../img/ico_home.png) no-repeat 50% 100%} #dktop .dkmenu .dk4 i{background:url(../img/ico_home.png) no-repeat 50% 0%} #dktop .dkmenu .dk4:hover i{background:url(../img/ico_home.png) no-repeat 50% 100%} #dktop .dkmenu .dk5 i{background:url(../img/ico_libary.png) no-repeat 50% 0%} #dktop .dkmenu .dk5:hover i{background:url(../img/ico_libary.png) no-repeat 50% 100%} /**/ #dklogo{position:relative;z-index:2;text-align:left} #dklogo .dklogo{margin:0 auto;width:1120px} #dklogo .dklogo h1 a{display:block;padding:20px 0} /**/ #dkitgnb{margin-bottom:0px;padding:20px 0;background:#fff} #dkitgnb *{font-size:17px;font-weight:700} #dkitgnb .gnb{position:relative;z-index:1;margin:0 auto;width:1120px;text-align:left;*zoom:1} #dkitgnb .gnb:before, #dkitgnb .gnb:after{clear:both;display:table;content:"";line-height:0} #dkitgnb .gnb h1{position:absolute;top:-5px;left:0px} #dkitgnb .gnb h1 a{display:block} #dkitgnb .gnb ul{float:right;margin-right:340px} #dkitgnb .gnb li{float:left} #dkitgnb .gnb li a{display:block;padding:15px 40px;letter-spacing:-1px;color:#333;border-left:0px solid #ccc;border-bottom:3px solid #fff;transition:all 0.25s} #dkitgnb .gnb li a:hover, #dkitgnb .gnb li a.sel{border-bottom:3px solid #bf182c;color:#bf182c} #dkitgnb .gnb .login{position:absolute;top:-70px;right:0;border:0} #dkitgnb .gnb .login a{display:block;padding:5px 0;padding-left:70px;color:#333;border:0;background:url(../img/login.png) no-repeat 45px 0} #dkitgnb .gnb .logout{position:absolute;top:-70px;right:0;padding-left:70px;border:0} #dkitgnb .gnb .logout a{display:block;padding:5px 0;padding-left:70px;color:#333;border:0;background:url(../img/logout.png) no-repeat 45px 0} /**/ #dkitfoot{clear:both;padding:20px 0;background:#f5f5f5} #dkitfoot .dkitfoot{margin:0 auto;padding:40px 0; position:relative;width:1120px} #dkitfoot .dkitfoot h2{position:absolute;top:0px;left:0} #dkitfoot .dkitfoot address{display:block;margin-left:250px;padding:5px 0;font-size:12px;font-style:normal;color:#696969} #dkitfoot .dkitfoot address strong{padding:0 10px} #dkitfoot .dkitfoot p{float:right;position:relative;top:-5px;padding:0;font-size:12px;text-align:left;color:#696969} /**/ #bookSearch{padding:30px 100px;border-bottom:1px solid #777} #bookSearch div{position:relative;border:2px solid #ff6738;background:#fff;border-radius:50px;*zoom:1} #bookSearch div:before, #bookSearch div:after{clear:both;display:table;content:"";line-height:0} #bookSearch div strong{float:left;display:block;padding:0 0 0 17px;width:25%;font-size:12px;color:#2d4594;letter-spacing:-0px} #bookSearch div select{padding:5px;height:36px;border:0;outline:none} #bookSearch div input{float:left;padding:0 5px;width:65%;height:36px;line-height:36px;font-size:12px;color:#333;border:0px solid #fff;background:#fff;outline:none} #bookSearch div input:focus{border:0px solid #e51a24} #bookSearch .btn-search{position:absolute;top:-5px;right:-3px;width:46px;height:46px;border:0;background:#515151 url(../img/btn_search.png) no-repeat 50% 50%;border-radius:50px;cursor:pointer;outline:none;text-indent:-99999em} /**/ #bookSearchGuide{border-top:2px solid #eaeaea;background:#fff} #bookSearchGuide h3{display:none} #bookSearchGuide dl{position:relative;margin-bottom:20px;padding:20px 0 20px 110px;border:1px solid #ccc;border-radius:10px} #bookSearchGuide dt{font-size:17px;font-weight:700;padding-bottom:5px} #bookSearchGuide dd{padding-right:200px} #bookSearchGuide dd strong{position:relative;font-size:12px;font-weight:400;z-index:10} #bookSearchGuide dd span{position:absolute;z-index:0;top:30%;right:5%;font-size:40px;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#eee} #bookSearchGuide .bookSearchGuide{padding:61px 40px} #bookSearchGuide .r1{background:url(../img/hope1.png) no-repeat 20px 50%} #bookSearchGuide .r2{background:url(../img/hope2.png) no-repeat 20px 50%} #bookSearchGuide .r3{background:url(../img/hope3.png) no-repeat 20px 50%} /**/ #bookSearchResult{position:relative;padding:20px;background:#fff} #bookSearchResult h2{font-size:14px;font-weight:400} #bookSearchResult h2 strong{color:#0fb6ac} #bookSearchResult p{display:none} #bookSearchResult fieldset{position:absolute;top:20px;right:20px} #bookSearchResult fieldset .view{padding:0 7px;font-size:12px;color:#fff;border:2px solid #777;background:#777} /**/ #bookSearchList ul{padding:0 20px;border-top:1px solid #777;background:#fff} #bookSearchList li{border-bottom:1px solid #e1e1e1} #bookSearchList li dl{position:relative;padding:0 120px;background:#fff;overflow:hidden} #bookSearchList li dt{position:absolute;top:20px;left:20px} #bookSearchList li dt img{width:70px;height:100px;border:1px solid #909090} #bookSearchList li dd strong{display:block;padding-bottom:10px;font-size:16px} #bookSearchList li dd{padding:20px 20px 20px 0;border-right:1px solid #ccc} #bookSearchList li dd div{padding-bottom:10px;font-size:12px} #bookSearchList li dd p{line-height:18px;font-size:11px} #bookSearchList li dd .entry{position:absolute;top:50%;right:20px;display:block;margin-top:-10px;padding:7px 15px;color:#fff;background:#777;border-radius:5px} /**/ #main{position:relative;padding:30px;background:#fff;overflow:hidden} #main *{font-size:12px} #main .total{position:absolute;top:5px;right:0;olor:#777} #main .total em{padding:0 30px} #main .choice{padding:40px 0} #main .choice ul{border-bottom:2px solid #0eb6ac;*zoom:1} #main .choice ul:before, #main .choice ul:after{clear:both;display:table;content:"";line-height:0} #main .choice li{float:left;position:relative;top:2px;padding-right:2px} #main .choice li a{display:block;padding:0 50px;height:40px;line-height:40px;font-size:15px;font-weight:400;color:#333;text-align:center;border:2px solid #d6d6d6;border-bottom:2px solid #0eb6ac;background:#fff;border-top-left-radius:5px;border-top-right-radius:5px} #main .choice li a.sel{position:relative;z-index:5;padding:0 40px 0 60px;font-weight:800;letter-spacing:0px;color:#0eb6ac;border:2px solid #0eb6ac;border-bottom:2px solid #fff;background:#fff url(../img/m_choice.png) no-repeat 25px 50%} #main .newbook{float:left;width:50%} #main .newbook h2{margin-left:10px;padding:0 0 20px 35px;font-size:16px;background:url(../img/m_newbook.png) no-repeat 0 0} #main .newbook ul{padding:0 40px 0 0;border-right:1px solid #ccc;overflow:hidden} #main .newbook li{float:left;position:relative;width:33.33%;min-height:220px} #main .newbook li dl{padding:20px;text-align:center} #main .newbook li dt{padding-bottom:10px} #main .newbook li dt .new{position:absolute;top:10px;left:30px;display:block;width:32px;height:34px;background:url(../img/ico_m_new.png) no-repeat 50% 50%} #main .newbook li dt a em{display:block;margin:0 auto;width:80px;background:#fff} #main .newbook li dt a em img{display:block} #main .newbook li dt a img{width:80px;border:1px solid #909090} #main .newbook li dd strong{display:block;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #main .newbook li dd span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #main .bestbook{float:left;width:50%} #main .bestbook h2{margin-left:10px;padding:0 0 20px 35px;font-size:16px;background:url(../img/m_bestbook.png) no-repeat 0 0} #main .bestbook ul{padding:0 40px 0 0;overflow:hidden} #main .bestbook li{float:left;position:relative;width:33.33%;min-height:220px} #main .bestbook li dl{padding:20px;text-align:center} #main .bestbook li dt{padding-bottom:10px} #main .bestbook li dt .best{position:absolute;top:10px;left:20px;display:block;width:44px;height:44px;line-height:36px;text-align:center;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:700;color:#fff;background:url(../img/ico_label.png) no-repeat 50% 50%} #main .bestbook li dt a em{display:block;margin:0 auto;width:80px;background:#fff} #main .bestbook li dt a em img{display:block} #main .bestbook li dt a img{width:80px;border:1px solid #909090} #main .bestbook li dd strong{display:block;padding-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #main .bestbook li dd span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #main .synopsis{display:none !important} /**/ #headSearchForm{} #headSearchForm .all{position:absolute;top:15px;right:20px;letter-spacing:-1px} #headSearchForm .all input{position:relative;top:-1px} #headSearchForm .sbopen{position:relative;top:3px;display:inline-block;width:15px;height:15px;background:url(../img/sbopen.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #headSearchForm .option{position:absolute;z-index:20;top:30px;left:0;padding:5px 0;width:220px;max-height:124px;border:1px solid #bbb;background:#fff;overflow:auto;-webkit-overflow-scrolling:touch} #headSearchForm .option ol li a{display:block;padding:0 8px;line-height:20px} #headSearchForm .option ol li a:hover{background:#eee} #headSearchForm .choice{position:absolute;top:10px;right:80px;display:block;padding:2px 12px;text-decoration:none;font-size:12px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius:10px} #headSearchForm .choice:hover, #headSearchForm .choice.sel{color:#fff;border:1px solid #454c5f;background:#454c5f;border-radius:10px} #headSearchForm .clear{position:absolute;top:10px;right:0px;display:block;padding:2px 12px;text-decoration:none;font-size:12px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius:10px} #headSearchForm .clear:hover, #headSearchForm .clear.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .allsel{position:absolute;top:10px;right:20px;display:block;padding:2px 12px;text-decoration:none;font-size:12px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius:10px} #headSearchForm .allsel:hover, #headSearchForm .allsel.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .slear{position:absolute;top:10px;right:100px;display:block;padding:2px 12px;text-decoration:none;font-size:12px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius:10px} #headSearchForm .slear:hover, #headSearchForm .slear.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .sllsel{position:absolute;top:10px;right:20px;display:block;padding:2px 12px;text-decoration:none;font-size:12px;color:#999;border:1px solid #c5c5c5;background:#fff;border-radius:10px} #headSearchForm .sllsel:hover, #headSearchForm .sllsel.sel{color:#fff;border:1px solid #454c5f;background:#454c5f} #headSearchForm .wrapbox{position:relative;padding:20px 30px;background:#fff;display:none} #headSearchForm .selbox{clear:both;position:relative;padding:10px 0;border:0px solid #aaa;border-top:0;border-radius:0px} #headSearchForm .selbox dl{padding:0px;border:0px solid #eee} #headSearchForm .selbox dt{padding:0 0 10px 20px;font-size:13px;font-weight:800;color:#222;letter-spacing:-0px;border-bottom:1px dotted #aaa;background:url("../img/ico_ribbon.png") no-repeat 0 -0px} #headSearchForm .selbox dd{padding:10px 0 0 0} #headSearchForm .selbox ul{*zoom:1} #headSearchForm .selbox ul:before, #headSearchForm .selbox ul:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .selbox ul > li{float:left;position:relative;padding:2px 0;width:25%} #headSearchForm .selbox ul > li.sel a{font-weight:800} #headSearchForm .selbox ul > li label{font-size:13px;font-weight:800;color:#545d68;cursor:pointer} #headSearchForm .selbox ul li em{padding-right:5px;font-weight:400;color:#545d68} #headSearchForm .popbox{position:relative;margin:10px;padding:10px} #headSearchForm .popbox dl{padding:0px;border:0px solid #eee;text-align:center} #headSearchForm .popbox dl{*zoom:1} #headSearchForm .popbox dl:before, #headSearchForm .popbox dl:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .popbox dt{display:inline;padding:3px 10px 3px 20px;height:20px;font-weight:800;background:url("../img/ico_search.png") no-repeat 0 2px} #headSearchForm .popbox dd{display:inline;padding:3px 0;height:20px} #headSearchForm .popbox dd a{padding:0 5px} #headSearchForm .btnbox{clear:both;position:relative;text-align:center;z-index:10} #headSearchForm .wrapOpen{position:relative;z-index:10;;top:-1px;display:block;padding:0 20px;height:35px\9;line-height:35px;font-size:11px;font-weight:800;color:#eee;border-top:0px solid #fff;background:#000;background:rgba(0,0,0,0.2);text-decoration:none} #headSearchForm .wrapOpen i{position:relative;top:8px;margin:0 10px;width:0px;height:0px;border-top:5px solid #eee;border-right:5px solid transparent;border-left:5px solid transparent;text-indent:-9999em;overflow:hidden} #headSearchForm .wrapOpen:hover{color:#fff;background:#d6000f} #headSearchForm .wrapOpen:hover i{border-top:5px solid #fff} #headSearchForm .wrapClose{margin-bottom:20px;position:relative;z-index:10;top:-1px;display:none;padding:0 20px;height:35px\9;line-height:35px;font-size:11px;font-weight:800;color:#eee;border-top:1px solid #ccc;background:#000;background:rgba(0,0,0,0.2);text-decoration:none} #headSearchForm .wrapClose i{position:relative;top:-9px;margin:0 10px;width:0px;height:0px;border-bottom:5px solid #eee;border-right:5px solid transparent;border-left:5px solid transparent;text-indent:-9999em;overflow:hidden} #headSearchForm .wrapClose:hover{color:#fff;background:#d6000f} #headSearchForm .wrapClose:hover i{border-bottom:5px solid #fff} #headSearchForm .allbox{clear:both;padding:5px 0 20px 0;text-align:center;border-bottom:0px solid #aaa} #headSearchForm .allbox fieldset{display:inline;position:relative} #headSearchForm .allbox .result{position:absolute;top:15px;left:-100px;letter-spacing:-1px} #headSearchForm .allbox .result input{position:relative;top:-1px} #headSearchForm .allbox .result label{font-weight:700;letter-spacing:-2px;color:#fff} #headSearchForm .allbox .result label:before{top:0px;border:0} #headSearchForm .allbox .search{float:left;display:block;position:relative;margin-right:5px;padding:0 5px;width:380px;height:49px;.height:41px;()height:41px;border:4px solid #d6000f;background:#fff;border-radius:50px} #headSearchForm .allbox .search .input{margin:0 15% 0 0;padding:0 4%;*zoom:1} #headSearchForm .allbox .search .input:before, #headSearchForm .allbox .search .input:after{clear:both;display:table;content:"";line-height:0} #headSearchForm .allbox .search .input select{float:left;position:relative\9;.top:10px;()top:10px;display:block;padding:10px 5px;padding:10px 5px;width:25%;height:41px;font-size:14px;color:#333;border:0 !important;outline:none} #headSearchForm .allbox .search .input input{float:left;width:75%;height:41px;line-height:41px;font-size:14px;color:#333;border:0;text-indent:5px;background:#fff;outline:none} #headSearchForm .allbox .search .input input:focus{border:0px solid #e51a24} #headSearchForm .allbox .btn-search{position:absolute;top:-7px;right:-5px;width:54px;height:54px;border:0;background:#000 url(../img/btn_search.png) no-repeat 50% 50%;border-radius:50px;cursor:pointer;outline:none;text-indent:-99999em} #headSearchForm .allbox .btn-desearch{float:left;display:block;margin-right:5px;padding:0 20px;line-height:46px;font-size:16px;font-weight:800;color:#696969;border:0px solid #ccc;background:#fff;border-radius:50px} #headSearchForm .allbox .btn-desearch:hover{color:#333;border:0px solid #333} #headSearchForm .allbox .btn-research{float:left;display:block;padding:0 30px;line-height:46px;color:#999;border:0px solid #ccc;background:#fff url("../img/keyboard.png") no-repeat 50% 40%;border-radius:50px;overflow:hidden;text-indent:-99999em} #headSearchForm .allbox .btn-research:hover{border:0px solid #333} /**/ #autoComplete{position:absolute;z-index:9999;top:2px;left:50%;margin:0 0 0 -293px;border:1px solid #2d4594;background:#fff;overflow:hidden} #autoComplete .keyword{float:left;padding:10px;width:281px;width:301px\9} #autoComplete .keyword ul{height:200px;overflow:hidden;overflow-y:scroll} #autoComplete .keyword li a{display:block;line-height:20px;color:#7b7b7b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .keyword li a:hover, #autoComplete .keyword li a.sel{background:#e3edf5} #autoComplete .keyword li a strong{color:#324584} #autoComplete .thumbnail{float:left;width:283px;border-left:1px solid #c3ccd4} #autoComplete .list{position:relative;padding:30px 0 0 0;height:200px;color:#555;border-bottom:0px dotted #aaa} #autoComplete .list dl{position:relative;padding:0px 15px;height:150px;text-align:left !important} #autoComplete .list dt{position:absolute;top:40px;left:15px} #autoComplete .list dt .label{position:absolute;top:-3px;left:5px} #autoComplete .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #autoComplete .list dd div > strong{position:relative;top:0px;padding:0 5px 0 25px;font-weight:800;color:#999;border-right:1px solid #ccc} #autoComplete .list dd div > strong span{font-size:11px} #autoComplete .list dd div span strong{color:#324584} #autoComplete .list dd div *{font-size:12px;font-weight:800;letter-spacing:-1px} #autoComplete .list dd .ico{padding:5px 0;height:15px;background:url('../img/ico_books.png') no-repeat 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .list dd .ico-bo{background-position:0 -0px} #autoComplete .list dd .ico-eb{background-position:0 -25px} #autoComplete .list dd .ico-ab{background-position:0 -50px} #autoComplete .list dd .ico-dv{background-position:0 -75px} #autoComplete .list ul{padding:15px 0 5px 90px} #autoComplete .list ul li{padding:2px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #autoComplete .list ul li strong{display:inline-block;width:70px;font-weight:400} #autoComplete .list ul li em{color:#ccc} #autoComplete .list ol{ padding:0 0 0 30px;overflow:hidden} #autoComplete .list ol li{float:left;overflow:hidden} #autoComplete .list ol li strong{float:left;display:block;margin:0 5px 0 0;padding:5px 0;width:80px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #autoComplete .list ol li a{display:block;margin-bottom:5px;padding:5px 0;width:120px;font-weight:800;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #autoComplete .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #autoComplete .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #autoComplete .list .blue{color:#2d4594} #autoComplete .list .yellow{color:#aa6e39} #autoComplete .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #autoComplete .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #autoComplete .list .print a:hover{color:#777} /**/ #container{background:#6a5e4b url('../img/bg.png') no-repeat 50% 0%;background-size:100% auto;*zoom:1} #container:before, #container:after{clear:both;display:table;content:"";line-height:0} #container .container{margin:0 auto;padding:30px 0;width:1120px;*zoom:1} #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .dkitcontain{} #container .dkitcontain .widget{float:left} #container .standard{position:relative;background:#fff} #container .keywords{display:none} #container input[type=checkbox]{display:none;display:inline-block\9} #container input[type=checkbox]+ label{display:inline-block;position:relative;padding:0 0 0 23px;padding:0\9;margin-right:10px;font-size:13px;cursor:pointer} #container input[type=checkbox]+ label:before{content:"";display:inline-block;display:none\9;position:relative;top:-1px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:0} #container input[type=checkbox]:checked + label:before{content:"\2713";font-size:12px;font-weight:800;color:#000;background:#fff;text-align:center;line-height:16px} #container input[type=radio]{display:none;display:inline-block\9} #container input[type=radio]+ label{display:inline-block;position:relative;padding:0 0 0 23px;padding:0\9;margin-right:10px;font-size:13px;cursor:pointer} #container input[type=radio]+ label:before{content:"";display:inline-block;display:none\9;position:relative;top:-1px;width:16px;height:16px;margin-right:10px;position:absolute;left:0;bottom:4px;border:1px solid #c4c4c4;background:#fff;border-radius:20px} #container input[type=radio]:checked + label:before{content:"\2022";font-size:15px;font-weight:800;color:#000;background:#fff;text-align:center;line-height:16px} #container .nocontent{clear:both;padding:240px 0 100px 0;font-size:16px !important;font-weight:400;color:#777;text-align:center;border-bottom:1px solid #ccc;background:url(../img/nocontent.png) no-repeat 50% 43%} #searchDataList{background:#fff} #container .title{padding:0 20px} #container .title h2{padding:20px 0 20px 45px;font-size:15px;font-weight:700;letter-spacing:-2px;color:#333;background:url(../img/search_title.png) no-repeat 0 50%} #container .title h2.new{background:url(../img/new_title.png) no-repeat 0 18px} #container .title h2.loan{background:url(../img/loan_title.png) no-repeat 5px 15px} #container .title h2 em{padding:0 5px;font-weight:400} #container .settype{position:relative;z-index:1;padding:10px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f0f0f0} #container .settype:before, #container .settype:after{clear:both;display:table;content:"";line-height:0} #container .settype h3{position:absolute;z-index:2;top:-38px;right:20px;padding:0 0 0 20px;font-size:12px;font-weight:700;color:#555;background:url(../img/search_num.png) no-repeat 0 1px} #container .settype ul{float:right;position:relative;z-index:3;overflow:hidden} #container .settype ul li{float:left} #container .settype ul li a{display:block;margin:0 0 0 5px;padding:5px 20px;font-size:12px;font-weight:700;text-align:center;color:#405a89;border:1px solid #809ec3;background:#dbebff} #container .settype ul li a:hover{border:1px solid #3d4f8b;background:#fff} #container .settype fieldset{position:relative;z-index:3;overflow:hidden} #container .settype fieldset *{font-size:13px;line-height:25px} #container .settype fieldset select{float:left;margin-right:5px;height:25px;border:1px solid #dbdbdb;background:#fff} #container .settype fieldset strong{float:left;margin-right:10px;padding-left:5px} #container .settype fieldset span{float:left;margin-right:10px;color:#888} #container .settype fieldset .t_text{float:left;position:relative;margin-right:5px;padding:0 3px;height:23px;line-height:23px;font-weight:800;border:1px solid #ccc} #container .settype fieldset .btn{float:left;position:relative;top:-0px;margin-right:5px;padding:0 10px;height:25px;color:#fff;border:0px solid #111;background:#111} #container .settype fieldset a{float:left;display:block;margin-right:5px;width:25px;height:25px;border:1px solid #ccc;text-indent:-99999em;overflow:hidden} #container .settype fieldset .c1{background:#fff url('../img/type1.png') no-repeat -0px -0px} #container .settype fieldset .c1sel{background:#fff url('../img/type1.png') no-repeat -0px -25px} #container .settype fieldset .c2{background:#fff url('../img/type2.png') no-repeat -0px -0px} #container .settype fieldset .c2sel{background:#fff url('../img/type2.png') no-repeat -0px -25px} #container .settype .all{float:left;padding:5px} #container .setred{border-top:2px solid #333333;border-bottom:1px solid #ccc;background:#f0f4f8} #container .settype .type{position:absolute;top:10px;right:15px;overflow:hidden} #container .settype .type a{float:left;display:block;margin-right:5px;width:25px;height:25px;border:0;background:#fff url('../img/type.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #container .settype .type .c1{background-position:-0px -0px} #container .settype .type .c1sel{background-position:-0px -25px} #container .settype .type .c2{background-position:-25px -0px} #container .settype .type .c2sel{background-position:-25px -25px} /**/ #sub{padding:20px} #sub *{font-size:12px} /**/ #dkitsub{} /**/ #category{float:left;padding:20px 0;width:200px;display:none} #category .widget{margin-bottom:0px} #category .widget h3{padding:7px 12px;font-size:15px;letter-spacing:-0px} #category .widget ul{padding:10px 15px} #category .widget ul li a{display:block;padding:2px 0;color:#777} #category .widget ul li.sel a{font-weight:800;color:#23377b} #category .widget ul li.on a{font-weight:800;color:#23377b} #category .widget .list{padding:10px 15px} #category .widget .list div a{display:block;padding:3px 0;color:#777} #category .widget .list div.sel a{font-weight:800;color:#23377b} #category .widget .list div.on a{font-weight:800;color:#23377b} #category .widget .list > a{display:block;padding:0 0 10px 0;font-size:15px;font-weight:700} #category .widget .list.sel > a{} #category .widget ol{padding:10px 10px 0 10px;*zoom:1} #category .widget ol:before, #category .widget ol:after{clear:both;display:table;content:"";line-height:0} #category .widget ol li{float:left;width:33.33%} #category .widget ol li a{display:block;margin-right:1px;padding:5px 0;letter-spacing:-1px;text-align:center;border:1px solid #dadada;border-bottom:1px solid #cbcbcb;background:#f2f2f2} #category .widget ol li a.sel{border:1px solid #cbcbcb;border-bottom:1px solid #fff;background:#fff} #category .ddc{border-top:1px solid #c1c1c1;border-bottom:0} #category .ddc h3{color:#333333;border-bottom:0px solid #c1c1c1;background:#fafafa} #category .ddc:last-child{border-bottom:1px solid #c1c1c1} #category .mdc{border-top:1px solid #c1c1c1;border-bottom:0} #category .mdc h3{color:#333333;border-bottom:0px solid #c1c1c1;background:#fafafa} #category .mdc:last-child{border-bottom:1px solid #c1c1c1} #category .sdc{margin-bottom:20px;border:1px solid #333333} #category .sdc h3{color:#fff;border-bottom:1px solid #333333;background:#333333} #category .kdc{border:1px solid #0f6cd3} #category .kdc h3{color:#fff;border-bottom:1px solid #0f6cd3;background:#0f6cd3} #category .kdc .list div a{display:block;padding:2px 0;color:#777} #category .kdc .list div.sel a{font-weight:800;color:#23377b} #category .ndc{border:1px solid #dadada} #category .ndc h3{color:#333333;border-bottom:1px solid #fff} #category .bdc{border:1px solid #dadada} #category .bdc h3{color:#333333;border-bottom:1px solid #fff} #category .bdc ul{padding:10px 13px} #category .bdc ul li a{position:relative;padding:5px 35px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #category .bdc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #category .bdc ul li a span{position:absolute;top:3px;right:0;display:block;padding:3px 0;font-size:9px;font-weight:700;font-family:Tahoma, Geneva, sans-serif} #category .bdc ul li a span span{display:none} #category .bdc ul li a .up{padding-left:10px;color:#f54f4f;background:url(../img/ico_up.png) no-repeat 0 50%} #category .bdc ul li a .dw{padding-left:10px;color:#1d5fe1;background:url(../img/ico_dw.png) no-repeat 0 50%} #category .bdc ul li a .new{color:#f54f4f} #category .wdc{border-top:1px solid #c1c1c1;border-bottom:0} #category .wdc h3{border-bottom:0px solid #c1c1c1;background:#f8f8f8} #category .wdc h3 a{font-size:13px;color:#333} #category .wdc:last-child{border-bottom:1px solid #c1c1c1} #category .more_op{display:block;margin:10px 0;padding:6px 0 !important;font-size:12px !important;text-align:center;color:#777;border:1px solid #ccc;background:#fff} #category .more_op em{display:inline-block;width:20px;height:10px;background:url(../img/ico_op.png) no-repeat 0 40%} #category .more_cs{display:block;margin:10px 0;padding:6px 0 !important;font-size:12px !important;text-align:center;color:#777;border:1px solid #ccc;background:#fff} #category .more_cs em{display:inline-block;width:20px;height:10px;background:url(../img/ico_cs.png) no-repeat 0 40%} /**/ #aside{position:absolute;top:20px;right:0;width:200px;display:none} #aside .widget{margin-bottom:10px} #aside .widget h3{padding:10px;font-size:15px;letter-spacing:-0px} #aside .widget ul{padding:10px} #aside .widget ul li{position:relative} #aside .widget ul li a{display:block;padding:2px 0} #aside .widget ul li a:hover{color:#000} #aside .widget ol{padding:10px 10px 0 10px;*zoom:1} #aside .widget ol:before, #aside .widget ol:after{clear:both;display:table;content:"";line-height:0} #aside .widget ol li{float:left;width:33.33%} #aside .widget ol li a{display:block;margin-right:1px;padding:5px 0;letter-spacing:-1px;text-align:center;border:1px solid #dadada;border-bottom:1px solid #cbcbcb;background:#f2f2f2} #aside .widget ol li a.sel{border:1px solid #cbcbcb;border-bottom:1px solid #fff;background:#fff} #aside .sdc{border:1px solid #333333} #aside .sdc h3{color:#fff;border-bottom:1px solid #333333;background:#333333} #aside .kdc{border:1px solid #0f6cd3} #aside .kdc h3{color:#fff;border-bottom:1px solid #0f6cd3;background:#0f6cd3} #aside .ndc{border:1px solid #dadada} #aside .ndc h3{color:#333333;border-bottom:1px solid #fff} #aside .ndc ul{margin:10px;padding:0;/*height:120px;overflow:hidden;overflow-y:auto*/} #aside .ndc ul li a{padding:5px 5px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #aside .ndc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #aside .cdc{border:1px solid #dadada} #aside .cdc h3{color:#333333;border-bottom:1px solid #fff} #aside .cdc ul li a{padding:5px 5px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #aside .cdc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #aside .bdc{border:1px solid #dadada} #aside .bdc h3{color:#333333;border-bottom:1px solid #fff} #aside .bdc ul{padding:10px 13px} #aside .bdc ul li a{position:relative;padding:5px 35px 5px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #aside .bdc ul li a em{position:absolute;top:1px;left:0;display:block;padding:3px 0;width:18px;font-size:10px;font-weight:700;font-family:Tahoma, Geneva, sans-serif;text-align:center;border:1px solid #ccc} #aside .bdc ul li a span{position:absolute;top:3px;right:0;display:block;padding:3px 0;font-size:9px;font-weight:700;font-family:Tahoma, Geneva, sans-serif} #aside .bdc ul li a span span{display:none} #aside .bdc ul li a .up{padding-left:10px;color:#f54f4f;background:url(../img/ico_up.png) no-repeat 0 50%} #aside .bdc ul li a .dw{padding-left:10px;color:#1d5fe1;background:url(../img/ico_dw.png) no-repeat 0 50%} #aside .bdc ul li a .new{color:#f54f4f} /**/ #simpleSearch{position:relative} #simpleSearch .bdc{display:none} #simpleSearch .simpleSearch{padding:20px 230px 20px 0;overflow:hidden} #simpleSearch .widget{margin-bottom:20px} #simpleSearch .title h2{padding:15px 20px;font-size:16px;letter-spacing:-0px;color:#333333;background:url(../img/ico_bullet2.png) no-repeat 0 50%} #simpleSearch .title h2 em{padding:0 5px;font-weight:400} #simpleSearch .list{overflow:hidden} #simpleSearch .list dl{float:left;padding:10px 0 30px 0;width:20%} #simpleSearch .list dt .image{margin:0 auto;padding:1px 10px;width:100px;height:120px;text-align:center;background:url('../img/img_mini_book.png') no-repeat 50% 0} #simpleSearch .list dt .image em{display:block;margin:0 auto;padding:0;width:80px;height:110px;background:url('../img/img_no_book.png') no-repeat 50% 50%;text-indent:-9999em;overflow:hidden} #simpleSearch .list dt .image img{width:80px;height:110px} #simpleSearch .list dd a{display:block;padding:10px;font-size:12px;color:#000;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #simpleSearch .list dd p{padding:0 10px;color:#777;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #simpleSearch .txt{margin-bottom:20px;padding:20px;line-height:20px;color:#555;border:1px solid #ccc} #simpleSearch .txt h2{font-size:15px;letter-spacing:-0px;color:#555} #simpleSearch .txt p{font-size:11px} #simpleSearch .table{clear:both;margin-bottom:30px;position:relative;border-top:1px solid #666} #simpleSearch .table table{clear:both;width:100%;border-top:1px solid #666 !important;border-bottom:1px solid #666 !important;table-layout:fixed} #simpleSearch .table table td{border:1px solid #ddd;padding:10px;text-align:left;line-height:20px;font-weight:normal;line-height:20px} #simpleSearch .table table td a{text-align:left;padding-left:6px} #simpleSearch .table table thead th{padding:15px 0;border:1px solid #ddd;border-top:none;border-bottom:1px solid #666;background:#fbfbfb} #simpleSearch .table table thead th:first-child{border-left:none} #simpleSearch .table table thead th:last-child{border-right:none} #simpleSearch .table table tbody th{padding:10px 0;border:1px solid #ddd;border-top:none;border-left:none;background-color:#fbfbfb} #simpleSearch .table table tbody th span{display:block;margin:0 auto;padding:5px 10px;width:60px;font-size:12px;color:#405a89;border:1px solid #809ec3;background:#dbebff} #simpleSearch .table table tbody tr:first-child td{border-top:none} #simpleSearch .table table tbody td:first-child{border-left:none} #simpleSearch .table table tbody td:last-child{border-right:none} /**/ #bestlist{position:relative;} #bestlist .besthead{border:0px solid #ccc;border-top:0;background:#f3f3f3;overflow:hidden;} #bestlist .besthead .thumb{float:left;width:20%;height:200px} #bestlist .besthead .thumb div{position:relative;padding:20px 10px;text-align:center} #bestlist .besthead .thumb a img{width:82px;height:112px;border:1px solid #aaa;box-shadow:3px 3px 0px rgba(0,0,0,0.1)} #bestlist .besthead .thumb p{padding:10px 0} #bestlist .besthead .thumb p strong{display:block;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #bestlist .besthead .thumb p span{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #bestlist .besthead .thumb .label{position:absolute;top:16px;left:50%;margin-left:-60px;padding:8px 0;width:38px;height:38px;font-size:12px;font-family:Arial;font-weight:800;text-align:center;color:#fff;background:url(../img/ico_label.png) no-repeat 0 0} #bestlist .bestbody{border:0px solid #ccc;border-top:0;background:#fefefe;overflow:hidden} #bestlist .bestbody > div{float:left;width:50%;border-bottom:1px solid #eee} #bestlist .bestbody dl{position:relative;margin:0px;padding:20px 10px; border:0px solid #ccc;background:#fff;overflow:hidden;} #bestlist .bestbody dt{position:absolute;top:25px;left:30px} #bestlist .bestbody dt a img{border:1px solid #ccc} #bestlist .bestbody dt .label{position:absolute;top:-3px;left:-10px;padding:8px 0;width:38px;height:38px;font-size:12px;font-family:Arial;font-weight:800;text-align:center;color:#fff;background:url(../img/ico_label.png) no-repeat 0 0} #bestlist .bestbody dt .ribbon{position:absolute;top:-3px;left:15px;display:none} #bestlist .bestbody dd{padding-left:120px} #bestlist .bestbody dd div{padding:5px 0} #bestlist .bestbody dd div a{display:block;font-weight:800;font-size:12px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #bestlist .bestbody dd li{display:block;padding:2px 0;font-size: 12px;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #bestlist .bestbody dd li strong{padding-right:5px;font-weight:400;letter-spacing:-1px;color:#777} #bestlist .bestbody dd li a{display:block;padding:5px 0;color:#333;font-weight:800} /**/ #searchDataList .searchTabmenu{margin:30px 1px 10px 1px;border-bottom:2px solid #eaeaea} #searchDataList .searchTabmenu ul{height:36px;border-bottom:1px solid #2d4594;*zoom:1} #searchDataList .searchTabmenu ul:before, #searchDataList .searchTabmenu ul:after{clear:both;display:table;content:"";line-height:0} #searchDataList .searchTabmenu ul li{float:left} #searchDataList .searchTabmenu ul li a{display:block;position:relative;z-index:5;margin-left:-1px;padding:10px 20px 10px 30px;height:14px;font-weight:800;color:#696969;border:1px solid #bababa;border-bottom:0;background:#fff} #searchDataList .searchTabmenu ul li a span{font-weight:400;color:#aa6e39} #searchDataList .searchTabmenu ul li a:hover{position:relative;z-index:10;top:-1px;color:#fff;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:1px solid #2d4594;background:#2d4594;background-image:none} #searchDataList .searchTabmenu ul li a:hover span{color:#fff} #searchDataList .searchTabmenu ul li.on a{position:relative;z-index:10;top:-1px;color:#2d4594;border:1px solid #2d4594;border-top:2px solid #2d4594;border-bottom:4px solid #fff;background:#fff url('../img/ico_dot.png') no-repeat 18px 13px} #searchDataList .searchTabmenu ul li.on a:hover span{color:#aa6e39} /**/ #searchDataList .setting{line-height:20px;padding:10px 0;overflow:hidden;*zoom:1} #searchDataList .setting:before, #searchDataList .setting:after{clear:both;display:table;content:"";line-height:0} #searchDataList .setting h3{float:left;font-size:12px;font-weight:400} #searchDataList .setting fieldset{float:right} #searchDataList .setting fieldset strong{padding-left:5px;font-size:12px} #searchDataList .setting fieldset select{padding:1px 3px;font-size:12px;border:1px solid #dbdbdb} #searchDataList .setting fieldset span{padding:0 5px 0 0;letter-spacing:-1px;color:#888} #searchDataList .setting fieldset .t_text{padding:2px 0;text-align:center;font-weight:800;border:1px solid #ccc} #searchDataList .setting fieldset .btn{padding:2px 10px;color:#fff;border:1px solid #111;background:#333} /**/ #searchBookList *{font-size:12px} #searchBookList{background:#fff} #searchBookList .btngroup{padding:10px 0;overflow:hidden} #searchBookList .btngroup .button{float:right} #searchBookList .btngroup .button input{position:relative;top:-19px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat;text-indent:-9999em;overflow:hidden} #searchBookList .btngroup .button a{display:inline-block;width:140px;height:43px;background-image:url('../img/btn_interest.png');background-repeat:no-repeat;text-indent:-9999em;overflow:hidden} #searchBookList .btngroup .button .btn-excel{background-position:-0px -0px} #searchBookList .btngroup .button .btn-excel:hover{background-position:-0px -43px} #searchBookList .btngroup .button .btn-excel1{width:170px;background-position:-560px -0px} #searchBookList .btngroup .button .btn-excel1:hover{background-position:-560px -43px} #searchBookList .btngroup .button .btn-excel2{width:170px;background-position:-730px -0px} #searchBookList .btngroup .button .btn-excel2:hover{background-position:-730px -43px} #searchBookList .btngroup .button .btn-pack{background-position:-140px -0px} #searchBookList .btngroup .button .btn-pack:hover{background-position:-140px -43px} #searchBookList .btngroup .button .btn-list{background-position:-280px -0px} #searchBookList .btngroup .button .btn-list:hover{background-position:-280px -43px} #searchBookList .btngroup .enbloc{float:left;padding:7px 0 0 0} #searchBookList .btngroup .enbloc button{padding:0 10px;height:25px;font-weight:800;letter-spacing:-1px;color:#fff;background:#777} #searchBookList .btngroup .enbloc button.exel{height:33px;color:#3b873b;border:1px solid #ccc;background:#fff} #searchBookList .btngroup .enbloc a{display:inline-block;padding:7px 10px;font-weight:800;letter-spacing:-1px;border:1px solid #ccc;background:#fff} #searchBookList .btngroup .enbloc .exel{color:#3b873b} #searchBookList .btngroup .enbloc .total{color:#366212} #searchBookList .btngroup .enbloc .del{color:#777} /**/ #searchBookList .hope_tip{position:relative} #searchBookList .hope_tip img.tip01{position:absolute;left:0;bottom:0} #searchBookList .hope_tip img.tip02{position:absolute;right:0;bottom:0} #searchBookList h2{float:left;font-size:14px;padding:5px 0 10px 0} #searchBookList .top_box{clear:both;border-top:2px solid #7d7067;background-color:#f9f8e8;padding:9px 0;overflow:hidden;border-bottom:2px solid #e4e4da;height:24px} #searchBookList .result{float:left} #searchBookList .result .list_check{margin:6px 20px 0} #searchBookList .result .title{color:#373737;font-weight:800} #searchBookList .align{float:right} #searchBookList .align select{width:65px;height:19px;float:left;margin-right:3px;border:1px solid #d3d3d3} #searchBookList .top_box select{height:20px;border:1px solid #d3d3d3;vertical-align:middle} #searchBookList .top_box .align_cate{float:left} #searchBookList .top_box .align_cate select{float:left;margin-right:3px} #searchBookList .top_box .date{float:right;padding-right:14px;height:24px} #searchBookList .top_box .date select{margin-right:3px;float:left} #searchBookList .top_box .topic{float:right} #searchBookList .top_box .topic select{width:220px;margin-right:3px} #searchBookList .event{width:923px;margin:20px 15px;border:5px solid #f1f1f1} /**/ #searchBookList .listCheck{position:absolute;z-index:10;top:20px;left:10px} #searchBookList .divList{margin:0 -20px;padding:10px 0;*zoom:1} #searchBookList .divList:before, #searchBookList .divList:after{clear:both;display:table;content:"";line-height:0} #searchBookList .divList .list{float:left;position:relative;width:50%} #searchBookList .divList .list dl{margin:0 20px;padding:13px 0 13px 130px;height:160px;border-bottom:1px solid #eee} #searchBookList .divList .list dt{position:absolute;top:15px;left:50px;display:block;border:1px solid #ccc;box-shadow:2px 2px 0px #e8e8e8} #searchBookList .divList .list dt img{display:block} #searchBookList .divList .list dt a{display:block} #searchBookList .divList .list dt a img{width:80px;height:114px} #searchBookList .divList .list dt a em{display:block;width:80px;height:114px;border:0px solid #e1e1e1;background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-bk{background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-eb{background:#fff url(../img/no_eb.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-ab{background:#fff url(../img/no_ab.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-dv{background:#fff url(../img/no_dv.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-se{background:#fff url(../img/no_se.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-cd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-dd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt a .no-tp{background:#fff url(../img/no-tp.png) no-repeat 50% 50%;background-size:cover} #searchBookList .divList .list dt .label{position:absolute;top:-3px;left:5px} #searchBookList .divList .list dt .label-ab{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_audio.png) no-repeat} #searchBookList .divList .list dt .label-ab img{display:none !important} #searchBookList .divList .list dt .label-dv{top:50%;left:50%;display:block;margin:-26px 0 0 -26px;width:52px;height:52px;background:url(../img/label_dvd.png) no-repeat} #searchBookList .divList .list dt .label-dv img{display:none !important} #searchBookList .divList .list dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchBookList .divList .list dd div strong{position:relative;padding:0 5px 0 25px;font-size:10px;font-weight:800;color:#999;border-right:0px solid #ccc} #searchBookList .divList .list dd div a{font-size:15px;letter-spacing:-1px;font-weight:800} #searchBookList .divList .list dd div a span{font-size:15px;color:#e35000} #searchBookList .divList .list dd .ico{background:url('../img/ico_books.png') no-repeat 0 -2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #searchBookList .divList .list dd .ico-bo{background-position:0 -0px} #searchBookList .divList .list dd .ico-eb{background-position:0 -25px} #searchBookList .divList .list dd .ico-ab{background-position:0 -50px} #searchBookList .divList .list dd .ico-dv{background-position:0 -75px} #searchBookList .divList .list ul{padding:3px 5px} #searchBookList .divList .list ul li{padding:2px 0;font-size:13px;color:#555} #searchBookList .divList .list ul li strong{font-size:13px;font-weight:400;color:#888} #searchBookList .divList .list ul li span{color:#e35000} #searchBookList .divList .list ul li em{padding:0 3px;color:#ccc} #searchBookList .divList .list ol{padding:0 5px;overflow:hidden} #searchBookList .divList .list ol li{float:left;padding-right:5px} #searchBookList .divList .list ol li strong{display:block;margin-bottom:2px;padding:2px 10px;font-size:13px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #searchBookList .divList .list ol li a{display:block;margin-bottom:2px;padding:2px 10px;font-size:13px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #searchBookList .divList .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #searchBookList .divList .list .label{position:absolute;z-index:11;top:5px;left:20px} #searchBookList .divList .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchBookList .divList .list .blue{color:#2d4594} #searchBookList .divList .list .yellow{color:#aa6e39} #searchBookList .divList .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #searchBookList .divList .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #searchBookList .divList .list .print a:hover{color:#777} /**/ #searchBookList .webList{position:relative;padding:30px 0 30px 0;border-bottom:1px solid #ccc} #searchBookList .webList:first-child{padding-top:0} #searchBookList .webList h3{padding-bottom:20px;font-size:15px} #searchBookList .webList h3 em{padding:0 5px;font-size:12px;font-weight:400;color:#999} #searchBookList .webList ul{padding:0 20px;overflow:hidden} #searchBookList .webList ul li{float:left;padding:4px 10px 4px 0;color:#555} #searchBookList .webList ul li strong{padding:0 5px 0 0;font-weight:400;color:#888} #searchBookList .webList ul li em{padding:0 5px;font-size:12px;color:#999} #searchBookList .webList .radio{position:absolute;top:10px;right:10px} #searchBookList .webList .radio label{padding-right:10px} #searchBookList .webList .list{clear:both;padding:0 20px 30px 20px;position:relative;overflow:hidden} #searchBookList .webList .list:before, #searchBookList .webList .list:after{clear:both;display:table;content:"";line-height:0} #searchBookList .webList .list dt{float:left;margin-right:20px} #searchBookList .webList .list dd{line-height:19px;font-size:12px;text-align:justify} #searchBookList .webList .list dd a{display:block;padding-bottom:5px;line-height:19px;font-size:13px;color:#00c;text-decoration:underline} #searchBookList .webList .list ol{position:absolute;top:130px;left:140px;overflow:hidden} #searchBookList .webList .list ol li{float:left;padding-right:10px} #searchBookList .webList .list ol li strong{display:block;margin-bottom:5px;padding:5px 0;width:100px;letter-spacing:-1px;text-align:center;color:#747d9d;border:1px solid #8993b3;background:#fff} #searchBookList .webList .list ol li a{display:block;margin-bottom:5px;padding:5px 0;width:120px;font-weight:800;letter-spacing:-1px;text-align:center;color:#fff;border:1px solid #23377b;background:#2d4594} #searchBookList .webList .list ol li a:hover{border:1px solid #3d4f8b;background:#465ba1} #searchBookList .webList .list .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchBookList .webList .list .blue{color:#2d4594} #searchBookList .webList .list .yellow{color:#aa6e39} #searchBookList .webList .list .print{position:absolute;bottom:5px;right:20px;padding:0 0 0 5px} #searchBookList .webList .list .print a{display:block;padding:0 0 0 27px;height:25px;line-height:25px;letter-spacing:-1px;color:#aaa;background:url('../img/ico_books.png') no-repeat 0 -100px} #searchBookList .webList .list .print a:hover{color:#777} #searchBookList .webList .more{float:right;display:block;padding:5px 20px;font-size:13px;color:#333;text-decoration:underline} #searchBookList .webList .more em{color:#F00;text-decoration:none} /**/ #searchBookList .tableList table{width:100%;border-collapse:collapse} #searchBookList .tableList th{padding:10px 5px;color:#555;border-bottom:1px solid #e4e4da} #searchBookList .tableList td{padding:10px 5px;line-height:18px;color:#777;text-align:center;border-bottom:1px solid #d3d3d3} #searchBookList .tableList td strong{display:block;letter-spacing:-1px} #searchBookList .tableList td span{letter-spacing:-1px} #searchBookList .tableList td div{position:relative;padding:0 0 0 25px} #searchBookList .tableList td div input{position:absolute;top:2px;left:5px;margin:0;padding:0} #searchBookList .tableList td div a{font-weight:800} #searchBookList .tableList td div span{font-size:12px} #searchBookList .tableList .label{position:absolute;top:-10px;left:0px} #searchBookList .tableList .tal{padding-left:10px;text-align:left} #searchBookList .tableList .btn{display:inline-block;padding:3px 8px;font-weight:800;letter-spacing:-1px;border:1px solid #ccc} #searchBookList .tableList .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;letter-spacing:-0px;color:#555;border:1px solid #ccc;background:#f3f3f3 url('../img/ico_books.png') no-repeat 5px -102px} #searchBookList .tableList .blue{letter-spacing:-1px;color:#2d4594} #searchBookList .tableList .yellow{color:#aa6e39} /**/ #searchBookList .not_found{padding:20px 15px;width:470px;margin:0 auto} #searchBookList .not_found .title{font-size:14px;margin-bottom:10px} #searchBookList .not_found ul{} #searchBookList .not_found ul li{background:url(../img/common/icon01.gif) no-repeat left 5px;color:#858585;padding-left:8px;margin-bottom:3px;text-align:left} #searchBookList .data_info .data_detail h3 p.icon_bg{background:url(../img/book/icon_bg.jpg) no-repeat left top;width:58px;height:17px;font-weight:800;overflow:hidden;padding:5px 0 0 20px;line-height:11px;margin-right:5px;float:left} #searchBookList .data_info .data_detail h3 p.icon_pd{background-position:0 -22px} #searchBookList .data_info .data_detail h3 p.icon_eb{background-position:0 -44px} #searchBookList .data_info .data_detail h3 p.icon_ob{background-position:0 -66px} #searchBookList .data_info .data_detail h3 p.icon_ka{background-position:0 -88px} #searchBookList .data_info .data_detail h3 p.icon_or{background-position:0 -110px} /**/ #marcInfo .title{background:#3277ad} #marcInfo .title dl{padding:10px 0;overflow:hidden} #marcInfo .title dt{float:left;width:20%;font-weight:800;text-align:center;color:#fff} #marcInfo .title dd{float:left;width:80%;font-weight:800;text-align:center;color:#fff} #marcInfo .table table{width:100%;border-collapse:collapse;border-top:2px solid #1f5279} #marcInfo .table th{padding:10px 5px;line-height:14px;font-weight:800;text-align:center;color:#1f5279;border:1px solid #dbdee3;background-color:#eaeff5} #marcInfo .table td{padding:12px 5px;line-height:13px;border:1px solid #dbdee3} #marcInfo .table td.item{background-color:#faf6eb;font-weight:800} /**/ #paging{padding:20px 0px;overflow:hidden} #paging *{text-decoration:none} #paging .total{float:left;color:#696969} #paging .total strong{padding:0 5px} #paging .paging{float:right;overflow:hidden} #paging .paging a{float:left;display:block;margin:0 1px;padding:0 8px;height:28px;line-height:28px;text-align:center;color:#333;border:1px solid #ccc} #paging .paging a:hover{background:#fff} #paging .paging strong{float:left;display:block;margin:0 1px;padding:0 8px;height:28px;line-height:28px;font-weight:800;text-align:center;color:#333;border:1px solid #ccc} #paging .paging .num{color:#747d9d;border:1px solid #eee} #paging .paging .num:hover{color:#fff;border:1px solid #747d9d;background:#747d9d} #paging .paging .pprev{font-size:11px;font-weight:800;letter-spacing:-2px;background:#fafafa;overflow:hidden} #paging .paging .prev{margin:0 6px 0 1px;padding:0 10px;font-size:11px;font-weight:800;letter-spacing:-2px;background:#fafafa;overflow:hidden} #paging .paging .next{margin:0 1px 0 6px;padding:0 10px;font-size:11px;font-weight:800;letter-spacing:-2px;background:#fafafa;overflow:hidden} #paging .paging .nnext{font-size:11px;font-weight:800;letter-spacing:-2px;background:#fafafa;overflow:hidden} /**/ #marcInfo table{width:100%;text-align:center;border-top:0px solid #9ca6af;border-left:0px solid #e3e0de;border-collapse:collapse} #marcInfo th{padding:10px 0;line-height:18px;font-weight:800;color:#002747;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:#eaeff5} #marcInfo td{padding:5px 0;line-height:18px;color:#555;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;background:#fff} #marcInfo td strong{font-size:11px} #marcInfo td.tal{padding-left:10px} #marcInfo td input{padding:5px;margin-right:5px} #marcInfo td select{padding:4px 5px;padding-right:20px;font-size:13px;color:#555;border:1px solid #ccc;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0} #marcInfo td select:hover, #marcInfo td select:focus{color:#eee;background-color:#555} #marcInfo td p{color:#C00} #marcInfo td input.box{border:1px solid #e3e0de} #marcInfo td.end{border-right:none} #marcInfo td .cancel{display:inline-block;padding:5px 10px;font-weight:800;letter-spacing:-1px;color:#fff;background:#C00;border-radius:5px} #marcInfo td div{padding-bottom:2px} #marcInfo td div img{vertical-align:middle;margin-bottom:2px} #marcInfo td.item a{letter-spacing:-0.1em} #marcInfo td.item{color:#454545;background:#faf6ed;font-weight:800;padding-left:10px} /**/ #searchDetailInfo{padding:0 0 50px 0} #searchDetailInfo .view{position:relative;padding:0;min-height:300px;color:#555;border-top:0px solid #888;border-bottom:0px dashed #888} #searchDetailInfo .view dl{position:relative;padding-left:200px} #searchDetailInfo .view dt{position:absolute;top:0px;left:20px} #searchDetailInfo .view dt .image{margin:1px;width:180px;height:200px;background:url('../img/bg_book.png') no-repeat 0 0} #searchDetailInfo .view dt .image em{display:block;position:relative;top:1px;left:1px;width:117px;height:172px;background:url('../img/no_bk.png') no-repeat 50% 50%;background-size:cover;text-indent:-9999em;overflow:hidden} #searchDetailInfo .view dt .image .no-bk{background:#fff url(../img/no_bk.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-eb{background:#fff url(../img/no_eb.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-ab{background:#fff url(../img/no_ab.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-dv{background:#fff url(../img/no_dv.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-se{background:#fff url(../img/no_se.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-cd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-dd{background:#fff url(../img/no_cd.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image .no-tp{background:#fff url(../img/no-tp.png) no-repeat 50% 50%;background-size:cover} #searchDetailInfo .view dt .image img{display:block;position:relative;top:1px;left:1px;width:117px;height:172px} #searchDetailInfo .view dt .label{position:absolute;top:-3px;left:5px} #searchDetailInfo .view dt .loadr{display:none;position:absolute;left:30px;top:50px} #searchDetailInfo .view dd .ico{overflow:hidden} #searchDetailInfo .view dd .ico *{font-size:14px;font-weight:800} #searchDetailInfo .view dd .ico strong{float:left;display:block;margin-right:10px;padding:0 20px 0 35px;height:26px;line-height:26px;font-size:11px;border:1px solid #ccc;background:url('../img/ico_books.png') no-repeat 10px 0} #searchDetailInfo .view dd .ico > span{display:block;height:26px;line-height:26px;color:#696969} #searchDetailInfo .view dd .ico > span span{color:#ff4800} #searchDetailInfo .view dd .ico-{} #searchDetailInfo .view dd .ico-bo strong{background-position:10px -0px} #searchDetailInfo .view dd .ico-eb strong{background-position:10px -25px} #searchDetailInfo .view dd .ico-ab strong{background-position:10px -50px} #searchDetailInfo .view dd .ico-dv strong{background-position:10px -75px} #searchDetailInfo .view dd .qrcode{position:absolute;bottom:1px;right:0px} #searchDetailInfo .view ul{padding:10px 0} #searchDetailInfo .view ul li{position:relative;padding:5px 0 5px 110px;min-height:30px;line-height:20px;border-bottom:1px dotted #ccc} #searchDetailInfo .view ul li strong{position:absolute;top:5px;left:0px;display:inline-block;width:100px;font-weight:800} #searchDetailInfo .view ul li em{color:#ccc} #searchDetailInfo .view ul li a{padding-right:5px;font-weight:800;color:#2d4594} #searchDetailInfo .view .nonone{color:#999;border:1px solid #ccc;background:#f8f8f8} #searchDetailInfo .view .blue{color:#2d4594} #searchDetailInfo .view .yellow{color:#aa6e39} #searchDetailInfo .view .sns{position:absolute;bottom:30px;left:15px} #searchDetailInfo .view .sns .twitter-share-button{position:relative;top:3px;width:59px;height:20px} #searchDetailInfo .btngroup{padding:20px 0 40px 0;text-align:center;border-bottom:0px dotted #333} #searchDetailInfo .btngroup input{position:relative;top:-19px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDetailInfo .btngroup a{display:inline-block;width:140px;height:43px;background:url('../img/btn_interest.png') no-repeat 0 0;text-indent:-9999em;overflow:hidden} #searchDetailInfo .btngroup .btn-excel{background-position:-0px -0px} #searchDetailInfo .btngroup .btn-excel:hover{background-position:-0px -43px} #searchDetailInfo .btngroup .btn-pack{background-position:-140px -0px} #searchDetailInfo .btngroup .btn-pack:hover{background-position:-140px -43px} #searchDetailInfo .btngroup .btn-list{background-position:-280px -0px} #searchDetailInfo .btngroup .btn-list:hover{background-position:-280px -43px} #searchDetailInfo .btngroup .btn-about{background-position:-420px -0px} #searchDetailInfo .btngroup .btn-about:hover{background-position:-420px -43px} #searchDetailInfo .table{padding:0 20px} #searchDetailInfo .table h3{padding:20px 0;font-size:15px;letter-spacing:-1px;color:#575757} #searchDetailInfo .table table{width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #searchDetailInfo .table th{padding:10px 0;line-height:18px;font-weight:800;letter-spacing:-1px;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#fafaed} #searchDetailInfo .table td{padding:5px 0;line-height:18px;color:#777;text-align:center;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;background:#fff} #searchDetailInfo .table td input{padding:5px;margin-right:5px} #searchDetailInfo .table td select{padding:4px 5px;padding-right:20px;font-size:13px;color:#777;border:1px solid #ccc;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0} #searchDetailInfo .table td select:hover, #searchDetailInfo .table td select:focus{color:#eee;background-color:#555} #searchDetailInfo .table td p{color:#C00} #searchDetailInfo .table td input.box{border:1px solid #e3e0de} #searchDetailInfo .table td div{padding-bottom:2px} #searchDetailInfo .table td div img{vertical-align:middle;margin-bottom:2px} #searchDetailInfo .table .tal{padding-left:10px} #searchDetailInfo .table .btn{display:inline-block;padding:3px 8px;font-weight:800;letter-spacing:-1px;border:1px solid #ccc} #searchDetailInfo .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;letter-spacing:-0px;color:#555;border:1px solid #ccc;;background:#f3f3f3 url('../img/ico_books.png') no-repeat 5px -102px} #searchDetailInfo .table .blue{letter-spacing:-1px;color:#2d4594} #searchDetailInfo .table .yellow{letter-spacing:-1px;color:#aa6e39} #searchDetailInfo .table .cancel{display:inline-block;padding:5px 10px;font-weight:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #searchDetailInfo .table .item{background:#F9F9F9;font-weight:800;/* text-align:left;*/padding-left:10px} #searchDetailInfo .table .item a{letter-spacing:-0.1em} #searchDetailInfo .info{padding:15px 0;line-height:20px;color:#696969} #searchDetailInfo .info h3{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ccc} #searchDetailInfo .info p{padding:0 30px} #searchDetailInfo .info b{display:block;margin:0 -15px;padding-bottom:5px;border-bottom:1px dashed #ccc} #searchDetailInfo .info span{float:right} /**/ #hopeDataTab{padding-bottom:30px} #hopeDataTab ul{border-bottom:2px solid #797979;*zoom:1} #hopeDataTab ul:before, #hopeDataTab ul:after{clear:both;display:table;content:"";line-height:0} #hopeDataTab ul li{float:left;position:relative;top:2px;padding-right:3px} #hopeDataTab ul li a{display:block;padding:0 50px;line-height:38px;font-size:14px;font-weight:800;color:#777;text-align:center;border:2px solid #d6d6d6;border-bottom:0px solid #797979;background:#fff;border-top-left-radius:3px;border-top-right-radius:3px} #hopeDataTab ul li a.sel{position:relative;z-index:5;padding:0 40px 0 60px;line-height:38px;etter-spacing:0px;color:#222;border:2px solid #797979;border-bottom:2px solid #fff;background:#fff url(../img/m_choice.png) no-repeat 30px 55%} /**/ #hopeDataRequest{padding:40px;background:#fff} #hopeDataRequest *{font-size:12px} #hopeDataRequest .title{padding:10px 0 20px 0;font-size:14px;overflow:hidden} #hopeDataRequest .title div{float:left;color:#696969} #hopeDataRequest .title p{float:right;color:#696969} #hopeDataRequest .table{padding-bottom:10px} #hopeDataRequest .table table{padding-bottom:20px;width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #hopeDataRequest .table th{padding:10px;line-height:18px;font-size:13px;font-weight:800;text-align:left;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#fafaed} #hopeDataRequest .table td{padding:5px 10px;line-height:18px;font-size:13px;color:#777;text-align:left;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;background:#fff} #hopeDataRequest .table td strong{font-size:11px} #hopeDataRequest .table td span{padding:0 10px;font-size:13px;color:#555} #hopeDataRequest .table td select{padding:4px 5px;padding-right:20px;font-size:13px;color:#777;border:1px solid #ccc;background:#fff url(../../../../wdLayout/skins/default/img/common/select_arrow.png) no-repeat 90% 50%;border-radius:0} #hopeDataRequest .table td select:hover, #hopeDataRequest .table td select:focus{color:#eee;background-color:#555} #hopeDataRequest .table td label{padding-right:20px} #hopeDataRequest .table td label input{position:relative;top:-0px} #hopeDataRequest .table td p{color:#C00} #hopeDataRequest .table td input.box{border:1px solid #e3e0de} #hopeDataRequest .table td div{padding-bottom:2px} #hopeDataRequest .table td div img{vertical-align:middle;margin-bottom:2px} #hopeDataRequest .table .api{position:relative;top:1px;display:inline-block;margin-right:20px;padding:3px 8px;font-weight:800;color:#fff;border:1px solid #555;background:#555} #hopeDataRequest .table .tal{padding-left:10px} #hopeDataRequest .table .btn{display:inline-block;padding:3px 8px;font-weight:800;letter-spacing:-1px;border:1px solid #ccc} #hopeDataRequest .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;letter-spacing:-0px;color:#555;border:0;background:url('../img/ico_books.png') no-repeat 5px -102px} #hopeDataRequest .table .blue{letter-spacing:-1px;color:#2d4594} #hopeDataRequest .table .yellow{letter-spacing:-1px;color:#aa6e39} #hopeDataRequest .table .cancel{display:inline-block;padding:5px 10px;font-weight:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataRequest .table .item{background:#F9F9F9;font-weight:800;/* text-align:left;*/padding-left:10px} #hopeDataRequest .table .item a{letter-spacing:-0.1em} #hopeDataRequest .table .t_txt{padding:5px;width:192px;border:1px solid #e3e0de} #hopeDataRequest .agree{padding:10px 0;font-size:13px;font-weight:800;letter-spacing:0px;text-align:center;color:#696969} #hopeDataRequest .txt{margin:10px 0 0 0;padding:20px 0;border-top:1px solid #ccc} #hopeDataRequest .txt h3{padding:0 0 20px 0;font-size:15px;letter-spacing:-1px;color:#222} #hopeDataRequest .txt ul{padding:0} #hopeDataRequest .txt p{padding:20px 0} #hopeDataRequest .button{margin:10px 0;padding:20px 0;text-align:center;border-top:1px solid #ccc} #hopeDataRequest .button input{padding:13px 50px;font-size:15px;font-weight:800;color:#fff;background:#333;border-radius:100px} /**/ #hopeDataList{padding:40px;background:#fff} #hopeDataList *{font-size:12px} #hopeDataList .setting{position:relative;padding:5px 0;border-top:0px solid #888;border-bottom:0px solid #ccc;background:#fff;overflow:hidden} #hopeDataList .setting:before, #hopeDataList .setting:after{clear:both;display:table;content:"";line-height:0} #hopeDataList .setting h3{float:left;padding:5px 0;font-size:12px;font-weight:400} #hopeDataList .setting ul{float:right;overflow:hidden} #hopeDataList .setting li{float:left} #hopeDataList .setting li a{display:block;margin:0 0 0 5px;padding:5px 0;width:80px;font-size:13px;font-weight:400;letter-spacing:-1px;text-align:center;color:#405a89;border:1px solid #809ec3;background:#dbebff} #hopeDataList .setting li a:hover{border:1px solid #3d4f8b;background:#fff} #hopeDataList .setting fieldset{float:right;padding:0} #hopeDataList .setting fieldset strong{padding-left:5px;font-size:12px} #hopeDataList .setting fieldset select{padding:4px 3px;font-size:12px;border:1px solid #dbdbdb} #hopeDataList .setting fieldset button{padding:0 10px;height:25px;font-weight:800;letter-spacing:-1px;color:#fff;background:#333333} #hopeDataList .setting fieldset span{padding:0 5px 0 0;letter-spacing:-1px;color:#888} #hopeDataList .setting fieldset label{padding:0 0 0 10px} #hopeDataList .setting fieldset .t_text{position:relative;top:-0px;padding:2px 3px;height:24px;line-height:24px;font-weight:800;border:1px solid #ccc} #hopeDataList .setting fieldset .btn{padding:2px 10px;color:#fff;border:1px solid #111;background:#333} #hopeDataList .table table{width:100%;border-collapse:collapse;border-top:2px solid #7d7067} #hopeDataList .table thead{border-bottom:2px solid #e4e4da;background:#f9f8e8} #hopeDataList .table th{padding:10px 5px;font-size:12px;font-weight:800;vertical-align:middle;border-bottom:1px solid #d3d3d3} #hopeDataList .table td{padding:10px 5px;font-size:12px;text-align:center;border-bottom:1px solid #d3d3d3} #hopeDataList .table td a{font-weight:800} #hopeDataList .table .tal{padding-left:10px;text-align:left} #hopeDataList .table .btn{display:inline-block;padding:3px 8px;font-weight:800;letter-spacing:-1px;border:1px solid #ccc} #hopeDataList .table .print{display:inline-block;padding:3px 10px 3px 30px;height:15px;line-height:15px;letter-spacing:-0px;color:#555;border:0;background:url('../img/ico_books.png') no-repeat 5px -102px} #hopeDataList .table .blue{letter-spacing:-1px;color:#2d4594} #hopeDataList .table .yellow{letter-spacing:-1px;color:#aa6e39} #hopeDataList .table .cancel{display:inline-block;padding:5px 10px;font-weight:800;letter-spacing:-1px;color:#fff;background:#c00;border-radius:5px} #hopeDataList .top{margin-bottom:30px;padding:30px 0 30px 150px;border:1px solid #ccc;background:#f5f6f1 url("../img/top.png") no-repeat 80px 0} #hopeDataList .top p{font-size:14px;color:#555} #hopeDataList .top p strong{color:#e93900} #hopeDataList .txt{margin-bottom:10px;padding:10px;line-height:20px;color:#555;border:0px solid #ccc;border-top:1px solid #eee} #hopeDataList .txt h3{padding:10px 20px;font-size:16px;letter-spacing:-0px;color:#333;background:url(../img/ico_bullet2.png) no-repeat 0 50%} #hopeDataList .txt *{font-size:13px} #hopeDataList .txt em{position:relative;top:0;padding-right:2px;font-size:15px;color:#777} #hopeDataList .txt ul{padding:1px} #hopeDataList .txt ul > li{padding:0 0 5px 10px;color:#444} #hopeDataList .txt ul > li strong{clear:both;display:inline-block;padding:10px 0 10px 100px;color:#614b38} #hopeDataList .txt ul > li > ul{padding:5px} #hopeDataList .txt ul > li > ul > li{padding:0 0 5px 20px;color:#555} #hopeDataList .txt ol{padding:20px 0;overflow:hidden} #hopeDataList .txt ol > li{float:left;width:20%;position:relative;text-align:center;color:#444} #hopeDataList .txt ol > li i{position:absolute;z-index:10;top:50%;right:-10px;display:block;width:8px;height:12px;background:url(../img/ico_arr.png) no-repeat 50% 50%} #hopeDataList .txt ol > li strong{display:block;margin:0 20px;padding:10px 0;color:#614b38;border:1px solid #ccc;background:#f3f3f3} #hopeDataList .txt ol > li span{display:block;margin:0 20px;padding:10px 0;height:110px;color:#614b38;border:1px solid #ccc;border-top:0} #hopeDataList .txt > p{position:relative;padding:20px 0 20px 20px} #hopeDataList .txt > p em{position:absolute;z-index:10;top:20px;left:0px} #hopeDataList .button{padding:0 0 30px 0;text-align:center} #hopeDataList .button a{display:inline-block;margin:0 5px;padding:7px 40px;font-size:15px;font-weight:700;color:#0eb6ac;letter-spacing:-1px;border:3px solid #0eb6ac;background:#fff;border-radius:100px} #hopeDataList .button .hopeok{color:#fff;border:2px solid #e93900;background:#e93900} #hopeDataList .button .hoperight{color:#fff;border:2px solid #2452a7;background:#2452a7} /**/ #hopeDataDetail{padding:20px;background:#fff} #hopeDataDetail *{font-size:12px} #hopeDataDetail .table h3{padding:10px 0 20px;font-size:13px;color:#575757} #hopeDataDetail .table table{margin-bottom:20px;width:100%;border-top:2px solid #7d7067;border-collapse:collapse} #hopeDataDetail .table th{padding:10px;line-height:18px;font-size:13px;font-weight:800;letter-spacing:-1px;;text-align:left;color:#555;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;border-bottom:1px solid #e3e0de;background:#fafaed} #hopeDataDetail .table td{padding:5px 10px;line-height:18px;color:#555;text-align:left;border-bottom:1px solid #e3e0de;border-right:1px solid #e3e0de;border-left:1px solid #e3e0de;background:#fff} #hopeDataDetail .button{margin:10px 0;padding:20px 0;text-align:center} #hopeDataDetail .button a{padding:10px 40px;font-weight:800;border:1px solid #e3e0de} #hopeDataDetail .button .btn-prev{padding:10px 40px;font-weight:800;color:#fff;border:1px solid #333;background:#333} /**/ #hopeDataOverlapCheckAll{margin:20px 0 0 0;padding:20px;background:#fff} #hopeDataOverlapCheckAll #searchBookList{padding:20px 0;background:#fff} #hopeDataOverlapCheckAll #searchBookList .btngroup{padding:10px 0;overflow:hidden} #hopeDataOverlapCheckAll #searchBookList .btngroup *{font-size:14px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button{float:right} #hopeDataOverlapCheckAll #searchBookList .btngroup .button input{position:relative;top:-19px;width:140px;height:43px;border:0;background:url('../img/btn_interest.png') no-repeat;text-indent:-9999em;overflow:hidden} #hopeDataOverlapCheckAll #searchBookList .btngroup .button a{display:inline-block;width:200px;height:43px;background-image:url('../img/btn_interest.png');background-repeat:no-repeat;text-indent:-9999em;overflow:hidden} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-excel{background-position:-0px -0px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-excel:hover{background-position:-0px -43px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-excel1{width:170px;background-position:-560px -0px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-excel1:hover{background-position:-560px -43px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-excel2{width:170px;background-position:-730px -0px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-excel2:hover{background-position:-730px -43px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-pack{background-position:-140px -0px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-pack:hover{background-position:-140px -43px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-list{background-position:-280px -0px} #hopeDataOverlapCheckAll #searchBookList .btngroup .button .btn-list:hover{background-position:-280px -43px} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc{float:none;text-align:center;padding:7px 0 0 0} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc button{padding:0 20px;height:25px;font-weight:800;letter-spacing:-1px;color:#fff;background:#777} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc button.exel{height:44px;color:#3b873b;border:1px solid #ccc;background:#fff} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc a{display:inline-block;padding:11px 30px;font-weight:800;letter-spacing:-1px;border:1px solid #ccc;background:#fff} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc .exel{color:#3b873b} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc .total{color:#366212} #hopeDataOverlapCheckAll #searchBookList .btngroup .enbloc .del{color:#777} /**/ #hopeDataOverlapCheck{padding:30px;background:#fff} #hopeDataOverlapCheck *{font-size:12px} #hopeDataOverlapCheck .listCheck{position:absolute;z-index:10;top:20px;left:10px} #hopeDataOverlapCheck #searchDetailInfo{padding:20px 0;border-top:1px solid #ccc} #hopeDataOverlapCheck #searchDetailInfo .view{min-height:190px} #hopeDataOverlapCheck .txt{margin:0 0 20px 0;padding:20px;border:3px solid #ccc;border-radius:5px} #hopeDataOverlapCheck .txt h2{padding-bottom:5px} #hopeDataOverlapCheck .txt h2 strong{font-size:17px;font-weight:700;letter-spacing:-1px} #hopeDataOverlapCheck .txt p{position:static;font-size:15px} /*로그인*/ #wdMember{padding:50px;background:#fff} #wdMember *{font-family:Arial, Helvetica, sans-serif} #wdMember .login{overflow:hidden} #wdMember .login .title h3{font-size:31px;color:#3d4459} #wdMember .login .title h3 strong{font-size:31px;color:#f14e23} #wdMember .login .title p{font-size:20px;color:#7a7a7a} #wdMember .login fieldset{margin:20px 0 0 0;padding:50px 0;text-align:center;border:1px solid #ccc;border-top:3px solid #f14e23} #wdMember .form-group{display:inline;margin:0 20px 0 0;vertical-align:middle} #wdMember .form-group label{margin:0 5px 0 0;height:42px;line-height:42px\9;font-size:15px} #wdMember .form-group input{padding:0 10px;width:120px;height:40px;line-height:40px\9;font-size:15px;border:0;border-bottom:1px solid #333} #wdMember .form-group button{padding:0 30px;height:42px;font-size:15px;color:#fff;border:0;background:#3d4459} #wdMember .txt p{padding:20px 0 0 0;line-height:30px;color:#777} #wdMember .txt p strong{font-size:15px;color:#555} /*내서재*/ #dataLoanHead{padding-bottom:30px} #dataLoanHead ul{border-bottom:2px solid #797979;*zoom:1} #dataLoanHead ul:before, #dataLoanHead ul:after{clear:both;display:table;content:"";line-height:0} #dataLoanHead ul li{float:left;position:relative;top:2px;padding-right:3px} #dataLoanHead ul li a{display:block;padding:0 20px;line-height:38px;font-size:13px;font-weight:800;color:#777;text-align:center;border:2px solid #d6d6d6;border-bottom:0px solid #797979;background:#fff;border-top-left-radius:3px;border-top-right-radius:3px} #dataLoanHead ul li a.sel{position:relative;z-index:5;padding:0 20px 0 50px;line-height:38px;etter-spacing:0px;color:#222;border:2px solid #d6000f;border-bottom:2px solid #fff;background:#fff url(../img/m_choice.png) no-repeat 20px 55%} #dataLoanList{padding:40px;background:#fff} #dataLoanList .infomation{padding:0 0 10px 110px;color:#555;border:1px solid #aaa;background:#fff url(../img/mylib.png) no-repeat 0 50%;border-radius:0px} #dataLoanList .infomation *{} #dataLoanList .infomation p{padding:20px 0 10px 0;font-size:14px;font-weight:700;color:#2b3b56} #dataLoanList .infomation p strong{color:#000} #dataLoanList .infomation ul{padding-top:1px;overflow:hidden} #dataLoanList .infomation ul li{float:left;padding:0 0 0 15px;margin-right:30px;line-height:20px;font-size:12px;background:url(../img/ico_dot.png) no-repeat 0 40%} #dataLoanList .infomation ul li.end{margin-right:0} #dataLoanList .infomation ul li.long{} #dataLoanList .infomation ul li span.mem_num{color:#a28354} #dataLoanList .infomation ul li span.use_ok{color:#498bbf} #dataLoanList .infomation ul li span.use_no{color:#c14e33} #dataLoanList .settype{padding:10px 0;border:0;background:#fff;overflow:hidden} #dataLoanList .settype h3{float:left;position:relative;z-index:5;top:3px;left:0;display:block;font-weight:400;background:url(../img/search_num.png) no-repeat 0 3px} #dataLoanList .settype fieldset{float:right} #dataLoanList .settype fieldset{float:right;padding:0} #dataLoanList .settype fieldset strong{padding-left:5px;font-size:12px} #dataLoanList .settype fieldset select{padding:4px 3px;font-size:12px;border:1px solid #dbdbdb} #dataLoanList .settype fieldset button{padding:0 10px;height:25px;font-weight:800;letter-spacing:-1px;color:#fff;background:#333333} #dataLoanList .settype fieldset span{padding:0 5px 0 0;letter-spacing:-1px;color:#888} #dataLoanList .settype fieldset label{padding:0 0 0 10px} #dataLoanList .settype fieldset .t_text{position:relative;top:-0px;padding:2px 3px;height:24px;line-height:24px;font-weight:800;border:1px solid #ccc} #dataLoanList .settype fieldset .btn{padding:2px 10px;color:#fff;border:1px solid #111;background:#333} #dataLoanList .notice{padding-bottom:50px} #dataLoanList .notice ul{overflow:hidden} #dataLoanList .notice li{margin:0 0 10px 0;font-size:15px;font-weight:300;color:#2b3b56} #dataLoanList .dataLoanTable *{font-size:12px} #dataLoanList .dataLoanTable{} #dataLoanList .dataLoanTable table{clear:both;border-collapse:collapse;width:100%;border-top:2px solid #888;text-align:center} #dataLoanList .dataLoanTable th{padding:10px 5px;line-height:14px;font-size:12px;font-weight:800;color:#575757;border-bottom:1px solid #aaa;background:#f7f7f7} #dataLoanList .dataLoanTable td{padding:10px 5px;line-height:13px;font-size:12px;color:#575757;border-bottom:1px solid #d3d3d3} #dataLoanList .enbloc{padding:10px 0;text-align:right} #dataLoanList .enbloc button{padding:0 10px;height:25px;font-weight:800;letter-spacing:-1px;color:#fff;background:#777} #dataLoanList .enbloc button.exel{height:29px;color:#3b873b;border:1px solid #ccc;background:#fff} #dataLoanList .enbloc a{display:inline-block;padding:5px 10px;font-weight:800;border:1px solid #ccc;background:#fff} #dataLoanList .enbloc .exel{color:#3b873b} #dataLoanList .enbloc .total{color:#366212} #dataLoanList .enbloc .del{color:#777} #dataLoanList .txt{padding:10px 0} #dataLoanList .txt h3{padding:0 0 8px 0;font-size:15px;letter-spacing:-1px} #dataLoanList .txt li{padding-bottom:4px;color:#888} /**/ #search_bar01{background:#f5f6f1;height:22px;padding:9px 10px;position:relative;border:2px solid #e8e9e4;margin:27px 13px 5px} #search_bar01 .title{margin:0;padding:2px 4px 0 0;float:left;width:60px} #search_bar01 .title h2{margin:0;float:left;background:none} #search_bar01 .title p{padding:0 0 0 0;margin:7px 0 0;float:left} #search_bar01 .title p input{vertical-align:middle;padding:0} #search{float:left;width:422px;font-size:1.3em} .search_commend input{vertical-align:top;float:left} #result_box_wrapper p.pic{padding:20px 0;text-align:center} #result_box_wrap{} #result_box_wrap h3{padding:0 0 8px 3px;font-size:14px;color:#1b5b9d;background:none;border-bottom:3px solid #e4e4e4;width:575px} #result_box_wrap ul li{font-weight:normal;padding:3px 0 3px 20px;line-height:150%} #result_box{text-align:center;position:relative} #result_box_wrapper{text-align:left;padding-top:15px;margin:0 auto} #result_box_wrap{} #result_box_wrap h3{padding:0 0 8px 3px;font-size:14px;color:#1b5b9d;background:none;border-bottom:3px solid #e4e4e4;width:575px} #result_box_wrap ul li{font-weight:normal;padding:3px 0 3px 20px;line-height:150%} #result_box_wrapper p{line-height:150%;margin:0;padding:0;width:587px} #result_box_wrapper p.pic{padding:20px 0;text-align:center} #result_box_wrapper .output{position:absolute;right:20px;top:0} div.search_list{position:relative;padding:15px;border-bottom:1px solid #d8d8d8;overflow:hidden} div.search_list .pic{float:left;position:relative;width:20%;height:96px} div.search_list .pic img{padding:2px;border:1px solid #d8d8d8} div.search_list .pic span.title{background:url("../img/common/group_title01.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title02 {background:url("../img/common/group_title02.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title03 {background:url("../img/common/group_title03.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title04 {background:url("../img/common/group_title04.png") no-repeat scroll left bottom transparent;position:absolute;top:0px;left:0;height:57px;text-align:center;width:65px} div.search_list .pic span.title05 {background:url("../img/common/group_title05.png") no-repeat scroll left bottom transparent;position:absolute;bottom:0px;padding-top:8px;left:0;height:26px;text-align:center;width:65px} div.search_list .pic span.title a, div.search_list .pic span.title02 a, div.search_list .pic span.title03 a, div.search_list .pic span.title04 a, div.search_list .pic span.title05 a {font-weight:bold;color:#fff} div.search_list .group_con {float:left;width:47px;margin:32px 20px 0 10px} div.search_list dl{float:left;width:80%} div.search_list dl *{color:#777} div.search_list dt{font-size:1em;font-weight:bold;margin:2px 0 9px 0;padding:0} div.search_list dd{font-size:0.92em;line-height:130%;margin:5px 0 0 0} div.search_list dd a{color:#216aaa} div.search_list dd.writer{color:#434343;font-weight:bold} .btn_basket{position:absolute;top:20px;right:20px} .sg_paging .paging{clear:both;text-align:center;padding:15px 0} .sg_paging .paging strong{color:#fff;border:1px solid #044d97;display:inline-block;font-weight:bold;height:22px;line-height:23px;text-align:center;vertical-align:middle;width:22px;background:#1666b7} .sg_paging .paging a.paging_num {background:url(../img/common/pg_bg.gif) repeat left top;border:1px solid #cdcdcd;color:#585858;display:inline-block;height:22px;line-height:23px;text-align:center;text-decoration:none;vertical-align:middle;width:22px} .sg_paging .paging a.paging_num:hover {text-decoration:none;color:#585858} .sg_paging .paging img{vertical-align:middle} .sg_paging .paging .prev{padding:0 7px 0 2px} .sg_paging .paging .next{padding:0 2px 0 5px}