﻿    /* 底部容器样式 */
    .foot-container {
        width: 100%; /* 最大宽度不超过窗口宽度 */
        margin: 0 auto; /* 水平居中 */
        display: flex; /* 使用 Flex 布局 */
        justify-content: center; /* 水平居中 */
        align-items: top; /* 垂直居中 */
        flex-wrap: wrap; /* 换行 */
        background-color: #003366;
    }

    /* 底部分块样式 */
    .foot-div {
        width: 22%; /* 每个表格的宽度 */
        //border: 3px solid #ccc; /* 边框样式 */
        margin: 5px; /* 表格之间的间距 */
        padding: 10px; /* 内边距 */
        text-align: center; /* 文本水平居中 */
        }

        .tableF {
	width: 100%;
	border-spacing: 0;
	margin:0 auto;
	border: 0px solid black;
                border-collapse: collapse;

        }

    .captionF {
        width:100%; /* 每个单元格占的宽度 */
        text-align: center;/* 水平居中对齐 */
        vertical-align: middle; /* 垂直居中对齐 */
        font-size: 16pt;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 250%;
        color: white;
        background-color: #003366;
	font-weight: normal;
	padding: 0px;

    }

	.tdF {
		width: 25%; /* 每个单元格占的宽度 */
		text-align: center; /* 水平居中对齐 */
		vertical-align: middle; /* 垂直居中对齐 */
		font-size: 12pt;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 160%;
		color:white;
		}

    A.white, 
    A.white:hover,
    A.white:active {
        font-size: 12pt;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 160%;
    }
    A.white {
        color: #ffffff;
    }
    A.white:hover {
        color: #ff9933;
    }
    A.white:active {
        color: #cccccc;
    }

    @media screen and (max-width: 768px) {
        .container {
        flex-direction: column;
        }
        .foot-div {
                width: 100%; /* 宽度变为100%以垂直排列 */
        }
    }
