@charset "utf-8";
/* CSS Document */

body{ font:normal 12px/18px Verdaa;margin:0; padding:0; text-align:left;}
a img{ border:0;}
a:link,a:visited{ text-decoration:underline; color:#336699;}
a:hover{ text-decoration:underline; color:#c30000;}
select,input{outline: 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; }

.body1{background:url(../images/mbg.jpg) no-repeat center top;}

.hidden{display: none;}
.show{display: block !important;}

.content{width:935px; height:auto; margin:0 auto; margin-top:20px; clear:both;}

.c_box1_top{width:100%; height:25px; background:url(../images/cbg1_top.png) no-repeat left bottom; clear:both;}
.c_box1_mid{width:100%; height:auto; background:url(../images/cbg1_mid.png) repeat-y left top; text-align:left; vertical-align:top; min-height:780px; clear:both;}
.c_box1_bot{width:100%; height:25px; background:url(../images/cbg1_bot.png) no-repeat left top; clear:both;}

.c_area1{width:90%; height:75px; padding:10px 0; margin:0 auto; clear:both;}
.c_area1 .logo{float:left;}
.c_area1 .ad_text{float:right;}

.c_box2{width:875px; height:auto; padding:0; margin:12px auto auto auto; clear:both;}
.c_box2_top{width:100%; background:url(../images/cbg2_top.png) no-repeat left top; height:10px; clear:both;}
.c_box2_mid{width:100%; background:url(../images/cbg2_mid.png) repeat-y left top; height:auto; min-height:625px; clear:both;}
.c_box2_mid .ad_text{width:96%; height:auto; font:normal 14px/20px Verdana; color:#fff; text-align:right; padding:0; margin:0 auto; clear:both;}
.c_box2_bot{width:100%; background:url(../images/cbg2_bot.png) no-repeat 30px top; height:10px; clear:both;}

.c_area2{ width:96%; height:auto; padding:0; margin:0 auto; clear:both;}

.c_bot{width:100%; height:auto; font:normal 12px/20px Verdana; color:#ccc; text-align:center; margin-top:8px; clear:both;}

.ladies_area{width:410px; height:585px; overflow:hidden; float:right; margin-top:10px;}

/* ladies scroll  */
.slides { margin: 0px auto; width: 410px; height: 585px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 410px; overflow: hidden; list-style: none; }
.slide-pic img { width: 410px; height: 585px; }



/*  register  */
.reg_area {
    background: url(../images/reg_bg.png) no-repeat left top;
    width: 410px;
    height: 585px;
    overflow: hidden;
    float: left;
    margin-top: 10px;
}
.signin2{
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
.signin .button {
    text-align: center;
    padding-top: 10px;
}
.signin .button .text{
    display: inline-block;
}
.TabbedPanels{
    padding-top: 120px;
}
.mlogin{
    text-align: center;
}
.terms_privacy{text-align: center;}
.mask {display: none;}
/* form */
#regForm { width:100%; margin:0 auto; }
.form-item { margin:10px 0; }
.form-label { font-size:14px; float:left; width:22%; padding-top:10px;text-align: left; display: inline-block;line-height: 48px;}
.form-con { float:right; width:78%; }
#p3 .form-con{width: 70%;}
.input_test, .input-group { width:100%; height:48px; height:3rem; line-height:2.75rem; line-height:3rem; box-sizing:border-box; background-color:#fff; border:1px solid #aaa; border-radius:4px; text-indent: 4px;}
.input-group .input_test { font-size:14px; font-size:1rem; height:48px; height:2.75rem; }
.select-wrapper { width:100%; position:relative; overflow:hidden; z-index:0; height:48px; height:3rem; box-sizing:border-box; background-color:#fff; border:1px solid #aaa; border-radius:4px; }
.select-wrapper:after { display:block; content:""; position:absolute; width:10px; height:5px; right:4px; top:48%; background:url(../images/icon_arrow.png) no-repeat right center; }
.select-wrapper select { font-size:16px; font-size:1rem; float:left; width:109%; margin-top:3px; text-indent:4px; height:30px; height:2.5rem; padding:3px; border:none; }
.input-group .input_test, .input-group .select-wrapper { float:left; border:none; }
.input-group .select-wrapper { width:33%; height:56px; height:2.75rem; }
.input-group .select-wrapper select { width:130%; }
.input_desc { font-size:14px; font-size: 0.875rem; line-height:1.25em; text-align:right; color:#888; }
.button_box { padding:24px 0; }
.submit-button { display:block;margin: 0 auto; width:100%; text-decoration:none; height:56px; line-height:56px;font-size:2rem;font-weight: 600; cursor:pointer; background-color:#006dbd !important; border:none; color:#fff; border-radius:6px; transition:all 0.3s; -webkit-transition:all 0.3s; margin-top:0 !important;  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);}
.submit-button:hover { background-color:#43aaf2 !important; color:#fff; }
.holded { color:#aaa; }
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size:16px; font-size: 1rem; padding-left:5px; line-height:3;line-height: 3rem; color:#999; }
.gender_select { padding-top:6px; }
.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 #43aaf2 solid; }
#male.active .icon { background:#43aaf2; }
#female .icon { border:2px #ff4f75 solid; }
#female.active .icon { background:#ff4f75; }
.gender_box span {display:inline-block; vertical-align:top; line-height:22px; padding-left:8px; }
.TabbedPanelsContentGroup{
    margin-top: 20px;
}
.TabbedPanelsContent{
    width: 90%;
    margin: 0 auto;
}
.TabbedPanelsTab{
    margin: 0 10px;
}

/* 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:767px){
    #login{margin-top: 5rem;}
    .body1{background: url(../images/m_bg.jpg) no-repeat center top;}
    .content{width: auto;margin-top: 0px;}
    .ad_text,.c_box2_mid .ad_text,.ladies_area{display: none;}
    .c_box1_mid,.c_box1_top{background: none;}
    .c_area1{padding: 0px;}
    .c_box2_top,.c_box2_bot,.c_box2_mid{background: none;}
    .c_box2{width: auto;    margin: 0;}
    .reg_area{width: 100%;height: auto;background: url(../images/reg_bg.png) no-repeat center top;border-radius: 10px;float: none;}
    #regForm{padding-bottom: 30px;}
    .c_box1_mid,.c_box2_mid{min-height: auto;}
    .c_bot{bottom: 0;position: fixed;}
    .c_box2_top{height: 0px;}
    .c_box1_top{height: 5px;}
    .mask {display:block; position: fixed;top: 0%;left: 0%;background: #000000;opacity: 0.55;filter: alpha(opacity=55);width: 100%;height: 100%;z-index: -1;}
}
@media (min-width:480px) and (max-width:810px) and (orientation:landscape) {
    .reg_area{min-height: 625px;border-radius: 0px;}
    .body1{background-size: cover;}
    .ladies_area{display: block;width: 50%;height: 625px;}
    .c_box2_mid{min-height: 625px;}
    #regForm{width: 50%;}
    .ladies_area{display: none;}
    /* .TabbedPanelsContent{width: 50% !important;} */
}