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

body{ 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:#90eff4;}
a:hover{ text-decoration:underline; color:#ffeb10;}
select,input{outline: none;}
/*.body1{background:url(../images/mbg.jpg) no-repeat center top;}*/
.body1 {
    background-color: #ffffff;
    background: url(../images/bbg.jpg) repeat center top;
}
/*去除手机端按钮默认样式*/
/* 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; }

.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:#ffffff; height:auto; min-height:605px; clear:both; padding-top: 15px;}
.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 left 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; border-radius: 8px;
    -moz-border-radius: 8px;}
.slide-pic img { width: 410px; height: 585px;display: block; }
.slide-pic li{display: none;}


/*  register  */
.reg_area{ width:410px; height:585px; overflow:hidden; float:left; margin-top:10px;border-radius: 8px; -moz-border-radius: 8px;position: relative;}

.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%;background: #004548; z-index: 1; border-radius: 6px; }
.signin { z-index: 10; position: relative; text-align: center;line-height: 34px; color: #00989d;}
.signin .text { display: inline-block; }
.signin .button { display: inline-block; }
.text_tit { color: #2b2b2b; font-size: 26px; width: 100%; font-family: Arial; text-align: center; line-height: 50px; padding-top: 20px; z-index: 2;position: relative;padding: 50px 0px; }


.c_left_td { width: 350px; text-align: left; }

.button_box { clear: both; padding-top: 30px; }
.button_box2 { clear: both;  padding-top: 30px;}
.button01 { width: 268px; height: 41px; /*background: url(../images/btn_bg1.png) no-repeat center;*/  margin: 0 auto; cursor: pointer; color: #fff; text-align: center; border: 0; overflow: hidden; font-weight: bold; font-size: 24px; line-height: 40px; border-radius: 6px; background: #00bb6e;}
.button01:hover { opacity: 0.9; filter: alpha(opacity=90); }
.text_box { border-radius: 8px; -moz-border-radius: 8px; background: url(../images/input_bg.png) no-repeat; width: 268px; height: 38px; overflow: hidden; }
.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: 8px; -moz-border-radius: 8px; background: url(../images/input_bg.png) no-repeat; }
.text2_box input { *padding-left: 10px; }
.input_c_line { float: left; padding: 0px 5px 0px 0px; font-size: 14px; line-height: 32px; height: 32px; color: #999; }
.input_box2 { overflow: hidden; *height: 18px; margin-top: 4px; *margin-top: 10px; text-align: left; }
.text_b1 { padding-left: 10px; height: 38px; }
.mask {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.TabbedContent table{width: 190px;}
.input_desc{text-align: right; padding-right: 0px;}
/*form*/
.TabbedContent{
    text-align: center;
}
#TabbedPanels1 .form-label{
    padding: 0px 0px;
    font-weight: bold;
    width: 268px;
    text-align: left;
    padding-right: 0px;
    color: #ffffff;
    display: block;
    line-height: 28px;
    clear: both;
    margin: 0 auto;
}
#TabbedPanels1 .input-group { 
    font-size: 14px; 
    border: 0; 
    height: 38px; 
    line-height: 38px;
    width: 280px; 
    border-radius: 5px;
    background: url(../images/icon_arrow.png) no-repeat 95% center; 
    background-color: #ffffff; 
    text-indent: 10px;
    margin: 0 auto;
    text-align: left;
}
#TabbedPanels1 .select1{
    width: 95%;
    background-color: transparent;
}
.TabbedPanelsTabGroup{
    height: 75px;
}
#first_name,#last_name,#email,#passwd1{
    border: 0;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
}
#email,#passwd1{
    width: 95%;
    background: transparent;
}
#p3 .select-wrapper{
    display: inline-block;
    width: 30%;
}
#p3 .input-group{
    background: #fff;
    text-indent: 7px;
}
.select_m,.select_d{
    width: 100%;
    height: 38px;
    line-height: 38px;
    vertical-align: top;
    background: url(../images/icon_arrow.png)no-repeat 90% center;
}
#p3 .city .select-wrapper{
    font-size: 14px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 280px;
    border-radius: 5px;
    background: url(../images/icon_arrow.png) no-repeat 95% center;
    background-color: #ffffff;
    text-indent: 10px;
    margin: 0 auto;
    text-align: left;
}
#country{
    background: transparent;
}
#p4 .input-group{
    background: #ffffff;
 }
 #p4 .form-item{
    padding-bottom: 15px;
 }
.c_tpword{
    color: #00989d;
    padding-top: 10px;
}
.input_desc {
    text-align: right;
    padding-right: 2px;
    color: #00989d;
    font-size: 12px;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
 }
/*form end*/

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