#main{
	height: 100%;
    width: 100%;
    position: relative;
    display: block;
}
.page[data-page-name="login"] > div {
	padding: 0 30px;
}
.page[data-page-name="login"] .page-container {
	position: relative;
    min-height: 100%;
}
.page[data-page-name="login"] .page-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: -30px;
	right: -30px;
	bottom: 0;
	background: url(../img/1/bg.png) no-repeat top/cover;
}
.page[data-page-name="login"] .page-container > * {
	position: relative;
    box-sizing: border-box;
    padding: 0 60px;
}
.page[data-page-name="login"] .logo {
	text-align: center;
    padding-top: 374px;
}
.page[data-page-name="login"] .logo img {
	/* width: 135px; */
    height: auto;
}
.page[data-page-name="login"] .title {
	color: #fff;
    font-size: 68px;
    font-weight: bold;
    padding-top: 250px;
    padding-bottom: 56px;
    letter-spacing: 0.5px;
    line-height: 96px;
    text-align: center;
}
.page[data-page-name="login"] form .row {
	margin-top: 65px;
}
.page[data-page-name="login"] form .row .label {
	color: #fff;
	font-weight: bold;
	font-size: 56px;
    letter-spacing: 1px;
	/* margin-bottom: 87px; */
	margin-bottom: 43px;
}
.page[data-page-name="login"] form .row input {
	width: 100%;
	font-size: 56px;
	color: #fff;
	background: none;
	outline: 0;
	border: none;
	border-bottom: 2px solid #fff;
	padding: 0;
	/* padding-bottom: 8px; */
    padding-top: 21px;
    padding-bottom: 22px;
}
.page[data-page-name="login"] form .forgot-pwd {
	text-decoration: underline;
	color: #143463;
	font-size: 36px;
    margin-top: 36px;
    display: inline-block;
}
.page[data-page-name="login"] form button {
	background: #143463;
	color: #9bddff;
	font-weight: bold;
	display: block;
    margin-top: 75px;
	border-radius: 100px;
    width: 100%;
    height: 180px;
    border: none;
	padding: 0;
    font-size: 54px;
}
.page[data-page-name="login"] form .ps {
	color: #fff;
    font-size: 36px;
    padding: 91px 0 101px;
}
.page[data-page-name="login"] form .ps a {
	color: #143463;
	text-decoration: underline;
    font-size: 36px;
}


.page[data-page-name="reset-pwd"] {
	background: #143463;
}
.page[data-page-name="reset-pwd"] > div {
	padding: 0 30px;
}
.page[data-page-name="reset-pwd"] .close {
	display: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f8863b url(../image/close-icon.svg) no-repeat center/16px;
	margin: 26px 20px 26px auto;
}
.page[data-page-name="reset-pwd"] .page-container {
	background: #fff;
	border-radius: 90px;
	padding: 23px 60px 73px;
	margin-bottom: 90px;
	position: relative;
	box-sizing: border-box;
	/* height: calc(100% - 94px); */
	height: calc(100% - 270px);
	text-align: center;
	overflow: auto;
}
.page[data-page-name="reset-pwd"] h2 {
	margin: 0;
	font-size: 86px;
	letter-spacing: 0.5px;
    margin-top: 55px;
	margin-bottom: 111px;
}
.page[data-page-name="reset-pwd"] form .text {
    font-size: 40px;
    letter-spacing: 0.2px;
	margin-bottom: 78px;
}
.page[data-page-name="reset-pwd"] form .label {
	font-size: 57px;
	margin-bottom: 77px;
	text-align: left;
}
.page[data-page-name="reset-pwd"] form .row input {
	width: 100%;
	font-size: 51px;
	background: none;
	outline: 0;
	border: none;
	border-bottom: 1px solid #000;
	opacity: 0.7;
	padding: 0;
	padding-bottom: 27px;
	text-align: left;
}
.page[data-page-name="reset-pwd"] form .error-msg1,
.page[data-page-name="reset-pwd"] form .error-msg2 {
	display: none;
    font-size: 40px;
	letter-spacing: 0.2px;
}
.page[data-page-name="reset-pwd"] form .error-msg1 {
	color: #e60012;
    margin-top: 69px;
}
.page[data-page-name="reset-pwd"] form .error-msg2 {
       margin-top: 85px;
    line-height: 67px;
}
.page[data-page-name="reset-pwd"] form .error-msg2 a {
	color: #143463;
	font-size:40px;
}
.page[data-page-name="reset-pwd"] form button,
.page[data-page-name="reset-pwd"] form .retry {
       position: fixed;
    width: 90%;
    margin-left: 39px;
    bottom: 50px;
    left: 20px;
    right: 20px;
    color: #fff;
    border-radius: 100px;
    border: none;
    padding: 0;
    line-height: 160px;
    font-size: 52px;
    font-size: 62px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.6);
}
.page[data-page-name="reset-pwd"] form button {
	background: #9d9d9d;
}
.page[data-page-name="reset-pwd"] form .retry {
	display: none;
	background: #f8863b;
}
.page[data-page-name="reset-pwd"] form.error .error-msg1,
.page[data-page-name="reset-pwd"] form.error .error-msg2,
.page[data-page-name="reset-pwd"] form.error .retry {
	display: block;
}
.page[data-page-name="reset-pwd"] form.error button {
	display: none;
}
.page[data-page-name="reset-pwd"] .success-msg {
	display: none;
	font-size: 13px;
	letter-spacing: 0.2px;
	line-height: 24px;
}
.page[data-page-name="reset-pwd"].success form,
.page[data-page-name="reset-pwd"].success .back {
	display: none;
}
.page[data-page-name="reset-pwd"].success .success-msg,
.page[data-page-name="reset-pwd"].success .close {
	display: block;
}