/* CSS Document */

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eaeaea;
}

ul { list-style:none;
}

.page-wrapper { margin:0 auto; width:1177px; position:relative; clear:both; background-color:#FFFFFF;
}

.nav-item { padding:0px 20px;
}

.nav-link {  font-weight:bold;
}

.relatedlink > li { border-bottom: 1px solid #e4e4e4; padding: 8px;
}

.list-unstyled > li { padding: 15px; border: 1px #afafaf solid;
}

.center { display:block; margin:auto;
}

#article > .nav-link.active { color: #495057; font-weight: bold;  
}

#article > .nav-link { color: #CCCCCC; font-weight: bold;  
}

#article > .nav-link:hover { color: #495057; font-weight: bold;  
}

ul.nav.flex-column > li { text-align:center; border: 1px #afafaf solid; }

.footer { background-color:#106470;
}

/* 固定头部相关样式 */
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: white;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.sticky-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.page-content {
    padding-top: 10px;
}

.header-container {
    background-color: white;
    padding-bottom: 10px;
    width: 100%;
}

/* 固定头部滚动效果 */
.sticky-header.scrolled {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: box-shadow 0.3s ease;
}

.article-content {
	word-wrap: break-word;
	white-space: normal;
}

.article-content img {
	max-width: 100%;
	height: auto;
}

.scroll-content-auto{
	overflow: auto;
}