/**
 * 登录页样式
 *
 * @author 林坤源
 * @link http://www.lamson.cc
 */
@charset "utf-8";

* {margin: 0; padding: 0; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;	line-height: 150%;}
html {overflow: hidden;	height: 100%; background:0 0 no-repeat; background-size: cover;}
body {overflow: hidden;}
a, .pointer, input[type=image],input[type=submit],input[type=reset], input[type=button],  input[type=file], button {
	outline: none/* IE 8+, Firefox, Chrome, Safari 下去掉激活的虚线边框 */;
	text-decoration: none;	cursor: pointer;
}
form {
	position: absolute; top: 10%; left: 50%; z-index: 10;
	width: 320px; height: 370px; padding: 20px;	margin: 0 0 0 -160px;
	background: rgba(255,255,255,.75);
}
table{width: 100%;}
table td {padding: 5px 0;}
table input {width: 100%; height: 38px; line-height: 38px;	padding-left: 40px; box-sizing: border-box;
	border: #BAC7D2 1px solid;	border-radius: 4px;
	background: #ECF5FA url(/static/admin/images/login_btn.png) 13px -18px no-repeat;
}
#password {background-position: 13px -50px;}
#verifyCode {width: 110px;	background-position: 13px -80px;	letter-spacing: 2px;}
#yzimg {display: none; position: relative;	top: 10px;	left: 10px;	height: 30px;	cursor: pointer;}
button {
	display: block; width: 118px; height: 38px;	line-height: 38px; margin:20px auto;
	color: #FFF; text-align: center; letter-spacing: 4px;
	border: none; border-radius: 4px; 	background: #4299CA;
}
footer {
	position: absolute;	bottom: 0;	left: 0; z-index: 5; width: 100%;
	color: #333; text-align: center;	letter-spacing: 2px;
	background:rgba(255,255,255, .5);
}
footer p {margin: 10px 0;}
footer a {color: #FFF;}
footer a:hover {color: #FF3;}
.LamMsgPanel {color: red; text-decoration: none;}
/* 吐司 */
.LamDialogToast {
	display: none; position: fixed; top: 50%;	left: 50%;	z-index: 1002;
	text-align: center;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,50%);
}

.LamDialogToast > mark {
	display: inline-block;	padding: 5px 20px;
	border: #CCC 1px solid;	border-radius: 4px;
	background: rgba(53,53,53,.85);
	box-shadow: 2px 2px 2px rgba(0,0,0,.3);/* IE 9+, Firefox, Chrome */
	color: #FFF; text-shadow: none;
}

/* 验证码 */
#drag{position: relative; width: 300px; text-align: center; background-color: #e8e8e8;}
#drag .handler{position: absolute; top: 0px; left: 0px; width: 40px; height: 32px; border: 1px solid #ccc; cursor: move;}
.handler_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
#drag .drag_bg{width: 0px; height: 34px; background-color: #7ac23c;}
#drag .drag_text{
	position: absolute; top: 0px; width: 300px; height: 34px; line-height: 34px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none; 
}

/* 美化下拉菜单 */
.sbHolder{
	position:relative; top: 3px; display:inline-block; height:1.8rem; margin-right:4px; text-align:left;
	border:solid 1px #ccc; border-radius:4px;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
}
.sbSelector{box-sizing:border-box; display:block; height:1.8rem; line-height:1.8rem; padding:0 6px; white-space:nowrap;}
.sbSelector:link, .sbSelector:visited{color:#333;}
.sbSelector:hover{color:#090;}
/* 箭头 */
a.sbToggle{position:absolute; right:0; top:0px; width:1.8rem; height:1.8rem; line-height:1.8rem; color: #666; z-index:3; text-align:center; border-left:#ddd 1px solid;}
a.sbToggle:hover{color:#090;}
/* 选项打开时的箭头 */
.sbToggleOpen{color:#F60!important;}
/* 选项 */
.sbOptions{display:none; position:absolute; z-index:200; margin:0; padding:0; overflow-y:auto; border:solid 1px #ddd; border-radius:3px; background:#FFF;}
.sbOptions label{
	box-sizing: border-box;
	display: block; margin:0; padding:.2rem 2rem .2rem .25rem;
	white-space:nowrap; cursor: pointer;
}
/* hover */
.sbOptions label:hover{background:#3399FF!important; color:#FFF!important;}
/* opgroup */
.sbOptions .sbGroup{font-weight:bold;}
.sbOptions .sbGroup:hover{color: inherit!important; cursor: default!important; background:#FFF!important;}
/* disabled */
.sbOptions .sbDisabled{color:#999!important;}
.sbOptions .sbDisabled:hover{color: #999!important; cursor: default!important; background:#FFF!important;}
/* opgroup options */
.sbOptions .sbSub{padding-left:1rem;}
/* selected */
.sbOptions .sbSelected{color:#FFF!important; background:#F90!important;}
/* 模拟 disabled */
.sbHolderImiDisabled{border:solid 1px #AAA;}
.sbHolderImiDisabled *{color:#AAA!important; border-color:#AAA;}
/* 单选|多选 下拉菜单 */
.sbRadio, .sbCheckbox{
	position: fixed; left: 50%;
	min-height: 20em;
	border: #3e883e 1px solid;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.sbRadio label, .sbCheckbox label {
	float: left; width: 10%; min-width: 10em;
}
.sbRadio .sbGroup, .sbCheckbox .sbGroup{width: 100%; float: none; clear: both;}
/* 搜索框 */
.sbOptions .sbSearch{margin-bottom:.3rem; border-bottom: #9ecfe6 1px dashed;}
.sbOptions .sbSearch input{width:25%;}
.sbOptions .sbSearch button{margin-right:1rem;}
.sbOptions .onlyShow{float: right; margin-top: 2px;}

/* 下拉选择面板 */
#selectrlerToinput{}
#selectrlerToinput li{height:30px; line-height:30px; border-bottom:#DEDEDE 1px solid;}
#selectrlerToinput li:hover{color:#FF526C; cursor:pointer; background:#FFFBC4;}

@media (max-width: 767px) {
	form {
		position: absolute; top: 10%; left: 0;
		width: 80%; height: 370px; padding: 20px; margin:0 5%;
	}
	footer p:last-child {display: none;	}
}

/*模拟aui效果*/
.aui-tab > .aui-active {color: #039be5;border-bottom: 2px solid #039be5;}
.aui-tab > * {position: relative;width: 100%;height: 2.2rem;line-height: 2.2rem;margin-left: -1px;font-size: 0.7rem;text-align: center;color: #212121;-webkit-box-flex: 1;box-flex: 1;
}

/*登录tab选项卡*/
#loginTable {background-color: white;height: 50px;}
/*登录tab选项卡内的元素*/
#loginTable > div {width: 50%;float: left;height: 50px;line-height: 50px;font-size: 1rem;cursor: pointer;}

.formTable {display: none;}

.formTable > caption {margin-top: 10px;}

/*发送短信的按钮-正常状态*/
.smsCodeBtn {border: none;border-radius: 0.2rem;text-align: center;background-color: #ffc107;margin: 0 auto;min-width: 110px;width: 100%;}
/*发送短信的按钮-禁用状态*/
.smsCodeDisableBtn {background-color: gray;cursor: wait;}
/*短信验证码输入框*/
#smscode {background-position: 13px -80px;}
/*发送短信按钮的父级td*/
.sendSmsBtnTd {padding: 5px 2px 5px 5px;}