body {
    font-size: 0.75rem !important;
    background-color: darkslategray;

    /*font-family: Batang, FangSong, '宋體', 'simsun', Tahoma, Arial;*/
}

/* background-color */
.bg-godong {
    background-color: #08717F !important;
}

.bg-yellow {
    background-color: #f7ff8a !important;
}

.bg-green {
    background-color: #cdfcd7 !important;
}


.bg-godong-light {
    background-color: #36CCA9 !important;
}
/* background-color */

/* width */
.w-200 {
    width:10rem !important;
}

.w-300 {
    width: 15rem !important;
}
/* width */

/* margin */

.ml-1 {margin-left:1rem !important;}
.ml-2 {margin-left:2rem !important;}
.ml-3 {margin-left:3rem !important;}

.ml-50 {
    margin-left: 2.5rem !important;
}

.mt-6{margin-top:2.1rem !important;}

.mt-5 {
    margin-top: 0.5rem !important;
}

.mt-99 {
    margin-top: -0.5rem !important;
}

.mr-1{margin-right:1rem !important;}
.mr-2{margin-right:2.2rem !important;}
/* margin */

/* z-index */
.zI1 {
    z-index: 1;
}

.zI2 {
    z-index: 2;
}
/* z-index */

/* Radius */
.rad-5 {
    border-radius: 5px;
}

.rad-10 {
    border-radius: 10px;
}
/* Radius */

/* Font Size */
.ft-small {
    font-size: 0.5rem !important;
}

.ft-Normal {
    font-size: 0.75rem !important;
}

.fs-10 {
    font-size:3rem !important;
}

.fw-bold {font-weight:bold !important;}
/* Font Size */

/* Padding */
.pdt-1 {
    padding-top:1rem !important;
}

.pdt-2 {
    padding-top: 2rem !important;
}
/* Padding */

/* Border */
.bd-white{
    border: 1px solid #FFF !important;
}

.bd-gray{
    border: 1px solid #CCC !important;
}
/* Border */

/* Login */
.LoginTitle{
    min-width:13rem !important;
}

.loginBody {
    border: 1px solid #EFEFEF;
    background-color: #353142;
    padding: 2rem 2rem 2rem 2rem;
}
/* Login */


.input-group-text-fix3 {
    width:4rem !important;
}

.input-group input[type=text]:focus {
    background-color: #FEFDCE !important;
}

/* Navigation */

.navbar {
    padding: 0 !important;
}

.navbar-brand {
    padding: 0 !important;
}

.nav-link {
    padding: 0.1rem !important;    
}

.nav-item {
    width:6rem !important;
}

.navbar-toggler {
    padding : 0 !important;
    font-size : 0.75rem !important;
}

.subCat {
    padding:0 !important;
    border: 0 !important;
}

    .subCat:hover {
        --bs-dropdown-link-hover-bg: #03E7B0 !important;
    }

#navbarNav .nav-item:hover {
    background-color: #97F7E1 !important;
}
/* Navigation */

.height2rem {
    height: 2rem !important;
}

/* Calendar */

.datepicker {
    font-family:Tahoma, Verdana;
    font-size:0.75rem;
}

/* Calendar */


@media (min-width: 361px) {
    .TopMenu {
        margin-left:3rem !important;
    }

    .nav-item-underline {
        text-align: center !important;
    }
}

@media(max-width:360px){
    .nav-item-underline {
        border-bottom: 1px solid #25AB8B !important;        
    }
}


/* Main Page*/
label { padding-left : 0.3rem !important;}