@charset "UTF-8";
/**
 * 
 * @authors Jack.Chan (971546@qq.com)
 * @date    2017-09-04 15:43:29
 * @version 1.0
 */

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus{
	-webkit-box-shadow: 0 0 0 30px white inset;
}

body{
	margin:0;
	padding:0;
}

body,
button,
input,
select,
textarea{
	font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Simsun, Helvetica, Tahoma, Arial,sans-serif;
	font-size:14px;
}

.page-login{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:url(../images/loginWiki/bg_login.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:auto;
}

.page-content{
	height:520px;
	width:460px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-285px;
	margin-left:-230px;
}

.page-caption{
	max-width:410px;
	height:46px;
	display:block;
	text-align:center;
	color:#fff;
	font-size: 38px;
	font-weight: 500;
	/* font-size:0;
	color:transparent;
	background-image:url(../images/bg_form-login.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%; */
	margin:30px auto;
}

.form-login{
	max-width:410px;
	margin-left:auto;
	margin-right:auto;
	background-color:#e3e2e0;
	background-color:rgba(255,255,255, 0.7);
	border-radius:18px;
	/*box-shadow:0 0 5px 1px #999;*/
	padding:20px 40px;
	position:relative;
	z-index:3;
}

.form-title{
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#666;
	margin-top: 20px;
	margin-bottom: 30px;
	position:relative;
}
.form-title:before,
.form-title:after{
	content:"\20";
	height:0px;
	width:35%;
	position:absolute;
	top:50%;
	border-top:1px #e1e1e1 solid;
	border-bottom:1px #fff solid;
}
.form-title:before{
	left:0;
}
.form-title:after{
	right:0;
}

.form-group,
.form-group-message{
	clear:both;
	display:block;
	padding-bottom:25px;
	position:relative;
}
.form-group-message{
	color:#868383;
	padding-bottom:10px;
}
.form-group p,
.form-group-message p{
	color:inherit;
	margin-top:2px;
	margin-bottom:2px;
	white-space:normal;
	word-break:break-all;
	word-wrap:normal;
	line-height:24px;
}

.form-control{
	display:block;
	width:100%;
	outline:0;
	border:0px #ccc solid;
	font-size:16px;
	padding:8px 10px;
}
.form-control:focus{
	border-color:#2da1ee;
	box-shadow:0 0 2px 0px #2da1ee;
}
.form-control-icon{
	position:absolute;
	left:5px;
	top:8px;
	z-index:2;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-position:left center;
}
.form-control-icon + .form-control{
	padding-left:35px;
}
.form-control-icon.username{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3NUEyNjQ3OEVFMzExRTdCRjREQjhBNUNFNDQ5NTM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3NUEyNjQ4OEVFMzExRTdCRjREQjhBNUNFNDQ5NTM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDc1QTI2NDU4RUUzMTFFN0JGNERCOEE1Q0U0NDk1MzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDc1QTI2NDY4RUUzMTFFN0JGNERCOEE1Q0U0NDk1MzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7g2WKBAAABW0lEQVR42mL8//8/Ay0BCyEFFy9eZARSCUCcA8R6UOFLQDwFiBfo6+vjdSETEY6YA8TzgNgI6iAWKHseVA4vYMQXREDXhwOpFQTMiAD6YiW5PsgkwoeZlASRAREWGFBiASsRFrBSYsEbIix4TYkFF4iw4CwlFqwnwoJVlFgASqL38MhfAeK1ZFsATN8/gFQ0EH/HIv0JiKOAav6QndGQMpwpkDqFJPQLiI2Bhl8hpJeJCMNBRYMcmjAbECsC5ZjJLiqgri4GYh8g5sahHxRMm4G4G+ibi0RZAHVVJ9RwYsE/IG4H4lr00hVbcT0LiJNILPZBQV0NxHxAnIfTB0DX+wGpjRTWMb5AX2zBFcnlVKjEKvGlIgsqWGCBz4IJQPyXAsP/Qs3Am4rEgZQnEIOSqSIQywOxJBDzIiUKUO79DMTPgfghEN8H4tNAvB0Y/i9JzsmUACYGGgOAAAMAhe1lUj94vKoAAAAASUVORK5CYII=);
}
.form-control-icon.password{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFQUNFNjBFOEVFMzExRTdCOTlDODA0MTc3NTA3MUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFQUNFNjBGOEVFMzExRTdCOTlDODA0MTc3NTA3MUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEVBQ0U2MEM4RUUzMTFFN0I5OUM4MDQxNzc1MDcxRjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVBQ0U2MEQ4RUUzMTFFN0I5OUM4MDQxNzc1MDcxRjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5nOWYhAAABXUlEQVR42mL8//8/Az5w8eJFayDVCMS2QMwGFQZpugHEU4B4ur6+Pk5DmAgYHgKkDgKxM5LhIMAIxJpAPBWI5+AzgxGXD4CGCwKp+0DMDxW6CXU1CAgDsRWSAwOBvtiAzRwWPJYHIBk+HYizkYMC6ABPILUNyo0H4g2kBpE6EnsqejgD+duB1D0oV4OcOOBAYn/FoeYzlOYkK5KpARgJJVNKAQuW1LOAEgOBcZNAKBXFU+joBLrGAakWnIQWD29oYcEFILYGhnEukLanhQVngYb/hbKv48kbZFvgB0xhylB2KhBzU9sCUSDuhbJnUhJEvyhINL+IseA2BRbcJsaCTXgMEAPGgzoe+U3EWDAZiL/hMMASqdJBB9+gevFbAEyKz6GphFSQCtVLOBUBFS6Dlkk/iDAYpCYeqoe04hoY3rJAqhiIfYBYHqlw/APED4F4CyjpAg1/PGD1AUCAAQB9j1/tZJ32uQAAAABJRU5ErkJggg==);
}


.btn-login{
	display:block;
	width:100%;
	color:#fff;
	font-size:16px;
	background-color:#ff9600;
	border:0;
	padding:10px;
	cursor:pointer;
	outline:0;
}
.btn-login:hover{
	background-color:#ec8d05;
}
.btn-login:active{
	box-shadow:1px 2px 6px 1px #984d52 inset;
}


/* copyright */
.copyright{
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px 1px #666;
}


/* icons */
.icon-info{
	width:16px;
	height:16px;
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDQTQ2NzNBOUQyNDExRTdBMzA4RUU1QTg4QURDNjg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDQTQ2NzNCOUQyNDExRTdBMzA4RUU1QTg4QURDNjg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBNDY3Mzg5RDI0MTFFN0EzMDhFRTVBODhBREM2ODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBNDY3Mzk5RDI0MTFFN0EzMDhFRTVBODhBREM2ODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64V0dhAAABDklEQVR42mK84eTEgAa0gDgJiD2BWBEqdh+ItwPxPCC+hqyYEckADiDuBuIMIGZhwA7+APFMIC4B4h8gASaoBCcQbwbiHDyaGaBy2UC8FYi5kA0A2eyCrpqvoY6Br7Eem0EgZ3fBTNSCOhsDsGpq4nEMWM80kAtSgJiZgXQA0pMCMsCVgXzgATJAjgIDlEAGMFJgADgQHwKxDtZIv3WLgeH/f3z674EM2IPLgI+19YQcsBPkhblA/BebLH9jAxjjACA9c0EGXIEmT0zAiDeEZoH0wvICGxBvA2JnIsNuHzSz/YIl5V9A7At1yT88Gv9B1fhA9aDkRhjQBuJUUCIBxTNU4QNoYM+BehkOAAIMALkvNzhwJyNfAAAAAElFTkSuQmCC);
}



/* responsive */

@media(max-width:460px){
	.page-content{
		height:auto;
		width:auto;
		position:static;
		top:0;
		left:0;
		margin-top:0;
		margin-left:0;
		padding:10px;
	}
}

@media(max-width:380px){
	.page-caption{
		background-size:100%;
	}
}




/* upgrade-browser */
.upgrade-browser{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:99;
	width:100%;
	height:100%;
	display:block;
	/* background-color:#666\0;
	background-color:rgba(0,0,0,0.65); */
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBN0M5RjRBMDAyMjExRTg4RDg0QkQzQzVEM0I2NEMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBN0M5RjRCMDAyMjExRTg4RDg0QkQzQzVEM0I2NEMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEE3QzlGNDgwMDIyMTFFODhEODRCRDNDNUQzQjY0QzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEE3QzlGNDkwMDIyMTFFODhEODRCRDNDNUQzQjY0QzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7EYZDIAAAAGElEQVR42mJkYGDYy4AGmBiwAAoFAQIMAE0HAMeCUxVeAAAAAElFTkSuQmCC);
}
.upgrade-browser-content{
	position:absolute;
	top:50%;
	left:50%;
	width:360px;
	height:500px;
	margin-top:-250px;
	margin-left:-180px;
}
.upgrade-browser-title{
	font-size:36px;
	font-weight:500;
	color:#fff;
	text-align:center;
	margin-top:10px;
}
.upgrade-browser-btn-group{
	text-align:center;
}
.upgrade-browser-btn{
	color:#fff;
	font-size:24px;
	font-weight:500;
	border:3px #fff solid;
	border-radius:5px;
	padding:5px 10px;
	text-decoration:none;
	display:inline-block;
}
.upgrade-browser-btn:hover{
	background-color:rgba(255,255,255,0.25);
}
.upgrade-browser-btn:active{
	background-color:rgba(255,255,255,0.45);
}