.Login-Center{
margin: 0 auto;
background: white;
width: 647px;
height: 256px;
border: 1px solid #FFC200 ;
border-radius: 4px;
position: relative;
top: 114px;
z-index: 10
}


.Login-Center span{
position: absolute;
top: 24px;
left: 107px;
font: bold 11pt arial;
color: #949494 ;
}

.Login-img{


}
.username{

position: absolute;
top: 58px;
left: 67px;
height: 33px;
border: 1px solid #EBEBEB ;
border-radius: 4px;
background:url('login-man-icon.png') no-repeat 232px;
font: bold 12pt arial;
width: 264px;
text-align: center;
color: #AAA;
z-index:10
}
#username-title {

position: absolute;
top: 67px;
left: 67px;
height: 33px;


font: bold 12pt arial;
width: 264px;
text-align: center;
color: #AAA;
z-index:5
}
.password{

position: absolute;
top: 111px;
left: 67px;
height: 33px;
border: 1px solid #EBEBEB ;
border-radius: 4px;
background:  url('login-Metro-icon.png') no-repeat 232px;
font: bold 12pt arial;
width: 264px;
text-align: center;
color: #AAA;

z-index:6
}
#password-title{

position: absolute;
top: 119px;
left: 67px;
height: 33px;

font: bold 12pt arial;
width: 264px;
text-align: center;
color: #AAA;

z-index:5
}

.botton{
position: absolute;
top: 158px;
left: 149px;
border: 0;
height: 32px;
font: bold 12pt arial;
color: white;
background: #FFB800 ;
}
.issuelogin{
text-decoration: none;
font: bold 12pt arial;
color: #00C1FD ;
position: absolute;
bottom: 2px;
left: 10px;

}

.forgetpass{
text-decoration: none;
font: bold 12pt arial;
color: #00C1FD ;
position: absolute;
bottom: 2px;
left: 255px;

}
.iforget-password{

margin: 0 auto;
background: white;
width: 616px;
height: 242px;
border: 1px solid #FF8F00 ;
border-radius: 4px;
position: relative;
top: 104px;
z-index: 9;
padding: 20px 5px 5px 5px;
display:none
}
.phone1{
font: bold 12pt arial;
color: #00ABFC ;
display: block;
padding-bottom: 13px;
}
.phone2{
font: bold 12pt arial;
position: relative;
top: 20px;
text-decoration: none;
}

.phone3{
font: bold 12pt arial;
position: relative;
top: 20px;
padding-right: 80px;
color: #0D9E00 ;
}
.iforget-password-phone {
height: 111px;
border-bottom: 1px dotted #CCC;

}
.iforget-password-phone img{
display: block;float: right;
}


.othersystem{
margin: 140px auto;

width: 840px;
}

.othersystem a{
font: bold 12pt arial;
text-decoration: none;
float: right;
padding: 1px 6px;
border-left: 1px dotted #B4B4B4 ;
color: #8B8B8B ;
}

.othersystem a:hover{
color: #00B8FF ;
}

.img-bg{
background: #FFB800 ;
width: 256px;
border-radius: 0 4px 4px 0;
height: 256px;
direction: ltr;
}
.msg-werning{
color:#c00;
display:none
}


.clearMOE{clear:both}
body{background:url(ep-main-bg.gif) repeat-x top; padding:0; margin:0}
.hedarMOE{width:100%; background:#09abc8 url(ep-bg-small-latters.png) repeat-x 0px ; padding:0; margin:0; height:27px}
.LightBg{ width:100%; background: url(ep-bg-light.png) top center no-repeat; padding:0; margin:0}
.BoyPicBg{width:100%; background:url(ep-bg-boy-pic.png)  center -26px no-repeat; padding:24px 0 0 0; margin:0}
.BoyPicBgInside{width:100%; background:url(ep-bg-boy-pic1.png)  center -26px no-repeat; padding:24px 0 0 0; margin:0}