@charset "utf-8";

.internet_Eng{
	#font-family: "open_sans"; !important;	
	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
	background: url(../img/CCBBackgroundImage.png) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;margin:0;height:100%;
}
.internetblur_Eng{
	#font-family: "open_sans"; !important;	
	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
	background: url(../img/CCBBackgroundImageBlur.png) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;margin:0;height:100%;
}

.internet_Big5{
	#font-family:"noto_tc_sans"!important;	
	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
	background: url(../img/CCBBackgroundImage.png) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;margin:0;height:100%;
}

.internetblur_Big5{
	#font-family:"noto_tc_sans"!important;
	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;	
	background: url(../img/CCBBackgroundImageBlur.png) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;margin:0;height:100%;
}

.internet_Gb{
	#font-family:"noto_sc_sans"!important;
	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
	background: url(../img/CCBBackgroundImage.png) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;margin:0;height:100%;
}

.internetblur_Gb{
	#font-family:"noto_sc_sans"!important;
	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
	background: url(../img/CCBBackgroundImageBlur.png) no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;overflow:auto;margin:0;height:100%;
}


.header{ width:100%; height:71px; margin:0 auto;}
.wrapper{ position:relative; margin:0 auto; width:1000px; height:375px;}

.keyboard{
   	  width:600px;   	  
   	  margin-left:auto;	 
   	  margin-right:auto; 
   	  margin-top:500px;
   	
   	}
/* login_header*/
.login_header{display:inline-block; float:left; margin-top:30px;margin-left:-10px; text-align:left;width:500px; }
.login_header1{display:inline-block; float:left; margin-top:30px; text-align:left;width:500px; margin-bottom:30px;margin-left:-5px;}
.login_header_img{ float:left; margin:0; padding:0; width:250px;}
.login_header_img2{ float:left; margin:0; padding:7px; width:219px;}
.login_header_img3{ float:left; margin:0; padding:0; width:474px;}
.logoLine{float:left; padding:0px; text-align:center;width:5px;margin-left:12px; margin-right:8px;margin-top:-3px;}
.login_header_text
{
	float:left; margin:0; padding:0; text-align:left;width:254px; padding-top:-20px;
	font-family: Noto Sans;     
    font-size: 20px;
    color: #105399;
   
}
.login_header_text li{display:block; clear:both; line-style:none; float:left; text-align:left; padding-top:10px;}

/*add for suspension*/
.suspension{
	margin-left:-3px;
}
     
.login_tab_text{             
      
        font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;     
    	font-size: 15px;
     	word-spacing:0.5px;
        font-weight: bold;
        color: #104e8b;
        margin-left:0px;
        text-decoration:none;
    } 
.login_tab_text_alt{             
        font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;     
    	font-size: 15px;
    	word-spacing:0.5px;
        font-weight: bold;
        color: #666666;
        margin-right:0px;
        text-decoration:none;
    } 
.login_tab_text a:link{text-decoration:none;}
.login_tab_text a:hover{text-decoration:none;}
.login_tab_text a:visited{text-decoration:none;}
.login_tab_text_alt a:link{text-decoration:none;}
.login_tab_text_alt a:hover{text-decoration:none;}
.login_tab_text_alt a:visited{text-decoration:none;color: #104e8b;}

.login_tab{ margin:0; padding:0; text-align:center;width:49%;display:inline-block; padding-top:0px; padding-bottom:0px; margin-bottom:0px;}
.login_tab_alt{background:url(../img/Rectangle10.png) center bottom no-repeat;}

.check{
background:url(../img/tick_circle_dark.png) left center no-repeat;

height:25px;
width:25px;
}

.checkbox{
	display:none;
}

 .saveacct{             
        
        font-size: 15px;
       
        #text-decoration:underline;
        text-align:center;
    } 
.errorback{
	width:130px;
	height:42px;
	font-size: 15px;
	color:#FFFFFF;
	text-align:center;
	display:inline-block;
	padding-top:10.5px;
	background:url(../img/Rectangle13.png) no-repeat center;
	#background-size:96% 50%;
	background-size:100% 100%;
	text-decoration:none;
	margin-right:62px;
}
.errorback a:link{text-decoration:none;color:#FFFFFF;}
.errorback a:hover{text-decoration:none;color:#FFFFFF;}
.errorback a:visited{text-decoration:none;color:#FFFFFF;}

.myBottomContent{
 	width:2000px; 
	overflow:hidden;
	white-space: nowrap;
	position:relative; 
	height: 31px;
	letter-spacing: 0.4px;
}

 .bottomAlertError{
	display: inline-block;
	margin-top:5px;	
	margin-left:70px;
	padding-left:140px;	
}
.bottomConentError{
	display: inline-block;
	margin-top:6px;
	margin-left:5px;
	#width:1300px; 	
	
} 
.bottomMarquee{
	position: relative;
	border:1px solide red;
	height:28px;	
	width:100%;
	margin:0px;	
	padding:0px;
   }

.bottomAlertImg{
    width:15px;
	height:15px;
	vertical-align:middle;
	line-height:28px;
}

.bottomAlertChrome{
	display: inline-block;
	width:15px;
	height:28px;
	margin:0px;	
	padding:0px;
	margin-left:70px;
	padding-left:140px;	
	vertical-align:middle;
	line-height:31px;
}
.bottomConentChrome{
	display: inline-block;
	padding:0px;
	margin:0px;
	padding-left:20px;
	#width:1300px; 	
	height:28px;
	line-height:33px;
	vertical-align:middle;
}
.bottomConent a:focus{text-decoration:none}


.keyA{ display:block; position:absolute; left:55px; top:208px;  no-repeat 0 0; width:50px; height:50px;}
.keyB{ display:block; position:absolute; left:210px; top:242px; no-repeat 0 0; width:50px; height:50px;}
.keyC{ display:block; position:absolute; left:148px; top:242px; no-repeat 0 0; width:50px; height:50px;}
.keyD{ display:block; position:absolute; left:117px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyE{ display:block; position:absolute; left:101px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyF{ display:block; position:absolute; left:148px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyG{ display:block; position:absolute; left:179px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyH{ display:block; position:absolute; left:210px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyI{ display:block; position:absolute; left:256px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyJ{ display:block; position:absolute; left:241px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyK{ display:block; position:absolute; left:272px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyL{ display:block; position:absolute; left:303px; top:208px; no-repeat 0 0; width:50px; height:50px;}
.keyM{ display:block; position:absolute; left:272px; top:242px; no-repeat 0 0; width:50px; height:50px;}
.keyN{ display:block; position:absolute; left:241px; top:242px; no-repeat 0 0; width:50px; height:50px;}
.keyO{ display:block; position:absolute; left:287px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyP{ display:block; position:absolute; left:318px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyQ{ display:block; position:absolute; left:39px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyR{ display:block; position:absolute; left:132px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyS{ display:block; position:absolute; left:86px; top:208px;  no-repeat 0 0; width:50px; height:50px;}
.keyT{ display:block; position:absolute; left:163px; top:175px;  no-repeat 0 0; width:50px; height:50px;}
.keyU{ display:block; position:absolute; left:225px; top:175px;  no-repeat 0 0; width:50px; height:50px;}
.keyV{ display:block; position:absolute; left:179px; top:242px; no-repeat 0 0; width:50px; height:50px;}
.keyW{ display:block; position:absolute; left:70px; top:175px;  no-repeat 0 0; width:50px; height:50px;}
.keyX{ display:block; position:absolute; left:117px; top:242px; no-repeat 0 0; width:50px; height:50px;}
.keyY{ display:block; position:absolute; left:194px; top:175px; no-repeat 0 0; width:50px; height:50px;}
.keyZ{ display:block; position:absolute; left:86px; top:242px;  no-repeat 0 0; width:50px; height:50px;}



.key0{ display:block; position:absolute; left:406px; top:275px;  width:32px; height:32px; cursor:pointer; border:0px;}
.key1{ display:block; position:absolute; left:373px; top:175px;  width:32px; height:32px; cursor:pointer; border:0px;}
.key2{ display:block; position:absolute; left:406px; top:175px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key3{ display:block; position:absolute; left:439px; top:175px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key4{ display:block; position:absolute; left:373px; top:208px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key5{ display:block; position:absolute; left:406px; top:208px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key6{ display:block; position:absolute; left:439px; top:208px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key7{ display:block; position:absolute; left:373px; top:242px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key8{ display:block; position:absolute; left:406px; top:242px;   width:32px; height:32px; cursor:pointer; border:0px;}
.key9{ display:block; position:absolute; left:439px; top:242px;   width:32px; height:32px; cursor:pointer; border:0px;}

.keyBackspaceBig5{width:41px; height:24px;}
.keyBackspaceGb{width:47.8px; height:28px;}
.keyClearEng{width:52px; height:24px;}
.keyClearBig5{width:69.7px; height:24px;}
.keyClearGb{width:81.3px; height:28px;}
.keyBackspaceEng{width:104px; height:24px;}



.login{ position:absolute; left:38px; top:70px;}
.login td{ padding:4px; color:#fff;}
.login a{ color:#fff; font-size:11px;}
.login a:hover{ color:#ededed; }

.inputTxt{ background:#fff; width:208px; height:22px; line-height:22px; border:#920201 solid 1px; padding-left:5px;}
.inputBirth{ width:13px; height:22px; line-height:22px; background:#fff; border:#920201 solid 1px; margin-right:4px; padding-left:5px;}
.inputBirth.hide{ background:#c65a4e;}


.btnLogin{ position:absolute; left:455px; bottom:3px; *bottom:5px; width:117px; height:33px;}


.lang{ position:absolute; right:0; top:10px; vertical-align:top;}
.lang li{ float:left; position:relative; display:inline-block; margin-left:8px; border-left:1px solid #ccc; padding:0 0 0 8px;}
.lang li a{ color:#285D69; text-decoration:none;}
.lang li a:hover{ text-decoration:underline; color:#333;}

.alertMsg{ color:#dbd1d1; background:url(../resource/logon/alert_msg_ico.gif) no-repeat 0 0; width:303px; padding:0 0 0 20px; position:absolute; left:42px; bottom:45px;}
.alertMsgs{ color:#dbd1d1; background:url(../resource/logon/alert_msg_ico.gif) no-repeat 0 0; width:503px; padding:0 0 0 20px; position:absolute; left:42px; bottom:10px;}

.secuMsgForLogin{
	  width:400px;   	    
   	 /* margin-left:auto;  	  
   	  margin-right:auto;*/
   	  margin-left:30px;
   	  margin-top:-10px;
   	  text-align:left;
   	  color:#F00;font-size: 12px;display:none;
}


.secuMsgForLoginForSpecial{
	width:117px; position:absolute; left:493px; top:142px;color:#fff;font-size: 12px;display:none;
}

.importantMsg{ color:#ffffff; width:425px; padding:0 0 0 4px; position:absolute; left:38px; top:158px;}
.importantMsg a{ color:#fff;}

/*.footer{ width:954px; margin:0 auto;}*/
.footer{ width:1000px; margin:0 auto;}
.footer table{ margin-left:24px;}
.footer .footerLink { margin-left:36px;}
.footer .copyright { margin-left:36px;}

.quickLink{ background:url(/web/resource/logon/quick_link_bg.gif) no-repeat 0 0; width:158px; height:120px; vertical-align:top; text-align:left;}
.quickLink img{ padding:2px 0 1px 10px;}
.quickLink ul{ margin-left:25px;}
.quickLink ul li{ background:url() no-repeat 0 4px; padding:0 0 0 8px;}
.quickLink ul li a { font-size:11px; color:#fff; text-decoration:underline;}
.quickLink ul li a:hover{ color:#ededed; text-decoration:underline;}

.quickLink ul li.Eng_quickLink_0{ background:url() no-repeat 0 4px; padding:0px 0px 0px 8px;}
.quickLink ul li.Eng_quickLink_1{ background:url() no-repeat 0 4px; padding:4px 0px 0px 8px;}
.quickLink ul li.Eng_quickLink_2{ background:url() no-repeat 0 4px; padding:5px 0px 0px 8px;}
.quickLink ul li.Eng_quickLink_3{ background:url() no-repeat 0 4px; padding:5px 0px 0px 8px;}
.quickLink ul li.Eng_quickLink_4{ background:url() no-repeat 0 4px; padding:6px 0px 0px 8px;}

.quickLink ul li.Big5_quickLink_0{ background:url() no-repeat 0 4px; padding:0px 0px 0px 8px;}
.quickLink ul li.Big5_quickLink_1{ background:url() no-repeat 0 4px; padding:1px 0px 0px 8px;}
.quickLink ul li.Big5_quickLink_2{ background:url() no-repeat 0 4px; padding:3px 0px 0px 8px;}
.quickLink ul li.Big5_quickLink_3{ background:url() no-repeat 0 4px; padding:4px 0px 0px 8px;}
.quickLink ul li.Big5_quickLink_4{ background:url() no-repeat 0 4px; padding:5px 0px 0px 8px;}

.quickLink ul li.Gb_quickLink_0{ background:url() no-repeat 0 4px; padding:0px 0px 0px 8px;}
.quickLink ul li.Gb_quickLink_1{ background:url() no-repeat 0 4px; padding:1px 0px 0px 8px;}
.quickLink ul li.Gb_quickLink_2{ background:url() no-repeat 0 4px; padding:3px 0px 0px 8px;}
.quickLink ul li.Gb_quickLink_3{ background:url() no-repeat 0 4px; padding:4px 0px 0px 8px;}
.quickLink ul li.Gb_quickLink_4{ background:url() no-repeat 0 4px; padding:5px 0px 0px 8px;}

.alertBox{ background:url(../resource/logon/alert_box.gif) no-repeat 0 0; width:162px; height:120px; vertical-align:top; text-align:left;}
.alertBox p{ background:url(../resource/logon/ico_alert.gif) no-repeat 7px 2px; text-indent:20px; font-size:11px; padding:2px 8px;}

.footerLink{ margin-top:10px; *margin-top:10px; *margin-bottom:-10px;}
.footerLink ul {margin:0px; padding:0px; margin-top:10px;}
.footerLink li{ position:relative; display:inline-block; float:center; padding:0px; margin:0px; list-style-type:none;}
.footerLink li a{ color:#000000;/* font-family:Open Sans; */font-size:12px;}
.footerLink li a:hover{ color:red;text-decoration:none;/* font-family:Open Sans; */font-size:12px;}
.footerLink li a:focus{text-decoration:none}

.copyright{ color:#000000; clear:both;}

a.banners01_Eng,
a.banners02_Eng, 
a.banners03_Eng, 
a.banners01_Big5,
a.banners02_Big5, 
a.banners03_Big5, 
a.banners01_Gb, 
a.banners02_Gb,
a.banners03_Gb{
display:block;
width:317px;
height:120px;
}
a.banners01_Eng{background:url(../resource/eng/login/ban_promo_01.gif) no-repeat 0 0;}
a.banners02_Eng{background:url(../resource/eng/login/ban_promo_02.gif) no-repeat 0 0;} 
a.banners03_Eng{background:url(../resource/eng/login/ban_promo_03.gif) no-repeat 0 0;} 
a.banners01_Big5{background:url(../resource/big5/login/ban_promo_01.gif) no-repeat 0 0;}
a.banners02_Big5{background:url(../resource/big5/login/ban_promo_02.gif) no-repeat 0 0;} 
a.banners03_Big5{background:url(../resource/big5/login/ban_promo_03.gif) no-repeat 0 0;} 
a.banners01_Gb{background:url(../resource/gb/login/ban_promo_01.gif) no-repeat 0 0;}
a.banners02_Gb{background:url(../resource/gb/login/ban_promo_02.gif) no-repeat 0 0;} 
a.banners03_Gb{background:url(../resource/gb/login/ban_promo_03.gif) no-repeat 0 0;} 

a.banners01_Eng:hover,
a.banners02_Eng:hover, 
a.banners03_Eng:hover, 
a.banners01_Big5:hover,
a.banners02_Big5:hover, 
a.banners03_Big5:hover, 
a.banners01_Gb:hover, 
a.banners02_Gb:hover,
a.banners03_Gb:hover{
}

@media print{

}


#msgDiv label {
		color:red;
		padding-top: 10px;
		padding-bottom: 10px;
	} 
  .alertMsgDiv{
    outline:none; 
    width:500px;
    margin-left:-100px;
    margin-right:-100px;
    text-align:left;
    
  } 

  
 .inputAcct{
    position: absolute;
    margin: 0px;
    margin-left: 13px;
    left:100px;
    width: calc(100% - 130px) !important;   
    #font-family:Open Sans;  
    font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
    font-size:15px; 
    font-weight: normal;  
    border:none;
    outline:none;
    background: #fff;
    height:47px;
    line-height:47px;
    opacity:1.0;
   }  
  
 
  	.inputItem{ 
    margin: 0px;
    margin-left: 19px;
    left:50px;
    width: calc(100% - 100px) !important;   
    #font-family:Open Sans;  
    font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
    font-size:15px; 
    font-weight: normal; 
    border:none;
    outline:none;
    background: #fff;
    height:47px;
    line-height:47px;
    vertical-align:middle;
   	}   
  
  
  .inputItemPwd{
    margin: 0px;
    margin-left: 19px;
    left: 50px;
    height:47px;
    width: calc(100% - 100px) !important;   
    font-size: 16px;
    border:none;
    outline:none;
    background: #fff;
    vertical-align:middle;
    line-height:47px;
  }
  .PB_logoSize{
    display: inline-block;
    width: 500px;       
  } 
  .logoSize{
    display: inline-block;
    #width: 330px; 
    width: 100%;       
  }
 
  .fieldItem{
	position: relative;
	height: 47px;	
	margin-top: 12px;
	margin-left:-8px;
	background: #fff;
	width:500px;
	/*width:400px;*/	
	border-radius: 28px !important;	
	/* font: normal 12px/15px Helvetica;	 */
	/*z-index:1;*/
   }
   .header{
	height: 95px;	
	}
   
  
   .fieldItem-no-margin-top{
    position: relative;
    height: 47px;    
    margin-top: 12px;
    background: #fff;
	width:500px;
	margin-left:-8px;
	/*width:400px;*/    
    border-radius: 28px !important;
    #font-family: open_sans;
    font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
   }
   .scroll-container {    
	 position: absolute;
	 width:100%;
	 height:100%;
	 text-align:center;
	
	   	
  }  
  .container-adjust{           
        text-align:center;                   
    }  
  .container-adjust .title{             
      
        font-weight: normal; 
        margin-top: 15px; 
        text-align:left;         
        height:24px;
    }
    .container-adjust .titleAccNo{             
      
        font-weight: normal; 
        margin-top: 0px; 
        text-align:left;         
        height:24px;
    }
    
    .forgotPin{             
        font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal; 
        color: #7E7E7E; float: right;margin-right:0px;
        text-decoration:underline;
    } 
    .PB_forgotPin{             
        font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal; 
        color: #000; float: right;margin-right:0px;
        text-decoration:underline;
    }  
    
    .forgotPin{             
        font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: normal; 
        color: #7E7E7E; float: right;margin-right:0px;
        text-decoration:underline;
    } 
   
  
   .msgInfo{             
       
        font-size: 15px;
        font-weight: normal; 
       
        #width:754px;
        margin-left:auto;  	  
   	    margin-right:auto;
   	    margin-top:21px;
   	    text-align:center;  
        white-space: nowrap;
        #border:1px solid #000;
                
    }
    .PB_msgInfo{             
        font-family: "Helvetica Regular", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal; 
        width:700px;
        /*width:520px;*/
        margin-left:auto;  	  
   	    margin-right:auto;
   	    margin-top:15px;
   	    text-align:center;  
        white-space: nowrap;
        #border:1px solid #000;
                
    }
        
    .fullkeypad{            
            position: absolute;           
            width:500px;
            height:150px;
            #top:450px;
            #background: #fff;           
            z-index: 9999;
            color: #333;
            #padding: 20px 0;   
            padding:0px;
            margin:0px;
            margin-top:0px;   
            margin-left:60px;      
            #margin-left:calc(50% - 250px); 
        	 margin-right:auto;   
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            display:none;
        }
        .fullkeypad.active{
           
            margin-top:25px;
            margin-left:auto;
            margin-right:auto; 
            display:block;
        }
        .fullkeypad div{
            text-align: center;
        }
        .fullkeypad div span{
            display: inline-block;
            width: 28px;
            height: 28px;
            text-align: center;
            font-size: 28.5px;
           /*  font-family: "Open Sans"; */
            font-weight:semibold;
            -webkit-transition: all .1s;
            -moz-transition: all .1s;
            -ms-transition: all .1s;
            -o-transition: all .1s;
            transition: all .1s;
        }
        .keyActive{
            border-radius: 3px;
            box-shadow: 2px 2px 5px #999;
        }

        .fullkeypad>div:not(:last-child){
            margin-bottom: 10px;
        }

        .fullokeypad{
            box-shadow: 0 -1px 4px #ddd;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }
        .fullkeypad .keyItem img{
	    width: 24px;
	    height: 24px;
	}	
        
       .fullkeypad .row_letter div {
 			display: inline-block;
 			height: 48px;
 			width: 35px;
   		}
   		
   		.fullkeypad .row_number div{
   		    display: inline-block;
   		    height: 48px;
   		    width: 35px;
   		}

        .fullkeypad .delete{
            background-color: transparent;
        }	
	
        .keyChars{
         
           margin-top:10px;
      
           width:400px;
           height:150px; 
           position:relative;
           left:0; 
           top:0; 
           margin-left:-20px;
           margin-top:0px;
     
           text-align:center;   
        }
        
        .keyDigits{
          
           margin-top:10px;          
           width:120px;
           height:150px; 
           position:relative;
           float:right;
           /*right:-350px; */
           /* top:-230px;  */
           top:-160px; 
           margin-right:-10px;
           margin-top:0;     
           text-align:center;   
        }
    
   	.inputImg{   	  
   	  width:20px;
   	  height:30px;
   	  margin:0px;
   	  margin-left:27px;
   	  vertical-align:middle;
   	}
   	
  
   	.inputImg2{ 
   	  width:30px;
   	  height:30px;
   	   margin:0px;
   	  margin-left:22px;
   	  vertical-align:middle;
   	}
   	
   
   	.input015{ 
   	  margin: 0px;
   	  text-align:center;  	  
   	  width:70px;
   	 /*  font-family:Open Sans;  */ 
   	 font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
     font-size:15px; 
     font-weight: normal; 
      border:none;
      outline:none;
      background: #fff;
      height:47px;
      color: #7E7E7E;
      vertical-align:middle;
      line-height:47px;
   	}   	
	 
    .rightArrowImg {	
	   right:11px;
	   position: absolute;
	   border-radius:50%;
	   margin-top:5px;
	   width:36px;
   	   height:36px;
    }	
    
   .modal-content{
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 60vh;
    margin-top: 30%;
    margin-left: 3%;
    margin-right: 3%;
    border-radius: 25px;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;    
}

.modal-content.square{
    min-height: 10vh;    
}
   	/*fade in dialog*/
   	.custom-modal-content{
	    overflow-x: hidden;
	    overflow-y: hidden;
	    min-height: 30vh;
	    margin-top: 25%;
	    margin-left: 1%;
	    margin-right: 1%;
	    border-radius: 25px;
	    border:none;
	    -webkit-box-shadow:none;
	    box-shadow:none;
	    font-size:12px;
    }
	
   	#faqModal .cyberCloseBtn {
   		top: 1% !important;
   	} 
   	.mainArea{   	     
	   position: static;
	   margin-left:auto;margin-right:auto;
	   /*position: absolute;left:30%;right:30%;height:100%;
	   height: calc(100% - 50px) !important; 
	   top:calc(50% - 145px) !important; */
	   text-align:center;
	   /* font: normal 12px/15px Helvetica; */
	 	
	      
   	}
   	
   	.inputboard{
   	  width:580px;
   	  /*height:600px; */  	  
   	  border-radius: 24px;  
   	  margin-left:auto;	 
   	  margin-right:auto; 
   	 /*  margin-top:259px; */
   	  /* width:450px;	*/  
   	  background-color: rgba(255,255,255,0.8);  
   	  /* opacity:0.8;
   	  z-index:999; */
   	}
   	.inputboard_mer{
   	  width:580px;
   	  /*height:600px; */  	  
   	  border-radius: 24px;  
   	  margin-left:auto;	 
   	  margin-right:auto; 
   	  /* margin-top:299px; */
   	  /* width:450px;	*/  
   	  background-color: rgba(255,255,255,0.8);  
   	  /* opacity:0.8;
   	  z-index:999; */
   	}
   	.PB_inputboard{
   	  width:600px;
   	  background-color:rgba(255,255,255,0.6);
   	  border-radius: 24px;  
   	  margin-left:auto;   	    	 
   	 /* margin-top:160px;
   	 width:450px;*/
   	  margin-right:auto;
   	  
   	  
   	}
   	.inputContents{
   	  /*margin-left:20px;*/
   	  margin-left:50px;
   	  margin-right:50px;
   	  margin-top:-20px;
   	  margin-bottom:0px;
   	  text-align:left;
   	  /*width:400px;  */ 
   	  width:500px;	
   	  
   	}
   	.PB_inputContents{
   	  /*margin-left:20px;*/
   	  margin-left:50px;
   	  margin-right:50px;
   	  margin-top:20px;
   	  margin-bottom:20px;
   	  text-align:left;
   	  /*width:400px;  */ 
   	  width:500px;		  
   	}
   	.footerRevamp{
   	    position: relative;
	    text-align:center;
	    /*top:580px;*/		       
	    white-space: nowrap;
	  /*  font-family:Open Sans; */
	   font-size:12px;  
	   color:#383838;
	    margin-top:3px; 
	    margin-left:auto;
   	  margin-right:auto;
	   /*  height: 55px; */
	    /* margin-bottom:100px;  */
	}	
	  .PB_footerRevamp{
   	    position: relative;
	    text-align:center;
	    #top:580px;		       
	    white-space: nowrap;
	    font: normal 12px/15px Helvetica;	
	    font-family: "Optima Regular", Optima, Arial, sans-serif;        
	}	
	 
     .rightPwdimg {	
	   right:0px;
	   position: absolute;
	   margin-right:15px;
	   margin-top:10px;
	   width: 30px;
       height: 30px;
       float:right;
	 
    }  
    .messagePromp{
      font-family:Arial, Helvetica, 新細明體;
      font-size:12px;
    } 
   
    .password_place_holde1{
    color: #000000; height:47px;line-height:1px;font-size:25px;
    font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
    }
    .password_place_holde{
    color: #7E7E7E; height:47px;line-height:1px;font-size:15px;
    font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
	
    }
    .password_place_holde::-webkit-input-placeholder{
    	color:#7E7E7E;
    	font-size:15px;
    	#font-family: "open_sans";
    	font-family: Arial, Helvetica, Microsoft JengHei, PingFangTC-Regular, san-serif;
    }
    
    .PB_password_place_holde{
    font-size:12px; color:grey; height:25px;line-height:1px;
    font-family: "Optima Regular", Optima, Arial, sans-serif;  
    }
    
     
   
   .titleName{
     font-weight: normal; 
    
    font-size: 15px; 
  
   }
   
    .titleName1{
     font-weight: 600; 
     /* font-family: "Open Sans";  */   
     font-size: 15px;
     /* word-spacing:0.5px; */
   }
   
    .title{      
        margin-top: 25px; 
        text-align:left;         
        height:24px;
    }
     
input::-ms-clear,::-ms-reveal{display:none;}
input::-webkit-input-placeholder{font-size:12px;}
input::-moz-placeholder{font-size:12px;}
input::-ms-input-placeholder{font-size:12px;}

.selectionEng {
    display: none;
    position: absolute;
    border: none;
    width: 65px;
    /* margin-left: 10px; */
    padding-bottom: 5px;
    background: url(../img/LanguagePop.png) no-repeat;
    left: -10px;
    height: 80px;
    background-size: 100% 100%;
    margin-top: 20px;
   
}
.selectionGb {
    display: none;
    position: absolute;
    border: none;
    width: 60px;
    /* margin-left: 10px; */
    padding-bottom: 5px;
    background: url(../img/LanguagePop.png) no-repeat;
    left: -12px;
    height: 80px;
    background-size: 100% 100%;
    margin-top: 21px;
   
}
.selectionBig5 {
    display: none;
    position: absolute;
    border: none;
    width: 60px;
    /* margin-left: 10px; */
    padding-bottom: 5px;
    background: url(../img/LanguagePop.png) no-repeat;
    left: -12px;
    height: 80px;
    background-size: 100% 100%;
    margin-top: 21px;
   
}
.langSelEng {
    position:absolute; right:15px; top:25px;width:70px; 
    /* font-family:Open Sans;   */
     font-size:15px; 
     font-weight: normal;   
}
.demoEng {
    position:absolute; right:98px; top:25px;width:180px;
     /* font-family:optima;   */
     font-size:15px;
     font-weight: normal; 
}
.merchantaccountEng {
    position:absolute; right:293px; top:25px;
     /* font-family:optima; */
     font-size:15px;
     font-weight: normal; 
}
.langSelGb {
    position:absolute; right:15px; top:25px;width:70px; 
    /* font-family:Open Sans;  */ 
     font-size:15px; 
     font-weight: normal;   
}
.demoGb {
    position:absolute; right:98px; top:25px;width:120px;
   /*  font-family:Optima;   */
     font-size:15px;
     font-weight: normal; 
}
.merchantaccountGb {
    position:absolute; right:230px; top:25px;
    /* font-family:Optima; */
     font-size:15px;
     font-weight: normal; 
}
.langSelBig5 {
    position:absolute; right:15px; top:25px;width:70px; 
   /*  font-family:Open Sans;   */
     font-size:15px; 
     font-weight: normal;   
}
.demoBig5 {
    position:absolute; right:98px; top:25px;width:120px;
   /*  font-family:Optima;   */
     font-size:15px;
     font-weight: normal; 
}
.merchantaccountBig5 {
    position:absolute; right:230px; top:25px;
    /* font-family:Optima; */
     font-size:15px;
     font-weight: normal; 
}
.langIcon{ 
    margin-left:5px;
    width:10px;
    height:6px 
    } 
.langMenuUl{
	 margin-top:7px;
}

.titleVerAlign *{
 vertical-align:middle;
 }
 
 #myBottomContent{
 	 width:3000px;
 	/* width:200%; */
	overflow:hidden;
	white-space: nowrap;
	position:absolute; 
	height: 28px;
	letter-spacing: 0.4px;
	bottom: 22px;
}

        
.bottomAlert{
	display: inline-block;
	/* margin-top:8px;	
	margin-left:70px;	 */
	width:15px;
	height:28px;
	margin:0px;	
	padding:0px;
	margin-left:70px;
	padding-left:140px;	
	#vertical-align:middle;
	line-height:25px;
}

.bottomConent{
	display: inline-block;
	padding:0px;
	margin:0px;
	padding-left:20px;
	#width:1300px; 	
	height:28px;
	line-height:28px;
	vertical-align:middle;
}
    
    .bottomBar{
       width:100%;
       height:22px;
       margin-top: 28px;
    }
.alert_bottom{
        #top: 630px;
        bottom: 0;
        /* position: absolute; */
        position: relative;
        width:100%;  
        background:#000;
        color:#C0C0C0;
        #font-family: Optima Regular, Optima, Arial, Microsoft JengHei, PingFangTC-Regular, san-serif;
        /* font-size: 10px; */
        font-size: 10px;
        font-weight: normal;
    	/* height:75px; */
         margin-top:27px;
         margin-bottom:0px;
         height: 50px;
    }