@charset "UTF-8";
/* CSS Document */


@media only screen and (min-width: 1024px) {}


@media screen and (max-width: 1023px) and (min-width: 720px) {
	.ladiesOnline{ width:720px;}
	.lady-normal{ width:auto; width:55%\0;}
	.ourService ul li{ margin:0 20px;}
	.ourService{ margin-top:180px; margin-bottom:50px;}
	.ladiesOnline{ padding-top:50px;}
	.right-col-signup{ margin-top:30px; width:380px;}
	#regForm{ width:325px; padding: 10px 20px 40px;}
	
	.subtitle{ display:none;}
	.logo img{ margin-top:15px;}
	.slogan{ margin-top:20px;}
	#signin{ position:absolute; right:30px; margin-top:10px;}
	.form-con, .select-wrapper, .select-wrapper select{height: 2rem;}
	.form-label{ font-size:13px;}
	.password-bg, .input_test[value], .select-wrapper select{ font-size:13px; line-height: 2rem;}
	.form-item{ margin:3px 0;}
	.right-col{width: 50%;}
	
}


@media screen and (max-width: 719px) and (min-width: 300px) {
	.ladiesOnline{ width:300px;}
	.lady-large{ float:none;}
	.lady-normal{ float:none; width:100%; margin-top:20px;}
	.lady-normal ul li{ padding-left:0; float: left; width: 50%;}
	.lady-large ul{ width:300px;}
	.lady-large, .large-btn{ width:300px;}
	div.lady-large{ width:100%; margin-bottom: 30px;}
	.ladiesOnline{ padding-top:50px;}
	.ourService{ margin-top:60px; display:none;}
	.ladiesOnline{ display:none;}
	.bgimg{ display:none;}
	.subtitle{ display:none;}
	#main-lady{ position:inherit; background-color:#fff;}
	.ourService > div > img{ width:150px; height:auto; display:block; margin:0 auto;}
	.ourService ul li{ width:60px; height:60px; margin:0 20px; display:inline-block;}
	.ourService ul li img{ width:60px; height:60px;}
	.ourService ul li div{ display:grid;}
	.left-col{ width:100%;}
	.right-col{ width:100%; margin-top:200px;}
	.logo img{ margin-top:20px; width:160px; margin-left: auto; margin-right: auto; display: block;}
	.slogan{ font-size:24px; margin-top:10px; color:#ba1313}
	.slogan label{font-size:32px;}
	.slogan p{ padding:0; margin:0; text-align:center;}
	.right-col-signup{ width:100%; background-color:#1870d9;}
	#regForm{ width:300px; margin:10px auto; background-color:#1870d9; padding:25px 0 50px;}
	.form-label{font-size:12px;}
	.ourService ul li{ width:30px; height:30px; margin:0 10px;}
	.ourService ul li img{ width:30px; height:30px;}
	.password-bg, .input_test[value], .select-wrapper select{ font-size:12px;}
	
	#signin{ position:absolute; right:0; margin-top:-14px; margin-right:10px; color:#d61d1c;}
	#signin a{ color:#d61d1c;}
	.form_slogan{ height:auto;}
    .footer{background-color: #cee5ff; color: #333;}
    #main-lady .content{width: 96%}
    .input-group,.select-wrapper,.select-wrapper select{height: 1.8rem;}
    .password-bg, .name-bg,.input_c_line{line-height: 1.8rem;}
}

@media screen and (max-width: 719px) and (min-width: 660px) {
	#main-lady { background-position:0 0; }
	.right-col { margin-top:260px; }
}
@media screen and (max-width: 660px) and (min-width:550px) {
	.right-col{ margin-top:210px;}
}
@media screen and (max-width: 550px) and (min-width:420px) {
	.right-col{ margin-top:120px;}
}

@media screen and (max-width: 420px) and (min-width:360px) {
	.right-col{ margin-top:110px;}
}

@media screen and (max-width: 360px) and (min-width:320px) {
	.right-col{ margin-top:90px;}
	#regForm{width: 100%; padding: 20px 8px; box-sizing:border-box;}
}

@media screen and (max-width: 90px) {
	.right-col{ margin-top:80px;}
}