.clearFix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.sp-container { min-width:966px; overflow:hidden; margin:0 auto; }
.sp-container .w960 { display:block; width:960px; margin:0 auto; position:relative; }
.sp-header, .sp-header .sp-wrapper { position:relative;height:0px; background:none; overflow:visible; z-index:2; }
.sp-header .logo { position:absolute; width:105px; height:40px; overflow:hidden; left:0px; top:30px; z-index:2; background:url(https://static.tp-link.com/res/style/images/tp-link_logo-new.png) no-repeat; }
.sp-body { font-size:16px; color:#323232; text-align:left; background:url(betatest.jpg) 50% 100% no-repeat;background-size:120em;height:60em;}
h2 { font-size:2em; color:#4acbd6;margin-bottom:1em;}
h3 { color:#29ABE2; font-size:24px;}
p, li { line-height:1.5em;margin-bottom:0.5em;}
.red { border:1px solid red;}
.a {padding-top:8em;}
.a .desc { width:679px; margin-top:40px;}
.a .text1 { width:670px;}
.a .title { margin-top:30px; font-size:20px; color:#29ABE2;}
.a li { margin-top:13px; width:100%;}
.a li dt { color:#29ABE2; font-weight:bold;}
.a .regedit { margin-top:50px; font-weight:bold;}
.a .regedit a { text-decoration:underline;color:#333;}
.b { height:800px; padding-top:5.5em; display:none;font-size:15px; }
.b .content { box-sizing:border-box;height:800px; padding:20px 0 0 50px;background:rgba(0,0,0,.8);}
.b .desc_2 { margin:30px 0; color:#29ABE2; font-size:20px;}
.b .fieldItem .note { font-size:12px; font-style:italic; color:#E6E6E6;}
.b .fieldsetBox { padding:1em 0 0 0;}
.b .fieldsetBox img { position:absolute; bottom:20px; left:50px;}
.b .w .text { width:300px; padding:3px 0;}
.b .z .text { width:400px; padding:3px 0;}
.b .name { float:left;}
.b .name.last { margin-left:40px;}
.b label { display:block; color:#fff;}
.b .fieldItem p { color:#fff;}
.b .fieldItem { margin-bottom:1em;}
.b .clear { clear:both; height:0; visibility:hidden;}
.b .fieldItem .empty { display:none; color:red; margin:5px 0 -5px 0; clear:left;}
.b .data .empty { margin-top:36px;}
.b div.fieldItem label { color:#E6E6E6;}
.b div.Sex label { display:inline-block;}
.b .Experience label { float:left; width:400px;}
.b .fieldItem .radio { position:relative; top:5px; width:17px; height:17px; margin:0px 5px 0 0; padding:0px;}
.b .fieldItem .cbox { position:relative; top:2px;}
.b .Experience .radio { margin-left:10px;}
.b .Experience .fieldItem { margin-bottom:0px;}
.b .fieldItem .radio_last { margin-left:30px;}
.b .fieldItem select { width:80px; padding:4px 0;}
.b .fieldItem #Interest { width:580px;}
.b #accept { position:relative; top:4px; left:-3px; width:16px; height:16px;}
.b .terms, .b .terms a { font-size:14px; color:#E6E6E6;}
.b .underline { text-decoration:underline;}
.b .comment { margin-left:10px; color:red;}
.b .Services { width:535px;}
.b .time { float:left; width:40px; margin-left:12px; padding:4px 0;}
.b .year { width:70px;}
.b .day { margin:0;}
.b .number { position:absolute; left:464px; top:36px; color:#29ABE2;}
.b .number span { margin-left:27px;}
.b .other { margin-left:22px; }
.b .otherLabel { display:inline-block;}
.button { position:absolute; bottom:-28px; right:0px; width:98px; height:29px; background:rgba(0,0,0,.8); color:#29ABE2; border:none; cursor:pointer; outline:none;}
.b .back { right:110px;}
.c { position:relative; top:360px; }
.c .content { padding: 0 30px 50px 50px; color:#fff;background:rgba(0,0,0,.8);}
.c h3 { padding:50px 0;}
.c p { margin-bottom:20px;}
.c .p1 { width:900px;}
.c .button { top:410px;}
.c, .progress1, .progress2, .progress3, .progress4 { display:none;}
#termsBox a { color:#fff !important;}
@media screen and (max-width:736px){
  .sp-container,.sp-container .w960  {width:auto;min-width:auto;}
  .sp-body{height:auto;padding-bottom: 50px;}
  .a .w960  {padding:0 6%}
  .b {height:auto;}
  .b .content{height:auto;padding:20px 6% 45px;}
  .b .fieldsetBox img{bottom:15px;left:6%;}
  .b .w .text,.b .z .text,.b .Experience label,.b .Services,.b .fieldItem #Interest  { width:100%;}
  .b .name.last,.b .other { margin-left:0;}
  .c{top:90px;}
  .c .content{padding:0 6% 50px;}
  .c h3{padding: 25px 0;}
  .b .progress1 img{width: 35%}
  .b .progress2 img{width: 55%}
  .b .progress3 img{width: 78%}
  .b .progress4 img{width: 100%}
}