@charset "utf-8";
/* CSS Document */
html { font-size:16px; }
html,body{padding: 0;margin: 0; font-family:'Open Sans',Arial,Helvetica,sans-serif;}
#regForm input, #regForm select, #regForm textarea { font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:14px; font-size:0.875rem; vertical-align:middle; }
.holded { color:#aaa; }
img { border:0; max-width:100%;vertical-align: middle;}
div, ul, ol, li, dl, dt, dd, a, img, form, p, h1, h2, h3, h4, h5, h6, span { margin:0; padding:0; border:0px; }
input,select{ outline: none; }
ul,li{list-style: none;}
a{text-decoration: none;color: #af2c54;}
a:hover{}
/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
.cl{clear: both;}
.text_center{text-align: center;}
.mobile{display: none;}
.pc{display: block;}
.mclose{display: none;}
.mcouple2{ display: none;}
.scroll .flex-direction-nav{ display: none!important;}
/* layout */
 /* common */
/*header*/

/* nav */
.nav_con { width: 100%;height: auto;text-align: center;background: #cf3644;overflow:hidden;}
.nav-container{ margin:0 15% 0 15%; width: 70%; text-align: center;height: 80px;margin:0 auto;}
.logo{ margin:25px 0; margin-right: 40px;float: left;display: block;}
.nav{ float: left;}
.menu li{float: left; margin:21px 40px; display: block;text-align: center; height: auto;overflow: hidden;}
.menu li a{font-size: 16px;font-weight: 400;color:#fff; line-height: 36px; height: 36px;}
.login a{ font-weight: 600;font-size: 14px;float: right;height: 36px;line-height: 36px;margin:21px 0; color:#fff;}
.login a:hover{  border-bottom: 2px solid #fff;transition:0.3s; -webkit-transition:0.3s;}
.menu li.active{ border-bottom: 2px solid #fff;}
.menu li:hover{  border-bottom: 2px solid #fff;transition:0.3s; -webkit-transition:0.3s; }
.mobile-nav{display: none;}
/* main */
/*index banner */
.banner-wrap{position: relative;}
/*轮播图 */
.banner{ overflow: hidden;}
.flexslider {margin: 0px auto;	position: relative;	width: 100%;height: 800px;zoom: 1;}
.flexslider .slides li {	width: 100%;	height: 100%;}
.flex-direction-nav a {
	width: 70px;	height: 70px;	line-height: 99em;	overflow: hidden;	margin: -35px 0 0;	display: block;	background: url(../images/ad_ctr.png) no-repeat;	position: absolute;	top: 50%;	z-index: 10;	cursor: pointer;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {	background-position: 0 -70px;	right:20px;}
.flex-direction-nav .flex-prev {	left: 20px;}
.flexslider:hover .flex-next {
	opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {	opacity: 0.8;	filter: alpha(opacity=25);}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {	opacity: 1;	filter: alpha(opacity=50);}
.flex-control-nav {
	width: 100%;	position: absolute;	bottom: 10px;	text-align: center;
}
.flex-control-nav li {margin: 0 2px;	display: inline-block;	zoom: 1;	*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;	display: block;	height: 16px;	overflow: hidden;	text-indent: -99em;	width: 16px;	cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {	background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 800px;display: block;}

/*轮播图 end */

/*.banner{width: 100%; height: 800px;background: url(../images/banner_1.jpg) no-repeat;} */
.round-line{ width: 380px;height: 380px;display: block;position: absolute;top:200px;left: 50%;margin-left: 80px;border:1px solid #fff;border-radius: 50%;
}
.round-bg{ width: 346px;height: 346px;display: block;border-radius: 50%;background: rgba(255,255,255,0.25);position: absolute;top:17px;left: 17px;} 
.round-text{ position: relative;text-align: center;width: 200px;height: auto;text-align: center;margin:72px auto 0;}
.round-text h1{ font-size: 80px;font-weight: 600;color:#fff;line-height: 80px;}
.round-text h4{ font-size:40px; font-weight: normal;color:#fff;line-height: 48px;}
.button-one a{ border-radius:24px;padding:14px 24px;background-color:#d82132;font-size: 20px;font-weight: 600;line-height: 1;color:#fff;text-align: center; transition:0.3s; -webkit-transition:0.3s;display: block; }
.button-one a:hover{/*background-color:#f55a68;*/ transform:scale(1.08); -webkit-transform:scale(1.08); }
.round-text .button-one{margin-top: 40px;}

.join-text-wrap{ width: 100%;background: #cf3241;height: 120px;text-align: left; padding:30px 0; box-sizing:border-box;}
.join-text{ width: 900px;margin:0px auto;}
.join-text h1{font-size: 52px;font-family: 'nevis','Opan Sans',arial,Helvetica,sans-serif;font-weight: bold;  text-align: left;float: left; line-height:60px;color:#fff;}
.join-text p{ float: left;font-size: 20px;line-height: 30px; color: #f5f5f5;font-weight: 300;margin:20px 0 0 20px; } 

/* container-one */
.container-one{ width: 100%;padding:100px 0;margin:0 auto;background: #fff;}
.title {text-align: center;margin-bottom: 60px;}
.title span{ width: 190px;height: 12px;margin:0 auto; display: block;background: url("../images/wave.png") center;	 margin-top: 20px;text-align: center;}
.title h2{ font-size: 36px;font-weight: 400;color:#333;line-height:1.2; }
.meetlove .ladies-wrap{ margin:60px auto; width: 1080px;}
.ladies-wrap ul li{ width:160px;margin:20px 10px;height: 200px;float:left; position: relative;}
.ladies-wrap ul.slides2 li { width: 1060px;margin:0px; height: 200px;}
.home .ladies-wrap{ margin:0 auto; width: 1060px; position: relative;}
.ladies-wrap ul li img{width: 160px;height: 200px;display: block;}
.g-name{position: absolute;bottom: 0; height: 30px;width: 100%;background: #ddd;text-align: left;box-sizing:border-box; padding-left: 6px;font-size: 14px;line-height: 30px;color：#333;}
.g-age{position: absolute; right: 0;bottom: 0; width: 60px;height: 60px;border-radius: 50%;background: #dd3134;text-align: center; font-size: 13px;color: #fff;font-weight: normal;line-height: 14px;}
.g-age span{ font-size: 16px;line-height: 1.1; color: #fff; display: block; text-align: center;margin-top: 6px;}
/* container-two */
.container-two{background: #cf3644;width: 100%;padding:100px 0; height: auto;display: block;}
.container-two .title h2{ color: #fff;}
.container-two .title span{ background: url(../images/wave2.png);}
.icon-wrap{text-align: center;display: block;width: 960px;margin: 0 auto;}
.icon-wrap ul li{ float: left; width:240px;height: auto;text-align: center;}
.icon-wrap ul li p{color: #fff;font-weight: normal;font-size: 16px;text-align: center;line-height: 20px;padding:20px 40px;box-sizing:border-box; background-color: }

/*footer*/
.footer{width: 100%;background-color: #333;height: auto;padding:20px 0 10px; text-align: center;position: relative;}
.foo-logo{ text-align: center;}
.copyright{ color: #fff;font-size: 12px;text-align: center;margin-top: 20px;}
.gotop{ position: absolute;right: 40px;bottom:30px;height: 40px;width: 40px; background: #aaa;border-radius: 50%;  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);text-align: center;}
.gotop img{width: 10px; padding: 16px 15px;}



/* new members */
.mlove-banner{
width: 100%; height: 660px;background: url(../images/mlove-banner.jpg) no-repeat center;
}
.container-one .title p{ font-size: 16px;font-weight: normal;color:#333;text-align: center;margin:40px auto 0; }
.mbanner-wrap{ padding:150px 0 0 18%;text-align: left;position: relative;}
.mbanner-wrap .m-text span{font-size: 18px;color: #fff; font-weight: 300;margin-right: 24px;line-height: 1.2;}
.m-text span.tab{ margin-right:50px;}
.m-line{border-bottom: 1px solid #ccc;text-align: left;display: block;width: 200px;margin:10px 0; }
.m-title{margin: 40px 0 60px 0;}
.m-title h2{ font-size: 36px;font-weight: 300;color: #fff;}
.m-title h1{ font-size: 100px;font-weight: 300;color: #fff;line-height: 1.1;}
.btn2 a{ width: 180px;height: 42px;line-height: 42px;font-size: 18px;font-weight: 400; color: #fff;text-align: center;background:#f55a68;border-radius: 21px; transition:all 0.6s;display: block; transition:0.3s; -webkit-transition:0.3s;}
.btn2 a:hover{ background-color: #d82132;transform:scale(1.08); -webkit-transform:scale(1.08); }

/* about us */
.about .container{ width: 1060px;padding:0 auto ;margin:50px auto 100px; ; text-align: center;}
.about-title{ width: 630px;margin:50px auto 60px; text-align: center;}
.about-title h1{ font-size: 60px;color: #333;line-height: 1.2;font-weight: 300;text-align: center;}
.about-us{ width: 100%;display: block;}
.couple{ float: left;width: 50%; text-align: left;}
.couple img{ width: 490px;height: auto;}
.au_text{ float: right;width: 50%;text-align: left;}
.au_text h2{ font-size: 24px;font-weight: 600;line-height: 1;color:#333;text-align:left;padding: 5px 0 15px;}
.au_text p{ font-size: 16px;font-weight: 400;text-align: left;padding:10px 0;line-height:1.4;color: #333;}
.about-us .btn2{ margin-top:40px;}
.container-three { width: 100%;background-color: #f5f5f5;padding:100px 0; text-align: center;}
.au_icons{ width: 950px;margin:60px auto 80px;position: relative;}
.au_icons ul li { float: left;width: 110px;height: auto;margin:0 40px 20px;}
.au_icons ul li span{ display: block;text-align: center;margin:15px auto; font-size: 16px;font-weight: 400;color: #333; line-height: 1;}
.couple2{width: 1060px;margin:100px auto 20px;}
.couple2 img{ width: 100%}

/* help */
.help .main{ width: 960px;margin: 0 auto; padding:60px 0; min-height: 635px;}
.question{ padding-left: 0px;height: 40px;width: 100%;}
.question h2{ font-size: 28px;font-weight: 600;color: #333; margin-left:60px;line-height: 40px;}
.question img{float: left;}
.help .main .line{ width: 100%;background: #ff929c;height: 2px;margin:20px auto 30px; }
.help-text{ font-size: 14px;color: #333;line-height: 1.3;}
.help-text h3{color: #cf3644;font-weight: 600;line-height: 1.3;font-size: 24px;margin:40px auto 15px; text-align: left;} 
.help-text p, .help-text ul li{ font-size: 14px;font-weight: 400;line-height: 1.3;margin:10px auto;text-align: left; }
.help-text ul li{ margin: 4px 0;}
.help-text p a{ color: #f55a68;text-decoration: underline;}
.help-text p a:hover{ color: #cf3644;}
/* login */


/* TabbedPanels */
.TabbedContent{ padding:30px 40px 50px; color:#333; font-size:14px; border-top:2px solid #f55a68; background-color:#fff; background-color:#fff; box-shadow:0 3px 15px rgba(0,0,0,0.4); }

/* form */
 .popup-mask, .reg_popup_box_mask { z-index:998 !important; background:#000 !important; background:rgba(0,0,0,0.6) !important; }
 #reg_popup_box,#myinfo_box,#services_box{ display:none; }
.reg_popup_box { position:fixed; z-index:999; width:430px; margin-left:-225px; left:50%; top:23%; }
.close_popup { position:absolute; right:-7px; top:-7px; width:21px; height:21px; cursor:pointer; background:#f55a68 url(../images/icon_close.png) no-repeat center center; border-radius:20px;z-index: 2; }
.reg_popup_box_mask { display:block; position:fixed; left:0; top:0; bottom:0; right:0; }
.terms_privacy {color:#fff; font-size:12px; text-align:center; padding-top:14px; line-height:1.4em; }
.terms_privacy a{text-decoration: underline; color: #f55a68;}
.terms_privacy a:hover{ color: #cf3644;}

#regForm .submit-button{ font-size: 20px; font-size: 1.4rem;}
.holded { color:#999; }
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size:14px; font-size:0.875rem; padding-left:5px; line-height:40px; color:#999; }
.gender_select { padding-top:10px; }
.gender_box { margin-right:20px; display:inline-block; cursor:pointer; }
.gender_box .icon{ height:18px; width:18px; display:inline-block; border-radius:50%; }
#male .icon { border:2px #22b3e3 solid; }
#male.active .icon { background:#22b3e3; }
#female .icon { border:2px #f55a68 solid; }
#female.active .icon { background:#f55a68; }
.gender_box span {display:inline-block; vertical-align:top; line-height:22px; padding-left:8px; }

.form-label { font-size:14px; font-size:0.875rem; float:left; width:22%; padding-top:10px; }

#regForm { position:relative; margin:0 auto; }
.form-item { margin:12px 0; }
.form-control-label { font-size:14px; font-size:0.875rem; float:left; width:22%; padding-top:11px; }
.form-con { float:left; width:78%; }
#regForm .input_test, .input-group { width:100%; height:40px; height:2.5rem; line-height:32px; line-height:2rem; text-indent:4px; box-sizing:border-box; background-color:#fff; border:1px solid #aaa; border-radius:4px; }
.input-group .input_test { font-size:12px; font-size:0.75rem; height:34px; height:2.125rem; }
.select-wrapper { width:100%; position:relative; overflow:hidden; z-index:0; height:36px; height:2.25rem; box-sizing:border-box; background-color:#fff; border:1px solid #aaa; border-radius:4px; }
.select-wrapper:after { display:block; content:""; position:absolute; width:8px; height:5px; right:4px; top:40%; background:url(../images/icon_arrow.png) no-repeat right center; }
.select-wrapper select { font-size:14px; font-size:0.875rem; float:left; width:109%; margin-top:3px; text-indent:4px; height:32px; height:2rem;/* inputbox height */ padding:3px; border:none; }
.input-group .input_test, .input-group .select-wrapper { float:left; border:none; }
.input-group .select-wrapper { width:33%; height:34px; height:2.125rem; }
.input-group .select-wrapper select { width:130%; }
.input_desc { font-size:12px; line-height:1.8em; text-align:right; color:#888; }
.button_box { padding-top:10px; }
.submit-button { display:block; width:100%; text-decoration:none; height:42px; line-height:38px; font-size:22px; height:2.625rem; line-height:2.375rem; font-size:1.375rem; cursor:pointer; background-color:#f55a68!important; border:none; color:#fff; border-radius:5px; transition:all 0.3s; -webkit-transition:all 0.3s; margin-top:0 !important;}
.submit-button:hover { background-color:#cf3644 !important; color:#fff; }
.popup-content li{font-size: 14px; line-height: 1.6;}
/* for ie8 */
.ie.ie8 select { height:22px !important; }
.ie.ie8 .TabbedContent { border:1px solid #ccc; }

/* 如果没有定义这个，有可能在加载时一瞬间显示弹层 */
.popup-container { display:none; color:#000; }

/* intsva */
.intsva { position:absolute; z-index:999; line-height:1em; font-size:11px; /*font-size:0.7rem;*/ margin-top:-29px; padding:4px 6px; padding:0.25rem 6px; color:#fff; background-color:#f55a68; border:1px solid #f55a68; border-radius:0.2rem; box-shadow:0 2px 3px rgba(0,0,0,0.3); text-shadow:0 0 1px rgba(0,0,0,0.2); }
.intsva .arrow { display:block; content:""; position:absolute; margin-left:10px; bottom:-6px; width:0px; height:0px; border-color:transparent; border-style:solid; border-width:6px 6px 0 6px; border-top-color:#f55a68;/* use for arrow bgColor */ }
.intsva .arrow:after { display:block; content:""; position:absolute; margin-top:-5px; margin-left:-6px; width:0px; height:0px; z-index:-1; border-color:transparent; border-style:solid; border-width:6px 6px 0 6px; border-top-color:#f55a68;/* use for arrow border */ }
#pointmsg_birthday_y { margin-left:-70px; }
#pointmsg_birthday_y .arrow { margin-left:70px; }

/* Responsive */
@media (min-width:1025px) {/* 宽屏布局 */
}
@media (min-width:750px) and (max-width:1024px) { /* 为ipad竖屏等微调*/

}
@media (min-width:1024px) and (max-height:730px) { /* 为宽矮屏微调*/
	.popup-container { top:51% !important; }
}

@media (max-width:1300px) {
	.menu li{ margin: 21px 20px;}
}
@media (max-width:1080px) {
	.nav-container{ width: 90%;margin: 0 5%;}
	.home .ladies-wrap{ width: 880px;}	
	.meetlove .ladies-wrap{ width: 720px;}				
	.icon-wrap{width: 80%;margin:0 10%;}
	.icon-wrap ul li{ width: 25%; }

	/* new members */
	.mbanner-wrap{ padding-left: 10%;}
	/* about us */
	.about .container{ width: 100%;}
	.about-us{ margin: 0 5%;width: 90%;}
	.couple{ width: 48%;}
	.au_text{ width: 48%;}
	.au_text p{font-size: 14px;}
	.au_icons{width: 850px;margin: 60px auto 80px;}
	.au_icons ul li{ width: 90px;}
	.couple2{ width: 100%;}
	.help .main{width: 80%;}


}
@media (max-width:880px) {
	.home .ladies-wrap{ width: 720px;}	
	.join-text{ width: 80%;margin:0 5%;}
	.join-text-wrap{ width:auto;height: auto; padding: 20px 0;}
	.join-text h1{ font-size: 36px;}
	.join-text p{ font-size:18px; margin: 20px 0 0 10px;}
	.login a{ margin: 11px 0;}
	.menu li{margin: 11px 20px;}
	.logo{width: 100%;}
	.about-us .btn2{margin-top: 20px;}
	.au_text p{ padding: 5px 0;}
	.au_icons{ width: 100%;margin: 60px 0 60px;}
	.au_icons ul li{ width: 33.333%;    margin: 0 auto 20px; padding:0 10px; box-sizing:border-box;}

	.round-line{ width: 380px;height: 380px;    margin-left: -120px;top:60px;}

}
@media (max-width:720px) {
	.home .ladies-wrap{ width: 520px;}	
	.meetlove .ladies-wrap{width: 540px;}
	.about-us{ margin: 0 10%; width: 80%;}
	.couple{ width: 100%; margin: 0 auto; float: none; text-align: center;}
	.au_text{float: none;    width: 100%;margin: 20px auto;}
	.about-title{width: 90%;margin: 20px auto 40px;}
	.about-title h1{font-size: 48px; }
	.au_text h2{ text-align: center;}
	.about .btn2 a{ margin:0  auto;}
	.about .container{ margin: 40px auto 60px;}
	.container-three{ padding: 60px 0;}
	.couple2{  margin: 40px auto 20px;}
	.menu li{ margin:11px 15px;}
	.flexslider .slides a img,.flexslider{ height: 600px;}
	.round-line{top:80px;}

	.mlove-banner{     background: url(../images/mlove-banner-m.jpg) no-repeat center;}
	.mbanner-wrap{    padding: 150px 0 0 10%;    padding-left: 6%; }
	.m-title h1{ font-size: 84px;}
	.mlove-banner{ height: 600px;}

}
@media (max-width:479px) {
	.home .ladies-wrap{ width: 340px;}
	.icon-wrap ul li p{ padding:20px 10px;font-size: 14px;}
	.nav_con{position:fixed;top:0;right:0;width: 80%;height: 100%;z-index: 99;display: none;}
	.nav{ width: 100%;float: none;margin-top:50px;}
	.menu li{float: none;width: 100%;margin:30px auto; }
	.logo{float: none;margin:80px auto 20px; }
	.menu li a{font-size: 26px;font-weight: 300;color:#fff; line-height: 2; height: auto;}
	/*.menu li.active{ border:0;}*/
	.login{position: absolute; right: 0px;left:0;width: 80px;margin:0 auto; padding:5px 25px;border: 1px solid #fff;border-radius: 50px; }
	.login a{ font-size: 16px;font-weight: 300; line-height: 1;height: auto;float: none;}
	.login a:hover{ border:0;}
	.join-text{ width: 90%;}
	.join-text p{ font-size: 14px;font-weight: 400;margin:0;}
	.join-text h1{ line-height: 1;font-size: 28px;}
	.round-line{ width: 240px;height: 240px;    margin-left: -120px;top:60px;}
	.round-bg{width: 220px;height: 220px;top:10px;left: 10px;}
	.round-text h1{ font-size:56px;line-height: 1;}
	.round-text h4{ font-size: 32px;}
	.round-text{ margin-top: 25px;}
	.round-text .button-one{margin-top: 10px;}
	.button-one a{ padding: 12px 0px;    width: 80%;font-size: 16px;margin:0 auto;}
	.flexslider{ height: 380px;}
	.flexslider .slides a img{ height: 380px;}
	.container-one{ padding:60px 0;}
	.icon-wrap ul li{ width: 50%;margin:10px auto;font-size: 16px;}
	.container-two{ padding:60px 0;}
	.gotop{ right:10px;}
	.mclose{ position: absolute;top: 20px;right: 20px;z-index: 100;}
	.mclose img{ width: 36px;height: 36px; }
	.mobile-mask{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 88;}
	.flexslider .slides li a img{background-size:cover!important;}
	.login{ margin-top: 10px;}
	.logo img{ width: 80%;}
	/* mobile menu */
	.mobile-nav{ height: 60px;background: #cf3644;width: 100%;display: block;}
	.m-logo{ float: left;padding:12px 14px;box-sizing:border-box;}
	.m-logo img{ height: 36px;}
	.bread-menu{ float: right;box-sizing:border-box;padding:18px 14px;height: 24px;}
	.bread-menu img{ height:24px;}
	.mclose{ display: block;}
	.nav_con{ min-height: 650px;}

     /* new members */
	.meetlove .ladies-wrap{width: 360px;}
	.mlove-banner{background-size: cover;height: 360px;}
	.mbanner-wrap{ padding-left:5%;padding: 50px 0 0 5%;}
	.mbanner-wrap .m-text span{ font-size: 12px;    margin-right: 14px;    padding: 5px 0;}
	.m-title{     margin: 20px 0 40px 0;}
	.m-text span.tab{ margin-right: 20px;}
	.m-title h1{ font-size: 58px;}
	.m-title h2{ font-size: 28px;}
	.container-one .title p{  padding: 0 20px;}
	

	/* about us */
	.about-title h1{font-size: 42px;}
	.au_icons ul li{ padding: 0 20px;}
	.au_icons{     margin: 60px 0 40px;}
	.au_icons ul li span{ font-size: 14px;}
	.pccouple2{ display: none;}
	.mcouple2{display: block;}

	/* help */
	.help-text h3{ font-size: 20px;margin: 20px auto 15px;}
	.help .main{ padding: 30px 0;}



}
@media (max-width:374px) {
	.menu li{ margin:10px auto;}
	.nav{margin-top: 20px;}
	/* meetlove */
	.meetlove .ladies-wrap{ width: 300px;}
	.meetlove .ladies-wrap ul li{ margin: 20px 5px;width: 140px;height: auto;}
	.meetlove .ladies-wrap ul li img{width: 140px;height:auto;  }
	.mbanner-wrap{ padding: 30px 0 0 5%;}

	/*help */
	.question h2{ font-size: 22px;}
	

}
@media (max-width:340px) {
	.home .ladies-wrap{ width: 300px;}
	.ladies-wrap ul.slides2 li{ }
	.m-title h1{ font-size: 48px;}
	.mbanner-wrap{     padding: 50px 0 0 8%;}
	.help-text h3{ font-size: 17px;}
	.foo-logo{width: 60%;margin:0 auto;}
	.about-us{     margin: 0 7%;
    width: 86%;}

}
/* sign form */
@media (min-width:1024px) and (max-height:730px) { /* 为宽矮屏微调*/
	.popup-container { top:51% !important; }
}
@media (max-width: 750px){
	.reg_popup_box { width:auto; left:0; right:0; margin-left:0; top:15%; }
	#regForm { max-width:340px; }
	.TabbedContent{ padding:20px 30px 40px; }
	.form-control-label { float:none; width:auto; padding:0 0 8px; }
	.form-con { float:none; width:auto; }
	.terms_privacy { color:#eee; }
	#pointmsg_birthday_y { margin-left:-70px; }
	#pointmsg_birthday_y .arrow { margin-left:70px; }
	#body_background_box:after{ background: none;}
}

@media (min-width:320px) and (max-width:750px) {
	.reg_popup_box {top: 20px;bottom: 10px;}
	#regForm { max-width:400px; padding:20px 0; width: 92%;height: auto;}
	.close_popup{top: 7px;}
	#login{top:20px; bottom:10px; }
  #TabbedPanels1{overflow:auto;top:0px; bottom:0px;position: relative; height: 100%;  }
  .form-control-label{padding-bottom: 4px;}
  .terms_privacy{padding-top: 4px;}

}
@media (max-width:350px) {
	html { font-size:16px; }
	#regForm { max-width:300px;height: 82%; }
	.TabbedContent{ padding:20px 20px 20px; }
	.form-control-label {padding: 0;}
	.form-item { margin: 6px 0;}
	.reg_popup_box {
    top: 20px;
    bottom: 10px;}
    .form-item {padding-top: 6px;}
    .mclose{ top:10px; right:10px;}
    .logo{ margin-top: 50px;}

}

	
	@media (min-width:320px) and (max-width:750px) and (orientation: portrait) {
  /* 竖屏 css*/

} 
@media (min-width:320px) and (max-width:750px) and (orientation: landscape) {
  /*横屏 css*/
  #regForm { height: 75%;}
  .reg_popup_box{ top: 5px;}
  .TabbedContent {padding: 0px 30px 40px;}
}