body { background:url(images/bg2.jpg) repeat #fbece3;}
#append-btn, #append-list{display:none !important;}
img{vertical-align:top;}
.content{width:auto; margin:0 auto; text-align:center; background:url(images/content_bg.png) repeat-x center top; padding:0 0 30px 0;}
/*主視覺*/
.visual{width:auto; margin:0 auto; background:url(images/visual_bg.png) no-repeat center top; }
.vd{margin:0 auto; width:950px; text-align:center; }

/*menu*/
.menubar{margin:0 auto; text-align:center; width:auto;  position:relative; background:url(images/menu_bg.png) repeat-x center top; height:65px;}

.menubar ul{list-style-type:none; text-align:center; margin:0 auto; width:950px; padding-top:15px;  }
.menubar ul li{display:block; float:left; text-decoration:none; margin:0 3px;}
.menubar li + li{}
.menubar li a:link, .menubar  li a:visited{color:#FFFFFF; font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; font-weight:bold; font-size:19px; text-shadow:0 1px 1px #e42624;  padding:6px 9px; border-radius:4px; text-decoration:none;}
.menubar li.active a, .menubar li:hover a{background-color:#a76a5c; text-shadow:none; text-decoration:none;} 

/* 黏住時 */
.fixing .menubar{position:fixed; width:100%; top:0; z-index:9998 !important;}

/*介紹文*/
.foreword, .product{margin:0 auto; width:950px; box-sizing:border-box; font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;  }
.foreword h3, .product h3{border-left:7px solid #011f92; color:#333; font-size:24px; padding:0 0 0 14px; margin:20px 0 10px;  text-align:left; }
.foreword p{color:#663c32; font-size:18px; padding-left:20px; text-align:left; margin:20px 0;}

/*step2-嵌入*/
.foreword iframe{ margin:30px 0; }
.order{ display:block; text-align:right; padding-right:3px;}
.order a, .order a:link, .order a:visited, .order a:hover{ display:inline-block; background:url(images/buy.png) no-repeat left top; width:152px; height:40px; margin:0 0 0 6px; font-size:22px; font-weight:bold; text-decoration:none; color:#fff; vertical-align:middle; text-align:center; letter-spacing:1px;}
.order a:hover{ background:url(images/buy.png) no-repeat left -40px;}
.order a span{ display:block; padding-top:3px;}
.order a:hover span{padding-top:4px;}

/*商品*/
.product h3{border-left:none; background:url(images/p01.png) no-repeat; padding:0 0 0 32px; }
/*C26*/
.ph{font-size:20px; font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; margin-top:10px; position:relative; }
.ph-img{display:none;}
.ph-title{ margin-bottom:10px;}
.group-type-ph{ font-size:18px;  margin:0 0 15px 8px; width:100%; text-align:left; }

.group-type-ph a, .group-type-ph a:link, .group-type-ph a:visited{color:#06c; display:block; text-decoration:none; padding:.5em 1em;  border-bottom:1px #bbb79e dashed; height:230px; overflow-y:hidden;}
.group-type-ph a:hover, .group-type-ph a:active{ background:#eac5c5;  }
.ph-detail{color:#996666; font-size:18px; }
.ph-detail img{ float:left; margin-right:10px; width:240px; height:160px;}
.ph-detail var{ font-size:14px; font-style:normal; background:#ff95cc; border-radius:4px; color:#FFF; padding:2px 5px 3px; }
.group-type-ph a:hover .ph-detail{color:#545454; }
/* .ph-feature{color:#545454; font-size:15px; width:86%;}*/
.ph-feature{ position:absolute; z-index:3; right:10px; bottom:20px;}
.price{position:absolute; z-index:5; right:15px; bottom:64px;}
.price, .price i{ color:#C00; font-style:normal; float:right; font-size:16px; margin-top:8px;}
.price span{ font-size:24px;}

