@charset "utf-8";


html,body { height: 100%; background: #fff; }

/* ---------- Header ----------*/

#header { position: fixed; top: 0; width: 100%; height: 47px; z-index: 1000; border-top: 3px solid #a33; border-bottom: 1px solid #ccc\9;
background: #fdf2f2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fdf2f2), color-stop(0.35, #ffffff), color-stop(0.00, #fefcfc));
background: -webkit-linear-gradient(top, #fefcfc 0%, #ffffff 35%, #fdf2f2 100%);
background: -moz-linear-gradient(top, #fefcfc 0%, #ffffff 35%, #fdf2f2 100%);
background: -ms-linear-gradient(top, #fefcfc 0%, #ffffff 35%, #fdf2f2 100%);
background: linear-gradient(top, #fefcfc 0%, #ffffff 35%, #fdf2f2 100%);
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
 }
#header .sitename,
#header .account { padding: 11px; vertical-align: middle; }
#header .sitename { float: left; }
#header .logo { width: 203px; float: left; height: 23px; margin: 0; vertical-align: middle; background: url(../../imageFile/manage/logo.png) no-repeat left top; background-size: contain; text-indent: -9999em; }
#header .admin {  float: left; width: auto; margin-left: 10px; padding: 5px; vertical-align: middle; font-size: 83.3%; color: #fff; background: #c44; }



/* ---------- PageSet ----------*/

#pageSet { height: 100%; }
#pageSet:after{ content : ''; display : block; clear : both; }

#pageSet #leftContent { position: relative; float: left; width: 70%; height: 100%; }
#pageSet #rightContent { position: relative; float: left; width: 30%; height: 100%; background: #a22; }

#pageSet #leftContent .slogan,
#pageSet #rightContent .login { position: absolute; }

#pageSet #leftContent .slogan { right: 0; padding: 0 30px 0 40px; font-size: 300%; color: #3b3e46; line-height: 1.3; }

#pageSet #rightContent .login { padding: 0 15px; }
#pageSet #rightContent .login .lead { line-height: 1.35; color: #fff; }
#pageSet #rightContent .login .submitBtn { margin-top: 7px; text-align: center; }
#pageSet #rightContent .login .submitBtn button:active { overflow: hidden; /overflow: visible;; }
#pageSet #rightContent .login .submitBtn .btn { display: inline-block; height: 49px; padding: 0 0 0 25px; overflow: visible; text-align: center; color: #fff; font-size: 16px; font-weight: bold; border: 0; background: url(../../imageFile/manage/btn.png) no-repeat left -1000px; }
#pageSet #rightContent .login .submitBtn .btn span {display: inline-block; /display: inline; /zoom: 1; width: auto; height: 49px; margin: 0; padding:0 25px 0 0; line-height: 44px; white-space: nowrap; background: url(../../imageFile/manage/btn.png) no-repeat right -1000px; }
#pageSet #rightContent .login .submitBtn .btn:hover { background-position: left -1049px; }
#pageSet #rightContent .login .submitBtn .btn:hover span { background-position: right -1049px; }
#pageSet #rightContent .login .forgetPassLinkSet { margin-top: 20px; text-align: center; }
#pageSet #rightContent .login .forgetPassLinkSet .forgetPassLink { font-size: 12px; color: #fff; text-decoration: underline; }

#pageSet #rightContent .login .errorMessage { display: none; margin: 10px 0; padding: 10px; border: 2px solid #f00; background: #fdd; color: #f00; line-height: 1.25; }


/* ------------ FormParts ------------ */

input[type="text"],
input[type="email"],
input[type="password"] { width: 95%; margin: 7px 0; padding: 4px; border: 1px solid #855; border-radius: 5px; box-shadow: 0 3px 6px #ccc inset; }
input.focus { background: #fff; box-shadow: 0 0 0 0 inset,0 0 5px #c33; border: 1px solid #c33; }
.placeholder {/top:13px; }

/* ------------ clearfix ------------ */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
  
.clearfix:after {
    clear:both;
}
  
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}