margin:0; padding:0; }
body { font-family:Verdana, Geneva, sans-serif; font-size:12px;
	
	 }
header { width:100%; height:120px; background: #7B6023; background: -moz-linear-gradient(top, #7C6633 0%, #ffffff 92%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(92%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #7B6023 0%, #ffffff 92%, #ffffff 100%);
	background: -o-linear-gradient(top, #7B6023 0%, #ffffff 92%, #ffffff 100%);
	background: -ms-linear-gradient(top, #7B6023 0%, #ffffff 92%, #ffffff 100%);
	background: linear-gradient(to bottom, #7B6023 0%, #ffffff 92%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }
.logo { float:left; padding:0% 0 0 0%;   }
.mid_panel { width:100%; height:auto; float:left; }
.globe { float:right; padding:1% 18% 0 0; }
.responsive { float:left; padding:4% 0 0 20%; width:100%; }
.left_part { width:50%; float:left; }
.right_part { width:50%; float:right; }
.login { background: left top no-repeat; width:240px; height:446px; float:right; padding:0 12% 0 0; }
.tbx { background:#fff; border:1px solid #c8e2ff; padding:7px; width:83%; }
.login_button , #reset_button , #send { background: #2196A8; background: -moz-linear-gradient(top, #2196A8 0%, #2196A8 50%, #2196A8 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2196A8), color-stop(50%, #2196A8), color-stop(100%, #2196A8));
	background: -webkit-linear-gradient(top, #CDC5B8 0%, #86703D 50%, #2196A8 100%);
	background: -o-linear-gradient(top, #2196A8 0%, #2196A8 50%, #2196A8 100%);
	background: -ms-linear-gradient(top, #2196A8 0%, #2196A8 50%, #2196A8 100%);
	background: linear-gradient(to bottom, #2196A8 0%, #2196A8 50%, #2196A8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196A8', endColorstr='#2196A8', GradientType=0 );
	border:1px solid #051A75; padding:4px 20px; color:white; text-transform:uppercase; font-size:12px; font-weight:bold; cursor:pointer; }
.login_button:hover { background:#64707E; border:1px solid #64707E; color:#FFFFFF; }
#reset_button:hover { background:#64707E; border:1px solid #64707E; color:#FFFFFF; }
.send:hover { background:#64707E; border:1px solid #FFFFFF; color:#FFFFFF; }

.login_form { float:left; margin:-10px 0 0 28px ;  }
.login_name { color: #378BBB;   display: block; font-size: 14px; font-weight: bold; margin: 78px 0 0 20px; padding: 20px; width: 100%; }
/*input[placeholder]
{ color:#bfbfbf; font-weight:bold; } */
.forgot_password { color:#378bbb; text-decoration:none; }
.note { width:100%; display:block; font-family:Verdana, Geneva, sans-serif; color:Black;  line-height:18px;font-size:12px;  float:left; padding:20px 0 0 0% ; }
.question { color: #094D98; float: left; font-size: 11px; font-weight: bold; line-height: 18px; margin: auto; padding: 0px 10% 1% 10%; width: 80%; }
.question_mark { font-size:15px; font-weight:bold; text-decoration:none; color:#DE342F; }
.copy{width:100%;float:left;text-align:center;}
.copyright{width:98%; margin:auto;display:block;padding:1%;font-family:Verdana, Geneva, sans-serif; border-top:1px solid #eee;font-size:12px; color:Black; position:fixed; bottom:0; background:#fff;}
.FontGen { width:100%; display:block; font-family:Verdana, Geneva, sans-serif; color:Black; line-height:18px;font-size:12px;  float:left;  }
.tdLeft
{
	font-size: 11px;
	color: #444444;
	font-family: Verdana, Arial, 'Sans Serif' , 'Times New Roman';
	text-align: left;
	text-decoration: none;
}
.tdCenter
{
	font-size: 11px;
	color: #444444;
	font-family: Verdana, Arial, 'Sans Serif' , 'Times New Roman';
	text-align:center;
	text-decoration: none;
}
@media screen and (max-width:768px)
{
	.responsive{padding:4% 0 0 5%;  width:100%;}
	.responsive img {width:100%;}
	.right_part{width:6%;}
}

@media screen and (max-width:980px)
{
	/*.responsive{padding:4% 0 0 5%;  width:100%;}*/
	.responsive img {width:100%;}
	
}

@media screen and (max-width:600px)
{
	.logo{padding: 3%;text-align: center;width: 94%;}
	.logo img{width:80%}
	.globe{display:none;}
	header{height:82px;}
	.right_part{width:100%;}
	/*.login{background:url(../images/login_bg.png) center top no-repeat; float:none;margin:auto; padding:0;}*/
	.login_name{margin:auto;padding:25% 0 0 0 }
	.login_form{margin: 12% auto;width: 74%;}
	.left_part{width:100%; margin:auto;}
	.responsive{padding:0;width:100%; text-align:center;}
	.responsive img{width:80%}
	.note{width:auto;padding:2%;}
	.tooltip:hover:after { font-size:11px; margin-left:-100px;} 
}

.tooltip { display: inline; position: relative; text-decoration:none; }
.tooltip:hover:after { background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%;
						padding: 5px 15px; position: absolute; z-index: 98; width: 400px; transition:all 700ms; -o-transition:all 700ms; 
						-moz-transition:all 700ms; -webkit-transition:all 700ms; }
.tooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 100%;
						position: absolute; z-index: 99; transition:all 700ms; -o-transition:all 700ms; -moz-transition:all 700ms; 
						-webkit-transition:all 700ms; }
h3 { color: #de342f; font-size: 12px; font-weight: normal; }
.center-box { padding: 14px; text-align: center; width: 91%; }