.signin-section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: url(/Login/image/login-bg.jpg) no-repeat center 70%;
    background-size: cover;
}

.sub-section {
    width: 25%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px 20px;
    border: 1px solid #808080;
    border-radius: 5px;
    box-shadow: 5px 5px 20px rgba(61, 61, 61, 1); /* 陰影效果，水平偏移, 垂直偏移, 模糊程度, 陰影顏色 */
    max-height: 430px;
    min-height: 350px;
}

@media(max-width: 1200px){
    .sub-section{
        width: 30%;
    }
}

@media(max-width: 767px) {
    .sub-section {
        width: 80%;
    }
}