@charset "utf-8";
/* CSS Document */
html { font-size:16px;}
body{background: #F6EDE0;background:#F6EDE0 url(../images/bg.jpg) no-repeat center top;background-size: cover!important;color:#6263a5;height:100%;width:100%;height:100vh; }
body,input,select,textarea { font-family:'STIX Two Text',Georgia, Cochin, Times, 'Times New Roman', serif;font-size:20px; font-size:1.25rem; vertical-align:middle; }
.holded { color:#6263a5; }

img { border:0; max-width:100%; }
body,div, ul, ol, li, dl, dt, dd, a, img, form, p,span { margin:0; padding:0; border:0px; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; border:0px;color:#272847;font-family: 'STIX Two Text',Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; }

input,select{ outline:none; }
#first_name:focus { border:1px solid #ef9d0f; -webkit-animation:shining 1s alternate infinite; animation:shining 1s alternate infinite; }
a:link,a:visited{ color:#f67251;  }
a:hover{ color:#f67251; text-decoration:underline;}
/* 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 */


/* background: #211f1f url(../images/bg2.jpg) repeat top center; */
/* layout */
.column_content{ position: relative;width:100%;}

/*#body_background_box:after { display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:200px; background:url(../images/footer_bg.png) repeat-x bottom; z-index:5;opacity: 0.45;
filter: alpha(opacity=45); }*/
#wrapper { width:100%; }
#header { margin:0 auto; padding:0;width: 100%; text-align: center; margin:0 auto 0;    display: flex;box-sizing: border-box;padding:8px 5%;justify-content: space-between;
 align-items: center;-webkit-animation: fadeInDown 0.5s both;  animation: fadeInDown 0.5s both;}
#header_logo {text-align: center; max-width:246px; }
#header_logo img{ max-width: 200px; }
.signin { font-size:14px; margin: 0; text-align: right;letter-spacing: 0.8px; }
.reg_wrap{margin-top:6%;}
.reg_text{margin-bottom: 40px;text-align: center;}
.reg_text h1{ text-align: center;font-size: 05px;font-size: 2rem; font-family: 'Open Sans';font-weight: 600;color: #6263a5;}
.reg_text span{ color:#ff3172; font-weight: 600;}
.reg_text_m{display: none;}
.reg_text img{ margin:0 auto;}
.tip-text{width: 100%;text-align: left; margin-top: 40px;padding-left: 30px;}
.tip-text ul li{padding: 8px 0; text-align: left; color: #6263a5;font-size: 16px;font-size: 1rem; font-weight: 300; line-height: 1;  list-style: none;}
.tip-text ul li img{ display: inline-block;vertical-align: middle;padding-right: 12px;box-shadow: none; }
.tip-text ul li strong{ font-weight: 600;}
.question{margin:20px auto;text-align: center; }
.ques-title{font-size: 36px;font-weight: 600;    transition: all 0.75s ease 0s;-webkit-animation: fadeInDown 0.75s both;  animation: fadeInDown 0.5s both; animation-delay: 0.2s;}
.step_1 .ques_text{color:#6263a5; -webkit-animation: fadeInDown 0.5s both;  animation: fadeInDown 0.5s both;animation-delay: 0.3s;}

.ques_text{font-size: 25px;line-height: 1.3; font-weight: 400;color:#6263a5;padding:18px 0 0px;}
.ques_text.strong{font-size:36px;font-size: 2.25rem /* 36/16 */;}
.btn_box{
	-webkit-animation: fadeInDown 0.35s both;  animation: fadeInDown 0.35s both;
	text-align: center;
	margin:30px auto 10px;
}
.btn_box .female:link{background: #ffaa96;}
.step_1 .btn_box{
	animation-delay: 0.35s;
}
.btn_box.btn-double a.btn:first-child{
	margin-bottom:25px;
}
.btn_box.btn-double a.btn:nth-child(2){
	/* opacity: 0.6; */
}
a.btn,.btn,.btn:link{
	display: block;
    width: 100%;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
	font-size: 20px;
	font-size: 1.375rem /* 26/16 */;
	font-weight: 600;
    cursor: pointer;
    border: none;
	color: #fff;
	background: #FF7250;
    border-radius: 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    margin-top: 0 !important;
	transition: all 0.3s;
	max-width: 340px;
	margin:0 auto;
	font-family:'Poppins',Arial, Helvetica, sans-serif;
	text-align: center;
	box-shadow:0 3px 8px rgba(255,129,98,0.25);
}
.btn:hover{
	transform: translateY(-3px);
	box-shadow:0 3px 14px rgba(255,129,98,0.45);
}




.terms_privacy {margin: 0 auto;width: 100%;max-width: 320px; color:#444; font-size:14px; padding-top:10px; line-height:1.4em;  font-weight: 400; text-align: center;}
#footer {width: 100%;margin:20px auto 10px;position: fixed;bottom:2px;left:0;right:0;
    }
.footer_text {width:100%; font-size:12px; position:relative; margin:0 auto; text-align:center;  }
.security_mark { float:left; padding:0; }
.security_mark a { display:inline-block; font-size:0; margin:0 2px; text-decoration:none; border:1px solid #ccc; border-radius:4px; }
.security_mark a img { height: 36px; border-radius: 4px;}



/* TabbedPanels */
.TabbedPanels { margin:0; padding:0; }
.TabbedPanelsTabGroup { margin:0 0 -16px; padding:0; height:32px; text-align:center; }
.TabbedPanelsTab { font-family:Verdana, Geneva, sans-serif; display:inline-block; width:32px; height:32px; line-height:30px; text-align:center; -moz-user-select:none; -khtml-user-select:none; cursor:default; margin:0 3px; border-radius:40px; font-size:18px; color:#888; background:#6263a5;border:1px solid #ccc; box-sizing:border-box;}
.TabbedPanelsTabSelected { background:#222; color:#6263a5;border:none;  }
.TabbedContent{ padding:30px 20px 20px; color:#333; font-size:14px; background-position:center top; background-repeat:no-repeat;  background-position: center top;
    background-repeat: no-repeat;margin:0 auto; max-width: 400px;
}

/* form */
.holded { color:#999; }
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size: 22px; font-size:1.375rem; padding-left:8px; line-height:40px;line-height: 3.75rem; color:#eee; width: 100%; cursor: text; }
.reg_area{max-width: 400px;margin:0 auto;}
.form-item { margin:15px auto;text-align: center; }
.form-label { font-size:16px; font-size:1rem;color: #6263a5; float:left; width:24%; padding-top:10px; display: none;}
.form-con {  width:100%;max-width: 400px;margin:0 auto;text-align: center; }
.input_test, .input-group { width:100%; height:60px;  line-height:60px; line-height:3rem; box-sizing:border-box; background:#fff;border:0; border-radius:0px;   text-indent: 4px; border:2px solid #9697be;color:#3b3c68;}
.input-group .input_test { font-size:20px; font-size:1.25rem; height:60px;  }
.select-wrapper { width:100%; position:relative; overflow:hidden; z-index:0; height:60px;  box-sizing:border-box; background:#fff;border:1px solid #9697be; border-radius:4px; }
.select-wrapper:after { display:block; content:""; position:absolute; width:8px; height:5px; right:4px; top:40%; background:url(../images/down_arrow.png) no-repeat right center; }
.select-wrapper select { font-size:22px; font-size:1.375rem;color:#3b3c68; float:left; width:109%; text-indent:4px; height:60px;  border:none;    background: #fff;}
.input-group .input_test, .input-group .select-wrapper { float:left; border:none; }
.input-group .select-wrapper { width:33.333%; height:56px;  border-radius: 0;}
.input-group .select-wrapper select { width:130%; }
.input_desc { font-size:15px; line-height:1.8em; text-align:center; color:#444; }
.button_box { padding-top:15px; }
.submit-button { display:block; width:100%; text-decoration:none; height:50px; line-height:46px; font-size:22px; height:3.125rem; line-height:3rem; font-size:1.375rem; cursor:pointer; background-color:#ffd821!important; border:none; color:#222; border-radius:6px; transition:all 0.3s; -webkit-transition:all 0.3s; margin-top:0 !important;font-weight: 600; transition:all 0.5s;}
.submit-button:hover { background-color:#ffd821!important;     transition: all 0.5s;
    transform: scale(1.06);
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10);}
  #login .submit-button{ color: #222!important;}


 /* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - UC Browser for Android
   - QQ Browser */
::-webkit-input-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #aaa; !important;
    font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* CSS Working Draft */
::placeholder {
    color: #aaa;
    font-weight: 400;
}

/* for ie8 */
.ie.ie8 select { height:22px !important; }

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

/* intsva */
.intsva { position:absolute; z-index:98; line-height:1em; font-size:13px; /*font-size:0.7rem;*/ margin-top:-29px; padding:4px 6px; padding:0.25rem 6px; color:#f67251!important; background-color:#ffffff; border:1px solid #ffffff; 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;*/ font-family: Arial, Helvetica, sans-serif; }
.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:#ffffff;/* 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:#ffffff;/* use for arrow border */ }
#pointmsg_birthday_y { margin-left:-70px; }
#pointmsg_birthday_y .arrow { margin-left:70px; }


#login .form-label{display: block;}

/* Responsive */


@media (max-width:1200px) {/* 宽屏布局 */

}
@media (max-width:812px) {
	html { font-size:16px; }
	.reg_wrap{display: flex;justify-content: center;align-items: center;}
	#header{margin-top:0;}
	#footer{position: relative;}

}

@media (max-width:600px){
	html{font-size: 15px;}
	#header{padding:8px 2.5%;}
	#header_logo img{ max-width: 140px; }
	.ques-title{font-size:8vw;}
	.ques_text {font-size: 5vw;padding: 10px 15px 0;}
	.notice-title{display: none;}
	#regForm{max-width: 94%;width: 100%;}
	.form-item {max-width: 320px; }

}
@media (max-width:420px){

}
@media (max-width:350px) {
	html { font-size:14px; }
	#header_logo img{ max-width: 150px; }

}
@media (min-width:450px) and (max-width:750px) and (orientation:landscape){

}

/* animations */
@-webkit-keyframes shining{
	0%{ box-shadow:0 0 4px rgba(239,157,15,0.4); }
	100%{ box-shadow:0 0 8px rgba(239,157,15,0.7); }
}
@keyframes shining{
	0%{ box-shadow:0 0 4px rgba(239,157,15,0.4); }
	100%{ box-shadow:0 0 8px rgba(239,157,15,0.7); }
}

.animated{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-12%,0);transform:translate3d(0,-12%,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
	}
	@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-12%,0);transform:translate3d(0,-12%,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
	}
	.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}