.pageBannerWrap.contactBanner{
    background: url(../images/contact_ban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.filltext,
.fillselect,
.filltextarea,
.fillcheckbox{
    margin-bottom: 3.5rem;
}
input,
select,
textarea,
.form-control {
    width: 100%;
    height: 100%;
    padding: 1rem;
    border: 0;
    letter-spacing: 2px;
    border-bottom: 1px solid var(--black40);
    background-color: var(--bgColor);
    transition: border-color 0.3s;
    box-sizing: border-box;
    appearance: none;
}
p,
h5,
li,
a,
input::placeholder,
select,
textarea::placeholder,
select option:disabled,
.form-control::placeholder {
    color: var(--blackColor);
}

.menu__nav select{
    border: 1px solid var(--black80)!important;
}

input:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--hoverColor);
    outline: none;
}
/* 填完後 */
input:not(:placeholder-shown),
select:valid,
textarea:not(:placeholder-shown),
.form-control:not(:placeholder-shown) {
    border-color: var(--hoverColor);
    /* background-color: #e8f0fe;
    border-color: #4d4d4d; */
}
.selectBlock {
    width: 100%;
}
select {
    max-width: unset;
}
option {
    background-color:var(--whiteColor);
}


/* 自定義下拉 */
/* .custom-select {
    position: relative;
    border-bottom: 1px solid var(--black40);
    background-color: var(--bgColor);
}
.custom-select.selected {
    border-bottom-color: var(--hoverColor);
}
.custom-select__trigger {
    position: relative;
    padding: 1rem;
    color: var(--blackColor);
}
.custom-select__trigger::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--black60);
    pointer-events: none;
    transition: transform 0.3s;
}
.custom-select.open .custom-select__trigger::after {
    transform: translateY(-50%) rotate(180deg);
}
.custom-options {
    display: none;
    flex-flow: column wrap;
    position: absolute;
    width: 100%;
    max-height: 300px;
    color: var(--blackColor);
    border: 1px solid var(--black40);
    background-color: var(--whiteColor);
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 1;
    cursor: pointer;
}
.custom-option {
    padding: 0.25rem 1rem;
}
.custom-option:hover,
.custom-option.selected {
    color: var(--whiteColor);
    background-color: var(--black60);
}
.custom-option.disabled {
    color: var(--black60);
    cursor: default;
    pointer-events: none;
} */


/* 驗證碼 */
.form-control {
    font-size: 1.125rem;
    border-radius: unset;
}
.form-control:focus {
    color: var(--black80);
    background-color: var(--bgColor);
    box-shadow: none;
}


/* 按鈕 */
.btnBox {
    margin: 1.5rem 0 0;
}
.btnBox .btn-submit,
.btnBox .btn-reset {
    width: 100%;
    letter-spacing: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
/* .btnBox .btn-submit {
    color: var(--whiteColor);
    border: 1px solid var(--hoverColor);
    background-color: var(--hoverColor);
}
.btnBox .btn-submit:hover {
    color: #212529;
} */


/* 右半部內容 */
.rightSide h2 {
    font-weight: 400;
    color: var(--secColor);
    margin-bottom: 1rem;
}
.rightSide h5 {
    font-size: 1.125rem;
}
.rightSide ul {
    padding-left: 5rem;
}
.rightSide ul>li {
    /* min-height: 145px; */
    list-style: none;
    padding-top: 2rem;
    margin-bottom: 2rem;
    border-top: 1px solid var(--black40);
}
.rightSide ul>li>ol {
    padding-left: 0;
}
.rightSide ul>li>ol>li {
    display: grid;
    grid-template-columns: auto 1fr;
    list-style: none;
    align-items: start;
}
.rightSide ul>li>ol>li .label {
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .filltext,
    .fillselect,
    .filltextarea,
    .fillcheckbox{
        margin-bottom: 1.5rem;
    }
    .rightSide {
        margin-top: 3.5rem;
    }
    .rightSide ul {
        padding-left: 0;
    }
}