@charset "utf-8";
/*reset*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}ol,ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top;-webkit-text-size-adjust:none;}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/*********General*********/
body{margin:0;  font-family:"微軟正黑體"; font-weight:normal; font-size:12px; color:#666666; background: url(../images/bg.png) repeat-x top; -webkit-text-size-adjust:none; } 

/*************for Index************/
.idxbg{background: url(../images/down_bg.png) bottom repeat-x;}
.idxWrap{	width:980px;	margin:0 auto; }
.clear { clear:both;}
a{ color:#666; text-decoration:none;}
a:hover{  text-decoration:none;}
h5{ text-align:left;}


/*toplink*/
.toplink { height:25px; padding:15px 15px 0 0px; }
.toppad { padding:5px;}
.todpadd { padding:0 0 0 25px;}
.toplink ul li { float:right; color:#666666; }
.toplink ul li a { text-decoration:none; color:#666666;}
.toplink ul li a:hover { text-transform:none; color: #F08C1E}

/*logo*/
.headerRow { width:980px; height:80px; position:relative;}
.logo{ float:left; }
.logo a {background: url(../images/logo.png) no-repeat; text-indent:-9999px; display:block; width:369px; height:72px;  }

/*submenu*/
.sf-menu {  -webkit-text-size-adjust:none; position:absolute; left:390px; top:25px; z-index:3;}
.sf-menu li { float:left; width:97px;text-align:center; margin:0 0 0 1px; position:relative; background: url(../images/menu.png) no-repeat right ;}
.sf-menua a {-webkit-text-size-adjust:none; display:block; padding:5px 0px 5px 0px; font-size:15px; color: #666666; font-weight:700; font-style:normal; text-decoration:none; position:relative;}
.sf-menua a:hover, .sf-menu li.sfHover a, .sf-menu li a.current { color:#F08C1E;}
.sf-menu li a span { font-size:10px;  -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#ACACAC;}

.sf-menub a{-webkit-text-size-adjust:none; display:block; cursor:default;  color:#F08C1E; padding:5px 0px 5px 0px; font-size:15px; font-weight:700; font-style:normal; }
/*idxnew*/
.idxnew_old { border:1px solid #D8D8D8; padding:5px;}
.idxnew{  border:1px solid #D8D8D8; padding:5px;}

.newicon { float:left; width:80px; background:url(../images/newiocn.png) bottom repeat-x; text-align:center; padding:2px 0;}
.idxnw_old { float:right; width:870px; padding:2px 0;} 
.idxnw {  width:970px; padding:2px 0;} 

/*idxbanner*/
.idxbanner{border:1px solid #D8D8D8; padding:5px 5px 5px 5px; margin:15px 0 15px 0; height:330px;}
#ibanner { position:relative; width:964px; height:330px; overflow:hidden;   }


#ibanner_pic {}
#ibanner_pic a { position:absolute; top:0; display:block; width:964px; height:330px; overflow:hidden; }
#ibanner_pic img {width:964px;  }

#ibanner_btn { position:absolute; z-index:9999; right:5px; bottom:5px; font-weight:700; font-family:Arial; }
#ibanner_btn span { display:block; float:left; margin-left:4px; padding:0 5px; background:#000; cursor:pointer; }
#ibanner_btn .normal { height:15px; margin-top:8px; border:1px solid #999; color:#999; font-size:12px; line-height:15px; }
#ibanner_btn .current { height:20px; border:1px solid #FF5300; color:#FF5300; font-size:15px; line-height:20px; }


/*mid*/
.mm{ position:relative; height:350px; }
.mid { position:absolute;width:1020px;}
.mid ul li{ float:left; width:249px; position:relative; }
.mid ul li h1 { display:block;  padding:5px 0 3px 0px; font-size:18px; color:#666666; font-weight:normal;}
.more{ line-height:20px; padding:0px 0 0 0;  color:#F08C1E; font-size:12px; text-decoration:none; }


.icon1{ background:url(../images/icon_01.png) left no-repeat;}
.icon2{ background:url(../images/icon_02.png) left no-repeat;}
.icon3{ background:url(../images/icon_03.png) left no-repeat;}
.icon4{ background:url(../images/icon_04.png) left no-repeat;}

.mid ul li h1_old { display:block; float:left; padding:5px 0 3px 40px; border-bottom:1px solid #D8D8D8; font-size:23px; color:#666666; font-weight:normal;}
.mid ul li h1 span_old{ margin:0 15px 0 63px;  line-height:30px; padding:25px 0 0 0;  color:#F08C1E; font-size:14px; text-decoration:none; }

.pic{ border:1px solid #D8D8D8; padding:5px; width:220px;  height:310px;}
.pic img { width:220px; height:150px; padding:0 0 5px 0;}
.pic h2 { display:block; height:90px; font-size:14px; margin: 8px 0 0 0; line-height:22px;  }
.h_2bg { background:#666666; height:155px; padding:0 8px; color:#FFF;}


/*footer*/
.footer { border-top:1px solid #D8D8D8; width:100%; margin:0 auto; height:35px; padding:15px 0 0 0;  }
.footer h5 { text-align:left; color:#666666; font-weight:normal;}
.footer h5 a{ color:#999; text-decoration:none; }
.footer h5 a:hover { color: #999; text-decoration:underline;}

/*cntban*/
.cntbanner {border:1px solid #D8D8D8; height:255px; padding:7px; margin:0px 0 15px 0;}
.cntleft{ width:19%; float:left;}
.cntleft h1{background:#666666; display:block; color:#FFF; text-align:center; padding:8px 0; font-size:14px;}
.cntright{ margin:0 0 0 0px; float:right; width:78%; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; padding:8px;}
.cntright h2 { float:left;  font-size:18px; color:#666666; padding:0 0 15px 0; }
.cntrightp { float:rignt; text-align:right; line-height:30px;}
.cont p{ clear:both; text-align:left; line-height:25px; }
.cont a{ text-decoration:underline; color:#069; }
.cont a:hover { text-decoration:none; color:#F90;}
.cntright h3 { font-size:13px; margin-left:2em;  text-indent :-2.5em ; line-height:25px; }
.cntright h5 { text-align:left;}
.wordline { font-size:13px; line-height:25px; border-bottom:1px dotted #CCC; margin:5px 5px 25px 5px; padding:0 0 5px 0;}
.word { font-size:13px; line-height:25px;  margin:5px 5px 10px 5px; padding:0 0 5px 0;}
.title {font-size:18px; color:#F08C1E; border-bottom:1px solid #CCC; padding:5px 0 5px 0px; }

/*menu*/

.menu { margin:2px 0; background: #E7E7E7; display:block; color:#666666; padding:8px 0px 8px 0px;}
.menu span {font-size:10px;  -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;  }
.menu:hover { background:#F08C1E; color:#FFF;}
.menub{ margin:2px 0;  background:#F08C1E; color:#FFF; display:block;  padding:8px 0px 8px 0px;}
.menub:hover{ margin:2px 0;  background:#F08C1E; color:#FFF; display:block;  padding:8px 0px 8px 0px;}

.nav { border-bottom:1px solid #E4E4E4; margin:2px 0; background: #F6F6F6; display:block; color:#666666; padding:8px 0px 8px 0px;}
.nav span {font-size:10px;  -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;  }
.nav:hover { background: url(../images/icon_06.png) no-repeat top #F6F6F6; color:#F08C1E;}
.navb{ background: url(../images/icon_06.png) no-repeat top #F6F6F6; border-bottom:1px solid #E4E4E4; margin:2px 0; display:block; color:#F08C1E; padding:8px 0px 8px 0px; }
.navb:hover{background: url(../images/icon_06.png) no-repeat top #F6F6F6;}


.nav1 { color:#039; border-bottom:1px solid #E4E4E4; margin:2px 0; background: #F6F6F6; display:block;  padding:8px 0px 8px 25px;}
.nav1 span {font-size:10px;  -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal;  }
.nav1:hover { background: url(../images/icon_06.png) no-repeat top #F6F6F6; color:#F08C1E;}
.nav1b{ background: url(../images/icon_06.png) no-repeat top #F6F6F6; border-bottom:1px solid #E4E4E4; margin:2px 0; display:block; color:#F08C1E; padding:8px 0px 8px 25px; }
.nav1b:hover{background: url(../images/icon_06.png) no-repeat top #F6F6F6;}


/*prodpic*/
.prodpic li { position:relative;text-align:center; margin:20px 20px 20px 10px; float:left; width:160px; height:200px;}
.prodpic li a{  text-align:center; font-size:13px; display:block; width:165px; line-height:20px; }
.prodpic li a:hover { color:#F08C1E;}
.prodpic li img { border:1px solid #D8D8D8; padding:5px; margin:0 0 5px 0;}
.prodpic li h3 { height:45px;}
.picline { height:170px;}
/*page*/
.pagemid { padding:20px; }
.page li { float:left;padding:2px 7px 2px 7px; margin:2px;}
.pagelink { border:1px #f0f0f0 solid;}
.pagelink a { text-decoration:none; }
.pagelink a:hover {color:#F08C1E;}
.pagelink:hover { background: url(../images/newtitle.jpg); border:1px #DBDBDB solid;}
.pagelink:hover a{ color:#069;}


/*prdinfo*/
.leftprd { width:375px; float:left; }
.prodpic img{border:1px solid #D8D8D8; padding:5px; margin:0 0 20px 0; }
.rowprd { border:1px solid #D8D8D8; padding:5px;}
.prdrow { height:100px;}

.prdrow ul li { margin:7px 4px 7px 4px; float:left;}
.rightprd {  float:left; width:370px; margin:0 0 0 5px;}
.rightprd h4 { border-bottom:1px solid #D8D8D8; color:#F08C1E; font-size:18px; padding:0 0 10px 0;}
#Layer3 { overflow:auto; position: relative;	width:365px; height:500px; font-size:13px; color:#666666; line-height:25px;	z-index:1;	SCROLLBAR-FACE-COLOR:#D8D8D8;	SCROLLBAR-HIGHLIGHT-COLOR:#F7F7F7 ;	SCROLLBAR-SHADOW-COLOR:#F7F7F7 ;	SCROLLBAR-3DLIGHT-COLOR:#F7F7F7 ;	SCROLLBAR-ARROW-COLOR:#c9b799;	SCROLLBAR-TRACK-COLOR:#F7F7F7;  	SCROLLBAR-DARKSHADOW-COLOR:#F7F7F7 ;	SCROLLBAR-BASE-COLOR:#F7F7F7 	}


/*newlist*/
.picleft{ width:235px; border:1px solid #D8D8D8; margin:0 0 0 8px; padding:5px; float:left;}
.picright { width:480px; margin:0 0 0 20px; float:left;}
.picright h4 { font-size:16px; color:#FFF; background:#F08C1E; padding:6px 15px;}
.picright h5 { font-size:13px; color:#666666; line-height:25px; padding:5px;}
.more{text-align:right; padding:0 20px 0 0 ;}
.more a{ color:#F08C1E; }
.more:hover{ text-decoration:underline;}
.line{ height:15px; clear:both; border-bottom:1px solid #D8D8D8; position:relative; display:block; margin:15px 0;}


/*contact*/
.contact td{ padding:5px; vertical-align:middle; text-align:center; font-size:13px; }
.space { width:100%; border:1px solid #F6F6F6; padding:3px;}
.red { color:#F00;}
.eng { font-size:10px; color:#ACACAC;}
.btn { background:#666666; padding:5px 55px; color:#FFF; margin:15px; font-size:14px; border:1px solid #CCC; cursor:pointer;}
.btn:hover{ background:#FF7F00; color:#FFF;  border:1px solid #CCC;}

/*downtd*/
.downtd td{ vertical-align:middle; border-bottom:1px dashed #E0E0E0; padding:3px; font-size:13px;}
.downtd td a:hover{ color:#F4A93B; }
.downtd th{ background:#ACACAC; color:#FFF; font-size:13px;padding:5px; border-left:1px solid #F6F6F6; border-right:1px solid #F6F6F6;}


/*banner*/
#abgne_fade_pic { float:left; margin:0px 0 0 0px; position: relative;width:965px; height:330px;}
#abgne_fade_pic a.ad {position: absolute;}/* 讓圖片疊在一起 */
#abgne_fade_pic .control {	position: absolute;	right: 10px; bottom: 10px;}
#abgne_fade_pic .control a {	display: inline-block;	padding: 0px 1px;	margin: 0 3px;	width:13px; color: #fff; background: #CCC;	text-align: center;		font-size: 12px;	text-decoration: none; border:1px solid #CCC;	}
#abgne_fade_pic .control a.on {	font-weight: bold; color: #FFF; background:#999;  }

.ida a{ cursor:pointer;}

#littlepic {
	float: center;
	width: 320px;
	height: 115px;
	text-align:center;
}
#littlepic ul {
	margin: 0px;
	padding: 0px;
	width: 240px;
	height: 115px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#littlepic ul li {
	height: 100px;
	width: 100px;
	margin-right: 4px;
	margin-left: 4px;
	border: 1px solid #666666;
	float: left;
	list-style-type: none;
}
#littlepic a {
	line-height: 100px;
	float: left;
}
#littlepic .next a,#littlepic .prev a {
	float: left;
	height: 100px;
	width: 25px;
}
#sliderlittle {
	height: 110px;
	width: 270px;
	overflow: hidden;
	position: relative;
	float: left;
	visibility: inherit;
	margin: 0px;
	padding: 0px;
}