@charset "utf-8";

/* CSS Document */
body, div, table, ul, li, tr, td { color: #222; font: normal 12px/18px Arial, Helvetica, sans-serif,Verdana; padding: 0; margin: 0; list-style: none; }
.clear { font: 0; padding: 0; margin: 0; clear: both; }
div, ul, ol, li, dl, dt, dd, a, img, from, p, h1, h2, h3, h4, h5, h6, span, input { margin: 0; padding: 0; border: 0px; }
body { min-height: 980px; }
a img { border: 0; }
a:link, a:visited { color: #00eb21; text-decoration: underline; }
a:hover { color: #00ff24; text-decoration: underline; }
.header { height: 100px; width: 980px; margin: 0 auto; text-align: right; }
.content { height: auto; width: 980px; margin: 0 auto; text-align: right; }
.footer { width: 100%;font: normal 12px/50px Verdana; color: #ddd; text-align: center; background: #fff; color: #2b2b2b; max-width: 1920px; margin: 0 auto;height: 30px;line-height: 30px;}
.reg_area {height: auto; }
/* .reg_top { background: url(../images/topword_2.png) no-repeat center top; width: 100%; height: 60px; clear: both; } */
.reg_mid { width: 100%; height: auto; clear: both; }
.reg_bot { width: 100%; height: 50px; text-align: center; background: url(../images/regline.png) no-repeat left top; bottom: -5px; clear: both; padding-top: 20px; margin-top: 10px; }
.site { color: #000; font-size: 12px; }
.reg_c { width: 380px; height: auto; padding: 10px 0; margin: 0 auto; clear: both; }
.adtext { background: url(../images/ad_text1.jpg) no-repeat center; width: 100%; height: 100px; overflow: hidden; clear: both; }

/* register */
.reg_box {height: auto;margin: 0 auto; clear: both; }
.reg_tab1 { width: 100%; height: auto; margin: 0 auto; clear: both; }
.reg_tab1 .text {
    height: 50px;
    font: normal 14px/18px Arial;
    color: #fff;
    text-align: left;
    font-weight: bold;
    line-height: 50px;
}
.reg_tab1 .tab { height: 50px; padding-top: 5px; text-align: left; vertical-align: top; }
.sc_sex { float: left; margin-left: 2px; margin-right: 8px; clear: both; }
.sc_sex td { text-align: center; width: 30px; }
.reg_tab2 { width: 100%; height: auto; clear: both; }
.reg_tab2 .lefttd { text-align: left; font: normal 14px/30px Arial; color: #fff; height: 30px; font-weight: bold; }
.reg_tab2 .righttd { text-align: left; font: normal 14px/30px Arial; color: #fff; height: 30px; }
.reg_tab2 .tipstd { text-align: left; font: 12px/14px Arial; color: #888; padding: 5px 0 5px 0; }
.reg_tab2 .tipstd .text { text-align: left; font: normal 12px/14px Arial; color: #fff; padding: 3px 0 0 0; }
.button_box { width: 277px; height: 50px; margin: 0 auto; margin-top: 5px; clear: both; }
.button_submit { background: url(../images/btn_signup.png) no-repeat top center; border: 0; width: 297px; height: 55px; cursor: pointer; outline: none }
.button_submit:hover { background-position: 0px -55px; }
.text_b1 { border: 1px solid #ccc; width: 220px; height: 25px; color: #888; font: normal 12px/25px Verdana; background: #fff; text-align: center; overflow: hidden; float: right; clear: both; }
.input1_b1 { float: left; width: 92px;*width: 94px; margin-left: 2px;*margin-left: 1px; }
.input1 { width: 80px; height: 20px; border: 0; padding: 0 2px; font: normal 12px/20px Verdana; color: #888; text-align: left; margin: 2px 0 0 0; }
.input_c_line { font: normal 12px/20px Verdana; color: #888; height: 20px; float: left; margin: 2px 2px 2px 4px; }
.input2_b1 { float: left; width: 79px; }
.input2 { width: 110px; height: 20px; border: 0; padding: 0 2px; font: normal 12px/20px Verdana; color: #888; text-align: left; margin: 2px 0 0 0; }
.input3_b1 { width: 220px; margin-left: 1px; }
.input3 { width: 168px; height: 20px; border: 0; padding: 0 2px; font: normal 12px/20px Verdana; color: #888; text-align: left; margin: 0 auto; margin-top: 2px; }
.select_b1 { width: 220px; height: 20px; *height: 16px; margin-left: 1px; margin-top: 2px; *margin-top: 2px; overflow: hidden; }
.select1 { width: 250px; height: 25px; border: 0; font: normal 12px/25px Verdana; height: 22px\9; line-height: 22px\9; *height: 20px; *line-height: 24px; color: #888; background: url(../images/icon_arrow.gif) no-repeat 196px 7px; text-align: left; margin: 0 auto; margin-top: -2px; margin-left: -2px; padding-left: 2px; }
.text_b2_1 { width: 76px; height: 25px; font: normal 12px/25px Verdana; color: #888; text-align: left; float: left;  margin-left: 0px;background: #fff; border: 1px solid #ccc; *margin-left: 0px; *width: 76px; overflow: hidden; }
.text_b2_2 { width: 65px; *width: 65px;height: 25px; font: normal 12px/25px Verdana; color: #888; text-align: left; float: left; margin-left: 3px; background: #fff; border: 1px solid #ccc;  overflow: hidden; }
.text_b2_3 { width: 68px;*width: 68px; height: 25px; font: normal 12px/25px Verdana; color: #888; text-align: left; float: left; margin-left: 3px; background: #fff; border: 1px solid #ccc; overflow: hidden; }
.select2_b1 { width: 63px; height: 20px; *height: 16px; margin-left: 1px; margin-top: 3px; *margin-top: 3px; overflow: hidden; }
.select2_b2 { width: 52px; height: 20px; *height: 16px; margin-left: 1px; margin-top: 3px; *margin-top: 3px; *margin-left: 2px; overflow: hidden; }
.select2_b3 { width: 53px; height: 20px; *height: 16px; margin-left: 1px; margin-top: 3px; *margin-top: 3px; overflow: hidden; }
.select2 { width: 80px; height: 25px; border: 0; font: normal 12px/25px Verdana; height: 22px\9; line-height: 22px\9; *height: 20px; *line-height: 25px; color: #888; padding-left: 2px; background: url(../images/icon_arrow.gif) no-repeat 42px 7px; text-align: left; margin: 0 auto; margin-top: -2px; margin-left: -2px; }
.select2_m { width: 88px; height: 25px; border: 0; font: normal 12px/25px Verdana; height: 22px\9; line-height: 22px\9; *height: 20px; *line-height: 25px; color: #888; padding-left: 2px; background: url(../images/icon_arrow.gif) no-repeat 54px 7px; text-align: left; margin: 0 auto; margin-top: -2px; margin-left: -2px; background: url(../images/icon_arrow.gif) no-repeat 48px 7px; }
.black_overlay { position: absolute; top: 0%; left: 0%; background: #c5c5c5; z-index: 10000000; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; position: fixed; }
html, body { width: 100%; height: 100%; }
.mybanner { width: 100%; min-width:1100px;  height: 950px; background: url(../images/bglady.jpg) no-repeat center top; }
.ladylist { width: 980px; height: 200px; display: block; background: url(../images/listbg.png) no-repeat center top; }
.ladylist ul { padding-left: 8px; width: 980px; height: 140px; display: block; position: relative; }
.ladylist li { float: left; width: 90px; height: 136px; border: 1px #fff solid; overflow: hidden; margin: 2px 2px; }
.ladylist li img { width: 90px; height: 136px; }
h3 { display: block; color: #fff; text-align: left; padding: 10px 0px 10px 10px; margin: 0; }
.content .top { margin-bottom: 30px; width: 100%; height: 530px; }
.content .top .left { width: 380px; height: 530px; background: url(../images/phobg.png) no-repeat; position: relative; margin-left: 55px; float: left; }
.tkWrap { position: absolute; overflow: hidden; left: 0px; top: 0px; }
#tklistt { width: 380px; height: 530px; overflow: hidden; display: block; }
.tkAD li { width: 380px; height: 530px; overflow: hidden; list-style: none; position: absolute; text-align: left; padding: 22px 0px 0px 22px; left: 0px; }
.header .mylogo { float: left; margin-top: 5px; }
.content .top .right { width: 400px; *width: 396px; margin-left: 80px; float: left; padding-top: 6px; *margin-left: 0px; }
.cr { clear: both; }
input {
  outline: none;
  float: left;
  line-height: 30px;
  height: 30px;
  text-indent: 5px;
  border: 0;
}
.ladylist .bigpic { width: 180px; height: 272px; border: 4px #fff solid; overflow: hidden; margin: 2px 2px; position: absolute; top: -65px; display: none;-webkit-box-shadow:0 0 10px #000;  
  -moz-box-shadow:0 0 10px #000;  
  box-shadow:0 0 10px #000;   }
.ladylist .bigpic img { width: 180px; height: 272px; z-index: 9999;}
.pop_content a { color: #336699; }
.pop_content a:hover { color: #a30000; }
.pop_content a:link, .pop_content a:visited { color: 336699; }
.uuu{width: 980px; height: 140px; display: block; position: relative; }


/*inc_reg*/
#TabbedPanels1{text-align: left;}
#TabbedPanels1 .form-label{
  color: #ffffff;    
  font-size: 18px;
  display: inline-block;
  width: 30%;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
#TabbedPanels1 .form-con{
  display: inline-block;
  width: 68%;
}
#TabbedPanels1 .birth{width: 68%;}
.select-wrapper select{width: 99%;}
.birth .select_m{
  float: left;
  width: 33%;
  border: 0;
  height: 30px;
  line-height: 30px;
}
.birth .select_d{
  float: left;
  width: 33%;
  border: 0;
  height: 30px;
  line-height: 30px;
}
.birth .select_y{
  float: left;
  width: 33.5%;
  border: 0;
  height: 30px;
  line-height: 30px;
}
.select_city{
  float: left;
  border: 0;
  height: 30px;
  line-height: 30px;
}
.email .input_test,.password .input_test{
  width: 99%;
}
.input_desc{color: #fff;text-align: right;padding-right: 10px;}
.form-item{margin: 3px 0;}

.reg_tab1 input{
  margin-left: 8px;
}
.header .mylogo img{max-width: 300px;padding-top: 20px;}
.tips {text-align: center;margin-top: 10px;}
.tips .text{ color: #ffffff;}

/* 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; }

#persistent{
    outline: none;
    float: none;
    line-height: initial;
    height: auto;
    text-indent: 5px;
    border: 0;
}


/* Responsive */
@media (max-width:1366px) {
  .mybanner{background: url(../images/bglady.jpg) no-repeat 85% top;padding-bottom: 0;}
  }
@media (max-width:768px) {
  .content .top .left{display: none;}
  .ladylist{display: none;}
  .mybanner{height: 100%;min-width:auto;padding-bottom:20px;background: url(../images/m_bg.jpg) repeat-y center top;}
  .content .top .right{margin-left: 0;float: none;width: auto;}
  .content .top{height: auto;margin-bottom: 0;}
  .header{width: auto;height: auto;}
  .content{width: auto;}
  .reg_c{width: auto;}
  .header .mylogo img{max-width: 250px;padding:5px 0 ;}
  .reg_top{text-align: center;}
  .reg_top img{max-width: 315px;}
  .reg_tab1{display: none;}
  #TabbedPanels1 .form-label{font-size: 14px;width: 25%;text-align: left;}
  .TabbedContent{text-align: center;}
  .birth .select_m,.birth .select_d,.birth .select_y,.select_city{text-indent: 5px;}
  body{min-height: auto;}
  .tips{margin:20px 10px 0 10px;}
  .footer span{display: none;}
  .site{color: #fff;padding-top: 10px;}
  .reg_bot{height: 30px;padding-top: 0;margin-top: 0;}
  .header .mylogo{    
    float: left;
    width: 100%;
    text-align: left;
    background: rgb(255, 255, 255,0.85);
    margin-bottom: 50px;
    margin-top: 0;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .mybanner{min-width: max-content;background: url(../images/bglady.jpg) no-repeat 85% top;padding-bottom: 0;}
  .content .top .right{width: 400px;    margin-left: 30px;}
}
@media (max-width:320px) {
  .tips{margin:20px 0 0 0px;}
  .header .mylogo{margin-bottom: 10px;}
}
@media (max-width:823px) and (orientation:landscape){
  .content .top .left{display: none;}
  .ladylist{display: none;}
  .mybanner{height: 150%;min-width:auto;padding-bottom:20px;background: url(../images/bglady.jpg) no-repeat right center;}
  .content .top .right{margin-left: 0;float: none;margin: 0 auto;width: 400px;}
  .content .top{height: auto;margin-bottom: 0;}
  .header{width: auto;height: auto;}
  .content{width: auto;}
  .reg_c{width: auto;}
  .header .mylogo img{max-width: 250px;padding:5px 0 ;}
  .reg_top{text-align: center;}
  .reg_top img{max-width: 315px;}
  .reg_tab1{display: none;}
  #TabbedPanels1 .form-label{font-size: 14px;width: 25%;text-align: left;}
  .TabbedContent{text-align: center;}
  .birth .select_m,.birth .select_d,.birth .select_y,.select_city{text-indent: 5px;}
  body{min-height: auto;}
  .tips{margin:20px 10px 0 10px;}
  .footer span{display: none;}
  .site{color: #fff;padding-top: 10px;}
  .reg_bot{height: 30px;padding-top: 0;margin-top: 0;}
  .header .mylogo{    
    float: left;
    width: 100%;
    text-align: left;
    background: rgb(255, 255, 255,0.85);
    margin-bottom: 50px;
    margin-top: 0;
  }
}
@media (max-width:568px) and (orientation:landscape) {
    .mybanner{height: 180%;}
}