h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
/* font-weight**/
body{background:#fff;}
.dsl{display:inline-block;}
.beta_banner{height:150px; background:url(https://imobie-resource.com/en/betatesters/img/betatesters_banner.jpg) #b1f5ff top center no-repeat; background-size:cover;}
.beta_sec1>p{line-height:2; width:92%; margin:20px auto 0; font-size:18px;}
.beta_sec1 h4{font-size:20px; font-weight:bold; margin-top:30px;}
.beta_sec1 div{display:inline-block; vertical-align:top; width:43%; margin-top:50px; padding-left:50px;}
.beta_sec1 .leftdiv{border-right:1px solid #efefef; padding:0 15px 0 30px;}
.beta_sec1 li{font-size:16px; color:#666; line-height:2; text-align:left; margin-top:10px; position:relative;}
.beta_sec1 li span{position:absolute; left:-28px; top:8px; width:16px; height:16px; font-size:14px; line-height:16px; text-align:center; border-radius:50%; border:1px solid #666;}
.beta_sec1 li b{font-weight:bold; font-size:inherit;}
.beta_sec2{max-width:980px; margin:55px auto; padding:55px 0; box-shadow:0 0 20px rgba(150,150,150,.15);}
.beta_sec2 h3{font-size:20px; line-height:2; width:90%; margin:auto;}
.beta_sec2 h3 b{font-weight:bold; font-size:inherit;}

.labelcon>div{margin-top:30px; position:relative;}
.labelcon div em{width:185px; text-align:right; display:inline-block; vertical-align:middle; margin-right:10px; font-size:18px;}
.labelcon .contact_content em{vertical-align:top; margin-top:10px;}
.labelcon .contact_content span{color:#999;}
.labelcon div input,.labelcon div select,.labelcon div textarea{width:450px; display:inline-block; vertical-align:middle; background-color:#fff; padding:15px; font-size:14px; color:#6d8393; border:none; border-radius:5px; font-family:inherit; border:1px solid #e3e3e3;}
.labelcon div input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,.labelcon div input::-moz-placeholder,textarea::-moz-placeholder{color:#6d8393;}
.labelcon div input:focus,.labelcon div select:focus,.labelcon div textarea:focus{outline: none; border: 1px solid #69b0e8; box-shadow: 0 0 10px rgba(105,176,232,0.5);}
.labelcon .gender div{display:inline-block; width:480px; text-align:left;}
.labelcon .gender input{width:auto;}
.labelcon .gender label{display:inline-block; vertical-align:middle; width:100px; font-size:16px; color:#6d8393;}
.contact_content textarea{resize:none;}
.labelcon div .name{width:205px;}
.firstname,#country,#state,.loading1,.loading2{margin-right:6px;}
.labelcon div select{width:480px;}
.labelcon .region select{width:155px;}
.labelcon .region select option,.labelcon .profession select option{background-color:#fff;}
.labelcon div .date{padding-left:45px; width:418px;}
.labelcon .age div:after{content:""; position:absolute; width:22px; height:22px; background:url(https://imobie-resource.com/en/betatesters/img/dateicon.png) no-repeat; background-size:cover; left:15px; top:15px;}
.err_requir,.err_mail{position:absolute; left:36%; bottom:-20px; color:red; display:none;}
.labelcon .err{border-color:red; background-color:#fff4f3;}
.region div{/*display:inline-block;*/display:none; text-align:left; background-color:#fff; border:1px solid #e3e3e3; border-radius:5px; padding:15px 19px; width:115px; height:21px; line-height:1.6; font-size:14px; color:#6d8393; vertical-align:middle; cursor:default; position:relative;}
.region div:after{content:""; position:absolute; right:6px; top:22px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:6px solid #6f7d86;}
.region div p{position:absolute; width:250px; height:50px; top:100%; left:0; text-align:center; z-index:1; background-color:#fff; border:1px solid #42b0ff; display:none;}
.region div img{width:50px;}
.region .unfold{border:1px solid #42b0ff; padding:14px 19px; width:115px; height:22px; box-shadow:0 0 10px rgba(105,176,232,0.5);}
.region .unfold p{display:block;}
.region .unfold:after{right:6px; top:21px;}
.labelcon .label_submit{display:block; width:317px; height:53px; text-align:center; font-size:20px; line-height:54px; color:#fff; background-color:#42b0ff; border-radius:5px; margin:30px auto 5px 348px; text-decoration:none;}
.submit_err{color:red; font-size:14px;}

.next{ width:100%; height:auto; margin:auto; position:fixed; padding-bottom:30px; width:100%; bottom:0; text-align:center; }
.next img{width:100%; bottom:0; left:0;}
.next2{ margin-top:-10px;}
.next p{animation:next 2s 0.5s linear alternate infinite forwards; -webkit-animation:next 2s 0.5s linear alternate infinite forwards; -moz-animation:next 2s 0.5s linear alternate infinite forwards;}
.next span{ width:2px; height:20px; display: inline-block; background:-webkit-linear-gradient(bottom,#1e63fe,#37c2ff); background-color:#42b0ff;}
.nextline1{ transform:rotate(-52deg); -webkit-transform:rotate(-52deg); -moz-transform:rotate(-52deg);}
.nextline2{ transform:rotate(47deg) translate(8px,-9px); -webkit-transform:rotate(47deg) translate(8px,-9px); -moz-transform:rotate(47deg) translate(8px,-9px);}
@keyframes next{
	0%{ transform: translateY(0); opacity:1;}
	50%{ transform:translateY(10px); opacity:0.5;}
	100%{transform:translateY(0); opacity:1;}
}

.successpopbg{position:fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:8;}
.successpop{width:980px; height:650px; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; background-color:#fff; z-index:9; border-radius:25px; animation:popshow .39s ease-in-out;}
.successpop h5{width:90%; max-width:760px; margin:50px auto; line-height:1.8;} 
.successpop p{display:block; margin:auto; font-size:26px; line-height:40px; color:#999; }

@keyframes popshow{
	from{opacity:.1; transform:scale(.98)}
	to{opacity:1; transform:scale(1)}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
.beta_banner{background:url(https://imobie-resource.com/en/betatesters/img/betatesters_banner@2x.jpg) #b1f5ff top center no-repeat; background-size:cover;}
}

@media screen and (max-width: 980px){
.labelcon .label_submit{margin:20px auto 5px;}
.successpop{width:96%;}
}
@media screen and (max-width: 750px){
	.beta_banner{background:#b1f5ff; height:auto;}
	.beta_banner img{display:block; width:100%; max-width:750px;}
	.beta_sec1 div,.beta_sec1 .leftdiv{width:90%; max-width:700px; border:none; padding-left:40px;}
	.labelcon div em{display:block; text-align:left;margin-left:10%; width:auto;}
	.labelcon div input, .labelcon div textarea,.labelcon .gender div,.labelcon div .name{width:75%; max-width:500px; margin-top:15px;}
	.labelcon div select,.labelcon .region select,.labelcon .age div{width:83.5%; max-width:500px; margin-top:15px;}
	.region div,.region .unfold{width:72%; max-width:460px; margin-top:15px;}
	.firstname, #country, #state, .loading1, .loading2{margin-right:0;}
	.labelcon div .date{width:80%;}
	.labelcon .age div:after{top:30px;}
	.labelcon .gender input{margin-top:auto;}
	.err_requir, .err_mail{left:10%; text-align:left;}
	.err_mail{bottom:-30px;}
	.successpop{height:auto; top:50%; bottom:auto; transform:translateY(-50%); padding-bottom:30px;}
	.successpop>img{width:80px; margin-top:30px;}
	.successpop h5{font-size:24px; margin:20px auto;}
	.successpop p{font-size:18px;}
}
@media screen and (max-width: 568px){
	.beta_sec2{box-shadow:none; border-top:1px solid #eee; margin:30px auto; padding:30px 0;}
	.beta_sec2 h3{font-size:18px;}
	.beta_sec1 div,.beta_sec1 .leftdiv{width:auto; padding:0;}
	.beta_sec1 div ul{padding-left:10%; padding-right:15px;}
	.beta_sec1 li span{left:-23px;}
	.beta_sec1 h2{padding:0 13px; font-size:24px;}
	.next{display:block;}
}