@charset "utf-8";
/* CSS Document */

#main{
   background-image:url(../images/bg-maincontent-top.gif);
   background-position:top left;
   background-repeat:no-repeat;
   width:954px;
   }
   
#main-left{
	width:202px;
	margin-top:12px;
	float:left;
}

#main-right{
	width:682px;
	margin-left: 45px !important ;
	margin-left:30px;
	float:left;
	margin-top:33px;
}

#main-down{
	background-image:url(../images/bg-maincontent-down.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:954px;
	height:40px;
	clear:both;
}

/************************次選單********************************/

#submenu{
	width:202px;
	margin-left:16px;
}

#leftMenu {
	MARGIN-BOTTOM: 0px;
}

#leftMenu UL {
	LIST-STYLE-TYPE: none;
	margin:0px;
	padding:0px;
}

#leftMenu LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	margin:0px;
	padding:0px;
}

#leftMenu A {
	DISPLAY: block; 
	PADDING-LEFT: 32px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND: url(../images/bg2-submenu.gif) no-repeat left top; 
	width:175px;
    *width:202px;
	COLOR: #2a5982; 
	PADDING-TOP: 9px; 
	PADDING-bottom:10px;
	TEXT-DECORATION: none;
	font-family:Verdana, Geneva, sans-serif;
}

#leftMenu A:link {
	BACKGROUND: url(../images/bg2-submenu.gif) no-repeat left top;
	COLOR: #2a5982;
}

#leftMenu A:visited {
	BACKGROUND: url(../images/bg2-submenu.gif) no-repeat left top; 
	COLOR: #2a5982; 
}

#leftMenu A:hover {
	BACKGROUND: url(../images/bg2-submenu-over.gif) no-repeat left top;
	COLOR: #2983d2;
}

#leftMenu A:active {
	BACKGROUND: url(../images/bg2-submenu.gif) no-repeat left top; 
	COLOR: #2a5982; 
}

#leftMenu2 {
	MARGIN-BOTTOM: 0px;
}

#leftMenu2 UL {
	margin:0px;
	padding:0px;
	LIST-STYLE-TYPE: none;
}

#leftMenu2 LI { 
	BACKGROUND: none transparent scroll repeat 0% 0%;
	margin:0px;
	padding:0px;
	
}

#leftMenu2 A {
	DISPLAY: block; 
	PADDING-LEFT: 32px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND: url(../images/bg2-submenu-over.gif) no-repeat left top; 
	width:175px;
    *width:202px;
	COLOR: #2983d2; 
	PADDING-TOP: 9px; 
	PADDING-bottom:10px;
	TEXT-DECORATION: none;
	font-family:Verdana, Geneva, sans-serif;
}

#leftMenu2 A:link {
	BACKGROUND: url(../images/bg2-submenu-over.gif) no-repeat left top;
	COLOR: #2983d2;
	border-top:#d9d9d9 0px solid;
	border-bottom:#d9d9d9 0px solid;
}

#leftMenu2 A:visited {
	BACKGROUND: url(../images/bg2-submenu-over.gif) no-repeat left top;
	COLOR: #2983d2; 
	border-top:#d9d9d9 0px solid;
	border-bottom:#d9d9d9 0px solid;
}

#leftMenu2 A:hover {
	BACKGROUND: url(../images/bg2-submenu-over.gif) no-repeat left top;
	COLOR: #2983d2;
	border-top:#d9d9d9 0px solid;border-top:#d9d9d9 0px solid;
	border-bottom:#d9d9d9 0px solid;
}

#leftMenu2 A:active {
	BACKGROUND: url(../images/bg2-submenu-over.gif) no-repeat left top;
	COLOR: #2983d2;
	border-top:#d9d9d9 0px solid;
	border-bottom:#d9d9d9 0px solid;
}

#leftMenu3 {
	MARGIN-BOTTOM: 0px;
}

#leftMenu3 UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}

#leftMenu3 LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 3px; 
	
}

#leftMenu3 A {
	DISPLAY: block; 
	PADDING-LEFT: 27px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	width:175px;
    *width:202px;
	COLOR: #333333; 
	PADDING-TOP: 3px; 
	PADDING-bottom:6px;
	TEXT-DECORATION: none;
	font-family:Verdana, Geneva, sans-serif;
}

#leftMenu3 A:link {
	COLOR: #666666; 
}

#leftMenu3 A:visited {
	COLOR: #666666; 
}

#leftMenu3 A:hover {
	COLOR: #ff9900; 
}

#leftMenu3 A:active {
	COLOR: #666666; 
}

/***********************banner************************/

#banner-bg{
	padding-top:28px;
	background-image:url(../images/bg-banner.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:218px;
	height:237px;
}

#banner{
	margin-left:16px;
	padding-bottom:8px;
}

/****************location**************************************/
#subtitle{
	width:300px;
	float:left;
	margin:0px;
	padding:0px;
}
#location{
	font-size:10px;
	color:#0daac7;
	text-decoration:none;
	width:300px;
	float:right;
	text-align:right;
	padding-top:15px;
}

#location A:link {
	color:#999;
	text-decoration:none;
}

#location A:visited {
	color:#999;
	text-decoration:none;
}

#location A:hover {
	COLOR: #0daac7 !important ;
	text-decoration:none;
}



#line{
	background-image:url(../images/aboutus-m_03_05.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:auto;
	height:5px;
	margin:0px;
	padding:0px;
}
	
/******************主內容*********************/

.content{
	color:#666;
	font-size:11px;
	line-height:16px;
}

.ul2{
	list-style-image:url(../images/icon-dot.gif);
	list-style-type:none;
	color:#666;
	font-size:11px;
	margin-left:16px;
	line-height:20px;
	margin-top:0px;
	padding-top:0px;
}
	
/***********產品********************/

#pdleft{
	width:308px;
	float:left;
}

#pdright{
	width:371px;
	float:left;
	padding-left:2px;
}

#pdline{
	background-color:#e2eff3;
	height:1px;
	clear:both;
}

#pd-tbtitle{
	background-color:#f0f7f9;
	height:25px;
	text-align:center;
}

#pd-img{
	width:308px;
	height:153px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}

#pd-content{
	width:349px;
	padding-top:35px;
	padding-bottom:20px;
	padding-left:22px;
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
}

#pd-title{
	color:#218caa;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#pd-title A:link {
	color:#218caa;
	text-decoration:none;
}

#pd-title A:visited {
	color:#218caa;
	text-decoration:none;
}

#pd-title A:hover {
	color:#ef8f21 !important ;
	text-decoration:none;
}

#pd-more{
	color:#99cc33;
	font-size:11px;
}

#pd-more A:link {
	color:#99cc33;
	text-decoration:underline;
}

#pd-more A:visited {
	color:#99cc33;
	text-decoration:underline;
}

#pd-more A:hover {
	color:#ef8f21 !important ;
	text-decoration:none;
}

#pd-titleb{
	color:#218caa;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	padding-bottom:10px;
	border-bottom:#e5e8ed 2px solid;
	line-height:18px;
}

#pd-imgb{
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}

#pd-link{
	text-align:right;
	padding-bottom:10px;
	padding-right:20px;
}

#pdline2{
	background-image:url(../images/line_dot.gif);
}

#pd-bgspec{
	background-image:url(../images/bg-pdspec.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
}

#pd-dleft{
	width:45%; 
	float:left; 
}

#pd-dright{
	width:45%; 
	float:right;
}

#pd-dtext{ 
	padding-top:20px;
}

#pd-text{
	color:#666;
	line-height:16px;
	font-size:11px;
	padding-top:10px;
	padding-bottom:30px;
	
}
	

/******************************分頁 *********************************************/
#center_pagelink{
	width:100%;
	height:30px;
	text-align:center;
	float:left;
	padding-top:10px;
	
}
.pagelink {
 font-size: 11px;
 color: #999999;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}
.pagelink a:link {
	font-size: 10px;
	color: #f76728;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelink a:hover {
	font-size: 10px;
	color: #9bba2e;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelink a:visited {
	font-size: 10px;
	color: #f76728;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.pagelink2 {
	FONT-SIZE: 11px;
	COLOR: #999999;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelink2 A:link {
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.pagelink2 A:hover {
	FONT-SIZE: 11px;
	COLOR: #990000;
	TEXT-DECORATION: underline
}
.pagelink2 A:visited {
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none
}

.searchpdno {
	font-size: 11px;
	font-weight: bold;
	color: #f76728;
	font-family: Arial, Helvetica, sans-serif;
}

	
/*************聯絡我們****************************/

#cs-map{
	width:400px;
	float:left;
}

#cs-info{
	width:250px;
	float:right;
}

#cs-title{
	color:#218caa;
	font-size:11px;
	font-weight:bold;
}

#cs-text{
	color:#444444;
	font-size:11px;
	line-height:16px;
	padding-top:5px;
}

#cs-text A:link {
	color:#444444;
	TEXT-DECORATION: none
}
#cs-text A:hover {
	color:#ef8f21 !important ;
	TEXT-DECORATION: underline
}
#cs-text A:visited {
	color:#444444;
	TEXT-DECORATION: none
}

.star{
	color:#F00;
	font-size:11px;
}

#csform-title{
	color:#444444;
	font-size:11px;
	width:15%;
	text-align:right;
	float:left;
}

#csform{
	width:55%;
	float:left;
	padding-left:10px;
}

.csform{
	background-color:#eeeeee;
	border:#c8c8c8 1px solid;
	color:#333;
	font-size:11px;
}

/****************************************網站導覽*****************************************/

#sitemaplist{
	width:100%;
	padding-top:15px;
}


#sitemaplist_tb{
	width:100%;
	float:left;
}

#sitemap_title{
	width:100%;
	background-color:#e8eff5;
	color:#2a86c9;
	font-size:12px;
	padding-top:7px;
	padding-left:8px;
	padding-bottom:4px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#sitemap_title2{
	width:100%;
}

#sitemap_title a:link{
	color:#2a86c9;
	text-decoration: none;
	background-color:#e8eff5;
}
#sitemap_title a:hover {
	color:#2a86c9 !important ;
	text-decoration:underline;
	background-color:#e8eff5;
}
#sitemap_title a:visited {
	color:#2a86c9;
	text-decoration: none;
	background-color:#e8eff5;
	}
	
#sitemap{
	width:100%;
	color:#666;
	font-size:11px;
	padding-top:8px;
}

#sitemap a:link{
	color:#666;
	text-decoration: none;
}
#sitemap a:hover {
	color:#2a86c9 !important ;
	text-decoration: underline;
}
#sitemap a:visited {
	color:#666;
	text-decoration: none;
	}

#sitemap_sp{
	width:100%;
	height:25px;
	clear:both;
}
#sitemap_line{
	background-color:#f2ecf1;
	height:1px;
	width:100%;
	}