@charset "UTF-8";
@2011/12/12edited
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0px; margin:0px;  }
table { border-collapse:collapse; border-spacing:0px;}
fieldset,img { border:0px; } 
address,caption,cite,code,dfn,em,strong,th,var {  font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 12px; }
h1{ font-size:36px; }
h2{ font-size:18px; }
h3{ font-size:14px; }
q:before,q:after {	content:''; }
abbr,acronym { border: 0px; }
input, select, textarea{ font-size:12px; border:1px solid #B99; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
input:focus{ outline:inherit; !important;} 
a{ cursor:pointer; color:#27B4C4; text-decoration:none;}
a:hover{text-decoration: underline;}


p{  font-size:14px; word-wrap:break-word; word-break:normal; }
.left{ float:left;}
.right {float:right;}
.clearfix{ clear:both; }
			
.login_box{
	width: 95%;
	margin: 0 auto;
    margin-top: 10px;
	padding:30px;
	color:#555;
	font-family: 'Microsoft JhengHei';
	box-shadow:8px 12px 8px 12px #c1bdbd;
	padding-bottom:100px;
	border-radius: 20px;
    background-color: #e6e6e6;

}

.slogn{
	color:#555;
	font-weight:600;
	text-align:center;
    -webkit-font-smoothing: antialiased;
	font-size:38px;
}

.login_box h1{
	padding:10px;
	text-align:center;
}

.login_box p{
	padding:0 0 20px 15px;
	font-size:16px;
}

.diver{
	background-color:#999;
	height:1px;
}


.errSpan{
	color:#F00;
	font-size:28px;
}

.logImgTitle{
	width:284px;
	margin:0 auto;
}

.data_input{
	width:380px;
	height:36px;
	line-height:36px;
	margin-top:12px;
	padding:5px;
	font-size:22px;
	margin-bottom:10px;
	border-style:groove;
	border-color:#999;
}

.textMark{
	 background-color:#CCC; 
	 font-size:1.3em; 
	 width:95%;
	 margin-top:8px;
	 padding-left:5px;
	
}
.contRow{
	padding:10px;
	margin:15px;
}

.contRowInput{
	height:20px;
	padding:10px 2px;
	width:100%;
	font-size:22px;
	border-style:groove;
	border-color:#999;
}

.btnMedium {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff4444), color-stop(1, #be1e2e));
	background:-moz-linear-gradient(top, #ff4444 5%, #be1e2e 100%);
	background:-webkit-linear-gradient(top, #ff4444 5%, #be1e2e 100%);
	background:-o-linear-gradient(top, #ff4444 5%, #be1e2e 100%);
	background:-ms-linear-gradient(top, #ff4444 5%, #be1e2e 100%);
	background:linear-gradient(to bottom, #ff4444 5%, #be1e2e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4444', endColorstr='#be1e2e',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:2rem;
	font-weight:600;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #be1e2e;
	line-height:2;
}
.btnMedium:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #be1e2e), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #be1e2e 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #be1e2e 5%, #f24537 100%);
	background:-o-linear-gradient(top, #be1e2e 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #be1e2e 5%, #f24537 100%);
	background:linear-gradient(to bottom, #be1e2e 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#be1e2e', endColorstr='#f24537',GradientType=0);
	background-color:#be1e2e;
}
.btnMedium:active {
	position:relative;
	top:1px;
}


.wButton {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
    
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #eeeeee 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #eeeeee 5%, #dfdfdf 100%);
    
 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:2rem;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	width:30%;
	line-height: 2;
}
.wButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.wButton:active {
	position:relative;
	top:1px;
}


.effect{
	box-shadow:6px 6px 20px gray;
	padding:3px;
	width: 60%;
	margin:  20px 0 ;	
}

.effect:hover{
	 opacity:0.8;
	filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */
	cursor: pointer;
}

.effect:active {
	position:relative;
	top:1px;
}