@charset "UTF-8";
[data-v-4cbdccc6] .v_deep_service_center .customer-table table td.w55 {
    width: 60vw;
    max-width: 60vw;
    padding: 2vw
}

[data-v-4cbdccc6] .v_deep_service_center .customer-table table td.w25 {
    width: 20vw;
    max-width: 20vw
}

[data-v-4cbdccc6] .v_deep_service_center .full-table table.customer {
    width: 100vw
}

[data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr th, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td {
    text-align: left;
    padding: 1.4vw;
    font-size: .81rem;
    border-bottom: 1px solid #444444;
    color: #ffffff;
    vertical-align: middle
}

[data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr th {
    font-weight: 600;
    background: linear-gradient(to bottom,#3f3f3f 0%,#181818 100%);
    color: #ffffff;
    padding: 2.4vw
}

[data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td input {
    margin-bottom: 2vw
}

[data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td input, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td textarea {
    border: 1px solid var(--borderColor05);
    padding: 2vw;
    width: 72vw;
    line-height: 1.6;
    font-size: .86rem;
    font-family: Microsoft JhengHei, sans-serif
}

[data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td p {
    margin-bottom: 1vw
}

[data-v-4cbdccc6] .v_deep_service_center .customer-table button {
    width: 23vw;
    padding: 2.2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .81rem;
    font-weight: 600
}

[data-v-4cbdccc6] .v_deep_service_center button.write-button {
    margin: 1vw;
    background: linear-gradient(to bottom, #3f3f3f 0%,#181818 100%);
    color: #ffffff;
}

[data-v-4cbdccc6] .v_deep_service_center button.consultation-button {
    margin: 1vw;
    width: auto;
    min-width: 22vw
}

[data-v-4cbdccc6] .v_deep_service_center button.checknow-button {
    background: var(--bgColor24);
    color: var(--txtColor01)
}

[data-v-4cbdccc6] .v_deep_service_center button.finish-button {
    color: var(--txtColor01);
    background: var(--btnColor10)
}

[data-v-4cbdccc6] .v_deep_service_center button.finish-button.not-read {
    color: var(--txtColor39)
}

[data-v-4cbdccc6] .v_deep_service_center .reply-box {
    padding: 3.4vw;
    background: var(--bgColor06);
    border-top: 2px solid var(--borderColor19);
    font-size: .93rem
}

[data-v-4cbdccc6] .v_deep_service_center .reply-box .subject {
    width: 93.2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.4vw 3.4vw;
    background: var(--bgColor19);
    border: 1px solid var(--borderColor20);
    color: var(--txtColor15)
}

[data-v-4cbdccc6] .v_deep_service_center .reply-box .subject div {
    font-weight: 600;
    color: var(--txtColor19)
}

[data-v-4cbdccc6] .v_deep_service_center .reply-box textarea {
    width: 93.2vw;
    margin: 2.6vw auto 0;
    padding: 3.4vw;
    background: var(--bgColor01);
    border: 1px solid var(--borderColor20);
    line-height: 1.6
}

[data-v-4cbdccc6] .v_deep_service_center .reply-box .btn-center {
    padding: 1.4vw 0 0
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    [data-v-4cbdccc6] .v_deep_service_center .reply-box, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr th, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td input, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td textarea {
        font-size: 1.6rem
    }

    [data-v-4cbdccc6] .v_deep_service_center .customer-table button {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    [data-v-4cbdccc6] .v_deep_service_center .reply-box, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr th, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td input, [data-v-4cbdccc6] .v_deep_service_center .full-table table.customer tbody tr td textarea {
        font-size: 2.4rem
    }

    [data-v-4cbdccc6] .v_deep_service_center .customer-table button {
        font-size: 1.8rem
    }
}