@charset "utf-8";
/*
* 名称: main
* 功能:主体公用样式
* 麦豆记官方:www.maidouji.com
* developer:顽主
* Email:cometous@126.com 
* Copyright © 2013 - 麦豆记
* Date:2013-01-05
*/
input,button,select,textarea{outline:none; background:#f00;}
.signInput:focus { background:#f6f6f6 }
.loginArea{  margin:20px auto; max-width:960px;}
.login-top{background:#5ab9c0; }
.loginTitleBg{ color:#e2e7eb; font-size:1.5em; font-weight:normal; height:90px; max-width:960px; margin:0 auto;line-height:90px; overflow:hidden; padding-right:20px; text-align:right; }
.registerContent{  }
#signForm{ padding-top:10px;}
.inputDiv{ margin:10px auto 0;}
.inputDiv label{ color:#000; font-size:14px; float:left; padding-bottom:5px;text-shadow:1px 1px 1px #fff;}
.signInput{ background:#f5f5f5; border:1px solid #ccc;border-radius:1px; color:#37a5a6; font-size:14px; padding: 12px 0px;width:100%;}
.submitDiv{ margin:20px auto 0; overflow:hidden}
.submitBtn{ /*background:url(../img/submitBtn.jpg) repeat-x;*/ background:#37a5a6; border:1px solid #31a1a2; border-radius:2px; color:#fff; cursor:pointer; font-size:14px;height:35px; line-height:35px; padding:0 20px; text-align:center; text-shadow:1px 1px 1px #31a1a2;}
.laterDiv{ margin-top:10px;}

span.error{background: url(../img/icon_error.png) no-repeat 5px 7px; display:block !important;padding:5px 0;padding-left:25px; margin-top:5px;}
span.success{ background: url(../img/icon_success.png) no-repeat; float:right;height:16px; width:16px; display:none !important }

/*site words*/
.siteDiv{ margin:20px; width:350px;}
.logoFont{ color:#f6fffa; display:inline-block; font-size:2em;font-weight:normal; margin-right:10px;}
.valueWords{ color:#f6fffa; font-size:18px; font-weight:normal; padding-left:20px;}
.infoList{}
.infoList li{ display:block; margin-top:20px;}
.slogan{clear: both;overflow: hidden; padding:10px;}
.slogan img{border: 0px solid #a7b1b8; border-radius:3px;float:left;height:32px;margin-right: 10px;width:32px;}
.sloganInfo{min-height:55px;padding: 0 0 11px 50px;}
.sloganInfo h3{ color:#000; font-size:14px; font-weight:normal;text-shadow:1px 1px 1px #fff;}
.sloganInfo p{ color:#999; font-size:14px;}
/*login*/
.orFont{ color:#999;padding-left:10px;}
.loginLink{ color:#588CC7; font-size:14px;padding-left:10px;}
.autoLogin { font-size:14px;height: 22px;padding-top: 5px;margin:10px auto 0;}
.loginLink:hover{ color:#000;}
.autoLogin a{color:#588CC7; }
.autoLogin a:hover{color:#000;}
.checkbox {height: 14px;margin-right: 5px;vertical-align: text-bottom;width: 14px;}
.laterLink{ padding-left:10px;}
/*find password*/
.findPwdDiv{ margin:20px;}
.findPwdDiv p{ color:#666; font-size:14px; margin-bottom:15px;text-shadow:1px 1px 1px #fff;}
.findPwdDiv p strong{color:#588CC7; }
.pwdTips{ color:#588CC7; }
/*thirdLogin*/
.thirdTopic{ color:#7FA3D6; font-size:18px; font-weight:normal;margin-top:10px; text-shadow:1px 1px 1px #fff;}
.thirdLoginDiv{ background:url(../img/thirdLoginBg.png) repeat-x bottom;border-bottom: 1px solid #aaaaaa; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); height:180px; margin:20px auto; padding:20px;width:305px;}
.thirdInputDiv{ margin:10px auto 0; overflow:hidden; width:312px;}
.thirdName{ font-size:14px;}
.thirdInput{ background:#fff; border:1px solid #aaa;border-radius:2px; color:#999; font-size:15px;height:35px; opacity:0.7; padding-left:5px; width:300px;}
/*icon*/
.indextodo{ background:url(../img/login/indextodo.png) no-repeat;}
.indexBookmark{ background:url(../img/login/indexBookmark.png) no-repeat;}
.indexmemo{ background:url(../img/login/indexmemo.png) no-repeat;}
.icon_directLogin{background:url(../img/icon_directLogin.png) no-repeat;display:inline-block; height:34px; text-indent:-9999px; width:34px; vertical-align:middle;}
.icon_directLogin:hover{ background-position:0 -34px;}
.mdj-blue-btn {
	background: #5ab9c0;
	border-radius: 2px;
	border:none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size:14px;
	text-decoration: none;
	padding: 13px 14px;
	text-align:center;
	width:100%;
}
.mdj-blue-btn:hover{ background:#4aafb6;}
.mdj-gray-btn {
	background: #e7e7e7;
	border-radius: 2px;
	border: 1px solid #e7e7e7;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size:14px;
	text-decoration: none;
	padding: 8px 0;
	text-align:center;
	width:100%;
}
.mdj-gray-btn:hover{ background:#ccc;}
@media (max-width: 860px)
#landing .page {

}
.loginArea{  padding-left: 10px;
padding-left: 0.625rem;
padding-right: 10px;
padding-right: 0.625rem;max-width:960px;}
}
input:focus, textarea:focus {
	border:2px solid #000;
	background:#fff !important;
}
.login-link{ color:#fff; margin-right:20px;}
.register-link{ color:#fff; }
#footer {
background: #dddddd;
padding: 0;
color: #999999;
padding-top: 27px;
padding-top: 1.6875rem;
font-size: 12px;
font-size: 0.875rem;
margin-left: -16px;
margin-left: -1rem;
height:90px;
padding-left: 30px;
padding-left: 1.875rem;
position:fixed;
bottom:0;
width:100%;
fo

}
.contentContainer {
max-width: 964px;
max-width: 60.25rem;
margin: 0 auto;
}
#footer .right {

margin-top: 0.75rem;
font-size:12px;
}
.right {
float: right;
}
#footer a {
color: #888888;
font-size:12px;
padding: 12px 10px;
padding: 0.75rem 0.625rem;
text-decoration: none;
float: left;
}
#error-tips-bg{ background:#ee6557; display:none;padding:15px 0}
.error{ color:#fff; font-size:14px; line-height:25px; max-width:960px; margin:0 auto;}