h1{text-transform:uppercase;padding:5px;font-size:1.3em;}


.wrapper, .error{ 
  position:absolute;
  left:50%;top:35%;
  transform:translateX(-50%) translateY(-50%);
  text-align:center;
  font-size:1.3em;
  width:400px;	
}


.button{padding:0.7em 2em;color:#fff;border:2px solid #fff;font-size:0.8em;border-radius:25px;}
.button:hover{opacity:0.9;cursor:pointer;}
#btnRetry, #btnLogin{display:block;}
#btnReq{display:inline-block;}
#logo{position:fixed;top:70%;text-align:center;width:100%;color:#fff;font-size:1.5em;background:url(/customer/img/user_logo.png)#fff no-repeat center;padding:80px 0 0 0;margin-left:-10px;}
.notfound{background:url(/img/Info_w.png) no-repeat center center; width:100%;height:140px;opacity:0.2;}
.content{width:500px;min-height:100px;border-radius:5px;
  position:absolute;
  left:50%;
  top:35%;
  transform:translateX(-50%) translateY(-35%);
  text-align:center;
  font-size:1em;
  color:#333;
  padding:1.8em 1em;
  background:#fff;
  display:none;
}
.content .button{font-weight:bold;border-radius:5px;font-size:1em;width:320px;padding:1em;margin-top:20px;}
.content .disabled{background-color:#ddd;}
#frmLogin{width:400px;padding:20px 0 0 50px;display:block;display:none;}
#frmLogin label{width:100%;text-align:left;display:inline-block;padding:20px 0 5px 0;font-weight:bold;font-size:0.8em;}
#frmLogin .txt_terms{width:100%;height:50px;overflow-y:scroll;border:1px solid <?=$arr_color[0]?>;font-size:10px;text-align:left;padding:1em;}
#wrap_ty_user{width:100%;}
#wrap_ty_user input[type='radio']{display:none;}

#wrap_ty_user label{display:inline-block;width:95px;border:1px solid #e9e9e9;color:#777;cursor:pointer;
	background:#f1f1f1 url(/img/if_88_171447_30.png) no-repeat center 10px;padding:80px 10px 10px 10px;
	background-size:64px;}
	
#wrap_ty_user label.check{background-image:url(/img/if_88_171447.png);width:80%;}


#frmLogin input[type='text'], 
#frmLogin input[type='password']{padding:0.5em;font-size:1em;width:330px;border:1px solid #fff;border-bottom:1px solid #ddd;}

#wrap_sms{text-align:left;margin:0;padding:0;width:100%;}
#wrap_sms input[type='text'], 
#wrap_sms input[type='password']{padding:0.5em;font-size:1em;width:280px;vertical-align:middle;margin:0;}

#wrap_sms p{border:1px solid red;text-align:left;}
#wrap_sms .button{padding:10px 10px 9px 10px;font-size:13px;margin-left:-5px;}
#wrap_sms #btnSms{padding:10px 30px;vertical-align:middle;}
#chk_terms{text-align:left;width:100%;font-size:0.8em;padding:5px 10px 5px 30px;
			background:url(/img/uncheck.png) no-repeat 10px center;
			background-size:16px;cursor:pointer;color:#777;}
#chk_terms.check{background-image:url(/img/check1.png);font-weight:bold;}

#info_user, #info_node{font-size:12px;margin:0;padding:0;}
#info_node{margin-top:30px;}
#frmLogin #info_user input[type=text], 
#frmLogin #info_node input[type=text]{font-size:12px;border:1px solid #ddd;padding:5px; width:70%;}
.infoTbl3{width:100%;border:1px solid #ddd;text-align:left;}
.infoTbl3 th{width:30%;text-align:left;padding:5px;color:#777;font-weight:normal;}
.infoTbl3 td{width:70%;padding:5px;}
.infoTbl3 caption{text-align:right;}
#info_user h2, #info_node h2{font-size:1.2em;text-align:left;}
#info_user h2 span, 
#info_node h2 span{font-size:0.8em;color:#777;padding-left:20px;font-weight:normal;}