/*
@name: 5151buy Login & Register
@author: bushi (admin@5151buy.com)
*/
/* HTML5 ✰ Boilerplate */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti !important;}
body{font:13px/1.231 sans-serif;*font-size:small;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
html{overflow-y:auto;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul,nav li{margin:0;list-style:none;list-style-image:none;}
small{font-size:85%;font-size:12px;}
strong,th{font-weight:bold;}
td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;}
textarea{overflow:auto;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
a:link{-webkit-tap-highlight-color:#FF5E99;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
body,select,input,textarea{color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
a,a:active,a:visited{}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* Custom reset */
a,a:link,a:hover{color:#109eff;text-decoration:none;}
input[type=search] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {display: none;}
textarea, input { outline: none; }

html{
background: #ffffff no-repeat; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e4e4e4 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e4e4e4 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
height:100%;
}
body{
color:#666;font-size: 12px;padding: 7% 0 8%;margin-top: 2%;min-height:50%;height:50%;background: url("bge.png") no-repeat scroll top center transparent;font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,Helvetica,Calibri,微软雅黑,宋体;}
.container{margin:0 auto;width:320px;}
.container .box-container{background-color:#FFFFFF;border:1px solid #DDDDDD;border-radius:4px 4px 4px 4px;box-shadow:0 0 15px 8px #E3E3E3;margin:0 auto;}
.container .box-container .box-top{
background: #323232; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #4d4d4d 0%, #2e2e2e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4d4d4d 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4d4d4d 0%,#2e2e2e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4d4d4d 0%,#2e2e2e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4d4d4d 0%,#2e2e2e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-8 */
border-radius: 4px 4px 0 0;overflow: hidden;height: 36px;position: relative;border-bottom: 1px solid #FFFFFF;
}
.icon{background:url(login-bg.png) no-repeat;}
.btn-blue{background-position:0px -41px;display:block;width:268px;height:39px;}
.btn-blue:hover{background-position:0px 0px;}
.btn-green{background-position:0px -123px;display:block;width:268px;height:39px;}
.btn-green:hover{background-position:0px -82px;outline: none;border: none}
.container .box-container .box-top .logo{position:absolute;background-position:-379px -133px;display:block;text-indent:-9999px;width:23px;top:6px;left:12px;height:23px;}
.container .box-container .box-top .text{display:block;text-indent:-9999px;width:115px;height:19px;position:absolute;left:42px;top:10px;}
.container .box-container .box-top .text-active{background-position:-270px -25px;width: 77px;}
.container .box-container .box-top .text-sign{background-position:-270px -46px;}
.container .box-container .box-top .text-login{background-position:-270px -67px;}
.container .box-container .box-top .text-forgot{background-position:-270px -91px;}
.container .box-container .box-top .msgTitle{ color: #ccc; font-size: 16px; margin-left: 45px; line-height: 32px;}
.container .box-container .box-top .home{position:absolute;background-position:-366px -25px;display:block;text-indent:-9999px;cursor:pointer;width:16px;height:13px;right:12px;top:11px}
.container .box-container .box-top .home:hover{background-position:-348px -25px;}
.container .box-container .box-body{overflow:hidden;border-top:1px solid #eaeaea;margin:0 25px;padding-top:14px;}
.container .box-container .box-body label.shadow-box input[type="text"],.container .box-container .box-body input[type="password"]{border:1px solid #DEDEDE;border-radius:3px 3px 3px 3px;box-shadow:0 0 4px 0 #ECECEC inset;color:#CCCCCC;display:block;font-size:13px;height:15px;line-height:15px;margin:0 auto;overflow:hidden;padding:9px 23px 9px 5px;width:230px;}
.container .box-container .box-body label.shadow-box{position:relative;background:none repeat scroll 0 0 #F7F7F7;border-radius:3px 3px 3px 3px;display:block;margin:17px 0 0;padding:4px;}
.container .box-container .box-body label.hover input[type="text"],.container .box-container .box-body label.hover input[type="password"]{border:1px solid #cdcdcd;}
.container .box-container .box-body label.hover{background-color:#f2f2f2;}
.container .box-container .box-body label.focus input[type="text"],.container .box-container .box-body label.focus input[type="password"]{border:1px solid #cdcdcd;color:#333;}
.container .box-container .box-body label.focus{background-color: #f2f2f2;}
.container .box-container .box-body label.disabled input[type="text"],.container .box-container .box-body label.disabled input[type="password"]{cursor:default;color:#ccc;background-color: #F4F4F4;border: 1px solid #EAEAEA;}
.container .box-container .box-body label.disabled{background-color: #F7F7F7;cursor: default;}
.container .box-container .captcha-box{overflow: hidden;margin-top: 15px;}
.container .box-container .captcha-box label.shadow-box{margin-top: 0;float:left;width: 140px;}
.container .box-container .captcha-box label.shadow-box input[type="text"]{width: 110px;}
.container .box-container .overlabel{left: 5px;position: absolute;top: 10px;}
.container .box-container .captcha-box .captcha-img img{float:right;width: 106px;height: 40px;cursor: pointer;}
.container .box-container i.loading{display: none;height: 16px;position: absolute;right: 13px;top: 13px;width: 16px;background-image: url("login-loading.gif");background-size: 16px 16px;}
.container .box-container i.pass{display: none;height: 16px;position: absolute;right: 13px;top: 13px;width: 16px;background-image: url("login-pass.png");background-size: 16px 16px;}
.container .box-container .box-body .remember-box .remember-option{background-position:-383px -28px;font-size:13px;height:23px;padding-left:20px;}
.container .box-container .box-body .remember-box .remember-option input{left:-9999px;position:absolute;}
.container .box-container .box-body .remember-box .remember-option span{font-size: 12px;}
.container .box-container .box-body .remember-box .checked{background-position:-383px -47px;}
.container .box-container .box-body .remember-box{margin:15px 0 0;font-size:12px;color:#646464;}
.container .box-container .box-body .forget-password{margin-left:10px;color:#999;font-size:12px;}
.container .box-container .box-body .message{display:none;border-radius:4px 4px 4px 4px;line-height:18px;padding:6px 10px 6px 15px;margin:15px 0;}
.container .box-container .box-body .message a{cursor: pointer;}
.container .box-container .box-body .tip{color:#666;background-color:#e6f5fa;}
.container .box-container .box-body .warning{color:#666;background-color:#E1F4FB;}
.container .box-container .box-body .error{color:#666;background-color:#fff4ca;}
.container .box-container .box-body .submit-btn{padding:0;margin:15px auto 0;border:none;color:#FFFFFF;font-size:17px;text-shadow:0 0 2px #222222}
.container .box-container .box-body .submit-btn-disabled-backup{background-position:0px -298px;display:block;width:268px;height:39px;}
.container .box-forgot-password .box-body .submit-btn{margin-top: 20px;}
.container .box-container .box-body .status{ padding-bottom: 10px; min-height: 300px;}
.container .box-container .box-body .status .status-img{height: 24px;display: block;max-width: 260px;text-indent: -9999px;margin: 40px auto;}
.container .box-container .box-body .status .sending{background-position: 0px -239px;width: 162px;}
.container .box-container .box-body .status .invalid{background-position: 0px -189px;width:178px;}
.container .box-container .box-body .status .error{ background-color: transparent;background-position: 0px -214px;width: 196px;}
.container .box-container .box-body .status .success{background-position: 0px -164px;width:186px;}
.container .box-container .box-body .status .success-reg{background-position: 0 -360px;width: 156px;}
.container .box-container .box-body .status .actived, .container .box-container .box-body .status .actived-login{background-position: -270px 0;width:186px;}
.container .box-container .box-body .status .done{background-position: 0px -265px;width:134px;}
.container .box-container .box-body .status-message{text-align: left;font-size: 16px;line-height: 32px;margin-bottom: 10px;}
.container .box-container .box-body .status-button{color: #FFFFFF;font-size: 17px;letter-spacing: 2px;line-height: 39px;text-align: center;text-shadow: 0 0 2px #222222;cursor: pointer;}
.container .box-container .box-bottom{margin:20px 25px 25px 25px;color:#999;font-size:12px;}
.container .box-container .box-bottom span{line-height: 20px;}

.container .box-container .other-login{margin:20px 25px 25px 25px;color:#999;font-size:12px;}
.container .box-container .other-login .i_sina, 
.container .box-container .other-login .i_qq{background:url(regIcon0.png) no-repeat; padding:15px 23px;}
.container .box-container .other-login .i_sina{background-position:0 0}
.container .box-container .other-login .i_qq{background-position:-45px 1px;}

.container .form-status .box-bottom span, .container .box-forgot-password .box-bottom span{display: none;}

@media screen and (max-width:700px){
    body{margin-top: 0;padding-top: 0;min-height: 200px;}
}