@charset "utf-8";
body.login_UI {
  background-color: #f3f3f3;
  color: #4A4A4A;
}
.login_UI .login_main{
	background: url("/vcommon/common/img/login_background.png") no-repeat 100%;
	background-position: center;
	padding: 70px 0 220px 0;
	max-width: 1920px;
	margin: 0 auto;
}

.login_UI .l-login{
	width: 360px;
	padding: 30px;
	margin: 0 18% 0 auto;
	background-color: #fff;
}

.login_UI .m-h3{
	margin:10px 0 0 0;
	padding: 0;
    border-left: 0;
    background-color: #fff;
    font-size: 24px;
    font-weight: normal;
    color: #4a4a4a;
}
.login_UI .m-link{
	overflow: hidden;
	margin-bottom: 10px;
}
.login_UI .m-link>a{
	float: right;
	background: none;
	text-decoration: underline;
	color: #003399;
}

.login_UI .m-loginRegistUnit{
	margin-top: 10px;
	width: auto;
}

.login_UI .m-loginRegistUnit__login{
	float: none;
	width: 100%;
	border: 0;
	min-height: auto;
}
.login_UI .m-loginRegistUnit__inner{
	padding: 0;
	position: relative;
}

.login_UI .m-inputLogin dl{
	margin-bottom: 20px;
}
.login_UI .m-loginRegistUnit__inner .m-id_input,.login_UI .m-loginRegistUnit__inner .m-pw_input{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAX1JREFUOBGdk7FKxEAQhi+axgNBH8FKTgVFBbFQ0FJ8ASuJuQPxARTEUgTF2iZ3iQp3nSLYX3E2gtWBoDZq4QMIQlKZ+M2ZXdZcDsWByc7888+/m53EKvSwarW6kSTJFuVR/MmyrJNyuexn6VYWkJzmQ5q3szVEjhDZMfEuAc/zShDu8T6TmMYx60SlUnlQtTzSAsU8XHoEl7q2XkRN+C3IE7ihSY6aZ7Ft2y2z0CUg78dlHZskFQvuOM6jymXtukRV/OsYFf/f648T1Gq1QY65GsfxEorzeMjc5zhNm++in/yWehO/dl33Q3a15VGv14fDMDygcZ10QDAxiFffUeGNdQUfR8jFI76Xs2KxuNsRiKJIiIspWS8QLyRB6JJYBJTJJptsWupMgeK0qpgrjS9p/mziRjyjxhgYoA4RbgRBMMWrnWvQCNjgVF+i7/trEPdoGjM4cvxPMLlAbWDyL+xzwQ0toKpMYpKGZfJZfAQfwt/BXmm8w5tMoA3WsS9HaY0bB9NakAAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	padding-left: 36px;
    background-position: 10px 12px;
    border: 1px #b1b1b1 solid;
}
.login_UI .m-loginRegistUnit__inner .m-pw_input{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAATVJREFUOBGVkrFKxEAURTNi6QcIW1sugusvCKKVFrqNNkl+QBCsbRcsbJOQ0t1iFQQttPED/IOt/Ai7kHjuklkmwyTgg8e8d++7d9/MxkSBKIrirGmaG6i9ll4ZYx7iOH7xx7d8IMuyR8RL8gfuXqlamDh/3rgAAyf0b+Q0TdOFy+V5PsXkCewU7t1ynQ1Y85r88sUaTpJkLo68smKdHQP6A/JbRE+Im7jcttuw4g79r4u5Nbw4zWxi/Qbc/bxFcs5PsnP/zXQUXVIfkYkwrvpsN1gKaOOCUzkUdt74bzAkCnJ2gxBZ8+IzEdz9liP4Y70GiD/46+5kwDewj8mxaj96DRCMy7LclaCqqrEvtH2vAQMjTA7bwZEV+OeQQVTXdedT98XqBw3Y4DUkcrG1AQ/WuOB/6j8SCGP5c5ZS7QAAAABJRU5ErkJggg==");
}
.login_UI .m-inputLogin dl dd input{
	border: 0;
	box-shadow: none;
	color: #4a4a4a;
	font-size: 14px;
	height: 40px;
}
.login_UI .m-inputLogin dl dd input:focus{
	outline: 1px #330099 solid;
	outline-offset: 0;
}
.login_UI .m-inputLogin dl dd input:-webkit-autofill{
	box-shadow: inset 0 0 0 1000px #fff;
}
.login_UI .m-btn--login{
	height: 50px;
	background-color: #FFCC00 !important;
	color: #4a4a4a !important;
	font-size: 20px;
	box-shadow: none;
	margin-top: 30px;
	border-radius: 0;
	font-weight: normal;
}

.login_UI .m-btn--login:hover{
	background-color: #fbf9d2 !important;
	opacity: 1;
}

.login_UI .m-btn--login:focus{
	outline: 0;
}

.login_UI .m-link-list a{
	color: #9b9b9b;
	font-size: 14px;
	text-decoration: none;
}
.login_UI .m-link-list a:hover{
	color: #003399;
	text-decoration: underline;
}
.login_UI .m-loginRegistUnit__inner p{
	margin-top: 10px;
}
.login_UI .m-link-list .m-register-link{
	float: right;
}

.login_UI .m-alertBox, .login_UI .VNmodalMsgBody__login--err{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAlklEQVQ4y2O4ycDAgANXAPErIDbGpQaXRkUg/g7E/4H4OBAzkqJ5HVQjDMcRq9kRTSMIPwFiHkKamYH4EkwTCCAZ0EJIcyayjWiav0PDAqtmASB+g0czCK/GpXkiul+xaP4PDRMUzRpA/JtIzRegYQPXvBOLInw4A6bZG5ciHDb/h6Y8AZDmqyTaCsOdIM0nyND4F4irAczKINalSQW1AAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #fff;
	text-align: right;
    padding: 0 0 0 20px;
    margin-top: -15px !important;
    position: absolute;
    right: 0;
    width: auto;
    max-width: 100%;
    color: #d00;
    font-size: 14px;
}

/*登录弹窗*/
.m-modal--login.login_UI{
	width: 360px;
	padding: 15px;
}

.fancybox-close{
	position:absolute;
	top:15px;
	right:15px;
	width:16px;
	height:16px;
	cursor:pointer;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANhJREFUOBGlkwsOgyAQRMVwpx4Im56pVQ7kpUrn0WDsCmjSTdTI7ptZfi7GGFJKtxDCwzmXhguheifuqfrVA+u5L8sy8j0TAVbtLJ+A14izvpEBEhSQqIWBI6zHUUEHMIgM/NtOLDxNU67xUGciLRg2C/REyO3mHIsz48RhvtbtW5YX7ABXBRg0IgxVYRIjr39iW4MiYtzZXqK5Oz8CFmbBoHtbvAnU4HIWlGuekyzQg+mgd064C/uz3Vztpojm96JFGTVhuiixN5TozF1YSV69zqUTXec37AfmePk5MxMMYQAAAABJRU5ErkJggg==") no-repeat center;

}
.m-loading-area {
    height: 250px;
    position: absolute;
    width: 374px;
    left: 8px;
    bottom: 6px;
}
.m-modal--login.login_UI .m-loading-bg{
	background: #000;
	opacity: 0.6;
	height: 250px;
  	width: 375px;
}

.m-modal--login.login_UI .m-loading {
  height: 250px;
  background: url("/vcommon/common/img/loading_100_type2.gif") center center no-repeat;
  position: absolute;
  width: 375px;
  bottom: 0px;
}


/*已登录&登录成功*/
.login_UI .m-messageBox--popup{
	margin: 10px auto;
	background-color: #fff;
	width: 1200px;
	padding: 30px 0;
}



.login_UI .m-messageBox--popup__ttl{
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}