html {height:100%;}
body {margin:0px;padding:0px;height:100%;}

#header {height:50px;margin:0px;background: #EAEAEA;}
#header .title {float: left;margin-left:20px;}
#header .search-box {float: left;margin-left:20px;}

#footer {height:30px;margin:0px;background: #EAEAEA;}

#wrapper {position:relative;margin:0px;padding:0px;border:0px solid red;overflow: auto;}


#book-box {position:absolute;top:0px;width:200px;height:100%;border-right:1px solid #EAEAEA; overflow:auto;}
#book-box .book-name {padding:3px;border-bottom:1px solid #EAEAEA;}
#book-box .book-name:hover {background:#EAEAEA;cursor:pointer;}
#book-box .selected {background: #9BDB69;}

#page-box {position:absolute;top:0px;left:200px;width:60px;height:100%;border-right:1px solid #EAEAEA; overflow:auto;}
#page-box .page {padding:3px;border-bottom:1px solid #EAEAEA;text-align: center;}
#page-box .page:hover {background:#EAEAEA;cursor:pointer;}
#page-box .selected {background: #9BDB69;}

#word-box {margin-left:260px;height:100%;overflow:auto;}
#word-box .word {padding:3px 5px 3px 10px;text-align: justify;}
#word-box .bg1 {background: white;}
#word-box .bg2 {background: #EAEAEA;}
#word-box .search {color:red;font-weight: bold;}
#word-box .selected {background: #9BDB69;}

.container {}


@media (min-width: 600px) {

}

@media screen and (max-width: 600px) {

}