body {
            display: flex;
    justify-content: center;
    align-items: center; /* 垂直置中 */
    min-height: 100vh; /* 設置最小高度為視窗高度 */
    margin: 0; /* 移除邊距 */
        }
         .login-container {
    max-width: 600px; /* 增加最大寬度 */
    width: 80%; /* 將寬度設為視窗的80%，您可以根據需要調整 */
    margin: auto; /* 水平置中 */
    padding-top: 100px;
    border: 2px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: relative; /* 新增此行，使得內部內容相對於容器定位 */
}
        .login-form {
            flex-basis: 40%;
            padding: 20px;
            border: 2px solid #ccc;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .login-image {
            flex-basis: 55%;
            background-image: url('image.jpg'); /* 您的圖片URL */
            background-size: cover;
            background-position: center;
            border-radius: 10px;
        }
        .form-group i {
            position: absolute;
            right: 15px;
            top: 10px;
            color: #aaa;
        }
        .form-control {
            padding-right: 30px; /* 避免文字與圖示重疊 */
        }
        .login-button {
            width: 100%;
        }
        .login-options {
            display: flex;
            justify-content: space-between;
        }
.footer {
    background-color: #1e2d30;
    color: #ffffff;
    padding: 10px 20px;
    position: fixed; /* 改為fixed固定在底部 */
    bottom: 0;
    left: 0; /* 添加左側位置為0 */
    right: 0; /* 添加右側位置為0 */
    z-index: 100;
    display: flex;
    justify-content: space-between;
}


.footer-content {
    display: flex;
    align-items: center;
}

.footer-item {
    margin-left: 15px; /* 添加左邊距使項目分開 */
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
}

.footer-item i {
    margin-right: 5px; /* 如果有圖標，與文字間隔一些距離 */
}