@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	background-color: #FFFFFF;
	background-image: url(../images/page_bk.gif);
	background-repeat: repeat-x;
	background-position: top;
	
}
/*---------------------------------------------*/
a {
	font-size:9pt;
	text-decoration: none;
	color: #666666;
}
a:link{
	color: #666666;
}
a:hover {
color: #895840;
}

/*--------------------------------------------上方連結*/
#page {
	position: relative;
	text-align: left;
	width: 1018px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 0;
}


#top_link {
	text-align: right;
	position: absolute;
	left: 670px;
	top: 6px;
}

#top_link a , #top_link  a:hover{
	padding: 0 20px 0 16px;
	background-image: url(../images/dot_r.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 14pt;
}



/*--------------------------------------------------上方動畫*/

#top_movie{
	height: 226px;
	padding: 24px 0 0 0;
}


/*----------------------------------------中間版面*/
#right{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	left: 0px;
	top: 250px;
	width: 236px;
	float: left;
	}
	
#left{
	padding: 0 0 0 236px;
	background-color: #FFFFFF;
	height: auto;
}


/*----------------------------------------中間banner*/

#company_mid{
	background: url(../images/middle_pic01.jpg) no-repeat  0 0;
	height:31px;
	margin: 0 0 0 0;
	padding: 114px 0 0 560px;
	text-indent: 0px;
	font-size: 12pt;
	color: #666666;
	text-align: left;
	word-spacing: 2em;
}

#product_mid{
	background: url(../images/middle_pic02.jpg) no-repeat  0 0;
	height:31px;
	margin: 0 0 0 0;
	padding: 114px 0 0 560px;
	text-indent: 0px;
	font-size: 12pt;
	color: #666666;
	text-align: left;
	word-spacing: 2em;
}

#news_mid{
	background: url(../images/middle_pic03.jpg) no-repeat  0 0;
	height:31px;
	margin: 0 0 0 0;
	padding: 114px 0 0 560px;
	text-indent: 0px;
	font-size: 12pt;
	color: #666666;
	text-align: left;
	word-spacing: 2em;
}

#other_mid{
	background: url(../images/middle_pic04.jpg) no-repeat  0 0;
	height:31px;
	margin: 0 0 0 0;
	padding: 114px 0 0 560px;
	text-indent: 0px;
	font-size: 12pt;
	color: #666666;
	text-align: left;
	word-spacing: 2em;
}

#contact_mid{
	background: url(../images/middle_pic05.jpg) no-repeat  0 0;
	height:31px;
	margin: 0 0 0 0;
	padding: 114px 0 0 560px;
	text-indent: 0px;
	font-size: 12pt;
	color: #666666;
	text-align: left;
	word-spacing: 2em;
}



/*-----------------------------------------搜尋*/
#search{
	width:236px;
	height:40px;
	margin: 0 0 0 0;
	padding:20px 0 0 0;
	background: url(../images/search.jpg) no-repeat  0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.star {
	margin: -20px 0 0 187px;
	padding:0 0 0 0;
	width:31px;
	height:19px;
	text-indent:-9999px;
	background: url(../images/star.gif) no-repeat  0 0;
	display:block;
}

.star:hover {
background: url(../images/star.gif) no-repeat  0 -19px;
    display:block;
}

.tit{
	margin: 0 0 0 28px;
	padding: 0 0 0 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	font-weight: normal;
	color: #666666;
}

.txt{
	font-size: 9pt;
	color: #666666;
	width: 110px;
	border-width: 1px;
	border-color: #666;

}



/*-----------------------------------------------------表單*/




.mov_pic{
padding: 6px;
border: 1px solid #ddd;
background: #fff;
}
#move_form{
width:132px;
float:left;
margin:0px 20px 40px 0px;
}
#move_form2{
width:102px;
float:left;
margin:0px 20px 30px 0px;
}

/*----------------------------------------公司簡介選單*/
#info{
    text-indent:-9999px;
}

#info a, #info a:hover, #info a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#info_h1{
background: url(../images/tit_01.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}

.info_01 {
	background: url(../images/info_01.gif) no-repeat 0 0;
	display: block;
}
.info_01:hover {
    background: url(../images/info_01.gif) no-repeat 0 -28px;
    display:block;
}

.info_02 {
	background: url(../images/info_02.gif) no-repeat 0 0;
	display: block;
}
.info_02:hover {
    background: url(../images/info_02.gif) no-repeat 0 -28px;
    display:block;
}

.info_03 {
	background: url(../images/info_03.gif) no-repeat 0 0;
	display: block;
}
.info_03:hover {
    background: url(../images/info_03.gif) no-repeat 0 -28px;
    display:block;
}

.info_04 {
	background: url(../images/info_04.gif) no-repeat 0 0;
	display: block;
}
.info_04:hover {
    background: url(../images/info_04.gif) no-repeat 0 -28px;
    display:block;
}

.info_05 {
	background: url(../images/info_05.gif) no-repeat 0 0;
	display: block;
}
.info_05:hover {
    background: url(../images/info_05.gif) no-repeat 0 -28px;
    display:block;
}

.info_06 {
	background: url(../images/info_06.gif) no-repeat 0 0;
	display: block;
}
.info_06:hover {
    background: url(../images/info_06.gif) no-repeat 0 -28px;
    display:block;
}

.info_07 {
	background: url(../images/info_07.gif) no-repeat 0 0;
	display: block;
}
.info_07:hover {
    background: url(../images/info_07.gif) no-repeat 0 -28px;
    display:block;
}

.info_08 {
	background: url(../images/info_08.gif) no-repeat 0 0;
	display: block;
}
.info_08:hover {
    background: url(../images/info_08.gif) no-repeat 0 -28px;
    display:block;
}

.info_09 {
	background: url(../images/info_09.gif) no-repeat 0 0;
	display: block;
}
.info_09:hover {
    background: url(../images/info_09.gif) no-repeat 0 -28px;
    display:block;
}

.info_10 {
	background: url(../images/info_10.gif) no-repeat 0 0;
	display: block;
}
.info_10:hover {
    background: url(../images/info_10.gif) no-repeat 0 -28px;
    display:block;
}

/*----------------------------------------最新消息選單*/
#news{
    text-indent:-9999px;
}

#news a, #news a:hover, #news a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#news_h1{
background: url(../images/tit_02.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}

.news_01 {
	background: url(../images/news_01.gif) no-repeat 0 0;
	display: block;
}
.news_01:hover {
    background: url(../images/news_01.gif) no-repeat 0 -28px;
    display:block;
}

.news_02 {
	background: url(../images/news_02.gif) no-repeat 0 0;
	display: block;
}
.news_02:hover {
    background: url(../images/news_02.gif) no-repeat 0 -28px;
    display:block;
}

.news_03 {
	background: url(../images/news_03.gif) no-repeat 0 0;
	display: block;
}
.news_03:hover {
    background: url(../images/news_03.gif) no-repeat 0 -28px;
    display:block;
}

.news_04 {
	background: url(../images/news_04.gif) no-repeat 0 0;
	display: block;
}
.news_04:hover {
    background: url(../images/news_04.gif) no-repeat 0 -28px;
    display:block;
}

.news_05 {
	background: url(../images/news_05.gif) no-repeat 0 0;
	display: block;
}
.news_05:hover {
    background: url(../images/news_05.gif) no-repeat 0 -28px;
    display:block;
}

.news_06 {
	background: url(../images/news_06.gif) no-repeat 0 0;
	display: block;
}
.news_06:hover {
    background: url(../images/news_06.gif) no-repeat 0 -28px;
    display:block;
}

.news_07 {
	background: url(../images/news_07.gif) no-repeat 0 0;
	display: block;
}
.news_07:hover {
    background: url(../images/news_07.gif) no-repeat 0 -28px;
    display:block;
}

.news_08 {
	background: url(../images/news_08.gif) no-repeat 0 0;
	display: block;
}
.news_08:hover {
    background: url(../images/news_08.gif) no-repeat 0 -28px;
    display:block;
}

.news_09 {
	background: url(../images/news_09.gif) no-repeat 0 0;
	display: block;
}
.news_09:hover {
    background: url(../images/news_09.gif) no-repeat 0 -28px;
    display:block;
}

.news_10 {
	background: url(../images/news_10.gif) no-repeat 0 0;
	display: block;
}
.news_10:hover {
    background: url(../images/news_10.gif) no-repeat 0 -28px;
    display:block;
}
/*----------------------------------------產品介紹選單*/
#brand{
    text-indent:-9999px;
}

#brand a, #brand a:hover, #brand a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#brand_h1{
background: url(../images/tit_03.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}

.brand_01 {
	background: url(../images/product_01.gif) no-repeat 0 0;
	display: block;
}
.brand_01:hover {
    background: url(../images/product_01.gif) no-repeat 0 -28px;
    display:block;
}

.brand_02 {
	background: url(../images/product_02.gif) no-repeat 0 0;
	display: block;
}
.brand_02:hover {
    background: url(../images/product_02.gif) no-repeat 0 -28px;
    display:block;
}

.brand_03 {
	background: url(../images/product_03.gif) no-repeat 0 0;
	display: block;
}
.brand_03:hover {
    background: url(../images/product_03.gif) no-repeat 0 -28px;
    display:block;
}

.brand_04 {
	background: url(../images/product_04.gif) no-repeat 0 0;
	display: block;
}
.brand_04:hover {
    background: url(../images/product_04.gif) no-repeat 0 -28px;
    display:block;
}

.brand_05 {
	background: url(../images/product_05.gif) no-repeat 0 0;
	display: block;
}
.brand_05:hover {
    background: url(../images/product_05.gif) no-repeat 0 -28px;
    display:block;
}

.brand_06 {
	background: url(../images/product_06.gif) no-repeat 0 0;
	display: block;
}
.brand_06:hover {
    background: url(../images/product_06.gif) no-repeat 0 -28px;
    display:block;
}

.brand_07 {
	background: url(../images/product_07.gif) no-repeat 0 0;
	display: block;
}
.brand_07:hover {
    background: url(../images/product_07.gif) no-repeat 0 -28px;
    display:block;
}

.brand_08 {
	background: url(../images/product_08.gif) no-repeat 0 0;
	display: block;
}
.brand_08:hover {
    background: url(../images/product_08.gif) no-repeat 0 -28px;
    display:block;
}

.brand_09 {
	background: url(../images/product_09.gif) no-repeat 0 0;
	display: block;
}
.brand_09:hover {
    background: url(../images/product_09.gif) no-repeat 0 -28px;
    display:block;
}

.brand_10 {
	background: url(../images/product_10.gif) no-repeat 0 0;
	display: block;
}
.brand_10:hover {
    background: url(../images/product_10.gif) no-repeat 0 -28px;
    display:block;
}

/*----------------------------------------聯絡我們選單*/
#contact{
    text-indent:-9999px;
}

#contact a, #contact a:hover, #contact a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#contact_h1{
background: url(../images/tit_04.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}

.contact_01 {
	background: url(../images/contact_01.gif) no-repeat 0 0;
	display: block;
}
.contact_01:hover {
    background: url(../images/contact_01.gif) no-repeat 0 -28px;
    display:block;
}

.contact_02 {
	background: url(../images/contact_02.gif) no-repeat 0 0;
	display: block;
}
.contact_02:hover {
    background: url(../images/contact_02.gif) no-repeat 0 -28px;
    display:block;
}

.contact_03 {
	background: url(../images/contact_03.gif) no-repeat 0 0;
	display: block;
}
.contact_03:hover {
    background: url(../images/contact_03.gif) no-repeat 0 -28px;
    display:block;
}

.contact_04 {
	background: url(../images/contact_04.gif) no-repeat 0 0;
	display: block;
}
.contact_04:hover {
    background: url(../images/contact_04.gif) no-repeat 0 -28px;
    display:block;
}

.contact_05 {
	background: url(../images/contact_05.gif) no-repeat 0 0;
	display: block;
}
.contact_05:hover {
    background: url(../images/contact_05.gif) no-repeat 0 -28px;
    display:block;
}

.contact_06 {
	background: url(../images/contact_06.gif) no-repeat 0 0;
	display: block;
}
.contact_06:hover {
    background: url(../images/contact_06.gif) no-repeat 0 -28px;
    display:block;
}

.contact_07 {
	background: url(../images/contact_07.gif) no-repeat 0 0;
	display: block;
}
.contact_07:hover {
    background: url(../images/contact_07.gif) no-repeat 0 -28px;
    display:block;
}

.contact_08 {
	background: url(../images/contact_08.gif) no-repeat 0 0;
	display: block;
}
.contact_08:hover {
    background: url(../images/contact_08.gif) no-repeat 0 -28px;
    display:block;
}

.contact_09 {
	background: url(../images/contact_09.gif) no-repeat 0 0;
	display: block;
}
.contact_09:hover {
    background: url(../images/contact_09.gif) no-repeat 0 -28px;
    display:block;
}


/*----------------------------------------其他訊息選單*/
#other{
    text-indent:-9999px;
}

#other a, #other a:hover, #other a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#other_h1{
background: url(../images/tit_05.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}

.other_01 {
	background: url(../images/other_01.gif) no-repeat 0 0;
	display: block;
}
.other_01:hover {
    background: url(../images/other_01.gif) no-repeat 0 -28px;
    display:block;
}

.other_02 {
	background: url(../images/other_02.gif) no-repeat 0 0;
	display: block;
}
.other_02:hover {
    background: url(../images/other_02.gif) no-repeat 0 -28px;
    display:block;
}

.other_03 {
	background: url(../images/other_03.gif) no-repeat 0 0;
	display: block;
}
.other_03:hover {
    background: url(../images/other_03.gif) no-repeat 0 -28px;
    display:block;
}

.other_04 {
	background: url(../images/other_04.gif) no-repeat 0 0;
	display: block;
}
.other_04:hover {
    background: url(../images/other_04.gif) no-repeat 0 -28px;
    display:block;
}

.other_05 {
	background: url(../images/other_05.gif) no-repeat 0 0;
	display: block;
}
.other_05:hover {
    background: url(../images/other_05.gif) no-repeat 0 -28px;
    display:block;
}

.other_06 {
	background: url(../images/other_06.gif) no-repeat 0 0;
	display: block;
}
.other_06:hover {
    background: url(../images/other_06.gif) no-repeat 0 -28px;
    display:block;
}

.other_07 {
	background: url(../images/other_07.gif) no-repeat 0 0;
	display: block;
}
.other_07:hover {
    background: url(../images/other_07.gif) no-repeat 0 -28px;
    display:block;
}



/*---------------------------------------------*/

#footer{
	background:url(../images/botton_bk.gif) no-repeat;
	height:84px;
}


/*----------------------------------------網站導覽選單*/
#map{
    text-indent:-9999px;
}

#map a, #map a:hover, #map a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#map_h1{
background: url(../images/tit_06.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}


.map_01 {
	background: url(../images/map_01.gif) no-repeat 0 0;
	display: block;
}
.map_01:hover {
    background: url(../images/map_01.gif) no-repeat 0 -28px;
    display:block;
}

.map_02 {
	background: url(../images/map_02.gif) no-repeat 0 0;
	display: block;
}
.map_02:hover {
    background: url(../images/map_02.gif) no-repeat 0 -28px;
    display:block;
}

.map_03 {
	background: url(../images/map_03.gif) no-repeat 0 0;
	display: block;
}
.map_03:hover {
    background: url(../images/map_03.gif) no-repeat 0 -28px;
    display:block;
}

.map_04 {
	background: url(../images/map_04.gif) no-repeat 0 0;
	display: block;
}
.map_04:hover {
    background: url(../images/map_04.gif) no-repeat 0 -28px;
    display:block;
}

.map_05 {
	background: url(../images/map_05.gif) no-repeat 0 0;
	display: block;
}
.map_05:hover {
    background: url(../images/map_05.gif) no-repeat 0 -28px;
    display:block;
}

.map_06 {
	background: url(../images/map_06.gif) no-repeat 0 0;
	display: block;
}
.map_06:hover {
    background: url(../images/map_06.gif) no-repeat 0 -28px;
    display:block;
}


/*----------------------------------------內容搜尋選單*/
#saerch{
    text-indent:-9999px;
}

#saerch a, #saerch a:hover, #saerch a:link {
width:191px;
height:28px;
margin: 0 auto 0 auto;
padding:0 0 0 0;
border-bottom:1px #CCC dotted;
}


#saerch_h1{
background: url(../images/tit_07.jpg) no-repeat  top center;
text-indent:-9999px;
height:82px;
margin: 0 0 8px 0;
}
/*---------------------------------------------公司治理概況*/

.point_f {
	background: url(../images/point_f.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
	height: 52px;
}
.point_f:hover {
    background: url(../images/point_f.jpg) no-repeat 0 -52px;
    display:block;
	width:294;
}


.point_g {
	background: url(../images/point_g.jpg) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
	height: 52px;
	width:354;
}
.point_g:hover {
    background: url(../images/point_g.jpg) no-repeat 0 -52px;
    display:block;
}


/*---------------------------------------------------------*/




/*---------------------------------------------*/

#footer{
	background:url(../images/botton_bk.gif) no-repeat 0px 15px;
	height:100px;
}




/*--------------------------------------------------------page*/
#Copyright_main, #Copyright_main a:link, #Copyright_main a:visited {
	font-family: "Arial";
	font-size: 12px;
	color: #666666;
	text-align: left;
	padding: 30px 0px 0px 380px;
}
#Copyright_main a:hover, #Copyright_main a:active, #Copyright_main a:vsizit {	
color:#fff;
text-decoration: underline;
}
/*----------------------------------------------------- 文字*/
.point_a{
	font-size: 12pt;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	color: #FF9933;
}
.point_b{
	font-size: 10pt;
	font-style: normal;
	line-height: 16pt;
	font-weight: bold;
	font-variant: normal;
	color: #3399FF;
}

#dot{
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border: 1px;
	height: 2px;
	width: 100%;
	margin: 0 auto 10px auto;
	text-align: center;
}

#product_info{
margin:10px 0px 0px 0px;
	font-size: 12pt;
	font-style: normal;
	line-height: 18pt;
	font-weight: bold;
	font-variant: normal;
	color: #FF9933;
	width: 680px;
	text-align:left
}
#product_guide, #product_guide a, #product_guide a:link, #product_guide a:visited{
margin:16px 0px 6px 10px;
	width: 670px;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	font-variant: normal;
	color: #666666;
	width: 680px;
	text-align:left
}
#product_guide a:hover{
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: normal;
	font-variant: normal;
	color: #FF9900;
	width: 680px;
	text-align:left;
	text-decoration: underline;
}

.product_order_01 {
	background: url(../images/pdc_order_03.gif) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
	height: 26px;
	width:72px;
}
.product_order_01:hover {
    background: url(../images/pdc_order_03.gif) no-repeat 0 -26px;
    display:block;
}

.product_order_02 {
	background: url(../images/pdc_order_02.gif) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
	height: 26px;
	width:48px;
}
.product_order_02:hover {
    background: url(../images/pdc_order_02.gif) no-repeat 0 -26px;
    display:block;
}

.product_order_03 {
	background: url(../images/pdc_order_01.gif) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
	height: 26px;
	width:72px;
}
.product_order_03:hover {
    background: url(../images/pdc_order_01.gif) no-repeat 0 -26px;
    display:block;
}

.product_order_04 {
	background: url(../images/pdc_order_04.gif) no-repeat 0 0;
	text-indent:-9999px;
	display: block;
	height: 26px;
	width:72px;
}
.product_order_04:hover {
    background: url(../images/pdc_order_04.gif) no-repeat 0 -26px;
    display:block;
}

#product_form{
	height:98%;
	width:92%;
	margin:10px 6px 0px 6px;
	padding:10px 0px 10px 0px ;
	border: 1px dashed #ccc;
}

.line{
	border-right-style: none;
	border-bottom-style: none;
	border-top-style: none;
	border-left-color: #CCCCCC;
	border-left-style: dotted;
	border-left-width: 1px;
	
}