@charset "utf-8";
/* CSS Document */
body, div,ul, li{ color: #222; font: normal 16px Arial, Helvetica, sans-serif,Verdana; padding: 0; margin: 0; list-style: none; }
input, select, textarea { font-family:Arial,Helvetica,sans-serif; font-size:14px;}
.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; }
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;}

a:link,a:visited{ color:#2A4A87;  }
a:hover{ color:#3CB12C; text-decoration:underline;}
a img{ border:0;}
.girl_list ul li a:link,.girl_list ul li a:visited{text-decoration:none;}
input,select{ outline: none; }
body{background-color:#ffffff;}
a.alink:link,a.alink:visited{ color: #ff536b;}
a.alink:hover{color: #3CB12C;}
body{background: url(../images/bbg.jpg) repeat top center; width: 100%; height: auto;position: relative; overflow-x:hidden; }
.mask { position: fixed; top: 0%; left: 0%; background: #000000; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index:-1; }
.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; }

.header .logo{float:left; margin-left: 10px; padding-top: 20px;}
.header{width:100%;  height:90px; margin:0 auto;overflow:hidden; clear:both; z-index: 2;}
.header ul{padding:0; margin:0; list-style:none;}

.mid_word{color: #5acfff;  font-size: 34px; line-height: 2; width:100%; font-family:Arial;text-align: center; margin-top: 30px;}
.mid_word2{color: #b8b8b8;  font-size: 22px; line-height: 1.5; width:100%; font-family:Arial;text-align: center; line-height: 28px; }
.signword{text-align: center;}

.content{width:100%; height:auto; overflow:hidden; clear:both; margin: 0 auto;}
.content_c{width:100%; clear:both; border-radius: 8px;-moz-border-radius: 8px; clear: both; margin-top: 36px; text-align: center;}

.footer{ width:100%; height:30px; font-size:12px; line-height:30px;text-align:center; color:#2A4A87; clear:both; margin: 25px 0px; margin-top: 72px;}
.footer_c{width:100%; line-height:1.6; text-align:center; margin:0 auto; clear:both;color: #a7a7a7; font-size:12px;}
.cl{clear: both;}

.signin2{ padding-top:20px; margin-right: 10px; width: 430px; margin: 0 auto;height: auto; color: #ffffff; font-size: 14px; text-align: right;}
.signin{ padding-top:20px; margin-right: 10px; width: 430px; margin: 0 auto;height: auto; color: #ffffff;}
.signin .text{float:right;  font-size:14px; line-height:22px; margin-right:5px; color: #ffffff;}
.signin .button{float:right; width:auto; height:32px; text-align:center; color:#fff; font-size:14px; line-height:22px; cursor:pointer; color: #ff0303;}
.signin .button a:link,.signin .button a:visited{color:#5ACFFF;}
.signin .button a:hover{color: #3CB12C;}
.signin .button label{ cursor:pointer;}


.TabbedContent{padding:60px 30px 40px; color:#333; font:normal 14px; width:380px; margin:0 auto;  background-color: #f2fbff; border-radius:8px;-moz-border-radius:8px;  height: auto;}

.button_box{margin:0 auto; width:100%; clear:both;}
.button01{width:90%; height:41px;  margin:0 auto; cursor:pointer; color:#fff; text-align:center; border:0; overflow:hidden; font-weight:bold; font-size: 24px; line-height: 40px; background-color: #00a8ed; border-radius: 8px;}
.button01:hover{background-color: #1498d7;}

.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;}
.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;}



/* pop */
.black_overlay{position:fixed; top:0%; left: 0%; background:#c5c5c5;  opacity:0.8; filter:alpha(opacity=80); width: 100%; height: 100%;z-index:10; }

.girlpic{ width: 390px; height: 390px; float: left; margin-left: 30px;}
.text_tit{color: #2b2b2b;  font-size: 26px; width:500px; font-family:Arial; position: absolute; right: 0px;top:40px; text-align: center; height: 50px; margin-right: 25px; line-height: 50px;}
.text_tit span{color: #0078f2;font-weight: bold; display: inline;}
.input_desc{ color: #666666; padding-top: 3px;width: 268px; height: 18px; text-align: right;}


.mid_word span{color: #ff2f47;font-weight: bold; display: inline;}
.text_pd{padding:30px 0px;}
.mt_15{margin-top: 15px;}
.signin2{display: none;}
.m_girlpic{display: none;}
/*#country{ background: #ffffff;}*/


/* TabbedPanels */
/* .TabbedPanels { margin:0; padding:0; }
.TabbedPanelsTabGroup { margin:0 0 -18px; padding:0; height:36px; text-align:center; }
.TabbedPanelsTab { font-family:Verdana, Geneva, sans-serif; display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; -moz-user-select:none; -khtml-user-select:none; cursor:default; margin:0 2px; border-radius:40px; font-size:18px; color:#999; background:#fff; border:1px solid #ccc; }
.TabbedPanelsTabSelected { background:#e95265; color:#fff; }
.TabbedContent{ padding:40px 40px 30px; color:#333; font-size:14px; background-image:url(../images/regForm_border.png); background-position:center top; background-repeat:no-repeat;  background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    box-shadow: 0 4px 25px rgba(0,0,0,0.15); } */

/*facebook*/
.fb_box { margin-bottom:20px; padding:0; text-align:center; font-size:12px; color:#666; }
#login .fb_box { margin-bottom:0; }
.btn_fb{ width:225px; margin:0 auto 6px; text-indent:24px; background:#536daf url(../images/btn_fb_b01.jpg) no-repeat left; border-radius:4px; color:#fff; }
.btn_fb a { font-size:14px; display:block; height:35px; line-height:34px; text-decoration:none; text-align:center; color:#fff; }
.fb_or { font-size:12px; margin:14px 0; text-align:center; background:url(../images/fb_or.png) no-repeat center center; }

/* form */
.holded { color:#999; }
.input_holder { position:relative; }
.input_holder .holder { position:absolute; font-size:14px; padding-left:5px; line-height:36px; color:#999; width: 100%; cursor: text; text-align: left;}
/* #regForm { width:410px; margin:120px 0 0 10px; } */
.form-item { margin:10px 0; }
.form-label { font-size:14px; font-size:0.875rem; float:left; width:22%; padding-top:10px;text-align: left; }
.form-con { float:left; width:78%; }
#p1 .form-con{text-align: right;}
.input_test, .input-group { width:100%; height:38px;  line-height:36px; 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:14px; height:38px; }
.select-wrapper { width:100%; position:relative; overflow:hidden; z-index:0; height:36px;  box-sizing:border-box; background-color:#fff; border:1px solid #aaa; border-radius:4px; }
.select-wrapper:after { display:block; content:""; position:absolute; width:11px; height:6px; right:18px; top:40%; background:url(../images/down_arrow.png) no-repeat right center; }
.select-wrapper select { font-size:14px;  float:left; width:109%; text-indent:4px; height:38px; height:38px;/* inputbox height */ padding: 0 3px; border:none;line-height: 38px; }
.input-group .input_test, .input-group .select-wrapper { float:left; border:none; }
.input-group .select-wrapper { width:33%; height:34px; }
.input-group .select-wrapper select { width:130%; }
.input_desc { font-size:12px; line-height:1.8em; text-align:right; color:#888;width: 100%; }
.button_box { padding-top:14px; }
.submit-button { display:block; width:100%; text-decoration:none; height:44px; line-height:38px; font-size:28px; height:2.75rem; line-height:2.75rem; font-size:1.5rem; cursor:pointer; background-color:#00a8ed !important; border:none; color:#fff; border-radius:10px; transition:all 0.3s; -webkit-transition:all 0.3s; margin-top:0 !important;}
.submit-button:hover { background-color:#ff435b !important; color:#fff; }
/* for ie8 */
.ie.ie8 select { height:22px !important; }

/* 如果没有定义这个，有可能在加载时一瞬间显示弹层 */
.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:#e95265; border:1px solid #e95265; 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:#e95265;/* 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:#e95265;/* use for arrow border */ }
#pointmsg_birthday_y { margin-left:-70px; }
#pointmsg_birthday_y .arrow { margin-left:70px; }

.terms_privacy { display:none; color:#444; font-size:12px; text-align:center; padding-top:14px; line-height:1.4em;    max-width: 276px;margin: 0 auto; }


    @media only screen  and (max-width:531px) {
      .content{min-height: 90vh;}
    .mid_word {font-size: 30px;}
    }
    @media only screen  and (max-width:481px) {
    .mid_word {font-size: 28px;}
    }
    @media only screen  and (max-width:451px) {
    .mid_word {font-size: 24px;}
    .mid_word2 {font-size: 18px; line-height: 1.2;}
    }

    @media only screen  and (max-width:440px) {
    body{background: url(../images/bbg2.jpg) repeat top center; }
	.mid_word {font-size: 20px;line-height: 1.4; margin-top:25px; }
    .mid_word2 {font-size: 18px; line-height: 1.2;}
	.content_c { margin-top:25px; }
    .signword{width: 100%; padding: 0px 10px;  -webkit-box-sizing: border-box; box-sizing: border-box;}
    .signword img{width: 100%;}
    .TabbedContent{padding:50px 25px 20px; width: 100%;-webkit-box-sizing: border-box; box-sizing: border-box; }
    .signin{width: 100%;-webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px;}
    .signin2{width: 100%;-webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; font-size: 1rem;}
    .TabbedPanelsContentGroup{margin-top:-50px!important;}
    .form-lab{padding-top: 12px;font-size:13px;width: 24%;}
    .form-con{width: 76%;}

.TabbedPanelsContent{width: 100%!important;}
.TabbedPanels{margin-top: 2rem!important; margin:0 2.5%!important;max-width: 95%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.TabbedPanels{padding-top: 0px!important;}

 .text_tit { color: #2b2b2b; font-size: 1.4rem; width: 100%; font-family: Arial; position: absolute; text-align: center; height: auto; margin-right: 0; padding: 0rem 1rem; line-height: 2.2rem;top: 10rem; }
.TabbedPanels .TabbedPanelsTabGroup { margin: 0; padding: 0; height: 4rem; margin-right: 0;  text-align: center; }
.TabbedPanelsTab{background:none;background-color: #ff536b;}
.TabbedPanelsTab { background: none; border-radius: 5rem; background-color: #5f5f5f; width: 3rem; height: 3rem; font-size: 2rem; line-height: 3rem; }
.TabbedPanelsTabSelected { background: none; border-radius: 5rem; background-color: #0078f2; width: 4rem; height: 4rem; font-size: 3rem; line-height: 4rem; }


.footer{margin-top: 10px;}
#email{width: 100%;}

.header { height:auto; }
.header .logo { text-align:center; float:none; margin:0; padding-top:16px; }
.header .logo img { width:200px; }
.TabbedContent { width:auto; padding-bottom:30px; }
.TabbedContent table { width:270px; }
.TabbedContent td { display:block; font-size:16px; text-align:left; }

.signin2 { font-size:14px; padding-top:10px; }
.button_box { margin:6px auto 0; }
.button01 { width:100%; }
#pointmsg_birthday_y { margin-left:-100px; background-position:100px 100%; background-repeat:repeat-x; }
}
@media (max-width:640px) {
}

@media (max-width:480px) {
  .form-label{font-size: 14px;width:24%;}
  .form-con{width: 76%;}
}
@media (max-width:350px) {
  .form-label{display: block;float: none;width: 100%;padding:0px 0 8px 6px;}
  .form-con{display: block;float: none;width: 100%;}
  	.mid_word {font-size: 18px;line-height: 1.4; margin-top:25px; }
    .mid_word2 {font-size: 18px; line-height: 1.2;}
}