﻿/*表單*/
.invalid-feedback { /*驗證錯誤訊息 改bootstrap*/
    margin-top: .15rem;
    opacity: 0.9;
    background: #dc3545;
    width: fit-content;
    color: #fff;
    padding: 0.15em 0.35em;
    border-radius: 4px;
}

.form-text { /*說明文字*/
    line-height: 1.3;
}
/*註冊表單用*/
.form-row > [class*=col-] > .form-row > [class*=col-] { /*改bootstrap樣式*/
    padding-bottom: 5px;
}

/*表單區塊*/
.formCard .card-header {
    font-weight: 500;
    background: #0a92c7;
    color: #fff;
    padding: .35rem 1.25rem;
    font-size: 18px;
}

.formCard.card {
    border: 1px solid rgba(10,146,199,0.3);
}

.loginBlock .input-group-text { /*input前面有icon*/
    background: none;
    border-right: none;
    color: #fabe0d;
}

.input-group-prepend + .form-control {
    border-left: none;
}

@media (min-width: 576px) {
    /*表單*/
    .mainContent .areaBlock {
    }
}

@media (min-width: 768px) {
    /*註冊表單用*/
    .form-row > [class*=col-] > .form-row > [class*=col-] {
        padding-bottom: 0;
    }
}