@charset "utf-8";
/* CSS Document */

body {margin:0;font-family:標楷體,Arial,Times New Roman;'Droid Sans'; font-size:20px; background: #000 url(../images/bg2.png) repeat-y; color:#999;overflow-x: scroll;overflow-y: scroll;  }
input, textarea {font-family:Arial,Times New Roman,標楷體;resize: none; }
.nav ul {margin:0; padding:0; list-style:none;list-style:none outside none;}
.nav li {margin:0; padding:0; list-style:none;list-style:none outside none;}
.lang ul {margin:0; padding:0; list-style:none;list-style:none outside none;}
.lang li {margin:0; padding:0; list-style:none;list-style:none outside none;}
.iso {margin:0; padding:0; list-style:none;list-style:none outside none;}
img { border:0; }
form {margin:0;}
a { text-decoration:none; color:#999; }
p{line-height:25px;}
/* index.asp slide picture*/
.box{ width:975px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:975px; height:330px; overflow:hidden; position:relative;}
.piclist{ height:330px;position:absolute; left:0px; top:0px}
.piclist li{margin-right:5px;float:left;}
.swaplist{ position:absolute; left:-3900px; top:0px}
/**/
.top { overflow: hidden; }
.top_a { width:100%; height:40px; background-color:#383838; }
.top_a .container { width:960px; margin:0 auto; padding:10px 0; height:20px; }
.top_a .container .iso { float:left; line-height:20px;}
.top_a .container .lang { float:right; line-height:20px;}
.top_a .container .lang li { float:left; margin:0 5px; }
.top_a .container .lang a.email { background:url(../images/icon_email.png) no-repeat top center; display:block; width:21px; height:16px; }
.top_a .container .lang a.email:hover { background-position:bottom center; }
.top .logo { width:129px; height:200px; margin:0 auto; background:url(../images/logo.png) no-repeat center center; cursor:pointer;  }
.top_b { width:1000px; overflow:hidden; background:url(../images/line.png) no-repeat bottom center; margin:0 auto; }
.top_b .nav { font-family:Arial,Times New Roman,'標楷體'; width:960px; margin:0 auto; font-size:1.5em; overflow:hidden; padding-bottom:10px;  }
.top_b .nav li { float:left; width:160px; }
.top_b .nav li a:hover { color:#eaeaea; }
.top_b .nav .active { color:#eaeaea;text-decoration:underline;  }

.banner { width:1000px; height:667px; margin:0 auto; position:relative; overflow:hidden; float:left; z-index:100; cursor:pointer; }
#slider { position:absolute; left:0; top:0; height:667px; width:3000px; z-index:-1; }
#slider .item { width:1000px; height:667px; float:left; position:relative; cursor:pointer; }
#slider .item .desc { width:1000px; height:100px; position:absolute; left:0; bottom:0; opacity:0.5; background-color:#333; display:block;  }
#slider .item .desc li { width:300px; margin:20px auto;color:#000; font-size:1.5em; text-align:center; color:#b0b0b1 }
.overlay {width:100%; height:100%; opacity:0.5;background: black; float:left; z-index:100;}

.slider { width:140px; height:9px; margin:30px auto; overflow:hidden; }
.slider a { display: block; width:9px; height:9px; background:url(../images/pot.png) no-repeat bottom center; float:left; margin:0 5px; }
.slider a:hover { background-position: top center; }
.slider a.active { background-position: top center; }

.home_content { width:960px; margin:0 auto; position:relative; overflow:hidden; }

.products { width:960px; margin:20px auto; overflow: hidden;}
.products .headline { overflow:hidden; }
.products .headline select { width:187px; height:24px; border:0; background:url(../images/dropdown.png) no-repeat top center;  color:#CCC;}
.products .desc { overflow:hidden; }
.products .headline .pager { overflow: hidden; float:right; }
.products .headline .pager li {float:left; }
/*.products .headline .pager .current_page {float:left; width:22px; height:21px; background:url(../images/btn3_5.png) no-repeat top center; line-height:21px; text-align:center; }*/
.current_page {float:left; width:22px; height:21px; background:url(../images/btn3_5.png) no-repeat top center; line-height:21px; text-align:center; }
a.grid_4 { display:block; width:26px; height:21px; background:url(../images/btn1.png) no-repeat top center; }
a.grid_4:hover { background-position: bottom center; }
a.grid_12 { display:block; width:26px; height:21px; background:url(../images/btn2.png) no-repeat top center; margin-right:20px;}
a.grid_12:hover { background-position: bottom center; }
a.left_arrow { display:block; width:26px; height:21px; background:url(../images/btn3.png) no-repeat top center; }
a.left_arrow:hover { background-position: bottom center; }
a.right_arrow { display:block; width:26px; height:21px; background:url(../images/btn4.png) no-repeat top center; }
a.right_arrow:hover { background-position: bottom center; }
.products .active {background-position: bottom center;}
.products .product_list { width:960px; margin:20px auto; overflow: hidden; font-size:0.9em; }
.products .product_list ul { overflow: hidden; margin-bottom:20px; }
.products .product_list img { border:1px solid #999; }
.products .product_list p { text-align:center; }

.products .product_list2 { width:960px; margin:20px auto; overflow: hidden; font-size:0.8em; }
.products .product_list2 ul { overflow: hidden; margin-bottom:20px; }
.products .product_list2 ul li { float:left; margin-right:18px; }
.products .product_list2 img { border:1px solid #999; }
.products .product_list2 p { text-align:center; }

.products .product_detail {width:960px; margin:20px auto; overflow: hidden; }
.products .product_detail .left_part {width:448px; overflow:hidden; float:left; font-size: 1.1em}
.products .product_detail .left_part ul { overflow:hidden; margin-top:20px; }
.products .product_detail .left_part img { border:1px solid #999; }
.products .product_detail .right_part { width:446px; overflow:hidden; float:right; }
.products .re_box{font-size: 1.2em;}

/*.factory_tour { width:960px; margin:20px auto; overflow: hidden; font-size:1.2em; }
.factory_tour .left_part { width:446px; overflow:hidden; float:left;}
.factory_tour .right_part {width:446px; overflow:hidden; float:right;}*/

.factory_tour { width:960px; margin:20px auto; overflow: hidden; }
.factory_tour .headline{ font-size:1.2em; font-weight:bold; margin-bottom:26px;  }
.factory_tour .left_part { width:202px; overflow:hidden; float:left;font-size: 1.2em;}
.factory_tour .re_width{ width: 180px;}

.factory_tour .left_part li { margin-bottom:20px; }
.factory_tour .left_part li a.active { color:#fff; }
.factory_tour .right_part {width:709px; overflow:hidden; float:left; margin-left:20px; margin-top: -54px; text-align: justify;}
.factory_tour .re-width{ width: 745px;}
.factory_tour .right_part img {margin-left: 24px; margin-right: 24px; margin-bottom:20px; margin-top: 10px}

.contact_us { width:960px; margin:20px auto; overflow: hidden; font-size:1.2em; }
.contact_us .left_part { width:345px; overflow:hidden; float:left;font-size: 0.9em}
.contact_us .right_part {width:609px; overflow:hidden; float:right;}
.contact_us .right_part .form_title { width:586px; height:19px; background:url(../images/form1.png) no-repeat top center; color:#FFF; padding:10px; margin-bottom:10px;}
.contact_us .right_part .name {width:296px; height:39px; line-height:19px;background:url(../images/form2.png) no-repeat top center; float:left; border:0; font-size:1.1em; text-indent:10px; color:#FFF; }
.contact_us .right_part .telephone {width:298px; height:39px; line-height:19px;background:url(../images/form2.png) no-repeat top center; float:left; border:0; font-size:1.1em; text-indent:10px; color:#FFF; }
.contact_us .right_part .email {width:604px; height:39px; line-height:19px;background:url(../images/form3.png) no-repeat top center; float:left; border:0; font-size:1.1em;  text-indent:10px;  color:#FFF;}
.contact_us .right_part .content {width:584px; height:166px; line-height:19px;background:url(../images/form4.png) no-repeat top center; float:left; border:0; font-size:1.1em; padding:10px;  color:#FFF;}
.contact_us .mailto { text-decoration:underline; }
a.btn_send { width:112px; height:36px; display:block; background:url(../images/btn5.png) no-repeat top center; float:right; color:#FFF; text-align:center; line-height:36px; }
a.btn_send:hover { background-position:bottom center; }
.contact_us .right_part input {font-family:Arial,Times New Roman,'標楷體', sans-serif;}
.contact_us .right_part textarea {font-family:Arial,Times New Roman,'標楷體', sans-serif;}

.about { width:960px; margin:20px auto; overflow: hidden; }
.about .headline{ font-size:1.4em; font-weight:bold; margin-bottom:20px;  }
.about .left_part { width:230px; overflow:hidden; float:left;font-size: 1.2em;}
.about .left_part li { margin-bottom:20px; }
.about .left_part li a.active { color:#eaeaea; }
.about .right_part {width:709px; overflow:hidden; float:left; margin-left:20px;margin-top: -50px; text-align: justify;}
.about .right_part img {margin-left: 20px;}
a.btn_back:hover { background-position:bottom center; }

/*
.about .right_part li {list-style:inside none disc; margin: 10px;margin-left:0px;};
*/

a.btn_back { width:103px; height:36px; display:block; background:url(../images/btn5.png) no-repeat top center; float:left; color:#FFF; text-align:center; line-height:36px; }
.footer { font-family: Arial,Times New Roman,'標楷體'; width:270px; margin:30px auto; overflow:hidden; font-size: 0.8em;}

.colelem /* a child element of a column */
{
	display: inline;
	float: left;
	clear: both;
}
.grpelem /* a child element of a group */
{
	display: inline;
	float: left;
}
#u613-4
{
	z-index: 65;
	width: 70px;
	min-height: 30px;
	background-color: transparent;
	line-height: 1px;	
	font-size:0.7em;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	margin-right: -10000px;
	margin-top: 0px;
}
#u581:hover
{
background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
}
#u581
{
	cursor:pointer;
	width: 70px;
	height: 24px;
	background-repeat: no-repeat;
	border-style: none;
	position: relative;
	background: url("../images/back-sc.jpg") no-repeat left top;
}
#u583:hover
{
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
}
#u583
{
	cursor:pointer;
	width: 80px;
	height: 25px;
	background-repeat: no-repeat;
	border-style: none;
	position: relative;
	background: url("../images/ecata01-sc.png") no-repeat left top;
	text-align:center;
}


.CommonTitle { font-size: 1.4em; display:block; margin-bottom:20px; font-weight:bold; }

.CommonSubTitle { font-size: 1.2em; font-style: italic; display:block; margin-bottom:5px; margin-top:30px; font-weight:bold;}

.part-say-title{line-height:6px;text-decoration:underline;text-decoration-color:#40d2df;margin-top:30px;font-size:1.2em;font-weight:bold;color:#40d2df;}


#sustain_bullet {
	margin-left: -20px;
}

#sustain_bullet li {
	margin-top: 10px;
}