/* CSS Document */
/*
* Basic Cascading Style Sheet
* Intructions: none
* Version: 1.0
* Updated: 2013-03-12
* Author: Zhang Ziyang
* Contact:
* QQ:1060927929
* Email:zzy85620987@163.com
*/

@charset "utf-8";
/***********************CSS RESET*********************/
@-webkit-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-moz-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-ms-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-o-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}

html{
	height: 100%;
}
body{
   background:url(../images/cloud.png) 0 bottom repeat-x  #049ec4;
  -webkit-animation: animate-cloud 20s linear infinite;
  -moz-animation: animate-cloud 20s linear infinite;
  -ms-animation: animate-cloud 20s linear infinite;
  -o-animation: animate-cloud 20s linear infinite;
  animation: animate-cloud 20s linear infinite;
  width: 100%;
  height: auto;
}

/* =============== Reset ==*/
body, div, span, ul, li, input, label{margin:0; padding:0;  font-family:"Open Sans","Helvetica Neue",Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-size:14px; line-height:20px;}
body{color:#000; width:100%; /*height:100%; overflow:hidden;*/ min-width:750px;}
ol, ul, li{list-style:none}
label, input, button, select{font-size:14px; font-weight:normal; line-height:20px}
input, textarea, keygen, select, button, isindex, meter, progress{outline:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
/* =============== End ==*/


/*default*/
a{color:#000; text-decoration:none}
a:hover{color:#090;}
h2{font-size:18px;}
h3{font-size:22px;}
.t12{font-size:12px !important}
.clear{clear:both;height:0;line-height:0;margin:0 auto;font-size:1px}
.fade{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.fade.in{opacity:1;display:block;}
.fade.out{opacity:0; display:none}
.close{float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20); font-family: "Open Sans"; cursor:auto}
.clx:after{clear:both;content:"";display:block;height:0;visibility:hidden;color:#333}

input[type="text"], input[type="password"]{border-radius:0!important; border-width:1px; color:#AAA; background-color:#FFF; border-color:#d5d5d5; box-shadow:none; -moz-transition-duration:.1s; -webkit-transition-duration:.1s; -o-transition-duration:.1s; -ms-transition-duration:.1s; transition-duration:.1s}
input[type="text"], input[type="password"]{display:inline-block; height:24px; padding:4px 6px; font-size:16px; line-height:24px; color:#555; vertical-align:middle; background-color:#fff; border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border linear .2s,box-shadow linear .2s; transition:border linear .2s,box-shadow linear .2s}
.btn{display:inline-block; *display:inline; width:275px; padding:10px 0px; margin-bottom:0; *margin-left:.3em; font-size:18px; line-height:20px; color:#f2f2f2; text-align:center; vertical-align:middle; cursor:pointer; background-color:#2ca600; border:0; *zoom:1;}
.btn:hover, .btn:focus, .btn:active, .btn.active{color:#fff; background-color:#389914;}

/*New*/
.new {background:url(../pic/v-blue.jpg?t=201409231800) repeat-x top;}
.new .wrapper { margin:0 auto; position:relative;}
.new .header {position:fixed; top:0; left:0; right:0; z-index:1; height:100px; border-bottom:2px solid #e3e3e3; background:#fff;}
.new .header .logo {float:left; width:240px; height:68px; margin-top:16px; background:url(../pic/v-logo.png) no-repeat;}
.new .header .logo a {display:block; width:68px; height:68px; overflow:hidden;}
.new .header .text {float:right; margin-top:30px; font-size:14px; line-height:40px; color:#7b7b7b;}
.new .header .text strong {margin:0 3px; font-size:32px; font-weight:400; color:#2ca600; vertical-align:-6px; *vertical-align:middle;}

.new .content {margin-top:100px; padding:10px 0; margin-left:10px;}
.new .content .wrapper {height:100%;}
.new .content .main{right:5px; top:90px; width:310px;}



ul.login{width:280px; height:350px; padding:0 15px; background:#fff; background:rgba(255,255,255,.9); box-shadow:0px 2px 4px rgba(0,0,0,.4); border-radius:5px; border:1px solid #aaa;}
ul.login h2 {height:40px; line-height:40px; margin:0; border-bottom:1px solid #d7d7d7;}
ul.login h2 span {float:left; width:56px; font-size:18px; line-height:40px; text-align:center; border-bottom:2px solid #2ca600;}
ul.login h2 a {float:right; margin-right:10px; color:#666; font-size:14px;}
ul.login h2 a:hover {color:#090;}
ul.login li{display:block; padding:5px 0px; font-size:14px;}
ul.login .mb20 {margin-bottom:8px;}
ul.login .mb10 {margin-bottom:8px;}
ul.login li div {position:relative;}
ul.login li div label {position:absolute; top:12px; left:7px; display:inline-block; width:60px; height:20px; color:#a9a9a9; }
ul.login li .username {background-position:0 0;}
ul.login li .password {background-position:0 -20px;}

ul.login li.tr{padding:10px 5px 0 0; text-align:right;}
ul.login li.tr label{width:70px}
input.text{width:205px; height:20px; line-height:20px; padding:12px 5px 7px 65px; border:1px solid #ccc; border-radius:0; background-color:#f5f5f5; box-shadow:inset 0 1px 5px -2px rgba(0,0,0,.3); color:#000; font-size:16px; -webkit-transition:all .1s; -moz-transition:all .1s; -ms-transition:all .1s; transition:all .1s}
input.text:focus{border:1px solid #26a723; background-color:#fff;}
ul.login li label.remember{display:block; margin:0px 0px 10px; width:160px}
.placeholder-username {background-image:url(../pic/v-placeholder.png); background-repeat:no-repeat; background-position:45px 0;}
.placeholder-password {background-image:url(../pic/v-placeholder.png); background-repeat:no-repeat; background-position:45px -40px;}