@charset "utf-8";
*{font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb",Geneva, Arial, Helvetica, sans-serif}
body{font-size:14px;text-align:center; background:url(../images/bottom_bg.jpg) repeat-x bottom;padding:2px 0 50px 0;margin:0;padding:0;color:#444}
h1,h2,h3,h4,h5,h6{ font-weight:normal;line-height:100%} ul,li{margin:0;padding:0; list-style:none} p{line-height:180%} .f12{font-size:12px}
a{color:#444;text-decoration:none} a:hover{text-decoration:underline} .clear{clear:both} img{vertical-align:top;border:0} .gcolor{color:#6A9B0B}

#wrap{width:809px; margin:0 auto; text-align:left;}

#header{height:158px; background:url(../images/top_bg.jpg); overflow:hidden;margin-bottom:10px}
	#logo{height:124px; overflow:hidden;position:relative} #logo img{position:absolute;top:1px;left:1px;}
	#nav{height:33px;padding-left:20px;line-height:33px;color:#FFC;font-weight:bold;font-size:14px;}
	#nav li{background:url(../images/li_line.gif) no-repeat right center;float:left;}
	#nav li a{color:#FFC;display:block;padding:0 13px; } #nav a:hover{color:#FF6;text-decoration:none}
	#nav li ul{text-align:left;left:-999em;width:102px;position:absolute;z-index:1000;background:#7CBC04; margin:0;padding:0;}
	#nav li ul li{float:left;width:100px;background:none;height:30px;line-height:30px;overflow:hidden;padding:0;border:1px solid #A3D04F;margin-top:-1px}
	#nav li ul a{display:block;text-align:left;padding:0 19px;text-decoration:none}
	#nav li ul a:hover{text-decoration:none;} #nav li:hover ul {left: auto;} #nav li.sfhover ul {left: auto;}

#body{height:100%}

	#bodytop{background:url(../images/body_top.jpg);height:54px;overflow:hidden}
	#bodycontent{background:url(../images/body_con.jpg) repeat-y top;height:100%}
	
		#bodyleft{width:240px;float:left; height:100%;margin-left:5px;padding:10px 20px}
		#flash{background:url(../images/flash_bg.gif);width:240px;height:120px; overflow:hidden}
		
		.faqtop{height:5px;overflow:hidden;background:url(../images/faq_bg_top.gif);margin:0 20px}
		.faqbottom{height:5px;overflow:hidden;background:url(../images/faq_bg_bottom.gif);margin:0 20px 20px 20px}
		.faq{background:#F1F1F1;margin:0 20px;padding:12px 8px}
		.faq li{height:26px;line-height:26px; background:url(../images/faq_li.gif) repeat-x bottom;padding-left:5px}
		
		#bodyright{width:460px;float:left; height:100%;margin-left:5px;padding:10px 20px}
		h1{font-size:18px;color:#6A9B0B;}
		h3{font-size:14px;color:#666;border-bottom:1px solid #E2E2E2;height:30px; line-height:30px; position:relative}
		h3 span{float:left; display:block;border-bottom:2px solid #CCC;padding:0 8px;color:#6A9B0B} h3 img{position:absolute;right:8px;bottom:5px}
		h4{color:#6A9B0B;font-size:15px;line-height:180%} #bodyright p{font-size:14px}
		.news li{height:22px; line-height:22px; background:url(../images/arr.gif) no-repeat 8px center; overflow:hidden;padding:0 20px}
		.news li span{float:right;color:#A6A6A6} .news li.line{border-top:1px dotted #E2E2E2;background:none;height:15px;overflow:hidden;margin-top:12px}
		
		.feature{margin-top:2em;width:460px;position:relative}
		.feature a img{border:1px solid #ccc;padding:1px;margin:0;width:140px;}
		.feature a:hover img{border:1px solid #2388ff; background:#ffc}
		#my-glider{position:relative}
		.scroller{overflow:hidden;width:460px;height:104px}
		.scroller .section{float:left;overflow:hidden;width:460px;white-space:nowrap;height:104px;text-align:center}
		.scroller .content{width:10000px}
		#prevLink,#nextLink{display:block;overflow:hidden;width:20px;text-indent:-9999px;position:absolute;top:35%;height:20px;background:url(../images/pre.gif) no-repeat;cursor:pointer}
		#nextLink{background-image:url(../images/next.gif);}
		#prevLink{left:-12px} #nextLink{right:-12px}
		
		
		.page {padding-top:15px;margin:3px;text-align:center}
		.page a{border:1px solid #2c2c2c;padding:2px 6px;margin-right:2px;background:#2c2c2c;color:#fff;text-decoration:none}
		.page a:hover {border:1px solid #aad83e;background:#A9E051;color:#fff;text-decoration:none}
		.page span.current {border:1px solid #A9E051;padding:2px 6px;font-weight:bold;background:#A9E051;color:#fff;margin-right:2px;}
		.page span.disabled {border:1px solid #CCC;padding:2px 6px;color:#CCC;margin-right:2px;}
		
			.photoList{margin:0;padding:20px 0 0 20px;height:100%}
	.photoList li{float:left;height:100px;width:125px;padding-left:10px;}
	.photoList img{width:100px;height:70px;border:1px solid #8FB5CB;padding:3px}

	
	#bodyfooter{background:url(../images/body_bottom.jpg);height:21px; overflow:hidden}

#footer{height:150px;line-height:60px;padding:0 10px;text-align:center;color:#999;position:relative} #footer a{color:#999;margin:0 8px}
#sb-container,#sb-wrapper{
text-align:left; 
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #303030;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto; 
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606; 
}
#sb-title,#sb-info{
position:relative;
margin:0; 
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
font-family:'Lucida Grande',Tahoma,sans-serif;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(../src/resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(../src/resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(../src/resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(../src/resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(../src/resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-family:'Lucida Grande',Tahoma,sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}