@charset "utf-8";

.login_img_all{background:url(../images/login_bg_rock.png) no-repeat center top; width:750px; height:275px; margin:50px auto 5px auto; padding:30px 30px 20px 160px;}
.login_img_all_company{background:url(../images/login_bg_company.png) no-repeat center top; width:787px; height:206px; margin:50px auto 100px auto; padding:30px 50px 20px 80px;}
.green_log_box{background-color:#e4fdfa; border:2px solid #01a694; padding:15px; width:330px; height:90px;color:#000; font-weight:bold; font-size:1em;}
.green_log_box li{margin-bottom:5px; border-bottom:1px dashed #666666; padding-bottom:2px;}
.green_log_box li a{color:#005047;}
.green_log_box li a:hover{ background-color:#9F0; text-decoration:none;}
.login_img_all:after{content:''; display:block; clear:both;}
.wel{width:360px;}
.wel_pop{width:220px;}
.input_s{width:360px;}

.login_tong{background:url(../images/login_bg_white.png) no-repeat left bottom; width:710px; height:335px; padding:0px 0px 0px 0px;}
.login_left_pic{background:url(../images/login_left_pic.png) no-repeat left top; width:169px; height:280px; margin-left:5px;}
.login_type_id{background:url(../images/login_type_small.png) no-repeat left top; width:251px; height:221px; margin-top:15px; margin-left:21px;}
.login_type_otp{background:url(../images/login_type_small.png) no-repeat left top; width:251px; height:221px; margin-top:15px; margin-left:2px;}
.con_ssa{ position:absolute; left:187px; top:57px;}
.login_tit{
	/* background:url(../images/welcome_bg_white.png) no-repeat left top; */
	width:550px;
	height:49px;
	text-align:center;
	color:#019e9e;
	font-weight:bold;
	font-size:2em;
	margin-left:70px;
	padding:45px 0px 0px 0px;
	/* margin-bottom:-4px; */
}
.inp_bg{
	background:url(../images/login_input_bg.png) no-repeat left top;
	color:#333; 
	font-weight:bold; 
	border:none; width:260px;
	height:22px;
	padding:7px 0 2px 8px;
	margin-top:1px;
	outline:none;
	}
.inp_bg_small{
	background:url(../images/login_input_bg_small.png) no-repeat left top;
	color:#333; 
	font-weight:bold; 
	border:none; width:154px;
	height:15px;
	padding:2px 0 1px 8px;
	margin-top:1px;
	outline:none;
	}
.inp_bg_green{
	background:url(../images/login_input_green.png) no-repeat left top;
	color:#000000;
	font-weight:bold;
	border:none; width:213px;
	height:22px;
	padding:7px 0px 2px 8px;
	margin-top:1px;
	outline:none;
}
.inp_bg_white{
	background:url(../images/login_input_bg_white.png) no-repeat left top;
	color:#000000;
	font-weight:bold;
	border:none; width:200px;
	height:28px;
	padding:3px 0px 2px 4px;
	margin-top:1px;
	outline:none;
}
.login_tong p{margin-bottom:1px;}
.login_tong p img{vertical-align:top;}
.green_desc{color:#019e9e; font-size:1.031em;} /* 16.5px/16=1.031em */
.close{position:absolute; top:0; right:0;}
.close_login_popup{position:absolute; top:35px; right:5px;}

.in_le_wide{width:280px; display:inline-block; font-weight:bold;}
.in_le_pop{width:220px; display:inline-block;}
.in_le_pop_thin{width:170px; display:inline-block;}
.in_le_pop_150_thin{width:150px; display:inline-block;}
.in_le_mini{width:90px; display:inline-block;}

.r_text{width:400px; }

#loginBtn, #resetBtn {
	cursor:pointer;
}
.errorblock {
	color: #ff0000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
}
.logout_message {
	text-align:center;
	line-height:200%;
	font-weight:bold;
}
.logout_activity {
	margin:20px 0 10px 0;
	font-weight:bold;
}

/* 202105: New login pop-up */
.login_table {
	border-collapse: collapse;
	width: 680px;
	position: absolute;
  	left: 15px;
}
.login_type_col_l {
	border-right: 1px solid #009591;
	width: 320px;
}
.login_type_col_r {
	width: 320px;
}
.login_desc {
	margin-top: 15px;
	margin-left: 10px;
	text-align: center;
  	font-size: 13px;
  	color: #009591;
}
.login_type {
	text-align: center;
	font-weight: bold;
  	font-size: 16px;
  	color: #009591;
}
.id_field {
	margin-top: 30px;
}
.passwd_field {
	margin-top: 5px;
}
.login_btn {
	margin-top: 15px;
	margin-right: 20px;
	text-align: right;
}
.f_name {
	margin-left: 20px;
	margin-top: 6px;
	text-align: center;
	color: #009591;
	float:left;
}
.f_input {
	margin-right: 20px;
	text-align: right;
	color: #009591;
}

.f_input2 {
	margin-right: 20px; 
	text-align: right;
	color: #009591;
	position: relative;
}
.f_input2button {    	
    position: absolute;  
    right: 0px;  
    border: none;  
    height: 28px; 
    cursor: pointer;  
    margin-top:1px; 
    color: #009591;
    width: 42px;
    text-align:center; 
    padding-top:5px;
    padding-right:5px; 
    transform: translateX(2px); 
}  

.f_input3button {    
    position: absolute;  
    right: 250px;  
    border: none;  
    height: 29px; 
    cursor: pointer;  
    margin-top:8px; 
    color:#333; 
    width: 42px; 
    transform: translateX(-165px); 
}