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

[data-v-1c333d7e] .customer-table table td.w25 {
    width: 20vw;
    max-width: 20vw
}

[data-v-1c333d7e] .full-table table.customer {
    width: 100vw
}

[data-v-1c333d7e] .full-table table.customer tbody tr th,[data-v-1c333d7e] .full-table table.customer tbody tr td {
    text-align: left;
    padding: 1.4vw;
    font-size: .81rem;
    border-bottom: 1px solid #332e2a;
    color: var(--txtColor01);
    vertical-align: top;
    background: #0f0e0b;
}

[data-v-1c333d7e] .full-table table.customer tbody tr th {
    font-weight: 600;
    padding: 2.4vw;
    background: #222222;
}

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

[data-v-1c333d7e] .full-table table.customer tbody tr td input,[data-v-1c333d7e] .full-table table.customer tbody tr td textarea {
    border: 1px solid #605e55;
    padding: 2vw;
    width: 72vw;
    line-height: 1.6;
    font-size: .86rem;
    background: #0f0e0b;
    font-family: Microsoft JhengHei,sans-serif
}

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

[data-v-1c333d7e] .customer-table button {
    width: 20vw;
    padding: 2.2vw;
    border-radius: 10vw;
    -webkit-border-radius: 10vw;
    -moz-border-radius: 10vw;
    -ms-border-radius: 10vw;
    -o-border-radius: 10vw;
    font-size: .81rem;
    font-weight: 600
}

[data-v-1c333d7e] button.write-button {
    margin: 1vw;
    background: #d6ad00;
    color: #000;
    border-radius: 1vw;
}

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

[data-v-1c333d7e] button.checknow-button {
    background: var(--btnColor01);
    color: var(--txtColor05)
}

[data-v-1c333d7e] button.finish-button {
    background: var(--bgColor38);
    color: var(--txtColor01)
}

[data-v-1c333d7e] button.finish-button.not-read {
    color: var(--txtColor39)
}

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

[data-v-1c333d7e] .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-1c333d7e] .reply-box .subject div {
    font-weight: 600;
    color: var(--txtColor19)
}

[data-v-1c333d7e] .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-1c333d7e] .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-1c333d7e] .reply-box,[data-v-1c333d7e] .full-table table.customer tbody tr th,[data-v-1c333d7e] .full-table table.customer tbody tr td,[data-v-1c333d7e] .full-table table.customer tbody tr td input,[data-v-1c333d7e] .full-table table.customer tbody tr td textarea {
        font-size:1.6rem
    }
}

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