@charset "utf-8";
/* CSS Document */
body {
	margin:0 auto;	
	font-family:"微軟正黑體", Candara;
	font-size:16px;
}

ul, ol {
	margin:0;
	padding:0;
	list-style:none;
}
a {
	text-decoration:none;
	color:#0972C4;
}
a:link {
	
}
a:visited {

}
a:hover {
	color:#2994d1
}
a:active {

}
img {
	border:0;
}
.left {
	float:left;
}
.right {
	float:right;	
}


.wrapper {
	width:100%;	
	max-width:1100px;
	min-width:960px;	
	margin:0 auto;
}
.header, header {
	padding:2em 0;	
	overflow:hidden;
}
.contact {
	margin-top:2em;	
}
.contact li {
	float:left;
	margin-left:2em;
	color:#333333;	
	font-weight:bold;
	display:block;
}
.contact li i{
    font-size: 40px;
	margin-right:10px;
	float:left
}
.contact li span {
	color:#0381c9;	
	display:block;
	font-size:.9em;
	font-weight:normal;
}
.center {
	clear:both;	
	position:relative;
	min-height:350px;
}
.service {
	font-size:1.3em;
	color:#333;	
}
.service p{
	margin-top:0;	
}
.service-list li {
	margin-bottom:20px;	
	line-height:2em;
	margin-left:10px;
}
.service-list a {
	color:#333333;	
}
.service-list a:hover {
	color:#0972C4;
}
.service-list i {
	color:#208de1;	
	font-size:1.8em;
}
.login-block {
	position:absolute;
	right:0px;
	z-index:3;
	width:480px;

}
.login-block .title {
	background: #0381C9 url(../images/sprite.png) top left no-repeat;	
	color:#FFF;
	text-align:center;
	margin:0;
	padding:10px 0;
	border-radius:5px 5px 0 0;
	box-shadow:0 -1px 5px 2px #CCC
}
.login-block h3 {
	font-size:1.3em;	
	text-shadow:1px 1px 2px #CCC;
	font-size:1.5em;
}
.login-form {
	padding:20px 50px;
	box-shadow:0 1px 5px 2px #CCC;
	border:1px solid #EEE;
	background:#FFF;
	border-radius:0 0 5px 5px;
}
.login-form div {
	margin:25px 0;	
}

.login-form input[type=text],
.login-form input[type=password] {
	height:35px;	
	width:280px;
	box-shadow:inset 0 0 3px 1px #CCC;
	border-radius:5px;
	background:#EEE;
	padding:2px 5px;
	margin-left:10px;
	font-size:1.3em;
	font-family:"微軟正黑體", Candara;
}

::-webkit-input-placeholder {
   color: #999;
   font-size:.8em;	
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;  
   font-size:.8em;	
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999;  
   font-size:.8em;	
}

:-ms-input-placeholder {  
   color: #999;  
   font-size:.8em;	
}
.login-form input {
	cursor:pointer;
}
.login-form input[type=text]:focus,
.login-form input[type=password]:focus {
	background:#D7F4FF;	
	outline:none;
		
}
.login-form input.button {
	text-align:center;	
	width:150px;
	background: #fcb10f url(../images/sprite.png) -5px -65px;
	border:1px solid #F90;
	border-radius:5px;
	height:40px;	
	margin-left:42px;
}
.login-form input.button:hover {
	background:#FFD600 url(../images/sprite.png) -5px -115px;	
}
.login-form input.button:active,
.login-form input.button:focus {
	background:#FF9900 url(../images/sprite.png) -5px -160px;	
}
.flip {
	height:80px;
	background:	url(../images/sprite.png) left -300px;
	margin-top:5px;
}
.footer, footer{
	clear:both;	
	background: url(../images/bg-grad.jpg) top left repeat-x;
	margin-top:-10px;
	min-height:250px;
}
.copyright {
	font-size:.8em;	
	color:#666666;
	padding-top:20px;
	padding-left:10px;
}