@charset "utf-8";
body  {
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background:url(../images/bg-top.png) repeat-x top left #A9EA68;
}
.cleaner{clear:both;}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {
	width: 980px;
	height: auto;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
	text-align: center;
	margin: 0 auto;
	padding:0px;
	overflow:hidden; 

}
#header{
	clear:both;
	width: 980px;
	height: 172px;
	margin: 0 auto;
	

}
#headerLogo{
	padding:28px 0px 0px 130px;
	width:298px;
	height:80px;
	margin:0px;
	float:left;
}
#newsinfo{ 
    width:980px;
    height:350;
    background:url(../images/banner.jpg);
	 
	 
	 
}

#menu{
	margin-left:0px;
	padding:132px 0px 0px 78px;
	width: auto;
}
#menu ul {
	margin-left:10px;
}
#menu li {
	text-indent:-9999px; 
white-space:nowrap; 
line-height:0; 
	float: left;
}
#menu li.home a {
	width: 100px;
	height: 30px;
	text-decoration: none;
	display: block;
	background-image: url(../images/m1.png);
	background-repeat: no-repeat;
}
#menu li.home a:hover {
	background-image: url(../images/m1_1.png);
}
#menu li.home a.active {
	background-image: url(../images/m1_1.png);
}
#menu li.About a {
	width: 100px;
	height: 30px;
	margin-left:30px;
	text-decoration: none;
	display: block;
	background-image: url(../images/m2.png);
	background-repeat: no-repeat;
}
#menu li.About a:hover {
	background-image: url(../images/m2_1.png);
}
#menu li.About a.active {
	background-image: url(../images/m2_1.png);
}
#menu li.Product a {
	width: 100px;
	height: 30px;
	margin-left:45px;
	text-decoration: none;
	display: block;
	background-image: url(../images/m3.png);
	background-repeat: no-repeat;
}
#menu li.Product a:hover {
	background-image: url(../images/m3_1.png);
}
#menu li.Product a.active {
	background-image: url(../images/m3_1.png);
}
#menu li.Customer  a {
	width: 100px;
	height: 30px;
	margin-left:45px;
	text-decoration: none;
	display: block;
	background-image: url(../images/m4.png);
	background-repeat: no-repeat;
}
#menu li.Customer  a:hover {
	background-image: url(../images/m4_1.png);
}
#menu li.Customer  a.active {
	background-image: url(../images/m4_1.png);
}
#menu li.ContactUs  a {
	width: 100px;
	height: 30px;
	margin-left:45px;
	text-decoration: none;
	display: block;
	background-image: url(../images/m5.png);
	background-repeat: no-repeat;
}
#menu li.ContactUs  a:hover {
	background-image: url(../images/m5_1.png);
}
#menu li.ContactUs  a.active {
	background-image: url(../images/m5_1.png);
}


#menu li.download  a {
	width: 100px;
	height: 30px;
	margin-left:45px;
	text-decoration: none;
	display: block;
	background-image: url(../images/m6.png);
	background-repeat: no-repeat;
}
#menu li.download  a:hover {
	background-image: url(../images/m6_1.png);
}
#menu li.download  a.active {
	background-image: url(../images/m6_1.png);
}





#qa{
	background-repeat:no-repeat;
	background:url(../images/head-2.png);
    height:45px;
	width:980px; 
	font-size:14px;
    color:#999999;

}


#Message{
	background-repeat:no-repeat;
	padding:6px;
	background:center;
    height:auto;
	width:980px; 
	font-size:14px;
    color:#999999;
}


.qa {height:20px;  padding-left:16px; font-size:20px; color:#F26C15; margin:0px 0px; line-height:20px; float:left; font-family:'微軟正黑體';background:url(../images/i7.png)  center left no-repeat  ;}
.qb {height:20px;  padding-left:16px; font-size:14px; color:#B7B7B7; margin:0px 0px; line-height:20px; float:left; font-family:'微軟正黑體';background:url(../images/i2.png)  top left no-repeat  ;}

.cbox{width:440px; height:203px; float:left;padding-top:20px; padding-left:31px  ; background:url(../images/p.png); background-repeat:no-repeat;}
#pbox{width:914px; height:218px;padding-top:20px; padding-left:25px  ; background:url(../images/p-1.png) no-repeat; margin-left:14px; text-align:left;}

ul.image-switch
{
	margin-left:20px;
	margin-top:20px;
	text-align: left
	
}
ul.image-switch li
{
	background:url(../images/i2.png) no-repeat;
	padding-left:25px;
	height:25px;
}
ul.image-switch li a
{
	text-decoration:none;	 
	color:#999999;
}
ul.image-switch li a:hover{
	color:#000;
}

/************************跑馬燈***************************/
#marquee{
	width:780px;
	margin:0 auto;
	height:23px;
	padding:10px;
	color:#929292;
	font-size:15px;
	font-family:'微軟正黑體';
	padding-bottom:15px;
}
div#news_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 500px;
	height: 20px;
	padding-left:10px;
	margin-top:5px;
	float:left;
	text-align:left;
}
div#news_marquee ul, div#news_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#news_marquee ul {
	position: absolute;
}
div#news_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	font-size:15px;
	color:#666;
}
/************************跑馬燈***************************/


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 820px; /*Width of Carousel Viewer itself*/
height: 178px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 20px; /*margin around each panel*/
width: 136px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:url(../images/prod-bg.png) no-repeat;
padding:4px;
}


#footer{
	background:url(../images/f.jpg) repeat-x;
	width:980px;
	height:141px;
	text-align:left;
}
#ftop{color:#669F9F; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-left:50px; margin-right:10px; height:34px;}
#ftop a{color:#669F9F; text-decoration:none;}
.fbotm{border-left:#fff 1px solid; height:70px; padding-left:10px; margin-left:40px; color:#888; font-size:13px; width:auto; float:left; line-height:20px;}

#phone{background:url(../images/phone.png) no-repeat; width:191px; height:67px; position:absolute; left:70%; top:530px; z-index:9999; cursor:pointer;}

.leftbox{background:url(../images/p2.png) repeat-y; width:195px; text-align:left; padding:0px 20px; margin-bottom:-1px;}

.menu_list{
	margin:0; padding:0;
}
.menu_head {
	cursor: pointer;
	position: relative;
	margin:1px;
	background:url(../images/i5.png) no-repeat top 10px left;
	width:165px;
	height:auto;
	line-height:20px;
	padding:3px 0px;
	color:#828282;
	font-size:14px;
	padding-left:10px;
	border-bottom:#ccc 1px solid;
}
.menu_head:hover,.menu_head.active {
	cursor: pointer;
	position: relative;
	margin:1px;
	background:url(../images/down.png) no-repeat;
	width:165px;
	height:auto;
	line-height:20px;
	padding:3px 0px;
	color:#fff;
	font-size:14px;
	padding-left:10px;
	border-bottom:#ccc 1px solid;
}
.menu_body {
	display:none;
}
.menu_body>ul>li{
	list-style:none;
	padding:3px 0px;
	background:url(../images/i4.png) no-repeat top 10px left 5px;
	padding-left:20px;
	line-height:20px;
	width:160px;
	color:#999;
	font-size:14px;
}
.menu_body>ul>li>a{
	display:block;
	text-decoration:none;
	color:#999;
}
.menu_body>ul>li>a.active,.menu_body>ul>li>a:hover{
	color: #ff0000;
	text-decoration:none;
}


#titleline{color:#53A600; font-size:18px; background:url(../images/line.png) bottom left repeat-x; width:632px; height:35px;}
#info{width:630px;word-wrap: break-word; word-break: normal; color:#666; font-size:14px; padding:10px 0px; overflow:hidden;}
.titleg{background:url(../images/tb.png) no-repeat; width:621px; height:22px; padding-left:10px; line-height:22px; color:#FF6600; font-size:14px; font-weight:bold;}

.company{border-left:#A9EA68 5px solid; padding-left:15px; line-height:22px;}
.company2{background:url(../images/i6.png) no-repeat top 7px left; padding-left:10px; font-size:14px; color:#666; line-height:22px; float:left; width:280px; margin-right:10px; height:200px;}
.hr1{border:0; height:1px; margin-top:20px; margin-bottom:10px; background-color:#ccc;color:#ccc;}
#topBtn {
    display:inline-block;
    left: 88%;
    position: fixed;
    top: 40%;
    z-index: 99;
	background:url(../images/top.png) top left no-repeat;
	width:27px;
	height:75px;
	display:none;
}


/***************************QA*****************************/
#qaContent ul{
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0;
	*display:inline;
	*zoom : 1;	
}
#qaContent li{
	line-height:30px;
	width:630px;
	border-bottom:#ccc 1px dashed;
	display:inline-block;
	list-style:none;
	*display:inline;
	*zoom : 1;
	font-size:12px;
}
.qa_title
{
	padding-left:15px;
	cursor:pointer;
	width:605px;
	background:url(../images/q.png) no-repeat top 10px left;
	padding-bottom:5px;
	padding-top:5px;
	color:#666;
}
.qa_title:hover{
	cursor:pointer;
	width:605px;
	color:#000;
}
.qa_title_on{background:#000;}
.qa_answer
{
	background:url(../images/a.png) no-repeat top 10px left;
	border-top:#ccc 1px dashed;
	width:600px;
	padding-left:30px;
	line-height:20px;
	padding-bottom:10px;
	padding-top:10px;
	color:#333;
}
/********************************************************/

.pimg{background:url(../images/prod-bg.png) no-repeat; padding:4px; width:136px; height:136px;}
.plist{width:460px; margin-top:4px; padding:0;}
.plist>li{
	list-style:none;
	display:inline-block;
	width:214px;
	line-height:20px;
	font-size:12px;
}
.plist>li>a{color:#999; text-decoration:none;}
.plist>li>a:hover{color:#F69F66; text-decoration:underline;}
.pbox{border-bottom:#ccc 1px solid; margin-top:20px; padding-bottom:20px;}
#pdfdownload{
	margin-top:50px; 
	width:600px; 
	height:auto; 
	padding:15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	background:#e3e3e3;
}
#pdf{background:url(../images/pdf.png) no-repeat top left; padding-left:45px; height:38px; color:#333; font-size:16px; font-weight:bold;}
.pdfs>li{
	list-style:none;
	line-height:20px;
	font-size:12px;
	color:#666;
	padding-left:10px;
	width:140px;
	display:inline-block;
	border-right:#999 1px solid;
	margin-right:30px;
	padding-bottom:10px;
}
.pdfs>li>a{
	display:inline-block;
	color:#666;
	text-decoration:none;
	background:url(../images/d1.png) no-repeat top 8px left;
	padding-left:10px;
}
.pdfs>li>a:hover{
	display:inline-block;
	color:#5EB800;
	background:url(../images/d2.png) no-repeat top 8px left;
	padding-left:10px;
}
.greenbtn{background:url(../images/buttong.png) no-repeat; font-size:12px; color:#333; border:0; width:70px; height:20px; cursor:pointer;}
.tb1{width:80px; background:#EEF9EF;border-top:#EEF9EF 1px solid;border-left:#EEF9EF 1px solid; padding:0px 10px; padding-left:20px;}
.tb2{border-top:#EEF9EF 1px solid;border-right:#EEF9EF 1px solid; padding:8px 15px; background:#DEF3E0;}
.contactformTxt{width:254px;}
.contactformTxts{width:200px;}
.contactformTxtArea{width:440px; height:100px;}