body {
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url('./background.jpg');
    color: #040f52;
    padding-right: 0!important;
    padding-top: 0!important;
    font-family: Helvetica, Tahoma, Arial;
    font-weight: 500;
}
.contact-us {
    color: navy;
    text-decoration: underline;
}
.container-main {
    min-height: 940px;
    min-width: 1500px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}
.navbar {
    background-color:#8BB4FE; 
    font-weight: 500;
    min-width: 1500px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}
.logo {
    color:white;
}
.logo > .logo-main {
    background-color:#04559c;
    font-family: Georgia, serif;
    font-size: 1.4em;
    font-weight:500;
    width: 300px;
    text-align: center;
}
.logo > .logo-second {
    font-family: 'Marriweather',Times, serif;
    font-size: 0.9em;
    font-weight:bold;
    color:#02325c;
}
.home-slogan {
    color:#02325c; 
    padding-top: 540px; 
    padding-left: 740px;
}
.about {
    font-size: 1.4em; 
    padding-top: 280px;
}
.navbar-nav {
    font-size: 1.4rem;
}
.navbar-nav > .nav-item {
    padding-left: 30px;
}
.navbar-nav > .nav-item > .nav-link {
    color:white;
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-nav > .nav-item > .navbar-text {
    color: white;
}
.navbar-nav > .nav-item > .active {
    border-bottom: 2px solid white;
}
.navbar-nav > .nav-item > .nav-link:hover {
    border-bottom: 2px solid white ;
}
.sub-content {
    background-color:white;
    opacity:0.88;
    /* for IE */
    filter:alpha(opacity=88);
    padding-bottom: 20px;
}
.nav.sidebar {
    background-color: rgba(255, 255, 255, 0.1);
    opacity:0.8;
    /* for IE */
    filter:alpha(opacity=80);
}
.nav.sidebar > .nav-item .nav-link {
    color: black;
    padding-left: 30px;
}
.flash-message {
    position: absolute; 
    top: 80px; 
    right: 20px;
    z-index: 1024;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(172, 169, 169);
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(172, 169, 169);
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(172, 169, 169);
}
.card-header {
    background-color: rgba(0, 0, 0, 0.06);
}
.custom-switch > .custom-control-input:not(:checked) ~ .custom-control-label::before{
    border-color: grey;
}
.username {
    width: 180px;
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    white-space: nowrap;
    font-family:'Lucida Calligraphy', cursive;
    text-align: right;
}