/* Language */

#divLanguage
{width:390px; height:100px; padding-top:30px; margin:0 auto;}

#divLanguageTitle
{text-align:right; margin-right:12px; font-size:15px; user-select:none;}

#divLanguageSelect
{text-align:right; font-size:13px;}

#slctLanguage
{padding:5px; user-select:none;}




/* Logo */

#divTop
{margin:0 auto; height:80px;}

#divTop > img
{height:50px; user-select:none;}




/* Return */

#divReturnLogin
{width:calc(100% - 60px); min-width:390px; max-width:1000px; margin:0 auto;
 display:grid; grid-template-columns:1fr; justify-items:center; align-items:center;}

#divReturnLogin > div
{width:calc(100% - 40px); padding:20px; text-align:left;}




/* PageSize */

#divMain
{min-height:calc(100vh - 330px);}

#divContainer
{display:grid; grid-template-columns:1fr; justify-items:center; align-items:center;}

#divContents
{width:100%;}




/* Login & Forgot Common */

#divCase
{margin:20px auto 0 auto; width:390px; height:450px;}

#divLoginForgot
{border:1px solid rgb(200,200,200); box-shadow:0 0 10px rgb(200,200,200);}


#frmLogin > div, #frmForgot > div
{width:85%;}

#frmLogin > div > input:focus, #frmForgot > div > input:focus
{border-bottom:2px solid rgb(100,200,255); background-color:rgb(240,245,255);}


.divInputTitle
{height:20px; text-align:left; font-size:12px; color:rgb(100,100,100);}

.divInput
{margin:0 auto; height:35px; border-bottom:2px solid rgb(210,210,210); background-color:rgb(245,245,245);}

.inptStyle
{width:calc(100% - 10px); padding:10px 7px; text-align:left; font-size:15px;}




/* Login */

#divLoginTitle
{cursor:pointer; width:100%; padding:20px 0; user-select:none;
 font-size:18px; font-weight:bold; color:rgb(255,255,255);}


#divLogin.is_open
{height:358px; transition:height 450ms ease 250ms;}

#divLogin.is_close
{height:0px; transition:height 200ms ease 0ms;}


#frmLogin
{display:inherit; opacity:1; transition:opacity 130ms ease-in 400ms;}

#frmLogin.divHidden
{opacity:0;}


#divLoginMailTitle
{margin:0 auto; padding-top:45px; user-select:none;}

#divLoginPswdTitle
{margin:40px auto 0 auto; user-select:none;}

#divShowPswd
{margin:13px 40px 0 auto; height:37px; text-align:right; font-size:14px;}

#aShowPswd
{cursor:pointer; text-decoration:underline; user-select:none;}


#divLoginPswdReturn
{text-align:center;}

#divLoginButton
{height:35px; margin:0 auto; padding:25px 0 45px 0;}

#btnLogin
{width:150px; color:rgb(255,255,255); user-select:none;}




/* Forgot */

#divForgotTitle
{cursor:pointer; padding:10px 0; font-size:15px; user-select:none;}

#divForgot.is_open
{height:358px; transition:height 300ms ease 250ms;}

#divForgot.is_close
{height:0px; transition:height 200ms ease 0ms;}


#frmForgot, #divClose
{display:inline; opacity:1; transition:opacity 130ms ease-in 400ms;}

#frmForgot.divHidden, #divClose.divHidden
{opacity:0;}

#divForgotText
{height:50px; margin:0 auto; padding-top:30px; user-select:none;
 font-size:14px; color:rgb(60,60,60);}

#divForgotMailTitle
{margin:0 auto; padding-top:15px; user-select:none;}

#divForgotButton
{height:35px; margin:0 auto; padding:40px 0 50px 0;}

#btnForgot
{width:185px; color:rgb(255,255,255); user-select:none;}


#btnClose
{width:185px; user-select:none;}




/* Foot */

#divFoot
{height:120px; text-align:center; color:rgb(30,30,30); font-size:13px;}

#divFootSpace
{height:90px;}