@charset "UTF-8";

body { background-color:#f9f9f9; }

#ly-Layout { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
#ly-Layout div.frame { width:435px; padding-bottom:100px; }
#ly-Layout header { text-align:center; color:#313640; }
#ly-Layout header h1 { margin-bottom:15px; }
#ly-Layout header h1 img { width:200px; vertical-align:top; }
#ly-Layout header h2 { font-size:2em; }
#ly-Layout div.ip { margin-top:20px; text-align:center; color:#797979; font-size:.875em; }

#ly-Login { width:100%; margin-top:60px; border:none; }
#ly-Login dl.id { margin-bottom:15px; }
#ly-Login dl.password { margin-bottom:18px; }
#ly-Login dl dd input { width:100%; border:1px solid #e1e1e1; border-radius:6px; padding:14px 15px; font-size:.875em; }
#ly-Login div.save { margin-left:5px; margin-bottom:18px; color:#999; font-size:.875em; }
#ly-Login div.save input { border:2px solid #999; border-radius:200px; }
#ly-Login div.submit button { width:100%; padding:14px 15px; border:none; border-radius:6px; background-color:#313640; font-weight:700; color:#fff; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219.99px) {
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1219.99px) {
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
}

/* Desktop */
@media screen and (min-width:1220px) {
}