@charset "utf-8";
/* CSS Document */
html { font-size:14px; }
body,input,select,textarea { font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:12px; font-size:0.75rem; vertical-align:middle; margin:0; }
.holded { color:#aaa; }
img { border:0; max-width:100%; }
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; }
button, input, select {outline: none;}
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}
a:link,a:visited{ color:#004b97;text-decoration: none;  }
a:hover{ color:#004b97; 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 */
ul,li{list-style: none;}

/*去除手机端按钮默认样式*/
input { -webkit-appearance: none; outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/*去除 select 背景*/
select::-ms-expand { display: none; }
select { border: none; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
/* layout */

.term_policy{float: right;box-sizing: border-box;}
.term_policy a{ padding:0 20px;color:#fff;}
.term_policy a:link{ color: #fff;}

.regform h1{text-align: center;padding: 40px 0 0;color: #111;font-size:28px;line-height: 1;}

/* TabbedPanels */
.TabbedContent{ padding:28px 35px 0px; color:#333; font-size:14px; }

input.check_box{ -webkit-appearance:checkbox;margin-right: 3px;}

/* form */
#first_name.input_test,#last_name.input_test{ border:0!important;height: 2.375rem!important;}
.input_c_line {float: left; padding: 0px 5px 0px 0px; font-size: 12px; line-height: 35px; height: 100%; color: #666;}
 .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:#333; font-size:12px; text-align:left; padding-top:0px; line-height:1.4em;padding:0 10px; }
.terms_privacy a{text-decoration: underline; color: #004b97;}
.terms_privacy a:hover{ color: #004b97;}

#regForm .submit-button{}
.holded { color:#777; }
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size:14px;  padding-left:5px; line-height:36px; color:#777; }
.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 #004b97 solid; }
#female.active .icon { background:#004b97; }
.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; }
#regForm .form-item { margin:10px 0; }
#regForm  .form-control-label { font-size:14px; font-size:0.875rem; float:left; width:22%; padding-top:11px; }
#regForm .form-con { width:74%;position: relative;display: inline-block; border: 1px solid #aaa;
    background: #fff;border-radius: 4px; float: right;}
#regForm .input_test, .input-group { width:100%; height:40px; height:2.5rem; line-height:32px; line-height:2rem; text-indent:7px; box-sizing:border-box; background:none;border:0;    font-size: 16px;   font-size: 1rem;font-weight: 400; }
#regForm  .input-group .input_test { font-size:12px; font-size:0.75rem; height:34px; height:2.125rem; }
#regForm .select-wrapper { width:100%; position:relative; overflow:hidden; z-index:0; height:40px; height:2.5rem; box-sizing:border-box;border:0;  }
#regForm  .select-wrapper:after { display:block; content:""; position:absolute; width:14px; height:8px; right:8px; top:14px; background:url(images/icon_arrow.gif) no-repeat right center; }
#regForm  .select-wrapper select {text-indent: 4px; font-size:14px;  float:left; width:109%;height:34px; height:2.125rem;/* inputbox height */ padding:3px; border:none; background: none;  padding-top:5px;}
#regForm  .input-group .input_test, .input-group .select-wrapper { float:left; border:none; }
#regForm  .input-group .select-wrapper { width:33%; height:34px; height:2.125rem; }
#regForm  .input-group .select-wrapper select { width:130%; }
#regForm  .input_desc { font-size:12px; line-height:1.8em; text-align:right; color:#888; }


.button_box { padding-top:20px; }
#regForm .submit-button { display:block; width:100%;width: 305px; text-decoration:none; height:46px; font-family: 'Corbel',arial; line-height:46px; font-size:20px; height:2.875rem; line-height:2.875rem; font-size:1.25rem;font-weight:600;text-align: center; cursor:pointer; background-color:#e12500; border:none; color:#fff; border-radius:23px; -webkit-transition:all 1s; margin-top:0 !important; transition:all 0.6s;
}
#regForm  .submit-button:hover { background-color: #ff3209;  color:#fff;   }


/* for ie8 */
.ie.ie8 select {  }
.ie.ie8 .TabbedContent {  }

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

/* intsva */
.intsva { position:absolute; z-index:98; line-height:1em; font-size:11px; /*font-size:0.7rem;*/ margin-top:-29px; padding:4px 6px; padding:0.25rem 6px; color:#fff; background-color:#ff7c00; border:1px solid #ff7c00; 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:#ff7c00;/* 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:#ff7c00;/* use for arrow border */ }
#pointmsg_birthday_y { margin-left:-70px; }
#pointmsg_birthday_y .arrow { margin-left:70px; }