.register h1{margin: 0; padding-right: 10px;}
.register p{margin: 10px 0;}
.register p span{color: #00ABEF;}
.pageInfo{ float:left;}
.loginLink{ color: #00B4F1; cursor:pointer; }
.registerInfo > ul{margin:0; padding:0; list-style:none;}
.registerInfo > ul > li{margin:20px 0; padding:0; list-style:none; clear:both; box-shadow: 0 0 5px #808080; transition: all 0.2s ease-in-out;}
.registerInfo > ul > li > div{padding: 15px; }
.registerInfo > ul > li > div.s1{padding: 0 0; }
.registerInfo > ul > li h3{line-height: 28px; margin:0; font-size:1.5em;}

.userRegister ul li i.gicons{ float:left; margin-left:3px; line-height: 40px;}
.userRegister ul li .giconsDiv{ position: absolute; z-index: 1;}
.userRegister .nice-select .current{ margin-left: 20px;overflow: hidden; width: calc(100% - 50px); position: absolute; }
.userRegister ul li input[type=text],
.userRegister ul li input[type=email],
.userRegister ul li input[type=password]{ text-indent: 25px; height: 40px; padding:0; border-radius: 2px; width:100%;}
.userRegister ul { margin: 0; list-style: none; padding: 0; }
.userRegister input[name=dob]{ cursor:default;}
#uMenu{ margin:0; padding:0; list-style:none; }
#uMenu li{ margin:0; padding:0; list-style:none; }

.userRegister input[type=submit],
.userRegister input[type=button]{background: #44b3e6;border: 0 none;border-radius: 2px;color: #fff;cursor: pointer;display: inline-block;font-size: 1.1em;height: 40px;line-height: 40px;margin-right: 1%; margin-top: 5px; text-align: center;text-decoration: none; padding: 0 20px;}
.userRegister section.BLK_CIN{ display:none;}
.userRegister li.BT{ float:right; clear:both;}
.userRegister ul li.PR{ clear:both; }
.userRegister ul li.PR input{ margin-right: 10px; }
.userRegister ul li.PR label{ display:inline-block; float:right; width: calc(100% - 30px); }
.userRegister ul li.EX{ clear:both; margin-top: 10px; }
.userRegister ul li.EX input{ margin-right: 10px; }
.userRegister ul li.EX label{ display:inline-block; float:right; width: calc(100% - 30px);}
.userRegister ul li.CNF { width: 2%;clear: none;margin-top: 10px;}
.userRegister ul li.CNT { width: 97.5%;float: right;margin-top: -30px;}

@media only screen and (min-width: 0) and (max-width: 500px) {
    .userRegister ul li.NM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.AD{ width:730px; clear:left; }
    .userRegister ul li.LC.CT{ width:350px; float:left; margin-right:30px; }
    .userRegister ul li.LC.ST{ width:353px; float:left; margin-right:30px; }
    .userRegister ul li.LC.CC{ width:350px; float:left; clear: left; margin-right:30px;}
    .userRegister ul li.LC.ZP{ width:353px; float:left;  }
    .userRegister ul li.MI.CD{ width:calc(100% - 1060px); clear: left; float:left; margin-right:30px; }  
    .userRegister ul li.MI.PH{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.MI.DB{ width:150px; float:left; margin-right:2px; }
 
    .userRegister ul li.EM{ width:calc(50% - 16px); float:left; margin-right:30px; } 
    .userRegister ul li.EM.ML{ clear:left; } 
    .userRegister ul li.EM.RE{ margin-right:2px; } 
    
    .userRegister ul li.CC.CM{ width:calc(100% - 2px); float:left; } 
    .userRegister ul li.CC.CN{ width:calc(100% - 2px); float:left; } 
    .userRegister ul li.CC.CV{ width:70px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CX{ width:80px; float:left; margin-right:30px; }    

    .userRegister ul li.PW{ width:calc(50% - 16px); float:left; margin-right:30px;  }
    .userRegister ul li.RP{ margin-right:2px; } 
    
    .userRegister ul li.SB{ width: 100%; clear:both; text-align:right;}
    .userRegister ul li.SB input{ width: 180px;}      
    
    .userRegister ul li.DL{ width:calc(50% - 16px); float:left; margin-right: 28px;}
    .userRegister ul li.DL.ST{ margin-right: 0;}
    .userRegister ul li.DL.XP{ margin-right: 0;}    
}
@media only screen and (min-width: 0) and (max-width: 800px) {
    .userInfo{clear:both;}
    .userInfo h2{margin: 0;}
    .userInfo div{float:left; }
    .userInfo div h2{margin: -5px 0 0 0; line-height: 35px;}
    .userInfo p{float:right; text-align:right; padding-left: 20px;}
    
    #uMenu li{ line-height: 40px; border-bottom:1px; cursor: pointer; transition: background color .5s; padding: 0 20px; }
    #uMenu li:hover{ background: #0099CC; color: #FFF;}
    #uMenu li.active{ background: #00B4F1; color: #FFF; }
    
    .userRegister ul li.CNT {width: 93.5%;float: right;margin-top: -30px;}

}
@media only screen and (min-width: 501px) and (max-width: 800px) {
    .userRegister ul li.NM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.AD{ width:730px; clear:left; }
    .userRegister ul li.LC.CT{ width:350px; float:left; margin-right:30px; }
    .userRegister ul li.LC.ST{ width:353px; float:left; margin-right:30px; }
    .userRegister ul li.LC.CC{ width:350px; float:left; clear: left; margin-right:30px;}
    .userRegister ul li.LC.ZP{ width:353px; float:left;  }
    .userRegister ul li.MI.CD{ width:calc(100% - 1060px); clear: left; float:left; margin-right:30px; }  
    .userRegister ul li.MI.PH{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.MI.DB{ width:150px; float:left; margin-right:2px; }

    .userRegister ul li.EM{ width:calc(50% - 16px); float:left; margin-right:30px; } 
    .userRegister ul li.EM.ML{ clear:left; } 
    .userRegister ul li.EM.RE{ margin-right:2px; } 
    
    .userRegister ul li.CC.CM{ width:calc(50% - 16px); float:left; margin-right:30px; } 
    .userRegister ul li.CC.CN{ width:calc(50% - 16px); float:left; margin-right:30px; } 
    .userRegister ul li.CC.CV{ width:calc(25% - 23px); float:left; margin-right:30px; }  
    .userRegister ul li.CC.CX{ width:calc(25% - 23px); float:left; margin-right:0; }  
    
    .userRegister ul li.PW{ width:calc(50% - 16px); float:left; margin-right:30px;  }
    .userRegister ul li.RP{ margin-right:2px; }
    
    .userRegister ul li.SB{ width: 100%; clear:both; text-align:right;}
    .userRegister ul li.SB input{ width: 180px;}    
    
    .userRegister ul li.DL{ width:calc(50% - 16px); float:left; margin-right: 28px;}
    .userRegister ul li.DL.ST{ margin-right: 0;}
    .userRegister ul li.DL.XP{ margin-right: 0;}
    
    .userRegister ul li.CNT {width: 95.5%;float: right;margin-top: -30px;}
    
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .userRegister ul li.NM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.AD{ width:730px; clear:left; }
    .userRegister ul li.LC.CT{ width:350px; float:left; margin-right:30px; }
    .userRegister ul li.LC.ST{ width:353px; float:left; margin-right:30px; }
    .userRegister ul li.LC.CC{ width:350px; float:left; clear: left; margin-right:30px;}
    .userRegister ul li.LC.ZP{ width:353px; float:left;  }
    .userRegister ul li.MI.CD{ width:calc(100% - 1060px); clear: left; float:left; margin-right:30px; }  
    .userRegister ul li.MI.PH{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.MI.DB{ width:150px; float:left; margin-right:2px; }
    
    .userRegister ul li.EM{ width:350px; float:left; margin-right:28px; } 
    .userRegister ul li.EM.ML{ clear:left; } 
    .userRegister ul li.EM.RE{ margin-right:0; } 
    
    .userRegister ul li.CC.CM{ width:350px; float:left; margin-right:28px; } 
    .userRegister ul li.CC.CN{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CV{ width:160px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CX{ width:160px; float:left;  } 
    .userRegister ul li.PW{ width:350px; float:left; margin-right:28px;  }
    .userRegister ul li.NP{ clear:left; }
    .userRegister ul li.RP{ margin-right:0; }
    
    .userRegister ul li.SB{ width: 730px; clear:both; text-align:right;}
    .userRegister ul li.SB input{ width: 180px;}    
    
    .userRegister ul li.DL{ width:161px; float:left; margin-right: 28px;}
    .userRegister ul li.DL.CN{ width:200px; }
    .userRegister ul li.DL.XP{ width:121px; margin-right: 0;}
    
}
@media only screen and (min-width: 801px) {
    .userInfo{float:right; text-align: right;}
    .userInfo h2{margin: 0;}
    
    #uMenu li{ float:left; margin-right: 20px; line-height:20px; margin-bottom: 10px; color: #09C; border-bottom: 2px solid #FFFFFF; cursor: pointer; transition: border-bottom .5s; }
    #uMenu li:hover{ border-bottom: 2px solid #09C; }
    #uMenu li.active{ border-bottom: 2px solid #00B4F1; color:#00B4F1; }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .userRegister ul li.NM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.AD{ width:730px; clear:left; }
    .userRegister ul li.LC.CT{ width:350px; float:left; margin-right:30px; }
    .userRegister ul li.LC.ST{ width:353px; float:left; margin-right:30px; }
    .userRegister ul li.LC.CC{ width:350px; float:left; clear: left; margin-right:30px;}
    .userRegister ul li.LC.ZP{ width:353px; float:left;  }
    .userRegister ul li.MI.CD{ width:calc(100% - 1060px); clear: left; float:left; margin-right:30px; }  
    .userRegister ul li.MI.PH{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.MI.DB{ width:150px; float:left; margin-right:2px; } 
    
    .userRegister ul li.EM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.EM.ML{ clear:left; } 
    
    .userRegister ul li.CC.CM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CN{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CV{ width:160px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CX{ width:160px; float:left;  } 
    .userRegister ul li.PW{ width:350px; float:left; margin-right:30px;  }
    .userRegister ul li.NP{ clear:left; }
    
    .userRegister ul li.SB{ width: 730px; clear:both; text-align:right;}
    .userRegister ul li.SB input{ width: 180px;}    
    
    .userRegister ul li.DL{ width:161px; float:left; margin-right: 28px;}
    .userRegister ul li.DL.CN{ width:200px; }
    .userRegister ul li.DL.XP{ width:121px; margin-right: 0;}
    
}
@media only screen and (min-width: 1281px) {
    .userRegister ul li.NM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.AD{ width:730px; clear:left; }
    .userRegister ul li.LC.CT{ width:350px; float:left; margin-right:30px; }
    .userRegister ul li.LC.ST{ width:353px; float:left; margin-right:30px; }
    .userRegister ul li.LC.CC{ width:350px; float:left; clear: left; margin-right:30px;}
    .userRegister ul li.LC.ZP{ width:353px; float:left;  }
    .userRegister ul li.MI.CD{ width:calc(100% - 1060px); clear: left; float:left; margin-right:30px; }  
    .userRegister ul li.MI.PH{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.MI.DB{ width:150px; float:left; margin-right:2px; } 
    
    .userRegister ul li.EM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.EM.ML{ clear:left; } 
    
    .userRegister ul li.CC.CM{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CN{ width:350px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CV{ width:160px; float:left; margin-right:30px; } 
    .userRegister ul li.CC.CX{ width:160px; float:left;  } 
    .userRegister ul li.PW{ width:350px; float:left; margin-right:30px;  }
    .userRegister ul li.NP{ clear:left; }
    
    .userRegister ul li.SB{ width: 730px; clear:both; text-align:right;}
    .userRegister ul li.SB input{ width: 180px;}
    
    .userRegister ul li.DL{ width:161px; float:left; margin-right: 28px;}
    .userRegister ul li.DL.CN{ width:200px; }
    .userRegister ul li.DL.XP{ width:121px; margin-right: 0;}
}