input{ color:#333;}
#wrapper{background:none;padding-bottom:0px;}
#wrapper .warp{background:none;}
#container{background:none;}
#main{ min-height: 340px;}
.main-box{padding-bottom:20px;}

.com-wrong, .com-right{background: url(../img/register/icon.png) 0 0 no-repeat;}
.com-wrong{background-position: 0 -890px;; display: block;height: 15px;margin-top: 10px;width: 15px;}
.com-right{background-position: 0 -376px;display: block;height: 16px;margin-top: 8px;width: 21px;}
.strength{ line-height:15px;}
.strength i {
	margin-top: 5px;
	display: block;
	width: 63px;
	height: 11px;
	background: url(../img/register/psd-strength.png) 0 0 no-repeat;
}
.strength01 i {
	background-position: 0 -11px;
}
.strength02 i {
	background-position: 0 -22px;
}
.strength03 i {
	background-position: 0 -33px;
}


.login-mian{ width:988px; border:1px solid #ddd; float:left; background:#fff; margin-top:25px; height:550px;}
.register-mian{ width:988px; border:1px solid #ddd; float:left; background:#fff; margin-top:25px;  min-height:550px; padding-bottom: 25px;}
.input-com{ float:left; height:36px; border:1px solid #ccc; padding:0 5px; line-height:36px;}
.input-com:focus{ border:1px solid #6A98CC;}


.register-mian .login-left .input-box .input-com{width:268px;}
.register-mian .head-part{ float:left; width:990px; height:35px;}
.register-mian .head-part span{ float:left; width:663px; height:35px;}
.register-mian .head-part .list-01{ background:url(../img/register/register-list-01.jpg) 0 0 no-repeat;}
.register-mian .head-part .list-02{ background:url(../img/register/register-list-02.jpg) 0 0 no-repeat;}
.register-mian .head-part .list-03{ background:url(../img/register/register-list-03.jpg) 0 0 no-repeat;}

.login-left{ float:left; width:450px; padding:40px 0 90px 60px; position:relative;}
.login-left .status-box{ float:left ; color:#CC0000; position:absolute; top:10px; left:40px; padding-left:20px;}
.login-left .error{ background:url(../img/register/error.gif) 0 0 no-repeat;}
.login-left .table{ float:left; width:516px;}
.login-left .table li{ float:left; width:516px;}
.login-left .input-box{ float:left; width:516px;}
.login-left .input-box label{ float:left; width:516px; font-size:14px; color:#666; padding-bottom:3px;}
.login-left .input-box label em{ color:#ff0000;}
.login-left .input-box .label-02{ float:left; font-size:14px; color:#666; padding-bottom:3px; width:92px; text-align:right; line-height:38px;}
.login-left .input-box .label-02 em{ color:#ff0000;}
.login-left .input-box .input-text {color: #999999;float: left;width: 290px;}
.login-left .input-box .input-text span{ float:left; padding:10px 0;}
.login-left .input-box .check{ float:left; color:#999;}
.login-left .input-box .input-com{width:295px;}
.login-left .input-box .select-text {color: #999999;float: left;width: 350px;padding-top:10px}
.login-left .input-box .select-text select{margin-right:10px}
.login-left .input-box .select-text span{ float:left; padding:10px 0 0 0;}

.login-left .checkbox{ float:left; margin:25px 10px 0 0; *margin:20px 6px 0 0;}
.login-left .sp-01{ float:left; margin:23px 10px 0 0; color:#333;}
.login-left .sp-02{ float:left; margin:23px 0 0 0; color:#333;}
.login-left .sp-02:hover{ color:#c80000;}
.login-left .login-a{  float:left; width:307px; height:36px; background:url(../img/register/btn-01.gif) 0 0 no-repeat; text-align:center; color:#fff; font-size:16px; line-height:36px; font-weight:bold; margin-top:38px; cursor: pointer;}
.login-left .login-a:hover{ background:url(../img/register/btn-01-hover.gif) 0 0 no-repeat; text-decoration:none;}
.login-left .jointlogin{ float:left; width:450px;}
.login-left .jointlogin p{ float:left; color:#666; width:450px; padding:30px 0 20px 0;}
.login-left .jointlogin a{ float:left;}

.login-left .jointlogin .qq-a{ float:left; width:23px; height:26px; background:url(../img/home-2015/bg-16.gif) 0 0 no-repeat; margin:0 0 0 10px;}
.login-left .jointlogin .sina-a{ float:left; width:30px; height:25px; background:url(../img/home-2015/bg-17.gif) 0 0 no-repeat; margin:0 0 0 20px;}
.login-left .jointlogin .wx-a{ float:left; width:32px; height:26px; background:url(../img/home-2015/wx-big.png) 0 0 no-repeat; margin:0 0 0 20px;}


.login-left .jointlogin .qq{ width:138px; height:31px; background:url(../img/register/qq-login-img.gif) 0 0 no-repeat; margin-right:20px;}
.login-left .jointlogin .sina{width:149px; height:31px; background:url(../img/register/sina-login-img.gif) 0 0 no-repeat;}


.login-left .agreement-box{ float:left; color:#999; padding:15px 0 0 60px; width:300px;}
.login-left .agreement-box .register-btn{ float:left; width:270px; height:36px; background:url(../img/register/register-btn.jpg) 0 0 no-repeat; cursor:pointer; }

.login-left .agreement-box .find-btn{ float:left; width:100px; height:36px; background:url(../img/register/btn-03.gif) 0 0 no-repeat; cursor:pointer; margin-top:10px; font-size:16px; color:#fff; font-weight:bold;}
.login-left .agreement-box .find-btn:hover{ background:url(../img/register/btn-03-hover.gif) 0 0 no-repeat;}


.login-right{ float:right; width:377px; padding:40px 0 40px 100px; background:url(../img/register/register-01.gif) left 55px no-repeat;}
.login-right .title-01{ float:left; color:#333; font-weight:bold;padding-top:18px; width:377px;}
.login-right .title-02{ float:left; color:#666; line-height:22px;padding-top:18px; width:377px;}
.login-right .register-a{ float:left; width:134px; height:30px; background:url(../img/register/btn-02.gif) 0 0 no-repeat; text-align:center; color:#fff; font-size:16px; line-height:30px; font-weight:bold; margin-top:38px;}
.login-right .register-a:hover{ float:left; width:134px; height:30px; background:url(../img/register/btn-02-hover.gif) 0 0 no-repeat; text-decoration:none;}
.login-right .ad-box{ float:left; width:300px; height:50px; padding-top:130px;}

.come-box{ float:left; width:763px; height:98px; border:1px solid #ddd; margin:57px 0 0 100px;}
.come-box .left-img{ float:left; width:80px; height:80px; padding:9px;}
.come-box .left-img img{ float:left; width:80px; height:80px;}
.come-box .right-info{ float:left;padding-left:11px;width:645px; padding-top:18px;}
.come-box .right-info p{ float:left; font-size:20px; font-family:Microsoft YaHei,宋体; color:#666; line-height:30px;width:645px;}
.come-box .right-info p em{ color:#005197;}
.com-login-box{ float:left; width:763px;padding:27px 0 110px 100px; position:relative;}
.com-login-box dl{ float:left; width:763px; margin-top:33px;}
.com-login-box dl dt{ float:left; width:270px; text-align:right; font-size:14px; color:#999; line-height:38px;}
.com-login-box dl dt em{ color:#ff0000;}
.com-login-box dl dd{ float:left; width:490px;}
.com-login-box dl dd .input-com{ width:258px;}
.com-login-box dl dd .login-a{  float:left; width:270px; height:36px; background:url(../img/register/btn-04.gif) 0 0 no-repeat; text-align:center; color:#fff; font-size:16px; line-height:36px; font-weight:bold;}
.com-login-box dl dd .login-a:hover{ background:url(../img/register/btn-04.gif) 0 0 no-repeat; text-decoration:none;}
.com-login-box dl dd .agreement{ float:left; width:270px; text-align:center; padding-top:23px;}

.com-login-box .status-box{ float:left ; color:#CC0000; position:absolute; top:20px; left:370px; padding-left:20px;}
.com-login-box .error{ background:url(../img/register/error.gif) 0 0 no-repeat;}

.login-right-2{ float:right; width:187px; padding:34px 112px 40px 0; }
.login-right-2 .p-1{ float:left; width:187px; line-height:22px; color:#666;}

.login-right-2 .qq-a{ float:left; width:23px; height:26px; background:url(../img/home-2015/bg-16.gif) 0 0 no-repeat; margin:20px 0 0 10px;}
.login-right-2 .sina-a{ float:left; width:30px; height:25px; background:url(../img/home-2015/bg-17.gif) 0 0 no-repeat; margin:20px 0 0 20px;}
.login-right-2 .wx-a{ float:left; width:32px; height:26px; background:url(../img/home-2015/wx-big.png) 0 0 no-repeat; margin:20px 0 0 20px;}

.login-right-2 .qq{ float:left; width:187px; height:38px; background:url(../img/register/qq-login-img-02.gif) 0 0 no-repeat; margin-top:15px;}
.login-right-2 .sina{ float:left; width:187px; height:38px; background:url(../img/register/sina-login-img-02.gif) 0 0 no-repeat; margin-top:20px;}
.login-right-2 .login{ float:left; width:187px; height:38px; background:url(../img/register/login-btn.gif) 0 0 no-repeat; text-align:center; line-height:38px; font-size:16px; color:#1b66bc; margin-top:5px;}
.login-right-2 .login:hover{ text-decoration:none;}

.register-success{ float:left; width:990px;}
.register-success .success-title{ float:left; width:543px; height:43px; background:url(../img/register/register-bg.gif) 0 0 no-repeat;margin:67px 0 0 175px;display:inline;}
.register-success .success-p{ float:left; width:480px; line-height:22px; color:#333;padding:10px 0 0 242px;}
.register-success .other-info{ float:left; width:580px; height:143px; border:1px solid #5c9be4;  display:inline; margin:40px 0 0 174px;}
.register-success .other-info .left{ float:left; width:134px; height:24px; background:url(../img/register/register-bg-01.gif) 0 0 no-repeat; margin:62px 0 0 70px; }
.register-success .other-info .right{ float:left;width:346px; padding:31px 0 0 30px; }
.register-success .other-info .right dl{ float:left; width:346px; padding-top:18px;}
.register-success .other-info .right dl dt{ float:left; color:#666;}
.register-success .other-info .right dl dd{ float:left; padding-right:13px;}

.register-success .success-n{  font-weight: bold; float:left; width:543px;  background:url(../img/register/register-bg-100.gif) 0 center no-repeat;margin:67px 0 0 175px;display:inline; font-size:16px; color:#004299; line-height:43px; padding-left:70px;}


.register-success .success-title-login{ float:left; width:543px; height:43px; background:url(../img/register/register-bg-login.gif) 0 0 no-repeat;margin:67px 0 0 175px;display:inline;}

.upload-img{ float:left; width:950px; padding:60px 0 0 40px;}



/*upload head picture*/

.com-red-btnin { float:left; width:95px; height:38px; background:url(../img/register/save-btn01.gif) 0 0 no-repeat; text-align:center; line-height:38px; color:#fff; cursor:pointer; font-size:16px;}


.com-gray-btnin{ float:left; width:95px; height:38px; background:url(../img/register/save-btn02.gif) 0 0 no-repeat; text-align:center; line-height:38px; color:#6a6a6a; cursor:pointer; font-size:16px; margin-top:20px;}

.head-img {
    float:left;
  }
.head-img .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.head-img .head-now {
    width: 70px;
    float: left;
}
.head-img .head-now .img-now {
    padding: 2px;
    width: 64px;
    height: 64px;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
}
.head-img .head-edit {
    width: 520px;
    float: left;
}

.head-img .head-edit .input-type .file {
    width: 420px;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    filter:alpha(opacity=0);
    cursor: pointer;
}
.head-img .head-edit .input-type .com-input {
    width: 338px;
    border: 1px solid #ccc;
    height:36px;
    line-height: 36px;
    margin-right: 10px;
    float:left;
}
.head-img .head-edit .input-type p {
    line-height: 25px;
}
.head-img .head-upload .upload {}
.head-img .head-upload .upload .photo {
    width: 324px;
    min-height: 324px;
    height: auto !important;
    height: 324px;
    border: 1px solid #e1e1e1;
    background-color: #efefef;
    float: left;
	margin-right:50px;
	display:inline;
}
.head-img .head-upload .upload .photo img {
    font-size: 320px;
    display: inline;
    vertical-align: middle;
}
.head-img .head-upload .upload p {
    margin-top: 10px;
}
.head-img .head-upload .preview {
    width: 129px;
    float: left;
}
.head-img .head-upload .preview span {
    display: block;
   
}
.head-img .head-upload .preview .com-red-btn02,
.head-img .head-upload .preview .com-gray-btn02 {
    margin-top: 20px;
    display: inline-block;
}
.logo-upload{ float:left; margin-top:7px;}
.club-logo{ margin-top:5px;}
/*end upload head picture*/

.agreement-box{ float:left; width:930px; margin-left:30px; display:inline;}
.agreement-box .top{ float:left; width:930px; height:27px; background:url(../img/register/agreement-top.gif) 0 0 no-repeat; overflow:hidden; color:#333; font-weight:bold; font-size:14px; text-align:center; padding-top:10px;}
.agreement-box .mid{ float:left; width:890px; background:url(../img/register/agreement-mid.gif) 0 0 repeat-y; padding:20px; padding-top:0;}
.agreement-box .bottom{float:left; width:930px; height:5px; background:url(../img/register/agreement-bottom.gif) 0 0 no-repeat; overflow:hidden;}
.agreement-box .title{ float:left; font-weight:bold; color:#333;width:890px; padding-top:20px;}
.agreement-box p{ float:left; line-height:24px; width:890px; color:#333; padding-top:10px;}

.select-register{ float:left; margin-top:4px; *padding-bottom:5px;}
.login-left .select-register label{ float:left; font-size:12px; padding-bottom:0px; width:auto; padding-top:10px; padding-right:10px; *padding-right:10px;}
.select-register input{ float:left; margin:10px 10px 10px 0; *margin:7px 5px 0 0px;}

.title-box{ float:left; width:988px;}
.title-box .h3-01{ float:left; background:url(../img/register/register-bt-01.gif) 0 0 no-repeat; width:948px; height:23px;margin:34px 0 0 40px;}
.title-box .h3-02{ float:left; background:url(../img/register/register-bt-02.gif) 0 0 no-repeat; width:948px; height:23px;margin:34px 0 0 40px;}
.title-box .h3-03{ float:left; background:url(../img/register/register-bt-03.gif) 0 0 no-repeat; width:948px; height:23px;margin:34px 0 0 40px; }
.title-box .h3-04{ float:left; background:url(../img/register/register-bt-04.gif) 0 0 no-repeat; width:948px; height:23px;margin:34px 0 0 40px; }
.title-box .h3-05{ float:left; background:url(../img/register/register-bt-05.gif) 0 0 no-repeat; width:948px; height:23px;margin:34px 0 0 40px; }
.title-box .h3-06{ float:left; background:url(../img/register/register-bt-06.gif) 0 0 no-repeat; width:948px; height:23px;margin:34px 0 0 40px; }

.register-mian .login-left .input-box .phone-a{ float:left; width:97px; height:30px; background:url(../img/register/register-yz-01.gif) 0 0 no-repeat; text-align:center; line-height:30px; color:#6a6a6a; margin-top:10px;}
.register-mian .login-left .input-box .phone-a:hover{ background:url(../img/register/register-yz-02.gif) 0 0 no-repeat; color:#065ebd;  text-decoration:none;}
.register-mian .login-left .input-box .phone-sp{ float:left; width:134px; height:30px; background:url(../img/register/register-yz-03.gif) 0 0 no-repeat; text-align:center; line-height:30px; color:#999; margin-top:10px;padding:0px;}

.login-left .find-box label{ float:left; font-size:14px; padding-bottom:0px; width:auto; padding-top:10px; padding-right:50px;  color:#333;}
.login-left .find-box .select-register input{ float:left; margin:10px 10px 10px 0; *margin:7px 5px 0 0px;}

.login-left .new-p{ font-size:14px;}
.com-login-box dl dd .ago-a{ float:left; font-size:14px; line-height:36px; padding-left:20px;}


.ad-top{ float:left; width:990px;}
.ad-top a{ width:990px; height:90px; float:left; background:url(../img/register/ad-top.jpg) 0 0 no-repeat;}

/* for recommending new friends and talk groups */
.other-info table.recommend_friends { width: 580px; border-collapse: separate; }
.other-info table.recommend_friends tr.recommend_row {height: 61px;}
.other-info table.recommend_friends tr.recommend_row td { padding: 2px; width: 193px; border: 1px solid #D8DEE8; }
.recomment_cell_left { float: left; width: 60px; margin: 5px;  }
.recommend_icon { width: 52px; height: 52px; }
.recomment_cell_right { margin-left: 70px; position:relative;  }
.recomment_cell_name {line-height: 30px;}
.recomment_cell_desc {line-height: 30px;}
.recomment_cell_close {position: absolute; top: -4px; right: 2px; cursor: pointer;}
.recomment_cell_add {position: absolute; top: 38px; right: 2px;  cursor: pointer;}

.other-info {position: relative;}
.other-info-title {position: absolute; top: -20px; left: 10px; font-size:15px; font-weight: bold; }
.other-info-actionbar {bottom: -20px; left: 10px; font-size:15px; font-weight: bold; text-align: center; line-height: 40px}
.register-success .recommend_block { margin-bottom: 80px; }
.register-success .other-info .right {padding: 0px 0 0 30px;}

.register-mian-new{ min-height:250px;}
.register-mian-new .login-left{ padding-top:94px;}

.re-tk-box{ width:345px; padding:0 20px;font-size: 12px;}
.re-tk-box p{ float:left; width:100%;  color: #005197; margin-top:10px;}
.re-tk-box .re-ul{ float:left; width:100%; line-height:20px; padding-top:20px; padding-bottom:20px;}
.re-tk-box .re-ul li{ float:left; width:100%;}
.re-tk-box .re-ul li .radio-01{ vertical-align:-2px;}
.re-tk-box .re-ul li label{ color:#333; font-size:12px; color:#666; margin-left:10px;}