@charset "utf-8";
/* CSS Document */
@import url(../fonts2/fonts2.css);
@import url(themify-icons.css);
*{margin:0px; padding:0px; outline:0px;}


@font-face {
  font-family: 'themify';
  src:url('../fonts/themify.eot?-fvbane');
  src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
    url('../fonts/themify.woff?-fvbane') format('woff'),
    url('../fonts/themify.ttf?-fvbane') format('truetype'),
    url('../fonts/themify.svg?-fvbane#themify') format('svg');
  font-weight: normal;
  font-style: normal;
}
body, table, td, th, form, input, textarea, select, button{font-family: 'helveticaneuelight'; color:#333; font-size:14px; line-height:20px; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; font-weight:normal;}

ul,li{list-style:none;}
a{text-decoration:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal; line-height:100%;}

.wrapper_login{position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#FFF; *display: none; }
.pageload_cover{position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #f9f8f7;z-index: 9999; display: block;}
.pageload_cover img{margin: auto; position: absolute; bottom: 0px; top: 0px; right: 0px; left: 0px; width: 110px;}

.login_page{width:100%; height: 100%; position:absolute; top:0px; left:0px; background:url(../images/front_bg.jpg) center center no-repeat; background-size:cover; z-index:5; *display:none;}
.login_page span{*background:rgba(0,0,0,0.5); width:100%; height:100%; position:relative; display:block;}

.logo_front{background:url(../images/logo_front.png) center center no-repeat; display: block;width: 500px; height:220px; margin:auto;position:absolute; z-index:11; bottom:20px; left:0; right:0;  *display:none; background-size:90% auto;}
.logo_front.gohide{bottom:50px; opacity:0; visibility:hidden; transition:all 0.4s linear;}

.login_box{position: absolute;top: 0px;right: 100px;bottom: 0px;max-width: 200px;*margin: auto;border-radius: 0px 0px 4px 4px;z-index: 11;padding: 0px 20px 20px;*background: rgba(255, 255, 255, 0.3);}
.ntpc_logofrnt{width: 110px; margin:20px auto; display: block;}
.login_box h3{color:#fff; text-transform: uppercase; text-align: center; line-height: 30px;}

.small_logo{*background:url(../images/front_bg.jpg) center center no-repeat; background-size:cover; height: 110px;  *margin-right:10px;    border-radius: 3px 3px 0px 0px; position:relative; margin-bottom:40px;}
.small_logo span{background:url(../images/logo_front_line.png) center bottom no-repeat; *background-size: contain; position:absolute; width:100%; height:100%; top:0px; left:0px;}
.form_box{position:relative; margin-top: 120px; *background:#FBFBFB; padding:20px 0px; border-radius:0px 0px 3px 3px; *box-shadow:0px 0px 5px rgba(0, 0, 0, 0.08); }
.input_login{width: 100%; height: 25px; border: none; padding: 0px 10px;box-sizing: border-box; margin-bottom: 10px; color: #333;       *border: 1px solid #BDBDBD; border-radius: 50px; font-size: 10px; background: rgba(255, 255, 255, 0.64);}
.input_login::-webkit-input-placeholder { color:#969696;}
.input_login:-moz-placeholder {color: #969696; opacity:  1;}
.input_login::-moz-placeholder { color: #969696; opacity:  1;}
.input_login:-ms-input-placeholder {color: #969696;}
input.input_login:-webkit-autofill{background:#FFF;}
select.input_login{-webkit-appearance:none;-moz-appearance:none;appearance:none; background: rgba(255, 255, 255, 0.64) url("../images/ico/ico_dropdown.svg")center right no-repeat ; background-size: 26px 15px; }
select.input_login::-ms-expand{display: none;}
select.input_login:before{content: "\e64d";font-family: 'themify'; position: absolute; right: 0px; width: 20px; height: 20px;}

.text_link{display: block;text-align: center;color: #fbfbfb;}

.input_submit{background: #F6F6F6;border: 1px solid #EAEAEA; padding: 0px 20px; cursor: pointer; border-radius: 142px; display: block; width: 100px; margin: 30px auto 20px; font-size: 10px; color: #808080;}

.credit_box{position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 1px solid #F5F5F5; padding: 10px; display:none;}
.credit_box p{font-size: 9px; line-height: 16px; text-align:center;}




.credit_box p span{padding: 0px 5px; color: #6B6B6B;}
.copy_box p{text-align: center; font-size: 11px; color: #FFFFFF; *font-weight: bold;}

.co_logos{position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 1; height: 38px; border-top: 1px solid #992828;}
.fi_logo{display: block;height: 38px;width: 170px;background: url(../images/fi_logo.png) center center no-repeat; background-size: contain;position: absolute;right: 10px;}
.dl_logo{display: block; height: 80px; width: 400px; background:#FFF url(../images/dl_logo.png) center left no-repeat;   background-size: contain; margin-right: 10px; position: absolute; left: 0px; bottom: 0px;}
.login_alert{position: fixed; top: 50px; left: 0px; right: 0px; margin: auto; max-width: 500px; background: #FFF; z-index: 111; padding: 10px; border-radius: 50px; text-align: center; border: 1px solid #f00;}
.login_alert p{color: #f00;}





@media only screen and (max-width: 600px) {
  .logo_front{width: 300px; height:110px; margin:auto;position:absolute; z-index:11; bottom:50%; left:0; right:0; top: auto;  *display:none; background-size:90% auto;margin-bottom: 20px;}
  .login_box{left: 0px; right: 0px; margin: auto; top: auto; max-width: 100%;}
  .login_page{ background:url(../images/front_bg_mob.png) top center no-repeat; background-size:contain; }
  .login_shade{position: absolute;bottom: 0px; left: 0px; right: 0px; top: 0px; background: url("../images/front_bg_shade.png") center bottom no-repeat; background-size: 100% 110%;z-index: 11;}
  .input_submit{margin:15px auto 20px;}
  .form_box{max-width: 200px;margin: auto;}
}