.v2_form_content.flex-container {
    display: flex;
    flex-wrap: wrap; /* 允許換行以適應小螢幕 */
    justify-content: space-between;
    align-items: center;
    background-color: #142857;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    margin: 15px 0;
    position: relative; /* 為絕對定位的子元素提供定位參考 */
}

 /* 上傳按鈕容器 */
.v2_form_content.flex-container .fileinput {
    order: 2; /* 將上傳按鈕放在右側 */
    flex: 0 0 35%; /* 上傳按鈕占容器的 35% */
    max-width: 35%; /* 防止超出 */
    margin-left: 20px; /* 增加左側間距 */
}



 /* 圖片樣式 */
.v2_upload_preview img {
    width: 100%; /* 使圖片佔滿容器寬度 */
    height: 100%; /* 使圖片佔滿容器高度 */
    object-fit: contain; /* 保持比例，避免裁切 */
}


/* 建議尺寸提示文字樣式 */
.v2_upload_preview .help-block-inside {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(245, 245, 245, 0.8); /* 半透明灰色背景 */
    color: #ccc;
    padding: 5px 0;
    border-radius: 0 0 8px 8px; /* 圓角僅在底部 */
    font-size: 14px; /* 調整字體大小 */
    margin: 0; /* 移除預設 margin */
}


.v2_form_content .v2_upload_preview {
    order: 1; /* 將圖片預覽放在左側 */
    flex: 0 0 55%; /* 圖片預覽占容器的 55% */
    max-width: 55%; /* 防止超出 */
    border: 1px solid #ccc; /* 灰色邊框 */
    background-color: #f5f5f5; /* 灰色背景 */
    padding: 10px; /* 內邊距 */
    box-sizing: border-box; /* 包含內邊距在寬度內 */
    border-radius: 8px; /* 圓角 */
    /*height: 320px;*/ /* 調整高度，使其稍微高一點 */
    position: relative; /* 為絕對定位的子元素提供定位參考 */
    overflow: hidden; /* 隱藏溢出的內容 */
}


/* 上傳按鈕樣式調整 */
.fileinput .btn-file {
    margin-bottom: 10px;
}

/* 關閉按鈕樣式 */
.remove_server_img {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}





/* 響應式調整 */
@media (max-width: 767px) {
    .v2_form_content.flex-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2_form_content.flex-container .fileinput,
    .v2_form_content.flex-container .v2_upload_preview {
        flex: 0 0 100%;
        max-width: 100% !important;
        margin-left: 0;
    }

    .v2_upload_preview {
        max-width: 100% !important;
        margin-bottom: 15px;
        height: auto; /* 自動調整高度以適應內容 */
    }

    /* 調整建議尺寸提示文字在小螢幕上的顯示 */
    .v2_upload_preview .help-block-inside {
        position: static;
        background-color: transparent;
        color: #ccc;
        padding: 5px 0;
        border-radius: 0;
        font-size: 14px;
        margin-top: 10px;
        text-align: left;
    }
}