/* 集團「聯絡我們」表單：上傳相關圖片或檔案（樣式依集團站表單的字級、顏色與線條） */
.gcuBox { width: 100%; }
.gcuBox .gcu-drop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 30px;
    padding: 24px 20px;
    border: 1px dashed rgba(0, 0, 0, .25);
    background: rgba(50, 28, 5, .02);
}
.gcuBox .gcu-text {
    flex: 1;
    margin: 0;
    color: rgb(50, 28, 5);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: .5px;
}
.gcuBox .gcu-text small { display: block; font-size: 13px; color: rgba(50, 28, 5, .6); }
.gcuBox .gcu-add {
    flex-shrink: 0;
    min-width: 130px;
    height: 44px;
    padding: 0 26px;
    border: 1px solid rgb(50, 28, 5);
    border-radius: 100px;
    background: transparent;
    color: rgb(50, 28, 5);
    font-family: inherit;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background-color .25s, color .25s;
}
.gcuBox .gcu-add:hover,
.gcuBox .gcu-add:focus-visible { background: rgb(50, 28, 5); color: #fff; outline: 0; }
.gcuBox .gcu-list { list-style: none; margin: 0; padding: 0; counter-reset: gcu; }
.gcuBox .gcu-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    color: rgb(50, 28, 5);
    font-size: 14px;
    line-height: 1.6;
}
.gcuBox .gcu-item:before {
    content: counter(gcu, decimal-leading-zero);
    counter-increment: gcu;
    flex-shrink: 0;
    font-weight: 500;
    color: rgba(50, 28, 5, .5);
}
.gcuBox .gcu-name { flex: 1; min-width: 0; word-break: break-all; }
.gcuBox .gcu-size { flex-shrink: 0; color: rgba(50, 28, 5, .5); font-size: 13px; }
.gcuBox .gcu-why { flex-shrink: 0; color: #ff001f; font-size: 13px; }
.gcuBox .gcu-del {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: rgb(50, 28, 5);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.gcuBox .gcu-del:hover,
.gcuBox .gcu-del:focus-visible { background: rgba(50, 28, 5, .08); outline: 0; }
.gcuBox .gcu-item.is-bad .gcu-name,
.gcuBox .gcu-item.is-bad:before { color: #ff001f; }
.gcuBox .gcu-tip { display: none; margin: 12px 0 0; color: #ff001f; font-size: 13px; line-height: 1.7; }
.gcuBox.has-error .gcu-tip { display: block; }
.gcuBox.has-error .gcu-drop { border-color: #ff001f; }
@media only screen and (max-width: 767px) {
    .gcuBox .gcu-drop { flex-direction: column; align-items: flex-start; padding: 20px 16px; }
    .gcuBox .gcu-add { width: 100%; }
    .gcuBox .gcu-item { gap: 10px; padding: 12px 0; }
    .gcuBox .gcu-size, .gcuBox .gcu-why { font-size: 12px; }
}