body{background:#f1f1f1;color:#707478}h1,h2,h3,h4,h5,h6{font-weight:500}label{color:#242a30}.login{margin:168px 0;position:relative}.login label{color:#707478}.login .login-header{position:absolute;top:-80px;left:50%;right:0;width:450px;padding:0 40px;margin-left:-225px;font-weight:300}.login .login-header .brand{padding:0;font-size:28px}.login .login-header .brand .logo{width:28px;height:28px;position:relative;font-size:0;margin-right:10px;top:-9px}.login .login-header .icon{position:absolute;right:40px;top:-2px;opacity:.1;filter:alpha(opacity=10)}.login .login-header .icon i{font-size:70px}.login .login-content{padding:30px 40px;color:#999;width:450px;margin:0 auto}.login.login-with-news-feed{width:100%;margin:0;padding:0}.login.login-with-news-feed .news-feed{position:fixed;left:0;right:500px;top:0;bottom:0;-webkit-transform:translateZ(0);overflow:hidden}.login.login-with-news-feed .news-image{position:absolute;bottom:0;left:0;right:0;top:0}.login.login-with-news-feed .news-image img{position:absolute;max-height:100%;min-width:100%;top:-1960px;bottom:-1960px;left:-1960px;right:-1960px;margin:auto}.login.login-with-news-feed .news-caption{background:rgba(0,0,0,.7);color:#999;position:absolute;bottom:0;left:0;right:0;padding:30px 60px;font-size:14px;z-index:20;font-weight:300;min-width:680px}.login.login-with-news-feed .news-caption .caption-title{color:#fff;color:rgba(255,255,255,.8);font-weight:300;font-size:28px}.login.login-with-news-feed .right-content{float:right;width:500px}.login.login-with-news-feed .login-content{width:auto;padding:30px 60px}.login.login-with-news-feed .login-header{position:relative;top:0;margin:auto;left:0;right:0;padding:100px 60px 0}