@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
@import url("showDialog.css");

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }
body, td, th { font-size:12px; font-family: Verdana, Geneva, sans-serif; }
.iframe_ch { display:none }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 主頁 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------------------------------->>> logo&語系&星星 <<<--------------------------------------------------------------*/
#logomain{width:100%; height:94px; margin:auto;  position:relative; z-index:2; }
#logomain #info{ width:1000px; margin:auto; position:relative;}
#logomain #info #logo{ width:353px; height:96px; position:absolute; left:50px; top:48px; z-index:2;}
#logomain #info #language{ position:absolute; top:58px; right:63px; color:#FFF;}
#logomain #info #language a{ color:inherit; text-decoration:none;}
#logomain #info #language ul{list-style-type:none; margin:0px;}
#logomain #info #language ul li{ width:36px; height:21px; text-align:center; line-height:22px;  float:left; margin-left:15px;  background:url(../../images/language_icon.png) no-repeat; font-size:12px; font-family:"新細明體";}
#logomain #info #star{ position:absolute; right:80px; bottom:-300px; z-index:2;}
/* ---------------------------------->>> banner <<<--------------------------------------------------------------*/
#header{ width:100%; height:156px; margin:auto;  position:relative;  background-color:#343434; }
#header #info{width:1000px; margin:auto; position:relative; }
#header #info #banner{ height:156px; position:absolute; margin:auto;  }


/* ---------------------------------->>> 輪播 <<<--------------------------------------------------------------*/
 .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; }
 .nivoSlider img { top:0px; left:0px; max-width: none;  }
 .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
 .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; /*display:none;*/ }/*防止畫面閃動*/
 .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
 .theme-default .nivoSlider { width: 765px; height: 300px; z-index:1; background-color:#333 }

/* ---------------------------------->>> 線 <<<--------------------------------------------------------------*/
#line { width:100%; height:7px; position:relative; }
#line #left{ width:50%; height:27px; position:absolute; left:0px; margin:0px; background:#89ba34;}
#line #mid{ width:1000px; height:27px; position:absolute; left:50%; margin-left:-500px;  }
#line #right{ width:50%; height:7px; position:absolute; right:0px; margin:0px; background:#89ba34;}


#main{ width:100%;  position:relative; }
#main #pages{ width:1000px;  position:relative; left:50%; margin-left:-500px; margin-top:30px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 左邊選單(中文) <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#main #pages #asideleft{ width:226px; height:580px; float:left; position:relative;  }
#main #pages #asideleft #logo{ float:right; margin-right:33px; margin-top:31px; margin-bottom:29px; }

#main #pages #menu { position:absolute; text-align:right; top:55px; right:0px; }
#main #pages #menu ul { list-style:none; margin:0; padding:0; font-size:12px; font-family:"新細明體"; }
#main #pages #menu ul li{  padding-top:12px; padding-bottom:11px;  }
#main #pages #menu ul a{ color:inherit; font:inherit; text-decoration:none;  vertical-align:middle;}
#main #pages #menu #item{ width:182px; letter-spacing:1px;   }
#main #pages #menu #item img{ vertical-align:middle; display:inline-block;  margin-right:10px; padding-top:2px;  }
#main #pages #menu #item .item_li{  cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 15px; padding-right:48px; }
#main #pages #menu #item .item_li ul{ color:#89ba34;  font-size:12px; width:182px; display:none; }
#main #pages #menu #item .item_li ul li{  cursor:pointer;  padding-right:47px;   }
#main #pages #menu #item .item_li:hover{  background:url(../../images/menu_ch.png) no-repeat 0 7px;  color:#fff;}


#main #pages #menu #item .item_li_ch{ cursor:pointer; background:url(../../images/menu_icon_3.png) no-repeat 138px 15px; padding-right:48px; }
#main #pages #menu #item .item_li_ch ul{ color:#89ba34;  font-size:12px; width:182px; display:none;  }
#main #pages #menu #item .item_li_ch ul li{  cursor:pointer;  padding-right:47px;   }
#main #pages #menu #item .item_li_ch ul li:hover{background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#FFF;  }

#main #pages #menu #item .item_li_1{ cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 15px; padding-right:48px; }
#main #pages #menu #item .item_li_1 ul{ color:#89ba34;  font-size:12px; width:182px; display:none; }
#main #pages #menu #item .item_li_1 ul li{  cursor:pointer;  padding-right:47px;   }

/*
#main #pages #menu #item .item_li_1:hover{ background:none; background:url(../../images/menu_icon_3.png) no-repeat 138px 15px; color:#000;   }
#main #pages #menu #item .item_li_1:hover ul{  display:inline-block;   }
*/

#main #pages #menu #item .item_li ul li:hover{background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#FFF;  }

#main #pages #menu #item .item_li2{ position:relative; font-size:12px;  line-height:11px;  cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 18px; padding-right:48px;}
#main #pages #menu #item .item_li2 img{ position:absolute; left:15px; top:17px;}
#main #pages #menu #item .item_li2:hover{ background:url(../../images/menu_ch2.png) no-repeat 0 2px;  color:#fff;}

#main #pages #menu #item .item_li3{ position:relative; font-size:12px; letter-spacing:0.2px;  line-height:10px;  cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 18px; padding-right:48px;}
#main #pages #menu #item .item_li3 img{ position:absolute; left:0px; top:17px;}
#main #pages #menu #item .item_li3:hover{ background:url(../../images/menu_ch2.png) no-repeat 0 2px;  color:#fff;}

/* ---------------------------------->>> 選取的狀態 <<<--------------------------------------------------------------*/
#main #pages #menu #item .ch{ background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#fff;}
#main #pages #menu #item .ch_1{ background:none; background:url(../../images/menu_icon_3.png) no-repeat 138px 15px; }
#main #pages #menu #item .ch_1 ul{ display:inline-block;}
#main #pages #menu #item .two_ch{ background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#FFF;}
#main #pages #menu #item .ch_2{ background:url(../../images/menu_ch2.png) no-repeat 0 2px;  color:#FFF;}

/* ---------------------------------->>> 針對IE的調整 <<<--------------------------------------------------------------*/
#main #pages #menu #item .item_li2{line-height:13px \9;}
#main #pages #menu #item .item_li{background:url(../../images/menu_icon_1.png) no-repeat 138px 12px \9;  }
#main #pages #menu #item .item_li:hover{ background:url(../../images/menu_ch.png) no-repeat 0 4px \9;}
#main #pages #menu #item .item_li_1:hover{ background:url(../../images/menu_icon_3.png) no-repeat 138px 12px \9;   }
#main #pages #menu #item .item_li ul li:hover{background:url(../../images/menu_ch.png) no-repeat 0 4px \9;  }
#main #pages #menu #item .ch{ background:url(../../images/menu_ch.png) no-repeat 0 4px \9;}
#main #pages #menu #item .ch_1{ background:url(../../images/menu_icon_3.png) no-repeat 138px 12px \9; }
#main #pages #menu #item .ch_1 ul .two_ch{ background:url(../../images/menu_ch.png) no-repeat 0 4px \9;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 左邊選單(英文) <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#main #pages #en_menu { position:absolute; text-align:right; top:55px; right:0px; }
#main #pages #en_menu ul { list-style:none; margin:0; padding:0;  }
#main #pages #en_menu ul li{  padding-top:12px; padding-bottom:11px;  letter-spacing:0.1px; font-size:12px; font-family:"新細明體"; }
#main #pages #en_menu ul a{ color:inherit; font:inherit; text-decoration:none;  vertical-align:middle;}
#main #pages #en_menu #item{ width:182px;   }
#main #pages #en_menu #item img{ vertical-align:middle; display:inline-block;  margin-right:10px; padding-top:2px;  }
#main #pages #en_menu #item .item_li{  cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 15px; padding-right:48px; }
#main #pages #en_menu #item .item_li ul{ color:#89ba34; width:182px; display:none; }
#main #pages #en_menu #item .item_li ul li{  cursor:pointer;  padding-right:47px;   }
#main #pages #en_menu #item .item_li:hover{ background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#fff;}
#main #pages #en_menu #item .item_li_1:hover{ background:none; background:url(../../images/menu_icon_3.png) no-repeat 138px 15px; color:#000; }
#main #pages #en_menu #item .item_li_1:hover ul{ display:inline-block;   }
#main #pages #en_menu #item .item_li ul li:hover{background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#FFF; }

#main #pages #en_menu #item .item_li ul .two{  cursor:pointer;  padding-right:47px; line-height:5px; padding-bottom:15px; }
#main #pages #en_menu #item .item_li ul .two:hover{background:url(../../images/menu_ch2.png) no-repeat 0 2px; color:#FFF; }

#main #pages #en_menu #item .item_li2{ position:relative; line-height:11px; padding-right:48px; cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 18px; }
#main #pages #en_menu #item .item_li2 img{ position:absolute; left:15px; top:17px;}
#main #pages #en_menu #item .item_li2:hover{ background:url(../../images/menu_ch2.png) no-repeat 0 2px; color:#fff;}

#main #pages #en_menu #item .item_li3{ position:relative; line-height:10px;  cursor:pointer; background:url(../../images/menu_icon_1.png) no-repeat 138px 18px; padding-right:48px;}
#main #pages #en_menu #item .item_li3 img{ position:absolute; left:1px; top:17px;}
#main #pages #en_menu #item .item_li3:hover{ background:url(../../images/menu_ch2.png) no-repeat 0 2px; color:#fff;}


/* ---------------------------------->>> 選取的狀態 <<<--------------------------------------------------------------*/
#main #pages #en_menu #item .ch{ background:url(../../images/menu_ch.png) no-repeat 0 7px;  color:#FFF;}
#main #pages #en_menu #item .ch_1{ background:none; background:url(../../images/menu_icon_3.png) no-repeat 138px 15px; }
#main #pages #en_menu #item .ch_1 ul{ display:inline-block;}
#main #pages #en_menu #item .ch_1 ul .two_ch{ background:url(../../images/menu_ch.png) no-repeat 0 7px; color:#FFF;}
#main #pages #en_menu #item .ch2{ background:url(../../images/menu_ch2.png) no-repeat 0 2px;  color:#FFF;}
#main #pages #en_menu #item .ch_1 ul .two_ch2{ background:url(../../images/menu_ch2.png) no-repeat 0 2px; color:#FFF;}

/* ---------------------------------->>> 針對IE的調整 <<<--------------------------------------------------------------*/
#main #pages #en_menu #item .item_li:hover{ background:url(../../images/menu_ch.png) no-repeat 0 4px \9;}
#main #pages #en_menu #item .item_li{ background:url(../../images/menu_icon_1.png) no-repeat 138px 12px \9; }
#main #pages #en_menu #item .item_li_1:hover{  background:url(../../images/menu_icon_3.png) no-repeat 138px 12px \9;}
#main #pages #en_menu #item .item_li3{background:url(../../images/menu_icon_1.png) no-repeat 138px 16px \9; }
#main #pages #en_menu #item .item_li3:hover{ background:url(../../images/menu_ch2.png) no-repeat 0 0px \9;}
#main #pages #en_menu #item .ch_1{background:url(../../images/menu_icon_3.png) no-repeat 138px 12px \9; }
#main #pages #en_menu #item .ch{ background:url(../../images/menu_ch.png) no-repeat 0 4px \9;}
#main #pages #en_menu #item .ch2{ background:url(../../images/menu_ch2.png) no-repeat 0 0px \9;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 右邊內容 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#main #pages #asideright{ width:774px;  margin-left:226px; background:url(../../images/menu.png) repeat-y ; position:relative; }
#main #pages #asideright #company_bg{ width:779px; height:266px; position:absolute; background:url(../../images/aboutus_bg.png) no-repeat; bottom:15px; }

/* ---------------------------------->>> 內容 <<<--------------------------------------------------------------*/
#main #pages #asideright #content{ width:645px;  position:relative; margin:auto; margin-top:30px;}
#main #pages #asideright #content #about{ height:1145px;}
#main #pages #asideright #content #company_title{ position:absolute; top:21px; left:0px;}
#main #pages #asideright #content #break{ position:absolute; right:50px; top:50px;  color:#000; font-family:"微軟正黑體"; font-size:12px; }
#main #pages #asideright #content #break a{ color:inherit; text-decoration:none;}
#main #pages #asideright #content #break a:hover{text-decoration:underline;}
#main #pages #asideright #content hr{ width:100%; border:1px #89ba34 solid; position:absolute; top:70px; }
#main #pages #asideright #content #history{ position:absolute;  text-align:right; right:67px; top:112px;}
#main #pages #asideright #content #beforea{  position:absolute; top:25px; right:170px; z-index:1; }
#main #pages #asideright #content #aftera{ position:absolute;  top:25px; right:20px; z-index:2;}
#main #pages #asideright #content #history #before_1,#after_1{ position:absolute; width:110px; height:28px; font-family:"新細明體"; font-size:12px; color:#000; line-height:17px; text-align:center;}
#main #pages #asideright #content #history #before_1{ right:220px; top:245px;}
#main #pages #asideright #content #history #after_1{ right:65px; top:245px;}
#main #pages #asideright #content #history .timeline{ position:absolute;  vertical-align:middle; text-align:left; font-family:"微軟正黑體"; font-size:14px; color:#000; }
#main #pages #asideright #content #history .timeline .year{ font-family:Arial, Helvetica, sans-serif; border-bottom:2px #89ba34 solid; font-size:12px; color:#89ba34;}
#main #pages #asideright #content #history .timeline i{ position:absolute; top:25px; left:32px; width:100px; font-style:normal;}
#main #pages #asideright #content #history .timeline .event{ border-bottom:1px #8f8f8f solid; padding-left:5px; display:inline-block;}
#main #pages #asideright #content #history .timeline .event img{ position:absolute; top:16px; right:-7px;}
#main #pages #asideright #content #history #t1{ left:-485px; top:0px;}
#main #pages #asideright #content #history #t2{ left:-504px; top:35px;}
#main #pages #asideright #content #history #t2 .event{ width:106px; }
#main #pages #asideright #content #history #t3{ left:-520px; top:71px;}
#main #pages #asideright #content #history #t3 .event{ width:104px; }
#main #pages #asideright #content #history #t4{ left:-522px; top:110px;}
#main #pages #asideright #content #history #t4 .event{ width:98px; }
/* ---------------------------------->>> 介紹 <<<--------------------------------------------------------------*/
#asideright #content #info{ position:relative; width:490px; height:555px;  left:95px; top:445px; background:url(../../images/about_info.png) no-repeat 0 90px; border:1px #abd557 solid;}
#asideright #content #info #icon { position:absolute; left:82px; top:-24px; }
#asideright #content #info div{ position:absolute; left:114px; width:360px; color:#000; font-family:"新細明體"; font-size:12px; line-height:20px; letter-spacing:1px;}
#asideright #content #info #pard_1{ top:35px;}
#asideright #content #info #pard_2{top: 175px;}
#asideright #content #info #pard_3{top: 390px;}
#asideright #content #info #pard_3 ul{ list-style:disc; margin:0 0 0 17px; padding:0; color:#7eaf1b; line-height:25px;}
#asideright #content #info #pard_3 span{ color:#000; width:270px; padding-left:15px; display:inline-block; vertical-align:top;}
#asideright #content #info #img_1{ width:152px; height:150px; left:-76px; top:-23px; border: 5px #9fcf3f solid;}
#asideright #content #info #img_2{ width:152px; height:150px; left:-76px; top:160px; border: 5px #9fcf3f solid;}
#asideright #content #info #mark1{ width:50px; height:23px; background:#fff; top:137px; left:-20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 歷史沿革 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #content #history_even {position:relative; height:900px; top:116px; left:14px; }
#asideright #content #history_even ul{ list-style:none; margin:0; padding:0px;}
#asideright #content #history_even ul li{ height:44px;}
#asideright #content #history_even .year{ color:#89ba34; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px #89ba34 solid;}
#asideright #content #history_even .event{ position:relative; padding-left:9px; color:#000; font-family:"微軟正黑體"; font-size:14px; letter-spacing:1px; border-bottom:1px #8f8f8f solid;}
#asideright #content #history_even .event img{ position:absolute; top:15px; right:-6px;}
#asideright #content #history_even .height{ height:60px;}
#asideright #content #history_even .style{ position:absolute; top:120px; left:37px; color:#000; font-family:"微軟正黑體"; font-size:14px; letter-spacing:1px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 環保政策 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #content #environmental{ position:relative; height:949px; width:598px; top:107px; left:35px;}
#asideright #content #environmental #detial { color:#000; font-family:"新細明體"; font-size:12px; line-height:30px; letter-spacing:1px; }
#asideright #content #environmental img{ position:absolute; top:172px; }
#asideright #environmental_bg{ background:url(../../images/environmental_bg.png) no-repeat 4px bottom;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 最新消息 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #content #news{ width:647px; height:502px; margin-top:63px; }
#asideright #content #news .list{ width:100%; height:64px; border-bottom: 1px #b4d37d dashed; position:relative; }
#asideright #content #news .list:hover{ background:#f6f6f6;}
#asideright #content #news #page{ position:relative;}
#asideright #content #news .date{ display:inline-block; line-height:25px; color:#000; margin-top:12px; margin-left:2px; font-size:12px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;}
#asideright #content #news .title{ margin-left:2px; line-height:14px; letter-spacing:1px;  color:#3b3b3b; font-size:13px; font-family:"新細明體"; }
#asideright #content #news img{ position:absolute; right:0px; top:25px; cursor:pointer;}
#asideright #content #news .listend{ border-bottom: 1px #cce599 solid;}
#asideright #content #news #no_data{ width:100%; height:100%; display:inline-block;letter-spacing:1px; line-height:480px; text-align:center; vertical-align:middle; color:#000; font-family:"新細明體"; font-size:12px;}

/* ---------------------------------->>> 分頁 <<<--------------------------------------------------------------*/
#asideright #content #news #page{ position:absolute; bottom:45px;}
#asideright #content #news #page #previous , #next{ margin-right:12px; display:inline-block; width:17px; height:17px; line-height:17px; vertical-align:middle; text-align:center; cursor:pointer;}
#asideright #content #news #page .count{ display:inline-block; width:17px; height:17px; line-height:17px; vertical-align:middle; text-align:center; margin-right:12px; cursor:pointer; position:relative;}
#asideright #content #news #page .count:hover{ text-decoration:underline;}
#asideright #content #news #page .ch{ background:url(../../images/page_icon.png) no-repeat; color:#FFF; text-decoration:none;}
#asideright #content #news #page .ch:hover{ text-decoration:none;}
#asideright #content #news #page  a{ color:inherit; text-decoration:inherit;}
#asideright #content #news #page #totle{ position:absolute; display:inline; width:165px; font-size:12px; font-family:"新細明體"; color:#000; left:490px; bottom:5px;   }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 最新消息-內頁 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #content #news_info{ width:647px; min-height:280px;  position:relative; margin-top:65px;  }
#asideright #content #news_info #date{ color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-top:15px;  }
#asideright #content #news_info #title{ height:auto;}
#asideright #content #news_info #img{ width:18px; height:16px; float:left; padding-top:10px;}
#asideright #content #news_info #title { width:585px; letter-spacing:1px; line-height:16px; vertical-align:middle; padding-top:10px;   padding-left:25px; color:#000; font-size:13px; font-family:"新細明體";  }
#asideright #content #news_info #detial{ min-height:270px; padding-top:20px; line-height:20px; letter-spacing:1.5px; padding-bottom:30px;}
#asideright #content #news_info #weblink,#file{ letter-spacing:1px; line-height:20px; color:#000; font-size:13px; font-family:"新細明體";} 
#asideright #content #news_info a{ color:inherit; text-decoration:none;}
#asideright #content #news_info a:hover{ color:#a4a79d; text-decoration:underline;}

#asideright #content #news_info #back { height:70px; width:100%;  border-top:1px #b4d37d dashed; padding-top:30px; text-align:right;}
#asideright #content #news_info #back input{ background:none; letter-spacing:1px; line-height:30px \9;line-height:24px; height:30px;  vertical-align:middle;  border:3px #000 solid; outline:none; margin-left:16px; color:#000; font-size:12px; font-family:"新細明體";  cursor:pointer;}
#asideright #content #news_info #back input:hover{ border:3px #99cd32 solid; color:#99cd32;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 金屬元素之影響 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#asideright #content #metal{ width:590px; height:860px; position:relative; top:105px; left:30px;}
#asideright #content #metal ul{ list-style:none; margin:0; padding:0;}
#asideright #content #metal li{ position:relative;  margin-bottom:24px; }
#asideright #content #metal * { vertical-align:middle;}
#asideright #content #metal .metal_icon{ height:46px; width:46px; background:url(../../images/metal_icon.png) no-repeat 0 0; display:inline-block;}
#asideright #content #metal li .ch{  position:absolute; top:9px; left:15px; color:#000; font-family:"微軟正黑體"; font-size:16px; }
#asideright #content #metal li .en{  position:absolute; top:27px; left:17px;color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#asideright #content #metal li .info{  width:510px; margin-left:25px;  display:inline-block; color:#000; font-size:12px; font-family:"微軟正黑體"; letter-spacing:1px; line-height:22px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 產品介紹 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #products_bg{ position:absolute; width:774px; height:1900px; background:url(../../images/products_bg.png) no-repeat 10px bottom ;}
#asideright #products{ position:relative; width:575px; height:1730px; margin:auto; top:105px; background:url(../../images/products_info_bg.png) no-repeat; }
#asideright #products #title{ width:151px; height:20px; line-height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; vertical-align:middle;}
#asideright #products #detail{ width:490px; height:300px; position:relative; top:50px; left:35px;  }
#asideright #products #detail #left{ width:351px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; letter-spacing:1px;  float:left;  }
#asideright #products #detail #right { width:136px; height:191px; margin-left:376px; }
#asideright #products #detail #bottom { width:484px;  bottom:0px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; letter-spacing:1px; }
#asideright #products #photo { margin-left:46px; margin-top:85px;}
#asideright #products #photo img{ margin-right:10px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 產品原物料 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #element { position:relative; width:700px; height:1700px; top:99px; left:0px; }
#asideright #element .number{ color:#99cc33; font-size:25px; font-family:Arial, Helvetica, sans-serif; line-height:31px;  }
#asideright #element .number span{ font-size:18px;}
#asideright #element #one .number{  margin-left:5px; }
#asideright #element #one ul{ list-style:none; margin:0; padding:0; left:30px; margin-left:25px; }
#asideright #element #one ul li{ display:inline-block; width:135px; height:165px; position:relative; margin:22px 84px 4px 0;}
#asideright #element #one ul li span{ position:absolute; bottom:0; left:0; width:135px; text-align:center; color:#000; font-size:12px; font-family:"新細明體";  letter-spacing:1px;}
#asideright #element #page_line { width:100%;  border-bottom:1px #6f6f6f dashed; position:relative; margin-top:27px;}
#asideright #element #sec {  width:100%; margin-top:33px; margin-left:30px;}
#asideright #element #sec div{ position:relative; width:135px; height:175px; margin:22px 84px 4px 0; float:left;}
#asideright #element #sec .clear{ clear:both;}
#asideright #element #sec img{ position:absolute; top:43px;; left:0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 生產流程 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #processes{ width:647px; height:1380px;  position:relative; top:62px;}

#asideright #processes #option{ display:inline-block;}
#asideright #processes #option ul{ overflow:hidden; width:350px; height:27px;  margin:3px 0 0 0; padding:0;}
#asideright #processes #option ul li{ float:left; display:inline-block; vertical-align:middle; height:27px; text-align:center; font-size:13px; font-family:"新細明體"; letter-spacing:1px  }

#asideright #processes #unitnav .current{background:#9c3;}
#asideright #processes #unitnav .current a{ color:#fff; }
#asideright #processes #unitnav .current_none{background:#fff;}
#asideright #processes #unitnav .current_none a{ color:#000; }
/**unitnav: LavaLamp*/
#processes #unitnav li.back{position:absolute; top:3px; z-index:1; overflow:hidden; height:27px; padding:0;}
#processes #unitnav li.back .left{ background:#9c3; height:100%; }
#processes #unitnav li a{ position:relative; z-index:3; color:inherit; padding:0 15px; text-decoration:none; display:inline-block; text-align:center; vertical-align:middle; height:27px; line-height:27px;;}
/*
#asideright #processes #option table{ margin:5px 0 5px 3px;}
#asideright #processes #option table td{  height:27px;  padding-left:24px; padding-right:28px; color:#000; font-size:13px; font-family:"新細明體"; letter-spacing:1px; cursor:pointer;  }
#asideright #processes #option table td:hover{ background:#99cc33; color:#fff;}
#asideright #processes #option table td a{ color:inherit; text-decoration:none; }
#asideright #processes #option table .ch{background:#99cc33; color:#fff;}
*/
#asideright #processes #classes{ border:1px #89ba34 solid;}

#asideright #processes #page_1,#page_2{ width:660px; height:715px; position:relative;  top:0px;}
#asideright #processes ul{ list-style:none; margin:0; padding:0;}
#asideright #processes #line{ height:145%; background:url(../../images/level_bg.png) repeat-y; background-position: 0 30px; position:absolute; top:55px; }

#asideright #processes #line div{ position:relative; display:block; margin-top:-25px; height:120px;}
#asideright #processes #line .two_row{ height:240px;}
#asideright #processes .level{display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; vertical-align:middle; color:#000; font-size:15px; font-family:Arial, Helvetica, sans-serif;   background:url(../../images/level_icon.png) no-repeat;}
#asideright #processes .title{ color:#000; letter-spacing:1px; font-size:14px; font-family:"新細明體"; margin-left:8px;}
#asideright #processes .title i{ position:absolute; font-style:normal; left:40px; top:45px;}
#asideright #processes .photo { display:inline-block; vertical-align:middle; margin-left:10px; }
#asideright #processes .photo a{ display:inline-block; }
#asideright #processes .photo img{ border:1px #d9d9d9 solid; padding:3px; margin-right:22px;}
#asideright #processes .photo .img_ch:hover{ border:1px #89ba34 solid;}
#asideright #processes .row_2{ margin-left:121px; margin-top:30px;}
#asideright #processes .photo .steps{ border:0; margin:0px; padding:0px; position:absolute; margin-left:-15px; margin-top:30px;}
#asideright #processes .photo .stepsdown{  border:0; margin:0px; padding:0px; position:absolute; margin-left:-80px; margin-top:80px;}
#asideright #processes .photo i{ font-style:normal; width:100px; position:absolute; font-size:12px; font-family:"新細明體"; margin-left:-100px; margin-top:70px; letter-spacing:1px; }
#asideright #processes .photo .border{ border:1px #99cc33 solid;}
#asideright #processes .photo .borderclear{ border:1px #FFF solid; }


#asideright #processes #page{ width:100%; height:63px; text-align:center; position:absolute; bottom:100px;}
#asideright #processes #page .pagination{ display:inline-block; width:17px; height:17px; line-height:17px; text-align:center; vertical-align:middle; margin-right:18px;}
#asideright #processes #page .pagination:hover{ text-decoration:underline;}
#asideright #processes #page .ch{ background:url(../../images/page_icon.png) no-repeat; color:#fff; }
#asideright #processes #page .ch a{  color:#fff; }
#asideright #processes #page .ch:hover{ text-decoration:none;}
#asideright #processes #page a{ text-decoration:none; color:#000; }

/* ---------------------------------->>> 生產流程示意圖 <<<--------------------------------------------------------------*/
#asideright #processes #page_3{ width:660px; height:582px; position:relative;}
#asideright #processes #page_3 img{ position:absolute; top:29px; left:38px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 成分表 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #composition{ width:647px; height:930px;  position:relative; top:63px;}
/*
#asideright #composition #option table{ margin:5px 0 5px 3px;}
#asideright #composition #option table td{  height:27px;  padding-left:24px; padding-right:28px; color:#000; font-size:13px; font-family:"新細明體"; letter-spacing:1px; cursor:pointer;  }
#asideright #composition #option table td:hover{ background:#99cc33; color:#fff;}
#asideright #composition #option table td a{ color:inherit; text-decoration:none;}
#asideright #composition #option table .ch{background:#99cc33; color:#fff;}
*/
#asideright #composition #option{ display:inline-block;}
#asideright #composition #option ul{ overflow:hidden; width:490px; height:27px;  margin:3px 0 0 0; padding:0;}
#asideright #composition #option ul li{ float:left; display:inline-block; vertical-align:middle; height:27px; text-align:center; font-size:13px; font-family:"新細明體"; letter-spacing:1px  }


#asideright #composition #unitnav .current a{ color:#fff; }
/*
#asideright #composition #unitnav .current{background:#9c3;}


#asideright #composition #unitnav .current_none{background:#fff;}
#asideright #composition #unitnav .current_none a{ color:#000; }
*/
/**unitnav: LavaLamp*/
#composition #unitnav li.back{position:absolute; top:3px; z-index:1; overflow:hidden; height:27px; padding:0;}
#composition #unitnav li.back .left{ background:#9c3; height:100%; }
#composition #unitnav li a{ position:relative; z-index:3; color:inherit; padding:0 15px; text-decoration:none; display:inline-block; text-align:center; vertical-align:middle; height:27px; line-height:27px;;}


#asideright #composition #classes{ border:1px #89ba34 solid;}

#asideright #composition .alloy_mainbox { padding-top:25px;}
#asideright #composition .alloy_box {border:1px solid #8e8e8e;}
#asideright #composition .title {font-size:15px;	font-family:"微軟正黑體";	 font-weight:bold; color:#393a3a;	line-height:40px;}
#asideright #composition .title2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#393a3a;	line-height:40px;}
#asideright #composition .alloy_en {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#asideright #composition .alloy_ch {color:#ffffff; font-family:"微軟正黑體"; letter-spacing:1px;}
#asideright #composition .project_ch {font-family:"微軟正黑體"; font-size:16px; font-weight:bold; color:#6b6460;}
#asideright #composition .project_en {font-family:Arial, Helvetica, sans-serif; font-size:13px;	font-weight:bold; color:#6b6460;}
#asideright #composition .name {	font-size:12px;	color:#474747; font-family:Arial, Helvetica, sans-serif; line-height:30px;}
#asideright #composition .nuber {font-family:Arial, Helvetica, sans-serif; font-size:12px;	color:#262727;	border-left:1px solid #8e8e8e;	border-top:1px solid #8e8e8e;}
#asideright #composition .alloy_txt {text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:80px; font-size:12px; color:#666666; letter-spacing:1px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 設備介紹 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #equipment{ width:647px; height:810px; position:relative; top:50px; }
#asideright #equipment ul{ list-style:none; margin:0; padding:0; margin-left:28px; margin-top:46px; }
#asideright #equipment ul li{ display:inline-block; width:135px; height:135px; position:relative; float:left; margin-right:71px; margin-bottom:98px;}
#asideright #equipment ul li span{ position:absolute;   }
#asideright #equipment ul li .title{ width:200px; text-align:center; color:#000; letter-spacing:1px; font-size:14px; font-family:"微軟正黑體"; left:-35px; bottom:-45px;}
#asideright #equipment ul li .count{ width:37px; height:37px; line-height:37px; text-align:center; vertical-align:middle; right:0px; top:-15px; color:#000; font-size:12px; font-family:"新細明體"; background:url(../../images/equipment_icon.png) no-repeat; display:none; }
#asideright #equipment #member_info_main_2 { display:inline-block;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 聯絡我們 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #contact_bg{ position:absolute; width:774px; height:717px; top:0; left:0; background:url(../../images/contact_bg.png) no-repeat; top:100px;}
#asideright #contact{ position:relative; width:100%; height:810px; top:50px; }
#asideright #contact #word_ch img{ margin-top:50px; margin-left:12px; width:135px;  float:left;}
#asideright #contact #word_ch span{ display:inline-block; width:450px; margin-left:19px; margin-top:48px; font-size:12px; font-family:"新細明體"; color:#000; letter-spacing:1px; line-height:20px;}
#asideright #contact #word_en{ margin-left:12px; margin-top:12px;}
#asideright #contact #form{ width:499px; height:490px; position:relative; top:52px; left:66px;}
#asideright #contact #form .input{ width:497px; height:30px; vertical-align:middle; display:inline-block; line-height:30px; position:relative; background:url(../../images/contact_icon3.png); border:1px #FFF solid; margin-bottom:31px; }
#asideright #contact #form .msg{ height:125px; }
#asideright #contact #form .input span{ width:122px; height:30px; background:#fff; position:absolute; top:-2px; left:1px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;  letter-spacing:1px; line-height:30px; padding-left:23px; }
#asideright #contact #form .msg span{ height:125px; }
#asideright #contact #form .input .padding{ padding-left:40px; width:105px;}
#asideright #contact #form .input input{ width:335px; height:30px; margin-left:150px; background:none; border:0px; outline:none;  font-size:12px; font-family:Arial, Helvetica, sans-serif;  }
#asideright #contact #form .msg textarea{ width:335px; height:125px; margin-left:150px; background:none; border:0px; outline:none;  font-size:12px; font-family:Arial, Helvetica, sans-serif;  }
#asideright #contact #form .submit{ text-align:right;}
#asideright #contact #form .submit input{ background:none; letter-spacing:1px;  height:30px; vertical-align:middle; text-align:center; border:3px #000 solid; outline:none; margin-left:16px; color:#000; font-size:12px; font-family:"新細明體";  cursor:pointer; line-height:30px \9;}
#asideright #contact #form .submit input:hover{ border:3px #99cd32 solid; color:#99cd32;}
#asideright #contact #form #reload-img{ position:absolute; right:3px; top:3px;}
#hiddle { display:none;}
/* ---------------------------------->>> 聯絡我們(英文) <<<--------------------------------------------------------------*/
#asideright #contact #word{ position:relative; height:100px; left:15px; top:50px;}
#asideright #contact #icon1 { position:absolute; left:0px; top:0px;}
#asideright #contact #icon2 {  position:absolute; left:132px; top:3px;}
#asideright #contact #icon3 { position:absolute; left:60px; top:80px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 英文版-暫時 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#asideright #null{  position:relative; width:100%; height:650px; top:50px;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 頁尾 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#bottom_info{ widows:100%; height:162px; position:relative; clear:both; background:#f6f6f6; }
#bottom_info #line1{widows:100%; border-top:1px #dadada solid; border-bottom:1px #fff solid; }
#bottom_info #info{ width:1000px; margin:auto; position:relative; background:#f6f6f6;  }
#bottom_info #info #company_1{ position:absolute; top:39px; left:92px; width:360px;}
#bottom_info #info #company_2{ position:absolute; top:39px; left:541px; width:360px;}
#bottom_info #info table td{ color:#000; font-family:"微軟正黑體"; font-size:12px; padding-left:5px; }
#bottom_info #info table td span{ border:1px #000 solid; padding-left:2px; padding-right:2px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 版權宣告 <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#copyright{ width:100%; height:32px; position:relative; background:#99cc33;}
#copyright #info{ width:1000px; line-height:32px; background:#99cc33; text-align:center; vertical-align:middle; margin:auto; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#copyright #info a{ color:#fff; text-decoration:none;}
#copyright #info a:hover{ text-decoration:underline;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(/images/action_bg.png); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(/images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }