@charset "utf-8";
@import url("grids.css");
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {margin:0;padding:0;}
body{background:#fff url(../images/bg.jpg) repeat-x;;font:80%/1.5em tahoma,\5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53,sans-serif;}
input,textarea{font:100%/1.5em tahoma,\5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53,sans-serif;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:underline; color:#11539a;}
a:hover{text-decoration:underline;}
a:focus{outline:1px dotted;}
a img { border:0;}
input {border:expression((this.type=="text" || this.type=="password") ?"1px solid #ddd":"style");}
input[type=text],input[type=password],textarea{ border:1px solid #ddd; padding:3px;}
input[type=button]:disabled,input[type=submit]:disabled,button:disabled{color:#999;cursor:auto;}
input[type=button],input[type=submit],button{
	background: #F2F2F2 url(data:image/png;base64,R0lGODlhAQA8ANUAAAAAAP///+3t7urq6+np6vz9/fr7++/w8Ovs7Pv8+/Hy8e3u7enq6fz8++/v7u3t7Ozs6+vr6vv6+vHw8PDv7/39/fz8/Pv7+/r6+vLy8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACMALAAAAAABADwAAAYtwIpwSCxYjpZG4sJsXgwSjBSTUWgmms2BwnE4OoKFx/P4QBCgwSASCjEIIlEQADs=) repeat-x center;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor: pointer;
	display: inline-block;
	padding: 3px 8px;
	text-shadow: #fff 1px 1px 0px;
}
input[type=button]:enabled:hover,
input[type=button]:enabled:focus,
input[type=submit]:enabled:hover,
input[type=submit]:enabled:focus,
button:enabled:hover,
button:enabled:focus{
	border: 1px solid #8c0;
	color:#360;
	background: #fafef4 url(data:image/png;base64,R0lGODlhAQA8ALMAAAAAAP////n+8/j+8PT+5Pn+8fr+9PL93/T+4/T+4vP94fn+7////wAAAAAAAAAAACH5BAEAAAwALAAAAAABADwAAAQa0BhBqyg4l8H7WGC4EGSJnCiSrGyivLByzBEAOw==) repeat-x center;
}
select{ padding:3px;}

.fl{float:left;}
.fr{float:right;}

.wraper { width:960px; margin:0 auto; position:relative;}
.header {
	color:#fff;
	height:140px;
	background:url(../images/head_bg.gif) no-repeat right top;
}
	header .logo img {}
	header .qsearch { margin:60px 20px 0; float:right;}
	header .qsearch a{ color:#a5cbb6;}
	header .qsearch input{ margin:-2px; padding:3px 5px; height:20px;}
	header .qsearch input[type=text]{border-radius:4px 0 0 4px;	-moz-border-radius:4px 0 0 4px;}
	header .qsearch input[type=submit]{border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0;height:28px;}

.nav {
	height:46px;
	color:#3da7b7;
	background:#128799;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#15a0b5),color-stop(100%,#128799));
	background:-moz-linear-gradient(top,#15a0b5 0,#128799 100%);
	background:-o-linear-gradient(top,#15a0b5 0,#128799 100%);
	background:-ms-linear-gradient(top,#15a0b5 0,#128799 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15a0b5',endColorstr='#128799');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15a0b5',endColorstr='#128799')";
	border-radius:5px;
	border:1px solid #128799;
	box-shadow:0px 1px 3px rgba(99,99,99,.8);
	-moz-box-shadow:0px 1px 3px rgba(99,99,99,.8);
}
.nav ul{
	margin:0;
	padding:0 30px;
	list-style-type:none;
	list-style-position:outside;
}
.nav ul li {
	position:relative;
	padding:0;
	margin:0;
	display:inline;
	float:left;
	line-height:46px;
}
.nav ul li a{
	display:block;
	padding:0 30px;
	color:#fff;
	text-decoration:none;
	font-size:120%;
	text-align:center;
}
.nav ul ul{
	position:absolute;
	background:#ae0035 url(../images/submenu_bg.gif) no-repeat top center;
	width:120px;
	padding:45px 0 5px 0;
	margin:-2px 0 0 ;
	border-radius:0 0 5px 5px;
	box-shadow:0px 1px 3px rgba(99,99,99,.8);
	-moz-box-shadow:0px 1px 3px rgba(99,99,99,.8);
}
.nav ul li ul li{ float:none;}
.nav ul li ul li a{ padding:0px; line-height:36px; text-align:center;}
.nav ul li ul li a:hover{ background:#900;}

.banner2{ margin-top:10px; height:120px;}
.banner2 img{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.banner {position:relative; margin:10px 0; box-shadow:0px 1px 2px rgba(66,66,66,.1);-moz-box-shadow:0px 1px 2px rgba(66,66,66,.1);}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	background:#efe9d1 url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}
.nivo-prevNav {
	left:0px;
	background: url(../images/arrows.png) no-repeat 0px 0;
}
.nivo-nextNav {
	right:0px;
	background: url(../images/arrows.png) no-repeat  -30px 0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	z-index:9;
	bottom:10px;
	right:5px;
}
.nivo-controlNav a {
	cursor:pointer;
	background:#e7f5f7;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(100%,#e7f5f7));
	background:-moz-linear-gradient(top,#fff 0,#e7f5f7 100%);
	background:-o-linear-gradient(top,#fff 0,#e7f5f7 100%);
	background:-ms-linear-gradient(top,#fff 0,#e7f5f7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#e7f5f7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#e7f5f7')";
	color:#128799;
	margin:3px;
	padding:4px 8px;
	text-decoration:none;
	border:1px solid #bae4e8;
	border-radius:3px;
}
.nivo-controlNav a.active {
	font-weight:bold;
	color:#fff;
	border:1px solid #c60;
	background:#F90;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fc0),color-stop(100%,#F90));
	background:-moz-linear-gradient(top,#fc0 0,#F90 100%);
	background:-o-linear-gradient(top,#fc0 0,#F90 100%);
	background:-ms-linear-gradient(top,#fc0 0,#F90 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffcc00',endColorstr='#F90');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffcc00',endColorstr='#F90')";
}


.crumbs {color:#aaa; padding:5px 10px; zoom:1;}
.crumbs a:link,.crumbs a:visited {color:#bbb; text-decoration:none;}
.crumbs a:hover {color:#888; text-decoration:underline;}
aside{ position:absolute; left:0; width:190px; min-height:400px;}
	.search {
		background:#fafafa;
		background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f6f6f6));
		background:-moz-linear-gradient(top, #fcfcfc, #f6f6f6);
		background:linear-gradient(top, #fcfcfc, #f6f6f6);
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#f6f6f6');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#f6f6f6')";

		border:1px solid #eee;
		border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
		margin-bottom:10px;}
		.search form { padding:10px 10px 10px 55px;background:url(../images/search.gif) 8% center no-repeat;}
	menu { background:#fcfcfc; padding:10px; border:1px solid #eee; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
	menu ul { margin:0; padding:0; list-style-type:none;list-style-position:outside;}
	menu ul li { position:relative;	border-top:1px solid #fff; border-bottom:1px solid #f3f9f0;}
	menu ul li.on{ background:url(../images/right.gif) right center no-repeat;}
	menu ul li.on a{ color:#128799;}
	menu ul li a { background:url(../images/menu_arr.gif) left center no-repeat; padding:0 15px; display:block; line-height:35px; color:#555; text-decoration:none;}
	menu ul li li a { background-image:none;}
	menu ul li ul { position:absolute; display:none; z-index:999999; border:1px solid #11539a; background:#fafef8;}
	menu ul li a.selected,menu ul li a:hover{
		color:#128799;
		text-decoration:none;
		background:#fff;
	}

.announcement{
	margin-bottom:10px;
	background:#f8f8f8 url(../images/ah2bg.gif) no-repeat left center;
	border:1px solid #cdcdcd;
	height:32px; line-height:28px;
	border-radius:4px;
	-moz-border-radius:4px;-webkit-border-radius:4px;
	padding-left:120px;
	overflow:hidden;
}
.announcement ul { margin:0; padding:0;}
.announcement ul li{ list-style:none;}
.announcement ul li em{ color:#999; font-style:normal; margin:0 10px;}
.announcement ul li a{ text-decoration:none; color:#f50;}

.section { padding:0px; margin:0 0 0 202px; min-height:400px;}
article.homenews { margin:0; padding:0; height:200px; overflow:hidden;}
article.homenews ul { margin:0; padding:0; list-style:none;}
article.homenews ul li{background:url(../images/list_arr.gif) left 8px no-repeat; padding-left:13px;}

	.h2Container {
		background:#e7f5f7;
		border:1px solid #bae4e8;
		height:34px; line-height:34px;border-radius:4px;
		-moz-border-radius:4px;-webkit-border-radius:4px;
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7f5f7));
		background:-moz-linear-gradient(top, #fff, #e7f5f7);
		background:linear-gradient(top, #fff, #e7f5f7);
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#e7f5f7');
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#e7f5f7')";
	}
	.h2Container h2 {border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; background: url(../images/arr_h2.gif) no-repeat 5px center; padding:0 25px; font-size:13px; color:#128799; margin:0;}
	.h2Container h2 a{ color:#128799; text-decoration:none;}
	.h2Container ul{height:34px; background: url(../images/arr_h2.gif) no-repeat 5px center; padding:0 25px; margin:0; zoom:1;}
	.h2Container ul li{ float:left; list-style:none; margin:3px 5px; padding:0 8px;height:30px; line-height:30px; font-size:13px;}
	.h2Container ul li a{ color:#128799; text-decoration:none; font-weight:bold;}
	.h2Container ul li.on, .h2Container ul li:hover{ border-radius:3px 3px 0 0; background:#fff; border-left:1px solid #bae4e8;border-top:1px solid #bae4e8;border-right:1px solid #bae4e8;border-bottom:1px solid #fff;}
	.h2Container ul li.on a, .h2Container ul li:hover a{ color:#333;}
	
	article { margin-bottom:10px; padding:10px; font:140%/200% tahoma,arial,\5b8b\4f53,sans-serif;}
	.product { margin-bottom:10px; padding:10px;}
	.product ul { margin:0 5px; padding:0; list-style:none;}
	.product ul li { float:left; width:230px; height:100px; padding:5px; color:#aaa;}
	.product ul li img { float:left; width:90px; height:90px; border:1px solid #aaa; margin:0 5px;}
	.product ul li:hover { background:#ffe;}
	.product h3 { background: url(../images/green_bar.gif) repeat-x 0 10px; margin:0 0 5px 10px; padding:0;}
	.product h3 span { background:#FFF; padding:0 10px; display:inline-block; font-size:13px; line-height:2em;  }
	.product h3 span a { font-size:13px; text-decoration:none; }
	
	.productPhoto { padding:10px;}
	.productView { margin-bottom:10px; padding:10px;}
	.productTag { height:25px; border-bottom:3px solid #4FA600;}
	.productTag a { height:25px; line-height:25px; display:block; float:left; margin:0 5px; padding:0 10px; text-decoration:none;}
	.productTag a:hover,.productTag .on { background:#4FA600; color:#FFF;}
	.productContent { margin-bottom:10px; padding:10px; font:120%/180% tahoma,arial,\5b8b\4f53,sans-serif;}
	
	.productDown { margin-bottom:10px; padding:10px;}
	.productDown table { border:0px solid #ccc; width:100%;}
	.productDown table th { background:#eee; color:#666; font-size:12px; font-weight:normal;}
	.productDown table td { padding:2px; border:1px solid #eee;}
	
	.articleTitle {}
	.articleTitle h1 { text-align:center; font-size:18px; padding:5px;}
	.articleTitle p {font-size:12px; margin:0; padding:0; text-align:center; color:#999; background:#f8f8f8;}
	.articleContent { padding:10px;}
	.articleList {}
	.articleList ul { list-style:none; margin:0; padding:5px;}
	.articleList ul li { line-height:34px; border-bottom:1px dotted #eee; padding-left:20px; background:url(../images/list_arr.gif) no-repeat left center;}
	.articleList ul li a { color:#333; font-size:13px; text-decoration:none;}
	.articleList ul li em { float:right; font-style:normal; font-size:11px; color:#999;}
	.articleList h3 { background: url(../images/green_bar.gif) repeat-x 0 10px; margin:0 0 5px 10px; padding:0;}
	.articleList h3 span { background:#FFF; padding:0 10px; display:inline-block; font-size:13px; line-height:2em;  }
	.articleList h3 span a { font-size:13px; text-decoration:none; }

	.neikanList{ padding:10px 0; margin:0;}
	.neikanList ul { list-style:none; margin:0; padding:0px;}
	.neikanList ul li { float:left; margin:5px; _margin:4px; width:142px; line-height:42px; height:42px; background:url(../images/neikan_bg.gif) no-repeat left center;}
	.neikanList ul li a { color:#555;line-height:42px; height:42px; padding:0 0 0 50px; font-size:13px; text-decoration:none;}

		
	/*鍒嗛〉*/
	.pages { margin:10px; text-align:center;}
	.pages a, .pages strong { border-radius:3px; color:#888; border:1px solid #ddd; background:#fefefe; padding:8px 12px; margin:0 2px; text-decoration:none;}
	.pages a:hover { background:#ffe; border:1px solid #f80; color:#f80;}
	.pages strong{ background:#999; border:1px solid #999; color:#fff;}
	
footer{ clear:both; padding:15px; margin:15px 0; color:#fff; background:#179aae; border-radius:5px;}
	footer address { font-style:normal;}
	
div#skygqOverlay{
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}