@media screen and (max-device-width: 400px) {
    body{
        width: 400px !important;
    }
}

body{
    /*font-family: 'Lato', sans-serif!important;*/
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important;*/
    font-family: Arial, Helvetica, sans-serif!important;
    /*font-family: Verdana, Geneva, sans-serif !important;*/
    /*font-family:Merriweather,Georgia,serif !important;*/
    /*font-family:  Verdana, Geneva, sans-serif!important;*/
    font-size:1.6em;
    font-weight:300;
    line-height:1.8em;
    /*padding-top: 100px;*/
    background: #e2e2e2!important;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
}

div.header-div{
    background-color: #31708f;
}

div.navbar-collapse{
    background-color: #31708f;
}

nav{
    background-color: #31708f;
}

nav.navbar{
    margin: 2px auto;
}

ul.nav > li > a:hover, ul.nav > li > a:focus {
    text-decoration: none;
    background-color: #1797ce;
}

.open>a{
    background-color: #31708f!important;
}

@media (min-width: 768px) { /* 对应 Bootstrap 的 lg 断点 */
    .navbar-toggler {
        display: none; /* 在大屏幕上隐藏折叠按钮 */
    }
}

@media (max-width: 768px) {
    button.collapse_button{
        margin-left: 6px;
        margin-top: 12px;
    }
}

.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.header-logo {
    display: block;
    margin-left: 0px;
    max-width: 60%; /* Make sure it's responsive */
    height: auto;
}


.content-logo {
    display: block;
    margin-left: 0px;
    max-width: 100%; /* Make sure it's responsive */
    height: auto;
}

li.nav-item a{
    color: white!important;
    font-size: 18px;
}

div.content-panel{
    margin-bottom: 4px;
    padding: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.red_square {
    display: inline-block;
    background: #1b6285;
    width: 5px;
    height: 5px;
    margin-bottom: 3.4px;
    margin-right: 10px;
}

div.list-group{
    margin-bottom: 0px!important;
}

h3.title_lty, p.title_lty{
    color: #1b6285;
    font-weight: bold;
}

.list-group-item {
    border: none !important;
}

span.text-highlight{
    color: #064e72;
    text-decoration: underline;
}

div.myContent{
    padding: 20px;
}

.navbar-nav .dropdown-menu {
    display: none; /* 默认不显示子菜单 */
    position: absolute; /* 绝对定位 */
    background-color: #f8f9fa; /* 背景色 */
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); /* 阴影效果 */
    z-index: 1; /* 确保子菜单在其他元素上方 */
    width: 100%; /* 宽度 */
}
/* 子菜单项样式 */
.navbar-nav .dropdown-menu a {
    color: #333; /* 文本颜色 */
    font-size: 15px;
    padding: 12px 16px; /* 内边距 */
    text-decoration: none; /* 去除下划线 */
    display: block; /* 块状显示 */
}

/* 鼠标悬停时显示子菜单 */
.nav-item.dropdown:hover .dropdown-menu {
    display: block; /* 显示子菜单 */
}

/* 子菜单链接的悬停效果 */
.navbar-nav .dropdown-menu a:hover {
    background-color: #31708f; /* 悬停背景色 */
    text-decoration-line: underline;
}
.navbar-nav .dropdown-menu{
    width: 100% !important;
    padding-right: 10px;
}