@charset "utf-8";
/* CSS Document */

/*____________________________________________________________________________________________________________________________________________________________________________


*                                        						  01.基本設定 (body,font,link)
orderTableAll
*______________________________________________________________________________________________________________________________________________________________________________*/

* {
	outline:none;
}

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6,
form, input, button,textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

html{font-size:12px; color:#595757;}

a{color:#595757;}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
input, button, textarea, select {
	*font-size: 100%;
}

ol, ul, li {
	list-style-type: none; 
	
}
:link, :visited , ins {
	text-decoration: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';content: none;
}

body {
	line-height: 180%;
	background-image: url(../images/share/Bg.jpg) ;
	font-family:Arial, 新細明體, Helvetica,ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, sans-serif ;
}

.bodyAll {
	width:980px;
	background: url(../images/share/bgTOp.png) top no-repeat;
	margin:auto;
}

.mainContent {
	width:983px;
	margin:auto;
	position:relative;
	background-color:#FFF;
	

}


/*____________________________________________________________________________________________________________________________________________________________________________


*                                        						  02.最上方 (Top/LOGO)

*______________________________________________________________________________________________________________________________________________________________________________*/


.top {	
	width:982px;
	height:66px;
	position: relative;
	
}

.logo {
	width:374px;
	float:left;
	margin-top:2px;
	margin-left:4px;

}

.topSearch {
	float:right;
	width:302px;
	margin-right:24px;
}

.topSearch a {
	width:27px;
	height:15px;
	background: url(../images/share/goBtn.gif) ;
	display:block;
	float:left;
	margin-top:4px;
}


.topSearch a:hover {
	background: url(../images/share/goBtn_over.gif) ;
}

.SearchSelect02 {
	float:left;
	border:1px solid  #c9caca;
	color:#898989;
	width:118px;
	height:20px;
	margin-right:4px;
	margin-top:2px;
	line-height:10px;

}

.topSearch input{
	width:122px;
	height:17px;
	padding-left:14px;
	float:left;
	border:1px solid  #c9caca;
	color:#898989;
	background:url(../images/share/searchIcon.gif) left no-repeat;
	margin-right:4px;
	margin-top:2px;
	line-height:20px;
}

.topItro {
	width:306px;
	height:23px;
	float:right;
	margin-right:24px;
	margin-top:11px;
	vertical-align:middle;
	overflow: hidden;/*IE6用*/
}
.top>.topItro{
	overflow: visible;/*讓IE6不會執行這段*/
}
a.topItroMain {
	margin-right:12px;
	float:left;
}

.topItroMain {
	margin-top:5px;
	}

.topItro ul {
	width:146px;
	height:23px;
	line-height:18px;
	color:#FFF;
	background-repeat : no-repeat; 
	float:left;
	overflow: hidden;
	position : relative;
}
.topItro ul li.this {
	background: url(../images/share/languageBg.gif) ;
	background-repeat : no-repeat;
	cursor: pointer;
	color:#b3d6ff;
}
.topItro ul li {
	padding-left:9px;
	background-color:#1f5798;
	color:#FFF;
	height:23px;
}

.topItro ul a {
	color:#FFF;
}

.topItro ul a:hover {
    color:#69feeb;

}








/*____________________________________________________________________________________________________________________________________________________________________________


*                                        						  03.首頁動畫 (Flash)

*______________________________________________________________________________________________________________________________________________________________________________*/

.animation {
	width:933px;
	height:275px;
	margin:auto;
	background: url(../images/adbanner/aaaaa.jpg) ;
}


/*____________________________________________________________________________________________________________________________________________________________________________


*                                        						  04.主選單 (MENU)

*______________________________________________________________________________________________________________________________________________________________________________*/


.menu {	
	width:942px;
	height:54px;
	padding-top:7px;
	margin:auto;
	background: url(../images/share/menuBg.jpg) no-repeat;

}

.mOne                        { margin-left:61px;}

.mOne ul					 {padding:0; }
.mOne li					 {margin:0; padding:0; 	float:left ;}


.mOne2                        { margin-left:62px;}

.mOne2 ul					 {padding:0; }
.mOne2 li					 {margin:0; padding:0; 	float:left ;}

li.m01 a		         {background:url(../images/share/menu01.png) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; }
li.m01 a:hover	         {background:url(../images/share/menu01_over.gif) no-repeat; }
li.m01a a		         {background:url(../images/share/menu01_over.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; }
li.m02 a		         {background:url(../images/share/menu02.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; margin-left:14px; }
li.m02 a:hover	         {background:url(../images/share/menu02_over.gif) no-repeat; }
li.m02a a		         {background:url(../images/share/menu02_over.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; margin-left:14px; }
li.m03 a		         {background:url(../images/share/menu03.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; }
li.m03 a:hover	         {background:url(../images/share/menu03_over.gif) no-repeat; }
li.m03a a		         {background:url(../images/share/menu03_over.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; }
li.m04 a		         {background:url(../images/share/menu04.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; margin-left:2px; }
li.m04 a:hover	         {background:url(../images/share/menu04_over.gif) no-repeat; }
li.m04a a		         {background:url(../images/share/menu04_over.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; margin-left:2px; }
li.m05 a		         {background:url(../images/share/menu05.png) no-repeat; display:block; width:159px; height:30px; text-indent:-9999px; margin-left:17px; }
li.m05a a		         {background:url(../images/share/menu05_over.gif) no-repeat; display:block; width:159px; height:30px; text-indent:-9999px; margin-left:17px; }
li.m05 a:hover	         {background:url(../images/share/menu05_over.gif) no-repeat; }
li.m06 a		         {background:url(../images/share/menu06.png) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; margin-left:3px; }
li.m06a a		         {background:url(../images/share/menu06_over.gif) no-repeat; display:block; width:129px; height:30px; text-indent:-9999px; margin-left:3px; }
li.m06 a:hover	         {background:url(../images/share/menu06_over.gif) no-repeat; }

.mTwo                        {height:30px; top:-1000px;position:absolute; margin-left:-60px; }
.mTwo ul.mTwo_01					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:578px;}
.mTwo ul.mTwo_02					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:220px;}
.mTwo ul.mTwo_03					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:279px;}
.mTwo ul.mTwo_04					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:249px;}


.mTwo li					 {margin:0; padding:0; 	float:left ;margin-top:7px; margin-right:10px;}
.mOne li:hover .mTwo		 {top:378px;}
.mTwo:hover                  {display:block;}

.mTwo2                        {height:30px; top:-1000px; position:absolute; margin-left:-60px; }
.mTwo2 ul.mTwo_01					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:578px;}
.mTwo2 ul.mTwo_02					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:220px;}
.mTwo2 ul.mTwo_03					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:279px;}
.mTwo2 ul.mTwo_04					 {background:url(../images/share/menuBluBg.gif) repeat-x; padding:0; height:24px;position:absolute;width:249px;}
.mTwo2 li					 {margin:0; padding:0; 	float:left ;margin-top:7px; margin-right:10px;}
.mOne2 li:hover .mTwo		 {top:103px; }
.mTwo2:hover                  {display:block;}



li.iSummary01 a		         {background:url(../images/share/Intro01.gif) no-repeat; display:block; width:77px; height:11px; text-indent:-9999px; }
li.iSummary01 a:hover	     {background:url(../images/share/Intro01_over.gif) no-repeat; }
li.iSummary02 a		         {background:url(../images/share/Intro02.gif) no-repeat; display:block; width:148px; height:11px; text-indent:-9999px; }
li.iSummary02 a:hover	     {background:url(../images/share/Intro02_over.gif) no-repeat; }
li.iSummary03 a		         {background:url(../images/share/Intro03.gif) no-repeat; display:block; width:57px; height:11px; text-indent:-9999px; }
li.iSummary03 a:hover	     {background:url(../images/share/Intro03_over.gif) no-repeat; }
li.iSummary04 a		         {background:url(../images/share/Intro04.gif) no-repeat; display:block; width:95px; height:11px; text-indent:-9999px; }
li.iSummary04 a:hover	     {background:url(../images/share/Intro04_over.gif) no-repeat; }
li.iSummary05 a		         {background:url(../images/share/Intro05.gif) no-repeat; display:block; width:115px; height:11px; text-indent:-9999px; }
li.iSummary05 a:hover	     {background:url(../images/share/Intro05_over.gif) no-repeat; }
li.iSummary06 a		         {background:url(../images/share/support01.gif) no-repeat; display:block; width:133px; height:11px; text-indent:-9999px; }
li.iSummary06 a:hover	     {background:url(../images/share/support01_over.gif) no-repeat; }
li.iSummary07 a		         {background:url(../images/share/support02.gif) no-repeat; display:block; width:56px; height:11px; text-indent:-9999px; }
li.iSummary07 a:hover	     {background:url(../images/share/support02_over.gif) no-repeat; }
li.iSummary08 a		         {background:url(../images/share/contact01.gif) no-repeat; display:block; width:81px; height:11px; text-indent:-9999px; }
li.iSummary08 a:hover	     {background:url(../images/share/contact01_over.gif) no-repeat; }
li.iSummary09 a		         {background:url(../images/share/contact02.gif) no-repeat; display:block; width:106px; height:11px; text-indent:-9999px; }
li.iSummary09 a:hover	     {background:url(../images/share/contact02_over.gif) no-repeat; }
li.iSummary10 a		         {background:url(../images/share/news01.gif) no-repeat; display:block; width:41px; height:11px; text-indent:-9999px; }
li.iSummary10 a:hover	     {background:url(../images/share/news01_over.gif) no-repeat; }
li.iSummary11 a		         {background:url(../images/share/news02.gif) no-repeat; display:block; width:95px; height:11px; text-indent:-9999px; }
li.iSummary11 a:hover	     {background:url(../images/share/news02_over.gif) no-repeat; }

.mOne li.bluFillet {
	width:18px;
	margin:0;
	padding:0;
}


.mOne2 .bluFillet {
	width:18px;
	margin:0;
	padding:0;
}



/*產品目錄選單有套JS*/
.productMenu {
	width:148px;
	background:url(../images/share/productMenuBg.gif) repeat-y;
	margin-left:10px;

	
}







/*____________________________________________________________________________________________________________________________________________________________________________


*                                      						    05.主要架構layout frame

*______________________________________________________________________________________________________________________________________________________________________________*/


.mainbodyTWO {
	width:973px;
	background-color:#FFF;
	position:relative;
	display:inline-block;
	margin-left:10px;
	clear:both;
	margin-top:2px;
	padding-bottom:10px;
}


.TreeNewLeft {
	width:636px;
	float:left;
	margin-top:1px;
	margin-left:21px;

}

.TreeNewRight {
	width:278px;
	float:left;
	margin-top:1px;
	margin-left:10px;
}

.TreeNewNews {
	margin-top:11px;
}

.TreeNewNews h3 {
	width:629px;
	height:20px;
	background:url(../images/share/TreeNewNews.gif) left no-repeat;
	
} 

a.moreBtn {
	float:right;
	margin-top:13px;
	margin-right:5px;
}



a.moreBtn2 {
	float:right;
	margin-top:8px;
	margin-right:5px;
}

.TreeNewNews ul {
	margin-top:1px;
}
.TreeNewNews li {
	float:left;
	width:295px;
	margin-right:12px;
	padding-left:10px;
	background:url(../images/share/dot01.gif) left no-repeat;
	
}

.TreeNewNews li a{
	color:#55636a;
	float:left;

}

.TreeNewNews li a:hover{
	color:#000;
}



.TreeList02 {
	text-align:right;
	color:#55636a;
	width:75px;
	float:right;

}


.TreeList03 {
	float:left;
	margin-left:5px;
	margin-top:2px;

}

.TreeList04 {
	width:70px;
	float:left;
	color:#000;
	padding-left:10px;
    background:url(../images/share/dot01.gif) left no-repeat;
	display:block;
	margin-right:8px;

}

.TreeList05 {
	width:480px;
	float:left;
	display:block;


}


.TreeSearch {
	width:277px;
	height:130px;
	margin-top:12px;
	background:url(../images/share/searchBottom.gif) bottom no-repeat;
}

.TreeSearch h3 {
	width:277px;
	height:39px;
	background:url(../images/share/searchTop.gif) bottom no-repeat;
}


.mainBanner {
	width:903px;
	height:172px;
	margin-left:31px;
	margin-top:-2px;
}


.aboutMenu {
	width:168px;
	float:left;
	margin-top:10px;
	margin-left:31px;
	background-color:#0a6087;
}

.aboutMenu h3 {
	width:168px;
}





li.aboutBtn01 a{
	width:152px;
	height:32px;
	text-align:center;
	display:block;
	background:url(../images/share/summaryMenuBtn.gif) no-repeat;
	color:#FFF;
	line-height:32px;
}

li.aboutBtn01 a:hover{
	background:url(../images/share/summaryMenuBtn_over.gif) no-repeat;
	color:#0a6087;
	line-height:25px;
}


li.aboutBtn02 a{
	width:152px;
	height:32px;
	text-align:center;
	display:block;
	background:url(../images/share/summaryMenuBtn_over.gif) no-repeat;
	color:#0a6087;
	line-height:25px;
}


.aboutMenu ul{
	margin-left:9px;
}

.aboutMenuBottom {
	width:168px;
	display:block;


}

.aboutMenuBottom img {
	float:left;
}

.aboutBody {
	width:718px;
	float:left;
	margin-top:10px;
	margin-left:18px;
	
}



.aboutBody h4 {
	width:718px;
	height:26px;
	border-bottom:1px solid #e9eaea;

	
}


.aboutBody2 {
	width:903px;
	margin-top:10px;
	margin-left:31px;
	
}



.aboutBody2 h4 {
	width:903px;
	height:26px;
	border-bottom:1px solid #e9eaea;

	
}

.Navi {
	width:718px;
	text-align:right;
	float:left;
	margin-top:3px;
	position:absolute;
	text-align:right;
	z-index:1;
	
}

.Navi a {
	font-size:11px;
	color:#000;
}


.Navi em {
	background:url(../images/share/naviArrow.gif) no-repeat scroll 7px 0 transparent;
	display:inline-block;;
	height:9px;
    *+top:-2px;
	position:relative;
	width:20px;
}

.Navi span {
	color:#0e4692;
	font-size:11px;
}


.Navi2 {
	width:903px;
	text-align:right;
	float:left;
	margin-top:3px;
	position:absolute;
	text-align:right;
	z-index:1;
	
}

.Navi2 a {
	font-size:11px;
	color:#000;
}


.Navi2 em {
	background:url(../images/share/naviArrow.gif) no-repeat scroll 7px 0 transparent;
	display:inline-block;;
	height:9px;
    *+top:-2px;
	position:relative;
	width:20px;
}

.Navi2 span {
	color:#0e4692;
	font-size:11px;
}

.introduceAd {
	width:690px;
	margin-top:20px;
	margin-left:17px;
}

.introduceAd img {
	border:1px solid #c4c4c4;
	padding:2px;
	
}

.introduceAd span{
	width:220px;
	display:block;
	text-align:center;
	float:left;
	margin-right:10px;
	font-weight:bold;
	color:#4c546f;
	line-height:22px;
}


.ideaPic {
	margin-left:50px;
	margin-top:20px;
}


.allintext02 {
	width:643px;
	border:3px solid  #c7dbe8;
	margin-top:33px;
	margin-left:25px;
	padding-bottom:20px;
}


.allintext02  ul {
	width:624px;
	margin:auto;
	margin-top:10px;
	
}

.allintext02  li {
	background:url(../images/share/dotted.gif) bottom repeat-x;

	line-height:30px;
	display:inline-block;
}

.historyW01 {
	width:105px;
	height:30px;
	padding-left:10px;
	display:block;
	float:left;
	font-size:16px;
	letter-spacing:1px;
	color:#8c9092;
	font-weight:bold;
	background:url(../images/share/tree.gif) left no-repeat;
	margin-right:17px;
	
}
	

.historyW02 {
	width:483px;
	display:block;
	float:left;
	color:#125173;
	line-height:28px;
}

.allintext03 {
	width:641px;
	margin-left:25px;
	margin-top:20px;
	float:left;
}

.allintext03Top {
	background:url(../images/share/allintext03Top.gif) no-repeat;
	width:638px;
	height:15px;
	margin-top:0px;
}

.allintext03Main {
	width:634px;
	border-left:2px solid  #dedede;
	border-right:2px solid  #dedede;
	float:left;
}


.allintext03Bottom {
	background:url(../images/share/allintext03Bottom.gif) no-repeat;
	width:638px;
	height:17px;
	float:left;
	

}

 .allintext03MainLeft {
	width:86px;
	padding:5px;
	float:left;
	color:#38949a;
	font-weight:bold;
	font-size:13px;
	text-align:center;

	

}

.allintext03MainRight {
	width:520px;
	padding-left:10px;
	float:left;	
	border-left:1px dotted  #5d6568;

}

.allintext03MainRight ul {
	margin-left:15px;
	width:500px;

	
}


.allintext03MainRight li {
	float:left;
	margin-right:16px;
	padding-left:17px;
	color:#003a59;
	background:url(../images/share/S_arrow.gif) left no-repeat;
	line-height:24px;
	

}

.allintext04 {
	margin-top:29px;
	margin-left:25px;
}

.allintext06 {
	margin-top:20px;
	margin-left:25px;
	border-bottom:3px solid #c7dbe8;
	padding-bottom:20px;
}

.allintext06 h3 {
	font-size:15px;
	padding-left:11px;
	margin-bottom:10px;
	background:url(../images/share/tree.gif) left no-repeat;
	
}

.allintext07 {
	width:674px;
	margin:auto;
	margin-top:30px;
}

.allintext07 p {
	margin-left:38px;
	margin-bottom:8px;
}

.serviceChoice {
	margin-left:38px;
	margin-bottom:5px;
}

.serviceChoice select {
	color:#000;
}

.newsMain {width: 643px;padding-left:20px;background:url(../images/share/newsBg.gif) top no-repeat;display:inline-block;}
.newsMain ul {width:621px;margin-top:30px;margin-bottom:10px;}
.newsMain li a.newsBtnA{float:left;}
.newsMain li a:hover{color:#000;}
.newsMain .lineLI01 {width:611px;margin-right:12px;padding-left:10px;border-bottom:1px solid #e3ebec;background:url(../images/share/dot01.gif) left no-repeat;display:inline-block;line-height:28px;}
.newsMain .lineLI02 {width:620px;margin-right:12px;margin-left:30px;display:inline-block;line-height:28px;}
.newsMain .lineLI02 a{ text-decoration:underline;}

.newsBottom {
	width: 665px;
	height:25px;
	background:url(../images/share/newsBgBottom.gif) top no-repeat;
	
}


.paper {
	margin-top:12px;
	margin-left:152px;	
}


.paper a {
    height: 13px;
	float: left;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	color: #9e9e9e;
	font-size: 11px;
	display: block;
	text-decoration: none;
	line-height: 8px;
	border:1px solid #fff;
}

.paper a:hover {
	text-decoration:underline;
}


.paper2 {
		margin:12px 0 10px 90px;	
}


.paper2 a {
    height: 13px;
	float: left;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	color: #9e9e9e;
	font-size: 11px;
	display: block;
	text-decoration: none;
	line-height: 8px;
	border:1px solid #fff;
}

.paper2 a:hover {
	text-decoration:underline;
}

.paper3 {
    margin:0;
	text-align:center;
}


.paper3 a {
    height: 13px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	color: #9e9e9e;
	font-size: 11px;


}

.paper3 a:hover {
	text-decoration:underline;
}


.paperAll {
	clear:both;
	display: block;
    margin: 15px 0 20px;
    text-align: center;

}

a.arrowChoice {
	padding:0;
	margin-left:2px;
	margin-right:2px;
}


a.arrowChoice2 {
	color: #000;
}


.allintext05 {
	width:718px;
	margin-top:40px;
	display:inline-block;
	float:left;




}

.allintext05 h4 {
	border-bottom:1px solid #E9EAEA;
    height:26px;
    width:718px;
}


.newProduct {
	width:690px;
	margin:auto;
}

.dottedLine {
	width:710px;
	margin-left:-18px;
	height:1px;
	background:url(../images/share/dotted.gif) bottom repeat-x;
	clear:both;
	margin-bottom:10px;
}


.newProductLeft {
	width:174px;
	float:left;
	text-align:center;
	margin-top:15px;
}


.newProductRight {
	width:487px;
	float:right;
	margin-top:21px;
}

.productList01 {
	margin:0;


}
.productList01 dd{
	width:487px;
	margin:0 0 10px 0;
	display:inline-block;


}

.productList01 span{
	float:left;
}

.listBg01 {
	width:100px;
	height:10px;
	margin-right:8px;
	line-height:19px;
	padding-bottom:8px;
	text-align:center;
	display:block;
	color:#FFF;
	font-weight:bold;
	background:url(../images/share/newProducListBg.gif) no-repeat;
}

.listBg02 {
	width:132px;
	display:block;
	height:18px;

}

.listBg03 {
	width:370px;
	display:block;
	height:18px;

}

.downloadP01{
	width:116px;
	height:25px;
	display:block;
	margin-right:18px;
	margin-bottom:10px;
	background:url(../images/share/pdfBtn.gif) no-repeat;
}

.downloadP02:hover{
	background:url(../images/share/cadBtn_over.gif) no-repeat;
}


.downloadP02{
	width:116px;
	height:25px;
	display:block;
	margin-bottom:10px;
	margin-right:18px;
	background:url(../images/share/cadBtn.gif) no-repeat;
}

.downloadP01:hover{
	background:url(../images/share/pdfBtn_over.gif) no-repeat;
}

.downloadP03{
	width:116px;
	height:25px;
	display:block;
	margin-right:18px;
	margin-bottom:10px;
	background:url(../images/share/pdfBtn_no.gif) no-repeat;
}

.downloadP04{
	width:116px;
	height:25px;
	display:block;
	margin-right:18px;
	margin-bottom:10px;
	background:url(../images/share/cadBtn_no.gif) no-repeat;
}


.listBg04{
	width:487px;
	height:15px;
	display:block;
	margin-bottom:-7px;

}

.detailBtn01 {
    width:71px;
	height:17px;
	padding-right:24px;
	line-height:12px;
	display:block;
	color:#313131;

	text-align:right;
	float:right;
	background:url(../images/share/detailBtn.gif) no-repeat;
}

.detailBtn01:hover {
	text-decoration:underline;
	color:#4c8f88;
}

.btnBottom {
	width:660px;
	float:left;
	margin-top:10px;
}

.btnBottom2 {
	width:680px;
	float:left;
	margin-top:10px;
}

.backBtn {
	width:77px;
    height:17px;
	padding-bottom:2px;
	text-align:center;
	margin:auto;
	display:block;
	color:#FFF;
	background:url(../images/share/backBtn.gif) no-repeat;
}

.backBtn:hover {
	background:url(../images/share/backBtn_over.gif) no-repeat;
}


.productTb {
	width:612px;
	margin-top:15px;
	margin-left:33px;
}

.productTbTop {
	width:600px;
	height:22px;
	padding-left:12px;
	color:#FFF;
	display:block;
	font-weight:bold;
	font-size:13px;
	line-height:23px;
	background:url(../images/share/tbTop.jpg) no-repeat;
	border-top:4px solid #FFF;
}


.productTbTd01 {
	background-color:#f5f4f4;
	color:#3a3a3a;
	padding:14px 35px 14px 35px;
}

.productTbTd01 a {
	color:#095172;
	margin-right:30px;
}

.productTbTd01 a:hover {
	color:#000;
	text-decoration:underline;
}


.contactTb {
	width:600px;
	margin:auto;

}


.contactTd01 {
	width:130px;
	height:35px;
	display:block;
	font-size:13px;
	color:#39bbc0;
	font-weight:bold;
	text-align:center;
	line-height:34px;	
	vertical-align:middle;
	border-bottom:6px solid #FFF;
    background:url(../images/share/contactTd01.gif)  no-repeat;
}

.contactTd02 {
	width:442px;
	height:35px;
	padding-left:22px;
	border-bottom:6px solid #FFF;
    background:url(../images/share/contactTd02.gif)  no-repeat;
}

.contactTd02 select {
	border:1px solid #C4E5E4;
	color:#9f9f9f;
}


.contactTd02 input {
	height:17px;
	border:1px solid #c4e5e4;
}

.contactTd03 {
	width:130px;
	height:180px;
	display:block;
	font-size:15px;
	color:#39bbc0;
	font-weight:bold;
	text-align:center;
	line-height:180px;	
	vertical-align:middle;
	border-bottom:6px solid #FFF;
    background:url(../images/share/contactTd03.gif)  no-repeat;
}

.contactTd04 {
	width:442px;
	height:180px;
	padding-left:22px;
	border-bottom:6px solid #FFF;
    background:url(../images/share/contactTd04.gif)  no-repeat;
}

.contactTd04 textarea{
	width:416px;
	height:154px;
	border:1px solid #c4e5e4;
}


.star {
	color:#39bbc0;
	font-size:15px;
	vertical-align:middle;
	letter-spacing:3px;
	margin-left:-11px;

	
	

}

.submitBtn01 {
	width:78px;
	height:20px;
	display:block;
	float:left;
	margin:5px 10px 8px 216px;
    background:url(../images/share/submitBtn01.gif)  no-repeat;
}

.submitBtn01:hover {
	width:78px;
	height:20px;
    background:url(../images/share/submitBtn01a.gif)  no-repeat;
}

.submitBtn01a {
	width:78px;
	height:20px;
	display:block;
	float:left;
	margin:5px 10px 8px 150px;
    background:url(../images/share/submitBtn01a.gif)  no-repeat;
}


.submitBtn02 {
	width:78px;
	height:20px;
	display:block;
	float:left;
	margin:5px 0 8px 0px;
    background:url(../images/share/submitBtn02.gif)  no-repeat;
}

.submitBtn02:hover {
	width:78px;
	height:20px;
    background:url(../images/share/submitBtn02a.gif)  no-repeat;
}

.submitBtn02a {
	width:78px;
	height:20px;
	display:block;
	float:left;
	margin:5px 0 8px 0px;
    background:url(../images/share/submitBtn02a.gif)  no-repeat;
}

.submitBtn02a:hover {
	width:78px;
	height:20px;
    background:url(../images/share/submitBtn02.gif)  no-repeat;
}

.contactLeft {
	width:272px;
	float:left;
	margin-right:20px;
	margin-bottom:60px;
}


.contactRight {
	width:381px;
	float:left;
	margin-bottom:60px;
}

.contactRight h5 {
	height:24px;
	border-bottom:2px solid #c7dbe8;
}


.contactRight li {
	border-bottom:1px solid #e3ebec;
	width:381px;
	display:inline-block;
	line-height:26px;
}


.contacItem01 {
	width:80px;
	padding-left:17px;
	display:block;
	float:left;
	color:#727171;
	background:url(../images/share/mapIcon.gif)  no-repeat;
	background-position:5px 11px;
	
	
	
}

.contacItem02 {
	width:268px;
	display:block;
	padding-left:15px;
	float:left;
	color:#003a59;
	background:url(../images/share/mapIcon2.gif)  no-repeat;
	background-position:0px 9px;
	
}

.downloadList {
	width:660px;
	margin-top:10px;
	
}

.downloadList h3 {
	height:23px;
	font-size:13px;
	font-weight:bold;
	color:#7b7b7b;
	border-bottom:5px solid #c7dbe8;
	background:url(../images/share/tree.gif)  no-repeat;
	background-position:0px 4px;
	padding-left:11px;
}

.downloadTb {
	width:627px;
	margin:auto;
	background:url(../images/share/dotted02.gif) left repeat-y;
	padding-left:3px;
}


.downloadTb em {
	background:url(../images/share/NaviArrow.png) no-repeat scroll 7px 0 transparent;
	display:inline-block;;
	height:8px;
	position:relative;
	width:20px;
	*+top:-3px;
}


.downloadTd01 {
	color:#889eb7;
	font-size:13px;
	padding-left:8px;
	height:27px;
}

.downloadTd02 {
	background:url(../images/share/dotted03.gif)  right repeat-y #f5f5f5;
	border-left:2px solid #FFF;
	height:29px;
    text-align:center;
	color:#000;
}

.downloadTd03 {
	background:url(../images/share/dotted03.gif)  right repeat-y ;
	height:29px;
    text-align:center;
}

.downloadTb2 {
	width:130px;
	margin:auto;
}

.downloadTb2 td {
	border-right:2px solid #FFF;

}

.supportTb {
	width:603px;
	margin-left:38px;
}

.supportTd01 {
	border-top:3px solid #c7dbe8;
	border-bottom:1px solid #c7dbe8;
	height:28px;
	font-size:13px;
	font-weight:bold;
	color:#8bbddd;
	text-align:center;
}

.supportTd02 {
	font-size:16px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	border-top:9px solid #FFF;
	padding:3px 0;

}

.supportTd03 {
	color:#304157;
	border-top:9px solid #FFF;
	padding:3px 0 3px 9px;

}

.supportTd04 {
	color:#9b9a9a;
	padding:5px 0 14px 9px;
	background:url(../images/share/dotted.gif) bottom repeat-x;

}


.allintext08 {
	width:825px;
	margin:auto;
}

.maplist {
	width:830px;
	float:left;
	margin-top:15px;

}


.maplistM {
	width:192px;
	height:200px;
	padding-top:10px;
	float:left;
	margin-right:15px;
	background:url(../images/share/sitemapBg.jpg) no-repeat;

}

.maplistM h5 {
	width: 169px;
    height:44px;
	margin-left:13px;
	display: block;
    text-indent: -9999px;

}
.maplistM ul {
	margin-left:35px;
	margin-top:8px;

}

.maplistM li {
	width:122px;
	padding-left:12px;
	display:block;
	margin-top:2px;
	background:url(../images/share/B_arrow.gif) no-repeat;
	background-position: 0 8px;
}

.maplistM li a {
	color:#888888;
	font-size:13px;
}

.maplistM li a:hover {
	color:#339ce5;
}


/*____________________________________________________________________________________________________________________________________________________________________________


*                                      						    06.JS首頁最新產品(左右滑動點選)

*______________________________________________________________________________________________________________________________________________________________________________*/

.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}

.TestNameA {
width: 629px;
height:112px;
padding-top:6px;
margin-top:3px;
background:url(../images/share/TreeNewProductBg.gif) no-repeat;

}

.jcarousel-skin-tango a:hover .newProductWord01{
	color:#000;
	word-wrap:break-word;
}

.TestNameA .jcarousel-clip-horizontal{
width: 542px;
margin:0px auto;
}

.TestNameA li {
float:left;
width:120px;
margin-right:20px;
text-align:center;
line-height:15px;
word-wrap:break-word;
}



.TestNameA .jcarousel-item-horizontal {
margin-right: 10px;
margin-left: 7px;
word-wrap:break-word;
}

/**  Horizontal Buttons **/
.TestNameA .jcarousel-next-horizontal {
position: absolute;
right: 11px;
top: 35px;
width:21px; height:38px;
cursor: pointer;
background:url(../images/share/L_arrow02.gif) no-repeat; /* 一般狀態 */
}

.TestNameA .jcarousel-next-horizontal:hover {
background:url(../images/share/L_arrow02.gif) no-repeat;
}

.TestNameA .jcarousel-next-horizontal:active {
background:url(../images/share/L_arrow02.gif) no-repeat;
}

.TestNameA .jcarousel-next-disabled-horizontal,
.TestNameA .jcarousel-next-disabled-horizontal:hover,
.TestNameA .jcarousel-next-disabled-horizontal:active {
cursor: default;
background:#efefef;
}

.TestNameA .jcarousel-prev-horizontal {
position: absolute;
top: 35px;
left:12px;
width:21px; height:38px;
cursor: pointer;
background:url(../images/share/L_arrow01.gif) no-repeat; /* 一般狀態 */
}

.TestNameA .jcarousel-direction-rtl .jcarousel-prev-horizontal {
background-position:0 0;
}

.TestNameA .jcarousel-prev-horizontal:hover {
background:url(../images/share/L_arrow01.gif) no-repeat;;
}

.TestNameA .jcarousel-prev-horizontal:active {
background:url(../images/share/L_arrow01.gif) no-repeat;
}
.TestNameA .jcarousel-prev-disabled-horizontal,
.TestNameA .jcarousel-prev-disabled-horizontal:hover,
.TestNameA .jcarousel-prev-disabled-horizontal:active {
background:#efefef;
cursor: default;
}

.newProductWord01 {
	display:block;
	float:left;
	word-wrap:break-word;
	width:106px;
	padding-left:12px;
	background:url(../images/share/S_arrow.gif) top left no-repeat;
	background-position:0 1px;
}


.TreeNewProduct h3 {
	width:629px;
	height:20px;
	background:url(../images/share/TreeNewProduct.gif) left no-repeat;
	
} 


.SearchSelect01 {
	width:181px;
	height:19px;
	border:1px solid #c9caca;
	margin-top:12px;
	margin-left:27px;
}

.SearchInput01 {
	width:134px;
	height:18px;
	padding-left:16px;
	border:1px solid #c9caca;
	margin-top:10px;
	margin-left:27px;
	line-height:20px;
	background:url(../images/share/searchIcon.gif) left no-repeat;
	float:left;
}


a.SearchBtn01 {
	width:55px;
	height:19px;
	padding-left:6px;
	background:url(../images/share/searchBtn01.gif) left no-repeat;
	display:block;
	margin-top:10px;
	color:#FFF;
	float:left;
	margin-left:9px;
	line-height:20px;

}

a.SearchBtn01:hover {
	background:url(../images/share/searchBtn01_over.gif) left no-repeat;
}

.contactMethod {
	width:277px;
	height:86px;
	margin-top:10px;
}


.freeAD01 {
	width:967px;
	float:left;
	margin-top:16px;
	margin-left:2px;
}

.freeAD01 img {
	border:1px solid #c9caca;
	padding:1px;
	width:309px;
	height:99px;
	margin-right:7px;
}


.allintext01 {
    width:610px;
	margin-top:25px;
	margin-left:50px;
}







/*____________________________________________________________________________________________________________________________________________________________________________


*                                        						  07.FOOTER

*______________________________________________________________________________________________________________________________________________________________________________*/

.footer {
	width:982px;
	height:43px;
	padding-top:12px;
	display:inline-block;
	clear:both;
	font-size:11px;
	color:#9fa0a0;
	text-align:center;
	letter-spacing:1px;
	background:url(../images/share/copyrightBg.gif) top repeat-x #FFF ;
	margin-left:1px;
}

.copyright {
	float:left;
	margin-left:13px;
	margin-top:8px;

}

.copyrightLOGO {
	float:left;
	margin-left:100px;

}