/* common */
#wrap{position:relative; width:100%; height:100vh; min-width:320px; min-height:500px; background:url(/image/bg_intro.png) no-repeat; background-size:100% 100%;}
.wrap{position:relative; width:100%; /*height:100vh;*/ min-width:320px; min-height:500px; background:url(/image/bg_base.png) no-repeat; background-size:100% 100%;}
.wrap.show{display: block;}

/* login */
#login{position:absolute; top:59%; left:0; width:100%; margin-top:-52px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
#login h1{text-align:center;}
#login h1 img{width:88px; height:72px;}
#login h1 .ez-logo, #login h1 .xi-logo {width:130px; height:initial;}
#login h2 { text-align:center;margin:30px 0;font-size:2em;}
#login .frm_login{margin-top:46px; padding:0 30px;}
#login .frm_login input.textbox,
#login .frm_login button{display:block; width:100%; height:39px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
#login .frm_login button[type=reset] {background:#9f8f80;margin-top:50px;}
#login .frm_login input.textbox{padding-left:15px; font-size:16px; color:#505050; background:#fff;}
#login .frm_login input.textbox + input.textbox{margin-top:15px;}
#login .frm_login button{margin-top:15px; font-size:20px; color:#fff; background:#9e9e9e;}
#login .auto_login{margin-top:38px; text-align:center; line-height:22px;}
#login .auto_login .label{margin-right:23px; display:inline-block; font-size:17px; vertical-align:middle;}
#login .auto_login .bootstrap-switch{z-index:0; position:relative; display:inline-block; width:45px; height:8px; text-align:left; direction:ltr; cursor:pointer; vertical-align:middle; background:#d9d9d9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#login .auto_login .bootstrap-switch.bootstrap-switch-animate{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;overflow:visible;}
#login .auto_login .bootstrap-switch.bootstrap-switch-on{background:#5d5d5d;}
#login .auto_login .bootstrap-switch .bootstrap-switch-container{position:absolute; top:-7px; line-height:1; display:inline-block; height:22px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
#login .auto_login .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; }
#login .auto_login .bootstrap-switch .bootstrap-switch-handle-on,
#login .auto_login .bootstrap-switch .bootstrap-switch-handle-off,
#login .auto_login .bootstrap-switch .bootstrap-switch-label{cursor:pointer; display:inline-block !important; height:22px; font-size:0; vertical-align:middle; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear;}
#login .auto_login .bootstrap-switch .bootstrap-switch-handle-on,
#login .auto_login .bootstrap-switch .bootstrap-switch-handle-off{z-index:1; width:33px;}
#login .auto_login .bootstrap-switch .bootstrap-switch-label{z-index:100; width:22px !important; background:#fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.28); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.28); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.28);}
#login .auto_login .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{box-shadow:1px 1px 3px rgba(0,0,0,0.65); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.65); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.65);}