#mainHolder.v1{ font-family:'Raleway'; }
#mainHolder.v2{ font-family: 'Fredoka One', cursive; }

#mainHolder .v1{ display:block; }
#mainHolder .v2{ display:none; }

#mainHolder.v2 .v1{ display:none; }
#mainHolder.v2 .v2{ display:block; }

#mainHolder.v1 .memberInnerContent{ background:#107FC9; }
#mainHolder.v2 .memberInnerContent{ background:#25C7E6; }

#buttonUser{ position: absolute; right: 125%; }
#memberHolder{display: table; position: absolute; height: 150%; width: 100%; z-index: 15; top:0; }
.memberloader{ padding-top: 25%; }
.memberExtra{ width:100%; height:100%; position:absolute; margin:auto; text-align:center; color:#fff; }
.memberInnerContent{ position:relative; width:85%; height:90%; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; margin:auto; margin-top:2%; padding: 3%; }
.memberInnerContent .title{ padding:5% 0; }
.memberInnerContent .titleSignup{ padding:5% 0; }
.memberInnerContent .titleBundle{ padding:5% 0; }
.memberInnerContent .titleWelcome{ padding:8% 0 5%; }
.memberInnerContent .titleThankyou{ padding:18% 0 5%; }
.memberInnerContent .titleReset{ padding:12% 0 5%; }
.memberInnerContent .button{ width: 20%; margin: 2% auto; }
.memberInnerContent input{ padding:.5% 2%; margin: .5% 0 1%; text-align: center; }
.memberInnerContent .action{ position: relative; width: 100%; }
.memberInnerContent .twobutton{ display: inline-block; margin: 0 10px; }
.memberInnerContent .additional{ width: 80%; margin: 2% auto; border-top: 2px #fff solid; padding: 2% 0; }
.memberInnerContent .additional .button{ width: 23%; }
.memberInnerContent .errMsg{ color:#EB7208; }

.memberInnerContent .desktop{ display: block;}
.memberInnerContent .mobile{ display: none;}

.memberInnerContent .row{ width:65%; margin:1% auto;}
.memberInnerContent .column{ width:50%; float:left; text-align:left;}
.memberInnerContent .column input{ width:85%; text-align:left; margin: 2% 0; padding:2% 3%; }

.memberInnerContent .titleComplete{ padding:4% 0 2%; }
.completeInner { padding: 0%; }
.completeContent ul.completeList{ list-style:none; padding:0; margin:2% auto; width:90%; position:relative; height:62%;}
.completeContent ul.completeList li{ width: 100%; padding:.7% 2%; display: table; table-layout: fixed; width: 100%;}
.completeContent ul.completeList li .list{ display: table-cell; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.completeContent ul.completeList li:nth-child(odd) {	background:#32BBE0; }

.completeContent .left{ position:absolute; width:5%; bottom:9; left:9%; }
.completeContent .right{ position:absolute; width:5%; bottom:9%; right:9%; }
.completeContent .center{ width:17%; margin:auto;}

.messageWrapper{ position: absolute; width: 100%; height: 100%; top: 0; display:table;}
.messageCenter{ display:table-cell; vertical-align:middle; }
.membermessage{ width: 80%; margin: auto; }

.memberInnerContent a{ color:#fff; }

@media (max-width:900px) and (orientation:portrait){
	.memberloader{ padding-top: 65%; }
	.memberInnerContent{ margin-top:15%; height: 85%; width: 100%; }
	.memberInnerContent .title{ padding:20% 0 5%; }
	.memberInnerContent .titleSignup{ padding:5% 0 5%; }
	.memberInnerContent .titleBundle{  padding:5% 0 5%; }
	.memberInnerContent .titleWelcome{ padding:30% 0 5%; }
	.memberInnerContent .titleThankyou{ padding:50% 0 5%; }
	.memberInnerContent .titleReset{ padding:12% 0 5%; }
	.memberInnerContent .button{ width: 40%; margin: 5% auto; }
	.memberInnerContent .additional{ margin: 5% auto; padding: 5% 0; }
	.memberInnerContent .additional .button{ width: 50%; }
	.memberInnerContent input{ padding:2%; margin:2%; }

	.memberInnerContent .desktop{ display: none;}
	.memberInnerContent .mobile{ display: block;}
	.memberInnerContent .mobile .button{ width: 15%; }
	
	.memberInnerContent .row{ width:80%; margin:2% auto;}
	.memberInnerContent .column{ width:100%; float:none; text-align:left; }
	.memberInnerContent .column input{ width:95%; text-align:left; margin: 2% 0;}

	.memberInnerContent .titleComplete{ padding:8% 0; }
	.completeInner { padding: 0%; }
	.completeContent ul.completeList{ list-style:none; padding:0; margin:0 auto 5%; width:90%; height: 62%; position:relative;}
	.completeContent ul.completeList li{ padding:2% 2%;}
	
	.completeContent .left{ position:absolute; width:12%; bottom:7%; left:9%; }
	.completeContent .right{ position:absolute; width:12%; bottom:7%; right:9%; }
	.completeContent .center{ width:35%; margin:auto;}
}