html{
    letter-spacing: 1px;
    /*text-align: justify;*/
}


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

        #page-index a.btn-section .textbox .title {
            font-size: 1.1rem;
            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: 1.2rem;
        }

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


/*--------------------*/
/*--- Content Page ---*/
/*--------------------*/
.nav-section-whole:hover .nav-section-no {
    font-weight: bold;
    font-size: 1rem;
}

.nav-section-whole:hover .nav-section-desc {
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 130%;
    width: 180px;
}

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

.nav-section-whole.here .nav-section-desc {
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 130%;
    width: 180px;
}