@charset "utf-8";
/* 全局样式 */

body{margin:0;padding:0;font-size:14px;color:#333;font-family:Arial, Helvetica, sans-serif;background:#eaeaea;min-width:1000px;}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
a:hover{cursor:pointer;}
.clear{clear:both;}
.center{width:1000px;margin:0 auto;}
ul,li,p,h1,h2,h3{list-style:none;font-weight:normal;margin:0;padding:0;}
.op_re{position:relative;z-index:0;}
.op_ab{position:absolute;z-idex:1;}

a:link, a:visited {
    color: #c40000;
    text-decoration: underline;
}
a:link, a:visited {
    color: #c40000;
    text-decoration: underline;
}
input {-webkit-appearance:none;outline: none;}

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
}  

/*去除手机端按钮默认样式*/
input[type=text] { -webkit-appearance: none; outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

/*去除 select 背景*/
select::-ms-expand { display: none; }
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
img { max-width: 100%; }



select::-ms-expand { display: none; }          
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
/*边距*/
.pat_5{padding-top:5px;}
.mal_50{margin-left:50px;}
.pad_30{padding:0 0 0 40px;}
.mat_30{margin-top:32px;}
.mat_20{margin-top:20px;}
.mat_10{margin-top:10px;}
.mal_20{margin-left:20px;}
.mar_5{margin-right:5px;}
.margin_5{margin:0 5px 0 5px;}
body{background:url(../images/bbg.jpg) center top repeat;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
input:focus{border:0;outline:none}

.sign{height:50px;line-height:50px;background:#fff;}
.sign .sign_btn{background:url(../images/login_btn.png);width:77px;height:27px;line-height:23px;text-align:center;font-weight:bold;font-size:12px;margin:12px 0 0 10px;}
.sign .sign_btn a{color:#fff;display:block;}
.top{background:url(../images/top.png) repeat-x top;height:145px;}
.top h1{padding:25px 0 0 0;float:left;}
.top .logo_right { float:right; padding-top:24px; margin-right:40px; }

.bodyer{position:relative;z-index:0;}
.ab_1{position:absolute;z-index:1;top:-40px; border-radius: 8px;overflow: hidden;}
.bodyer_top{background:url(../images/bg_top.png);width:100%;height:7px;}
.bodyer_bottom{background:url(../images/bg_bottom.jpg);width:100%;height:45px;}
.bodyer_mid{background:#fff;width:878px;padding:30px 60px 20px 60px;}
.bodyer_mid .register {float:left;background:url(../images/register_bg.jpg) no-repeat;width:347px;height:438px;padding-top:16px;}
.bodyer_mid .register .bottom{background:url(../images/register_bottom.jpg);width:346px;height:27px;}
.bodyer_mid .register .reg_area h2{text-align:center;font-size:24px;color:#666;font-weight:bold;line-height:50px; }
.sex{float:left;height:30px;line-height:30px;}
.top_25{top:-25px;}
.left_25{left:25px;}
.text{float:left;}
.name{float:left;color:#666;font-size:14px;text-align:left;line-height:30px;margin-right:10px;}
.text_box{margin:7px 0 0 0;height:32px;}
.name2{float:left;color:#666;font-size:14px;text-align:left;line-height:30px;margin-right:10px;width:70px;}
.text{border:1px solid #cdcdcd;width:173px;height:30px;background:#fff;float:left;line-height:30px;padding:0 0 0 5px;font-size:12px;color:#999;}
.select1{border:1px solid #cdcdcd;width:46px;height:30px;float:left;font-size:12px;background:#fff;}
.select2{border:1px solid #cdcdcd;width:59px;height:30px;float:left;font-size:12px;background:#fff;}
.select3{border:1px solid #cdcdcd;width:178px;height:30px;float:left;font-size:12px;background:#fff;}
.agreement{font-size:12px;color:#999;width:255px;float:left;padding:4px 0 0;}
.agreement a{color:#629fbd;}
.re_btn{background:url(../images/re_btn.png);width:261px;height:47px;line-height:40px;margin:10px auto 10px auto;border:none;+margin:0 auto 10px auto;font-size:22px;font-weight:bold;color:#fff; text-shadow:0 2px 1px rgba(0,0,0,0.3);}
.re_btn:hover{cursor:pointer;}
.text_1{border:none;line-height:28px;height:28px;width:70px;float:left;color:#999;}
.text_2{border:none;line-height:28px;height:28px;width:170px;color:#999;+height:25px;}
.lady{float:left;border-left:1px dashed #d4d4d4;padding:0 0 0 20px;margin:0 0 0 20px;height:446px;}
.join{margin:35px auto 0;font-size:30px;text-align:center;color:#dc0e5f; }
.select_box1{height:23px;background:#fff url(../images/arrow.jpg) no-repeat 165px 65%;overflow:hidden;margin-left:2px;}
.select_box2{height:23px;background:#fff url(../images/arrow.jpg) no-repeat 46px 65% ;overflow:hidden;margin-left:2px;}
.select_box3{height:23px;background:#fff url(../images/arrow.jpg) no-repeat 33px 65% ;overflow:hidden;margin-left:2px;}
.hidden{border:none;+height:28px;color:#999;background:none;padding-top:5px;+padding:10px 0 10px 0;+height:30px;+margin-top:-5px; text-outline:none;+margin-left:-4px;}
.footer{text-align:center;color:#666;font-size:12px;margin:0; padding-top: 24px;}

/* 弹出结果*/
.results{/*background:url(../images/lady_bg.png);*/width:736px;height:450px;position: absolute;z-index: 1004; border-radius: 6px 6px 6px 6px; background-color: #ffffff;}
.results .exit{ position: absolute;right: 0px; top:0px; height:30px;width:30px;margin:15px 15px 0 0;}
.exit img{float:right;}
.results h3{font-size:32px;font-weight:bold;/*color:#dc0e5f;*/ color: #ffffff; text-align:center; height:60px; line-height: 60px; background: url(../images/tit_bg.png) repeat-x top center; border-radius: 6px 6px 0px 0px; overflow: hidden;}
.result_bg{background:url(../images/photo_bg.jpg) no-repeat;width:700px;height:232px;margin:30px auto 0 auto;padding:2px 0 0 2px; overflow:hidden;}
.result_bg ul li { float: left; height: 203px; overflow: hidden; width: 680px; padding: 8px; }
.result_btn{margin:20px auto 0 auto;width:auto; text-align:center;}
.result_btn img:hover{filter: alpha(opacity=90);
	opacity:0.9;
	-moz-opacity:0.9;}
.mask{position:fixed; top:0%; left: 0%; background:#000000; z-index:1000; opacity:0.7; filter:alpha(opacity=70); width: 100%; height: 100%;}
.maskbg { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index: -1;    /* background: url(../images/maskbg.png) repeat; */ background-color: #000000; opacity: 0.8; filter: alpha(opacity=36); }
/*  register  */
.reg_area { width:90%;overflow: hidden;border-radius: 8px; -moz-border-radius: 8px; position: relative; border-radius: 6px 6px 0px 0px; margin:0 auto; }
.reg_c { width: 290px; height: auto; padding: 0; margin: 0 auto; margin-top: 30%; text-align: left; vertical-align: top; font: normal 12px/20px Verdana; color: #333; clear: both; }
.gender_area { margin: 20px 0; }
.gender_area td { text-align: center; font: normal 14px/20px Verdana; }
.input_box { width: 200px; border: 1px solid #ccc; background: #fff; overflow: hidden; clear: both; }
.input_name { float: left; width: 94px; font: normal 12px/100% Verdana; border: 0; margin-left: 4px; padding: 5px 0; }
.birth_box1 { float: left; width: 68px; height: 25px; overflow: hidden; margin-left: 4px; }
.birth_box2 { float: left; width: 60px; height: 25px; overflow: hidden; margin-left: 4px; }
.input_m { width: 68px; padding: 0; font: normal 12px/100% Verdana; border: 0; margin-top: 4px; }
.input_d, .input_y { width: 60px; padding: 0; font: normal 12px/100% Verdana; border: 0; margin-top: 4px; }
.city_box { width: 195px; height: 23px; overflow: hidden; background: #fff; margin-left: 4px; margin-top: 1px; }
.select01 { width: 195px; font: normal 12px/100% Verdana; border: 0; padding: 0; margin-top: 3px; }
.input01 { width: 195px; font: normal 12px/100% Verdana; border: 0; margin-left: 4px; padding: 5px 0; }
.sub_btn { background: url(../images/btn_matches.png); width: 280px; height: 50px; border: 0; cursor: pointer; }
.black_overlay { position: fixed; top: 0%; left: 0%; background: #ccc; z-index: 99; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; display: none; }
.pop_windows { z-index: 100000001; width: 900px; height: auto; margin: 0 auto; position: fixed; padding: 0px; text-align: left; color: #222; cursor: default; top: 8%; left: 21%; _position: absolute; }
.content_c { width: 100%; height: auto; clear: both; border-radius: 8px; -moz-border-radius: 8px; clear: both; position: relative; font-size:12px;}
.reg_area .cmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #03a5d3; z-index: 1; }
.signin { z-index: 10; position: relative; text-align: center; padding: 6px 0; line-height: 28px; color: #ffffff; background-color: #00749a; position: absolute; bottom: 0px; left: 0px; width: 100%; height: auto; clear: both; }
.signin .text { display: inline-block; }
.signin .button { display: inline-block; }
.text_tit { color: #ffffff; font-size: 36px; width: 100%; font-family: Arial; text-align: center; line-height: 36px; z-index: 2; position: relative; padding: 30px 0px 20px; *padding: 30px 0px 0px; }
#p3 .TabbedContent { padding-top: 50px; }
#p4 .TabbedContent { padding-top: 50px; }
.TabbedContent{padding: 50px 0 0 0;}

.re_btn{background:url(../images/re_btn.png);width:261px;height:47px;line-height:40px;margin:10px auto 10px auto;border:none;+margin:0 auto 10px auto;font-size:22px;font-weight:bold;color:#fff; text-shadow:0 2px 1px rgba(0,0,0,0.3);}

.button01:hover { opacity: 0.9; filter: alpha(opacity=90); }
.text_box {  /*background: url(../images/input_bg.png) no-repeat;*/ width: 100%;width:100%; height: 38px; overflow: hidden; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 6px;}
.text1 { float: left; width: 48%; width: 45%; height: 38px; text-align: left; overflow: hidden; *padding-left: 10px; }
.text2_box { width: 100%; *width: 98%;height: 38px; text-align: left; overflow: hidden;  /*background: url(../images/input_bg.png) no-repeat;*/ background-color: #ffffff;     border: 1px solid #cdcdcd; position: relative;border-radius: 6px;}
.text2_box input { *padding-left: 10px; width: 96%; position: relative;z-index: 2; }
.input_c_line { float: left; padding: 0px 5px 0px 0px; font-size: 14px; line-height: 32px; height: 32px; color: #999; }
.select1 {    
	font-size: 14px;
    padding-top: 0px;
    background: url(../images/icon_arrow.png) no-repeat 95% 15px;
    padding-left: 5px;
    width: 100%;
    height: 38px;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
	border-radius: 6px;
}
.input_box2 { overflow: hidden; *height: 22px; margin-top: 4px; *margin-top:6px; text-align: left; *margin-left:4px;position: relative;}
.text_b1 { height: 38px; }
.cont_d { width: 32%; height: 38px; float: left; }
.text_d { width: 100%; height: 25px; *height: 22px; margin-top: 10px; *margin-top: 6px;overflow: hidden;position: relative; *margin-left: 5px; }
.select_d { width: 100%; height: 24px; *height: 30px; color: #333; background: url(../images/icon_arrow.png) no-repeat 95% 15px; font: normal 16px/30px; border: 0; margin: -4px 0px 0px 0px; padding-left: 5px; *line-height: 30px; *margin-top: -6px; *margin-left: -4px; *background:none;background-color: #ffffff; }
.cont_m { width: 30%; height: 38px; float: left; margin-left: 5px; }
.text_m {width: 100%; height: 25px; *height: 22px; margin-top: 10px;*margin-top: 6px; overflow: hidden;position: relative; *margin-left: 5px; }
.select_m { width: 100%; height: 24px; *height: 30px; color: #333; background: url(../images/icon_arrow.png) no-repeat 95% 15px; font: normal 16px/30px; border: 0; margin: -4px 0px 0px 0px; padding-left: 5px; *line-height: 30px; *margin-top: -6px; *margin-left: -4px; *background:none;background-color: #ffffff; }
.cont_y { width: 32%; height: 38px; float: left; margin-left: 8px; }
.cont_city { width: 100%; height: 38px; float: left; overflow: hidden;  }
.text_city { width: 100%; height: 38px; *height: 22px;  overflow: hidden;*margin-top:4px; *margin-left:6px;}
.select_city {     
	width: 100%;
    height: 38px;
    text-align: left;
    background: url(../images/icon_arrow.png) no-repeat 98% 15px;
    background-color: #ffffff;
    margin-top: 5px;
    padding-left: 5px;
    border: 1px solid #d0d0d0;
	border-radius: 5px;
}
.left_txt_2 { padding-top: 20px; }

#pointmsg_country{margin-top: -6px;}
.TabbedContent table { width: 85%; }
.input_desc { text-align: right; padding-right: 0px; width: 100%;font-size:12px;line-height:1.8; }

.pwdbg { color: #787878; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 38px; padding-left: 10px; z-index: 1; font-weight: normal; font-size: 12px; color:#999999; }
.text2_box i, .text_box i { display: none; width: 30px; height: 30px; background: url(../images/icon_arrow.png) no-repeat 12px 12px; position: absolute; right: 0px; top: -2px; background-color: #ffffff;    /* display: none; */ display: block\9; }

.TabbedPanelsTabGroup{padding-left: 0;}

#p1 .form-label{padding: 0px 0px;width: 100%;text-align: left;padding-right: 0px;color: #666;display: block;line-height: 28px;clear: both;}
.submit-button{    
	display: block;
    width: 100%;
    text-decoration: none;
    height: 3rem;
    line-height: 3rem;
    font-size: 2rem;
    cursor: pointer;
	background-color: #ff0f00 !important;
	background: -webkit-linear-gradient(top, #ffb253 0%, #ff0f00 100%);
    background: linear-gradient(to bottom, #ffb253 0%, #ff0f00 100%);
    border: none;
    color: #fff;
    border-radius: 5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
	margin-top: 20px !important;
}
.form-label{line-height: 28px;}
#first_name{    
	float: left;
    width: 46%;
    height: 30px;
    text-align: left;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    border-radius: 5px 0 0 5px;
	border-right: 0;
	text-indent: 5px;
	display: inline-block;
}
#last_name{    
	display: inline-block;
	float: left;
    width: 46%;
    height: 30px;
    text-align: left;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    border-radius: 0 5px 5px 0;
	border-left: 0;
	text-indent: 5px;
}
#birthday_m {
    width: 33%;
    height: 38px;
	float: left;
	border: 1px solid #d0d0d0;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}
#birthday_d {
    width: 33.5%;
    height: 38px;
	float: left;
	border: 1px solid #d0d0d0;
	border-right: 0;
	border-left: 0;
    border-radius: 0;
}
#birthday_y {
    width: 33%;
    height: 38px;
	float: left;
	border: 1px solid #d0d0d0;
    border-left: 0;
    border-radius: 0 5px 5px 0;
}
#email{
	width: 99%;
    height: 38px;
    text-align: left;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    position: relative;
	border-radius: 5px;
	text-indent: 5px;
}
#passwd1{
	width: 99%;
    height: 38px;
    text-align: left;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    position: relative;
	border-radius: 5px;
	text-indent: 5px;
}
.terms_privacy{
	font-size: 12px;
    text-align: center;
    padding-top: 10px;
    color: #666;
}
.terms_privacy .alink{
	color: #ff3312;
}

/* intsva */
.intsva { position: absolute; z-index: 98; line-height: 1em; height: auto; font-size: 11px; /*font-size:0.7rem;*/ margin-top: -29px; padding: 4px 6px; padding: 0.25rem 6px; color: #fff; background-color: #f25c5c; border: 1px solid #f25c5c; 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);/*white-space: nowrap;*/ }
.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: #f25c5c; left: 0; /* 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: #f25c5c;/* use for arrow border */ }
.error-tips { line-height: 2em; color: #CE4844; }
.error-tips.block { margin: 6px 0 10px; padding: 5px 10px; margin: 0.375rem 0 0.625rem; padding: 0.375rem 0.625rem; border: 1px solid #f3c6cc; background: #ffedef; border-radius: 0.2rem; }
.error-tips.block h1 { font-size: 14px; margin-bottom: 0.2em; }
.error-tips.block p { line-height: 1.2em; margin-bottom: 0.4em; }


/* Responsive */
 
@media (max-width:768px) {
	.hide_in_pc { display:block; }
	.hide_in_mobile { display:none !important; }
	html { font-size:20px; }
	body { overflow-x:hidden;min-width: 0px; }
	img { max-width:100%; }
	.center { width:auto; }
	.sign { padding-right:8px; }
	.sign span.fl { display:none; }
	.top { margin-top:-50px; height:auto; text-align:center; padding:15px; background-size:cover; }
	.top h1 { float:none; margin:0; padding:0 0 10px; text-align:left; }
	.top h1 img { width:210px; }
	.top .logo_right { text-align:left; padding:0; margin:0; }
	.top .logo_right img { float:none; margin:0; width:100%; }

	.ab_1 { top:0; position:static; }
	.bodyer_top, .bodyer_bottom { display:none; }
	.bodyer_mid, .join { width:auto; padding:0;  }
	.bodyer_mid {overflow:hidden; }
	.join { max-width:320px; margin:10px auto 0; padding:0 10px; font-size:1.3rem; }
	.bodyer_mid .register { float:none; margin:0 auto; position:relative; z-index:2; width:60%;  padding:25px 0 20px; background:rgba(255,255,255,0.95); border:1px solid #ddd; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
	.bodyer_mid .register .mid h2 { color:#cc175c; }
	.register .mat_30, .register .pad_30 { margin:0; padding:0; }
	#regForm { width:265px; margin:0 auto !important; padding-top:10px !important; }
	.text, .select1, .select2, .select3 { border-color:#999; border-radius:5px; overflow:hidden; }

	.lady { float:none; margin:0; padding:0; height:auto; border:none; width:100%;margin-top: -20px;}
	.lady img { width:100%; }
	.footer { margin:0; padding:10px; font-size:11px; }
	
	
	.pop_top,.pop_mid,.pop_bot,.pop_content { width:auto !important; background:none!important;}
	.pop_top { height:10px!important; }
	.pop_title { height:auto!important;padding:5px 0 10px !important;}
	.pop_title h1, .pop_title label font { line-height:22px!important;}
	.pop_title label { float:none!important; }
	.pop_title span { position:absolute; right:0px; top:0px; }
	.pop_title h1 { font-size:18px!important; }
	.pop_mid { padding:0 15px!important; }
	.pop_content { height:380px!important;}
	.mask,.results{display: none;}
	#regForm{width: auto;}
	.bodyer_mid{background: none;}
	.TabbedPanelsTabGroup{padding-left: 0px;}
	.button01{background-size: 100% 100%;}
	.text_box{box-sizing: border-box;-wikit-box-sizing: border-box;}
	.reg_area{margin-left: 0px;width: 100%;}
	.TabbedContent{ padding-top: 50px;width: 90%;}
	.reg_area{float: none; height: auto;}
	.bodyer_mid .register{height: auto;}
	#p3 .TabbedContent{padding-top: 50px;}

}

@media (max-width:640px) {
	.bodyer_mid .register { width:80%;}

}
@media (min-width:320px) and (max-width:450px) {
	.intsva{padding-top: 40px !important;}
	#p4 .intsva{padding-top: 5px !important;}
}
@media (min-width:350px) and (max-width:370px) {
	html { font-size:18px; }
}
@media (max-width:350px) {
	html { font-size:16px; }
}
@media (max-width:375px) {
	#first_name{width: 100px !important;}
	#last_name{width: 100px !important;}
}