@charset "utf-8";
/* CSS Document */

.white12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-top:3px;
}
.white13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.run13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	padding-top:5px;
}
.green13_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #029db6;
	text-decoration: none;
	vertical-align:middle;
}
.green12_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #029db6;

	vertical-align:middle;
}

.green13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #007b91;
	text-decoration: none;
}

.green15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: bolder;
	color: #0098b3;
	text-decoration: none;
}

.green13_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

	font-weight: normal;
	color: #5cc2d1;
	text-decoration: none;
}
.black13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.black13h25 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#intro, #news, #share-page {margin-left:4px;}

.group-line {border-bottom:1px #8eafcd dotted;}
/*首頁完美知識*/
#news ul { width:210px;  margin:8 3 5 -20; *margin:8 3 5 20;}
#news li {list-style-image:url(image/icon.gif); list-style-position:outside;}

/*2010首頁完美知識*/
#2010news ul { width:180px;  margin:8 3 5 -20; *margin:8 3 5 20;}
#2010news li {list-style-image:url(image/icon.gif); list-style-position:outside;}

/*首頁達人分享*/
#share  {width:670px; margin-left:15px;}
#shareitem .item 
{ border-right:#2ba9c0 2px solid; font-family: Arial, Helvetica, sans-serif;	font-size: 13px; line-height: 18px;	font-weight: bold; color: #2ba9c0;	text-decoration: none; vertical-align:bottom; padding:5px 8px 0px 8px; width:auto;}
#shareitem .Selecteditem
{ border-right:#2ba9c0 2px solid; font-family: Arial, Helvetica, sans-serif;	font-size: 13px; line-height: 18px;	font-weight: bold; color: #f48a97;	text-decoration: none; vertical-align:bottom; padding:5px 8px 0px 8px; width:auto;}
#shareitem a:hover { text-decoration: underline; color: #f48a97;}

#shareperson th,#share-page th { background-color:#f2f2f2; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#898989; font-weight: normal; padding:8px 0px 5px 0px;}
#shareperson td,#share-page td { border-bottom:1px #5cc2d1 dotted;}
#shareperson .date,#share-page .date{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#5cc2d1; font-weight: normal; padding:8px 0px 5px 0px; text-align:center;}
#shareperson .subject{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight: normal; text-align:left; text-decoration: none;}
#shareperson a:hover {color:#5cc2d1;}
#share-page .subject {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#007b91; font-weight: normal; padding:10px 0px 3px 10px; text-align:left; text-decoration: none;  padding-left:0px 10px 5px 10px;}
#share-page tr .c1 { background-color:#fcfae5; }

.pic { border:1px #FFF solid; float:left;}
.pic2-pink { border:1px #f5b3bd solid;}
.pic3-gray { border:1px #eee solid;}


/*中間產品列表*/
#pro { width:205px; margin:0px 10px 0px 10px;}
#pro td{ border-top:1px #EEE dashed; border-right:1px #EEE dashed;}
#pro_event_word { border:1px #ee1c24 solid; font-size:13px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; color:#ee1c24; background-color:#fff200; float:right;padding:0px 5px 0px 5px; *padding:2px 5px 0px 5px; margin:3px 3px 0px 0px; text-decoration: blink;}

/*路徑*/
#path {font-size:13px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; color:#FFF; margin:8px 0px 3px 40px;}
#path a:link {font-size:12px;  font-weight:bolder;font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#path A:visited{ font-size:12px; color:#FFF; text-decoration: none; font:bolder; font-weight:bolder;} 
#path A:hover { font-size:12px; color:#fff200; text-decoration: none;  font-weight:bolder;} 

/*右列選項列表*/
#prolist UI { padding-top:50px;}
#prolist LI { list-style-image:url(image/icon02.gif); list-style-position:outside; font-size:15px;font-weight:bolder; font-family:Arial, Helvetica, sans-serif; color:#FFF; list-style-type: none; margin:0px 0px 0px -20px; *margin:0px 0px 0px -24px;}
#m1 LI { list-style-image:url(image/icon03.gif); list-style-position:inside; height:18px;  font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#aef3ff; padding:5px 0px 0px 0px;}
#m1 OL  { list-style: none; margin:0px 0px 0px -60px; *margin:0px 0px 0px -20px;}
#m1 A:link  { font-size:13px; color:#aef3ff; text-decoration: none;} 
#m1 A:visited{ font-size:13px; color:#aef3ff; text-decoration: none;} 
#m1 A:hover { font-size:13px; color:#fff200; text-decoration: none;} 

/*右列產品推薦*/
#product .pic{ border:1px #aeaeae solid; float:left; margin:3px 3px 3px 0px; vertical-align:middle;}
#product .buy{ float:left; margin:3px 3px 3px 0px;}
#product td {border-bottom: 1px #fff dotted;}
#product UL {width:200px;}
#product li { list-style:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:13px; margin:5px 5px 10px -35px;}
#product p{clear:left; border-bottom:1px #FFF dotted; margin:10px 0px 0px -40px; *margin:10px 0px 0px 0px;}
#product A:link  { color:#FFF; text-decoration: none; font-weight:bolder;} 
#product A:visited{  color:#FFF; text-decoration: none; font-weight:bolder;} 
#product A:hover { color:#fff200; text-decoration: underline;} 

/*產品說明*/
#detail .td{ border-bottom:1px #EEE dashed; height:15px;}
#detail li{ list-style-image:url(image/star.gif); list-style-position:outside; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; margin:5px 5px 0px 30px; *margin:5px 5px 0px 20px;}
#detail .pic { float:right; margin-top:20px;}
#detail p {margin-left:-0px; *margin-left:-20px;}


#detailcontent h1,#detailcontent2 h1,#detailcontent3 h1, #detailcontent4 h1,#detailcontent5 h1{ background-image:url(image/content_bg.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#005b7f; font-weight: bolder; height:25px; padding:6px 0px 3px 10px; }
#detailcontent li,#detailcontent2 li,#detailcontent3 li,#detailcontent4 li,#detailcontent5 li {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#636363; font-weight: normal;list-style:none; list-style-position: outside; margin:-10px 0px 10px 15px; *margin:-15px 0px 0px 10px;  }

/*加入會員表格*/
#member table { background-color:#FFF; border-collapse:collapse; }
#member td { border:none; padding: 8px 8px 8px 15px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal ; border:thin solid #d6f0f3; *border: 1 solid #d6f0f3;  }
#member .head1 { background-color:#f5fdfb; width:130px; *width:120px; text-align:center;}
#member .word { color:#898989; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal ;}
#member .rule { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal ; width:100%;}
#member .group1 { background-color:#f5fdfb; text-align:center;}
#member .group2 { background-color:#a0d7e0; text-align:center;}

/*memberorder 會員訂單; memberorderlist 訂單資料; memberdetail-展開的詳細清單 */
#memberorder { margin-left:35px;}
#memberorder table{ background-color:#FFF; border-collapse:collapse;}
#memberorder td { border:none; padding: 8px 0px 8px 0px; border:thin solid #edfafb; *border: 1 solid #edfafb; height:35px;}

#memberorder .bg { background-color:fffee7;}
#memberorder .order { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder ; text-align:center;}
#memberorder .order-c { color:#007b91; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal; text-align:center;}

#memberorderlist table, { background-color:#FFF; border-collapse:collapse;}
#memberorderlist td { border:none; padding: 8px 0px 8px 0px; border:thin solid #edfafb; *border: 1 solid #edfafb;  }
#memberorderlist .bg,#memberdetail .bg { background-color:d5eff2;}
#memberorderlist .bg2 { background-color:fffef2;}
#memberorderlist .list { color:#007b91; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder ; text-align:center;}
#memberorderlist .list-c { color:#636363; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal; text-align:center;}
#memberorderlist .word { color:#963; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;}
#memberdetail { margin-left:35px; }
#memberdetail table { border-collapse:collapse; border:none;}
#memberdetail td { vertical-align:top;}
#memberdetail .list { color:#007b91; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder ; margin:10px 3px 0px 5px;}
#memberorder a:hover, memberorderlist a:hover, #memberdetail a:hover{ color:#f79520;}

/*分享情報*/
.table_line td{ border:1px #eee solid;}
#share-detail table {border:1px #fce1e5 solid; background-color:#fef5f7;}
#share-detail2 td{ border-bottom:1px #fce1e5 solid; border-right:1px #fce1e5 solid; padding:8px 8px 6px 0px;}
#share-detail2 a:link { font-family: Arial, Helvetica, sans-serif;	font-size: 13px; line-height: 18px;	font-weight: bold; color: #2ba9c0; text-decoration: none;}
#share-detail2 a:hover { color: #f48a97;}

/*美人分享*/
#share-list { margin:15 0 0 -47; *margin:0;}
#share-list table {border:1px #fce1e5 solid; background-color:#fffdfd; height:200px; width:200px;}
#share-list td{ border-bottom:1px #fce1e5 dashed;}
#share-list .word {	font-family: Arial, Helvetica, sans-serif; font-size: 13px;	line-height: 18px; font-weight: normal;	color: #000; text-decoration: none; padding:10px 3px 0px 6px;}
#share-list2 table {border:1px #fffdfd solid; height:50px;}
#share-list2 td{ border-bottom:1px #fffdfd dashed;border-top:1px #fffdfd dashed;}
#share-list .pic {position: relative;left:208px ; top:182px; *left:157px ; *top:198px; clear:both;}

/*團購表格*/
#group td { background-color:#D6F0F3; height:1px;}
#group2 .head1 { background-color:#5cc2d1; text-align:center;}
#group2 .head2 { background-color:#f2fcff;}
#group2 .head3 { background-color:#fffef2;}

#group2 td { height:20px; padding:5px;}
#group2 .word { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bolder ; padding-top:3px 0px 5px 0px; line-height: 25px;}
#group2 .word2 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal ; text-align:center; line-height: 25px}
#group2 .price { color:#cc3300; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder ; padding-left:25px; text-align:left;}
#group2 .price2 { color:#cc3300; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bolder ;}
#group .box {width:35px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight: normal;color: #C30; padding:3px 0px 0px 0px;}
.table{ border-top:2px #0098b3 solid; border-bottom:2px #54bdd0 solid;}

/*購物車*/
#car table { border:1px #a0d7e0 solid; background-color:#FFF; border-collapse:collapse;}
#car td { border:thin #edfafb solid; *border:1px #edfafb solid; padding:5px; width:auto;}
#car .head1 { background-color:#5cc2d1; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bolder ; padding:5px 0px 5px 0px; text-align:center;}
#car .head2 { background-color:#f2fcff; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal ; padding:5px 0px 5px 0px;}
#car .head3 { background-color:#fffef2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal ; padding:5px 0px 5px 0px;}
#car .price {color:#C30; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal ;}
#car .gift {color:#C30; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bolder ; padding-left:20px;}
#car_step .off { color:#33afc5; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bolder ; padding:3px 20px 10px 20px; background:url(image/step_bg_off.gif); height:31;}
#car_step .on { color:#c10913; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bolder ; padding:3px 20px 10px 20px; background:url(image/step_bg_on.gif); height:31;}

/*sitemap*/
#sitemap td{border-bottom:1px dashed #CCC; height:50px; padding-left:15px;}

a:hover {
	text-decoration: underline;
}
.y13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	color: #f7941d;
}

.y16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: bolder ;
	color: #f7941d;
	}
.y30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: bolder ;
	color: #f7941d;
	}
	
.y13_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff200;
}
.y15_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #fff200;
}
.g13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #b7b7b7;
}
.g13_deep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #898989;
}
.g15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 30px;
	font-weight: bolder;
	color: #898989;
}.red13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #C30;
	text-decoration: none;
}
.red15b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #C30;
	text-decoration: none;
		font-weight: bolder;
}.black15b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
	font-weight: bolder;
	color: #000;
	text-decoration: none;
	letter-spacing:2px;
}
.pink13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #ef8697;
	text-decoration: none;
	letter-spacing:2px;
}
.pink13b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bolder;
	color: #ef8697;
	text-decoration: underline;
	letter-spacing:2px;
}
.pink15b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
	font-weight: bolder;
	color: #ef8697;
	text-decoration: none;
	letter-spacing:2px;
}
.coffee13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #ac6a00;
	text-decoration:none;
}
.g12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #959595;
}
