#body >.wrap{
    *display: none;
}

#body .wrap .login-panel .login-related{
    color: #0088cc;
	font-size: 1em;
	padding-top: .8em;
	clear: both;
	text-align: right;
}

#body .wrap .login-panel .login-related a{
	font-size: .6em;
}

#body .wrap .login-panel .login-related a:not(:last-child){
    margin-right: 1.5em;
}


        #body >.wrap{
            width: 100%;
            padding:5em 10%;
        }

        #body .wrap .login-panel{
            width: 50%;
            float: left;
            padding: 0 5% 0 5%;
            min-width: 290px;
        }

        #body .wrap .union-login{
            width: 50%;
            float: right;
            padding: .3em 0 0 5%;
        }
        
        #body .wrap .union-login .wrap{
        	position:relative;
        }
        
        #body .wrap .union-login .wrap form{
        	display: inline-block;
        	position: absolute;
        }
        
        #weibo{
        	top:0;
        	left: 0;
        }
        
        #txwb{
        	top:0;
        	left: 120px;
        }
        
        #google{
        	top:40px;
        	left: 0;
        }
        
        #renren{
        	top: 40px;
        	left: 120px;
        }
        
        
        #body .wrap .union-login .wrap form:nth-child(4){
        	float: left;
        }

        #body .wrap .union-login .wrap form button{
            background: url(/res/img/sign/social-signin.png) left top no-repeat;
            width: 114px;
            height: 36px;
            cursor: pointer;
            display: block;
            border: none;
        }

        #weibo button{
            background-position: -456px 0px !important;
        }

        #txwb button{
            background-position: -684px 0px !important;
        }

        #google button{
            background-position: -570px 0px !important;
        }

        #renren button{
            background-position: 0px 0px !important;
            
        }
        
#signin button.submit{
	float: right;
}
        
#signin .verify-code{
	display:table;
}

#signin .verify-code > .input{
	display: table-cell;
	
}

#signin .verify-code > .input input{
	height:42px !important;
	position: relative;
	top: -15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

#signin .verify-code > .code{
	display: table-cell;
	width: 100px;
	
}
#signin .verify-code > .code > div{
	height: 42px;
	width: 100%;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-top-right-radius: 0.3125em;
	border-bottom-right-radius: 0.3125em;
	cursor: pointer;
}


#signin .verify-code > .code img{
	height:40px;
	width: 100px;
}

#body .wrap .login-panel .login-related a i.icon{
	vertical-align: -1px;
	margin:0;
}
                
/**
 *===============================================================
 * 0 --> 450px */
@media screen and (max-width: 450px) {
	
	#body > .wrap{
		padding: 0;
		padding-top: 40px;
		
	}
	
	#body > .wrap > div{
		width: 100% !important;
		float: none !important;
		margin: 0 auto !important;
	}
	
	#body > .wrap > div.union-login{
		margin-top:60px !important;
	}
	
	#body > .wrap > div.login-panel .login-title img{
	   height: 20px;
	}
	
	#body .wrap .login-panel .login-related a {
		font-size: 14px;
	}

}

/**
 *===============================================================
 * 450 --> 730px */
@media screen and (max-width: 730px) {
	#body > .wrap > div{
		width: 100% !important;
		float: none !important;
		margin: 10px auto !important;
	}
	
	#body > .wrap > div.union-login{
		margin-top:60px !important;
	}

	
}

/**
 *===============================================================
 * 750 --> 950px */
@media screen and (max-width: 970px) {
	

	
}


/**注册激活
 *==============================================================
 */
#sendMail{
	display: none;
	margin-top: 20px;
}

#sendMail:target{
	display: block;
}

#sendMail button.submit {
	float: right;
}
/*注册激活*/