/*
* login page
*/
#site-main {
  /*
* login banner
*/ }
  #site-main .myp-logo {
    width: 45%;
    max-width: 170px; }
  #site-main .login-banner-container {
    width: 100%; }
  #site-main .login-banner-container__inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 53.71094%; }
  #site-main .login-banner__inner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 600px;
    margin: 0 auto; }
  #site-main .login-banner {
    position: absolute;
    top: 0;
    width: 100%; }
    #site-main .login-banner.login-banner--hover .login-banner-overlay {
      left: 0;
      opacity: 1; }
  #site-main .login-banner__url {
    display: block;
    width: 100%; }
  #site-main .login-banner__img {
    display: block;
    width: 100%; }
  #site-main .login-banner-overlay {
    position: absolute;
    top: 0;
    left: -9999px;
    display: block;
    width: 100%;
    height: 100%;
    color: white;
    text-align: center;
    background-color: rgba(92, 184, 178, 0.9);
    opacity: 0;
    -webkit-transition: 300ms opacity ease-in-out;
    transition: 300ms opacity ease-in-out; }
  #site-main .login-banner-overlay__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding: 0 0.8125rem;
    margin: 0 auto; }
  #site-main .login-banner-overlay__title {
    font-size: 1.1rem;
    line-height: 1.2;
    margin-bottom: 0.8125rem; }
  #site-main .login-banner-overlay__content {
    font-size: 0.9rem;
    line-height: 1.2;
    margin-bottom: 0.8125rem; }
  #site-main .login-banner .login-banner-overlay__button .btn {
    height: 1.9rem;
    line-height: 1.9rem;
    padding: 0 3.5em; }
  @media (min-width: 768px) {
    #site-main .login-banner-container {
      max-width: 728px !important; }
    #site-main .login-banner-container__inner {
      padding-top: 146px; }
    #site-main .login-banner-overlay__main {
      max-width: 600px; }
    #site-main .login-banner-overlay__title {
      font-size: 1.1rem;
      line-height: 1.1;
      margin-bottom: 0.8125rem; }
    #site-main .login-banner-overlay__content {
      font-size: 0.9rem;
      line-height: 1.1;
      margin-bottom: 0.8125rem; }
    #site-main .login-banner .login-banner-overlay__button .btn {
      height: 2.1375rem;
      line-height: 2.1375rem;
      padding: 0 4em; } }

#site-main .login-banner:hover .login-banner-overlay {
  left: 0;
  opacity: 1; }

.hover-text-red:hover {
  color: #ed1b2e !important; }

.parsley-errors-list {
  color: #ed1b2e; }

.container-fluid .errorMsg { 
	background-color: #FCDDE2; 
	margin-bottom: 0;  
	background-position: 13px 15px; 
	padding: 13px 13px 13px 13px; 
	border-radius: 4px; 
	text-align: center; 
	margin-bottom: 1rem;}

.errorMsg .errorMsg-icon {     display: block;
    float: left; }
.errorMsg .errorMsg-text { display: block;
    padding-left: 25px;
    width: auto;
    text-align: left;}

/*
* remove all .msgbox css from myp-base.css before apply following msgbox css
*/
/*
* message box
*/
.msgbox_background{background-color: #e8e7e7;}

.msgbox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.msgbox_outer{
	display:flex !important;
	justify-content:center;
	position: relative;
}
.msgbox p:last-child {
    margin-bottom: 0; 
} 
.msgbox.msgbox--info {
    color: #3F454F;
}
.msgbox .finfo-icon {
    color: #3F454F;
}
.msgbox__content p:after { 
	content: "";
    pointer-events: none;
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    right: 0;
	border-radius: 0.5rem;
    -webkit-box-shadow: inset -60x 0 51px 0 #e8e7e7;
    -moz-box-shadow: inset -60px 0 51px 0 #e8e7e7;
    box-shadow: inset -60px 0 51px 0 #e8e7e7;
}

.msgbox__content .msgbox__text p{white-space: nowrap;}
.msgbox__content.active .msgbox__text p{white-space: normal;}
.non-touchable .msgbox:hover .msgbox__text p {white-space: normal;}	
.msgbox__content.active p:after {width: 0px;} 
.non-touchable .msgbox:hover .msgbox__text  p:after {width: 0px;}

/*line break <br/> handling*/
.msgbox:hover.msgbox--inited  {max-width: 1140px !important;}

.msgbox--inited .msgbox__content .msgbox__text p br{display: none;}
.msgbox__content.active .msgbox__text p br {display: block;}
.non-touchable .msgbox:hover.msgbox--inited .msgbox__text p br {display: block;}

.msgbox--inited .msgbox__content .msgbox__text p li{display:inline; }
.msgbox--inited .msgbox__content .msgbox__text p li:before{content:'\2022'; margin-right:1em; }
.msgbox__content.active .msgbox__text p li {display: block;}
.non-touchable .msgbox:hover.msgbox--inited .msgbox__text p li {display: block;}

.msgbox	.msgbox__content{
	overflow: hidden;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;	
}

/*for small device width < 768px*/ 
@media (max-width: 767px) {
	.msgbox {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.msgbox .ficon-info {
		font-size: 1.5rem !important; 	
		margin-right: 0.5rem !important;
		padding-top: 0.95rem;
	}
	:lang(zh) .msgbox .ficon-info {
		padding-top: 0.8rem;
	}
}

/*for large device width >= 768px*/ 
@media (min-width: 768px) {
	.msgbox {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	.msgbox .ficon-info {
		font-size: 1.75rem !important; 	
		margin-right: 1rem !important;
		padding-top: 0.75rem !important;
	}
}

html.ios * {
  cursor: pointer; }

/*override default auto complete field style*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #68737a;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
}


/*# sourceMappingURL=myp-page-login.css.map */