@charset "big5";
@import url("reset.css");



/* Wrapper BEGIN
-------------------------------------------------*/
body {
	font-family: Arial,"微軟正黑體", "新細明體", sans-serif;
	color: #3E3E3E;
	font-size:13px;
	background-image: url("../images/bg-product.jpg");
    background-repeat: repeat-x;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;	
}

body.index {
	background: url("../images/indexBg3.jpg") no-repeat scroll transparent;
	background-position: 51% 0;
	/*background-position:-666px 0;*/
}

#container{
	background: url("../images/indexBg.jpg") no-repeat scroll transparent;
	display:block;
    height: 700px;
	margin: 0 auto;
    width: 980px;	
	/*border:solid #F00 2px;*/
}


#wrapper{
	margin: 0 auto;
	text-align:left;	
	background:#FFFFFF;
	width: 980px;	
	padding:0 20px;
}




/* General BEGIN
-------------------------------------------------*/
a{
    color: #333333;
    text-decoration: none;
}



/* .clear
----------*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */



/* .shadow
----------*/
.shadow {
float: left;
width: auto;
background: url(../images/fuzzy_shadow.png) no-repeat bottom right;
}
.shadow div {
background: url(../images/fuzzy_shadow1.png) no-repeat right top;
}
.shadow div a {
background: url(../images/fuzzy_shadow2.png) no-repeat left bottom;
padding: 0 5px 5px 0;
display: block;
}
.shadow img {
background-color: #fff;
color: #000;
/*border: 1px solid #999;*/
padding: 0px;
vertical-align: bottom;
}
/* General END
-------------------------------------------------*/



/* index BEGIN
-------------------------------------------------*/

/* #langSel2
----------*/
#langSel2{
	padding:0px 0 12px 2px;	
}

#langSel2 li {
    float: left;
    list-style-type: none;
}

#langSel2 li a {
    display: block;
    height: 20px;
    text-indent: -9999px;
}

#langSel2 li.tChinese a {
    background-image: url(../images/lang21.gif);
	width: 59px;
}

#langSel2 li.sChinese a {
    background-image: url(../images/lang22.gif);
	width: 58px;
}

#langSel2 li.english a {
    background-image: url(../images/lang23.gif);
	width: 60px;
}
#langSel2 li.tChinese_e a {
    background-image: url(../images/lang21a.jpg);
	width: 59px;
}

#langSel2 li.sChinese_e a {
    background-image: url(../images/lang22.gif);
	width: 58px;
}

#langSel2 li.english_e a {
    background-image: url(../images/lang23a.jpg);
	width: 60px;
}

/* #homeMenu
------------------*/
#homeMenu{
	margin-bottom:47px;
	float:left;
	width:360px;
}

#homeMenu ul{
	margin-top:20px;
	margin-left:0px;
}

#homeMenu li{
	margin-bottom:17px;
}

#homeMenu li a{
    display: block;
    height: 40px;
    text-indent: -9999px;
}

#homeMenu li.menuNews a{
    background-image: url(../images/menuNews.gif);
	width: 189px;
}
#homeMenu li.menuCompany a{
    background-image: url(../images/menuCompany.gif);
	width: 265px;
}
#homeMenu li.menuProducts a{
    background-image: url(../images/menuProducts.gif);
	width: 293px;
}
#homeMenu li.menuTech a{
    background-image: url(../images/menuTech.gif);
	width: 350px;
}
#homeMenu li.menuFaq a{
    background-image: url(../images/menuFaq.gif);
	width: 160px;
}
#homeMenu li.menuContact a{
    background-image: url(../images/menuContact.gif);
	width: 321px;
}
#homeMenu li.menuLinks a{
    background-image: url(../images/menuLinks.gif);
	width: 201px;
}
#homeMenu li.menuForum a{
    background-image: url(../images/menuForum.gif);
	width: 209px;
}

/*hover*/
#homeMenu li a:hover{
	width: 360px;
}

#homeMenu li.menuNews a:hover{
    background-image: url(../images/menuNews2.gif);
}
#homeMenu li.menuCompany a:hover{
    background-image: url(../images/menuCompany2.gif);
}
#homeMenu li.menuProducts a:hover{
    background-image: url(../images/menuProducts2.gif);
}
#homeMenu li.menuTech a:hover{
    background-image: url(../images/menuTech2.gif);
}
#homeMenu li.menuFaq a:hover{
    background-image: url(../images/menuFaq2.gif);
}
#homeMenu li.menuContact a:hover{
    background-image: url(../images/menuContact2.gif);
}
#homeMenu li.menuLinks a:hover{
    background-image: url(../images/menuLinks2.gif);
}
#homeMenu li.menuForum a:hover{
    background-image: url(../images/menuForum2.gif);
}


/* #slider
------------------*/
#slider{
	height: 410px;
    margin:38px 105px 0px 0px;
	float:right;
    width: 430px;	
	/*border:solid #F00 2px;*/
}

.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
}

#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:430px;
		height:410px;
		overflow:hidden; 
}	

#prevBtn, #nextBtn{ 
		display:block;
		width:45px;
		height:55px;
		position:relative;
		left:25px;
		top:224px;
		z-index:1000;
}	

#nextBtn{ 
		top:170px;
		left:528px;
}
														
#prevBtn a, #nextBtn a{  
		display:block;
		position:relative;
		width:45px;
		height:55px;
		/*background:url(../images/btnPrev.gif) no-repeat 0 0;*/	
}
	
#nextBtn a{ 
		/*background:url(../images/btnNext.gif) no-repeat 0 0;*/	
}	

#nextBtn a: active{
	border:0; 
}

/* index BEGIN
-------------------------------------------------*/



/* #header BEGIN
-------------------------------------------------*/
#header{
	
}


/* #langSel
----------*/
#langSel{
	padding:0px 0 12px 802px;	
}

#langSel li {
    float: left;
    list-style-type: none;
}

#langSel li a {
    display: block;
    height: 20px;
    text-indent: -9999px;
}

#langSel li.tChinese a {
    background-image: url(../images/lang1.gif);
	width: 58px;
}

#langSel li.sChinese a {
    background-image: url(../images/lang2.gif);
	width: 60px;
}

#langSel li.english a {
    background-image: url(../images/lang3.gif);
	width: 60px;
}


/* #pageTitle
----------*/
#pageTitle{
	float:left;	
}

#pageTitle a{
	background-image: url(../images/logo.gif);
	width:330px;
	height:50px;
	text-indent:-9999px;
	float:left;	
}


/* #nav02
----------*/
#nav02{
	float:right;
	text-align:right;
	padding-top:5px;
	/*margin-right:20px;*/
}

#nav02 .contact {
	margin-bottom:8px;	
}

#nav02 ul{

}

#nav02 ul li a {
	background-repeat:no-repeat;
	background-position:right;
	display: block;
    height:15px;
	text-indent:-9999px;	
}

#nav02 ul li.contact a {
	background-image: url(../images/contact.gif);
	width:160px;
	height:15px;
}

#nav02 ul li.forum a {
	background-image: url(../images/forum.gif);
	width:115px;
	height:15px;
	padding-left:45px;
}
#nav02 ul li.contact a:hover {
	background-image: url(../images/contact2.gif);
	width:160px;
	height:15px;
}

#nav02 ul li.forum a:hover {
	background-image: url(../images/forum2.gif);
	width:115px;
	height:15px;
}


/* #gnavi
----------*/
#gnavi {
	float:float;
	clear: both;
}

#gnavi ul {
	padding:10px 0 0 0;
}

#gnavi ul li {
	/*width:80px;*/
	height:34px;
	float:left;
	background:url(../images/gnavi.gif) no-repeat;
	text-indent:-9999px;
}
/*
#gnavi ul li.news {
		width:142px;
		background-position:0px -34px;
}
*/

#gnavi a {
	display:block;
	outline:0;
	background:url(../images/gnavi.gif) no-repeat;
	height:34px;
}
#gnavi ul li.news a {
	width:172px;
	background-position:0px 0;
}

#gnavi ul li.company a {
	width:172px;
	background-position:-142px 0;
}
#gnavi ul li.products a {
	width:182px;
	background-position:-314px 0;
}
#gnavi ul li.technology a {
	width:213px;
	background-position:-496px 0;
}
#gnavi ul li.faq a {
	width:131px;
	background-position:-709px 0;
}
#gnavi ul li.links a {
	width:140px;
	background-position:-840px 0;
}

#gnavi ul li.news a:hover,
#gnavi ul li.news{
	width:142px;
	background-position:0 -34px;
}

#gnavi ul li.company a:hover,
#gnavi ul li.company {
	width:172px;
	background-position:-142px -34px;
}
#gnavi ul li.products a:hover,
#gnavi ul li.products {
	width:182px;
	background-position:-314px -34px;
}
#gnavi ul li.technology a:hover,
#gnavi ul li.technology  {
	width:213px;
	background-position:-496px -34px;
}
#gnavi ul li.faq a:hover,
#gnavi ul li.faq{
	width:131px;
	background-position:-709px -34px;
}
#gnavi ul li.links a:hover,
#gnavi ul li.links{
	width:140px;
	background-position:-840px -34px;
}
/* #header END
-------------------------------------------------*/



/***************************************************************/
/*			Main area BEGIN				*/
/***************************************************************/
#mainCont{
	/*min-height:415px;
	height:auto !important;
	height:415px;*/
	padding-top: 20px;	
}

/* #topicPath
-------------------------------------------------*/
#topicPath{
	/*margin-top:13px;*/
    border-color: #797979;
    border-style: solid;
    border-width: 1px 0;
	padding: 8px 0;
	font-size:12px;
	color:#5F7235;		
}

#topicPath a{
	color:#000000;
}


/* #2 column BEGIN
----------------------------------------------------------------*/

/* #sideBar 
------------------*/
#sideBar{
	float:left;
	width:190px;
	background: url("../images/sideBg.gif") repeat-y scroll 0 0 transparent;
	padding-bottom:100px;
	min-height: 500px;	
}

#sideBar.sideCompany{
	height: 2097px;
}

#sideBar.sideCompany2{
	height: 1308px;
}

#sideBar.sideProduct{
	height: 880px;
}



#sideBar .sideBox{
	padding:25px 20px 15px 20px;
	margin-bottom: 0px;
	color: #000000;	
}

#sideBar .sideBox span{
	padding: 10px 17px 10px 17px;
	background-image: url("../images/arrowCate.gif");
    background-position:left center;
    background-repeat: no-repeat;
    height: 9px;
    width: 12px;
	text-align:center;	
	font-size:15px;
	font-weight:bold;		
}

#sideBar .sideBox ul{
	padding: 13px 0 0 0;
}

#sideBar .sideBox ul.sideUlTech{
	padding: 3px 0 0 0;
}

#sideBar .sideBox ul li{
	padding:0 0 2px 0px;
	margin-bottom:5px;
	border-bottom:1px dotted #B1B1B1;
}

#sideBar .sideBox ul li a{
	display: block;
	width: 144px;
	padding:7px 0 3px  3px;
}

#sideBar .sideBox ul li a:link,
#sideBar .sideBox ul li a:visited {
	color: #000000;
	text-decoration: none;
}

#sideBar .sideBox ul li a:hover,
#sideBar .sideBox ul li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color:#84AE35;
	background-position:left top;
}


/* #main2
------------------*/
#main2{
	float: right;
	width:759px;
}

#prodImg{
	padding-top:17px;
	float:left;
	width:450px;
	padding-left:7px;	
}

#prodThumb .shadow {
	float:left;
	
}

#prodTxt{
	padding-top:17px;
	float:right;
	width:259px;
	padding-right:23px;	
}

#prodTxt h4{
	float:left;	
	font-family:"微軟正黑體";
	padding-top:6px; 
}

#prodTxt h5{
	float:right;
	font-family:"Arial";
	font-size:11px;	
	padding-top:6px;
}

#prodTxt h3{
	clear:both;	
	font-family:"微軟正黑體";
	font-size:20px;
	padding-top:17px;
	padding-bottom:13px;
	border-bottom: 1px solid #000000;
	color:#000000;
	text-align:center;
}

#prodTxt p img{
	padding:16px 0 12px 0;	
}

#prodTxt p{
	font-family:"新細明體";
	font-size:13px;
	color:#3E3E3E;
	line-height:1.8em;	
}


/* #tabCont
------------------*/
#tabCont{
	clear:both;	
	padding-top:20px;
	margin-bottom:30px;
}

ul#tabMenu{
/*width:600px;*/
margin:20px auto 0;
height:29px;
list-style: none;
/*background-image:url(../images/tab_underline.gif);
background-repeat:no-repeat;
background-position:0 30px;*/
}

ul#tabMenu li{
float:left;
height:29px;
width:120px;
padding-right:5px;
}

ul#tabMenu li{
/*text-indent:-9999px;*/
font-size:15px;
font-family:Arial,"微軟正黑體", "新細明體", sans-serif;
text-align:center;
padding-top:10px;
display:block;
width:120px;
height:29px;
background-repeat:no-repeat;
/*\*/overflow: hidden;/**/
}
#tabMenu li.tabclass{
	background-image:url(../images/tabMenu1.gif);
	height:35px;
}
#tabMenu li{
	background-image:url(../images/tabMenu2.gif);
	height:29px;
	cursor: pointer;
}

.tabBlock{
/*width:750px;*/
margin:0px auto;
/*padding-top:20px;*/
padding:40px 35px;
border-bottom:2px solid #d5d5d5;
border-left:1px solid #d5d5d5;
border-right:2px solid #d5d5d5;
border-top:1px solid #d5d5d5;
background-color:#EFEFEF;
/*min-height:350px;
height: auto !important;
height: 350px;*/
}


.tabBlock p{
/*width:487px;*/
margin:0px auto;
font-size:13px;
font-family:Arial,"微軟正黑體", "新細明體", sans-serif;
line-height:1.8em;
padding-left:8px;
color:#3E3E3E;

}

.tabBlock p.photo{
margin: 0px 0 0 0;
padding:0px 13px 13px 0;
border:none;
float:left;
}
/* #2 column END
------------------------------------------------------------------*/



/* #forum2 BEGIN
------------------------------------------------------------------*/
#forum2{
    margin: 0 auto;
    width: 814px;
	padding: 50px 0 45px;
	font-size: 13px;

}


/* h2
----------*/
#forum2 h2{
	background-image: url("../images/titleForum.gif");
	background-position: top left;
	background-repeat:no-repeat;
	text-indent: -9999px;
	padding-bottom: 22px;		
	height: 36px;
	/*width: 307px;*/
	width:814px;
	float:left;	
	border-bottom: 2px solid #797979;
	margin-bottom:32px;
}

/* fieldset
----------*/
#forum2 fieldset {
    border: 1px solid #CCCCCC;
    margin: 0px auto;
    text-align: center;
    width: 785px;

}

#forum2 fieldset em {
    color: #FF0000;
    font-style: normal;
}

/*formTitle*/
#formTitle{
	background-image: url("../images/bgTitleForm.gif");
	background-position: top left;
	background-repeat:no-repeat;
	width:100%;	
	height:57px;	
	border-bottom: 1px dotted #CCCCCC;	
}

#formTitle h3{
	font-size:20px;
	font-family:"華康儷中宋",sans-serif;
	float:left;
	color:#333333;
	padding-left:20px;
	padding-top:20px;
	font-weight: bold;
}

#formTitle p{
	float:right;
	padding-top:28px;
	padding-right:20px;
}

/* form
----------*/
#forum2 #form {
	clear:both;	
	padding-top:37px;
	font-family:Arial,"微軟正黑體", "新細明體", sans-serif;
}

#forum2 input,
#forum2 textarea {
	border: 1px solid #999999;
}

#forum2 input.wid01 {
	width: 326px;
}

#forum2 input.wid02,
#forum2 textarea.wid01 {
	width: 430px;
}

#forum2 input.wid03 {
	width: 130px;
}

#forum2 fieldset dl {
	width: 454px;
	margin: 0 auto;
	padding: 0px 0 25px 0;
	color: #333333;
}

#forum2 fieldset dt {
	width: 40px;
	margin-bottom: 7px;
	padding: 5px 2px;
	text-align: left;
	float: left;

}

#forum2 fieldset dd {
	width: 295px;
	margin-left: 45px;
	margin-bottom: 7px;
	padding: 3px 0;
	text-align: left;
}


#forum2 fieldset dt.validation {
	width: 155px;
	margin-bottom: 7px;
	padding: 18px 2px;
	text-align: left;
	float: left;
	 /*vertical-align: middle;*/
}

#forum2 fieldset dd.validation {
	width: 500px;
	margin-left: 0px;
	margin-bottom: 7px;
	padding: 0px 0;
	text-align: left;
	 /*vertical-align: middle;*/
}

#forum2 fieldset dd.validation img{
	vertical-align: middle;
}

/*\*/
* html #forum2 dd  {width: 280px;}	/* For Win IE */
/* */


/* submit
----------*/
#forum2 .submit{
	padding-bottom:30px;
}

#forum2 .submit input{
	width:92px;
	height:21px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
#forum2 .submit input[type="submit"]{
	background-image: url(../images/submit.gif);
	margin-right: 15px;
}
#forum2 .submit input[type="reset"]{
	background-image: url(../images/reset.gif);
}

#forum2 .submit input:hover[type="submit"]{
	background-image: url(../images/submit2.gif);
}
#forum2 .submit input:hover[type="reset"]{
	background-image: url(../images/reset2.gif);
}
/* #forum2 END
------------------------------------------------------------------*/



/* #List BEGIN
-------------------------------------------------------------------*/
#List{
    margin: 0 auto;
    width: 814px;
	padding: 50px 0 65px;
	font-size: 13px;
}

#List.listTech{
	width: 676px;
	padding-top: 35px;
	margin: 0;
}

#List p.test{
	clear:both;
	border-width: 2px 0 0px 0;
	border-style: solid;
	border-color: #797979;
}

#List table.faq a:hover,
#List table.news a:hover,
#List table.tech a:hover{
	color: #85b135;
}

/* h2
-----------------*/
#List h2{
	background-repeat:no-repeat;
	text-indent: -9999px;
}

#List h2#newsTitle{
	background-image: url("../images/titleNews.gif");
	background-position: top center;
	height: 42px;
	width: 389px;
	margin: 0 auto;
	padding-bottom: 22px;
}

#List h2#techTitle{
	background-image: url("../images/arrowTech.gif");
    background-position: left center;
    background-repeat: no-repeat;
    
	font-size: 20px;
    font-family: Arial,"微軟正黑體", "新細明體", sans-serif;
	color:#3E3E3E;
    padding: 10px 17px;
    text-align: left;
	text-indent: 0px;	
	vertical-align:middle;
}

#List h2#faqTitle{
	background-image: url("../images/titleFaq.gif");
	background-position: top left;
	height: 36px;
	width: 293px;
	float:left;	
	padding-bottom: 24px;	
}

#List h2#forumTitle{
	background-image: url("../images/titleForum.gif");
	background-position: top left;
	height: 36px;
	width: 307px;
	float:left;	
	padding-bottom: 24px;	
}

#List a#leavMessage{
	background-image: url("../images/leavMessage.gif");
	background-position:  right;
	height: 21px;
	width: 92px;
	float:right;	
	background-repeat:no-repeat;
	text-indent: -9999px;	
	 /*vertical-align: middle;*/
	padding-top: 30px;		
}

#List a:hover#leavMessage{
	background-image: url("../images/leavMessage2.gif");
}

/* search box
----------------*/
#List .search_box{
	float:right;

}
#List .search_box img, #List .search_box input {
    vertical-align: middle;
}

#List .search_box input {
    background-color: #FFFFFF;
    border: 1px solid #9D9D9D;
    font-family: Arial,Helvetica,"新細明體",sans-serif;
    margin: 0.4em 1px;
    padding: 0.1em 10px;
}

#List .search_box p a{
	background-image: url("../images/searchBtn.gif");
	background-position:right;
	height: 23px;
	width: 40px;	
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: inline-block;	
	padding-top:13px;
}

#List .search_box p a:hover{
	background-image: url("../images/searchBtn2.gif");
}
/*
#List .search_box img, #List .search_box input {
    vertical-align: middle;
}

<img width="40" height="23" alt="搜尋" src="./images/searchBtn.gif">
*/

/* table
-----------------*/
#List table{
	width: 100%;
	margin: 15px auto 0px auto;
	border-width: 2px 0 2px 0;
	border-style: solid;
	border-color: #797979;
	vertical-align: middle;
}

#List table.forum{
	border-width: 0px 0 2px 0;
}



/****tr****/
#List tr.c01{
	background: none repeat scroll 0 0 #E6E6E6;
}



/****th & td****/
#List td, th {
line-height:1.8em;	
}

#List tr.c01 th,#List tr.c01 td{
	background: none repeat scroll 0 0 #E6E6E6;
}

/*forum*/
#List table.forum td.dotted, #List table.forum th.dotted {
    border-bottom: 1px dotted #535353;
	padding-bottom: 10px;
	padding-top:5px
}

/*tech*/
#List table.tech td, #List table.tech th {
	padding-top: 8px;
	padding-bottom: 8px;
    border-bottom: 1px dotted #535353;
}

/*news*/
#List table.news td, #List table.news th {
	padding-top: 6px;
	padding-bottom: 6px;
    border-bottom: 1px dotted #535353;
}

/*faq*/
#List table.faq td, #List table.faq th {
	padding-top: 10px;
	padding-bottom: 10px;
    border-bottom: 1px dotted #535353;
}

/****th****/
/*faq & news*/
#List table.faq tr.c01 th,
#List table.news tr.c01 th{
	background-image: url("../images/newsTh2.gif");
}

#List table.faq th,
#List table.news th{
	background-image: url("../images/newsTh1.gif");
	background-position: right center;
	background-repeat: no-repeat;
	height: 16px;
	width: 75px;
    /*padding-right: 55px;	
	padding-left: 55px;*/
	padding: 0px 55px;
    text-align: center;
	vertical-align: middle;
}

#List th.faqList{
	font-weight:bold;
	font-family:"Arial", sans-serif;
	font-size:15px;
	color:#3E3E3E;
}
/*tech*/
#List table.tech th{
	background-image: url("../images/techTh1.gif");
	background-position: left center;
	background-repeat: no-repeat;
	height: 15px;
	width: 80%;
	padding: 6px 0px 6px 35px;
    text-align: left;
	vertical-align: middle;
	/*white-space: nowrap;*/
}

#List table.tech tr.c01 th,
#List table.tech tr.c01 th{
	background-image: url("../images/techTh2.gif");
}

/*forum*/
#List table.forum th {
	vertical-align: middle;
	padding:7px 5px 0px 2px;
	margin-right: 0;
	width:70px;
}

#List table.forum tr.tit th{
	background-image: url("../images/arrowForum.gif");
	background-position: left center;
	background-repeat: no-repeat;
	height: 17px;
	width: 13px;
	
	font-family:Arial,"微軟正黑體", "新細明體", sans-serif;
	font-size:17px;
	color:#3E3E3E;

	padding: 0px 5px 0px 17px;
    text-align:left;
	vertical-align: middle;

	white-space: nowrap;
}


/****td****/
#List td{
	padding-right: 15px;
	padding-left: 33px;
	padding-top:5px
}

/*forum*/
#List table.forum tr.tit td{
	text-align:right;
}

#List table.forum td {
	padding-left: 0;
	vertical-align: middle;
}

/*tech*/
#List table.tech td {
 	width: 80%;
	text-align:right;
	padding-right: 50px;
}

/* .paginate
--------------*/
.paginate{
	padding: 40px 0 0 0;
	text-align:center;
}

.paginate .page{
	text-align:center;
	padding-right:12px;
}

.paginate .page1{
	text-align:center;
	padding-right:12px;
	padding-left:12px;
}

.paginate a.last{
	background-image: url("../images/pageLast.gif");
	background-position: left;
	background-repeat: no-repeat;
	height: 7px;
	width: 10px;
    padding-right: 20px;	
	padding-left: 20px;
	border-right: 1px solid #535353;
}



.paginate a.next{
	background-image: url("../images/pageNext.gif");
	background-position: right;
	background-repeat: no-repeat;
	height: 7px;
	width: 10px;
    padding-right: 20px;	
	padding-left: 20px;
	border-left: 1px solid #535353;
}

.paginate a:hover.last,
.paginate a:hover.next{
	color:#60403C;
}

.paginate a:hover.last{
	background-image: url("../images/pageLast2.gif");
}

.paginate a:hover.next{
	background-image: url("../images/pageNext2.gif");
}
/* #List END
-------------------------------------------------------------------*/



/* #mainCont BEGIN  (for news & faq)
-------------------------------------------------------------------*/
.mainContNews{
	background:url(../images/newsBg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	min-height:415px;
	height:auto !important;
	height:415px;
}

.mainContFaq{
	background:url(../images/faqBg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	min-height:415px;
	height:auto !important;
	height:335px;
}

#main{
    margin: 0 auto;
    width: 680px;
	padding: 30px 0 40px 0;
}

.mainInfo{
	margin-top:1px;
	border-top: 2px solid #797979;	
}

/*h2*/
#main h2{
	font-size:20px;
	line-height:1.5em;
	border-bottom: 1px dashed #797979;	
}

#main.mainNews h2{
	background:url(../images/arrow.gif);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	padding: 0 0 20px 20px;
}

#main.mainFaq h2{
	padding: 0 0 10px 20px;
}

/*p*/
#main p{
	font-size:13px;
	line-height:1.8em;
	margin:1.8em 0;
	
}

#main p.date {
    background: none  scroll 0 0 #7F7F7F;
	background-repeat:no-repeat;
    margin: 0 0 18px 0;
    text-align: center;
	color:#FFFFFF;
	/*display:black;*/
	width: 75px;
}

#main p.qnum {
	background: url("../images/arrowFaq.gif") no-repeat scroll left top transparent;
	background-color:#272727;
	background-position:left center;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
	color:#FFFFFF;
	font-size:15px;
	font-weight: 600;
	font-family:"Arial", sans-serif;
    width: 79px;
	vertical-align:middle;
}

#main .back{
	margin: 15px 0 0;
	text-align: right;	
}

#main .back a{
    background: url("../images/back.gif") no-repeat scroll left top transparent;
	display: block;
	height: 22px;
	width: 93px;
	margin: 0 0 0 auto;
}

#main .back a:hover{
    background: url("../images/back2.gif") no-repeat scroll left top transparent;
}

#main .back span{
	display: none;	
}
/* #mainCont  END
-------------------------------------------------------------------*/


/* #contactUs BEGIN  
-------------------------------------------------------------------*/
#contactUs{
    margin: 0 auto;
    padding: 50px 0 20px;
    text-align: left;
    width: 789px;
}

h2#contactTitle{
    background-image: url("../images/titleContact.gif");
    background-position: center top;
	background-repeat:no-repeat;
    height: 42px;
    margin: 0 auto;
    padding-bottom: 32px;
    width: 560px;
	text-indent:-9999px;
}

.mapBox{
	display: inline;
	width: 390px;
	margin: 0 0 5px 0;
	padding: 0;	
	border:  solid 1px #CCCCCC;	
}

#contactUs h3{
    background-image: url("../images/bgTitleForm.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
	
	color: #333333;
    /*float: left;*/
    font-family: "華康儷中宋",sans-serif;
    font-size: 20px;
    font-weight: bold;
	padding:18px 0 18px 30px;
}

.mapBox p{
	font-family:"新細明體",sans-serif;
	font-size:13px;
	color:#333333;
	line-height:1.8em;	
}


.mapBox .contactDetail{
	padding: 12px 0 0px 27px;
}

.contactMapL{

	float: left;	
}

.contactMapR{

	float: right;
}

.mapImgL{
	padding-top:35px;
}

.mapImgR{
	padding-top:11px;
}

/*form*/
#contactMessage{
	width:100%;
	border:  solid 1px #CCCCCC;
	padding:0;
	clear:both;	
}

#contactForm{
	/*width:560px;*/
	width:600px;
	padding: 30px 0px 0 110px;
}

#contactForm p{
	/*margin:2px 0; padding:0 0 0 90px;
	font-size:13px; line-height:24px; clear:left;*/
	padding: 0px 0px 16px 0px;
}

#contactForm p label{
	vertical-align:middle;
}

#contactForm p label.mes{
	vertical-align:top;
}

#contactForm p input,
#contactForm p textarea{
	border: 1px solid #999999;
	margin-right:29px;
}

#contactForm p input.wid2{
	margin-right:19px;
}

/* submit
----------*/
#contactForm .submit{
	padding-bottom:16px;
	padding-top:10px;
	text-align: center;
}

#contactForm .submit input{
	width:92px;
	height:21px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	border: 1px solid #999999;
}
#contactForm .submit input[type="submit"]{
	background-image: url(../images/submit.gif);
	margin-right: 15px;
}
#contactForm .submit input[type="reset"]{
	background-image: url(../images/reset.gif);
}

#contactForm .submit input:hover[type="submit"]{
	background-image: url(../images/submit2.gif);
}

#contactForm .submit input:hover[type="reset"]{
	background-image: url(../images/reset2.gif);
}
/* #contactUs  END
-------------------------------------------------------------------*/


/* #company BEGIN  
-------------------------------------------------------------------*/
#companyAbout{
	padding-bottom:45px;
	padding-top:25px;
	font-family:Arial,"微軟正黑體", "新細明體", sans-serif;
}

.aboutBox{
	width:761px;
}

.aboutSubBox{
	width:756px;
	border:solid #D1D1D1 1px;
	margin-bottom:17px;

}

.aboutSubBox2{
	/*width:432px;*/
	/*height:188px;*/
	border:solid #D1D1D1 1px;
	margin:0px;
	display:inline;
}

.aboutSubBox2 img{
	margin: 3px 4px 10px 4px;
}



.aboutBoxTit{

}

.aboutBox h3{
	margin: 40px 0 15px;
}

.aboutBox  h3.title1{
	margin: 10px 0 30px;
}

.aboutBox img.box1{
	margin: 0 0 0 15px;
}

.aboutBox p,
.aboutBox ul{
	font-size:13px;
	color:#3E3E3E;
	line-height:1.8em;
	margin: 0 0 20px;
}

.aboutBox ul.box5 li{
	display: block;
	float:left;
	padding: 0 0px 0px 10px;
}

.aboutBox ul.box5 li.liPadding{
	padding-right:160px;
}

.aboutSubBox p,
.aboutSubBox2 p{
	margin: 0 0 10px;
}

.aboutSubBox span,
.aboutSubBox2 span{
	background-color:#3E3E3E;
	color:#ffffff;
	padding:1px 5px;
	margin-right:5px;
}

.aboutSubBox img{
	margin: 3px 0 10px 4px;
}

/*
.aboutBox ul{
	list-style-type: disc;
}*/

.aboutBox b{
	font-size:15px;
	color:#84AD34;
	font-weight:bold;
}

.aboutBox h4{
	font-size:16px;
	color:#3E3E3E;
	font-weight:bold;
	margin: 0 0 10px;
}

.companyTitle{
    background-image: url("../images/arrowTech.gif");
    background-position: left center;
    background-repeat: no-repeat;
    color: #3E3E3E;
    font-family: "新細明體",Arial,"微軟正黑體",  sans-serif;
    font-size: 20px;
    padding: 20px  0px 20px 20px;
    text-align: left;
    text-indent: 0;
    vertical-align: middle;
}
/* #company END  
-------------------------------------------------------------------*/


/* #company2 BEGIN  
-------------------------------------------------------------------*/
#historyBox{
	padding-top:20px;
	padding-bottom:85px;
}



#historyBox table{
    background-image: url("../images/bgHistoryLine.gif");
    background-position: 109px top;
    background-repeat: repeat-y;
	padding: 0px 0 20px  0;
}

#historyBox table.tableHistory th,
#historyBox table.tableHistory td{
	padding-bottom: 10px;
}

#historyBox table.tableHistory th {
	padding-right:5px;
    text-align: right;
    width: 100px;
	font-family: "Engravers MT",sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight: 500;
	color:#3E3E3E;
}

#historyBox table.tableHistory td{
	padding-left:10px;
	font-family:"新細明體", sans-serif;
	font-size:13px;
	color:#3E3E3E;
	line-height:1.8em;
}

#historyBox table.tableHistory td strong{
	font-weight: bold;
}

#historyBox table td.dash1{
    background-image: url("../images/historyTh1.gif");
    background-position: center 14px;
    background-repeat: no-repeat;
	padding: 0;
}

#historyBox table td.dash2{
    background-image: url("../images/historyTh2.gif");
    background-position: center 14px;
    background-repeat: no-repeat;
	padding: 0;
}
/* #company2 END  
-------------------------------------------------------------------*/


/* #links BEGIN
-------------------------------------------------*/
#links{
	margin-top:50px;
	margin-left:57px;
	margin-bottom:40px;	
}


h2#linksTitle{
	background-image: url("../images/titleLinks.gif");
	background-position: top center;
	background-repeat:no-repeat;
	text-indent: -9999px;	
	height: 42px;
	width: 405px;
	margin: 0 auto;
	padding-bottom: 22px;
}


.linksBox{
		float:left;
		width:430px;
		height:128px;
		border:solid #D6D6D6 1px;
		margin: 0 5px 3px 0;
	background-image: url("../images/bgLinksBox.jpg");
	background-position: left tops;
	background-repeat: repeat-x;
		
}

h3.linksBoxTitle,
.linksBox img{
	margin-top: 8px;
}

h3.linksBoxTitle,
.linksBox a{
	margin-left:6px;
}
	
h3.linksBoxTitle{
	background-image: url("../images/bgLinksBoxTit.gif");
	background-position: top left;
	background-repeat:no-repeat;
	color:#FFF;
	height: 26px;
	width: 246px;	
	float:left;
	padding-top: 6px;
	padding-left: 20px;
}


.linksBox img{
	float:right;
	padding-right:8px;
	
}

.linksBox a{
	line-height:36px;
	color:#525252;
}

.linksBox a:hover{
	color:#85B135;
}
/* #links END
-------------------------------------------------*/



/*******************************************************************/
/*			Main area.end				*/
/*******************************************************************/



/* #footerCont BEGIN
-------------------------------------------------------------------*/
#footerCont{
    background: none repeat scroll 0 0 #0C0C0C;
    clear: both;
    text-align: center;
    width: 100%;
}


/* #fnavi
----------*/
#fnavi {
	border:dotted #505050;
	border-width:1px 0;
	padding:11px 0;
	color:#FFFFFF;
	font-size: 13px;
}

#fnavi a{
	color:#A5A5A5;
}

#fnavi a:hover{
    color: #85B135;
    text-decoration: none;
}

#fnavi ul li {
		display:inline;
		/*border:solid;*/
		/*border-width:0 1px;*/
		padding-left:15px;
		margin:0 1px;*/
}

/* #botBoxs
----------*/
#botBoxs{
	padding:17px 0 50px 0;
}

#botInquire a{
	padding: 0 0 0 24px;
	font-size: 13px;
	color:#A5A5A5;
	font-family:"華康中黑體", sans-serif;
	background:url(../images/inquire.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#botInq a{
	padding: 0 0 0 10px;
	font-size: 12px;
	color:#EBEBEB;
	font-family: Arial,"微軟正黑體","新細明體", sans-serif;
	background-position:left;
	background-repeat:no-repeat;
}
#botInq{
    float: right;
    width: 179px; 
	text-align: left;
}

#botBoxs h3{
	font-size: 11px;
	color:#EBEBEB;
	font-weight:bold;
	font:"新細明體";
}

#botBoxs h3 img{
	padding: 0 3px 0 0;
}


#botBoxs p{
	font-size: 13px;
	color:#A5A5A5;
	padding: 3px 0 0 0;
} 

#botBoxs p img{
	padding: 0 3px 0 0;
}

#botBoxs .col1{
	text-align:left;
	border-left: 1px solid #505050;
	padding-left:9px;	
}

/****/
#botLogo{
    float: left;
    width: 328px;	
}

#botPhone{
    float: left;
    width: 129px;
}

#botFax{
    float: left;
    width: 117px;	
}

#botAddr{
    float: left;
    width: 191px;
	border-right: 1px solid #505050;	
}

#botInquire{
    float: right;
    width: 179px; 
	padding-top:8px;
	text-align: center;
	
}


/* #footer
----------*/
#footer{
	padding:7px 0;
	background: none repeat scroll 0 0 #505050;
    color: #FFFFFF;
    font-size: 11px;
	clear:both;
	/*height: 25px;*/	
}
/* #footerCont END
-------------------------------------------------------------------*/