@charset "UTF-8";
* { padding: 0; margin: 0; font-family: 'microsoft yahei', Arial, Verdana, "\5b8b\4f53"; list-style-type: none; -webkit-tap-highlight-color: rgb(0, 0, 0, 0); color: #252525; }
html, body { height: 100%; }
html { -webkit-text-size-adjust: 100%; }
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline }
a:focus { outline: 0; -moz-outline: 0 }
input, textarea { outline: 0 }
.clearFix:after { content: "."; display: block; visiblity: hidden; height: 0; line-height: 0; font-size: 0; clear: both; }
.clearFix { zoom: 1; }
.clear { clear: both; visibility: hidden; border-top: 0; margin-top: -1px !important }
.floatl { float: left !important; }
.floatr { float: right !important; }
.hide { display: none; }
.mlr { margin-left: auto; margin-right: auto; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font20 { font-size: 20px; }
.font25 { font-size: 25px; }
.font30 { font-size: 30px; }
.ovf { overflow: hidden; }
.text { text-overflow: ecllipse; }
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tovf { text-overflow: ecllipse; overflow: hidden; }
.boderRadAll_3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.inlineBlock { display: inline-block !important; display: -moz-inline-stack; display: inline-block }
.block { display: block }
.signin_error { color: #d96f5d; margin-bottom: 5px; }

/**common logo**/
.iatodoLogo { display: inline-block; width: 144px; height: 32px; background: url(../images/iatodo-logo.png) center center no-repeat }

/**for login**/
.header { width: 100%; padding: 20px 0; background-color: #fff; border-bottom: 1px solid #d7d8da }
.header .content { width: 940px; margin: 0 auto; padding: 0 10px }
.header .headerBtn { border: 1px solid #aaa; padding: 6px 17px; text-align: center; color: #999; cursor: pointer; margin-top: 3px; text-decoration: none; font-size: 14px }

/**new login by lee **/
/*.container {width: 940px;}*/
.container { margin-right: auto; margin-left: auto; *zoom: 1 }
.login-page{ padding: 30px 0 10px; text-align: center }
.login-page .logo img { width: 252px }
.login-page .title { margin: 10px auto 50px; border-bottom: 1px solid #eeeeee; color: #b1b1b1 }
.login-page .title span { position: relative; top: 10px; padding: 0 30px; background: white;color: #b1b1b1 }
.login-page .title span a{ color: #b1b1b1 }
.login-page .title span a:hover { color: #717171 }
.login-page .title span .active { color: #555555 }
.login-page .title span .active:hover { color: #3f3f3f }
.login-page .title b { margin: 0 10px }
.login-page form{ width: 300px }
.login-page form { padding-bottom: 15px; margin: 0 auto 25px; border-bottom: 1px solid #eeeeee }
.login-page .input-prepend { width: 100%; margin-bottom: 15px;height: 44px;  box-sizing: border-box;border-radius: 2px;border: 1px solid #ccc;display: inline-block; }
.login-page .input-prepend input {float:right;border:none;background:none; height: 42px;padding: 0 10px;width: calc(100% - 44px);box-sizing: border-box;}
.login-page .repw input{width: 100%;text-indent:10px;}
.login-page .captcha-in{width: 100%; margin-bottom: 15px;height: 44px; line-height: 44px;}
.login-page .captcha { text-align: left; font-size: 0; white-space: nowrap;line-height:44px; }
.login-page .captcha input { float: left; width: 165px; height: 44px; margin-right: 10px; padding: 2px 10px; box-sizing: border-box;border-radius: 2px; border: 1px solid #ccc; }
.login-page .captcha img { height: 42px; width: 125px;border:1px solid #ccc; }


.login-page .sign-in .control-group{ width: 100%; margin: 15px 0 0; font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size: 12px; font-weight: normal; line-height: 1.5 }
.login-page .sign-in .control-group a { float: right;color: #555555; }
.login-page .sign-in .control-group a:hover {color: #000; }

.login-page .submit-button{ width: 100% }
.ladda-button { background: #049cdb; border: 0; padding: 12px 16px; cursor: pointer; color: #fff; border-radius: 2px; border: 1px solid transparent; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
.ladda-button:hover { border-color: rgba(0, 0, 0, 0.07); background-color: #15a7f0; }
.ladda-label{ color: #fff; }
.sign_up_msg { margin: 10px 0px; padding: 0px; text-align: left; font-size: 12px; line-height: 20px; color: #9d9d9d; }
.refresh_captcha{text-align: right;font-size: 12px;color: #9d9d9d; margin-bottom: 15px; margin-top: -10px;}


.login-page .login-sns{ margin-left: 0 }
.login-page .login-sns p { margin-bottom: 15px; color: #999999; }
.weibo-link { background: url('../images/weibo-link.png') center center no-repeat; background-size: contain; }
.qq-link { background: url('../images/qq-link.png') center center no-repeat; background-size: contain; }
.wechat-link { background: url('../images/wechat-link.png') center center no-repeat; background-size: contain; }
.social-accout { width: 255px; height: 36px; }
.social-accout a { float: left; margin-left: 30px; display: block; width: 36px; height: 36px; }
.social-accout a:hover{  width: 48px; height: 48px; }
input.span2:focus{border:1px solid #049cdb;outline:0;}
.pwIcon { background: url(../images/pwIcon.png) 17px center no-repeat;}
.accountIcon { background: url(../images/accountIcon.png) 17px center no-repeat;}
.emailIcon { background: url(../images/emailIcon.png) 17px center no-repeat;}
input:-webkit-autofill {box-shadow: 0 0 0 1000px white inset !important;}