@charset "utf-8";
.ErrorImg,.RightImg,.Pitems,.Suc span,.ResetStep li,.ResetStep li.ResetOk,.iconSuccessfully,.Register .Privacy p{ background:url(../images/signIn/Signin.gif) no-repeat;}
.RegisterBtn,.SucBtn .GoShoping,.SucBtn .GotoMa,.OneSubmitBtn{ background:url(../images/signIn/btn_Sigin.gif) no-repeat; border:none; cursor:pointer;}

/*SignIn*/
.LoginTitle{ color:#000; font-size:22px;font-weight: normal;margin-bottom: 10px;}
.LoginTip{display:block; font-size:14px; line-height:16px;font-weight: normal;}
.LoginTip a{ color:#90bfb6;}
.LoginBox{ background: #ffffff; border:1px solid #DEDEDE; display:inline; float:left; margin-right:50px; overflow:hidden; padding:10px 15px 30px; width:428px;}
.LoginBox dt{ font-size:20px; font-weight:bolder; padding:5px 0 10px 0;border-bottom: #E8E8E8 solid 1px;margin-bottom:35px;}
.LoginBox dd,.ResetCon li{ padding-bottom: 5px; overflow: hidden;}
.LoginName{ float:left; margin-right:5px; text-align:right; width:110px; padding-top:6px;}
.LoginInput{ background:#FFF; border:#ccc solid 1px; float:left; height:28px; padding:0 10px; width: 260px;line-height:22px; margin-bottom:5px;}
.Bginput{ background:#F7F6E4; border:1px solid #949494;}
.ErrorInput{ border: #cc0000 solid 1px;}
.RightInput{ border: #90bfb6 solid 1px;}
.ErrorTip,.EmailNote,.PasswordNote{ color:#BB1320; display:block; width:310px; clear:both; padding:0 0 4px 117px; float:left;}
.EmailNote,.PasswordNote{ color:#999999; margin-top: -4px;}
.ResetErrorTip{ color:#BB1320; display:block; width:310px; clear:both; padding:0 0 4px 0; float:left;}
.ErrorImg,.RightImg{ background-position:0 0; height:16px; width:16px; display:block; float:left; margin-left:7px; margin-top:2px; cursor:pointer;}
.RightImg{ background-position:-20px 0;}
.LoadingImg{ background:url(../images/load-x.gif) no-repeat;height:16px; width:16px; display:block; float:left; margin-left:7px; margin-top:2px; cursor:pointer;}
.Checkbox{ margin:2px 4px 0 115px; float:left;}
*+html .Checkbox{ margin-top:-2px;}
.LoginBox .Color6{ height:40px; color:#666;}
.LoginBtn{ padding-left:115px; overflow: hidden;}
.SigninBtn{ display: block; font-size: 20px;line-height: 33px;height: 35px;padding: 0 25px;}
.LoginBtn a{ color:#666; float:left; margin-top:13px; width:140px;}
.LoginBox dd.SignInFacebook{ padding:55px 0 0 0; display: flex; flex-wrap:wrap; justify-content: center; background:url(../images/signIn/sign_lineone.gif) 10px 40px repeat-x transparent;}
.SignInFacebook > div{display:block; margin: 5px 10px; cursor:pointer; position: relative;}
#googleButton {position: absolute; top: 0; left: 0; height: 44px; width: 188px; opacity: 0;}
#googleButton iframe {width: 188px !important; height: 44px !important; margin: 0 !important;}
.Register{ margin:0; height:auto;background-color: #f8f8f8;}
.Register dd{ height:auto; overflow:hidden; padding-bottom:5px;}
.NewsTip{ float:left; width:284px;}
.LoginName em{ color:#BB1320; font-family:tahoma; margin-right:5px; font-style:normal;}
.RegisterBtn{float:left;background: #ff6600;
color: #fff;
cursor: pointer;
border-radius: 2px;font-size: 20px;
line-height: 33px;
height: 35px;
padding: 0 25px;}
.RegisterBtn:hover{ background-position:0 -520px;}
.RegisterBtn:active{ background-position:0 -560px;}
.Verify{ cursor:pointer; float:left; margin-left:5px;}
.Register .Privacy{ height:auto; line-height:18px; margin:14px auto 0 auto; padding:10px 94px 10px 75px; width:262px; background:#FCFBEF;}
.Privacy p{color:#666;font-size:12px; line-height: 18px;}
.Pitems,.Register .Privacy p{ background-position:-40px 7px; margin-left:20px; padding-left:10px;}
.Privacy{ background: #fafafa; color:#666; margin-top:30px; padding:0 10px 20px;font-size:12px;}
.Privacy strong{ display:block; font-size:16px; border-bottom: 1px solid #E8E8E8;
color: #666;
margin-bottom: 10px;
padding: 15px 0 10px;}

/*RegisterSuccessfully*/
.iconSuccessfully{ background-position:0 -60px; width:61px; height:62px; float:left; margin:18px 0 0 80px; display:inline;}
.Register-icon{color:#333; padding:20px 0 50px 160px; text-indent:16px;}
.Register-icon dt{color:#22981D; font-size:32px; font-weight:bold; margin-bottom:10px; text-indent:0;}
.Register-icon dt.couponActiveText{font-size: 22px; margin: 15px 0 20px 0;}
.Register-icon dd{ margin-bottom:10px;}
.Register-icon .TC{font-style: italic;}
.Register-icon .TC strong{display: block; margin-bottom: 15px; font-size: 22px;}
.Register-icon .TC ul{padding-left: 35px;}
.Register-icon .TC ul li{ list-style: disc;}
#link a{ color:#666;}
.Register-icon a{ color:#90bfb6;}
.AlsoLike{ padding-top:30px; overflow:hidden; width:1000px;}
.AlsoLike dt{background:#F1F1F1; border-bottom:1px solid #E9E9E9; color:#333; font:18px/30px arial; margin-bottom:15px; padding-left:14px;}
.AlsoLike dt a{ color:#999;}
.AlsoLike dt a:hover{ color:#90bfb6;}
.AlsoLike dt span{float: left;display: block;border-left: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;height: 39px;line-height: 39px;padding: 0 20px;margin-left: -1px;text-decoration: none;}
.AlsoLike dt span.Choose{color: #FFF; background: #90bfb6;}
.AlsoLike dd {float: left; margin-right: 20px; width: 150px;}
.AlsoLike dd.Laster{margin-right: 0;}
.AlsoLike .FontRed{font-size: 13px; font-weight: bold;}
.AlsoLike .ColorBlack{font-size: 12px; color: #666666; font-weight: normal;}
.AlsoLike .containerProduct{ margin:0; width:auto;}
.ProSize110px{ display:block; height:150px; margin:0 auto; overflow:hidden; width:150px;}
.AlsoProName{ height:46px; margin:5px 0; overflow:hidden; line-height: 16px;}

/*ResetPassword_one*/
.NoticeDiv{ background:#F4F1C9; border:1px solid #DAD595; height:auto; margin-bottom:17px; margin-top:0; width:auto;}
.NoticeDiv span{ color:#333333; font-size:14px; line-height:25px; margin-left:10px; padding-bottom:18px;}
.NoticeDiv strong{color:#333333; font-size:14px; line-height:25px; margin-left:10px; padding-bottom:18px;}
.NoticeDiv p{ margin-bottom:8px; margin-left:10px; margin-right:10px; width:auto;}
.NoticeDiv a{ color:#666; text-decoration:none;}
.NoticeDiv a:hover{ text-decoration:underline;}
.ResterTil{ font-size:22px; margin:10px 0 20px 0;}
.ResetStep{ background:#E6E6E6; height:33px;}
.ResetStep li{ background-position:right -260px; color:#000; float:left; height:33px; line-height:33px; padding:0 24px 0 20px;}
.ResetStep li.Choose{ background:url(../images/signIn/Signin.gif) no-repeat right -180px #61B042; color:#FFF;}
.ResetStep li.Last{ background:none; padding-right:0; width:232px;}
.ResetBox{ height:235px; padding:30px 0 50px 0; border:1px solid #E2E2E2; border-top:none;}
.ResetTip{ font-size:14px; margin-left:63px;}
.ResetCon{margin-top:16px;}
.ResetPassTip{ padding:0 0 4px 306px;width:500px;}
.ResetName{width:300px;}
.Verify{ cursor:pointer; float:left; margin-left:5px;}
.ResetOneBtn{ padding-left:223px;}
.ResetPwdError{padding-left:223px;color:#BB1320;height:26px!important;margin-top:0!important;}
.OneSubmitBtn{ background-position:0 -240px; float:left; height:32px; width:110px;}
.OneSubmitBtn:hover{ background-position:0 -280px;}
.OneSubmitBtn:active{ background-position:0 -320px;}

/*ResetPassword_two*/
.ResetStep li.ResetOk{ background-position:right -220px;}
.SentEmail{ font-size:14px; line-height:24px;}
.SentEmail span{ color:#C17501;}
.EmailTip{ color:#000; line-height:20px; margin-top:28px;}
.EmailTip dd{ padding-left:9px;}
.EmailTip a{ color:#525252; text-decoration:underline;}

/*ResetPassword_three*/
.LiHeight{ margin-top:0;}
.LiHeight li{ margin-top:8px;}
.PstBox{ clear:both; display:none; margin-left:140px;}
.Pst{ float:left; width:140px;margin-top: 5px;}
.Pst li{ background:#DFDFDF; border:1px solid #D8D7D7; float:left; height:2px; margin-right:1px; width:42px; font-size:0;}
.Pst li.Choosed{background:#E59F50; border-color:#CE6F03;}
.Weak{ color:#DC7C10; margin-left:5px; float:left; display:inline;}

/*ResetPassword_four*/
.ResetStep .Last.Choose{ background:#61B042;}
.Suc{ color:#1A8E15; font-size:18px; line-height:63px;}
.Suc span{ background-position:0 -60px; float:left; height:63px; margin-right:13px; width:61px;}
.SucBtn{ margin:20px 0 0 89px;}
.SucBtn .GoShoping,.SucBtn .GotoMa{ float:left; height:35px; text-indent: -9999px;}
.SucBtn .GoShoping{ background-position:0 -120px; width:181px;}
.SucBtn .GoShoping:hover{ background-position:0 -160px;}
.SucBtn .GoShoping:active{ background-position:0 -200px;}
.SucBtn .GotoMa{ background-position:0 0; margin-left:40px; width:197px;}
.SucBtn .GotoMa:hover{ background-position:0 -40px;}
.SucBtn .GotoMa:active{ background-position:0 -80px;}

/*validate border add by lxj*/
.ValidateCode{width:98px; height:26px;}
#divRegisterError{margin-left: 10px; font-weight: normal; width: auto; display: block; color: #BB1320;}

.add{ display: inline-block; width: auto; padding: 0 10px 0 28px;  height: 30px; line-height: 30px; font-size: 18px; text-align: left; margin-top: 5px; background: url("../images_new/master/cart_icon.gif") no-repeat scroll 6px center #F60;}
.add:hover{color: #ffffff; text-decoration: none;}
.addLoading{background: url("../images/master/addToCart-smallLoader.gif") no-repeat scroll 0 0 transparent; text-indent: -2000px;}
.WistIcon{float: left; margin: 13px 0 0 10px; display: inline-block; width: 16px; height: 15px; cursor: pointer; text-indent: -2000px; background: transparent url("../images_new/list/list_icon.gif?v=20211018") no-repeat scroll 0 -215px;}
.WistIcon:hover{background-position: right -215px;}
.ViewMyWishList,.ViewMyWishList:hover{background: #F8F8F8 url("../images_new/master/wisth_icon-hover.gif") no-repeat scroll 0 0;}

/*ordertracking login*/
.Register dd.orderTrackingT{padding: 0 0 15px 15px; font-weight: bold; color: #393939}
.Register dd.orderTrackingT a{color: #90bfb6; text-decoration: underline;}
.orderTrackingWrap{padding:20px 0 300px;}
.orderTrackingWrap .Register{margin-right: 23px; }
.orderTrackingWrap .LoginName{width: 90px;}
.orderTrackingWrap .LoginBtn{padding-left: 96px;}
.orderTrackingWrap .ErrorTip{padding-left: 95px;}
.orderTrackingWrap .Checkbox{margin-left: 96px;}

.blackDian {display:block; position:absolute; width:10px; height:10px; border-radius:10px; top:3px; left:0; background:#999;}

.ResetOrderInfo{ margin-top: 35px;}
.ResetOrderInfo .ResetName{ width: 100px; font-size: 12px; text-align: left; margin-right: 0;}
.ResetOrderInfo .TipText{ color: #999999; margin-left: 100px;}
.ResetOrderInfo li {padding-bottom: 5px; overflow: hidden;}
.ResetOrderInfo .LoginInput{ border: #797979 solid 1px;}
.ResetOrderInfo .OneSubmitBtn{ background: #f60; width: 220px; height: 35px; line-height: 35px; font-size: 18px; text-indent: 0;}
.ResetOrderInfo .ResetOneBtn{ padding: 35px 0 0;}
.ResetOrderInfo .WarningTip{ display: inline-block; padding: 0 50px; margin-bottom: 20px; background: #fededf; height: 38px; line-height: 38px; font-size: 12px;}
.ResetOrderInfo .WarningTip:before{ content: ""; display: inline-block; background: url(../images/signIn/Signin.gif) no-repeat; width: 17px; height: 17px; position: absolute; margin: 10px 0 0 -23px;}

.Ph-SignIn {width: 1000px; margin: 0 auto;}

@media only screen and (max-width: 767px) {
    .Ph-SignIn {width: 100%;}
    #ContentWarp {padding: 10px 0;}
    .SignInFacebook > div {margin: 5px 4px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .Ph-SignIn {width: 100%;}
    #ContentWarp {padding: 10px 0;}
    .Ph-SignIn .LoginBox dd.SignInFacebook {padding: 55px 0 0 0;}
}