/*---------------------------------------------- 內頁設定 ---------------------------------------------*/
.nodata{
    width:100%;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}
/*----------------------------關於我們----------------------------*/
#about .hearder{                   /* 表頭 */
    background:url(images/tle01.png) no-repeat;
	width:695px;
	height:50px;
	padding-bottom: 12px;
}
/*-------- 內容VIEW --------*/
#about #view{                      /* 定位 */
    margin:auto;
	width:665px;
}
#about #view span{
	width:100%;
	clear:left;                   /* 讓客戶編輯的內容不會被SPAN影響 */
	line-height: 18px;
}

/*----------------------------最新消息----------------------------*/
#news .hearder{                    /* 表頭 */
    background:url(images/tle02.png) no-repeat;
	width:695px;
	height:50px;
	padding-bottom: 12px;
}
/*-------- 橫幅看板 --------*/
#news #banner .top{display:none;}
#news #banner .bg{}
#news #banner .bottom{display:none;}
/*--------- 跑馬燈 ---------*/
#news #mar .pic1{display:none;}
#news #mar .bg{display:none;}
#news #mar .pic2{display:none;}
/*---------- 列表LIST ----------*/
#news #list{                       /* 定位 */
    margin:auto;
	width:665px;
}
#news #list .title{                /* 標題 */
	padding-left:9px;
	padding-top:4px;
    width:490px;
}
#news #list .time{                 /* 日期 */
    width:90px;
	text-align: right;
	padding-right:4px;
	padding-top:4px;
	height:22px;
	color:#ff9307;
	font-size:11px;
	font-family: Verdana, Regular;
}
#news #list .pic{                 /* 圖片有傳圖(左圖右文) */
    width:120px;
	padding-bottom:8px;
}
#news #list .pic2{                /* 圖片沒傳圖(左圖右文) */
    display:none;
}
#news #list .intro{               /* 內容有傳圖(左圖右文) */
    width:545px;
	font-size:12px;
	padding-top:4px;
	padding-bottom:8px;
}
#news #list .intro2{              /* 內容沒傳圖(左圖右文) */
    width:100%;
	font-size:12px;
	padding-top:4px;
	padding-bottom:8px;
}
#news #list .line{                /* 分隔線 */
    width:100%;
	height:2px;
	background:url(imgs/line.gif);
}
/*---------- 內容VIRW ----------*/
#news #view{                      /* 定位 */
    margin:auto;
	width:665px;
}
#news #view .title{               /* 標題 */
	padding-left:9px;
	padding-top:1px;
	padding-bottom: 7px;
    width:490px;
	font-size:15px;
}
#news #view .time{                /* 日期 */
    width:90px;
	text-align: right;
	padding-top:4px;
	color:#ff9307;
	font-size:11px;
	font-family: Verdana, Regular;
}
#news #view .pic{width:120px; padding-bottom:8px;}    /* 有傳圖(文繞圖) */
#news #view .pic2{display:none;}  /* 沒傳圖(文繞圖) */
#news #view .intro{               /* 內容(文繞圖) */
	width:100%;
	clear:left;                   /* 讓客戶編輯的內容不會被SPAN影響 */
	line-height: 18px;
}
#news #view .butten1{             /* BACK */
    width:100%;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}

/*----------------------------電子型錄----------------------------*/
#pdt .hearder{                  /* 表頭-電子型錄 */
    background:url(images/tle03.png) no-repeat;
	width:695px;
	height:50px;
	padding-bottom: 12px;
}
#pdt .hearder1{                 /* 表頭-搜尋 */
    background:url(images/tle06.png) no-repeat;
	width:695px;
	height:50px;
	padding-bottom: 12px;
}

#pdt #butten .butten1{          /* 按鈕-檢視(列表) */
    width:505px;
	background:url(imgs/icon16.gif)  no-repeat 405px 4px;
	text-align: right;
	padding-top:6px;
	padding-bottom:4px;
}
#pdt #butten .butten2{          /* 按鈕-檢視(內容) */
    width:735px;
	background:url(imgs/icon16.gif)  no-repeat 635px 4px;
	text-align: right;
	padding-top:6px;
	padding-bottom:4px;
}
#pdt .pics{                     /* 產品圖-小圖 */
    border: 1px solid #0ca413;
	padding:4px;
}
#pdt .pics-over{                     /* 產品圖-小圖 */
	border: 1px solid #ffffff;
	background:#0ca413;
	padding:4px;
	cursor:hand;
}

#pdt .picm{                     /* 產品圖-預覽圖 */
    border: 0px;
}
#pdt .picb{                     /* 產品圖-大圖 */
	border: 1px solid #0ca413;
	padding:8px;
}

/*---------- 列表LIST ----------*/
#pdt .list{width:100%;}
#pdt .pagespan{                 /* 分頁 */
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	text-align:center;
}
#pdt .list .pagespan .page1{}   /* 分頁-首頁 */
#pdt .list .pagespan .page2{}   /* 分頁-前頁 */
#pdt .list .pagespan .page3{}   /* 分頁-後頁 */
#pdt .list .pagespan .page4{}   /* 分頁-末頁 */
#pdt .list .pagespan .select1{} /* 分頁-下拉選單 */
#pdt .list .pagespan .input1{}  /* 分頁-筆數欄位 */
/*------ 條列式 ------*/
#pdt .list #mode1{              /* 定位 */
    padding-left:12px;
    width:100%;
}
#pdt .list #mode1 .item{        /* 貨號 */
    width:130px;
	text-align: right;
	padding-left:26px;
	padding-top:4px;
	height:22px;
	text-align: left;
	background:url(imgs/icon3.gif) no-repeat;
	font-size:12px;
}
#pdt .list #mode1 .title{       /* 標題 */
	padding-top:4px;
    width:340px;
	height:22px;
}
#pdt .list #mode1 .line{        /* 分隔線 */
    width:490px;
	height:2px;
	background:url(imgs/line.gif);
}

/*------ 左圖右文 ------*/
#pdt .list #mode2{              /* 定位 */
	width:164px;
	float:left;
	position: relative;
}
#pdt .list #mode2 .pic{         /* 產品圖 */
    width:158px;
	padding-left: 6px;
}
#pdt .list #mode2 .pic .pic1{   /* 產品圖上方圖片 */
    width:164px;
	height:12px;
	background:url(images/pdt_pictop.png);
}
#pdt .list #mode2 .pic .star{       /* 產品圖上方圖片 */
	width:34px;
	height:44px;
	background:url(images/star2.png);
	position: absolute;
	top: 0px;
	left: 19px;
}

#pdt .list #mode2 .pic .bg{     /* 產品圖背景 */
    width:162px;
	height: 159px;
	background:url(images/pdt_picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}

#pdt .list #mode2 .pic .bg *{   /* 讓.bg下的所有物件置中 */
    vertical-align:middle;
}
#pdt .list #mode2 .pic .bg font{/* 用文字型態將span撐開 */ 
    height:100%;
    display:inline-block;
}
#pdt .list #mode2 .pic .pic2{   /* 產品圖下方圖片 */
    width:164px;
	height:9px;
	background:url(images/pdt_picbottom.png);

}
#pdt .list #mode2 .picbb{ 
    width: 164px; 
	height:7px; 
	float:left;
}
#pdt .list #mode2 .pic .bg_t{     /* 標題背景 */
    width:162px;
	height: 38px;
	background:url(images/pdt_picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}

#pdt .list #mode2 .pic .bg_t .title{       /* 標題 */
	font-size:12px;
	width:134px;
	padding-left: 15px;
	text-align: center;
	padding-top: 10px;
	cursor:hand;
}
#pdt .list #mode2 .intro{       /* 簡單說明 */
	padding-bottom:8px;
    width:335px;
	font-size:12px;
	display:none;
}
#pdt .list #mode2 .line{        /* 分隔線 */
    width:100%;
	height:2px;
	background:url(imgs/line.gif);
	display: none;
}
/*------ 全圖模式 ------*/
#pdt .list #mode3{              /* 定位 */
	width:164px;
	float:left;
	position: relative;
}
#pdt .list #mode3 .pic{         /* 產品圖 */
    width:158px;
	padding-left: 6px;
}
#pdt .list #mode3 .pic .pic1{   /* 產品圖上方圖片 */
    width:164px;
	height:12px;
	background:url(images/pdt_pictop.png);
}

#pdt .list #mode3 .pic .star{       /* 產品圖上方圖片 */
	width:34px;
	height:44px;
	background:url(images/star4.png);
	position: absolute;
	top: 0px;
	left: 19px;
}

#pdt .list #mode3 .pic .bg{     /* 產品圖背景 */
    width:162px;
	height: 159px;
	background:url(images/pdt_picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}

#pdt .list #mode3 .pic .bg *{   /* 讓.bg下的所有物件置中 */
    vertical-align:middle;
}
#pdt .list #mode3 .pic .bg font{/* 用文字型態將span撐開 */ 
    display:inline-block;
}
#pdt .list #mode3 .pic .pic2{   /* 產品圖下方圖片 */
    width:164px;
	height:9px;
	background:url(images/pdt_picbottom.png);
}

#pdt .list #mode3 .picbb{ 
    width: 164px; 
	height:7px; 
	float:left;
}
#pdt .list #mode3 .pic .bg_t{     /* 標題背景 */
    width:162px;
	height: 38px;
	background:url(images/pdt_picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}

#pdt .list #mode3 .pic .bg_t .title{       /* 標題 */
	font-size:12px;
	width:134px;
	padding-left: 15px;
	text-align: center;
	padding-top: 10px;
	cursor:hand;
}

#pdt .list #mode3 .pic .bg_t .picmore {           /* more */
	width:164px;
	text-align: center;
	cursor:hand;
	display: none;
}

#pdt .list #mode3 .price{      /* 一般價 */
	font-size:12px;
	width:100%;
	text-align: left;
	cursor:hand;
	display:none;
}
#pdt .list #mode3 .mprice{     /* 會員價 */
	font-size:12px;
	width:100%;
	text-align: left;
	cursor:hand;
	display:none;
}

/*---------- 內容VIEW ----------*/
#pdt .view{width:100%;}
#pdt .view .line{              /* 分隔線 */
    width:170px;
	height:10px;
}

/*-------- 左圖右文 --------*/
#pdt .view #mode1{               /* 定位 */
	width:665px;
}
#pdt .view #mode1 .pic{          /* 產品圖 */
    width:158px;
	padding-left: 6px;
}
#pdt .view #mode1 .pic .pic1{    /* 產品圖上方圖片 */
    width:164px;
	height:34px;
	background:url(images/pictop.png);
}

#pdt .view #mode1 .pic .bg{      /* 產品圖背景 */
    width:162px;
	height: 159px;
	background:url(images/picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}
#pdt .view #mode1 .pic .bg *{    /* 讓.bg下的所有物件置中 */
    vertical-align:middle;
}
#pdt .view #mode1 .pic .bg font{ /* 用文字型態將span撐開 */ 
    height:100%;
    display:inline-block;
}
#pdt .view #mode1 .pic .pic2{    /* 產品圖下方圖片 */
    width:164px;
	height:21px;
	background:url(images/picbottom.png);
}

#pdt .view #mode1 .pic .picbr{   /* 產品圖下方間隔 */
    height:7px;
	width:164px;
}
#pdt .view #mode1 .txtspan{      /* 文字定位 */
    width:465px;
	padding-left: 20px;
}
#pdt .view #mode1 .title1{       /* 品名 */
    width:425px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	background:url(images/pdt_icon.png) no-repeat;
	padding-left: 40px;
	padding-top: 18px;
	color: #0ca413;
}
#pdt .view #mode1 .intro{        /* 簡單說明 */
	padding:6px;
    width:453px;
	font-size:12px;
	line-height: 15px;
}
#pdt .view #mode1 .title2{       /* 詳細說明標題 */
    width:425px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	padding-top: 18px;
	background:url(images/pdt_icon2.png) no-repeat;
	padding-left: 40px;
	color: #0ca413;
}
#pdt .view #mode1 .msg{          /* 詳細說明 */
	padding:6px;
	width:453px;
	font-size:12px;
	line-height: 15px;
}
#pdt .view #mode1 .intro span, .msg span{
    width:100%;
	clear:left;                  /* 讓客戶編輯的內容不會被SPAN影響 */
}
/*-------- 上圖下文 --------*/
#pdt .view #mode2{                                /* 定位 */
	width:665px;
}

#pdt .view #mode2 .picbspan{                      /* 大圖定位 */
    width:100%;
    text-align: left;
}
#pdt .view #mode2 .picbr{                         /* 圖片間隔 */
    width:100%;
	height:10px;
}

#pdt .view #mode2 .picspan1{                      /* 大圖定位 */
    width:665px;
}

#pdt .view #mode2 .picspan .picspan {width:100px;} /* 小圖定位 */

#pdt .view #mode2 .title1{                        /* 品名 */
    width:625px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	background:url(images/pdt_icon.png) no-repeat;
	padding-left: 40px;
	padding-top: 18px;
	color: #0ca413;
}
#pdt .view #mode2 .intro{                         /* 簡單說明 */
	padding:6px;
    width:653px;
	font-size:12px;
	line-height: 15px;
}
#pdt .view #mode2 .title2{                        /* 詳細說明標題 */
    width:625px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	padding-top: 18px;
	background:url(images/pdt_icon2.png) no-repeat;
	padding-left: 40px;
	color: #0ca413;
}
#pdt .view #mode2 .msg{                           /* 詳細說明 */
	padding:6px;
	width:653px;
	font-size:12px;
	line-height: 15px;
}
#pdt #view #mode2 .intro span, .msg span{
    width:100%;
	clear:left;                                   /* 讓客戶編輯的內容不會被SPAN影響 */
}
/*--------- 純文字 ---------*/
#pdt .view #mode3{                                /* 定位 */
    width:665px;
	margin:auto;
}
#pdt .view #mode3 .title1{       /* 品名 */
    width:625px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	background:url(images/pdt_icon.png) no-repeat;
	padding-left: 40px;
	padding-top: 18px;
	color: #0ca413;
}
#pdt .view #mode3 .intro{        /* 簡單說明 */
	padding:6px;
    width:653px;
	font-size:12px;
	line-height: 15px;
}
#pdt .view #mode3 .title2{       /* 詳細說明標題 */
    width:625px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	padding-top: 18px;
	background:url(images/pdt_icon2.png) no-repeat;
	padding-left: 40px;
	color: #0ca413;
}
#pdt .view #mode3 .msg{          /* 詳細說明 */
	padding:6px;
	width:653px;
	font-size:12px;
	line-height: 15px;
}
#pdt #view #mode3 .intro span, .msg span{
    width:100%;
	clear:left;                                    /* 讓客戶編輯的內容不會被SPAN影響 */
}
/*--------- 全圖片 ---------*/
#pdt .view #mode4{                                 /* 定位 */
    width:665px;
}
#pdt .view #mode4 .pic{                            /* 產品圖 */
    width:164px;
	padding-right:4px;
}
#pdt .view #mode4 .pic .pic1{                      /* 產品圖上方圖片 */
    width:164px;
	height:34px;
	background:url(images/pictop.png);
}
#pdt .view #mode4 .pic .bg{                        /* 產品圖背景 */
    width:162px;
	height: 159px;
	background:url(images/picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}
#pdt .view #mode4 .pic .bg *{                      /* 讓.bg下的所有物件置中 */
    vertical-align:middle;
}
#pdt .view #mode4 .pic .bg font{                   /* 用文字型態將span撐開 */ 
    height:100%;
    display:inline-block;
}
#pdt .view #mode4 .pic .pic2{                      /* 產品圖下方圖片 */
    width:164px;
	height:21px;
	background:url(images/picbottom.png);
}
#pdt .view #mode4 .pic .picbr{                     /* 產品圖下方間隔 */
    height:10px;
	width:164px;
}
#pdt .view #mode4 .title1{                         /* 品名 */
    width:625px;
	font-size:15px;
	font-weight: bold;
	height: 22px;
	background:url(images/pdt_icon.png) no-repeat;
	padding-left: 40px;
	padding-top: 18px;
	color: #0ca413;
}

/*----------------------------常見問題----------------------------*/
#faq .hearder{                     /* 表頭 */
    background:url(images/tle04.png) no-repeat 40px 0px;
	width:1000px;
	height:50px;
	padding-bottom: 12px;

}
#faq .hearder2{                     /* 表頭 */
    background:url(images/tle01.png) no-repeat;
	width:695px;
	height:50px;
	padding-bottom: 12px;

}
/*---------- 列表LIST ----------*/
#faq #list{                        /* 定位 */
    margin:auto;
	width:665px;
}
#faq #list .selectspan1{           /* 定位 */
	width:100%;
	height:30px;
	padding-top:8px;
	padding-right:4px;
	text-align: right;
	display:none;
}
#faq #list .select1{}              /* 下拉選單 */

#faq #list .title{                 /* 標題 */
	padding-left:24px;
	padding-bottom: 10px;
    width:641px;
	font-size:15px;
    background:url(images/icon_04.png) no-repeat;
	font-family: "微軟正黑體", Regular;
	color:#c3087f
}
#faq #list .time{                  /* 日期 */
    width:90px;
	text-align: right;
	padding-right:4px;
	padding-top:2px;
	height:22px;
}
#faq #list .line{                 /* 分隔線 */
    width:100%;
	height:2px;
	background:url(imgs/line.gif);
}

/*---------- 內容VIEW ----------*/
#faq #view{                       /* 定位 */
    margin:auto;
	width:665px;
}
#faq #view2{                       /* 定位 */
    margin:auto;
	width:900px;
	padding-right:20px;
}

#faq #view .title{                /* 標題 */
	padding-left:24px;
	padding-bottom: 10px;
    width:641px;
	font-size:15px;
    background:url(images/icon_04.png) no-repeat;
	font-family: "微軟正黑體", Regular;
	color:#c3087f;
	display:none;
}
#faq #view .title2{                /* 標題 */
	padding-left:24px;
	padding-bottom: 10px;
    width:641px;
	font-size:15px;
    background:url(images/icon_04.png) no-repeat;
	font-family: "微軟正黑體", Regular;
	color:#c3087f;
}
#faq #view .back{                 /* 回上一頁 */
	padding-bottom: 10px;
	padding-top: 30px;
    width:100%;
	font-family: "微軟正黑體", Regular;
	text-align:center;
}

#faq #view2 .msg{                /* 內容 */
	width:100%;
	font-size: 13px;
	line-height: 18px;
	padding-bottom:40px;
}


/*----------------------------聯絡我們----------------------------*/
#contacts .hearder{                         /* 表頭 */
    background:url(images/tle05.png) no-repeat 40px 0px;
	width:1000px;
	height:50px;
	padding-bottom: 12px;
}
/*-------- 內容VIEW --------*/
#contacts #view{                            /* 定位 */
    margin:auto;
	width:550px;
	padding-left:8px;
}
#contacts #view .txtspan{                   /* 欄位名稱定位 */
	width:130px;
	height:26px;
	padding-top:3px;
}
#contacts #view .txt{color:#ff0000;}        /* 欄位名稱定位 */
#contacts #view .inputspan{                 /* 爛位定位 */
	width:420px;
	height:26px;
}
#contacts #view .msg{                       /* 內容定位 */
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
	text-align: center;
}

#contacts #view .inputspan1{}               /* 欄定位 */
#contacts #view .inputspan2{}               /* 欄定位 */
#contacts #view .inputspan3{}               /* 欄定位 */
#contacts #view .inputspan4{display:none;}  /* 欄定位 */
#contacts #view .inputspan5{display:none;}  /* 欄定位 */
#contacts #view .inputspan6{display:none;}  /* 欄定位 */
#contacts #view .inputspan7{}               /* 欄定位 */
#contacts #view .inputspan8{display:none;}  /* 欄定位 */
#contacts #view .inputspan9{display:none;}  /* 欄定位 */
#contacts #view .inputspan10{height:100px;} /* 欄定位 */
#contacts #view .inputspan11{} 				/* 欄定位 */
#contacts #view .inputspan12{} 				/* 欄定位 */
#contacts #view .inputspan13{} 				/* 欄定位 */
#contacts #view .inputspan14{} 				/* 欄定位 */
#contacts #view .inputspan15{} 				/* 欄定位 */
#contacts #view .inputspan16{} 				/* 欄定位 */
#contacts #view .inputspan17{} 				/* 欄定位 */
#contacts #view .inputspan18{} 				/* 欄定位 */
#contacts #view .inputspan19{} 				/* 欄定位 */
#contacts #view .inputspan20{} 				/* 欄定位 */
#contacts #view .inputspan21{} 				/* 欄定位 */

#contacts #view .input1{}                   /* 欄位-客戶名稱 */
#contacts #view .input2{}                   /* 欄位-聯絡人 */
#contacts #view .input3{}                   /* 欄位-電話 */
#contacts #view .input4{}                   /* 欄位-行動電話 */
#contacts #view .box1{}                     /* 單選-男 */
#contacts #view .box2{}                     /* 單選-女 */
#contacts #view .input5{}                   /* 欄位-傳真 */
#contacts #view .input7{}                   /* 欄位-EMAIL */
#contacts #view .input8{}                   /* 欄位-網站 */
#contacts #view .input9{}                   /* 欄位-地址 */
#contacts #view .input10{                   /* 欄位-備註 */
    width:380px;
	height:90px;
}
#contacts #view .input11{}                  /* 欄位-備用1 */
#contacts #view .input12{}                  /* 欄位-備用2 */
#contacts #view .input13{}                  /* 欄位-備用3 */
#contacts #view .input14{}                  /* 欄位-備用4 */
#contacts #view .input15{}                  /* 欄位-備用5 */
#contacts #view .input16{}                  /* 欄位-備用6 */
#contacts #view .input17{}                  /* 欄位-備用7 */
#contacts #view .input18{}                  /* 欄位-備用8 */
#contacts #view .input19{}                  /* 欄位-備用9 */
#contacts #view .input20{}                  /* 欄位-備用10 */
#contacts #view .input21{}                  /* 欄位-備用11 */

#contacts #view .buttenspan{                /* 按鈕定位 */
    width:100%;
    text-align: center;
	padding-top: 10px;
}
#contacts #view .butten1{     /* 按鈕 */
    background:url(images/cont.png);
	width:66px; 
	height: 34px;
	border: 0px;
	color: #ffffff;
}                  
#contacts #view .butten1-over{
    background:url(images/cont-over.png);
	width:66px; 
	height: 34px;
	border: 0px;
	color:#ffffff;
}   

/*----------------------------系統訊息----------------------------*/
#msg .hearder{                              /* 表頭 */
    background:url(images/tle05.png) no-repeat;
	width:1000px;
	height:50px;
	padding-bottom:50px;
}
/*-------- 內容VIEW --------*/
#msg #view{                                 /* 定位 */
    margin:auto;
	width:500px;
	padding-left:80px;
}
#msg #view .bg{                             /* 圖片定位 */
	font-size:13px;
	height:83px;
	width:100%;
	background:url(images/ok.png) no-repeat;
	padding-left:93px;
	padding-bottom:50px;
}
#msg #view .bg *{                           /* 讓.bg下的所有物件置中 */
    vertical-align:middle;
}
#msg #view .bg font{                        /* 用文字型態將span撐開 */ 
    height:83px;
    display:inline-block;
}