@charset "utf-8";
#ESroot { font-size: 14px;}
#ESroot .hide {   display: none; }
#ESroot .cloneable {   display: none; }
#ESroot .titlebar {     padding: 5px;     background-color: #66330e;      color: white; }
#ESroot .searchbox {  padding: 10px 5px;  background-color: #d2b48c; }
#ESroot .wrapper {     padding: 0 10px; }
#ESroot .btn {
    padding: 5px 10px;
    background-color: #808080;
    color: #fff;
    border: solid 1px #808080;
    border-radius: 5px;
    cursor: pointer;
}
#ESroot #btn_search {
    position: relative;
    padding-left: 30px;
}
#ESroot #btn_search::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../img/search.svg');
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 5px;
}
#ESroot #btn_book {
    position: relative;
}
#ESroot #btn_book::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../img/book.svg');
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 7px;
}

#ESroot .book_list {     padding-top: 5px; }
#ESroot .book_list label {
    float: left;
    padding: 5px 10px;
    margin: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    background-color: #fff;
}
#ESroot .hit {
    background-color: #f5deb3;
    border: solid 1px #f5deb3;
    border-radius: 5px;
    margin: 10px 0;
}
#ESroot .hit .text { word-break: break-word;}
#ESroot .hit a{ display: block; padding: 10px; text-decoration: none;text-decoration: none; color: #000; }
#ESroot .book_name { color: #66330e;      font-weight: bold;     margin-right: 10px; }
#ESroot .page_num {  color: #66330e; }
#ESroot .show_more { font-weight: bold; }
#ESroot .hit em { color: red; font-weight: bold; }