@charset "utf-8";
/* CSS Document */

/*******************************************************************************/
/*                   首頁部分
/*******************************************************************************/


/******************************visual img 部分 *********************************************/
#img-visual{
	width:100%;
	height:35px;
	background-color:#89ace2;	
}



/*******************************************************************************/
/*                       內頁內文架構
/*******************************************************************************/
.content_size13blue {
	font-size: 13px;
	color: #007DAE;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.pdFunction {		font-size: 12px;	line-height: 14px;	color: #0099CC;}
.content_size13c3 {
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.content_size13c2-2{
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #003373;
	LINE-HEIGHT: normal;
	font-family: "新細明體";
}
.title05-2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #e10d53;
	font-family: Arial, Helvetica, sans-serif;
}
.pd_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}

.postDate {
	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;
	color: #666666;
}




#stitle_bg{
	width:100%;
	height:36px;
	background-image:url(../images/bg_1.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top:12px;
	padding-left:5px;
	
}


#main_outline{
	width:100%;
	height:30px;
	background-image:url(../images/bg_sub.gif);
	background-repeat:repeat-x;
	text-align: -moz-center !important ;
	#text-align:center;
	
}

#main{
	width:900px;
	background-color:#FFF;
	text-align:left;
}

#main_right{
	width:703px;
	float:right;
	margin-right:0px;
	
}

#main_left{
	width:175px;
	float:left;
}

/*******************************************************************************/
/*                            次選單
/*******************************************************************************/
#subtitle {
	background-image:url(../images/bg_subtitle.gif);
	background-repeat:repeat-x;
	width:100%;
	height:38px;
	margin-bottom:0px;
}


#leftMenu {
	MARGIN-BOTTOM: 0px;
}

#leftMenu UL {
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	LIST-STYLE-TYPE: none;
}

#leftMenu LI {
	padding:0px;
	margin:0px;
	BACKGROUND: none transparent scroll repeat 0% 0%; 

}

#leftMenu A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 25px;
	FONT-SIZE: 12px;
	BACKGROUND: url(../images/bg-submenu-3.gif) no-repeat left top;
	WIDTH: 152px;
	#width:175px;
	COLOR: #006699;
	PADDING-TOP: 6px;
	PADDING-BOTTOM:7px;
	TEXT-DECORATION: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#leftMenu A:link {
	BACKGROUND: url(../images/bg-submenu-3.gif) no-repeat left top; 
	COLOR: #006699; 
	BORDER-BOTTOM: #edefef 1px solid; 
	TEXT-DECORATION: none;
}

#leftMenu A:visited {
	BACKGROUND: url(../images/bg-submenu-3.gif) no-repeat left top; 
	COLOR: #006699; 
	BORDER-BOTTOM: #edefef 1px solid; 
	TEXT-DECORATION: none;
}

#leftMenu A:hover {
	BACKGROUND: url(../images/bg-submenu-3-over.gif) no-repeat left top; 
	COLOR: #99003d; 
	BORDER-BOTTOM: #edefef 1px solid;
	
}

#leftMenu2 {
	MARGIN-BOTTOM: 0px;
}

#leftMenu2 UL {
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	LIST-STYLE-TYPE: none;
}

#leftMenu2 LI {
	padding:0px;
	margin:0px;
	BACKGROUND: none transparent scroll repeat 0% 0%; 

}

#leftMenu2 A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 25px;
	FONT-SIZE: 12px;
	BACKGROUND: url(../images/bg-submenu-3-over.gif) no-repeat left top;
	WIDTH: 152px;
	#width:175px;
	COLOR: #006699;
	PADDING-TOP: 6px;
	PADDING-BOTTOM:7px;
	TEXT-DECORATION: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#leftMenu2 A:link {
	BACKGROUND: url(../images/bg-submenu-3-over.gif) no-repeat left top; 
	COLOR: #99003d; 
	BORDER-BOTTOM: #edefef 1px solid;
}

#leftMenu2 A:visited {
	BACKGROUND: url(../images/bg-submenu-3-over.gif) no-repeat left top; 
	COLOR: #99003d; 
	BORDER-BOTTOM: #edefef 1px solid;
}

#leftMenu2 A:hover {
	BACKGROUND: url(../images/bg-submenu-3-over.gif) no-repeat left top; 
	COLOR: #99003d; 
	BORDER-BOTTOM: #edefef 1px solid;
	
}

#leftMenu3 {
	MARGIN-BOTTOM: 0px;
}

#leftMenu3 UL {
	padding:0px;
	margin:0px;
	LIST-STYLE-TYPE: none;
}

#leftMenu3 LI {
	padding:0px;
	margin:0px;
	BACKGROUND: none transparent scroll repeat 0% 0%; 

}

#leftMenu3 A {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 23px; 
	FONT-SIZE: 11px;
	background-color:#e6f0f7;
	PADDING-BOTTOM: 5px; 
	WIDTH: 152px;
	#width:175px;
	COLOR: #666; 
	PADDING-TOP: 8px; 
	TEXT-DECORATION: none;
	font-family:Arial, Helvetica, sans-serif;
}

#leftMenu3 A:link {
	COLOR:#666; 
	BORDER-BOTTOM: #ffffff 1px solid;
	TEXT-DECORATION: none;
}

#leftMenu3 A:visited {
	COLOR:#666; 
	BORDER-BOTTOM: #ffffff 1px solid;
	TEXT-DECORATION: none;
}

#leftMenu3 A:hover {
	color:#ff9900 !important ;
	BORDER-BOTTOM: #ffffff 1px solid;
	TEXT-DECORATION: none;
}

/************************product_list*********************/



#pd_outline{
	width:100%;
	text-align:left;
	padding-top:5px;
}

#pd_list{
	width:100%;
	height:140px;
}
#pd_space{
	width:100%;
	height:1 !important ;
	#height:20px;
}
#pd_space2{
	width:100%;
	height:20px;
}
#pd_line{
	width:100%;
	height:18;
	background-image:url(../images/pd_line.gif);
	clear:both;
}
#pd_bg{
	width:175px;
	height:175px;
	background-image:url(../images/bg_pd.gif);
	float:left;
}
#pd_pic{
	width:130px;
	height:130px;
	padding-top:8px;
	padding-left:13px;
}
#pd_title{
	width:140px;
	*width:145px;
	height:40px;
	*height:20px;
	text-align:center;
	padding-top:30px;
	*padding-top:10px;
	padding-left:25px;
	*padding-left:35px;
	
}
#center_pagelink{
	width:100%;
	height:30px;
	text-align:center;
	float:left;
	padding-top:10px;
	
}
/************************product_Detail*********************/

#product_topleft{
	width:340px;
	float:left;
	padding-top:15px;
}
#product_topright{
	width:326px;
	float:right;
	padding-top:0px;
}
#product_mpic{
	width:326px;
	height:245px;
	background-image:url(../images/pdbg.gif);
	background-repeat:no-repeat;
	text-align:center;
	
}

/****************************************news 詳細說明*****************************************/

#newstitle{
	font-size:15px;
	color:#484848;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:3px;
}

#news_content{
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#555;
}

.dw-bg{
	clear:both;
	background-color:#f8ffff;
	height:20px;
}

#dw{
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	color:#46a3ad;
	font-weight:bold;
	padding-left:15px;
	}

#dw a:link{
	color:#46a3ad;
	text-decoration:none;
}
#dw a:hover{
	color:#F60 !important ;
	text-decoration:underline;
}	
#dw a:visited{
	color:#46a3ad;
	text-decoration:none;
}		

#newsbar{
	width:100%;
	height:40px;
	margin-top:20px;
	clear:both;
}

#newsbar_back{
	width:auto;
	float:left;
}

#news_other{
	width:100%;
	padding-top:10px;
	padding-bottom:30px;
}

.ul4 {
	font-size: 12px;
	color: #46a3ad;	
	list-style-position: outside;
	PADDING-LEFT: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.ul4 a:link {
    list-style-image: url(../images/icon_5.gif);
	color: #4899ff;    
	text-decoration: none;
	line-height: 18px;	
	}
.ul4 a:hover {
	color:#F60 !important ; 
	text-decoration: underline;
	}
.ul4 a:visited {
	color: #4899ff;    
	text-decoration: none;
	}

#newsbar_top{
	width:auto;
	float:right;
}

#newsbar2{
	border-bottom:1px solid #f2ecf1;
	width:100%;
	font-size:12px;
	color:#707070;
	padding-bottom:4px;
	font-weight:bold;
}

#news_more{
	color:#46a3ad;
	font-size:12px;
	font-weight:bold;
	padding-bottom:15px;
}

#news_more a:link{
	color:#4899ff;
	text-decoration:none;
}
#news_more a:hover{
	color:#F60 !important ; 
	text-decoration:underline;
}	
#news_more a:visited{
	color:#4899ff;
	text-decoration:none;
}		
.newsdate{
	color:#999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
/************************contact us form*********************/

#contactus_form{
	width:65%;
	text-align:left;
	float:left;
}
#contactus_summary{
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	width:100%;
	text-align:left;
	padding-top:20px;
	padding-bottom:25px;
}
#form{
	width:20%;
	text-align:right;
	float:left;
}
#form2{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:75%;
	float:left;
	padding-left:10px;
	padding-bottom:2px;	
}
#form_bar{
	clear:both;
	height:5px;
}


#form_title{
	width:18%;
	height:20px;
	text-align:right;
	float:left;
	padding-right:8px;
	padding-top:3px;
}
#form_input{
	width:80%;
	height:20px;
	text-align:left;
	float:right;
	
}



#contactus_location{
	width:30%;
	text-align:left;
	float:right;
}
#location_title{
	width:100%;
	text-align:left;
	float:right;
	
}
#location_content{
	width:100%;
	text-align:left;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	
}
#location_map{
	width:100%;
	text-align:left;
	float:right;
	
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	
}


/****************************************聯絡我們*****************************************/

#form_left{
    color:#484848;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:28%;
	float:left;
	padding-left:5px;
	margin-top:6px;
	text-align:right;
}

#form_left2{
    color:#484848;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	margin-top:6px;
	width:28%;
	text-align:right;
	padding-bottom:10px;
	padding-top:10px;

}

#form_left3{
    color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:28%;
	float:left;
	padding-left:5px;
	margin-top:6px;
	text-align:right;
}

#form_right{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:65%;
	float:left;
	padding-left:10px;
	padding-bottom:15px;
	margin-top:5px;
}

#form_right2{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:65%;
	float:left;
	padding-left:10px;
	padding-bottom:2px;
	margin-top:5px;
}

.form_inquriy{
	border:1px solid #c8c8c8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background-color:#eeeeee;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:2px;
}

.redstar{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F00;
}

/****************************************網站導覽*****************************************/

#sitemaplist{
	width:100%;
	padding-top:15px;
}


#sitemaplist_tb{
	width:200px;
	float:left;
}

#sitemap_title{
	width:200px;
	background-color:#e8eff5;
	color:#2a86c9;
	font-size:12px;
	padding-top:7px;
	padding-left:8px;
	padding-bottom:4px;
	font-weight:bold;
}

#sitemap_title2{
	width:200px;
}

#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:200px;
	color:#666;
	font-size:12px;
	padding-top:8px;
	font-weight:bold;
}

#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%;
	}
