.css-login-body {
	background-color: #e6e6e6;
	height:100%;
}
.css-login-area {
	background-color: #FFFFFF;
}
.bg-image {
	background: #e6e6e6 !important;
	background-image:url(../img/DICKSON_p_login_bg.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-color: #CCDEF3;
}
.css-box {
	border-radius: 10px;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
	/*box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);*/
}

h2 {
	font-size:2.5em;
	font-family: Tahoma, Arial,"微軟正黑體修正","微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"	
}
h3 {
	font-size:1.5em;
	font-family: Tahoma, Arial,"微軟正黑體修正","微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"
	color:black;
	word-spacing:2px;
	letter-spacing: 1px;
	line-height: 1em;
}
.link {	
	font-size:1em;
	font-family: Tahoma, Arial,"微軟正黑體修正","微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"
	color: #000000;
	word-spacing:2px;
	letter-spacing: 1px;
}
.inline {
	display:inline;
	vertical-align:top;	
}
.flag img {
	vertical-align:middle;
	padding: 5px 6px;
}
.flag img:hover {
	width: 30px;
	vertical-align:middle;
	padding: 2px 3px;
	cursor:hand; 
	cursor:pointer;
  }
input {	 
	 letter-spacing:1px;
	 padding:0 2px;	  
}
/*按鈕基底*/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Tahoma, Arial,"微軟正黑體修正","微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";
	padding: .4em 1.3em .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-right:10px;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/*灰色按鈕*/
.gray {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #7c7c7c;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.gray:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background-color:#e9e9e9;
}
.gray:active {
	position:relative;
	top:1px;
}