﻿.InputStyle {
    position: relative;
    margin-top: 50px;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
}

/*一般輸入欄位*/
    .InputStyle input {
        border: none;
        border-bottom: 1px solid blue;
        background: none;
        font: 700 16px/1.5 'Montserrat',sans-serif;
    }
    /*非一般Text輸入欄位處理*/
    .InputStyle .check {
        border: 1px solid blue;
    }

    .InputStyle label {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        transition: all 0.5s;
        font: 700 20px/1.5 'Montserrat',sans-serif;
    }

/*valid 需要配合 required 使用*/
    .InputStyle input:focus + label,
    .InputStyle input:valid + label {
        font: 500 16px/1.5 'Montserrat',sans-serif;
        top: -30px;
        color: blue;
    }

/*防止type為Email 等等造成 css Valid 失效，使用Jquery控制*/
.InputlabelOpen {
    font: 500 16px/1.5 'Montserrat',sans-serif !important;
    top: -30px !important;
    color: blue !important;
}
.InputStyle_Readonly {
    position: relative;
    margin-top: 50px;
    width: 80%;
    margin-inline: auto;
}

    .InputStyle_Readonly input {
        border: none;
        border-bottom: 1px solid blue;
        background: none;
        font-size: 20px;
        font-weight: 700;
        border-radius: initial;
    }

    .InputStyle_Readonly label {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        transition: all 0.5s;
        font: 500 16px/1.5 'Montserrat',sans-serif !important;
        top: -30px;
        color: blue;
    }
