.tbl-container { position: relative; width: 100%; font-size: 12px; overflow-x: auto; } .tbl-container.position-hide { position: fixed; top: -2000px; left: 0; height: 500px; overflow:hidden; } .tbl-container table { width: 100%; border-collapse: collapse; } .tbl-container table th{ border: 1px solid #ccc; line-height: 1.8em; white-space: nowrap; background-color: #ddd; } .tbl-container td{ border: 1px solid #ccc; white-space: nowrap; line-height: 1.8em; } tbody tr.active { background-color: #F7F4F4; } table b { background-color: #ddd; } .tbl-container td input { width: 18px; height: 18px; } .toolbox { position: fixed; bottom: 0.5em; right: 1em; z-index: 99; } .toolbox .tool-header { padding: 4px 0; } .toolbox .tool-header a{ margin: 0 auto; } .toolbox .tool-list { display:none; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color:#fff; } .toolbox .tool-list a{ display: block; padding: 6px 8px; text-decoration: none; text-align: left; border-bottom: 1px solid #ddd; } .graph { position: relative; width: 100%; } .graph.position-hide { position: fixed; top: -2000px; left: 0; } .graph .graph-opt{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; } .graph .graph-opt.position-hide { position: fixed; top: -2000px; left: 0; } .next-page, .pre-page { position: fixed; width: 40px; height: 40px; top: 50%; margin-top: -15px; z-index:99; } .next-page { right: 0; } .pre-page { left: 0; }