@charset "utf-8";

body{ border:0; margin:0; padding:0; position:relative; background-color:#FFF0DD; }

#main_body{ z-index:50; border:0; margin:0 auto; padding:0; min-width:980px; min-height:768px; width:980px; height:auto; background-color:#fff; position:relative; }

a img{ border:0; }
a:hover img{ -moz-opacity:0.7; opacity:.70; /*filter:alpha(opacity=70);*/ }

p{ border:0; margin:0; padding:0;line-height:2em; font-size:14px; }
p a{ color:#21172d; font-weight:normal; text-decoration:none; }
p a:hover{ color:#FF6013; text-decoration:none; }


/* Header ========================================================== */
#header_div{ margin:0; padding:0; width:100%;  border-bottom:1px solid #df0024; position:relative; }
/* Nav */
.nav_div{ margin:0; padding:0; width:auto; height:auto; float:right; }
/* Nav 文字 */
#nav_items_div{ margin:0; padding:0; width:500px; height:35px; float:right;  }
#nav_items_div ul{ margin:0; padding:10px 5px 0 25px; list-style-type:none; font-size:12px; }
#nav_items_div ul li{ float:left; }
#nav_items_div ul li a{ display:block; margin:0; padding:0 8px; width:auto; height:auto; text-decoration:none; color:#663300; background-image:url(/templates/1/8/images/divider_coffee.gif); background-repeat:no-repeat; background-position:right 4px; }
#nav_items_div ul li a:hover{ color:#999; }
#nav_items_div ul li.noline_li a{ background-image:none; }
#nav_items_div ul li.target_li a{ color:#999; }

/* Logo */
/* .logo_div{ display:block; margin:0; padding:0; width:150px; min-height:150px; overflow:hidden; float:left; *height:150px;} */
.logo_div{ display:block; margin:0; padding:0; max-width:150px; height:auto; overflow:hidden; float:left; width:e­xpression(document.body.clientWidth > 150? "150px": "auto" ); }
.logo_div a{ width:156px; height:54px; text-decoration:none; }
.logo_div a:hover{ }

/* Items 文字 */
/* .items_div{ margin:0; padding:0; width:auto; min-height:80px; min-width:400px; max-width:780px; _width:780px; width:expression( this.clientWidth > 780? 780:auto ); overflow:hidden; float:left; *height:80px;} */
.items_div{ margin:0; padding:0; width:auto; min-height:80px; min-width:400px; max-width:980px; _width:980px; width:expression( this.clientWidth > 980? "980px":auto ); overflow:hidden; float:left; *height:80px;}
.items_div ul{ list-style-type:none; float:left; margin:0; padding:10px 0 0 30px; width:auto; height:auto; }
.items_div ul li{ margin:0; padding:0; float:left; }
.items_div ul li a{ display:block; margin:2px 1px; padding:0; width:105px; height:60px; text-decoration:none; font-size:16px; color:#fff; font-weight:bold; background-color:#e00024; line-height:60px; text-align:center; }
.items_div ul li a:hover{ width:103px; height:58px; background-color:#fff; color:#e00024; border:1px solid #e00024; }
.items_div ul li.target_li a{ width:103px; height:58px; background-color:#fff; color:#e00024; border:1px solid #e00024; }

/* pack_div ==========================================================*/
#pack_div{ z-index:100; border:0; margin:0; padding:0; width:100%; height:auto; min-height:320px; border-bottom:1px solid #df0024; }
/* 左邊 ------------------------------------------------ */
#left_div{ margin:0; padding:0; width:500px; min-height:120px; height:auto; float:left; overflow:hidden; background-color:#eee; }
/* add_top */
.add_top_div{  margin:0; padding:0; width:100%; height:auto;  background-color:#CCC;overflow:hidden; }
/* 大圖 */
.big_pic_div{ margin:10px auto; padding:0; width:500px; height:auto; overflow:hidden; }
.add_down_div{  margin:0; padding:0; width:100%; height:auto; background-color:#AAA; }

.middle_div{ margin:0; padding:0; max-width:250px; min-height:120px; height:auto; float:left; overflow:hidden; position:relative; }
.news5_div{ margin:0; padding:8px 0 15px 0; width:100%; height:auto; float:left; }
.news5_cnt_div{ margin:0; padding:0 0 10px 0; background-color:#9AD924;/*#9fcc4d;*/ }
.news5_title_div{ margin:0; padding:6px 0 0 10px; width:auto; height:26px; border-bottom:1px solid #fff; }
/*img#news5_pic_img{ }*/
h3.news5_title_h3{ margin:0; padding:2px 0 0 0; width:auto; height:auto; float:left; overflow:hidden; color:#000; font-size:16px; }
h5.news5_title_h5{ margin:0; padding:6px; width:auto; height:auto; overflow:hidden; float:right; font-size:12px; letter-spacing:1px; color:#959595; }
h5.news5_title_h5 a{ text-decoration:none; color:#959595; }
h5.news5_title_h5 a:hover{ color:#FF99CC; }
/* news5_ 重複區域 */
.news5_review_div{ margin:0; padding:6px 0 0 10px; width:auto; height:auto; clear:left; overflow:hidden; }
img.i_img{ display:inline-block; margin:0; padding:3px 1px 0 1px; width:auto; height:auto; vertical-align:text-top; }
.item_pic_div{ display:inline-block; margin:0 0 0 5px; padding:0 2px 0 0; width:7px; height:12px; overflow:hidden; background-image:url(/templates/1/8/images/i_4.png); background-repeat:no-repeat; background-position:left top; }
p.news5_review_text_p{ display:inline-block; margin:0; padding:0; width:92%; height:auto; overflow:hidden; color:#ACACAC; *display:inline; *zoom:1; font-size:14px; text-align:left; vertical-align:top; text-align:justify; }
p.news5_review_text_p a{ margin:0; padding:0; color:#910656; letter-spacing:1px; }
p.news5_review_text_p a:hover{ color:#fff; background-color:#553900; }


/* 產品縮圖 */
#prod_pic_div{ margin:0 7px; padding:12px 12px 0 12px; width:100%; height:auto; min-height:320px; background-image:url(/templates/1/8/images/bg_prod2.jpg); background-repeat:no-repeat; background-position:left top; clear:left; }
#prod_pic_div h3{ margin:0; padding:0 0 8px 4px; width:86; height:auto; overflow:hidden; color:#fff; }
.pic_s_div{ margin:3px; padding:0; width:140px; height:125px; float:left; background-image:url(/templates/1/8/images/m1.jpg); background-repeat:no-repeat; background-position:left top; border:1px solid #b94b8a; text-indent:-9999px; }
.pic_s_div a{ display:block; width:140px; height:125px; }
.pic_s_div a:hover{ -moz-opacity:0.7; opacity:.70; }



.right_div{ margin:0; padding:0; width:auto; height:auto; float:right;min-width:130px; background-color:#cdc0ba;max-width:220px; }

.mushroom_flow_div{ margin:0; padding:0; }
.mushroom_flow_div h3{ margin:14px auto; padding:0; width:85px; height:auto; overflow:hidden; }
.mushroom_flow_div #order_div{ margin:0; padding:0; width:115px; min-height:300px; height:auto; }
.mushroom_flow_div #order_div ul{ list-style-type:none; margin:5px 0 0 0; padding:0; width:100%; height:auto; }
.mushroom_flow_div #order_div ul li{ display:block; margin:0; padding:1px 0 0 0; }
.mushroom_flow_div #order_div ul li a{ display:block; margin:0; padding:0; width:100%; height:60px; text-decoration:none; font-size:14px; color:#59463f; font-weight:bold; background-color:#cdc0ba; line-height:60px; text-align:center; border:1px solid #fff; }
.mushroom_flow_div #order_div ul li a:hover{ background-color:#59463f; color:#cdc0ba; }
.mushroom_flow_div #order_div ul li.target_li a{ background-color:#59463f; color:#cdc0ba; }


.footer_div{ margin:0; padding:0; clear:both; width:980px; height:120px; overflow:hidden;/* background-image:url(images/bg_footer.jpg);*/ background-repeat:no-repeat; background-position:bottom left; position:relative; }
#footer_bg_div{ margin:0; padding:0; width:100%; height:120px; overflow:hidden; /*background-image:url(/templates/1/8/images/bg_footer.jpg);*/ background-repeat:no-repeat; background-position:left top;}

#copyright_div{ margin:0; padding:0; width:480px; height:80px; overflow:hidden; float:left; position:absolute; bottom:25px; left:300px; }
p.copyright_p{ margin:0; padding:0; width:auto; height:auto; letter-spacing:1px; line-height:1.6em; font-size:12px; color:#59463f; }
p.copyright_p a{ /*color:#996699;*/ color:#df0023; }
p.copyright_p a:hover{ color:#597722; }
span#temp1_span{ margin:0; padding:0 5px; color:#597722; }


#place_10{ z-index:150;  width:auto; height:auto; overflow:hidden; position:absolute; bottom:0; left:50px; }