@import url("reset.css");
BODY {
	background-color: #EFEFEF;

}
/* =======LOGO區============================== */

#HEADER{
	width: 840px;
	height: 250px;
	padding: 0;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/INDEX_BANNER_EN.jpg);
}
#HEADER h1{
	text-indent: -9999px;
	position: absolute;
	top: 63px;
	left: 261px;
	width: 347px;
}
#HEADER h1 a {
	display: block;
	height: 88px;
	width: 219px;
	outline: none;
	background-repeat: no-repeat;
}
#HEADER h2{
	text-indent:-9999px;
	position:absolute;
	top:5px;
	left:811px;
}

#HEADER span{
	display:block;
	width:155px;
	height:20px;
	position:absolute;
	top:43px;
	left:680px;
}
#HEADER span a{
	font-size:14px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	text-decoration:none;
	color:#333;
	padding:0 3px;}
#HEADER span a:hover{
	text-decoration:underline;}
	
#HEADER h2 a{
	display:block;
	width:20px;
	height:20px;
	outline:none;
	background-image:url(../images/home.gif);}
#hmenu {
	list-style: none outside none;
	position: absolute;
	top: 9px;
	left: 649px;
	width: 188px;
}
	
#hmenu li {
    float: left;
    padding: 0;}
	
#hmenu li a {
    display:block;
    height:15px;
    line-height:15px;
    text-indent:-9999px;
	outline:none;}
#hmenu a.v1 {
    background:url(../images/header-home.gif) no-repeat scroll 0 0 transparent;
    width:44px;}
#hmenu a.v2 {
    background:url(../images/header-enlish.gif) no-repeat scroll 0 0 transparent;
    width:48px;
}
#hmenu a.v3 {
    background: url(../images/header-chisnes-s2.gif) no-repeat scroll 0 0 transparent;
    width: 90px;
}
#hmenu a.v4 {
    background:url(../images/header-chisnes-t2.gif) no-repeat scroll 0 0 transparent;
    width: 90px;
}
/* =======按鈕區============================== */
#menu{
	width: 840px;
	height: 60px;
	position: relative;
	float: left;
	margin-top: 190px;
	z-index: 100;
}
ul.dropdown {
	list-style: none;
	text-align: center;
	line-height: 60px;
	z-index: 100;
	margin-bottom: 3px;

}
ul.dropdown li {
	float: left;
	position: relative;
	width: 138px;
	height: 60px;

}
ul.dropdown li a{
	display:block;
	width:138px;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-family:"Adobe 繁黑體 Std B";
	letter-spacing:1px;
	line-height:60px;
	font-weight: normal;
}
ul.dropdown a:hover{
	color: #666;
	
}
ul.dropdown li ul{
	position: absolute;
	text-align: center;
	width: 139px;
	height: 60px;
	z-index: 1;
}
ul li{
	border-bottom-width: 0px;
	border-bottom-style: none;
}

ul.dropdown li ul li a,li#_left ul li a, li#_right ul li a{
	display:block;
	width: 139px;
	height:60px;
	clear: both;
	font-size:14px;
	font-family:"Adobe 繁黑體 Std B";
	line-height:60px;
	color:#666;
	background-color: #FFF;
	font-weight: normal;
	border: thin solid #CCC;
}
ul.dropdown li ul li a:hover,li#_left ul li a:hover, li#_right ul li a:hover{
	color:#80B32A;
}

#HEADER #menu .dropdown #line {
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color: #D6D6D6;

}
#HEADER #menu .dropdown #line ul #button a {
	background-color: #FFF;
	width: 130px;
}

/* =======廣告區============================== */
#CONTENT{
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
}
#CONTENT #FlashID{
	position:absolute;
	top:10px;
	left:30px;
}
/* =======產品區============================== */
#MAINMAIN {
	width: 840px;
	height: 630px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	background-image: url(../images/main_BG.png);
	background-repeat: no-repeat;
}
#media{ float:right; width:355px; height:240px; margin-right:15px; margin-top:10px; padding:5px 15px; background-image:url(../images/eco_box_back2.jpg);}
#Index-product{ width:400px; height:250px; margin-top:10px; margin-left:15px; background-image:url(../images/eco_box_back.jpg); float:left;}
#Index-product .box{
    height: 125px;
    margin:0 auto;
    position: relative;
    width: 380px;
	_display:inline;}
#Index-product .box h3 {
	display:block;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#C00;
	letter-spacing:2px;
	line-height: 20px;
	position: absolute;
	top: 36px;
	left:149px;
	width: 194px;
}
	
#Index-product .box .eco3{
	width:195px;
	height:19px;
	left:149px;
	position:absolute;
	top:14px;
}
	
#Index-product .box .eco5{
	width:195px;
	height:19px;
	left:150px;
	position:absolute;
	top:12px;
}
	
#Index-product .box .product{
	position:absolute;
	top: 32px;
	left:10px;
}

#Index-product .box p {
	color:#666666;
	font-size:12px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	text-align:justify;
	letter-spacing:1px;
	line-height: 17px;
	padding-left:150px;
	padding-right:10px;
	position:absolute;
	top:280px;
	height: 53px;
	left: 110px;
}
/* =======最新消息區============================== */
#NEWS{
	width:840px;
	height:160px;
	margin:0 auto;
	background-image:url(../images/news.jpg);
	margin-bottom:5px;
	position:relative;}

#NEWS .NEWNEWS{
	width:820px;
	position:absolute;
	top:31px;
	left:13px;
}
#NEWS .news_gif1{ position:absolute; top:32px; left:305px;}
#NEWS .news_gif2{ position:absolute; top:73px; left:335px;}

#NEWS .NEWNEWS a{ letter-spacing:2px;font-size:13px; color:#333; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif; font-weight:bold; text-decoration:none; line-height:20px;}
#NEWS .NEWNEWS img{ margin:0; padding:0;}
#NEWS .NEWNEWS a:hover{ text-decoration:underline;}
#NEWS .NEWNEWS p{ text-indent:16px;letter-spacing:1px;font-size:12px; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif; color:#36C; line-height:18px;}
#NEWS .NEWNEWS .DATE{ font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; text-align:center; padding:3px 0 0 0;}
#NEWS .more {
	background-image:url(../images/more_news.png);
	width:46px;
	height:15px;
	position:absolute;
	top:6px;
	left:763px;
	outline:none;
}

/* =======底部區============================== */
#FOOTER {
	clear: both;
	height: 50px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	font-family: "微軟正黑體";
	word-spacing: normal;
	vertical-align: middle;
}
#FOOTER h2{
	color:#FFF;
	font-family:"Microsoft JhengHei", '微軟正黑體', Arial, sans-serif;
	font-size:12px;
	line-height:normal;
	text-align: center;
	margin-top: 0px;
}  


/* =======分隔區============================== */
#EDIT{
	width:840px;
	padding:0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* =======左邊按鈕區============================== */
#PP_LEFT{width:155px; height:900px; float:left; background-image:url(../images/prooductsmenu_back.jpg);}
#PP2_LEFT{
	width: 155px;
	height: 900px;
	float: left;
	background-image: url(../images/prooductsmenu_back.jpg);
}
#PRODUCTMENU{
	width: 155px;
	height: 770px;
	background-image: url(../images/prooductsmenu_back2.jpg);
	background-position: bottom;
	margin-top: 130px;
	background-repeat: no-repeat;
}
#PRODUCTMENU h3{ font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#090;line-height:30px; margin-left:12px;}
#PRODUCTMENU .ECO ul{}
#PRODUCTMENU .ECO li.ECO_01 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat; outline:none;}
#PRODUCTMENU li.ECO_01 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px 0;}
#PRODUCTMENU .ECO li.ECO_02 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -75px;outline:none;}
#PRODUCTMENU li.ECO_02 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -75px;}
#PRODUCTMENU .ECO li.ECO_03 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -150px;outline:none;}
#PRODUCTMENU li.ECO_03 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -150px;}
#PRODUCTMENU .ECO li.ECO_04 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -225px;outline:none;}
#PRODUCTMENU li.ECO_04 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -225px;}
#PRODUCTMENU .ECO li.ECO_05 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -300px;outline:none;}
#PRODUCTMENU li.ECO_05 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -300px;}
#PRODUCTMENU .ECO li.ECO_06 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -375px;outline:none;}
#PRODUCTMENU li.ECO_06 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -375px;}

#PRODUCTMENU2{
	width: 155px;
	height: 850px;
	background-image: url(../images/prooductsmenu_back2.jpg);
	background-position: bottom;
	margin-top: 130px;
	background-repeat: no-repeat;
}
#PRODUCTMENU2 h3{ font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#090;line-height:30px; margin-left:12px;}
#PRODUCTMENU2 .ECO ul{}
#PRODUCTMENU2 .ECO li.ECO_01 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat; outline:none;}
#PRODUCTMENU2 li.ECO_01 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px 0;}
#PRODUCTMENU2 .ECO li.ECO_02 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -75px;outline:none;}
#PRODUCTMENU2 li.ECO_02 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -75px;}
#PRODUCTMENU2 .ECO li.ECO_03 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -150px;outline:none;}
#PRODUCTMENU2 li.ECO_03 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -150px;}
#PRODUCTMENU2 .ECO li.ECO_04 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -225px;outline:none;}
#PRODUCTMENU2 li.ECO_04 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -225px;}
#PRODUCTMENU2 .ECO li.ECO_05 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -300px;outline:none;}
#PRODUCTMENU2 li.ECO_05 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -300px;}
#PRODUCTMENU2 .ECO li.ECO_06 a{display:block; text-indent:-9999px;width:155px; height:75px; background:url(../images/prooducts_nav_back-en2.jpg) no-repeat 0 -375px;outline:none;}
#PRODUCTMENU2 li.ECO_06 a:hover{ background-image:url(../images/prooducts_nav_back-en2.jpg); background-position:-160px -375px;}
/* =========================【   ECO3-右邊產品區   】========================= */
#PP_RIGHT{
	width: 680px;
	height: 900px;
	float: right;
}
#PP2_RIGHT{
	width: 680px;
	height: 980px;
	float: right;
}
#PP3_title{
	width: 680px;
	height: 170px;
	background-image: url(../images/eco-3_banner-en.jpg);
	margin-bottom: 5px;
	top: 5px;
	left: 0px;
	margin-top: 5px;
}
#PP3mini_title{
	width: 680px;
	height: 219px;
	background-image: url(../images/ecolite_mini/eco-3mini_en.jpg);
	margin-bottom: 5px;
	top: 5px;
	left: 0px;
	margin-top: 0px;
}
#imformation{
	position: absolute;
	top: 193px;
	left: 365px;
	width: 286px;
	height: 70px;
}
#imformation p{ color:#333; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
#ECO3-BOX{
	width: 680px;
	height: 191px;
	left: 0px;
	background-image: url(../images/eco3_features_back2.jpg);
}
#ECO3-BOX h2{ clear:both;font-family:Arial, Helvetica, sans-serif; font-size:13px;font-weight:bold; color:#FFF; line-height:18px;}
#ECO3-BOX p{ color:#FFF;font-size:12px;line-height:18px; padding-top:2px; font-family:Arial, Helvetica, sans-serif; color:#333;}
.BBOX_1{ padding:5px 4px;width:122px; height:180px; float:left; background-image:url(../images/eco3_features_back2.jpg);}
.BBOX_2{ padding:5px 4px;width:128px; height:180px;float:left;}
.BBOX_3{ padding:5px 4px;width:128px; height:180px;float:left;}
.BBOX_4{ padding:5px 4px;width:140px; height:180px; float:left;}
.BBOX_5{ padding:5px 4px;width:122px; height:180px;float:left}

#PRODUCT_IFO{
	width: 680px;
	height: 510px;
	top: 500px;
	left: 0px;
}
#PRODUCT_IFO img{ margin:0 75px;}
#PRODUCT_IFO h5{ font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-left:75px; line-height:35px; color:#666;}
#PRODUCT_IFO .QQ{width: 550px;height: 201px; margin-left:75px;}
#PRODUCT_IFO .QQ p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:20px;}
#PRODUCT_IFO .QQQ p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:20px;
	text-align:center;}

/* =========================【 ECO5右邊產品區 】======================== */
#PP5_RIGHT{
	width: 680px;
	height: 900px;
	float: right;
}
#PP5_title{
	width: 680px;
	height: 170px;
	background-image: url(../images/eco-5_banner-en.jpg);
	margin-top: 10px;
	top: 0px;
	left: 0;
	background-repeat: no-repeat;
}
#PP5lite_title{
	width: 680px;
	height: 219px;
	background-image: url(../images/ecolite_mini/eco5lite_t01_en.jpg);
	margin-top: 10px;
	top: 0px;
	left: 0;
	background-repeat: no-repeat;
}
#imformation5{
	position: absolute;
	top: 200px;
	left: 389px;
	width: 320px;
	height: 70px;
}
#imformation5 p{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px;line-height:20px;}

#ECO5-BOX{
	width:680px;
	height:300px;
	position:absolute;
	top:198px;
	left:0;
}
/*====================eco5說明區==========================*/
ul, li {margin: 0;padding: 0;list-style: none;}
.abgne_tab {
	position: absolute;
	width: 640px;
	hight: 500px;
	margin-left: 20px;
	clear: left;
	margin-top: 10px;
}
.abgne_tab .tabs {width: 100%;height: 32px;}
.abgne_tab .tabs li {
		float: left;
		width:160px;
		height: 38px;
		line-height: 38px;
		overflow: hidden;
		position: relative;
		margin-bottom: -9px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		/*background:url(images/feathers-title2.gif) no-repeat;*/}
	ul.tabs li a {
		display: block;
		text-indent:-9999px;
		outline:none;
		background:url(../images/eco5-image/feathers-title-en2.gif) no-repeat;}
	ul.tabs li .list01 {
		background-position: 0 0;}
	ul.tabs li .list01:hover {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
	ul.tabs li.active .list01 {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
	ul.tabs li .list02 {
		background-position: -160px 0;}
	ul.tabs li .list02:hover {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
	ul.tabs li.active .list02 {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
	ul.tabs li .list03 {
		background-position: -320px 0;}
	ul.tabs li .list03:hover {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
	ul.tabs li.active .list03 {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}	
	ul.tabs li .list04 {
		background-position: -480px 0;}
	ul.tabs li .list04:hover {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
	ul.tabs li.active .list04 {
		background-image:url(../images/eco5-image/feathers-title-en.gif);}
/*====================變色按鈕區==========================*/
	div.tab_container {
		clear: left;
		width: 640px;
		height:260px;
		margin-top:-1px;
		background: url(../images/eco5-image/feathers-back.gif) no-repeat;}
	div.tab_container .tab_content {
		height:240px;
		widows:621px;
		padding:9px;}
	div.tab_container .tab_content h2{
	padding: 0 0 5px 5px;
	font-weight: bold;
	color: #069;
	font-size: 14px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
	div.tab_container .tab_content p{
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding: 0 5px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
	div.tab_container .tab_content .PS{ margin-left:9px;}
	div.tab_container .tab_content .midline{ border-right: #CCC dotted 1px;}
/*====================^^^^^^^^^^==========================*/
#PRODUCT5_IFO{
	width:680px;
	position:absolute;
	top:302px;
	left:-22px;
	height: 309px;}
#PRODUCT5_IFO h5{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	line-height: 32px;
}
.bImg {
	position: absolute;
	width: 0;
	height: 0;
	border: 1px solid #333;}
#PRODUCT5_IFO .QQ{
	position: absolute;
	top: 43px;
	left: 343px;
	width: 330px;
	height: 201px;
}
#PRODUCT5_IFO .QQ p{
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:24px;}

/* =======ECOIR右邊產品區============================== */
#PPIR_RIGHT{
	width: 680px;
	height: 900px;
	float: right;
	position: relative;
	margin: 0 auto;
	z-index: -1;	
}
#PPIR_RIGHT h3{
	display: block;
	width: 680px;
	height: 170px;
	background-image: url(../images/eco-ir_banner-en.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-top: 5px;
	z-index: -1;
} 
#IR_T{
	width: 660px;
	height: 200px;
	position: absolute;
	top: 269px;
	left: 10px;
	border: solid #CCC 1px;
} 
#IR_T p{ font-size:12px; line-height:20px;; font-family:Arial, Helvetica, sans-serif;}
.ir_feature{
	position:absolute;
	top:153px;
	left:8px;
	height:80px;
	margin:0;
}
#PRODUCTIR_IFO h5{
	position:absolute;
	top:485px;
	left:46px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
#PRODUCTIR_IFO .ecoir{
	position:absolute;
	top:482px;
	left:114px;
	margin:0;
}

/* ========================【 ECO 總覽區 】========================== */
#PPIR_RIGHT h2{ text-indent:-9999px; background-image:url(../images/eco-product-en.gif); width:660px; height:35px; margin-left:10px; margin-top:20px;}
#PPIR_RIGHT img{ margin:30px 0;}
#PPIR_RIGHT strong{
	position:absolute;
	top:70px;
	left:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
#ALL_PODUCTS{ background-image:url(../images/eco_all_product.jpg); width:680px; height:535px; margin-top:10px;}
/* =====================【  ABOUT US 公司介紹   】==================== */
#AA{
	float: left;
	width: 840px;
	height: 660px;
	background-image: url(../images/Abstract-Background-with-Leafsen.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#AA img{
	position: absolute;
	top: 112px;
	left: 0;
}
#AA #ab_title{
	background-image: url(../images/aboutus_banner.png);
	width: 800px;
	height: 146px;
	top: 18px;
	left: 194px;
	margin-left: 30px;
	margin-top: 20px;
	z-index: -1;
	border-radius: 15px;
}
#AA h3{ font-size:15px; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif; letter-spacing:1px; line-height:30px; color:#F60; font-weight:bold;}
#AA .AB{
	width: 700px;
	top: 60px;
	margin-left: 50px;
}
#AA .AB p{font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif; font-size:13px; letter-spacing:1px; line-height:1.5; text-align:justify;}
#AA p{font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; line-height:1.5; text-align:justify;}
/* =====================【  CONTACT US 聯絡我們   】===================== */
#CU{
	width: 840px;
	height: 610px;
	float: right;
}
#CU img{
	position: absolute;
	left: 0px;
	z-index: 1;
}
#CU .CC{
	width: 600px;
	height: 450px;
	margin-left: 180px;
	margin-top: 12px;
	z-index: -1;
}
#CU .CC a{line-height:24px;color:#666; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#CU .CC a:hover{text-decoration:underline;}
#CU .CC h3{
	background-image: url(../images/hr_eco_EN.png);
	width: 600px;
	height: 50px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#CU .CC .CUITEM_T{
	border-bottom: solid 1px #FFF;
	background-image: url(../images/contact-us/contact.png);
	background-position: 5px -3px;
	background-repeat: no-repeat;
}
#CU .CC .CUITEM_F{
	background-image: url(../images/contact-us/contact.png);
	background-position: 5px -39px;
	border-bottom: solid 1px #FFF;
	background-repeat: no-repeat;
}
#CU .CC .CUITEM_M{
	background-image: url(../images/contact-us/contact.png);
	background-position: 5px -115px;
	border-bottom: solid 1px #FFF;
	background-repeat: no-repeat;
}
#CU .CC .CUITEM_A{
	border-bottom: solid 1px #FFF;
	background-image: url(../images/contact-us/contact.png);
	background-repeat: no-repeat;
	background-position: 5px -70px;
}
#CU .CC h6{ display:block; width:600px; height:400px; background-image:url(../images/eco-map-en.jpg); text-indent:-9999px; background-repeat:no-repeat; margin:0;}
#CU .CC .cu-line{
	width: 90px;
	height: 30px;
}
#CU .CC p{line-height:24px;color:#666; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
#CU .CC .usinfo{ margin-top:10px; margin-left:20px;}
#CU .CC .CUITEM2{  border-bottom:solid 1px #FFF;}
#CU .CC .CUITEM2 p.add{ letter-spacing:normal;}
/* ================【  DOWNLOAD 下載專區  】==================== */
#LEFT{ width:160px; height:600px;float:left;z-index:-100;}
#DOWNLOAD_BOX{
	width: 680px;
	height: 620px;
	float: left;
	z-index: -100;
}
#DOWNLOAD_BOX .DD_TITLE{ margin:10px 15px;}
#DOWNLOAD_BOX .DD_BOX{
	float: left;
	background-image: url(../images/dl_bg.png);
	width: 219px;
	height: 260px;
	margin: 10px 0 10px 50px;
	position: relative;
	_display: inline;
}
#DOWNLOAD_BOX .DD_BOX h2{
	position: absolute;
	top: 150px;
	left: 20px;
	width: 192px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
}
#DOWNLOAD_BOX .DD_BOX .TT{
	position: absolute;
	top: 183px;
	left: 10px;
	width: 180px;
	_height: 100%;
}
#DOWNLOAD_BOX .DD_BOX img{
	position: relative;
	left: 6px;
}
#DOWNLOAD_BOX .DD_BOX .TT h6{ display:block; width:20px; height:20px; background-image:url(../images/download-icon.png); text-indent:-9999px; margin:2px;}

#DOWNLOAD_BOX .DD_BOX a{ font-family:Arial, Helvetica, sans-serif; margin:0;color:#666; font-size:14px; line-height:22px;text-decoration:none; font-weight:bold;}
#DOWNLOAD_BOX .DD_BOX a:hover{ color:#F00; text-decoration:underline;}
#DOWNLOAD_BOX .DD_BOX p{ color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:22px;}
#DOWNLOAD_BOX .DD_BOX .DDD{ width:20px; height:20px; position:absolute; top:0; left:0;}
#DOWNLOAD_BOX .DD_BOX .DDDD{
	width:20px;
	height:20px;
	position:absolute;
	top:20px;
	left:0;}
/* ================【 NEWS - 最新消息  】==================== */
#NEWSPAGE{
	width: 680px;
	height: 700px;
	float: right;
	position: relative;
}
.BACKTO{
	position: absolute;
	top: 24px;
	left: 563px;
	width: 75px;
	height: 22px;
	background-repeat: no-repeat;
	float: right;
	background-color: #FFF;
	text-align: center;
}
.BACKTO01{
	position: absolute;
	top: 127px;
	left: 584px;
	width: 75px;
	height: 22px;
	background-repeat: no-repeat;
	float: right;
	background-color: #FFF;
	text-align: center;
}
.BACKTO a{
	display:block;
	width:80px;
	height:20px;
	position:absolute;
	top:4px;
	left:540px;
	color:#333;
	font-size:13px;
	line-height:20px;
	text-align:center;}
	
	.BACKTO01 a{
	display:block;
	width:80px;
	height:20px;
	position:absolute;
	top:4px;
	left:540px;
	color:#333;
	font-size:13px;
	line-height:20px;
	text-align:center;}
#NEWSPAGE .BACKTO a:hover{ color:#F30;}
#NEWSPAGE .in_news h2{ color:#06C; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:23px; letter-spacing:1px; margin:0; padding:0;}
#NEWSPAGE .in_news a{ text-decoration:none; color:#390; font-weight:bold;}
#NEWSPAGE .in_news a:hover{ color:#F60; text-decoration:underline; }
#NEWSPAGE .in_news{width:640px; _height:100%; margin:0 auto; margin-top:50px;}
#NEWSPAGE .in_news p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
	background-repeat: no-repeat;
}
#NEWSPAGE .in_news .photo{ margin:10px 0 10px 13px;}
#NEWSPAGE .in_news .icon{ margin:5px 0 0 10px;}
#NEWSPAGE .in_news .line{ border-bottom:#CCC solid 1px;}
#NEWSPAGE .news-list{
	width:640px;
	_height:100%;
	margin:0 auto;
	position:absolute;
	top:50px;
	left:20px;}
#NEWSPAGE .news-list img{ padding:0; margin:0;}
#NEWSPAGE .news-list a{
	color:#06C;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:1px;
	text-decoration:none;}
#NEWSPAGE .news-list a:hover{ color:#F60;}
#NEWSPAGE .news-list h3{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; font-weight:bold;
	letter-spacing:1px;
	line-height:24px;
	text-indent:10px;}
#NEWSPAGE .news-list p{
	color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:18px;
	padding-bottom:2px;}
#NEWSPAGE .news-list .more a{ text-decoration:underline;font-size:12px; color:#F30;}
#NEWSPAGE .news-list .more a:hover{ color:#099}
#NEWSPAGE .news-list .line2{ border-bottom:#999 solid 1px;}
#NEWSPAGE .TITLE{
	position:absolute;
	left:15px;
	top:18px;}
.TITLE01{
	position: absolute;
	left: 44px;
	top: 124px;
}
#NEWSPAGE .in_news iframe{ margin:0 auto;}
.menu {
	width: 640px;
	margin:0 auto;
	margin-top:50px;
}
.menu img.yearImg {
	cursor: pointer;
	margin-bottom:5px;
}
.menu ul{
	display:block;
	width:630px;
	float:left;
	padding:5px;
	margin:0;}
.menu ul li{
	list-style:none;
	display:block;
	width:630px;
	height:65px;
	margin-bottom:5px;
	border-bottom:solid 1px #E0E0E0;}
.menu p{
	font-size:12px;
	line-height:24px;
	color:#333;
	margin:0;
	padding:0;}
.menu ul li span.deteMore{
	float:right;
	width:76px;
	height:58px;}
.menu ul li span.deteMore a{
	font-size:14px;
	padding-left:7px;
	color:#F06000;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}
.menu ul li span.deteMore p{
	font-size:12px;
	padding-bottom:10px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	text-align:center;}
.menu ul li span.News {
	list-style: none;
	width:540px;
	float:left;
	padding:0 5px;}
.menu ul li span.News a {
	display:block;
	width:540px;
	height:22px;
	background:url(file:///D|/DORIS/ecohtml/images/news-title.png) no-repeat;
	font-size:15px;
	color:#06C;
	text-indent:20px;
	font-weight:bold;
	line-height:22px;
	text-decoration: none;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}
.menu ul li span.News a:hover {
	text-decoration: underline;}
.menu ul li span.News p{
	font-size:13px;
	padding-left:20px;
	line-height:20px;
	text-decoration: none;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}

/* ================【 SUPPORT - 技術支援  】==================== */
#SUPPORT{
	width: 840px;
	height: 700px;
	float: right;
	position: relative;
}
#SUPPORT img{ margin:15px 20px 10px 20px;}
#SUPPORT .meter{
	margin: 0 auto;
}
#SUPPORT .meter p{ line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; text-align:center;}
#SUPPORT .meter ._boder{
}
#SUPPORT .meter .title p{
	line-height: 25px;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
}
#SUPPORT .meter .red{
	color: #F30;
}

#SUPPORT h2{
	margin-left:20px;
	font-size:18px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color:#369;}
#SUPPORT h3{
	margin-left:20px;
	font-size:14px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-weight:bold;
	line-height:30px;
	letter-spacing:1px;
	color:#000;}
#SUPPORT strong{
	margin-left:22px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-size:13px;
	line-height:24px;}
#SUPPORT p.answer{
	margin-left:22px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-size:13px;
	line-height:24px;}
/*================【 AGENT-代理產品區左 】==========================*/
#Left_menu{ width:160px;float:left;}
img.left_logo{ margin:10px 0;}
#Left_menu .box-header{
	width:154px;
	height:36px;
	margin-top:15px;
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #DBDEE1;
    border-radius:7px 7px 0 0;
	background-image:url(../images/agents/back.jpg);}

.box-header h2{ font-size:14px; font-weight:bold; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;line-height:36px; text-indent:40px;color:#333; letter-spacing:1px;}
#Left_menu .box-content{
	width:124px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DBDEE1;
    border-left: 1px solid #DBDEE1;
    border-radius: 0 0 7px 7px;
    border-right: 1px solid #DBDEE1;
    padding:15px 10px 15px 20px;}
#Left_menu .box-content li{margin-top:5px; text-align:left;}
#Left_menu .box-content li a{
	font-size:13px;
	line-height:24px;
	color:#000;
	text-align:left;
	text-decoration:none;
	font-weight:bold;}
#Left_menu .box-content ul.listdown li a{
	line-height:24px;
	font-size:12px; color:#39C;
	text-decoration:none;}
#Left_menu .box-content ul.listdown li a:hover{color:#999; text-decoration:underline;}
#Left_menu .box-content ul.listdown li{margin-top:0; border:none;}
img.LOGO{ margin:10px 0 0 2px; border:1px solid #DBDEE1;}
/*================【 AGENT-代理產品區右 】==========================*/
#AMMETER{width:680px;float:right; position:relative;}
img.FATEK_PLC{
	margin:15px 0 15px 40px;}
.layer{
	position:absolute;
	top:20px;
	left:411px;
	width:265px;}
#PLC_link{ width:118px; position:absolute; top:165px; left:65px;}
#PLC_link a{ display:block; width:115px; height:30px; text-align:center;background-color:#C60;color:#FFF;font-size:14px; font-weight:bold; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;text-decoration:none; line-height:30px; margin-bottom:5px; outline:none;}
#PLC_link a:hover{color:#FFF; background-color:#36C;}
img.underLine{ margin-left:15px; margin-top:3px;}
#AMMETER h2{
	margin-top:15px;
	margin-left:15px;
	font-size:18px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	text-indent:2px;
	color:#06C;}
#AMMETER h3{
	margin-left:15px;
	margin-top:13px;
	font-size:14px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color:#3E3E3E;}
#PLC-MN{width:660px;border:1px solid #DBDEE1; margin:10px 5px 10px 15px;}
#PLC-MN tr{border-bottom:1px solid #DBDEE1;}
#PLC-MN td{border-left:1px solid #DBDEE1; padding:5px 0;}
#PLC-MN p{ font-size:12px; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif; text-align:center; line-height:18px;}
#PLC-MN tr.center{height:160px;}
#PLC-MN tr.center p{padding:64px 0;}
#PLC-MN tr.center2{height:160px; border-top:2px solid #DBDEE1;}
#PLC-MN tr.center2 p{padding:64px 0;}
#MN{
	width:630px;
	position:absolute;
	top:88px;
	left:45px;
	overflow:hidden;
}
#MN img{ float:left; margin:0 27px;}
#MA01{
	width:632px;
	position:absolute;
	top:93px;
	left:52px;
	overflow:hidden;
}
#MA01 img{ float:left; margin-right:6px;}
#MA02{
	width:632px;
	position:absolute;
	top:490px;
	left:52px;
	overflow:hidden;
}
#MA02 img{ float:left; margin-right:6px;}
#MC02{
	width:632px;
	position:absolute;
	top:546px;
	left:52px;
	overflow:hidden;
}
#MC02 img{ float:left; margin-right:6px;}
#CM{
	width:615px;
	position:absolute;
	top:83px;
	left:63px;
	overflow:hidden;
}
#CM img{ float:left; margin-right:5px;}
#CETC{
	width:632px;
	position:absolute;
	top:89px;
	left:52px;
	overflow:hidden;
}
#CETC img{ float:left; margin-right:6px;}
#TAIK{
	width:600px;
	position:absolute;
	top:93px;
	left:50px;
	overflow:hidden;
}
#TAIK img{ float:left; margin:0 75px;}
#PLC-MN a{ color:#036; font-size:12px; text-align:center; font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif; letter-spacing:1px; line-height:36px;}
#PLC-MN a:hover{ color:#F60;}
#AMMETER .features p{ text-align:left; text-indent:80px; color:#066;}
#UPS-SG{
	width:615px;
	position:absolute;
	top:90px;
	left:83px;
	overflow:hidden;
}
#UPS-SG img{
	float:left; margin-right:55px;}
#UPS-B{
	width:615px;
	position:absolute;
	top:80px;
	left:96px;
	overflow:hidden;
}
#UPS-B img{
	float:left; margin-right:50px;}
/*===============GOTOP==================*/
a#GOTOP{
	color:#39C;
	font-weight:bold;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;
	font-size:12px;
	margin-left:640px;}
/*===============人才/經銷商招募頁==================*/
#wanted{ 
	width:680px;
	height:680px;
	float:right;
	background:url(../images/wanted/rightUp.jpg) no-repeat right top;}
#wanted img{ margin-top:15px; margin-left:15px;}
#wanted .leftImg{ width:180px; height:550px; float:right; margin-right:15px; }
#wanted .leftImg img{ margin:0; margin-bottom:15px;}

#wanted .rightContent{
	width:650px;
	height:620px;
	float:left;
	margin-left:15px;}
	
#wanted .rightContent img{ margin:0; margin-bottom:5px;}
#wanted .rightContent h2{
	font-size:20px;
	font-weight:bold;
	color:#039;
	line-height:30px;
	letter-spacing:1px;
	display:block;
	height:30px;
	width:530px;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	border-bottom:dotted #C8C8C8 1px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}
#wanted .rightContent p,#wanted .rightContent a{
	color:#333;
	font-size:13px;
	line-height:20px;
	padding-left:10px;
	padding-right:70px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}
#wanted .rightContent a{ color:#06C;padding-left:415px;}
#wanted .rightContent a:hover{ color:#F60;}

#wanted .rightContent strong{ font-weight:bold;}
#wanted .rightContent span.contect{
	float:left;
	display:block;
	width:210px;
	height:30px;
	margin-top:30px;
	margin-left:10px;
	padding:5px 0 5px 70px;
	background-image:url(../images/wanted/contectUs.jpg);}

#wanted .rightContent span.comImg{ float:right; margin-top:-60px;}
.black {
	font-size: 12px;
	color: #333;
}


#wanted .rightContent span.contect a,#wanted .rightContent span p{
	font-size:13px;
	color:#232323;
	line-height:16px;
	padding:0;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}
	
#wanted .rightContent span.contect a:hover{ color:#06C;}
	
img#LEFT-want{ float:left;}
#working{
	width:680px;
	height:740px;
	float:right;}
#working .work_right p{
	color:#333;
	font-size:13px;
	line-height:20px;
	padding-left:10px;
	padding-right:70px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}

#working .work_right h2{
	font-size:20px;
	font-weight:bold;
	color:#039;
	line-height:30px;
	letter-spacing:1px;
	padding-left:20px;
	margin-bottom:5px;
	margin-top:5px;
	border-bottom:dotted #C8C8C8 1px;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;}
	
#working img.workTT{
	margin:15px 0 0 20px;}
#working .work_right .photoBox{
	width:800px;
	height:135px;
	padding-right:15px;
	margin-left:5px;
	float: none;
}
#working .work_right .photoBox img{ float:left; margin-left:15px; margin-top:10px;}

#working .work_right .showphoto{
	width:665px;
	height:503px;
	margin:5px auto;
	margin-left:10px;
	position:relative;
	border:solid #C8C8C8 1px;}
#working .work_right .showphoto img{
	margin:0;
	padding:0;
	position:absolute;
	left:10px;
	top:10px;
	display:none;}
#working .work_right .showphoto img.showfirst{ display:block;}
.dd_box_new {
	background-image: url(../images/download-back.jpg);
	height: 230px;
	width: 200px;
	margin-top: 30px;
	margin-left: 20px;
	position: relative;
	float: left;
}
.working_s_title {
	font-size: 15px;
	font-weight: bolder;
	color: #06C;
}

#EDIT #DOWNLOAD_BOX .dd_box_new #apDiv2 table {
	background-image: none;
	background-repeat: repeat-y;
}
.header_a {
	font-size: 14px;
}
#EDIT #DOWNLOAD_BOX .dd_box_new #apDiv6 table tr td a:hover {
	color: #F00;
}
#EDIT #DOWNLOAD_BOX .dd_box_new #apDiv9 table tr td a:hover {
	color: #F00;
}
#EDIT #DOWNLOAD_BOX .dd_box_new #apDiv12 table tr td a:hover {
	color: #F00;
}
#EDIT #DOWNLOAD_BOX .dd_box_new #apDiv15 table tr td a:hover {
	color: #F00;
}
#EDIT #DOWNLOAD_BOX .dd_box_new #apDiv6 table tr td a:hover {
	color: #F00;
}
#menuBG {
	background-image: url(../images/menubar.jpg);
	background-repeat: no-repeat;
	height: 60px;
	position: relative;
	margin: auto;
	width: 1000px;
}
#stone {
	height: 14px;
}
#botton {
	background-image: url(../images/botton.png);
	background-repeat: repeat-x;
	height: 50px;
}
#photoBG {
	height: 300px;
	width: 840px;
	margin-top: 0px;
	background-repeat: no-repeat;
	z-index: -10;
}
#new_bar {
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/news_bar.png);
	background-repeat: repeat-x;
}
.product {
	font-size: 16px;
	font-weight: bold;
	color: #456329;
}#HEADER #fb {
	font-size: 15px;
	margin-top: 34px;
	margin-left: 620px;
	position:absolute;
	font-family:Microsoft JhengHei,'微軟正黑體',Arial,sans-serif;







"
}
#HEADER #fbicon {
	margin-top:30px; 
	margin-left:538px; 
	position:absolute; 
	left: 58px; 
	top: 0px;"
;
	color: #F60;
}


#line {
	/*eco產品的*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D4D4D4;
	border-left-color: #D4D4D4;
}
#topline {
	background-repeat: no-repeat;
	height: 15px;
	width: 840px;
	background-image: url(../images/line.jpg);
	z-index: -1;
}
#HEADER #fb a {
	color: #F60;
}
#photowhite {
	height: 0px;
}
#all {
	width: 840px;
	margin-right: auto;
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	background-color: #FFF;
	z-index: 1;
}
#headerBG {
	background-repeat: repeat-x;
	background-color: #FFF;
	background-image: url(../images/INDEX_BANNER_BG.jpg);
	width: 100%;
}