#logindiv { position: absolute; vertical-align: middle; text-align: center; background-color:#f7f7f7; color: #333; padding: 10px; top: 50%; 
			margin-top: -100px; left: 50%; margin-left: -140px; width: auto; height: auto; border-radius: 8px; box-shadow: 0 0 10px 3px #a2a2a2; 
			border-left: 1px solid rgb(245,245,245); border-top: 1px solid rgb(245,245,245); border-bottom: 1px solid rgb(120,120,120); 
			border-right: 1px solid rgb(120,120,120); }
#tablelogin { width: 210px; font-size: 19px; }
#tablelogin #email{ width: 100%; margin-bottom: 10px; padding: 10px 20px; }
#tablelogin #email::placeholder{ color: #ddd; }
#tablelogin caption { color: #fff; background-color: #1257a3; border-radius: 5px; margin-bottom: 10px; text-shadow: 1px 1px 1px #000000; padding: 4px 10px; }
#tablelogin a{ font-size: 14px; }

#login { border: 1px solid #c5c5c5; width: 250px; padding: 6px 8px; margin-bottom: 8px; text-align: left; padding-left: 15px; }
#pswd_div { border: 1px solid #c5c5c5; width: 250px; padding: 0px; border-radius: 5px; overflow: hidden; height: auto; 
			position: relative; background: #fff; margin-bottom: 12px;}
#pswd_div img{ opacity: 0.5; width: 22px; height: 11px; filter: grayscale(1); cursor: pointer; 
			   position: absolute; top: 50%; margin-top: -5px; right: 6%; margin-right: -8px; }
#pswd_div img.opened{ filter: none; content: url('../img/pswd_hide.png'); }
#pswd_div img.closed{ filter: none; content: url('../img/pswd_show.png'); }
#password{ border: none; width: 250px; border-right: none; border-radius: 5px 0 0 5px; margin-right: 0px; 
		   float: left; margin-bottom: 0px; padding: 6px 8px; padding-right: 12%; }
#login::placeholder, #password::placeholder{ color: #a7a7a7; font-size: 14px; }

#SubmitStyle{ 
	border-radius: 3px;
    width: 100px;
    border: 1px solid #1257a3;
    color: #fff;
    background: #1257a3;
    padding: 5px 2px;
    float: right;
    cursor: pointer;
	transition: all 0.5s ease;
}
#SubmitStyle:hover{
	background: #327cce;
}

@media (max-width:760px) {
	#logindiv{ position: absolute; width: 300px; left: 50%; margin-left: -155px; font-size: 18px; top: 120px; box-shadow: 0 0 20px 0px #a2a2a2; }
	#tablelogin { width: 100%; font-size: 18px; }
	#tablelogin caption{font-size: 18px; padding: 10px; margin-bottom: 30px; }
	#tablelogin td { width: 100%; font-size: 18t; }
	#login{ font-size: 18px; width: 100%; border-radius: 15px; padding: 12px 20px; margin-bottom: 20px; }
	#pswd_div{ border-radius: 15px; width: 100%; margin-bottom: 20px; padding: 0px; }
	#pswd_div img { width: 28px; height: 14px; margin-top: -6px; margin-right: -10px; }
	#password { width: 100%; padding: 12px 20px; padding-right: 12%; }
	#show_pswd{ width: 12%; border-radius: 0 15px 15px 0; height: 45px; }
	#show_pswd img { opacity: 0.4; width: 34px; height: 34px; margin-top: 6px; }
	#tablelogin a {font-size: 14px;}

	#SubmitStyle { 
		width: 150px; 
		height: 50px; 
		font-size: 18px;
	}
	#login::placeholder, #password::placeholder{ font-size: 18px; }
}