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

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, 
pre,form, fieldset, legend, button, input, textarea,th, td { margin: 0; padding: 0;}
body,button, input, select, textarea {font: 12px/1.5 tahoma, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; } 
small { font-size: 12px; } 
ul, ol { list-style: none; }
a { text-decoration: none;cursor:pointer; outline:none;blur:expression(this.onFocus=this.blur()) }
em { font-style:normal}
sup { vertical-align: text-top; } 
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; } 
button, input, select, textarea { font-size: 100%; } 
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {  display: block; margin: 0;padding: 0;}
mark { background: #ff0; }
q:before,q:after,blockquote:before,blockquote:after { content:""; }
html { overflow-y:scroll; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline:0; }
textarea { overflow:auto; vertical-align:top; }

.clearfix:after { clear: both; content: "";display: block;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}
* + html .clearfix { height: 1%;}
.clearfix {display: block;}

/*-----------------------headtop--------------------------------------------------------------------------------------------------*/
.header{width:100%; height:84px; background: #FFF;}
.bgiimg{ width:549px; height:84px; margin-left:20px;}
.bodycolr{ width:100%; background:url(/image/bgbody.png); height:80%;}
.bodyimg2{ height:650px; background:url(/image/bgbo.png) no-repeat; width:1088px; margin:auto;}
.rightbg{width:360px; height:380px; background:#e5e5e5; float:right; margin-right:80px; margin-top:120px; }
.bar{ width:300px; margin:auto; margin-top:20px; }
.bar p{font-size:16px; font-weight:bold; color:#535354; line-height:30px;}
.barbut{ width:300px; margin:auto; margin-top:45px; }
.barbut a{outline:none;}
.footer{height:10%; }
.footer p{margin:auto; text-align:center; line-height:50px; margin-top:20px;}
.UserName{width: 300px; height: 30px; border: 1px solid #99a6b1;}

.UserPwd{width: 300px; height: 30px; border: 1px solid #99a6b1;}
.Verify{width: 90px; height: 30px; border: 1px solid #99a6b1;}
.txt{
	
	border: 1px solid #CCC;
	font-family: Arial,simsun;
	outline: 0 none;
	color: #000;

	z-index: 2;
}
.txt-error{
	border-color: #C00;
	color: #C00;
}
#valiLoginName{ font-size:12px}
#valiLoginName span{ font-size:12px; font-weight:normal}

#valiPassword{ font-size:12px}
#valiPassword span{ font-size:12px; font-weight:normal}

#authenticCodeForLogin{ font-size:12px}
#authenticCodeForLogin span{ font-size:12px; font-weight:normal}


#loading
{
    font-size: 14pt;
    position: absolute;
    z-index: 3000;
    left: 42%;
    top: 40%;
    border: 3px solid #ccc;
    width: auto;
    padding: 10px 10px 7px 10px;
    background: #fff;
    display: none;
    cursor: pointer;
    color:#666;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
}
.spinner {
 float:left
  width: 150px;
  text-align: center;
}
 
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #67CF22;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}