@charset "utf-8";
/* ------------------------------------------------- 協同資料
Site Name: 
Site URI: 
Description: 
Version: 1.4
Author: 
Updated: 2010-04-11
Updated by: kerwin
---------------------------------------------------- 建議值
COLOR:
Body background: 
Container background: 
Main Text: 
Links: 
Visited links:
Hover links:
H1, H2, H3:
H4, H5, H6:
---------------------------------------------------- 頁面命名規則
#news_list, #news_view,
#member_edit, #member_forget, #member_join, #member_clause,
#store, #contact_view, #contact_ok, #contact2_view, #contact2_ok,
#question_list, #question_view, #question2_list, #question2_view, #question3_list, #question3_view
*/


/* 重設
--------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
abbr,acronym { border: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }


.txt_hack{ word-wrap: break-word; word-break: break-all; }

/* 基本
--------------------------------------------------- */
body {
	background: url(../images/body_bg.gif) repeat-x #9D9DA0;
	font: 12px/153.9% arial,helvetica,clean,sans-serif;
	*font-size: 12px; 
	color: #909090;
	}

a {	color: #1D91DA;	cursor:pointer; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 24px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; color: #656565; }
h2 { font-weight: bold; font-size: 15px; line-height: 18px; color: #656565; }
h3 { font-weight: bold; font-size: 15px; line-height: 18px; }
h4 {  }
abbr,acronym { border-bottom: 1px dotted black; } /* abbr用於縮寫，acrony頭字語的簡稱 */
acronym:after { content: " (" attr(title) ")"; } /* 列印時自動展開成全稱 */
address,caption,cite,em,strong {  }

pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%; }
	
	
/* LAYOUT CLASS
--------------------------------------------------- */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.right{ float: right; }
.left{ float: left; }
.center{ text-align: center; }
.small {font-size: 0.8em;}
.hidden {display: none;}

.btnpic { 
	vertical-align: text-bottom; /* 詳細全文非固定 */
	margin: 0 0 0 3px;
}
.btnpic2 { 
	vertical-align: text-bottom; /* 詳細全文固定 */
	margin: 0 5px 0 3px;
	float:right;
	}
.btnpic3{
	vertical-align: top;
	}
.englag{
	font-family: Arial, Helvetica, sans-serif; /* 英文字 */
}


/* GRID
--------------------------------------------------- */
.twoColumn, .threeColumn, .r1, .r2, .twoRow{ clear: both; }
.column { float: left; }
.row { float: left; }


/* 測試視覺化設定
--------------------------------------------------- */
/*div { border: solid 1px #F00; background-color:#CCC;}*/
.bbb{ border: solid 1px #F00; background-color:#CCC;}


/* 二欄式
--------------------------------------------------- */
#header { height: 106px; background: url(../images/header_bg.gif) repeat-x; }
#header1{ width: 1000px; margin: 0 auto; }
	.logo { float:left; padding: 0 0 0 49px; height:58px; }
	#topNav { float:right; width: 202px; padding: 32px 0 0 50px; }
		#topNav a.webmap_btn{ margin-left: 19px; }
	#mainNav { clear:both; padding-left: 50px;}
		#mainNav ul{}
		#mainNav ul li{  float:left;  }
		#mainNav ul li a{ height: 48px; display:block; text-indent: -9999px; background: url(../images/mainNav_sp.gif) no-repeat 0 0; }
		#mainNav ul li a.mn-home{ width: 120px; background-position: 0 0; }
		#mainNav ul li a.mn-home:hover{ background-position: 0 -48px; }
		#mainNav ul li a.mn-profile{ width: 122px; background-position: -120px 0; }
		#mainNav ul li a.mn-profile:hover{ background-position: -120px -48px; }
		#mainNav ul li a.mn-web{ width: 118px; background-position: -242px 0; }
		#mainNav ul li a.mn-web:hover{ background-position: -242px -48px; }
		#mainNav ul li a.mn-seo{  width: 161px; background-position: -360px 0; }
		#mainNav ul li a.mn-seo:hover{  background-position: -360px -48px; }
		#mainNav ul li a.mn-photo{  width: 159px; background-position: -521px 0; }
		#mainNav ul li a.mn-photo:hover{  background-position: -521px -48px; }
		#mainNav ul li a.mn-knowhow{  width: 99px; background-position: -680px 0; }
		#mainNav ul li a.mn-knowhow:hover{  background-position: -680px -48px; }
		#mainNav ul li a.mn-contact{  width: 123px; background-position: -779px 0; }
		#mainNav ul li a.mn-contact:hover{  background-position: -779px -48px; }
/* header end */

#banner{ height: 174px; background: url(../images/banner_bg.gif) repeat-x; }
#banner1{ width:1000px; margin: 0 auto; }
/* banner end */

/* index
--------------------------------------------------- */
#intro{ float:left; width: 658px; padding: 19px 0 0 50px; }
	#intro .r1 p { line-height: 138.5%; margin-bottom: 15px; margin-bottom: 17px \9; *margin-bottom: 20px;}
	#intro .r2 .intro_pic{ padding-left: 15px; }
#ad{ float:right;  padding: 45px 51px 0 0; *padding: 58px 51px 0 0; }
#sitemap{
	clear:both; width: 857px; height: 153px; margin: 0 auto;
	padding: 66px 21px 0; line-height: 20px;
	background: url(../images/sitemap_bg.jpg) no-repeat;
	}
#sitemap a{ color:#797979; }
#sitemap a.title{ color: #1D91DA; }
h1#index{ height: 50px; background: url(../images/h1_index.gif) no-repeat; text-indent: -999px; }
/* index end */ 




/* 通用
--------------------------------------------------- */
#photo_view0, #contact_view, #contact_ok, #knowhow_view, #knowhow2_view, #knowhow3_view, #knowhow5_view,
#knowhow6_view, #knowhow7_view{
text-indent:0;
}

#main, #main1{ min-height: 650px; }
#main{ background-color: #FFFFFF; }
#main1 {
	width: 1000px;
	margin: 0 auto;
	overflow:hidden; /* hasLayout */
	background: url(../images/leftBar_bg.gif) repeat-y;
	}
	#proweb_index #main1{ background: none; min-height: 0; } /* 首頁無左側背景 */
	#leftBar { float:left; width: 221px; padding: 0 26px 0 51px; _padding: 0 20px 0 51px; background: url(../images/leftBar_bg.gif) no-repeat;}
		#leftBanner{ line-height: 0; }
		#leftNav a{ float:left; /* hasLayout */ }
		#leftNav a.d1{ line-height: 0; width: 221px; }
		#leftNav a.d2{ background: url(../images/subNav_bg.gif) no-repeat; color:#000000; }
		#leftNav a.s1d2{ background: url(../images/subNav_a1_bg.gif) no-repeat 0 2px; color: #FFFFFF; }

		#leftBar #leftNav .subNav{ clear:both; padding: 0 9px; }
		#leftBar #leftNav .subNav a.d2{
		clear:both;  display: block; 
		width: 143px; padding: 3px 30px; border-bottom: 1px solid #D9D7D8;
		
		}
	#center { float:right; width: 698px; padding-bottom: 50px;}
		h1#about, h1#story, h1#planning, h1#web, h1#news, h1#photo, h1#news2, h1#news3, h1#album{
		height: 66px; background: url(../images/h1_sp.gif) no-repeat 0 0;
		text-indent: -9999px;
		}
		h1#knowhow, h1#knowhow1, h1#knowhow2, h1#knowhow3, h1#knowhow4, h1#knowhow5, h1#knowhow6, h1#knowhow7, h1#contact,
		h1#webmap{
		height: 66px; background: url(../images/h1_sp2.gif) no-repeat 0 0;
		text-indent: -9999px;
		}
		h1#story{ background-position: 0 -66px }
		h1#planning{ background-position: 0 -132px }
		h1#web{ background-position: 0 -198px }
		h1#news{ background-position: 0 -264px }
		h1#photo{ background-position: 0 -330px }
		h1#news2{ background-position: 0 -396px }
		h1#news3{ background-position: 0 -462px }
		h1#album{ background-position: 0 -528px }
		
		h1#knowhow2{ background-position: 0 -66px }
		h1#knowhow3{ background-position: 0 -132px }
		h1#knowhow4{ background-position: 0 -198px }
		h1#knowhow5{ background-position: 0 -264px }
		h1#knowhow6{ background-position: 0 -330px }
		h1#knowhow7{ background-position: 0 -396px }
		h1#contact{ background-position: 0 -462px }
		h1#webmap{ background-position: 0 -528px }
		
		#page_title{  }
		#main_content{  padding: 0 42px 0 18px; _padding: 0 22px 0 10px; text-indent: 24px; line-height: 20px; }
			#main_content h2{
			float:left; background: url(../images/vision_line_bg.gif) no-repeat 0 bottom;
			width: 376px; *width: 300px; padding-bottom: 10px; text-indent: 0; padding-left: 24px; }
			#main_content .process h2{ width: 560px; }

		.drop_class, div.back{ float:right; margin: 0 3px 0 0; }
		.date{ vertical-align: text-bottom; margin: 0 10px 5px 0; *margin: 0 10px 0 0; display: inline-block; }
		div.page{ 
			color: #627074; width: 100%;
			margin: 0 0 20px 0;
			padding: 0 10px 0 0;
			float:right;
			text-align: right;
			background: url(../images/vision_line_bg.gif) no-repeat 10px top;
			*background: url(../images/vision_line_bg.gif) no-repeat 0 top;
			height: 30px;
/*			display:inline !important;
			height:auto !important;*/
			}
/* main end */

	.about_company_pic1{ padding: 0 18px 0 20px; }
	h2#goodweb{
		width: 600px; height: 65px; padding: 0 0 10px; float:left; text-indent: -9999px;
		background: url(../images/h2_about_company1.gif) no-repeat;
		}
	.process{ clear:both; margin-bottom: 30px; overflow:hidden;/* hasLayout*/ }
	.process1, .process2, .process3{ width: 174px; height: 131px; float:left; padding: 66px 19px 0;  color: #656565; }
	.process1{ background: url(../images/about_company_tactic_bg1.gif) no-repeat }
	.process2{ background: url(../images/about_company_tactic_bg2.gif) no-repeat }
	.process3{ background: url(../images/about_company_tactic_bg3.gif) no-repeat }
/* about_view end */

	#story_view{ padding: 20px 0 0 0; }
	.sign{ clear:both; text-align: right; padding-top: 25px; }
/* story_view end */
	
	#planning_view .hd{ height: 111px; background: url(../Images/planning_hd.gif) no-repeat; border: none; padding: 26px 0 0 29px; }
	#planning_view .bd{ background: url(../Images/planning_bd.gif) repeat-y; border: none; padding: 0 0 0 29px; position:relative; text-indent: 0; }
	#planning_view .ft{ height: 36px; background: url(../Images/planning_ft.gif) no-repeat; border: none; }
	#planning_view h3{ width: 300px; height:24px; text-indent: -9999px; margin-bottom: 15px;  }
	h3.pp1{ background: url(../images/resume_view_p1.gif) no-repeat; }
	h3.pp2{ background: url(../images/resume_view_p2.gif) no-repeat; }
	h3.pp3{ background: url(../images/resume_view_p3.gif) no-repeat;  margin-bottom: 0; }
	h3.pp4{ background: url(../images/resume_view_p4.gif) no-repeat; margin-top: 10px; }
	h3.pp5{ background: url(../images/resume_view_p5.gif) no-repeat;  margin-top: 10px; }
	h3.pp6{ background: url(../images/resume_view_p6.gif) no-repeat; }
	h3.pp7{ background: url(../images/resume_view_p7.gif) no-repeat; }
	h3.pp8{ background: url(../images/resume_view_p8.gif) no-repeat; }
	#planning_view h3.pp9{ background: url(../images/resume_view_p9.gif) no-repeat; margin: 0; }
	.people{
	position:absolute;
	top: 250px; right: 150px;
	width: 119px; height:227px; text-indent: -9999px;
	background: url(../Images/resume_view_people_bg.gif) no-repeat
	}
/* planning_view end */
	.webBox{ 
	width: 630px; height: 114px; border: 3px solid #EAEAEA;
	text-indent: 0;  padding: 9px 9px; margin-bottom: 9px; color: #000;
	}
	.webBox .c1{  float:left; }
	.webBox .c2{ float:left; padding-left: 12px; }
	.webBox p{ margin-bottom: 6px; }
	.webBox p.webArt{ text-indent: 13px;}
	.webBox p.webClass{ font-weight: bold; }
	
	.talkBox{ padding-top: 10px; }
	.talkT{ border-collapse: collapse; border: 3px solid #EBEBEB; background-color: #F6F6F6; height: 44px; margin-top: 10px;  }
	.talkT a{ color: #505050; }
/* web_view0 end*/

	.webT{ width: 654px; clear:both; *font-size: 12px; border-top:1px solid #dedede; border-left:1px solid #dedede }
	.webT td{
	width: 288px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 17px; line-height: 18px;  }
	.webT p{ margin-bottom: 0; }
	.webT .sWeb_pic{ float:left; border: 3px solid #e8e8e8; margin-right: 7px; }
	.webT p.webName{ /*width: 124px;*/ color: #2592d3; font-weight: bold; display: block; height: 38px; border-bottom: 1px solid #E8E8E8;  }
	.webT { text-indent: 0; }
/* product_list end */

	.bd{ clear:both; border: 1px solid #DDDDDD; width: 654px; }
	#product_list .bd{ padding: 53px 0 0 0 }
	#product_list .twoRow{ width: 504px; margin: 0 auto; text-align: center; text-indent: 0; }
	#product_list .twoRow .r1{ width: 356px; margin: 0 auto; text-align: center; padding-bottom: 9px; }
	#product_list .twoRow .r1 img{ border: 3px solid #ddd }
	#product_list .twoRow .r2{ width: 470px; margin: 0 auto 15px; text-align: left; }
	#product_list .twoRow .r2 img{ border: 3px solid #ddd;/* margin: 10px;*/ }
	
	.product_intro{ width: 503px; margin: 0 auto 15px; color: #555555; }
	.details_title{
		width: 503px; height: 27px; line-height: 27px;margin-bottom: 5px;
		display: block; padding: 0 0 0 8px; font-weight: bold;
		background: url(../images/H5Feature_bg.gif) no-repeat;
		}
/* product_view end */

	.H2Seo{ width: 652px; height:83px; background: url(../images/H2Seo.jpg); text-indent: -9999px; }
	.seoT{ border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5 }
	.seoT td, .seoT th{
	text-indent: 0;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	}
	.seoT thead td{ color: #FFFFFF; font-weight: bold;	background: url(../images/seoT_thead_bg.gif) repeat-x; height:32px;}

	.seoT tbody{ color: #1c1c1c; }
	.seoT tbody .odd{ background-color: #EAF6FB; }
	.seoT tbody th, .seoT tbody td{ padding: 8px; }
	.seoT tbody th{ font-weight: bold; text-align: center; }
/* news_list end */
	#news_view .bd{ clear:both; border: none; }
	#articleView{ overflow:hidden; }
	#articleView .col1{ float:left; width: 150px; height: 150px; border: 3px solid #F4F4F4; text-align: center; text-indent: 0; }
	#articleView .col2{ float: left; margin-left: 10px; width: 484px; text-indent: 0; }
	
/* news_view end */


	#photo_view0{ line-height: 0; }
/* photo_view0 end */

	.webT2{ width: 654px; clear:both; *font-size: 12px; border-top:1px solid #dedede; border-left:1px solid #dedede }
	.webT2 td{
	width: 216px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 20px; line-height: 18px;
	}
	.webT2 p{ margin-bottom: 0;}
	.webT2 .sWeb_pic{ clear:both; border: 3px solid #e8e8e8; }
	.webT2 p.webName{
	text-align: left; height: 38px; width: 120px;
	color: #3c3c3c; font-weight: bold; display: block; 
	}
	.webT2 p.webName a{ color: #3c3c3c; }
/* news2_list, news3_list end */

	#news2_view .bd, #news3_view .bd{ padding: 53px 0; }
	#news2_view .video_object, #news3_view .video_object{
	width: 504px; margin: 0 auto; text-align: center;
	text-indent: 0; padding-bottom: 10px;
	}
/* news2_view ned */


/* knowhow 區
--------------------------------------------------- */

	#knowhow_view{ background:url(../images/knowhow_view_bg.gif) no-repeat; padding: 48px 22px; }
	.valueBox1 h3, .valueBox2 h3, .valueBox3 h3, .valueBox4 h3, .valueBox5 h3{
	background: url(../images/knowhow_h3_sp.gif) no-repeat 0 0; text-indent: -9999px; margin-bottom: 10px;
	}
	.valueBox2 h3{ background-position: 0 -20px;}
	.valueBox3 h3{ background-position: 0 -40px;}
	.valueBox4 h3{ background-position: 0 -60px;}
	.valueBox5 h3{ background-position: 0 -80px;}
	.valueBox1, .valueBox2, .valueBox3, .valueBox4, .valueBox5{ width: 460px; height:90px; padding: 20px 0 0 125px; _line-height: 20px; }
	.valueBox1{ background:url(../images/knowhow_pic_001.jpg) no-repeat }
	.valueBox2{ background:url(../images/knowhow_pic_002.jpg) no-repeat }
	.valueBox3{ background:url(../images/knowhow_pic_003.jpg) no-repeat }
	.valueBox4{ background:url(../images/knowhow_pic_004.jpg) no-repeat }
	.valueBox5{ background:url(../images/knowhow_pic_005.jpg) no-repeat }
/* knowhow_view end */

	#knowhow2_view{ background: url(../Images/process_bg.jpg) no-repeat 0 -20px }
	.flowBox{ margin: 0 0 0 180px; width: 460px; text-align: center; padding: 100px 0 0; }
	.fb{ width: 172px; height: 64px; border:3px solid #ebebeb; margin: 0 auto; }
	.flowBox .fb:hover img{ border: 1px solid #06c7ea;  }
/*	.flowBox .fb.a1 img{ border: 1px solid #06c7ea;  }*/
/* knowhow2_view end */

	#knowhow3_view{ padding: 15px 40px 0; color: #616161; }
	.workItem_pic{ border: 3px solid #e9e9e9; }
	.wiBox{ height: 28px; border-top: 1px solid #e9e9e9; width: 568px; margin: 19px 0 0 0; padding-top: 12px; font-weight: bold;}
	table.wiT, table.wiT th, table.wiT td{ border:1px solid #a5a5a5; padding: 5px; border-collapse: collapse; }
		table.wiT th{ background-color: #616161; text-align: center; color:#FFFFFF; }
		table.wiT td{ text-indent:25px;}
/* knowhow3_view end */


	#knowhow4_view .details_title{ width: 558px; background:url(../Images/H5Feature_bg2.gif) no-repeat; }
	#knowhow4_view h3{ color: #514f52; }
	.planningBox{
	position: relative; width:652px; height: 240px; background:url(../Images/knowhow4_view_bg.jpg) no-repeat;
	margin-top:10px;
	}
	.pBlist{ position:absolute; top: 10px; left: 260px; color: #FFFFFF; line-height: 31px; }
	.planningBox .pBlist a{ color: #FFFFFF; }
	.p_txtBox{
	width: 200px; padding: 10px;
	border: 2px solid #cdcdcd; position: absolute; top: 10px; left: 405px;  color: #FFFFFF;
	}
	.pb1{ background-color: #d93a3a; }
	.pb2{ background-color: #d9903a; display: none; }
	.pb3{ background-color: #bbc91c; display: none; }
	.pb4{ background-color: #3aafd9; display: none; }
	
	.seoTitle{ text-indent: 0; }
	.T1{  border: 1px solid #DEDEDE; }
	.planT{ padding: 2px;  *border: 6px solid #fff; }
	.planT th, .planT td{ padding: 2px;}
	.planT th{ width: 30%; background-color: #e5e5e5; border: 4px solid #fff; *border: 6px solid #fff; text-align: center; color: #3aafd9; font-weight: bold; }
	.planT td{ text-indent: 24px; background-color: #eeeeee; border: 4px solid #fff; *border: 6px solid #fff; color: #565656; }
/* knowhow4_view end */

	#knowhow5_view{ padding-left: 10px; }
	#knowhow5_view h3{ color: #514f52; *margin-bottom: 20px; }
	span.goodJob{
	display: inline-block; *display: inline;
	width: 75px; height: 35px; font-size: 12px;
	background: url(../images/knowhow5_goodJob.jpg) no-repeat; *background-position: 0 4px;
	padding: 2px 0 0 0; *padding: 10px; *line-height: 24px; text-align: center;
	}
	span.goodJob a{ color: #36acd7; }
	
	.gjBox1, .gjBox2, .gjBox3, .gjBox4, .gjBox5{ width: 511px; height: 90px; padding: 0 0 0 103px; }
	 .gjBox3{ height: 110px; }
	.gjBox1 p, .gjBox2 p, .gjBox3 p, .gjBox4 p, .gjBox5 p{ line-height: 18px; margin-bottom: 0; }
	.gjBox1{ background: url(../images/gb1_bg.jpg) no-repeat; }
	.gjBox2{ background: url(../images/gb2_bg.jpg) no-repeat; }
	.gjBox3{ background: url(../images/gb3_bg.jpg) no-repeat; }
	.gjBox4{ background: url(../images/gb4_bg.jpg) no-repeat; }
	.gjBox5{ background: url(../images/gb5_bg.jpg) no-repeat; }
	.gjBox1 .c1, .gjBox2 .c1, .gjBox3 .c1, .gjBox4 .c1, .gjBox5 .c1{ 
	border: 1px solid #d4d4d4; background-color: #f3f3f3; padding: 12px;
	}
	
	.g1{ color: #36acd5; font-weight: bold; }
	.g2{ color: #30a868; font-weight: bold; }
	.g3{ color: #f67b14; font-weight: bold; }
	.g4{ color: #81479e; font-weight: bold; }
	.g5{ color: #dd367e; font-weight: bold; }
	
/* knowhow5_view end */


	#knowhow6_view h3{ padding: 40px 0 0 0; color: #1ca0c0; }
	.p_txt{ padding: 0 0 0 38px; width: 340px; }
	
	.promotionBox{ position:relative; width: 652px; height: 300px; background: url(../images/knowhow6_view_bg.jpg) no-repeat; }
	.promotionBox .twoRow{ width: 436px; position: absolute; right: 0; top: 54px; }
	.promotionBox .twoRow .r2{
	width: 438px; position: absolute; right: 0; top: 132px;
	border: 3px solid #7a7c7e; padding: 15px; background-color: #f3f3f3; color: #333333;
	}
	.promotionBox .twoRow .r2 p{ margin-bottom: 0; }
	.re_title{ color: #3aaed8; font-weight: bold; }
	#t1{  }
	#t2{ display:none; }
	#t3{ display:none; }
	#t4{ display:none; }
/* knowhow6_view end */
	
	#knowhow7_view .hd{ width: 580px; padding: 0 30px 10px 30px; }
	#knowhow7_view h3{ padding: 25px 0 0 0; color: #1ca0c0; }
	.health .r1{ 
	width: 505px; padding: 8px 10px 18px 137px;
	border-bottom: 1px dashed #CCCCCC;
	}
	.health .n1{ background: url(../images/number01.gif) no-repeat 65px 0; }
	.health .n2{ background: url(../images/number02.gif) no-repeat 65px 0; }
	.health .n3{ background: url(../images/number03.gif) no-repeat 65px 0; }
	.health .r1 ul{ list-style: circle; list-style-position: inside; color: #333333; }
	
	.health .r1 p{ margin-bottom: 0; color: #333333; }
	.health .r1 p.ttt{ margin-bottom: 0; color: #3aaed8; font-weight: bold; }
	
	#knowhow7_view .ft{ 
	padding: 64px 13px 13px 13px;
	}
/* knowhow7_view end */
	
	.mapBox p{ line-height:24px; margin:0; }
	.mapBox .r1, .mapBox .r2, .mapBox .r3{ width: 652px; text-indent: 30px; margin-bottom: 40px; overflow:hidden;/* hasLayous */ }
	.mapBox .c1, .mapBox .c2{ width: 170px; float:left; margin-right: 70px; }
	.mapBox .c1 p a, .mapBox .c2 p a, .mapBox .c3 p a{ color: #848484; }
	.mapBox .c3{ width: 170px; float:left; }
	.mapBox h4 a{ color: #4d4e4e; }
	.mapBox h4{
	width: 170px; height:27px; color: #4d4e4e;
	line-height: 26px; font-weight: bold; background:url(../Images/H4web_map_bg.gif) no-repeat; }
/* web_map end */


/* contactView 聯絡表單設定
--------------------------------------------------- */
div#contact_view #form1{ width: 400px; margin: 0 0 0 10px; padding: 0 0 0 12px; font-size: 12px; font-weight: normal;  }
	p.smg{ color: #514f52; font-weight: bold; }
	p.smg em{ color: #17A3BA; }
		.label_field{ 
			float:left;
			margin: 0 10px 5px 0;
			color: #575352;
			}
				.label_field em, h3.contact_sub_title em{ margin: 5px 0 0 0; color: #17A3BA; font-weight: bold; }
				.label_field input#mail, .label_field input#address{ width: 432px; }
				textarea#cont{ width: 432px; height: 152px; *margin-left: -10px;  }
			div.form_btn{
			width: 438px; *width: 175px; margin: 10px 0; padding: 10px 0 30px 0;
			*float:right; *text-align: right;
			}
			
			div.smg{
			text-indent: 0;
			position:relative;
			display: block;
			width: 502px; height: 69px;
			background:	url(../images/ok_pic.gif) no-repeat 25px 50%;
			vertical-align: middle; text-align: left;
			margin: 13px 0 30px;padding: 18px 10px 10px 130px;
			font-weight: bold;
			font-size: 12px;
			color: #3e484b;
			border: 5px solid #ebebeb;
			}
			
	#contact_view, #contact_ok{ border-top: 1px solid #17A3BA; color: #514f52; padding-top: 10px; }
/* contact_view end */
			
#footer { height: 83px; background: url(../images/footer_bg.gif) repeat-x; }
#footer1{ width: 931px; margin: 0 auto; padding: 19px 69px 0 0; text-align: right; }
	#footerNav{ color: #0071ac; }
	#footerNav a{ color: #0073a9; }
	#copyright {}
	address{}


/* 路徑
--------------------------------------------------- */
.route{ background-color: #FFFFFF; }
.route1{ width: 950px; margin: 0 auto; padding: 19px 0 19px 50px; color: #535353; }
.route a{ color: #9c9c9c; }

/* 跑馬
--------------------------------------------------- */
.marquee{}


/* 表單
--------------------------------------------------- */
input {}
textarea {}
button {}
 
input:focus {}
textarea:focus {}
button:hover {}


/* 表格設定
--------------------------------------------------- */
table { *border-collapse: collapse; border-spacing: 0; }
caption,th { text-align: left; }
tr {}
th {}
td {}


/* Plus!------------------------------------------- */
/* 固定
--------------------------------------------------- */
.fixed{
	position:fixed;
    bottom:0; /* 靠 bottom top left right 設定 */
    left:50%; /* bottom top left right 置中設定 */
    margin: 0 0 0 -500px; /* 調整中心點，因為區塊的基準點在左上角 */
	
	/* position fixed for IE6 */ 
    _position: absolute;
	_top:expression(documentElement.scrollTop+"px"); /* 靠上 */
	_top:expression(documentElement.scrollTop+100); /* 靠左靠右 */
	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);  /* 置中 */
    _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);  /* 靠下 */
    z-index:1; /* 階層設定，保持在內容上層，數字越大越上層 */
	}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 0 5px 20px;
	background: transparent url(../icons/icon_doc.gif) no-repeat center left;
}



/* 消虛線
--------------------------------------------------- */
a{ noFocusline:expression(this.onFocus=this.blur()); }/* For IE, onFocus 的 F 要大寫*/
a:focus{ -moz-outline-style:none; } /* For Firefox */

/* 選單效果
--------------------------------------------------- */