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

body {background: url(../images/body.jpg) top center no-repeat; font-size:15px; font-family: "pmingliu", "新細明體"; line-height:120%;}
.subnav a{ font-size:14px }
#index{ width:980px; height:600px; margin:0 auto}
/*大框架*/
#iLayer, #iHeader, #iBody, #iFooter { width: 980px; }
													  #iBLeft { width: 580px; margin:0 10px }
													 #iBRight { width: 360px; margin:0 10px }
														#pBLeft { width: 300px; }
													 #pBRight { width: 650px; padding:30px 15px 0 }
													  #Bcastr { width:355px; padding-left:5px; background-color:#FFFF00}
/*---------------------*/
															 #iHeader { height: auto; }
			#iHlogo, #iHlogofix, #iHlogofix a { height: 0; display:none; }
				 #iHnav, #iHnavfix, #iHnavfix a { height: 161px; }
#iHbanner, #iHbannerfix, #iHbannerfix a { height: 350px; }
															#iHsearch { height: 0; display:none; }
										 #Bcastr, #Bcastr a { width:355px; height: 183px; padding-top:14px }/*廣告輪撥*/ 
																 #iBody { height: auto; }
																		#iBLeft { height: 471px; }
																	 #iBRight { height: }
																		#pBLeft { margin-bottom: 20px; }
																	 #pBRight {  }											 
															 #iFooter { height: 90px; }
/*---------------------*/
  #iLayer { background: url(../images/iLayer.jpg) top repeat-x; margin: 0 auto; position:relative ;}
	
/* #iHeader { background: url(../images/_iHeader.jpg) no-repeat; }*/
			#iHlogo { background: url(../images/iHlogo.jpg) no-repeat; }
			 #iHnav {  }	
		#iHbanner { margin-top: -24px; }
		#iHsearch { background: url(../images/iHsearch.jpg) no-repeat; }

   #iBody { background: url(../images/iBody.jpg) top repeat-x; }
			#iBLeft { background: url(../images/_iBLeft.jpg) top no-repeat; float:left; display:inline }
		 #iBRight { background: url(../images/_iBRight.jpg) no-repeat; float:left; display:inline }
			#pBLeft { background: url(../images/pBLeft.jpg) top no-repeat; float:left; display:inline }
		 #pBRight { background: url(../images/pBRight.jpg) no-repeat; float:left; display:inline }
			#Bcastr { background: url(../images/Bcastr.gif) no-repeat; float:left; }
 #iFooter { background: url(../images/iFooter2.jpg) top repeat-x;}
/*---------------------*/  
#iLayer, #iHeader, #iHlogo, #iHnav, #iHbanner, #iHsearch, #iBody, #iBLeft, #iBRight, #pBLeft, #pBRight, #iFooter{ overflow:hidden; }

/*flash補圖*/
	 #iHlogofix a { width:980px; }
	  #iHnavfix a { width:980px; }
 #iHbannerfix a { width:980px; }
			#Bcastr a { width:auto; }
			#index a{ width:980px;}
#iHlogofix a, #iHnavfix a, #iHbannerfix a, #Bcastr a, #index a{
		overflow:hidden;
		display: block ;
		background: url(../images/flashbg.gif) no-repeat center ;
}
/*---------------------*/




/*header_導覽列*/
.header_tab { padding-right:20px; height:14px; padding-top:26px; position:absolute; z-index:999; width:980px }
.header_tab a { width:75px; padding-left:7px;border-left:3px #000000 solid; height:14px; display:block; float:right; overflow:hidden;  
text-align:left; font-size:11px; color:#333; text-decoration:none}  
.header_tab a:hover{border-left:3px #666 solid; color:#8fca24}
a.color_01{border-left:3px #9fd4e3 solid}
a.color_02{border-left:3px #a5d6e4 solid}
a.color_03{border-left:3px #ffbb39 solid}
a.color_04{border-left:3px #ffa8a8 solid}
a.color_05{border-left:3px #cc99cc solid}
/*---------------------*/




/*pBLeft_側邊選單*/
.sidenav { padding:20px; width:220px; overflow:hidden}
.sidenav li{ line-height:30px; height:30px;width:200px; overflow:hidden; 
border-bottom:#333333 dashed 1px; }

.sidenav li a { 
	width:175px; padding-left:25px;
	height:30px; display:block; 
	text-decoration:none; color:#000000 ; background:url(../images/li_bg.gif) left no-repeat;
}
.sidenav li.main_page a { 
	width:150px;padding-left:50px; 
	height:30px; display:block; overflow:hidden; 
	color:#ff6633; font-weight:bold ;background:url(../images/li_bg.gif) 25px 0 no-repeat;
}
/*.sidenav li a:hover { text-decoration:underline}*/

.sidenav li span { font-size:11px; color:#ccc; margin-left:6px}
.sidenav li.main_page span { color:#ffcc99; font-weight:normal}
/*---------------------*/

/*pBRight_導覽列*/
#pBRight img.title { margin:-30px 0 0 -15px }
#pBRight div.subnav { 
	width:350px; height:25px; line-height:25px; 
	float:right;text-align:right; padding-top:45px; font-size:12px; 
}
.subnav a { color:#686917; text-decoration:none;}
#pBRight div.subnav a:hover{ text-decoration:underline}
/*---------------------*/

/*index.php*/
.iBnews_TB{ width:580px}
.iBnews_TB
.iBnews_TB th, .iBnews_TB td{ line-height:24px; height:24px;}
.iBnews_TB th{ width:90px; color:#529225;}
.iBnews_TB td{ width:490px; color:#666;}
.iBnews_TB td.hr_style02{ height:1px; line-height:1px; font-size:0}
.iBnews_TB a{color:#666; text-decoration:none}
.iBnews_TB a.first{color:red; text-decoration:none}
.iBnews_TB a:hover{text-decoration: underline}

.hot_prod { width:580px}
.hot_prod div { float:left}
.prod_porv, .prod_next { width:30px; height:160px; cursor:pointer}
.hot_prod div.prod_picbox img{ width:130px; height:120px; overflow:hidden}
.hot_prod  p.prod_info{width:130px; height:40px; overflow:hidden; color:8f851d}
.hot_prod  p.prod_info a{ color:#8f851d; text-decoration:none}
.hot_prod  p.prod_info a:hover{ text-decoration: underline}
/*---------------------*/

/*info.php*/
.info_box , .info_view_box{ background:url(../images/info_TB_bg.jpg) no-repeat top center; width:632px; min-height:110px; padding:10px;}
	.info_pic { border:solid 1px #b2b1b1; width:293px; height:98px; overflow:hidden; float:left}
	.info_title, .info_main { width:317px; padding:0 10px; margin-bottom:20px; line-height:18px; float:left; text-align:left;overflow:hidden}
	.info_main a { color:#000;}
	.info_title a { color:orange;}
	.info_title , .info_view_title , .info_view_date { color:#336633;font-weight:bold;margin-bottom:12px;}
	.info_more { float: right; }

.info_view_box {}
.info_view_title { float:left; }
.info_view_date { float:right; }
.info_view_main {line-height:20px;overflow:hidden; padding:0 20px }

.info_box a { text-decoration:none}
.info_box a:hover { text-decoration:underline}
span.user{color:#c3d02f;}

.pagenav_2 { 
	background:url(../images/pagenav_2_bg.gif); 
	width:650; height:26px; line-height:26px; vertical-align:middle; padding:auto 0; margin-bottom:40px; overflow:hidden; 
}
.pagenav_2  p { padding:0 10px}
.pagenav_2 a { color:#40490f; text-decoration:none}
.pagenav_2 a:hover { color:#FF0000} 


.pagenav {margin:20px 0; }
.pagenav a {
	width:24px; height:21px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-decoration:none; color:#999; font-family:Arial, Helvetica, sans-serif
}
.pagenav a:hover { color:#000; font-weight:bold}
/*---------------------*/


/*share.php*/
.share_block{ background:url(../images/share_bg.jpg) right top no-repeat; width:650px;}
.nobg{ background:none}
.share_box{ background:url(../images/info_TB_bg.jpg) no-repeat top center; width:632px; min-height:110px; padding:10px;}
	.share_pic { border:solid 1px #b2b1b1; width:98px; height:98px; overflow:hidden; float:left}
	.share_title, .share_main { padding:0 10px; margin-bottom:20px; line-height:18px; float:left; text-align:left; overflow:hidden}
	.share_title{ width:422px;}
	.share_date { width:80px; float:right; font-weight:bold;color:#336633; }
	.share_main{ width:502px;overflow:hidden }
	.share_main a { color:#000;}
	.share_title a { color:#336633;}
	.share_title { color:#336633;font-weight:bold;margin-bottom:12px;}
	.share_more { float: right; }
.share_box a { text-decoration:none}
.share_box a:hover { text-decoration:underline}
img.hr_style01{ float:left; margin-left:10px}
/*---------------------*/


/*contact.php*/
.contact_block { background:url(../images/contact_bg.gif) right top no-repeat; width:650px;}
.contact_add { color:#40490f; line-height:21px}
.contact_F { width:400px; overflow:hidden; color:#666666}
.contact_F td { height:30px; line-height:30px; margin:0; padding:0; overflow:hidden; }
.contact_F th { text-align:right; padding-right:12px}
.contact_F input, .contact_F textarea { background:url(../images/contact_F_bg.png); border:#e4e9ec solid 1px; margin:0; padding:0}
/*---------------------*/

/*shop.php*/
.shop_title_01 {float:left; margin:18px 10px 15px 20px;}
.shop_title_02 {float:left; margin:18px 0px;}

.shop_box{ background:url(../images/info_TB_bg.jpg) no-repeat top center; width:632px; min-height:110px; padding:10px; margin-bottom:10px}
.shop_box .shop_pic img{ border:#FFFFFF solid 4px; outline:solid 1px #9bc345; width:164px; height:103px; overflow:hidden; float:left}
.shop_box .shop_pic{ margin-bottom:14px}
.shop_box .shop_main {width:430px; padding:0 10px; margin-bottom:8px; line-height:18px; float:left; text-align:left;overflow:hidden}
.shop_box .shop_main a{ text-decoration:none; color:#333; margin-left:6px}
.shop_box .shop_main a:hover{ text-decoration: underline}
/*---------------------*/


/*footer*/
.footer_logo {width:300px; float:left}
address { line-height:16px; font-size:11px; color:#666666; width:650px;  margin-left:12px; float:left}
address a { text-decoration:none; color:#666666}
address a:hover { color:#8fca24}

.footerContact{ width:780px; margin:15px auto; font-size:12px; color:#666; }
.footerContact a{ color:#666;text-decoration:none;}
.footerContact a:hover{ text-decoration:none;}
/*---------------------*/

.all05_tb tr.hi18 td{ height:20; line-height:20px}


.arial{ font-family:Arial, Helvetica, sans-serif}
.fz11{ font-size:11px}
.fz12{ font-size:12px}
.color_style01{color:#7d7f71}
.LH21{ line-height:21px} 
.w 620 { width:620px;}
.pd td {padding:8px 3px; color:#030; font-size:12px;}
.mt40 {margin-top: 20px;}
.ml {margin:50px;}

#about_02_block_l { width:68px; height:1220px; background:url(../images/about_02_pic02.gif) repeat-y; }
.left_a { width:201px; margin:30px 0 20px 20px; font-size:11px;}

.newsUnderLine{	width:580px;	float:left;	overflow:hidden;}
.newsTitle{ width:170px; loat:left; overflow:hidden;}
.products{ clear:both; width:580px; height:220px; float:left; overflow:hidden;}
.BMI{ width:380px; padding-top:40px; float:right; overflow:hidden;}
.second{ width:980px; padding:40px 10px 0 10px; overflow:hidden; clear:both;}
.stariesBg{ background:url(../images/stariesTop.jpg) no-repeat; overflow:hidden;}
.stariesTitle{ width:280px; float:left; overflow:hidden;}
.stariesTitleUnderLine{ background:url(../images/hr_style04.jpg) repeat-x; width:960px; height:5px; margin:10px 0; overflow:hidden; clear:both;}
.staries180{ width:960px; overflow:hidden;}
.staries180Bg{background:url(../images/staries180Bg.jpg) no-repeat; width:182px; margin:10px 0 0 8px;
  float:left; overflow:hidden;}
.staries180Pic{ padding:1px 1px;}
.staries150{width:960px; overflow:hidden; clear:both;}
.staries150Bg{background:url(../images/staries150Bg.jpg) no-repeat; width:152px; margin:10px 0 0 6px;
  float:left; overflow:hidden;}
.stariesLine{ margin:0 auto; overflow:hidden; clear:both;}
.third{ clear:both; width:980px; margin: 0 10px; overflow:hidden; }
.fourth{ width:980px; margin:20px 10px; overflow:hidden;}
.productBg{ background:url(../images/productsBg.jpg) no-repeat;width:445px; margin:10px 22px;
  float:left; overflow:hidden;}
.productPic{ padding:15px 18px ; width:410px; overflow:hidden;}
.iB_title_banner{ width:360px; overflow:hidden;}

.skipToIndex{ font-size:22px; float:right; overflow:hidden; padding:5px 20px; }
.skipToIndex a{text-decoration:none; color:#999}
.skipToIndex a:hover{color:#333}