/*-----------------------------------------------
Web Style
Name:     4欄(上header、中menu、左sidebar、右main、、下footer) ver1.0
Designer: Tina
URL:      http://blog.pixnet.net/tina1231/
Date:     2008-07-23
----------------------------------------------- */

body {
	font-family:Verdana, Tahoma, sans-serif;
	font-size: 8pt;
	color:#838383;
	margin:0;
	line-height:17pt;
	background-color:#a5e34e;
}
a {	color:#3E7D2B;}
a:hover {    color:#F54D00;	text-decoration:none;}
img{ border:none}
p,form,ol,ul{ margin:0; padding:0}



/* 主架構，用來定義最大範圍
-----------------------------------------*/
#outer-wrapper{  width:100%;background:url(../images/pagetop_bg.gif) repeat-x top center;background-color:#ffffff;}

#insider-wrapper{  width:950px;  margin:0 auto;  /*上 左右 下 */}

#menu-wrapper{  height:88px; text-align:center}

#header-wrapper{ display:none}

#content-wrapper {  }

#sidebar-wrapper {
  width: 180px;
  /*height: 250px;  暫時 */
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
  background:url(../images/page_left_bg.gif) repeat-x 0 77px;
}
#main-wrapper {
  width: 770px;
  /* height: 250px; 暫時 */
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  background:url(../images/page_main_bg.gif) repeat-x 0 151px;
  }
  
#footer-wrapper {
  height:100px; /* 暫時 */
  width:100%;
  background:url(../images/bg.gif) repeat-x bottom left;
  clear:both;
}    
.fbg {padding-top:45px;background:url(../images/copyright.gif) no-repeat 0 45px;width:950px; margin:0 auto}
#footer-wrapper p{padding:15px 10px 5px 245px; font-size:8pt; line-height:12pt; color:#608d58;font-family:Tahoma, sans-serif;}
#footer-wrapper p a{ color:#506b4c}



/* 其他樣式
-----------------------------------------*/
#sub-title{ padding:17px 0 0}/*左邊次選單，上方間距*/
#sub-title p{ padding:1px 15px 1px 20px}/*左邊次選單，左右間距*/

#main-title{}
#main-title h1{ background:url(../images/page_title_bg.gif) repeat-x; margin:0 20px;}/*頁面標題*/
#main-title p{ text-align:right; padding-right:25px; color:#8CC53E; font-size:8pt !important; font-size:7pt;}/*頁面上方標示網頁位置*/
#main-title a{ text-decoration:none ;font-size:8pt !important; font-size:7pt;}/*頁面上方標示網頁位置，連結*/

#main-p{ padding:15px 25px 10px 30px}/*主要內容間距*/
#main-p h1{ padding:0; margin:0}
#main-p h2{ font-size:10pt; font-weight:normal; line-height:18pt; margin:0 0 5px; color:#DC5210; padding-bottom:3px; border-bottom:#CCCCCC 1px dashed}
#main-p h3{ font-size:10pt; font-weight:normal;margin:0; padding:10px 20px}
#main-p ol{ padding:0 40px !important; padding:0 50px}
#main-p ul{ padding:0 15px;}


#sidebar-club{ width:155px; background:url(../images/member_h1bg.gif) repeat-y; margin-left:10px}/*左邊搜尋+登錄*/
#sidebar-club h1{ margin:0}/*左邊搜尋+登錄，標題*/
#sidebar-club form{ margin:0; padding-left:25px}/*左邊搜尋+登錄，向左間距*/
#sidebar-club a{ color:#999999; text-decoration:none;}/*左邊搜尋+登錄，連結*/
#sidebar-club a:hover{ color:#F54D00;}
#sidebar-club input{ margin:2px 0;}

.club{ border:#EBEBEB 1px solid;padding:3px;}/*圖片外框*/

.icon{ padding:10px 8px; clear:both}/*分頁選單*/
.icon a{ color:#3E7D2B; padding:2px}
.icon a:hover{ color:#F54D00; padding:2px;}
.select{ border:#CCCCCC 1px solid; padding:1px 3px; color:#000000}/*分頁選單:目前頁面*/

.wpa15{ padding:0 17px; clear:both}
.wpa02{ padding-left:43px; clear:both}
.wpa03{ padding-left:8px; clear:both}
.wpaabout{ padding:0 15px;}


/*左左*/
div.leftleft{ clear:both}/*國際認證用*/
div.leftleft span{ float:left}
div.leftleft div.word{ float:left; width:500px}

.float-r{ float:right}



/* 關於我們樣式
-----------------------------------------*/

/*歷史沿革列表*/
#history-list{padding:5px 15px}
#history-list ul{margin:0;padding:0;list-style-type: none}
#history-list li{ background:url(../images/icon_03.gif) no-repeat 0 10px; padding:5px 15px 3px; border-bottom:#EBEBEB 1px solid; line-height:15pt; clear:both}
#history-list span{ float: left; width:60px; font-size:8pt; color:#4A8217; }
#history-list span.qailty{ float: left; width:80px; font-size:8pt; color:#F54D00; }/*列表:國際認證:年份*/

/*國際認證*/
#qailty{ margin:0 20px;}
#qailty ul{list-style-type: none}

/*人才招募列表*/
#job-list{padding:5px; float:left; width:500px}
#job-list ul{margin:0;padding:0;}
#job-list li{ padding:5px 10px; border-bottom:#EBEBEB 1px solid; line-height:15pt; clear:both}
#job-list p.jobname{ font-size:9pt; color:#F54D00; background-color:#F1F1ED; margin:0 -7px 5px; padding:1px 7px}/*列表:人才招募:名稱*/


/* 產品樣式
-----------------------------------------*/

/*產品左分類*/
#sub-title ul{ margin:0  20px 0 25px;padding:0;list-style-type: none}
#sub-title li{ background:url(../images/icon_04.gif) no-repeat 0 6px; padding:2px 5px 2px 0px; font-size:8pt; line-height:15pt; color:#888888; border-bottom:#CCCCCC 1px dashed;}
#sub-title li a{color:#444444; font-size:9pt;	text-decoration:none;padding:2px 15px; display:block}
#sub-title li a:hover{color:#339900; background:url(../images/icon_04aa.gif) no-repeat 0 6px #DFEEBD;padding:2px 15px}
#sub-title a.other{ color:#EA8C0D;}

/*產品分類圖片*/
#pro{ }
#pro div.bclass{ background:url(../images/pro_classbg.gif) no-repeat; width:180px; padding:11px 25px 0 11px; margin:0 10px 30px; float:left; border-right:#DDE2BE 1px dashed}/*圖片區塊*/
#pro div.bclass p{ text-align: center; padding-top:10px; margin-left:-10px}/*分類名稱*/
#pro a{ text-decoration:none;}
#pro div.line{ background:url(../images/icon_point.gif) repeat-y center; width:45px; height:210px; float:left}/*圖片區隔線*/

/*產品列表分類標題*/
#pro h1{ background:url(../images/icon_05-1.gif) no-repeat left; font-size:12pt; color:#339900; padding:0 20px 5px; margin:0 0 10px; border-bottom:#CCCCCC 1px dashed}

/*產品列表*/
#pro div.prophoto{padding:3px; margin:0 10px 5px; float:left;}/*列表圖片*/
#pro div.prophoto p{padding:5px; margin:0 0 0 -10px; text-align: center;}/*列表產品名稱*/
#pro div.prophoto a{ line-height:12pt}
#pro div.pro-list{ background:url(../images/icon_point.gif) repeat-x bottom; width:700px; height:155px; margin:15px 0 20px; overflow:hidden }/*列表一行四筆區塊*/

/*產品詳細內頁*/
#pro div.proword{padding:3px; margin:0 10px; float:left;width:350px;}/*簡介文字區*/
/*#pro div.proword p{margin:0 10px;}*/
#pro ul{ list-style:none; margin:0; padding:0 14px; margin-top:10px}
#pro li{ background:url(../images/icon_01.gif) no-repeat left; font-size:8pt; line-height:18pt; padding:0 25px}

.proview{ border:#E8EFD1 1px solid; margin:10px 13px; padding:6px; clear:both}/*下方說明區*/
.proview p{ padding:0 15px;}



/* 購物車樣式
-----------------------------------------*/
#shopcar{ padding:0 5px;}
#shopcar td{ padding:2px 5px; border-bottom:#E0E6C4 1px solid;border-right:#E0E6C4 1px solid;}
#shopcar td.t-line02{ padding:2px 5px; border-bottom:#BCD18F 1px solid;border-left:#BCD18F 1px solid;}
#shopcar td.t-line01{ padding:2px 5px; border-bottom:#BCD18F 1px solid;border-right:#BCD18F 1px solid;color:#333333}
#shopcar td.t-line{ border-bottom:#8CC53E 1px solid; border-right:#CDE89B 1px solid; text-align:center; color:#333333}
.shopw00{ border-bottom:#EEEEEE 1px solid; padding:5px; }/*靠左*/
.shopw01{ border-bottom:#EEEEEE 1px solid; padding:5px; color:#333333; text-align:right;}/*靠右*/
.shopw03{ border-bottom:#EEEEEE 1px solid; padding:5px; margin-top:5px ; color:#D70606;background-color:#F8F7F3; text-align:right;}/*靠右*/
.shopw02{ border-top:#8CC53E 2px solid; padding:5px 8px 15px 8px; margin-top:20px; text-align:right; font-size:10pt; color:#D70606; background-color:#F8F7F3}/*總金額，靠右*/




/* 客服中心樣式
-----------------------------------------*/

#contact{ background:url(../images/contact_p02bg.gif) repeat-y; width:578px; margin:0 14px}/*聯絡我們*/
#contact form{ padding:0 20px;}
#contact td{ padding:5px; border-bottom:#CCCCCC 1px dashed;}
#contact input,textarea,select{ color:#888888;background-color:#FFF;border:#CCCCCC 1px solid;font-family: Tahoma;font-size:11px;padding:2px 3px;}


/* 網站導覽樣式
-----------------------------------------*/
#sitemap{ float:left; height:210px; margin:0 20px 30px 5px}
#sitemap ul{ list-style:none; padding:0; margin:0 10px 0 20px;}
#sitemap li{ background:url(../images/icon_04.gif) no-repeat 0 6px; padding:2px 5px 2px 0px; font-size:8pt; line-height:15pt; color:#888888; border-bottom:#CCCCCC 1px dotted;}
#sitemap a{ color:#888888; text-decoration:none; display:block; padding-left:15px}
#sitemap a:hover{ color:#F54D00; background:url(../images/icon_04a.gif) no-repeat 0 4px #f9f3d2 }



/* 搜尋頁面列表樣式
-----------------------------------------*/
#search-listtitle{ background:url(../images/search_listtitle.gif) no-repeat 0 1px; height:35px}/*搜尋標題*/
#search-listtitle ul{margin:0;padding:0;list-style-type: none}
#search-listtitle li.t01{ padding:7px 25px 0;  color:#333333; width:445px;display: inline; float:left; }
#search-listtitle li.t02{ padding:7px 0 0;  color:#333333; width:180px;display: inline; float:left; text-align:center  }

#search-list{padding:5px 15px}/*最新消息列表*/
#search-list span{ float: right;text-align: center; width:190px; padding:0 5px}/*最新消息列表點閱數，向右靠齊*/
#search-list ul{margin:0;padding:0;list-style-type: none}
#search-list li{ background:url(../images/icon_03.gif) no-repeat 0 10px; padding:5px 15px 3px; font-size:8pt; line-height:15pt; color:#888888; border-bottom:#CCCCCC 1px dashed;}
#search-list li a{color:#CC6633; font-size:9pt;	text-decoration:none;padding:2px 5px; display:block}
#search-list li a:hover{color:#000000; background-color:#F4F0DD;padding:2px 5px}


/* 最新消息樣式
-----------------------------------------*/
#news-list01{ padding-left:15px; height:130px}/*最新消息圖文區*/
.news-list01-pict{ float:left; padding:5px 10px 0 0}/*最新消息圖片*/
.news-list01-word{ font-size:8pt ; line-height:14pt; color:#828282; }/*最新消息內文*/

#new-listtitle{ background:url(../images/news_listtitle.gif) no-repeat 0 20px; height:59px}/*最新消息標題*/
#new-listtitle ul{margin:0;padding:0;list-style-type: none}
#new-listtitle li.t01{ padding:24px 25px 0;  color:#ffffff; width:455px;display: inline; float:left; }
#new-listtitle li.t02{ padding:24px 20px 0;  color:#ffffff; width:65px;display: inline; float:left;  }

#news-list02{padding:5px 15px}/*最新消息列表*/
#news-list02 span{ float: right;text-align: center; width:60px; padding:0 15px}/*最新消息列表點閱數，向右靠齊*/
#news-list02 span.time{ float: right;text-align: right; width:100px}/*最新消息列表時間，向右靠齊*/
#news-list02 ul{margin:0;padding:0;list-style-type: none}
#news-list02 li{ background:url(../images/icon_03.gif) no-repeat 0 10px; padding:5px 15px 3px; font-size:7pt; line-height:15pt; color:#8CC53E; border-bottom:#EBEBEB 1px solid;}
#news-list02 li a{color:#3E7D2B; font-size:9pt;	text-decoration:none;}
#news-list02 li a:hover{color:#F54D00;}
#news-list02 h1{color:#F54D00; font-size:12pt; border-bottom:#EBEBEB 1px solid; padding:0 13px 5px; background:url(../images/icon_02.gif) no-repeat 0 8px; margin:0 }
#news-list02 h2{color:#888888; font-size:8pt; border-bottom:#EBEBEB 1px solid; padding:5px 13px 3px; background:url(../images/icon_02.gif) no-repeat 0 12px; font-weight:normal; margin:0 0}


/* 會員樣式
-----------------------------------------*/

.club_member{ border:#CCCCCC dashed 1px;  width:660px; HEIGHT: 300px;OVERFLOW: auto;overflow-x:hidden;
SCROLLBAR-FACE-COLOR: #dddddd;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-SHADOW-COLOR: #ffffff;
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 SCROLLBAR-ARROW-COLOR: #ededf7;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #ededf7;
	}/*加入會員文字外框*/
.club_member ol{ padding:0 0 10px 25px; margin:5px;}

.club_member01{ margin:10px;}/*加入會員填寫資料外框*/
.club_member01 td{border-bottom:#e2e7d0 solid 1px;padding:3px 5px;}
.club_member01 textarea,select{color:#333333;background-color:#e9f3c9;border:none;font-family: Tahoma;font-size:11px;padding:2px 3px;}


/* qa樣式
-----------------------------------------*/
#qa{}
#qa h1{ background:url(../images/icon_06qa.gif) no-repeat; margin:0; padding:10px 51px 0; font-size:12pt; line-height:28pt; color:#339900}/*分類名稱*/
#qa a{ text-decoration:none}

#qa h2{background:url(../images/icon_q.gif) no-repeat 5px 8px; padding:3px 10px 3px 25px; border:#D8D8D8 1px dotted;color:#339900; font-size:12px;}
#qa h3{background:url(../images/icon_q.gif) no-repeat 5px 8px; padding:3px 10px 3px 25px; border:#D8D8D8 1px dotted;color:#339900; font-size:13px;}
#qa-con{ background:url(../images/icon_a.gif) no-repeat 5px 8px; padding:6px 10px 6px 45px;}


/* 表單樣式
-----------------------------------------*/
.button{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:12px;
}
.button01{
color:#FFFFFF;
background-color:#8fbd42;
border:none;
font-family: Tahoma;
font-size:12px;
padding:1px;
}
.button02{
color:#BB0404; 
background:url(../images/but_shop02.gif) no-repeat;
width:131px;
height:26px;
border:none;
font-family: Tahoma;
font-size:8pt;
line-height:9pt;
padding:1px;
}
.keyin{
color:#999999;
background-color:#FFF;
border:#CCCCCC 1px solid;
font-family: Tahoma;
font-size:11px;
padding:2px 3px;
}
.keyin01{color:#333333;background-color:#e9f3c9;border:none;font-family: Tahoma;font-size:11px;padding:2px 3px;}


/* 基本顏色樣式
-----------------------------------------*/
.color_black{color:#000}
.color_white{color:#FFF}
.color_gray{color:#999999;font-size:8pt !important;font-size:7pt ;}
.color_red{color:#BB0404}
.color_red12pt{color:#BB0404; font-size:12pt; font-weight:bold}
.color_orange{color:#F54D00}
.color_yellow{color:#F5BB00}
.color_green{color:#8CC53E}
.color_green12pt{color:#339900; font-size:12pt; font-weight:bold}
.color_green10pt {
	font-size: 10pt;
	color: #006600;
	font-weight: bold;
}
.color_blue{color:#3780B9}