@charset "utf-8";
/* --------------------------------------------------------------- */
body,
body > main{
    min-height: 95vh;
}

main{
    margin: 0 auto;
    width: auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

main > article{
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

main > article > section{
    width: 25em;
    flex-direction: column;
}

article input,
article button{
    width: 100%;
}

.area_login > *{
    width: 100%;
}

.area_login dd{
    margin-bottom: 1em;
    padding: 0;
}