html {
    letter-spacing: 0;
    font-family: Arial;
    /*text-align: justify;*/
}

p {
    text-align: justify;
}


/*------------------*/
/*--- Index Page ---*/
/*------------------*/
#page-index a.btn-section .textbox .section-no {
    font-size: 0.8rem;
}

#page-index a.btn-section .textbox .title {
    font-size: 0.9rem;
    font-weight: bold;
}

#page-index a.btn-section:hover {
    background: url("../images/index-section-bubble-lg.png") no-repeat center center;
}

    #page-index a.btn-section:hover .section-no {
        font-size: 1rem;
    }

    #page-index a.btn-section:hover .title {
        font-size: 1.1rem;
    }


/*--------------------*/
/*--- Content Page ---*/
/*--------------------*/
.nav-section-leftspace {
    width: 5px;
}

.nav-section-no {
    font-size: 0.9rem;
    width: 75px;
}

.nav-section-desc {
    width: 155px;
    vertical-align: middle;
    font-size: 1rem;
}

.nav-section-whole:hover .nav-section-no {
    font-weight: bold;
    font-size: 0.95rem;
}

.nav-section-whole:hover .nav-section-desc {
    font-weight: bold;
    font-size: 1.1rem;
    width: 200px;
}

.nav-section-whole.here .nav-section-no {
    font-weight: bold;
    font-size: 0.95rem;
}

.nav-section-whole.here .nav-section-desc {
    font-weight: bold;
    font-size: 1.1rem;
    width: 200px;
}

.nav-topic-list {
    width: 750px;
}