.banner-container {
    padding-top: 15vw; 
}

.main-content{
    margin-top: -5rem;
    position: relative;
    z-index: 10;
}

/* #region -----Interface Controllers Section----- */
.contact-us{
    padding-top: 100px;
    padding-bottom: 100px;
}

.contact-us-list{
    display: grid;
    gap: 10px;
}

.DropdownItem [name="title"] {
    font-size: clamp(20px, 1.25rem, 999px);
}

.DropdownItem [name="title"] h2{
    color: var(--Black, #000);
    margin-bottom: 0;
}

.DropdownItem [name="subtitle"] {
    display: none;
}

.DropdownItem .DropdownItem {
    width: 100%; 
    padding: 0;
    box-shadow: unset;
}

.DropdownItem .DropdownItem [name="title"] h2{
    color: var(--Primary-Blue);
}

.DropdownItem .DropdownItem [name="content"] > *:last-child {
    margin-bottom: 0;
}

.contact-us-info{
    font-family: "Funnel Sans";
    margin-top: 15px;
    font-size: 18px;
}

.contact-us-info h4{
    font-size: 18px;
}

.contact-us-info a {
    color: var(--Black);
}

.contact-us-info span{
    color: var(--Black) !important;
    text-decoration: unset !important;
}

.contact-us-info .contact-us-item:not(:last-child) {
    margin-bottom: 20px;
}

.contact-us-item strong, .contact-us-item span{
    font-size: 18px !important;
    font-weight: normal !important;
}

.contact-us-description p{
    margin: 0;
}

.contact-us-description a{
    overflow-wrap: anywhere;
}
/* #endregion */ 

/* Investor Section Styles */
.investor {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}

.investor-content {
    display: flex;
    min-height: 53.8125rem; /* 861px */
    position: relative;
}

.investor-image {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
    order: 1; /* 桌面版預設順序 */
}

.investor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.investor-info {
    flex: 1;
    padding: 2.3125rem 7.5rem 2.3125rem 5rem; /* 37px 120px 37px 80px */
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    order: 2; /* 桌面版預設順序 */
}

.investor-title {
    font-family: "Funnel Display";
    font-size: clamp(48px, 3rem, 999px);
    font-weight: 700;
    color: #0042FF;
    margin: 0 0 0 0;
    line-height: normal;
    max-width: 39.375rem; /* 630px */
}

.investor-divider {
    width: 46.875rem; /* 750px */
    height: 0.075rem; /* 1.2px */
    background-color: #000000;
    margin: 2.5rem 0 2.125rem 0; /* 40px 0 34px 0 */
}

.info-section {
    margin-bottom: 2rem; /* 32px */
}

.info-section:last-child {
    margin-top: 2.25rem; /* 36px */
}

.section-title {
    font-family: "Funnel Sans";
    font-size: clamp(24px, 1.5rem, 999px);
    font-weight: 700;
    color: #0042FF;
    margin: 0 0 1.25rem 0; /* 20px */
    line-height: 1.25;
}

.spokesperson-info {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem; /* 15px */
}

.spokesperson {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem; /* 15px */
}

.spokesperson-details {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem; /* 5px */
    margin: 0.9375rem 0; /* 15px 0 */
}

.spokesperson-name, .spokesperson-title {
    font-family: "Funnel Sans";
    font-size: clamp(24px, 1.5rem, 999px);
    font-weight: 400;
    color: #000000;
    line-height: normal;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 0.9375rem; /* 15px */
}

.contact-icon {
    width: 2.6875rem; /* 43px */
    height: 2.6875rem; /* 43px - 統一高度設定 */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.contact-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contact-text {
    font-family: "Funnel Sans";
    font-size: clamp(24px, 1.5rem, 999px);
    font-weight: 400;
    color: #000000;
    line-height: 1.2; /* 統一行高設定確保垂直對齊 */
}

.contact-email{
    text-decoration-line: underline;
    color: #000000;
}

.contact-email:hover {
    color: #0042FF;
    text-decoration-line: underline;
}

/* General Require Section Styles */
.generalRequire {
    background-color: #0042FF;
    padding: 0;
    margin: 0;
    height: 37.5rem; /* 600px */
}

.general-content {
    display: flex;
    height: 100%;
    position: relative;
}

.general-info {
    flex: 0 0 50%;
    padding: 14.5rem 0 0 6.25rem; /* 232px 0 0 100px */
    background-color: #0042FF;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.general-title {
    font-family: "Funnel Display";
    font-size: clamp(48px, 3rem, 999px);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 1.6875rem 0; /* 27px */
    line-height: 1.3;
    max-width: 36.4375rem; /* 583px */
}

.general-button {
    margin-top: 0;
}

/* 移除重複的按鈕樣式，使用site.css中的 btn_more_white */
.contact-btn {
    font-size: clamp(18px, 1.125rem, 999px);
    width: 7.5rem; /* 120px */
    height: 2.6875rem; /* 43px */
    box-sizing: border-box;
}

.general-image {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
}

.general-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}