﻿*{padding: 0;margin: 0;}

/* 清除浮动 */
.clearfix:after {content: "";display: table;clear: both;}
html, body { height: 100%; }
body {    
font-family:"Microsoft YaHei"; background:#EBEBEB; background:url(./images/stardust.png);       
font-weight: 300;  font-size: 15px;  color: #333;overflow: hidden;}
a {text-decoration: none; color:#000;}
a:hover{color:#F87982;}

/*home*/
#home{padding-top:100px;}

/*logint界面*/
#login{ 
padding:20px 30px 30px; width:400px; background:#FFF; margin:auto;
border-radius: 3px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}

.current1{
-moz-transform: scale(0);     /* for Firefox 缩放比例 */  
-webkit-transform: scale(0);  /* for Chrome || Safari 缩放比例 */
-o-transform: scale(0);       /* for Opera            缩放比例 */
-ms-transform: scale(0);      /* for IE 缩放比例 */
transform: scale(0); 
-moz-transition: all 0.4s ease-in-out;  
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
/*
* CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。
* 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值
*/
}

.current{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

#login h3{ font-size:18px; line-height:25px; font-weight:300; letter-spacing:3px; margin-bottom:20px; color:#C8C8C8; text-align:center;}
/*#login label{ color:#C8C8C8; display:block; height:35px; padding:0 10px; font-size:12px; line-height:35px;  background:#EBEBEB; margin-bottom:10px;position:relative;}
#login label input{  font:13px/20px "Microsoft YaHei"; background:none;  height:20px; border:none; margin:7px 0 0 10px;width:245px;outline:none ; letter-spacing:normal;  z-index:1; position:relative;  }
#login label  span{ display:block;  height:35px; color:#F30; width:100px; position:absolute; top:0; left:190px; text-align:right;padding:0 10px 0 0; z-index:0; display:none; }*/
#login button{ 
font-family:"Microsoft YaHei"; 
cursor:pointer;
width:300px;  
height:35px; 
background:#FE4E5B; border:none; font-size:14px; line-height:30px;  letter-spacing:3px; color:#FFF; position:relative; margin-top:10px;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
#login button:hover{ background:#F87982; color:#000;}

/*头像*/
.avator{
    display:block;
    margin:0 auto 20px;
    border-radius:50%;
}

/* Login表单的样式设置
-----------------------------------------------------------*/
#login  .editor-label {
   width:100px;font-size: medium;   padding: 5px; height: 20px;
}

#login  .editor-field {
    width:200px;font-size: medium;  padding: 5px;margin: -31px 0 0 90px; height:20px
 
}
 