.layoutFooter { margin-top:50px; } 
.registerwrap { 
position: absolute;
    top: 110px;
    width: 100%; }
.registerwrap #register {
background: url('https://777a97365f780b4c9a14-905f215a3c561f887b332174b03fbcf6.ssl.cf3.rackcdn.com/img/homebg.png');
    border: 1px solid #d1d1d1;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    padding: 0;
    width: 425px;
    z-index: 1000;

}
.registerwrap #register p.title {
color: #483c32;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
.registerwrap #register p.title span {
    font-weight: bold;
}
.registerwrap #register label {
    float: left;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    text-align: right;
    width: 25%;
}
#signupform { padding: 0 10px; }
#signupform select { width: 22%;
border: 1px solid #ccc;
    height: 28px;
    padding: 0; }

#signupform #province, #signupform #search_sex, #signupform #search_seeking,#signupform input[type="text"]  { 
width:68%;
} 
#signupform input[type="text"]  { 
padding:10px;
} 
#signupform input.knop {
    background: #c12c6a none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
#signupform  input.knop:hover { border:0!important; background-color:#e95f98; }
.layoutSection { padding:0px!important; }
.layoutSection .grid {
background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
    height: 480px;
    overflow: hidden; }
.layoutSection .grid ul { margin-top:20px; width: 2100px; }
.layoutSection .grid ul li {float: left;
    height: 230px;
    line-height: 20px;
    margin-left: 20px;
margin-right:0!important;
    width: 210px;}
@media(max-width:580px) {
	
	.registerwrap { top:55px; }
        .registerwrap #register p.title { font-size: 20px; }
	.registerwrap #register { box-shadow: 0; width: 99%; margin-left: inherit; position: inherit; left: inherit; top:inherit; padding: 0; }
}

@media(max-width:764px) {
	.layoutSection .grid ul { width: 1000px; }
	.layoutSection .grid ul li {
	float: left;
	    height: 140px!important;
	    line-height: 20px;
	    margin-left: 0!important;
	    margin-right: 0 !important;
	    width: 160px!important;
padding:0 10px!important;
	}
}
@media all and (min-width: 764px) 
{
	.layoutHeader > .container {
	height:110px !important
	}
}