.login_div{
	width: 100%; 
	height: 100%; 
	background-color:rgba(255,255,255,0.5);
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.mydiv  {
   position:fixed;
   top:50%;
   left:50%;
   margin:-200px 0 0 -350px;
   width:700px;
   height:440px;
   background-color: #E8F9FE;
   border-radius: 20px;
 }
 .close{
 	float: right;
 	margin-right: 15px;
 	margin-top: 10px;
 	color: #26A9E0;
 	font-size:20px;
 	font-weight: bold;
 }
#mydiv_or {
    font-size: 24px;
    vertical-align: middle;
    margin: auto 2px;
}
.mydiv span{
	color: #26A9E0;
	font-size: 12px;
}
.mydiv .f-r{
	float: right;
}
.mydiv_button{
	width: 300px;
	height: 40px;
	margin:40px auto;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
	color: white;
	border: none;
	background-color: #0099CC;
}
.mydiv a:hover,.mydiv_button:hover,.link_img img:hover{
	cursor: pointer;
}
 .mydiv_img{
 	width: 252px;
 	height: 74px;
 	margin: 0 auto;
 	margin-top: 30px;
 }
 .mydiv_img img{
 	width: 100%;
 	height: 100%;
 }
 .mydiv form{
	width: 550px;
	height: 200px;
	margin: 0 auto;
	/*border-bottom: #0099cc solid 1px ;*/
}
.mydiv_input_container{
	width: 350px;
	height: 40px;
	margin: 0 auto;
	margin-top: 20px;
}
.mydiv_input_username{
	width: 250px;
	height: 40px;
	margin: 0 auto;
	/*border:1px solid red;*/
	background-color: white;
	display: inline-block;
	vertical-align: top;
}
.mydiv_input_username img{
	margin:7px;
	/*border: 1px solid yellow;*/
}
 input::-webkit-input-placeholder {
 	color: #aeaeae;
 }
.mydiv_input_username input[type=text]{
	height: 40px;
	width: 210px;
	color:#666;	
	border:none;
	font-size: 16px;
	vertical-align: top;
	padding-left: 8px;
	padding-right: 8px;
}
.mydiv_input_phone{
	width: 350px;
	height: 40px;
	margin: 0 auto; 
	/*border:1px solid red;*/
	background-color: white;
	display: inline-block;
	vertical-align: top;
}
.mydiv_input_phone img{
	margin:7px;
	/*border: 1px solid yellow;*/
}
.mydiv_input_phone input[type=text]{
	height: 40px;
	color:#666;	
	border:none;
	font-size: 16px;
	vertical-align: top;
	padding-left: 8px;
	padding-right: 8px;
}
.mydiv_input_phone  span{
	font-size: 24px;
	float: none;
}
.mydiv_input_phone .phoneNumber{
	width: 220px;
}
.mydiv_input_phone .countryCode{
	width: 50px;
	text-align: center;
}
.mydiv_input_no_background{
	width: 350px;
	height: 40px;
	margin: 0 auto;
}
.mydiv_input{
	width: 350px;
	height: 40px;
	margin: 0 auto;
	margin-top: 20px;
	/*border:1px solid red;*/
	background-color: white;
}
.mydiv_input img{
	margin:7px;
	/*border: 1px solid yellow;*/
}
 input::-webkit-input-placeholder {
 	color: #aeaeae;
 }
.mydiv_input input[type=text], input[type=password] {
	height: 40px;
	width: 310px;
	color:#666;	
	border:none;
	font-size: 16px;
	vertical-align: top;
	padding-left: 8px;
	padding-right: 8px;
}
.flex-container {
	display: flex;
	align-items: center;
}
.flex-container .half {
	flex: 1;
	color:#666;	
	font-size: 16px;
	margin: 7px;
}
.flex-container .half input[type='radio'], .flex-container .half label{   
    vertical-align: middle;
	margin: 0;
}
 
.flex-center-center-container {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */

}
.forget_pass{
	width: 350px;
	margin: 10px auto;
	
}
.link_img{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
.link_img img{
	width:51px;
	height: 51px;
	margin:10px;
}