@charset "utf-8";
/* CSS Document */
.Wrap{
	background-image: url(../images/login_mainpic_02.png);
	background-repeat: no-repeat;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 680px;
}
.LoginAdmin{
	background-image: url(../images/login_menubg01.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 322px;
	width: 302px;
	left: 579px;
	top: 80px;
	padding-top: 180px;
	text-align: center;
	padding-left: 70px;
}
.LoginAdmin h1{
	font-family: "微軟正黑體";
	font-size: 40px;
	color: #ff7f00;
	text-align: left;
	font-weight: normal;
}
.FromTable{}
.FromTable th{
	font-family: "微軟正黑體";
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: right;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}
.FromTable td{
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #999;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
} 
.FromTable td a:link ,.FromTable td a:visited{
	text-decoration: none;
}
.FromTable td a:hover{
	color: #f94515;
	text-decoration: none;
}
.BtnEnter{
	font-size: 16px;
	font-family: "微軟正黑體";
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	text-decoration: none;
	color: #ff5454;
	display: inline-block;
	height: 35px;
	text-align: center;
	background-color: #FFF;
	font-weight: 600;
	width: 80px;
	cursor: pointer;
}
.BtnEnter:hover {
	background-color: #FFFFFF;
	color: #03C;
}
.BtnEnter:active {
	position:relative;
	top:1px;
}
.Menu{
	height: 246px;
	width: 202px;
	position: absolute;
	left: 450px;
	top: 278px;
}
.Menu ul{
	display: block;
	width: 202px;
	height: 246px;
}
.Menu li{ 
    display: block;
	width: 202px;
	height: 246px;
	text-indent: -9999px;
	background-image: url(../images/login_menu02.png);
	background-repeat: no-repeat;
}

.Counter{
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #000;
	background-color: #bde500;
	text-align: left;
	display: inline-block;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	left: 62px;
	top: 280px;
}
.waterdrop{
	background-image: url(../images/login_waterdrop.png);
	background-repeat: no-repeat;
	height: 127px;
	width: 106px;
	left: 396px;
	top: 279px;
	position: absolute;
}
.footer{
 position: absolute;
 width: 100%;
 bottom: 0px;
 font-family: "微軟正黑體";
 font-size: 14px;
 line-height: 27px;
 color: #000;
 text-align: center;
}
.app a{color: #F43B9D;}
.app a:link ,.app a:visited{
	font-family: "微軟正黑體";
	color: #F43B9D;
	font-weight: 600;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	text-align: center;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	height: 40px;
}
.app a:hover{
	color: #000;
}

@media (max-width: 980px) {
	.Wrap{
		background-image: url(../images/login_mainpic_xs.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100%;
		width: 100%;
		margin-right: inherit;
		margin-left: inherit;
		position: relative;
		height: 100vh;
	}
	.LoginAdmin{
		background-image:none;
		background-repeat: no-repeat;
		width: 100%;
		left: 0px;
		top: 0px;
		padding-top: 100px;
		padding-left: 0;
	}
	.LoginAdmin h1{
		font-size: 2rem;
		text-align: center;
		font-weight: 600;
	}
	.FromTable{margin: auto;}
	.FromTable th{
		font-size: 1rem;
		padding: 10px;
	}
	.FromTable td{
		font-size: 2rem;
		padding: 10px 0;
	} 
	.FromTable td >input{
		font-size: 1rem;
		padding: 6px;
	}
	.FromTable td > p{
		font-size: 1rem;
		padding: 10px 0;
	} 
	.FromTable td a:link ,.FromTable td a:visited{
		font-size: 1rem;
		line-height: 2.5rem;
	}
	.Menu{
		position: absolute;
		right: -50px;
		top: 350px;
		left: inherit;
	}
	.waterdrop{
		left: inherit;
		right: 90px;
		top: 450px;
		position: absolute;
	}
	.BtnEnter{
		font-size: 1rem;
		height: inherit;
		width: inherit;
	}
	.app a:link ,.app a:visited{
		font-size: 1rem;
		height: inherit;
		width: inherit;
	}
	.footer{
 		font-size: 0.8rem;
 		line-height: 1.2rem;
		padding-bottom: 10px;
	}
	.Counter{
		position: absolute;
		left: inherit;
		right:4px;
		top: 4px;
	}
}