* {margin:0; padding:0;} 
html, body{ height:100%; font:12px Arial,Helvetica,sans-serif;_font-family:"ËÎÌå"; serif; } 
body { text-align:center;background:#fff;color:#000;cursor:default} 
form{height:100%}
img {border:0}
#box { display:table; width:100%; width:960px; margin:0 auto; } 
#box > div { display:table-row; } 
#main {line-height:200%} 
#main #wrap {display:table-cell;vertical-align:middle;} 

.main_left{ text-align:left; float:left;width:700px;}
.main_right{ text-align:left; float:right;width:248px;}

.main_top{ height:89px;}
.main_left .main_top{}
.main_right .main_top{ background:url(../images/login_05.gif) no-repeat; }



.main_bottom{}
.main_left .main_bottom{height:70px;background:url(../images/main_l_b.jpg) bottom no-repeat;}
.main_left .main_bottom span{position:relative;top:45px;left:20px;line-height:25px;font-size:14px;font-family:"ºÚÌå"; color:#fff;}
.main_right .main_bottom{height:70px;background:url(../images/login_16.gif) left bottom;}

.left_middle{height:194px; background:url(../images/main_l_m.jpg);}

.main_right .right_middle{height:174px;padding:10px 15px;background:url(../images/login_13.gif) repeat-y;}
.right_middle .user{margin-top:10px; }
.right_middle .password{margin-top:10px; }
.right_middle .barcode{margin-top:10px; }
.right_middle .save{margin-top:10px; line-height:25px;}
.right_middle .input{width:120px;height:24px; line-height:24px; padding:0 5px; border:solid 1px #aca7a7;font-size:9pt;margin-left:20px;}
.right_middle .checkbox{vertical-align:middle;margin:-2px 2px 1px 0;}

.right_middle .btn{text-align:center; width:165px; margin:0 auto;margin-top:15px;}
.right_middle .btn a{display:block; line-height:25px; background: url(../images/bt_bg.gif) repeat-x; border: solid 1px #b6b6b6; width:65px; float:left; margin-left:15px; text-decoration:none; color:#000;}
.right_middle .btn a.login{background: url(../images/bt_bg_login.gif) repeat-x;}


.right_middle .btn a:hover{background: url(../images/bt_bg_hover.gif) repeat-x;}
