﻿/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif;font-size:12px; background-color:#fbfbfb}

.SignShow,.SignInputBtn,.InputGroup,.InputGroupFocu,.DimCode,.Validform_checktip,.FwGroup,.FwGroupText,.FwCur,.SdGroupText,.SdGroupBtn,.s_2,.s_4,.ValidCodeGroup,.VcodeGroupText,.VcodeStyle{ -moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.SignShow,.InputGroup,.InputGroupFocu,.GroupText,.DimCode,.FwGroup,.FwCur,.SdGroupText,.VcodeGroupText{ -moz-box-shadow:-3px -3px 3px #EDEDED inset;-webkit-box-shadow:-3px -3px 3px #EDEDED inset;box-shadow:-3px -3px 3px #EDEDED inset;}

/* header */
#header{ height:40px;background-color:#5E6470; border-bottom:1px #4B525C solid}
.logo,.other{ height:40px;}
.logo{ width:180px;position:relative;}
.logo img{ width:180px;height:60px; position:absolute;top:0;left:0px;}
.other{ position:relative;}
.CareApp{ height:30px;margin-top:5px;color:#fff;}
.CareApp span{ height:30px;line-height:30px;}
.CareApp span,.wechat,.taobao{ float:left;}
.wechat,.taobao{ width:33px;height:30px; display:block;background:url(../images/CareAppGather.png) no-repeat;margin-left:5px;}
.wechat{ background-position:0 0;}
.taobao{ background-position:0 -30px;}
.DimCode{ border:1px #999 dashed; background-color:#fff;padding:10px; position:absolute;top:30px;right:90%;width:140px;height:140px; display:none; z-index:999;}

/* ShowWrap */
.DispShow{ width:650px;}
.DispSign{ width:300px; position:relative;}
.TargetReg{ height:30px;line-height:30px;color:#666; text-align:right;}
.TargetReg a{ color:#0188CC; text-decoration:underline;margin-left:5px;}.TargetReg a:hover{ text-decoration:none}
.SignShow{ border:1px #C9C9C9 solid;padding:30px;}
.SignShow h1{ font-size:15px;color:#666;}

.InputGroup,.InputGroupFocu,.FwGroup,.ValidCodeGroup{ position:relative;height:35px;margin-top:20px; background-color:#fff;}
.InputGroup,.FwGroup,.ValidCodeGroup{ border:1px #C9C9C9 solid;}
.InputGroup, .InputGroupFocu{ padding-left:40px;}
.InputGroupFocu{ border:1px #6BB2D0 solid}
.User_Ico,.Pass_Ico,.RePass_Ico,.True_Ico,.Mail_Ico,.Phone_Ico,.Vcode_Ico{ width:40px;height:35px; display:block; position:absolute;left:0px;top:0px; background:url(../images/GatherIco.gif) no-repeat}
.User_Ico{ background-position:0 0;}
.Pass_Ico{ background-position:0 -35px;}
.RePass_Ico{ background-position:0 -70px;}
.True_Ico{ background-position:0 -105px;}
.Mail_Ico{ background-position:0 -140px;}
.Phone_Ico{ background-position:0 -175px;}
.Vcode_Ico{ background-position:0 -210px;}
.InputTipOn,.InputTipOff{ position:absolute;left:52px;top:10px;top:11px;}
.InputTipOn{ color:#999;}
.InputTipOff{ color:#bbb;}
.GroupText{ width:174px;height:35px;line-height:35px; border:none;padding:0 10px;color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
.TargetForget{ height:45px;line-height:45px; text-align:right}
.TargetForget a{ color:#666; text-decoration:underline;}.TargetForget a:hover{ text-decoration:none}

.SignWrap{ color:#666;}
.Remember{ margin-top:6px;}
.SignSubmit,.SignInputBtn,.SdGroupBtn{ width:80px;height:30px;}
.SignInputBtn,.SdGroupBtn{ display:block;background-color:#5E6470;color:#fff; text-align:center; border:0px;font-size:12px; cursor:pointer}
.SignInputBtn:hover,.SdGroupBtn:hover{ background-color:#6BB2D0;}

.SerLine{ background: url(../images/SerLine.gif) center no-repeat; text-align:center;color:#666;line-height:30px;margin:10px 0px;}
.w140{ width:140px;height:30px;}
.Phone{ background: url(../images/phone.gif) no-repeat}
.online{ background: url(../images/online.gif) no-repeat}
.Botline{ height:40px; overflow:hidden;border-bottom:1px #ddd solid}
.copyright{ border-top:1px #fff solid;}
.copyright p{ text-align:center;color:#999;padding-top:10px;}
.copyright p a{ color:#999;}.copyright p a:hover{ text-decoration:underline}

/* INPUT NETX */
#RegStep2,.s_1,.s_2,.s_3,.s_4{ display:none;}

/* Validform */
.Ckthis{ width:16px;height:16px; display:block; position:absolute; background:url(../images/check.gif) no-repeat;}
.Ckthis{ top:-5px;right:0px;}
.Validform_checktip{ position:absolute;right:0px;top:-25px;}
.Validform_right,.Validform_wrong{ height:15px;padding:3px 10px;color:#fff;}
.Validform_right{ background-color:#CCE087;}
.Validform_wrong{ background-color:#990000;}


/* ForgetWrap */
.ForgetWrap{ width:800px;margin:30px auto;}
.fwShow{ background-color:#fff;height:348px;border:1px #C9C9C9 solid;}
.fwShow h1{ height:50px;line-height:50px;border-bottom:1px #C9C9C9 dashed;font-size:16px;padding-left:25px;color:#5E6470;}
.fwForm{ width:400px;margin:45px auto 0 auto;}
.fwTips{ height:25px;line-height:25px;font-size:14px; font-weight:bold;color:#333;}
.FwGroup,.FwBtn{ margin-top:20px;}
.FwGroupText{ width:308px;height:35px;line-height:35px; border:none;padding:0 10px;color:#999; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.fwList{ float:left;margin:15px 20px 15px 0px;}
.FwEmail,.FwPhone,.FwWechat,.FwServer{ width:60px;height:50px; display:block; background:url(../images/fwGather.gif) no-repeat; cursor:pointer; position:relative}
.FwEmail{ background-position:0 0;}
.FwPhone{ background-position:0 -50px;}
.FwWechat{ background-position:0 -100px;}
.FwServer{ background-position:0 -150px;}
.FwCur{ background-color:#FFFFCC}
.fwList dd{ width:60px;height:30px;line-height:30px; text-align:center;color:#666;}

.SendGroup,.FwGroup,.ValidCodeGroup{ position:relative;}
.SendGroup .InputTipOn,.SendGroup .InputTipOff{ position:absolute;left:16px;top:11px;top:13px\9;}
.SdGroupText{ border:1px #C9C9C9 solid;width:278px;height:35px;line-height:35px;padding:0 10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.SdGroupBtn{ position:absolute; right:0px;top:3px;}

.s_2,.s_4{ width:278px;border:1px #C9C9C9 dashed; background-color:#f5f5f5;padding:10px;line-height:150%;color:#333;}
.s_2 span,.s_4 span{ color:#4AA0C6;}

.ValidCodeGroup{ width:138px;}
.VcodeGroupText{ width:78px;height:35px;line-height:35px;padding:0 10px 0 50px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:0px;}
.GroupLoop .InputGroupFocu{ padding-left:40px;}
.ValidCode .InputGroupFocu{ width:138px;}
.VcodeStyle{ position:absolute;right:-100px;top:0px;width:85px;height:35px; background:url(../images/vcode.gif) no-repeat; border:1px #C9C9C9 solid;color:#333; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px;word-spacing:8px;letter-spacing: 5px;}


 #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}