.contactPage-root-Afq {
}

.contactPage-banner-6VL {
}

.contactPage-title--zX {

    /* Medium */
    text-align: center !important;
    line-height: 100%;
    padding:0 0 20px 0;
}

.contactPage-subtitle-g97 {
    font-size: 0.875rem;
    padding: 20px 0;
}

.contactPage-content-uhc {
    /* Medium */
}

.contactPage-formContainer-vaj,
.contactPage-sideContent-k4n {
    /* Medium */
}

.contactPage-sideContent-k4n {
    width: 100%;
}

.contactPage-form-ZOY {
}

.contactPage-formErrors-Pui {
    border-color: rgb(var(--venia-global-color-error));
    border-style: solid;
    border-width: 0 0 0 5px;
    padding: 1rem 0 1rem 1rem;
    display: grid;
    grid-column: 1 / span 1;
}

.contactPage-loadingContainer-r1U {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(252, 252, 252, 0.75);
}

.contactPage-buttonsContainer-ZB9 {

    /* Medium */
}

.contactPage-buttonsContainer-ZB9>button {
    width: 100%;
    border-radius: 6.25rem;
    background: #000;
    border: none;
}

.contactPage-buttonsContainer-ZB9>button:hover {
    background: #000;
}

.contactPage-buttonsContainer-ZB9>button:focus {
    box-shadow: none;
}


@media screen and (max-width: 759px) {
    .contactPage-title--zX {
        font-size: 3.125rem;
    }
}

@media (min-width: 760px) {
    .contactPage-title--zX {
        font-size: 4.125rem;
    }
}

.contactPage-nameView-SLP {
    display: grid;
    gap: 10px;
    grid-template-columns: auto auto;
}

.contactPage-nameViewOther-IZE {
    width: 48%;
    display: flex;
    flex-direction: column;
}

.contactPage-footerContent-NdK {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactPage-selectView-RXf {
    width: 100%;
    height: 2.5rem;
    border: 2px solid rgba(75, 85, 99, 1);
    border-radius: 5px;
    padding-left: 10px;
}

.contactPage-pageSucc-gl5 {
    padding-bottom: 40px;
}


@media (max-width: 960px) {
    .contact1117_banner {
        background-position: center !important;
        background-size: auto 100% !important;
        height: 200px !important;
        min-height: auto !important;
    }

    .contact1117_banner p {
        margin: 0 !important;
        line-height: 1 !important;
    }
}
.column-root-syg {
}

@media only screen and (max-width: 960px) {
    .column-root-syg {
        background-attachment: scroll !important;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .columnLine-root-mGa {
        flex-wrap: wrap;
    }
}


.errorMessage-root-uB8 {
}

.errorMessage-errorMessage-pas {
}

.field-root-HJ- {
}

.field-label-ZLF {
    min-height: 2.125rem;
}

.field-input-CUm {
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px); /* TODO @TW: review */

    /* composes: focus_outline-none from global;
    composes: focus_shadow-inputFocus from global; */
}

.field-input-CUm:disabled {
    background: rgb(var(--venia-global-color-gray-100));
    border-color: rgb(var(--venia-global-color-gray-400));
    color: rgb(var(--venia-global-color-gray-darker));
}

.field-optional-j24 {
}


.field-input-new-y-X {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
    line-height: 16px;
    font-size:14px;
    color: #000;
}

.textInput-input-Jz0 {
    outline:none; padding:0 10px;
}

.textInput-input_error-9x2 {
    outline:none;
}

.textInput-input_shimmer-Eo6 {
    font-size: 1rem;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
}


.textInput-inputnew-r4g {
    /* outline-color:#000; */
    outline:none;
}

.textInput-inputnone-BpN {
    /* composes: input from '../Field/field.module.css';
    composes: disabled_text-subtle from global; */
    font-size: 50px;
    height: 80px;
    width: 100%;
    padding: 20px 20px 30px 0;
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.textInput-inputnew_error-X3q {
    border: 1px solid rgba(185, 28, 28, 1);
    outline:none;
}

@media (max-width: 960px) {
    .textInput-inputnone-BpN {
        font-size: 16px;
        height: 60px; padding: 0;
    }
}
.fieldIcons-root-ecG {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-Ced {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-Ced > input {
    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);
    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);
}

.fieldIcons-before-G3M,
.fieldIcons-after-xwp {
    padding-top: 8px;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-G3M:empty,
.fieldIcons-after-xwp:empty {
    display: none;
}

.fieldIcons-before-G3M {
    grid-area: before;
}

.fieldIcons-after-xwp {
    grid-area: after;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-G3M svg {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}


/* 新样式 2023-9 */

.fieldIcons-root-new-PzW,
.fieldIcons-root-new_error-lEy,
.fieldIcons-root-none-Psw,
.fieldIcons-root-none_error-nGQ {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-new-9zR,
.fieldIcons-input-new_error-LGY,
.fieldIcons-input-none-uvl,
.fieldIcons-input-none_error-omQ  {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-new-9zR > input,
.fieldIcons-input-new_error-LGY > input,
.fieldIcons-input-none-uvl > input,
.fieldIcons-input-none_error-omQ > input {
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
}

.fieldIcons-before-new-1Lp,
.fieldIcons-after-new-7V0,
.fieldIcons-before-none--yZ,
.fieldIcons-after-none-Lno {
    color: #000;
}
.fieldIcons-before-new_error-aVE,
.fieldIcons-after-new_error-rZ7,
.fieldIcons-before-none_error--H3,
.fieldIcons-after-none_error-HzQ {
    color: rgba(185, 28, 28, 1);
}
/* TODO @TW: cannot compose */
.fieldIcons-before-new-1Lp:empty,
.fieldIcons-before-new_error-aVE:empty,
.fieldIcons-after-new-7V0:empty,
.fieldIcons-after-new_error-rZ7:empty,
.fieldIcons-before-none--yZ:empty,
.fieldIcons-before-none_error--H3:empty,
.fieldIcons-after-none-Lno:empty,
.fieldIcons-after-none_error-HzQ:empty  {
    display: none;
}

.fieldIcons-before-new-1Lp,
.fieldIcons-before-new_error-aVE,
.fieldIcons-before-none--yZ,
.fieldIcons-before-none_error--H3 {
    grid-area: before;
}

.fieldIcons-after-new-7V0,
.fieldIcons-after-new_error-rZ7,
.fieldIcons-after-none-Lno,
.fieldIcons-after-none_error-HzQ {
    grid-area: after;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-new-1Lp svg,
.fieldIcons-before-none--yZ svg  {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}
.message-root-B-9 {
}

/* TODO @TW: cannot compose */
.message-root-B-9:empty {
    display: none;
}

.message-root_error-sDd {
    font-size: 12px;
}

.select-wrapper-U3K {
    grid-template-areas: 'input icon';
    grid-template-columns: auto 2.25rem;
}

.select-input-Inp,
.select-input_error-uky {
    grid-area: input-start / input-start / input-end / icon-end;
    padding-right: calc(2.25rem - 1px);
    /* TODO @TW: review */
}

.select-input-Inp {
}

.select-inputnew-cYG {
}

.select-inputnew_error-rh5 {
    border: 1px solid rgba(185, 28, 28, 1);
}
.icon-root-VMv {
    touch-action: manipulation;
}

.icon-icon-A2I {
    fill: var(--fill, none);
    stroke: var(--stroke, rgb(var(--venia-global-color-text)));
}

.icon-icon_desktop-v-0 {
}

.textArea-input-3ua {
}

.textArea-input_shimmer-jKy {
    font-size: 1rem;
}
.textArea-inputnew-2be {
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
    border-radius: 4px;
}
.textArea-inputnew_error-Xt1 {
    border: 1px solid rgba(185, 28, 28, 1);
}

.button-root-3iv {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    min-width:200px;

    /* composes: focus_shadow-inputFocus from global; */
}

.button-root-3iv:active {
    transition-duration: 128ms;
}

/**
 * Some browsers retain the :hover state after a click, this ensures if a button becomes disabled after
 * being clicked it will be visually disabled.
 */
.button-root-3iv:hover:disabled {
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}

.button-root_lowPriority-xHk {
}

.button-root_normalPriority-Z4b {
}

.button-root_highPriority-sM1 {
    background: #000;color: #fff;
}
.button-root_highPriority-sM1:hover{
    background: #000;color: #fff; opacity: 0.7;
}

.button-root_lowPriorityNegative-KqK,
.button-root_normalPriorityNegative-DHO {
}

.button-root_highPriorityNegative-inZ {
   
}

.button-content-ouv {
}

/* 新样式 */
.button-root-new-0dl {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 20px;
    color: #fff;
    min-width:200px;
}
.button-root-black--4a{
    /* composes: min-w-[10rem] from global; */
    /* TODO @TW: review */
    line-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 9999px;
    color: #fff;
    min-width:200px;
}
.button-root-white-toR{
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    border:1px solid #000;
    height: 2.5rem;
    border-radius: 9999px;
    color: #000;
    min-width:200px;
}
.button-root-new-0dl:active,.button-root-black--4a:active {
    transition-duration: 128ms;
}

.button-root-new-0dl:hover:disabled,.button-root-black--4a:hover:disabled{
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}
/* autoBlack */
.button-root-autoBlack-ex0{
    background: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border-radius: 4px; font-size: 16px;
    width: 100%;
}
.button-root-autoBlack-ex0:disabled{
    pointer-events: none;
    opacity: 0.3;
}
@media (max-width: 960px) {
    .button-root-3iv,.button-root-white-toR,.button-root-black--4a,.button-root-new-0dl{
        min-width:100px;
    }
}