@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("un-reset.css");
body{ margin:0; -webkit-text-size-adjust:none; background:url(../images/bg_line.jpg) repeat-x left top; background-color:#FFF; }
#WRAPPER{ width: 1024px; margin:auto; -webkit-text-size-adjust:none;}
#clear {clear:both; }

.body01{ background:url(../images/bg_line01.jpg) repeat-x left top; background-color:#FFF}

/*===============HEADER===================*/
#HEADER{ width:1024px; height:85px;}
#HEADER img{ vertical-align:middle; margin-left:39px;}
#HEADER-Main{ width:1024px; height:105px; background-image:url(../images/header_bg.png); }
#HEADER-Main img{ vertical-align:middle; margin-left:-27px; margin-top:10px;}

/*==================TOP-LINK======================*/
#TOP-index{ float:left; width:980px; height:40px; background-color:#000000; padding-left:44px; }
#TOP-index li{ float:left;text-align:center}
#TOP-index li a{ line-height:40px; color:#FFF; font-family:"微軟正黑體"; font-size:16px; text-decoration:none; padding:0 36px;}

/*==================TOP-LINK======================*/
#TOP-LINK{ float:left; width:988px; height:40px; background-color:#000000; padding-left:36px; }
#TOP-LINK li{ float:left;text-align:center}
#TOP-LINK li a{ line-height:40px; color:#FFF; font-family:"微軟正黑體"; font-size:16px; text-decoration:none; padding:0 27px;}

/*=============首頁動畫區及連結===============*/
#INDEX_MAIN{ float:left; width:1024px; height:571px; background-image:url(../images/index_main.jpg); margin-top:1px; position:relative}

.INDEX_flash{ display:block; z-index:1; top:0;}

.INDEX_news_box{ position:absolute; width:383px; height:498px; right:0; top:0; z-index:2; padding-top:73px;}
.INDEX_news01{ display:block; width:383px; height:167px;background-image:url(../images/index_news01.png); }
.INDEX_news02{ display:block; width:383px; height:167px;background-image:url(../images/index_news02.png)}
.INDEX_news03{ display:block; width:383px; height:163px;}

.INDEX_news_list { display:block; width:230px; padding:30px 0 0 60px;}
.INDEX_news_list li{line-height:35px; background:url(../images/icon01.png) no-repeat left center;border-bottom:#ffffff 1px dashed; }
.INDEX_news_list li a{ color:#000; font-family:"微軟正黑體"; font-size:13px; text-align:left; 
 text-decoration:none; padding-left:15px;}

/*=====內容區======*/
#CONTENT{ float:left; width:1024px; height:auto; margin-top:3px; padding-top:27px; padding-bottom:10px;}


/*左側連結區*/
.subNav{ float:left; width:245px; height:auto;}

.subLink{ float:left; width:210px; height:auto;border:#2b5f19 3px solid; border-radius:10px; padding:10px 0 0 10px; margin-left:10px; margin-top:10px;}
.subLink li{ display:block; width:170px; border-bottom:1px #908888 dashed; margin-bottom:20px; margin-left:5px; background:url(../images/icon02.png) no-repeat right center;padding-right:20px;}
.subLink li a{ color:#000000; font-size:16px; font-family:"微軟正黑體"; text-decoration:none; line-height:30px; }


/*右邊內容區*/
.mainBox{ float:left; width:779px; height:auto}

.mainTitle{ display:block; width:735px; height:65px; padding-left:44px; }
.mainTitle img{ vertical-align:middle; margin:0 6px 7px 0;}
.mainTitle span{ color:#133d04; font-family:"微軟正黑體"; font-size:20px; text-align:left; line-height:65px;}

/*內容*/
.mainContent{display:block; width:730px; height:auto; padding-left:44px; padding-right:5px;word-break:break-all;}




/*活動花絮*/
.act_list{ float:left; width:239px; height:244px; border:#e5e5e5 1px solid; margin:1px 1px 0 0;}
.act_list img{ vertical-align:middle; text-align:center; margin:20px 0 0 20px;}
.act_list #act_title{ display:block; width:200px; font-size:14px; font-family:Arial, Helvetica, sans-serif "微軟正黑體" ; line-height:28px; margin:5px 0 0 20px;}
.act_list a{text-decoration:none;color:#525252; }
.act_list a:hover{text-decoration:underline;opacity:0.5}

/*詳細頁*/
.act_big{ float:left; width:735px; height:570px; border:#e5e5e5 1px solid;}
.act_big img{ vertical-align:middle; text-align:center; margin:45px 0 0 45px;}

.act_s{ float:left; width:732px; height:97px; padding-left:8px;}
.act_s img{ width:108px; height:81px; vertical-align:middle; text-align:center; border:#e5e5e5 1px solid; padding:10px 10px 10px 10px ; margin:10px 0 0 10px}

.act_detail_title{ float:left; width:720px; height:50px; line-height:50px; font-size:20px; color:#333; font-family:"微軟正黑體";text-align:left; margin-top:50px;
margin-left:15px;}
.act_detail{ float:left; width:720px; height:auto; line-height:30px; color:#333; font-family:"微軟正黑體"; font-size:15px; text-align:left;margin-left:15px;}


/*服務實績*/
.mainContent li.ser_list{ float:left; width:690px; height:30px; border-top:#bbb9b9 5px solid; border-bottom:2px solid #bbb9b9; margin-bottom:10px; margin-left:15px}
.mainContent li.ser_list span{ float:left; color:#1c1c1c; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left}
.mainContent li.ser_list .ser_list01{ display:block; width:215px; background:url(../images/icon04.png) no-repeat right center; padding-left:10px;}
.mainContent li.ser_list .ser_list02{ display:block; width:450px; padding-left:15px; }

.mainContent li.ser_detail{ display:table-cell; float:left; width:690px; height:auto; vertical-align:middle ; margin:0px 0 0px 15px}
.mainContent li.ser_detail p{ display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:left; vertical-align:middle; padding:3px 0 3px 0}
.mainContent li.ser_detail p.ser_detail01{ display:table-cell; width:215px; padding-left:10px;}
.mainContent li.ser_detail p.ser_detail02{ display:table-cell; width:440px; padding-left:15px; padding-right:10px; }

.mainContent li.ser_detail02{ display:table-cell; float:left; width:690px; height:auto; vertical-align:middle ; margin:0px 0 0px 15px ; background-color:#f6f6f6}
.mainContent li.ser_detail02 p{ display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:left; vertical-align:middle; padding:3px 0 3px 0}
.mainContent li.ser_detail02 p.ser_detail01{ display:table-cell; width:215px; padding-left:10px;}
.mainContent li.ser_detail02 p.ser_detail02{ display:table-cell; width:440px; padding-left:15px; padding-right:10px; }

.mainContent li.ser_detail-e{display:table-cell; float:left; width:690px; height:auto; margin:0px 0 1px 15px;background-color:#FAFAFA;
vertical-align:middle}
.mainContent li.ser_detail-e p{display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:left; padding:3px 0 3px 0; margin-bottom:5px; vertical-align:middle}
.mainContent li.ser_detail-e p.ser_detail01{display:table-cell;  width:335px; padding-left:5px; padding-right:5px; color:#030}
.mainContent li.ser_detail-e p.ser_detail02{display:table-cell;  width:340px; padding-left:5px; color:#900}

.ser_list-f{ float:left; width:680px; color:#353434; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left; padding-left:10px; padding-top:5px; margin:0 0 10px 15px; color:#006}

.red { color:#F00; font-size:18px;}

/*環境模式模擬實績*/
.mainContent li.ser_list-g{ float:left; width:690px; height:30px; border-top:#bbb9b9 5px solid; border-bottom:2px solid #bbb9b9; margin-bottom:10px; margin-left:15px}
.mainContent li.ser_list-g span{ float:left; color:#1c1c1c; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left}
.mainContent li.ser_list-g .ser_list01{ display:block; width:420px; background:url(../images/icon04.png) no-repeat right center; text-align:center}
.mainContent li.ser_list-g .ser_list02{ display:block; width:170px; background:url(../images/icon04.png) no-repeat right center; text-align:center}
.mainContent li.ser_list-g .ser_list03{ display:block; width:100px; text-align:center }

.mainContent li.ser_detail-g{ display:table-cell; float:left; width:690px; height:auto; vertical-align:middle ; margin:0px 0 10px 15px;
background:#f6f6f6}
.mainContent li.ser_detail-g p{ display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:center; vertical-align:middle; padding:3px 0 3px 0}
.mainContent li.ser_detail-g p.ser_detail01{ display:table-cell; width:413px; padding:0 2px 0 5px; text-align:left }
.mainContent li.ser_detail-g p.ser_detail02{ display:table-cell; width:170px; }
.mainContent li.ser_detail-g p.ser_detail03{ display:table-cell; width:100px; }

/*環境檢測 & 環境專案實績*/
.mainContent li.ser_list-b{ float:left; width:690px; height:30px; border-top:#bbb9b9 5px solid; border-bottom:2px solid #bbb9b9; margin-bottom:10px; margin-left:15px}
.mainContent li.ser_list-b span{ float:left; color:#1c1c1c; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left}
.mainContent li.ser_list-b .ser_list01{ display:block; width:35px; background:url(../images/icon04.png) no-repeat right center; padding-left:10px;}
.mainContent li.ser_list-b .ser_list02{ display:block; width:630px; padding-left:15px; }

.mainContent li.ser_detail-b{ display:table-cell; float:left; width:690px; height:auto; vertical-align:middle ; margin:0px 0 0px 15px}
.mainContent li.ser_detail-b p{ display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:left; vertical-align:middle ; padding:3px 0 3px 0}
.mainContent li.ser_detail-b p.ser_detail01{ display:table-cell; width:30px; padding-left:15px;}
.mainContent li.ser_detail-b p.ser_detail02{ display:table-cell; width:625px; padding-left:10px; padding-right:10px; }

.mainContent li.ser_detail02-b{ display:table-cell; float:left; width:690px; height:auto; vertical-align:middle ; margin:0px 0 0px 15px ; background-color:#f6f6f6}
.mainContent li.ser_detail02-b p{ display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:left; vertical-align:middle; padding:3px 0 3px 0}
.mainContent li.ser_detail02-b p.ser_detail01{ display:table-cell; width:30px; padding-left:15px;}
.mainContent li.ser_detail02-b p.ser_detail02{ display:table-cell; width:625px; padding-left:10px; padding-right:10px; }

.mainContent li.ser_list-c{ float:left; width:680px; height:30px; border-bottom:2px solid #2498ce; margin-bottom:10px; color:#353434; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left; background-color:#f6f6f6 ; padding-left:10px; margin:30px 0 10px 15px}

.mainContent li.ser_list-d{ float:left; width:680px; height:auto;  margin-bottom:10px; color:#353434; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left; padding-left:10px; margin:10px 0 10px 0}


/*環保消息 & 人才招募*/
.mainContent li.news_list{ float:left; width:690px; height:30px; border-top:#bbb9b9 5px solid; border-bottom:2px solid #bbb9b9; margin-bottom:10px;}
.mainContent li.news_list span{ float:left; color:#1c1c1c; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left}
.mainContent li.news_list .news_list01{ display:block; width:565px; background:url(../images/icon04.png) no-repeat right center; padding-left:15px;}
.mainContent li.news_list .news_list02{ display:block; width:110px; text-align:center }

.mainContent li.news_detail{ display:table-cell; float:left; width:690px; height:auto; vertical-align:middle ; margin:0px 0 3px 0;background-color:#f6f6f6 ; border-bottom:1px solid #FFF}
.mainContent li.news_detail:hover{ background-color:#E6E6E6}
.mainContent li.news_detail p{ display:inline-block; float:none; color:#1c1c1c; font-size:14px; line-height:30px; font-family:"微軟正黑體"; text-align:left; vertical-align:middle; padding:3px 0 3px 0}
.mainContent li.news_detail p.news_detail01{ display:table-cell; width:565px; padding-left:15px; padding-right:10px;}
.mainContent li.news_detail p.news_detail02{ display:table-cell; width:110px; text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif; 
color:#0397D6}
.mainContent li.news_detail p.news_detail01 a{ text-decoration:none; color:#900;}

.mainContent li.news_list-b{ float:left; width:680px; height:30px;  margin-bottom:10px; color:#353434; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left; background-color:#f6f6f6 ; padding-left:10px; margin:10px 0 0px 15px}
.mainContent li.news_list-b span{ float:left; color:#1c1c1c; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left}
.mainContent li.news_list-b .news_list-b01{ display:block; width:115px; background:url(../images/icon04.png) no-repeat right center; text-align:center; font-size:14px;}
.mainContent li.news_list-b .news_list-b02{ display:block; width:545px; text-align:left; padding-left:20px;color:#900 }

.mainContent .news_list-c{ float:left; width:665px; height:auto;  margin-bottom:10px; color:#353434; font-size:15px; line-height:30px; font-family:"微軟正黑體"; text-align:left; padding:10px 10px 10px 15px; margin:15px 0 0px 15px; background:url(../images/memberbg_list.png) repeat-x bottom; border:#F5F5F5 1px solid}

.news_list-c .news_list-c-link{ display:block; width:300px; height:auto; line-height:30px; padding:2px 2px 2px 2px; text-decoration:none; bottom:0; border:#DDDEDE 1px solid; background-color:#EDEFEF; margin:10px 0 5px 0}
.news_list-c .news_list-c-link a{ color:#021B97; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:left;}
.news_list-c .news_list-c-link img{ vertical-align:middle; margin:0 5px 0 5px}


/*產業服務*/
.indust_box{ float:left; width:690px; margin-left:10px; line-height:30px; color:#666; font-family:"微軟正黑體"; font-size:15px; margin-left:20px}




/*聯絡我們*/
.contact_box{ display:block; width:760px; height:auto; margin-top:10px;}
.contact_box li{ float:left;}
.contact_box li.contact_list{ float:left; width:730px;  line-height:40px; margin:1px 0 1px 0 }
.contact_box li.contact_list p{float:left; color:#020203; line-height:40px; font-size:14px; font-family:"微軟正黑體";}
.contact_box li.contact_list p.contact_list01{ display:block; width:85px; text-align:left; padding-left:20px; background:url(../images/icon09.png) no-repeat 10px center}
.contact_box li.contact_list p.contact_list02{ display:block; width:250px; text-align:left; padding-left:10px;}
.contact_box li.contact_list p.contact_list03{ display:block; width:615px; text-align:left; padding-left:10px;}
.contact_box li.contact_btn{ float:left; width:730px; height:30px; margin:10px 0 10px 0; text-align:center }

/*交通*/
.contact_box li.traffic_map{float:left; width:730px;  line-height:40px; margin:1px 0 1px 0; text-align:center}
.contact_box li.traffic_info{float:left; width:600px;  line-height:36px; margin:1px 0 1px 65px; font-size:15px; font-family:"微軟正黑體"; text-align:left; color:#00F; font-weight:bold}
.contact_box li.traffic_info img { vertical-align:middle;}

/*=========*/
.CSELECT{ width:auto; height:25px; border:#cccccc 1px solid; font-family:Arial, Helvetica, sans-serif "微軟正黑體"; vertical-align:middle; font-size:15px;}
.CFILL{ width:220px; height:23px; border:#cccccc 1px solid; font-family:Arial, Helvetica, sans-serif "微軟正黑體"; vertical-align:middle; font-size:15px;}
.CFORM{ width:570px; height:100px; border:#cccccc 1px solid; font-family:Arial, Helvetica, sans-serif "微軟正黑體"; vertical-align:middle; overflow-y:scroll;
margin:13px 0 10px 0}
.CADD{ width:300px; height:23px; border:#cccccc 1px solid; font-family:Arial, Helvetica, sans-serif "微軟正黑體"; vertical-align:middle; font-size:15px;}

.M_submit{ width:69px; height:20px; margin:0 5px 0 5px; background-image:url(../images/us_icon01.png); border:none; cursor:pointer; }
.M_reset{ width:43px; height:20px; margin:0 5px 0 5px; background-image:url(../images/us_icon02.png); border:none; cursor:pointer; }


/*顏色*/


/*頁數*/
.page{ clear:both; text-align:center; padding:25px 0 20px 0}
.page a{ text-decoration:none; background-color:#332e2b; color:#fcfffd; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:3px 5px; margin:0 5px}
.page a:hover { background-color:#addc3e;}
.page .on{ background-color:#addc3e;}
/*================FOOTER=======================*/
#FOOTER{ float:left; width:1024px; height:62px; border-top:#38382e 1px solid; line-height:30px; padding-top:8px; color:#444445; font-family:"微軟正黑體"; font-size:13px; text-align:left;}
#FOOTER a{ color:#444445; font-family:"微軟正黑體"; font-size:13px; text-align:left; text-decoration:none}

.index_iware{ float:right; background-color:#c7c8c9; color:#4f5050; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:5px 5px; margin-top:5px;
margin-right:380px; line-height:10px;}
.index_iware a{ text-decoration:none; color:#4f5050; font-size:11px; font-family:Arial, Helvetica, sans-serif "微軟正黑體";}

.mainContent .scrolltab{width:730px;margin:0 auto;}
.scrolltab .ulBigPic{width:730px;height:500px;padding:20px 20px 0;}
.scrolltab .ulBigPic li{width:730px;height:500px;display:none;}
.scrolltab .ulBigPic .liSelected{display:block;}
.scrolltab .ulBigPic .sPic{width:700px;}
.scrolltab .ulBigPic img{width:645px;border:1px solid #dedede;padding:2px;background-color:#fff;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:38px;height:86px;display:block;position:absolute;top:190px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:10px;}
.scrolltab .sLeftBtnA{background-position:-5px -2px;}
.scrolltab .sLeftBtnASel{background-position:-80px 0;}
.scrolltab .sLeftBtnABan{background-position:-161px 0;}
.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{right:10px;}
.scrolltab .sRightBtnA{background-position:-36px 0;}
.scrolltab .sRightBtnASel{background-position:-116px 0;}
.scrolltab .sRightBtnABan{background-position:-192px 0;}
.scrolltab .dSmallPicBox{width:700px;height:120px;position:relative;}
.scrolltab .dSmallPic{width:580px;height:120px;position:absolute;left:53px;top:0px;overflow:hidden;}
.scrolltab .dSmallPic ul{position:absolute;}
.scrolltab .dSmallPic li{width:141px;height:114px;border:1px solid #fff;padding:3px 2px 0;float:left;display:inline;overflow:hidden;}
.scrolltab .dSmallPic .sPic{width:141px;height:106px;display:block;}
.scrolltab .dSmallPic .sPic img{border:1px solid #ddd;padding:2px;}
.scrolltab .dSmallPic .sTitle{width:141px;height:30px;line-height:30px;display:block;text-align:center;color:#333;overflow:hidden;}
.scrolltab .dSmallPic .liSelected{border-color:#e9c184;}
.scrolltab .dSmallPic .liSelected .sPic img{border-color:#fff;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{width:18px;height:37px;display:block;position:absolute;top:45px;background:url(../images/bgArt.png) no-repeat;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel{cursor:pointer;}
.scrolltab .sLeftBtnB,.scrolltab .sLeftBtnBSel,.scrolltab .sLeftBtnBBan{left:20px;}
.scrolltab .sLeftBtnB{background-position:0 -87px;}
.scrolltab .sLeftBtnBSel{background-position:-36px -87px;}
.scrolltab .sLeftBtnBBan{background-position:-73px -87px;}
.scrolltab .sRightBtnB,.scrolltab .sRightBtnBSel,.scrolltab .sRightBtnBBan{right:20px;}
.scrolltab .sRightBtnB{background-position:-16px -87px;}
.scrolltab .sRightBtnBSel{background-position:-52px -87px;}
.scrolltab .sRightBtnBBan{background-position:-88px -87px;}