.campany-logo{
    text-align:center;
    margin:50px 0;
}
.campany-logo img{
    max-width:40%;
    min-width:150px;
}
.login-tit { text-align: center; padding:5% 0; font-size: 150%;}
.login-box{
    max-width:40%;
    min-width:300px;
    text-align:center;
    margin:0 auto;
    border:1px solid #eee;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding:20px 40px;
    box-sizing:border-box;
    border-radius:5px;        /* CSS3草案 */
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */
    -moz-border-radius:5px;   /* Firefox用 */

}

/*Form*/
.cp_iptxt {
    position: relative;
    width:auto;
    margin:40px 3%;
}
.cp_iptxt span {
    position:absolute;
    display:inline-block;
    left:0.5em;
    bottom:0.6em;
}

.cp_iptxt input[type='text'],
.cp_iptxt input[type='password']{
    font: 15px/24px sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5em 0.3em 0.3em 2.2em;
    transition: 0.3s;
    letter-spacing: 1px;
    color: #333;
    border: none;
    border-bottom: 2px solid #DEDEDE;
    background: transparent;
    box-sizing:border-box;
}
.ef input[type='text']:focus,
.ef input[type='password']:focus{
    border-bottom: 2px solid #2559A6;
    outline: none;
}

input::placeholder{
    color:#CCC;
    font-family: 'Thasadith', sans-serif;
}

/* IE */
input:-ms-input-placeholder{
    color:#CCC;
    font-family: 'Thasadith', sans-serif;
}
/* Edge */
input::-ms-input-placeholder{
    color:#CCC;
    font-family: 'Thasadith', sans-serif;
}

/* css checkbox */
.checkbox-input{
    display: none;
}
.checkbox-parts{
    font-size:0.9em;
    color:#555;
    padding-left: 22px;
    position:relative;
    margin-right: 20px;
}
.checkbox-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
    color:#008486;
}
.checkbox-input:checked + .checkbox-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #008486;
    border-right: 3px solid #008486;
}

.fa-user-circle,
.fa-unlock-alt{
    color:#BBB;
    padding:0 0 3px 0;
}

.button-area{
    text-align:center;
    margin-top:2em;
    height:4em;
}

    .button-area .submit {
        font-family: 'Thasadith', sans-serif;
        display: inline-block;
        width: 160px;
        height: 46px;
        text-align: center;
        text-decoration: none;
        line-height: 46px;
        outline: none;
        cursor:pointer;
        background-color: #fff;
        letter-spacing:0.2em;
        border-radius:5px;        /* CSS3草案 */
        -webkit-border-radius:5px;    /* Safari,Google Chrome用 */
        -moz-border-radius:5px;   /* Firefox用 */
    }

    .button-area .submit::before,
    .button-area .submit::after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
    }
    .button-area .submit,
    .button-area .submit a,
    .button-area .submit::before,
    .button-area .submit::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }


.button-area .submit {background-color:#2559A6!important; color: #fff!important; border-color:#2559A6 !important;}
    .button-area .submit:hover {background-color:#006C68 !important; border-color:#006C68 !important; color: #fff!important;}
    .button-area .submit:active {background-color:#D4ECEE !important; border-color:#D4ECEE !important; color: #008486 !important;}
    .button-area .submit:focus { background-color:#D4ECEE !important; border-color:#D4ECEE !important; color: #008486 !important;}

.button-area .submit a {color:#fff;}
    .button-area .submit:hover a { color:#FFF;}
    .button-area .submit:active a { color:#006C68;}
    .button-area .submit:focus a { color:#006C68;}