@charset "utf-8";

/* CSS Document */
body { background:#000; font: normal 12px/18px Arial, Helvetica, sans-serif, Verdana; color: #333; margin: 0; padding: 0; text-align: left; }
a img { border: 0; }
a:link, a:visited { text-decoration: underline; color: #ff2a7a; }
a:hover { text-decoration: underline; color: #01a1dc; }
select, input { outline: none;font-size:13px;}
ul, li { padding: 0; margin: 0; list-style: none; }
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;}
select::-ms-expand { display: none; }
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
.body1 { background: url(../images/bg.jpg) no-repeat center top; background-size:100% auto; background-color: #000;min-height:970px;}
form { padding: 0; margin: 0; *background: #ffffff; }
.clear{clear:both;}
.fb_box{display: none;}
/* main */
.wrapper{width: 100%;height: auto;display: block;}
.header{width: 100%;height: 70px;display: block;position:relative;}
.logo{ padding:10px 0 0 20px;position:relative;}
.header .signin{position:absolute;right:10px;top:20px;line-height: 26px;font-size: 14px;color:#ccc;}
.signin a{float: right; display: block;height: 26px;width: 68px;border: 1px solid #c80034;background-color: #ff2a7a; text-align: center;color: #fff;font-size: 14px;border-radius: 6px; margin-left:20px;text-decoration: none;}
.signin a:hover{background-color: #ef4559;}
.content{width:100%;height: auto; margin:0 auto;display: block;}
.form-wrap{background:rgba(0,0,0,0.75);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:fixed;left:50%;top:50%;display: block;padding:30px 50px;width:700px;min-height:300px;margin-top:-250px;margin-left:-400px;animation:bounceInCenter 0.5s both;}
.form_register{padding:0 10px 20px 10px;width:540px;min-height:250px;margin-top:-250px;margin-left:-300px;}
.form-wrap .time p{color:#fff;font-size:26px;margin:40px 0;font-family:Georgia, "Times New Roman", Times, serif;}
.form-wrap .time div{color:#36bfa7;display:none;font-size:36px;margin:40px 0;font-family:Georgia, "Times New Roman", Times, serif;}
.form-wrap .time b{color:#ff007e;font:52px/60px Verdana, Arial, Helvetica, sans-serif;}
.form-wrap .agree{display:display;margin:0 auto;}
.form-wrap .agree p{color:#36bfa7;font-size:24px;}
.form-wrap .agree p span{background:url(../images/icon_right.png) 0 5px no-repeat;color:#fff;display:block;font-size:16px;padding:5px 0 5px 30px;}
#regForm{display:none;}
a.btn_agree{background:#d10039;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;display:block;height:62px;margin:50px auto;padding:0 0 5px 0;text-align:center;text-decoration:none;width:420px;animation:bounceInCenter 1s both;}
a.btn_agree span{background:#ff007e;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;color:#fff;display:block;font:36px/60px Verdana, Arial, Helvetica, sans-serif;line-height:60px;height:60px;width:100%;}
a.btn_agree span:hover{background:#f21885;}
#login .button_box{background:none;}
.c_bot{color:#fff;position:fixed;bottom:20px;text-align:center;width:100%;}




/*  register  */
.reg_area { width: 340px; height: auto; overflow: hidden; float: left; margin-top: 0px; border-radius: 8px; -moz-border-radius: 8px; position: absolute; bottom: 30px; left: 50px; z-index: 10; }
.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; }
.reg_info td { text-align: left; padding: 8px 0; *padding: 5px 0; margin: 0; font: normal 14px/20px Verdana; }
.reg_info .left { padding-right: 10px; }
.tips_area { margin: 15px 0; padding: 0; }
.tips_area td { text-align: left; vertical-align: top; font: normal 12px/16px Arial; color: #565656; }
.tips_area .right { text-align: left; vertical-align: top; padding: 1px 0 0 3px; }
.btn_area td { padding: 6px 0; margin: 0; text-align: center; font: normal 13px/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; }
.reg_area .cmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-radius: 6px; }

.text_tit { color: #2b2b2b; font-size: 26px; width: 100%; font-family: Arial; text-align: center; line-height: 50px; z-index: 2; position: relative; padding: 10px 0px; background: #5467b8; }
.c_left_td { width: 350px; text-align: left; }

.c_td01 { text-align: left; color: #ddd; font: normal 24px/48px; width: 268px;     padding-right: 10px;
    padding-top: 2px;}
.c_tpword { padding: 0 10px 10px 10px;  color:#555;   width: 430px;    margin: 0 auto;display: none; line-height:12px;}
.c_td02 { text-align: left; color: #fff; font: normal 24px/48px; width: 170px; }
.c_td03 { padding: 0px 0px; font-weight: bold; min-width: 70px;  text-align: left; padding-right: 0px; color: #fff;  line-height: 28px; clear: both;font-size: 14px;font-weight: normal; }
.c_td04 { padding: 25px 0 30px 25px; }
.c_td05 { padding: 0px 0px 0px 0px; font-weight: bold; text-align: left; padding-right: 0px; color: #ffffff; display: inline-block; line-height: 28px; }
.c_td06 { padding-left: 10px; }
.c_td07 { padding: 23px 0 30px 3px; }
.c_td08 { padding: 10px 0 15px 3px; }
.c_td09 { text-align: center; padding: 12px 30px 0px 15px; color: #fff; font: normal 14px/20px Arial, Helvetica, sans-serif; }
.c_td09 a, .c_td09 a:link, .c_td09 a:visited { color: #53f46c; text-decoration: underline; }
.c_td09 a:hover { color: #fb1e00; text-decoration: underline; }
.p_100{ width: 270px;}
.button_box, .button_box2 {clear: both;background:#d10039;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;display:block;height:50px;margin:20px auto 0 auto;text-align:center;text-decoration:none;width:350px;}
.button01,.submit-button{ background:#ff007e;border:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;color:#fff;display:block;font:25px/45px Verdana, Arial, Helvetica, sans-serif;line-height:45px;height:45px;width:100%;}
.button01:hover,.submit-button:hover{ cursor:pointer; background:#f21885; }
.text_box { border-radius: 6px; -moz-border-radius: 6px; width: 268px; height: 38px; overflow: hidden; background-color: #ffffff; border: 1px solid #b5b5b5; }
.text1 { float: left; width: 120px; height: 38px; text-align: left; overflow: hidden; *padding-left: 10px; width: 110px; }
.text2_box { width: 268px; height: 38px; text-align: left; overflow: hidden; border-radius: 6px; -moz-border-radius: 6px; background: #ffffff; border: 1px solid #b5b5b5; }
.text2_box input { *padding-left: 10px; }
.input6 { background: none; border: 0; height: 38px; color: #333; font: normal 14px/30px; width: 258px; padding: 0 10px; margin: 0 auto; overflow: hidden; line-height: 38px; }
.input_c_line { float: left; padding: 0px 5px 0px 0px; font-size: 14px; line-height: 32px; height: 32px; color: #999; }
.select1 { font-size: 14px; border: 0; margin-top: 5px; padding-top: 3px; height: 20px; width: 280px; width: 248px\9; background: url(../images/icon_arrow.png) no-repeat 230px 8px; background-color: #ffffff; *height: 30px; *line-height: 30px; *margin-top: -12px; *margin-left: -2px; }
.input_box2 { overflow: hidden; *height: 18px; *margin-top: 10px; text-align: left; }
.text_b1 { padding-left: 10px; height: 38px; }
.cont_d { width: 80px; height: 38px; float: left; margin-left: 10px; }
.text_d { width: 80px; height: 25px; *height: 18px; margin-top: 10px; *margin-top: 12px; overflow: hidden; }
.select_d { width: 110px; width: 80px\9; height: 24px; *height: 30px; color: #333; background: url(../images/icon_arrow.png) no-repeat 72px 8px; font: normal 14px/24px Arial, Helvetica, sans-serif; border: 0; margin: -8px 0px 0px -4px; padding-left: 5px; *line-height: 30px; *margin-top: -12px; *margin-left: -4px; background-color: #ffffff; }
.cont_m { width: 80px; height: 38px; float: left; margin-left: 5px; }
.text_m { width: 90px; height: 38px; margin-top: 10px; *margin-top: 12px; *height: 16px; overflow: hidden; }
.select_m { width: 115px; width: 95px\9; height: 24px; color: #333; background: url(../images/icon_arrow.png) no-repeat 74px 8px; font: normal 14px/24px Arial, Helvetica, sans-serif; border: 0; margin: -8px 0px 0px -4px; padding-left: 5px; *height: 30px; *line-height: 30px; *margin-top: -12px; *margin-left: -4px; background-color: #ffffff; }
.cont_y { width: 80px; height: 38px; float: left; margin-left: 8px; }
.cont_city { width: 268px; height: 38px; float: left; overflow: hidden; }
.text_city { width: 268px; height: 38px; *height: 18px; margin-top: 10px; *margin-top: 12px; margin-left: 10px; overflow: hidden; }
.select_city { width: 280px; width: 250px\9; height: 24px; font: normal 14px/24px Arial, Helvetica, sans-serif; text-align: left; background: url(../images/icon_arrow.png) no-repeat 240px 8px; border: 0; margin: -8px 0px 0px 0px; *height: 30px; *line-height: 30px; *margin-top: -12px; *margin-left: -2px; background-color: #ffffff; }
.left_txt_2 { padding-top: 20px; }
.bg_mask { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index: -1; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80); }
.intsva { z-index: 10; }
.TabbedContent table { width: 340px; }
.input_desc { text-align: right; padding-right: 0px; }
#p1 .TabbedContent table { margin-top: 40px; }
#p2 .TabbedContent table { margin-top: 40px; }
#p3 .TabbedContent table { margin-top: 40px; }
#p4 .TabbedContent table { margin-top: 40px;}

#pointmsg_country, #pointmsg_birthday_d, #pointmsg_birthday_m, #pointmsg_birthday_y{margin-top:-38px;}

select {
	font-size: 0.875rem;
}
/* ipad proscreen */

@media only screen and (max-width:1400px) {
	.body1 { background: url(../images/bg.jpg) center top;}
}
@media only screen and (max-width:820px) {
	.signin span{display:none;}
}
@media only screen and (max-width:800px) {
	.form-wrap{position:absolute;left:50%;top:50%;display: block;width:90%;min-height:200px;margin-top:-100px;margin-left:-47%;padding:20px 2%;}
	.form-wrap .time p{margin:30px 0;}
	a.btn_agree{margin:0px auto;}
	.form-wrap .time div{font-size:30px;margin:15px 0;}
	.button_box, .button_box2{margin: 10px auto 0 auto;}
	.TabbedContent{padding:5px 0px 2px 0px;}
	.c_bot{bottom:2px;}
}
@media only screen and (max-width:480px) {
	.body1 { background: url(../images/m_bg.jpg) left top;}
	.logo{text-align:left;padding:5px 0 0 10px;width:55%;}
	.form-wrap{position:absolute;left:50%;top:50%;display: block;width:94%;min-height:150px;margin-top:-100px;margin-left:-47%;padding:20px 0%;}
	.form-wrap .time p{font-size:1rem;line-height:1.3rem;margin:10px 0 10px 0;}
	.form-wrap .time div{font-size:20px;margin:5px 0 5px 0;}
	.form-wrap .time b{font:1.8rem/1.8rem Verdana, Arial, Helvetica, sans-serif;}
	.form-wrap .agree{width:90%;}
	.form-wrap .agree p{font-size:0.5rem;margin:5px 0;}
	.form-wrap .agree p span{background-size:15px 10px;font-size:0.5rem;padding:0 0 2px 20px;}
	.c_tpword{width:auto;}
	#regForm{display:none;}
	a.btn_agree{height:45px;margin:0 auto;width:80%;}
	a.btn_agree span{font:1.3rem/40px Verdana, Arial, Helvetica, sans-serif;line-height:40px;height:45px;width:100%;}
	a.btn_agree span:hover{background:#f21885;}
	.TabbedPanelsTabGroup{height:45px;margin:5px 0 0 0;width:100%;}
	.TabbedContent table{width:90%;}
	#login .submit-button{height:2rem;line-height:2rem;font-size:1rem;}
	.button_box, .button_box2{height:45px;margin:10px auto;}
	.button01, .submit-button{font:25px/40px Verdana, Arial, Helvetica, sans-serif;line-height:40px;height:40px;width:100%}
	.button_box, .button_box2 {width:100%;}
	.TabbedPanelsTab { width: 36px; height: 36px;line-height: 36px; margin-right:10px; font-size:20px;}
	.TabbedPanelsTabSelected { width:40px; height:40px; line-height:40px; margin-right:10px; margin-top:0;  font-size:24px;}
	.TabbedContent{padding-top:0;}
	.c_bot{bottom:0px;}
}
@media only screen and (max-width:380px) {
	.text_box, .text2_box{width:230px;}
	.text1{width:100px;}
	.cont_d, .text_d{width:60px;}
	.cont_m, .text_m{width:70px;}
	.cont_y, .text_y{width:60px;}
	.select1{background: url(../images/icon_arrow.png) no-repeat 200px 8px;}
	.select_d{background: url(../images/icon_arrow.png) no-repeat 50px 8px;}
	.select_m{background: url(../images/icon_arrow.png) no-repeat 60px 8px;}
	.select_y{background: url(../images/icon_arrow.png) no-repeat 50px 8px;}
}
@media only screen and (max-width:320px) {
	.body1 { background: url(../images/m_bg.jpg) no-repeat center top;min-height:400px;}
	.header{height:60px;}
	.logo img{height:40px;width:auto;}
	.logo span{height:18px;}
	.header .signin{top:15px;}
	.form-wrap{min-height:250px;position:static;left:0;top:0;display: block;width: 90%;min-height: auto;margin:10px auto 0 auto;padding:10px 2%;}
	.button_box2{margin:0px 0 0 0;}
	.form-wrap .time p{margin:5px 0;}
	.c_bot{position:static;margin-top:10px;}
	.text_box, .text2_box{width:200px;}
	.text1{width:90px;}
	.cont_d, .text_d{width:55px;}
	.cont_m, .text_m{width:60px;}
	.cont_y, .text_y{width:55px;}
	.select1{background: url(../images/icon_arrow.png) no-repeat 170px 8px;}
	.select_d{background: url(../images/icon_arrow.png) no-repeat 45px 8px;}
	.select_m{background: url(../images/icon_arrow.png) no-repeat 50px 8px;}
	.select_y{background: url(../images/icon_arrow.png) no-repeat 45px 8px;}
}