body {
	background-color: #000000;
}
html{     
    overflow-x: hidden;     
    overflow-y: auto;     
}     
body,p,td { font-family:"Verdana,Arial","Helvetica","Microsoft YaHei","sans-serif"; font-size:9pt; color:#ffffff }
body { scrollbar-face-color: #EEEEEE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #0F0F0F;
scrollbar-track-color: #ededed;
scrollbar-darkshadow-color: #202020; }

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
img {
    display: block; /* 移除图片底部空白 */
    object-fit: contain; /* 保持图片宽高比，不裁剪 */
}

/* 默认样式：针对竖屏或宽度小于高度的情况 */
/* 在移动设备上，通常默认是竖屏，所以图片应限制宽度 */
img {
    max-width: 100%; /* 图片最大宽度为容器的100% */
    height: auto;    /* 高度自动调整以保持宽高比 */
}

/* 媒体查询：当屏幕处于横屏模式时 (宽度大于高度) */
@media screen and (orientation: landscape) {
    img {
        max-height: 100%; /* 图片最大高度为容器的100% */
        width: auto;     /* 宽度自动调整以保持宽高比 */
    }
}

a { COLOR: #ffffff; TEXT-DECORATION: none }
a:hover { COLOR: #cccccc; TEXT-DECORATION: underline}