table {
    width: 100%;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
td {vertical-align: top;}
a:hover, a:visited {text-decoration: none!important;}
.wrapper {text-align: center;}
.wrapper .line {padding-bottom: 44px;}
.line .row {margin: 0 0 12px 0;}
.select-style {
    border: 1px solid #ccc;
    width: auto;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;    
}
.select-style, input {
    height: 28px;
    padding-left: 5px;
}
input[type="file"] {padding-left: 0;}
.select-style select {
    width: 120%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    height: 26px;
    outline-width: 0;
}
.select-style select:hover, input:hover, textarea:hover {cursor: pointer;}
.select-style select option {color: #222;}
.select-style select::-ms-expand {display: none;}
/*body {
    background: #ffd24c;
    color: #975B00;
    font-size: 14px;
}*/
.header {
    /*background-color: #d89875;*/
    text-align: center;
}
.line {   
    margin: auto;
    *width: 957px;
    background-color: white;
    border: 1px solid #ad4b03;    
    border-top: 0;
}
.background-img {
    background-image: url(../images/anh_bia.png);
    background-repeat: no-repeat;
    background-position: center 100%;
    position: relative;
    min-height: 200px;
    font-size: 42px;
    text-align: center;
    color: white;    
    padding-top: 60px;    
}
/*
.image-bia {
    position: absolute;
    left: 5px;
    bottom: 0;
}
.image-bia img {
    width: 120px;
}
*/
.header .title-line {
    text-align: left;
    /*background-color: #f2c86d;8*/    
}
.head-current, .tacgia-name .head-current a, .tacgia-name div:hover,.tacgia-name div a:hover {
    background-color: white;
    color: #ce300e;    
}
.tacgia-name .head-current, .tacgia-name div:hover {
    border-bottom: 2px solid white;
}
.tacgia-name {
    font-weight: bold;    
    border: 1px solid #ad4b03;
    border-bottom: 0;
    border-top: 0;
    background-color: #fcd07c;
    /*background-image: linear-gradient(to bottom, #c8d8fb, #f4f7fc);*/
}
.tacgia-name div {
    display: inline-block;
    cursor: pointer;
    padding: 8px 0 8px 0;
}
.tacgia-name a {
    padding-left: 5px;
    padding-right: 5px;
    color: #ad4b03;
}
/*--START CONTENT--*/
.left-content {
    padding-top: 20px;
    line-height: 20px;
}
.left-content li {
    padding: 5px;
    font-weight: bold;
    display: inline-block;
}
.left-content li:hover, .left-content li a:hover {    
    cursor: pointer;
    color: green;
    color: #b7581e;
}
.left-content li a, .left-content li {color: #b7581e;}
.right-img {
    width: 140px;
    padding: 10px;
    border-left: 2px solid #fcd07c;
}
.right-img img {
    width: 120px;
    padding: 10px;
}
/*--Sach--*/
.book-content {
    position: relative;
}
.mob-show {
    position: absolute;
    right: 5px;
    width: 90px;
    background-color: #fcf4df;
    top: 3px;
    text-align: center;
    color: #ad4b03;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    display: none;    
    box-shadow: 2px 2px #8f8b80;
    font-size: 16px;
}
.mob-show:hover {
    cursor: pointer;
    color: #ce300e;
}
.line-book {
    padding: 10px;
    border-bottom: 2px solid #fcd07c;
}
.book-img {
    width: 220px;
    text-align: center;
}
.book-img img {
    max-width: 200px;
    max-height: 80px;
}
.book-title {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    //color: #b7581e;
    color: #337ab7;
}
/*--Chapter--*/
.right-content {
    width: 250px;
    border-left: 2px solid #fcd07c;
}
.book-name {
    font-size: 24px;
    font-weight: bold;
    color: #ce300e;
    padding-top: 16px;
    padding-bottom: 10px;
    text-align: center;   
}
.chapter-name {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
}
.book-chapter {
    padding: 15px 5px 10px 10px;
    line-height: 20px;
}
.book-chapter ul {
    margin-bottom: 0;
    padding-left: 15px;
    font-weight: bold;
    cursor: pointer;
}
.right-content a, .right-content li {
    color: #b7581e;
    font-weight: normal;
}
.right-content li a:hover, .right-content li:hover, .chapter-current a, .chapter-current li, .chapter-name {color: #337ab7;}
.left-content .book-cont {
    position: absolute;
    bottom: 5px;
    right: 20px;      
}
.left-content .book-cont a {font-size: 15px;}
.right-content .book-chapter {
    padding-top: 5px;
    padding-bottom: 5px;
}
.right-content .book-name {
    font-size: 19px;
    padding-left: 24px;
    text-align: left;
    padding-bottom: 5px;
}
.book-cont a {
    //color: #b7581e;
    font-weight: bold;
}
.book-title .book-cont:hover {cursor: pointer;}
//.book-cont a:hover {color: #722e04;}
.show-chapter .book-cont {padding-left: 15px;}
.chapter-detail {
    padding: 0 15px 45px 15px;
    position: relative;
    text-align: justify;
    color: black;
    line-height: 22px;
}
.chapter-detail img {
    float: left;
    margin: 27px 10px 2px 0;
    min-width: 240px;    
}
/*--Create New Book--*/
.admin-book {
    padding: 16px;
    text-align: left;
}
.admin-book .admin-title {text-align: center}
.admin-title {
    font-size: 26px;
    padding-bottom: 15px;    
}
.admin-book form {padding: 20px;}
.admin-book label, .admin-input, .admin-textarea {float: left;}
.admin-book label {    
    width: 170px;
    padding-right: 10px;
    padding-bottom: 10px;    
}
.admin-book .select-style, .admin-input {width: 320px;}
.input-submit {
    padding-left: 170px; 
    padding-top: 10px;
}
.input-submit input {
    min-width: 80px;
    padding-top: 3px;
}
.admin-textarea {
    width: 75%;
    padding: 5px;
}
a.btn {
    padding: 3px 13px 0 13px ;
    height: 28px;
    margin-left: 10px;
}
#tinymce-19 {
    display: inline-block;
    width: 80%;
}
.left-content .chapter-name span {display: inline-block;}
/*--START SHOW CHAPTER--*/
.show-chapter {
    padding: 16px;
    text-align: left;
}
.show-chapter .select-style {width: 320px;}
.show-chapter .book-name {
    text-align: left;
    padding-left: 0;
}
.show-chapter .input-submit {padding-left: 0;}
/*--END SHOW CHAPTER--*/
/*--START FOOTER--*/
.footer {
    font-weight: bold;
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    text-align: center;
}
.footer-content {
    margin: auto;
    width: 957px;
    border: 1px solid #ad4b03;
    border-bottom: 0;
    border-top: 0;    
    background-color: #fcd07c;    
    height: 30px;
    padding-top: 7px;    

}
.footer-content, .footer-content a {
    color: #722e04;
    font-size: 13px;   
}
.footer-content a:hover, .footer-content:hover {
    color: #ce300e;
    cursor: pointer;
}
/*--END FOOTER--*/
/*--jquery back to top plugin--*/
#totopscroller {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 43px;
}
#totopscroller div {
    width: 49px;
    height: 43px;
    position: relative;
}
#totopscroller a {
    display: none;
    background: url('../images/totopicons.png');
    width: 49px;
    height: 43px;
    display: block;
    text-decoration: none;
    border: medium none;
    margin: 0 0 -1px;
    border: 1px solid #949494;
}
.totopscroller-top {
    background-position: 0 0 !important;
}
.totopscroller-lnk {
    background-position: 0 -43px !important;
}
.totopscroller-prev {
    background-position: 0 -129px !important;
    position: absolute;
    top: 0;
    left: 0;
}
.totopscroller-bottom {
    background-position: 0 -86px !important;
    position: absolute;
    top: 0;
    left: 0;
}