@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}



#top{ background:url(../images/login/icon01.gif); height:30px; line-height:30px; position:relative}
#top .icon1{ position:absolute; left:50px;top:0px; background:url(../images/login/icon02.gif); width:92px; height:38px;}
#top .icon2{ position:absolute; left:160px;top:-3px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px;-webkit-text-size-adjust:none; }

#top .icon3{ position:absolute; right:30px;}
#top .icon3 ul{ margin:0px; padding:0px; list-style:none;}
#top .icon3 li{ float:left; padding:3px 0 0 0; width:90px; line-height:20px;}
#top .icon3 li a{  color:#266dbb;border-right:1px solid #ccc; padding-right:10px; }

#page {
    /*background:url(../images/login/bg.gif) repeat-x; */ 
	height: 450px;
	width:100%;
	margin-top: -180px;
	position: absolute;
	top: 50%;
}

#page .loginNav{
	margin:0 auto;
	width:800px;
	height:400px;
	position:relative;
}
#page .pic{
	position:absolute;
	top: -10px;
}
#page .pic .img{ 
	 background:url(../images/login/pic.png); width:349px; height:329px;
}




#page .login{ position:absolute; right:80px; width:359px; height:324px;}
#page .login .title{
	position:absolute;
	top: 20px;
}
#page .login .input{
	position:absolute;
	top: 101px;
	width: 345px;
	height: 157px;
	/* background:url(../images/login/line.gif) left repeat-y; */
	padding:20px 0 0 20px;
	color:#fff;
}

#page .login .copyright{
	position:absolute;
	left: 10px;
	top: 298px;
	width: 349px;
	color:#999;

}




#page .login .input ul{ margin:0px; padding:0px; list-style:none}
#page .login .input li{ float:left; display:block; margin:0 0 20px 0; width:305px}
#page .login .input li .t{ float:left; vertical-align:middle;}
#page .login .input li .inputid{ float:left;width:210px; height:32px; background:url(../images/login/inputid.gif) no-repeat; border:none; line-height:32px; padding:0 0 0 30px; color:#CCC}
#page .login .input li .inputpw{ float:left;width:210px; height:32px; background:url(../images/login/inputpw.gif) no-repeat; border:none; line-height:32px; padding:0 0 0 30px; color:#CCC}


#page .login .input li .inputid2{ float:left;width:210px; height:32px; background:url(../images/login/inputid.gif) no-repeat; border:none; line-height:32px; padding:0 0 0 30px;}

#page .login .input li .inputpw2{ float:left;width:210px; height:32px; background:url(../images/login/inputpw.gif) no-repeat; border:none; line-height:32px; padding:0 0 0 30px;}



/*#page .login{
	position:absolute;
	left: 451px;
	top: 289px;
	width: 392px;
	height: 89px;
}*/


/*#page .login ul{ margin:0px; padding:0px; list-style:none}
#page .login li{ display:block; float:left; width:250px; height:29px; line-height:29px; margin:3px 0}
#page .login li .t{ float:left; vertical-align:middle;}
#page .login li .inputid{ float:left;width:165px; height:29px; background:url(inputid.jpg) no-repeat; border:none; line-height:29px; padding:0 0 0 30px}
#page .login li .inputpw{ float:left;width:165px; height:29px; background:url(inputpw.jpg) no-repeat; border:none; line-height:29px; padding:0 0 0 30px}
#page .login a{ background:url(button.png); width:79px; height:64px; position:absolute; float:left; text-indent:-99px; margin:3px 0 0 6px; overflow:hidden}
#page .login a:hover{background:url(button.png) 0px 64px;}*/
#page .copy{
	position:absolute;
	left: 289px;
	top: 489px;
	width: 302px;
	height: 22px;
	text-align:center;
	color:#fff;
	
}