#cont > .btn.new { float: left; }
#cont > .btn.save { float: left; width: 84px; margin: 0 0 0 5px; }
#cont > .btn.pwd { float: left; width: 104px; margin: 0 0 0 5px; }
#cont > .expire { float: right; margin: 0 0 0 20px; }
#cont > .expire > .label { display: inline-block; vertical-align: top; width: 60px; margin: 6px 0; font-size: 10px; }
#cont > .expire > .select { width: 98px; margin: 0 0 0 5px; }
#cont > .expire > .checkbox { width: 223px; margin: 0 0 0 5px; }
#cont > .textarea { width: calc(100% - 2px); margin: 5px 0 0 0; }

@media only screen and (max-width: 703px)
{
    #cont > .btn.save { float: right; width: 104px; margin: 0 0 0 5px; }
    #cont > .btn.pwd { float: right; margin: 5px 0 0 calc(100% - 126px); }
    #cont > .expire { display: inline-block; vertical-align: top; float: none; width: 100%; margin: 5px 0 0 0; text-align: right; }
    #cont > .expire > .label { margin: 6px 0 6px calc(100% - 191px); }
    #cont > .expire > .select { width: 104px; }
    #cont > .expire > .checkbox { margin: 5px 0 0 0; }
}

@media only screen and (max-width: 281px)
{
    #cont > .expire > .checkbox { width: calc(100% - 2px); text-align: center; }
    #cont > .expire > .checkbox > .option > .txt { width: 100%; padding: 5px 0 0 0; }
}