/*========================================================================
   General
========================================================================*/
@media all{
	*{
		padding: 0px;
		margin: 0px;
		border: 0px;
		font-family: "微軟正黑體","儷黑Pro","標楷體","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	}
	body{
		background-color: #FF0000;
	}
	input{
		outline-style: none;
	}
	.error{
		color: white;
		font-weight: bold;
	}
}

/*========================================================================
   Login Form
========================================================================*/
@media all{
	#wrapperLogin {
		background: url(../images/login/bg.gif) no-repeat top center;
		width: 978px;
		height: 650px;
		margin: 0 auto;
		position: relative;
	}
	#wrapperLogin input[type="text"], #wrapperLogin input[type="password"]{
		background: url(../images/login/input.png) no-repeat;
		padding: 5px 10px 5px 15px;
		font-size: 1.5em;
		width: 185px;
		height: 32px;
		vertical-align: bottom;
		left: 646px;
		position: absolute;
	}
	#wrapperLogin input:focus, #wrapperLogin input:hover{
		background: url(../images/login/input_hover.png) no-repeat;
		border: 0px;
	}
	#wrapperLogin #username{
		background: url(../images/login/username.png) no-repeat;
		left: 504px;
		top: 233px;
		width: 135px;
		height: 42px;
		position: absolute;
	}
 	#wrapperLogin #input_username{
		position:absolute;
		top: 233px;
	}
	#wrapperLogin #error_username, #wrapperLogin #error_password{
		font-size: 0.8em;
		width: 210px;
		height: 20px;
		position: absolute;
		left: 646px;
	}
	#wrapperLogin #error_username{
		top: 277px;
	}
	#wrapperLogin #password{
		background: url(../images/login/password.png) no-repeat;
		left: 526px;
		top: 300px;
		width: 90px;
		height: 42px;
		position: absolute;
	}
	#wrapperLogin #input_password{
		top: 300px;
	}
	#wrapperLogin #error_password{
		top: 344px;
	}
	#wrapperLogin #back{
		background: url(../images/login/back.png) no-repeat;
		left: 520px;
		top: 386px;
		width: 115px;
		height: 49px;
		position: absolute;
	}
	#wrapperLogin #back:focus, #wrapperLogin #back:hover{
		background: url(../images/login/backing.png) no-repeat;
	}
	#wrapperLogin #submitLogin{
		background: url(../images/login/submit.png) no-repeat;
		left: 742px;
		top:386px;
		width: 115px;
		height: 49px;
		position: absolute;
	}
	#wrapperLogin #submitLogin:focus, #wrapperLogin #submitLogin:hover{
		background: url(../images/login/submitting.png) no-repeat;
	}
	#wrapperLogin #copyright{
		/* background: url(../images/login/copyright.png) no-repeat; */
		left: 100px;
		top: 610px;
		width: 851px;
		height: 19px;
		position: absolute;
		color: white;
		letter-spacing: 1px;
		font-family: 微軟新黑體, arial;
	}
	#wrapperLogin #copyright img{	
		padding: 0 0 0 30px;
		vertical-align: middle;
	}
}

/*========================================================================
   Footer
========================================================================*/
@media all{
	#footer{
		width: 980px;
		margin: 0 auto;
		text-align: center;
		top: 500px;
	}
	#footer p{
		color: white;
	}
	#footer img{
		padding: 0 0 0 10px;
		vertical-align: middle;
	}
}
/*========================================================================
   Compliance
========================================================================*/
/*
	The compliance notice is disabled for browsers recognising attribute selectors.
	IE6 and below will not recognize this, and so the compliance notice will be displayed.
 */
@media screen{
	div[id="Compliance"]{
		display: none;
	}
}
@media print{ 
	#Compliance{
		display: none;
	}
}