@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,html{min-width:900px;}
body{
 margin:0;
 padding:0;
 background-attachment: fixed;
 background-position: center top;
 -moz-background-size:100% 100%;
 -webkit-background-size:100% 100%;
 -o-background-size:100% 100%;
 background-size:100% 100%;
 font-size:15px; 
}
.hide{ clear:both;}
.width{width:1000px;margin:0 auto;}
a:link{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover{color:#007ab1; text-decoration:none;}
a:active{color:#555; text-decoration:none;}
input[type=text],input[type=password] {
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	border: 1px solid #aaa;
	color: #555;
	padding:3px;
	height:25px;
}
input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus {border:1px #6676FF solid;background:#fff;}
/*陰影*/
#sitename,.box{
	-moz-box-shadow:0 0 5px 0 #9f7f60;
	-webkit-box-shadow:0 0 5px 0  #9f7f60;
	box-shadow:0 0 5px 0 #9f7f60;
}
/*容器*/
.box{ margin-top:20px;}
.box_1{width:320px; float:left; margin-right:20px;}
.box_2{width:320px; float:right;}
.box_3{width:660px;float:left;}
.box_4{width:660px;float:right;}
.box_5{width:490px;float:left;}
.box_6{width:490px;float:right;}
.box_7 .banner-img .photo{ width:1000px !important;}
.box_8{ height:150px; margin-bottom:20px;}

#sitename{background-color:#fff; padding:5px 0 0 0; min-width:1000px;}
#sitename img.logo{float:left;}
#sitename .width{ position:relative;}

#sitename .top_login{width:390px; position:absolute;top:0;right:0; background-color:#f2f2f2; border:1px solid #eee; padding:5px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;}
#sitename .top_login ul.bookmarks{width:auto; font-size:12px; margin:0 0 5px 0; text-align:center;}
#sitename .top_login ul.bookmarks li{width:95px; text-align:center; background-color:#ddd; padding:3px 0; margin: 0 5px 0 0;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px; cursor:pointer; float:left;}
#sitename .top_login ul.bookmarks li.hover{ background-color:#e87352; color:#fff; font-weight:bold;}
#sitename .top_login .login .remark{ position:absolute; width:160px; top:-10px; right:-190px;border:1px solid #e87352; background-color:#ffe7e0; color:#da613e; font-size:12px; line-height:16px; padding:5px 10px; margin:10px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;}
#sitename .top_login .login li{float:left; margin:5px 0; width:195px; font-size:15px;}
#sitename .top_login .login li p{width:50px; float:left; text-align:right;line-height:25px; margin-right:5px; color:#333;}
#sitename .top_login .login li input{float:left;}
#sitename .top_login .login li input[type=text],#sitename .top_login ul.login li input[type=password]{ height:17px;}
#sitename .top_login .login li img{ margin:0 5px}
#sitename .top_login .login li a.apply{ font-size:12px; text-decoration:underline; color:#007ab1;}
#sitename .top_login .login li .myButton{ padding:3px 15px;}
#sitename .top_login .login .outerLogin{ text-align:center;}
#sitename .top_login .login .outerLogin .button{
	width:120px;
	display:inline-block;
	margin:12px 0;
	line-height:40px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
	position:relative;
}
#sitename .top_login .login .outerLogin .button:active {
	position:relative;
	top:1px;
}
#sitename .top_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;	
}
#sitename .top_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;	
}
#sitename .top_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{padding-bottom:20px;}
#login .heading{color:#fff;font-size:28px;padding:0 10px;text-align:right;font-weight:bold;clear:both; margin:20px 0 0 0;font-family:Microsoft JhengHei;}
#login .info{background-color:#fff;}
#login .info ul.bookmarks{
	font-weight:bold;
	background-color:#da613e;
	font-size:13px;
	color:#ffc9ba;
	border-bottom:5px solid #e87352;
	overflow:hidden;
}
#login .info ul.bookmarks li{
	float:left;
	border-right:1px solid #e87352;
	padding:15px;
	background-color:#da613e;
	cursor:pointer;
	line-height:15px;
}
#login .info ul.bookmarks li.hover{background-color:#e87352; font-size:15px; color:#fff;}
#login .info ul.bookmarks li.end{ border-right:none;}
#login .login{padding:15px;}
#login .info,#login .banner{height:380px;}
#login .login li{ padding-bottom:7px; line-height:30px;}
#login .login li .name{ width:40px; float:left; margin-right:15px; text-align:right;}
#login .login li input{ float:left;}
#login .login li img{ float:left; margin:5px 0 0 10px;}
#login .login li input[type=checkbox]{ margin:7px 5px 0 0;}
#login .login .remark{ border:1px solid #e87352; background-color:#ffe7e0; color:#da613e; font-size:12px; line-height:16px; padding:5px 10px; margin:10px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;}
#login .login .outerLogin .button{
	margin:10px 0px;
	padding:0 45px;
	line-height:45px;
	color:#fff;
	font-size:15px;
	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: 45px;
	height: 45px;
	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:400px;}
.lighbox .login{ padding:20px;}
.lighbox .login li{ padding-bottom:15px; line-height:30px;}
.lighbox .login li .name{ width:90px; float:left; margin-right:15px; text-align:right;}
.lighbox .login li input{ float:left;}
.lighbox .login li img{ float:left; margin:5px 0 0 10px;}
.lighbox .login li input[type=checkbox]{ margin:7px 5px 0 0;}
.lighbox .login .button{
	margin:0 0 20px 0;
	padding:0 45px;
	line-height:45px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	position:relative;
}
.lighbox .login .button div{
	width: 45px;
	height: 45px;
	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);
}

/*banner*/
#login .banner{
	background-position:center;
	position: relative;
	overflow: hidden;
}
#login .banner-btn{display:none;}
#login .banner-btn a{display:block;line-height:40px;position:absolute;top:120px;width:40px;height:40px;background-color:#000;opacity:0.3;filter:alpha(opacity=30) color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
#login .prevBtn{left:5px;}
#login .nextBtn{right:5px;}
#login .banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative; height:380px;}
#login .banner-img .photo{ width:660px; height:380px;background-repeat:no-repeat; background-position: center; background-color:#fff;}
#login .banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
#login .banner i{no-repeat;width:15px;height:23px;cursor:pointer;margin:8px 0 0 12px;display:block;}
#login .banner .nextBtn i{background-image:url(../images/nextBtn.gif)}
#login .banner .prevBtn i{background-image:url(../images/prevBtn.gif)}
#login .banner-circle{position:absolute;left:50%;bottom:15px;height:13px;text-align:center;font-size:0;border-radius:10px;}
#login .banner-circle li{border-radius:10px;margin:3px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
#login .banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#B7B7B7;overflow:hidden;}
#login .banner-circle .selected a{background:#F40;}

#login p.title{ padding:15px 10px; font-weight:bold;}
#login ul.list{ margin:15px;}
#login ul.list li{
	border-bottom:1px solid #ddd;
	padding:7px 5px 7px 23px;
	background-image:url(../images/link.png);
	background-repeat:no-repeat;
	background-position:left;
}
#login .news,#login .link{background-color:#fff;height:380px; overflow:hidden; position:relative;}
.box_8 .news,.box_8 .link{height:150px !important;}
#login .news .title{ background-color:#3bbec0; color:#fff;}
#login .link .title{ background-color:#ebbc2d; color:#fff;}
/*切換上下頁*/
#login .next,#login .back{
	width:37px;
	height:37px;
	position:absolute;
	top:5px;	
	background-repeat:no-repeat;
	background-position:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}
#login .next{right:5px;background-image:url(../images/next.gif)}
#login .back{right:50px;background-image:url(../images/back.gif)}
#login .page{
	position:absolute;
	right:97px;
	top:6px;
	line-height:39px;
	font-size:12px;	
}
#login .link .page{color:#56462a;}
#login .news .page{color:#1b5455;}
#login .news .next,#login .news .back{border:1px solid #45d5d7;}
#login .news .next:hover,#login .news .back:hover{ background-color:#34a8aa;}
#login .link .next,#login .link .back{border:1px solid #f6d87b;}
#login .link .next:hover,#login .link .back:hover{ background-color:#e1b327;}
/*按鈕*/
.button_box{text-align:center;}
.myButton {
	-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, #e87352), color-stop(1, #da613e));
	background:-moz-linear-gradient(top, #e87352 5%, #da613e 100%);
	background:-webkit-linear-gradient(top, #e87352 5%, #da613e 100%);
	background:-o-linear-gradient(top, #e87352 5%, #da613e 100%);
	background:-ms-linear-gradient(top, #e87352 5%, #da613e 100%);
	background:linear-gradient(to bottom, #e87352 5%, #da613e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87352', endColorstr='#da613e',GradientType=0);
	background-color:#e87352;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #da613e;
	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font-weight:bold;
	padding:7px 24px;
	margin:0 2px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #da613e), color-stop(1, #e87352));
	background:-moz-linear-gradient(top, #da613e 5%, #e87352 100%);
	background:-webkit-linear-gradient(top, #da613e 5%, #e87352 100%);
	background:-o-linear-gradient(top, #da613e 5%, #e87352 100%);
	background:-ms-linear-gradient(top, #da613e 5%, #e87352 100%);
	background:linear-gradient(to bottom, #da613e 5%, #e87352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da613e', endColorstr='#e87352',GradientType=0);
	background-color:#da613e;
	color:#fff !important;
}
.myButton:active {
	position:relative;
	top:1px;
	color:#fff !important;
}

.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;
}

.col_2{ width:50%; float:left;}
.col_3{ width:33%; float:left;}

/*樣式切換*/
#Change{
	position:fixed;
	right:10px;
	top:50%;
	background-color:#000;
	width:30px;
	color:#fff;
	line-height:30px;
	text-align:center;
	margin-top:-135px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter:alpha(opacity=60);  /* IE */
	-moz-opacity:0.6;          /* Moz + FF */
	opacity:0.6;               /* 支持新版瀏覽器 */
	z-index:100;
}
#Change a{color:#fff !important;display:block;}
#Change a:hover{background-color:#ff7d00;}
#Change li.hover{background-color:#ff7d00;}