@charset "utf-8";
/* CSS Document */
html{color:#000;background:#fff;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
body {font:13px/1.5 "微软雅黑","宋体",Verdana,Lucida,Arial,Helvetica,sans-serif;}
fieldset, img , input, hr{border: 0;}
:focus {outline: 0}
address, caption, cite, code, dfn,em, strong, th,b{font-style: normal;font-weight: normal}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal}
input, button, textarea,select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
input, button, textarea, select {*font-size: 100%}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
caption, th {text-align: left}
:link, :visited , ins {text-decoration: none}
br{ line-height:0}
tr:hover{ background:#fdf9f3}

html{height:100%;}
body{ background:url(../images/login/loginBg-x.gif) repeat-x #bbc9cd; height:100%}
.role-root{text-align:center;float:left;width:100px;height:100px;cursor:pointer;border-radius: 5px;padding: 0 2px}
.box{ background: url(../images/login/loginBg.jpg) no-repeat; width:1230px; height:626px; margin:0 auto}
.lgoinBox{ width:525px; position:absolute; top:50%; left:50%; margin-left:-255px; margin-top:-150px}
.lgoinBox .title{ background:url(../images/login/title.gif) no-repeat; height:89px}
.lgoinBox .content{ background:url(../images/login/boxBg.gif) repeat-x bottom #fcfcfc; border:#c3c3c9 solid 1px; padding:30px 60px; opacity:0.8}
.lgoinBox .text{ float:left; width:80%; margin-bottom:10px }
.lgoinBox p{ margin:10px 0; font-size:14px}
.lgoinBox label{ float:left; width:60px; background:url(../images/login/loginarr.gif) no-repeat 0 12px; padding:5px 0 0 20px }
.lgoinBox .text input{ width:225px; border:#b6b6b6 solid 1px; background:#fff; padding:5px;}
.lgoinBox .text input:focus{border:#3896d4 solid 1px; background:#dcf1ff;}
/*.btn{ background:url(../images/login/btn.gif) no-repeat; width:73px; height:65px; cursor:pointer; margin-top:10px}*/
.btn:hover{ background-position:0 -65px}
.lgoinBox .text2{ border-top:#b6b6b6 solid 1px; padding:10px 0 0 60px; clear:both}
.lgoinBox .text2 input{ margin-left:20px; vertical-align: text-bottom;*vertical-align: middle}
.lgoinBox .text .inpuText1{ width:100px; float:left; margin-right:5px}
.lgoinBox .text select{ height:25px; line-height:25px; width:237px;}
.lgoinBox .text2{ position:relative}
.lgoinBox .text2 a:hover .help{ display:block; }
.help{ display:none;padding:5px; border:#ccc solid 1px; background:#fff; position:absolute; top:5px; right:0; z-index:9999; color:#000; cursor:default; width:90px}
.copyright{ clear:bothl; position:absolute; bottom:-30px;left:120px; color:#848484}
#error_message{color:red;text-align: center;}

.choose{width:530px; position:absolute; top:30%; left:50%; margin-left:-340px;}
.choose .welcome{ float:left; margin:40px 30px 0 0}
.choose ul{ float:left; width:265px}
.choose li{ font:normal 20px/1.5 "微软雅黑"; padding:8px 0;list-style-image: url('../images/login/hand.gif');white-space: nowrap;}
.choose li a:link{ color:#007dc4; text-decoration:underline}
.choose li a:hover{color:#ff7800;}
.choose li a:visited{color:#a08cc1;text-decoration:underline}
.choose li img{ margin-right:10px}