@charset "UTF-8";
div,/* CSS Document */dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body, table, p, div, span, form, input, textarea, select, pre, button { font-family:Microsoft JhengHei, AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }
a{text-decoration:none;}
input[type=text],input[type=password]{
	height:40px;
	font-size:100%;
}
.hide{ clear:both; height:0;}
body,html{ height:100%;}
body{
	margin:0;
	padding:0;
	background-image: url(../images/background_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:left top;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%;
	font-size:100%;
	min-width:320px;
}
/*陰影*/
#sitename{line-height:70px; min-height:70px;text-align:center;}
#sitename p{	
	color:#fff;
	font-size:170%;
	font-weight:bold;
	display:inline-block; 
    vertical-align:middle;
    line-height:1em;
    /* margin:expression(Math.floor( (this.parentNode.clientHeight-this.clientHeight)/2 )+'px auto');  */
}
#login{margin:0 auto 20px auto; background-color:#fff; width:80%;}
#login ul.bookmarks{
	font-weight:bold;
	overflow:hidden;
}
#login ul.bookmarks li{
	width:50%;
	text-align:center;
	float:left;
	padding:15px 0;
	cursor:pointer;
	font-size:100%;
	height:20px;
}
#login ul.bookmarks li.hover{font-size:120%; color:#fff;}
#login ul.bookmarks li.end{ border-right:none;}
#login .login{ padding:20px 10px;}
#login .login ul{background-color:#f9f9f9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:1px solid #e3e3e3;}
#login .login ul li{ padding:5px;border-bottom:1px solid #e3e3e3; text-align:center;}
#login .login ul li.end{ border:none;}
#login .login li input[type=text]{ width:95%; padding:0 1%; border:none; background-color:transparent; color:#777;}
#login .login li input[type=password]{ width:95%; padding:0 1%; border:none; background-color:transparent; color:#777;}
#login .login li img{margin:5px 0 0 10px;}
#login .login li input[type=checkbox]{ margin:7px 5px 0 0;}
#login .login ul li .col_2{ width:50%; float:left;}
#login .login .remark{line-height:1.5em; padding:5px 10px; margin:10px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;}
#login .login .check{ color:#777; font-size:100%; padding:15px 10px;}
#login .login .outerLogin .button{
	margin:15px 0px;
	padding:0 60px;
	line-height:60px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
	position:relative;
}
#login .login .outerLogin .button:active {
	position:relative;
	top:1px;
}
#login .login .outerLogin .button div{
	width: 60px;
	height: 60px;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}
#login .login .outerLogin .facebook{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
	background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
	background-color:#637aad;
	border:1px solid #314179;
	text-shadow:0px 1px 0px #314179;	
}
#login .login .outerLogin .facebook div{
	background-image:url(../images/facebook.png);
	background-color: #5a78b9;
	background-color: rgba(255, 255, 255, 0.08);
}
#login .login .outerLogin .google{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d94837), color-stop(1, #a5281a));
	background:-moz-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:-webkit-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:-o-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:-ms-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:linear-gradient(to bottom, #d94837 5%, #a5281a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d94837', endColorstr='#a5281a',GradientType=0);
	background-color:#d94837;
	border:1px solid #a5281a;
	text-shadow:0px 1px 0px #d83526;	
}
#login .login .outerLogin .google div{
	background-image: url(../images/google.png);
	background-color: #e65858;
	background-color: rgba(255, 255, 255, 0.07);
}
#login .login .outerLogin .openid{
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7931e), color-stop(1, #dd8200));
	background:-moz-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:-webkit-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:-o-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:-ms-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:linear-gradient(to bottom, #f7931e 5%, #dd8200 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7931e', endColorstr='#dd8200',GradientType=0);
	background-color:#f7931e;
	border:1px solid #dd8200;
	text-shadow:0px 1px 0px #e65f44;		
}
#login .login .outerLogin .openid div{
	background-image: url(../images/openid.png);
	background-color: #ff9000;
	background-color: rgba(255, 255, 255, 0.15);
}
/*跳出燈箱*/
.lighbox{display:none;width:300px;}
.lighbox .login{ padding:10px;}
.lighbox .login ul{background-color:#f9f9f9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:1px solid #e3e3e3; margin-bottom:10px;}
.lighbox .login ul li{ padding:5px;border-bottom:1px solid #e3e3e3; text-align:center;}
.lighbox .login ul li.end{ border:none;}
.lighbox .login ul li input[type=text]{ width:95%; padding:0 1%; border:none; background-color:transparent; color:#777;}
.lighbox .login ul li input[type=password]{ width:95%; padding:0 1%; border:none; background-color:transparent; color:#777;}
.lighbox .login li input[type=checkbox]{ margin:7px 5px 0 0;}
.lighbox .login .button{
	margin:0 0 10px 0;
	padding:0 60px;
	line-height:60px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	position:relative;
}
.lighbox .login .button div{
	width: 60px;
	height: 60px;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
}
.lighbox .login .facebook{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
	background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
	background-color:#637aad;
	border:1px solid #314179;
	text-shadow:0px 1px 0px #314179;	
}
.lighbox .login .facebook div{
	background-image:url(../images/facebook.png);
	background-color: #5a78b9;
	background-color: rgba(255, 255, 255, 0.08);
}
.lighbox .login .google{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d94837), color-stop(1, #a5281a));
	background:-moz-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:-webkit-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:-o-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:-ms-linear-gradient(top, #d94837 5%, #a5281a 100%);
	background:linear-gradient(to bottom, #d94837 5%, #a5281a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d94837', endColorstr='#a5281a',GradientType=0);
	background-color:#d94837;
	border:1px solid #a5281a;
	text-shadow:0px 1px 0px #d83526;	
}
.lighbox .login .google div{
	background-image: url(../images/google.png);
	background-color: #e65858;
	background-color: rgba(255, 255, 255, 0.07);
}
.lighbox .login .openid{
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7931e), color-stop(1, #dd8200));
	background:-moz-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:-webkit-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:-o-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:-ms-linear-gradient(top, #f7931e 5%, #dd8200 100%);
	background:linear-gradient(to bottom, #f7931e 5%, #dd8200 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7931e', endColorstr='#dd8200',GradientType=0);
	background-color:#f7931e;
	border:1px solid #dd8200;
	text-shadow:0px 1px 0px #e65f44;	
}
.lighbox .login .openid div{
	background-image: url(../images/openid.png);
	background-color: #ff9000;
	background-color: rgba(255, 255, 255, 0.15);
}
/*按鈕*/
.button_box{text-align:center;}
.GreyButton {
	-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, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-weight:bold;
	padding:7px 24px;
	margin:0 2px;
	text-decoration:none;
}
.GreyButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	color:#da613e;
}
.GreyButton:active {
	position:relative;
	top:1px;
	color:#da613e !important;
}
#copyright{
	width:100%;
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 20px;
}