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

*{ margin:0; padding:0;}
body{ font:12px Arial, Helvetica, sans-serif; background:#fff; line-height:22px;}
a{ color:#181D23; text-decoration:none;}
a:hover{ color:#2D3653;}

#wrap{ width:780px; margin:0 auto; margin-top:50px; position:relative;}

#head{ margin-bottom:3px; height:65px; background:url(../images/stl_new.png) no-repeat;}

#main{ position:relative;}
#banner{ height:160px; background:#2D3653 url() no-repeat;}
#bantext{ position:absolute; top:10px; left:10px; width:450px; color:#fff;}
#bantext h3{ font-size:12px;}
#prompt{ height:170px;}
#prompt h3{ color:#026FFF; font-size:14px; padding:10px 5px;}
#prompt ul li{ margin-left:20px;}
#box{ position:absolute; top:5px; right:20px;}
#box .link{ padding:0 0 5px 15px;}
#box #login{ width:290px; height:308px; border:1px solid #ddd; background:#F8F8F8;}
#box #login .title{ margin:0 15px; padding:5px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:15px;}
#box #login .title .online{ padding-left:60px; color:#00F; font-size:12px; font-weight:normal;}
#box #login p{ padding:10px 20px 0 25px;}
#box #login p input{ border:1px solid #DFDFDF; border-top:1px solid #7E7E7E; vertical-align:middle; padding:3px;}
#box #login #userName{ width:180px;}
#box #login #passwordx{ width:180px;}
#box #login #safeCode{ width:85px;}
#box #login #validity{ padding:2px;}
#box #login p img{ vertical-align:middle;}
#box #login .btn{ border:1px solid #3F87BC; background:#2D3653; width:105px; height:25px; color:#fff; font-weight:bold; margin:10px 0;}
#box #login .btnfocus{ border:1px solid #C4AE71; background:#2D3653; width:105px; height:25px; color:#fff; font-weight:bold; margin:10px 0; cursor:pointer;}
#box #login .colorfocus{ background:#FFFEE7;color: red;}
#box #login .colorblur{ background:#D4D0C8;color: blue;}
.warn{ color:red;}

#foot{ color:#181D23; background:#FEE8B2; text-align:center; padding:5px;}