@charset "utf-8";

/********************************
	FUNCTION
********************************/
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1;display:block}
.hide{display:none;}


/********************************
	BODY
********************************/
::-moz-selection{ background:#FFFF00; color:#000;}
::selection{ background:#FFFF00; color:#000; text-decoration:none;}
*:focus { outline: 0;}
a{ color:#666;}
a:hover{ color:#7EB426;}
html{ width:100%; }
body{ font-family:'serif'; font-size:12px; line-height:1.5; width:100%; color:#555; background:#fff;}


#loader{ position:fixed; top:0; left:0; background:#fff url(../img/loader.gif) center no-repeat; z-index:998; width:100%; height:100%;}
#g_header{ width:100%; background:#fff; position:relative; z-index:999;}
.w1100{ width:1100px; margin:0 auto;}
#g_header .w1100{ padding:10px 0;}
#g_header .logo{ float:left;}
#g_header .logo img{ width:100%; transition:.2s;}
#g_header .logo:hover img{ opacity:.6;}
#g_nav{ float:right; width:77%; text-align:right;}
#g_nav li{ display:inline-block; margin:20px 1%; position:relative;}
#g_nav li a{ display:block; padding:10px;}
#g_nav li.current a{ color:#7EB426;}
#st-trigger-effects{ display:none; }
#st-trigger-effects button{ cursor:pointer; border:0; background:url(../img/lay_3.png); width:50px; height:50px; float:right; margin-top:13px;}
#g_nav li .cus-icon-facebook{ background:url(../img/lay_11.png); width:32px; height:32px; position:absolute; top:17px; left:0; transition:.2s;}
#g_nav li .cus-icon-facebook:hover{ opacity:.8;}

#idx_banner{ width:100%; clear:both; position:relative;}
#_m_idx_banner{ width:100%; display:none; clear:both;}
#idx_banner img{ width:100%;}
#_m_idx_banner img{ width:100%;}

#idx_banner .owl-prev{ position:absolute; top:40%; left:0;}
#idx_banner .owl-next{ position:absolute; top:40%; right:0;}
#idx_banner .owl-nav{ visibility:hidden; opacity:0; transition:.2s;}
#idx_banner .owl-prev{ position:absolute; top:40%; left:3%; background:url(../img/lay_2.png); width:40px; height:70px; text-indent:-9999px; transition:.2s;}
#idx_banner .owl-next{ position:absolute; top:40%; right:3%; background:url(../img/lay_2.png) 40px 0; width:40px; height:70px; text-indent:-9999px; transition:.2s;}
#idx_banner:hover .owl-nav{ visibility:visible; opacity:1;}
#idx_banner:hover .owl-prev{ left:0;}
#idx_banner:hover .owl-next{ right:0;}
#idx_banner .owl-next:hover,#idx_banner .owl-prev:hover{ opacity:.6;}


#idx_about{ width:40%; float:left; padding-top:3%; line-height:2;}
#idx_about h2{ font-family:華康粗明體, 微軟正黑體; font-size:20px; padding-bottom:10px;}

#idx_qrcode{ border-top: 1px dotted #ccc; padding-top: 20px; margin-top: 20px; padding-bottom: 20px;}
#idx_qrcode img{ width:100px; float:left; padding-right:20px; margin-left:-8px;}
#idx_qrcode h3{ font-family:華康粗明體, 微軟正黑體; font-size:20px; padding-bottom:10px;}
#idx_qrcode p{}


#idx_product{ width:55%; float:right; padding:10px 0 30px;}
#idx_product ul li{ float:left; width:100%; text-align:center;}
#idx_product ul li:hover img{ opacity:.8;}
#idx_product ul li img{ width:100%; transition:.2s;}
#idx_product ul li h3{ font-family:微軟正黑體; font-size:15px; color:#000; font-weight:bold;}
#idx_product ul li .txt{}
#idx_product ul li .price{ font-size:15px; padding-left:10px;}

#idx_product .owl-nav{ visibility:hidden; opacity:0; transition:.2s;}
#idx_product .owl-prev{ position:absolute; top:40%; left:0; background:url(../img/lay_2.png); width:40px; height:70px; text-indent:-9999px; transition:.2s;}
#idx_product .owl-next{ position:absolute; top:40%; right:0; background:url(../img/lay_2.png) 40px 0; width:40px; height:70px; text-indent:-9999px; transition:.2s;}
#idx_product:hover .owl-nav{ visibility:visible; opacity:1;}
#idx_product:hover .owl-prev{ left:-5%;}
#idx_product:hover .owl-next{ right:-5%;}
#idx_product .owl-next:hover,#idx_product .owl-prev:hover{ opacity:.6;}

#g_footer{ background:#eee; clear:both; line-height:2;}
#g_footer .w1100{ background:url(../img/lay_1.png) no-repeat 100% 100%; padding:40px 0;}
#ft_news{ width:30%; float:left;}
#ft_news h2{ font-size:20px; font-family:華康粗明體, 微軟正黑體;}
#ft_news ul{ margin-top:10px;}
#ft_news ul li{}
#ft_news ul li h3{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#ft_sitemap{ width:30%; float:left; margin-left:5%;}
#ft_sitemap h2{ font-size:20px; font-family:華康粗明體, 微軟正黑體;}
#ft_sitemap ul{ margin-top:10px;}
#ft_sitemap ul li{ width:50%; float:left;}

#ft_contact{ width:30%; float:left; margin-left:5%;}
#ft_contact .logo{ width:45%;}
#ft_contact h2.hide{ font-size:20px; font-family:華康粗明體, 微軟正黑體;}
#ft_contact dt,#ft_contact dd{ float:left;}
#ft_contact dt{ clear:both; width:12%;}
#ft_contact dd{ width:88%;}


.ft_copyright{ clear:both; background:#97834D; color:#fff; text-align:center; padding:10px 0; letter-spacing:1px;}


#about_page{ padding-bottom:5%;}
#about_page img{ width:100%;}
#about_page li{ width:50%; float:left; padding:3% 0;}
#about_page li h3{ font-size:20px; font-family:華康粗明體, 微軟正黑體;}
#about_page li p{ width:80%; padding-top:3%;}

.cus_bg1{ background:url(../img/lay_4.jpg) repeat-x;}
.cus_bg2{ background:url(../img/lay_9.jpg) no-repeat right top;}
#traceab_list{ padding:80px 0;}
#traceab_list li{ width:30%; float:left; margin-right:5%; text-align:center; margin-bottom:20px; position:relative;}
#traceab_list li:nth-child(3n){ margin-right:0;}
#traceab_list li img{ width:100%; transition:.2s;}
#traceab_list li h3{ font-family:微軟正黑體; color:#000; font-size:15px; margin-bottom:5px; font-weight:bold;}
#traceab_list li .txt{ letter-spacing:1px;}
#traceab_list li:hover img{ opacity:.8;}

.ta_bg{ background-repeat:no-repeat; background-position:center top;}
#traceab_detail{}
#traceab_detail header{ width:40%; text-align:center; margin:10% 7% 10% 53%;}
#traceab_detail header .t1{ letter-spacing:3px; border-top:1px solid #999; border-bottom:1px solid #999; padding:5px; width:60%; margin:0 auto; position:relative;}
#traceab_detail header .t2{ color:#7EB426; font-size:50px; margin:10px 0; font-family:華康中明體; position:relative;}
#traceab_detail header .t3{ color:#333; font-size:25px; font-family:"Times New Roman", Times, serif; margin:10px 0 20px; position:relative;}
#traceab_detail header .t4{ text-align:left; width:90%; margin:0 auto; position:relative;}

#traceab_detail article{ clear:both;}
#traceab_detail article h3{ color:#7EB426; font-size:35px; text-align:center; font-weight:bold; font-family:華康中明體; transform:skewX(-10deg);}
ul.ta_timeline{ background:url(../img/lay_5.gif) repeat-y center top; clear:both;}
ul.ta_timeline li{ width:46%; clear:both; float:left; margin-top:-130px; text-align:right;}
ul.ta_timeline li:first-child{ margin-top:50px;}
ul.ta_timeline li:nth-child(even){ float:right; text-align:left;}
ul.ta_timeline h4{ float:right; width:60%;}
ul.ta_timeline .t5{ font-family:Garamond Premier Pro; font-style:italic; color:#7EB426; font-size:60px; float:left; margin-top:-18px;}
ul.ta_timeline .t6{ }
ul.ta_timeline .t7{ font-size:20px; font-family:華康粗明體, 微軟正黑體;}
ul.ta_timeline li img{ max-width:100%; display:inline-block;}
ul.ta_timeline li:nth-child(even) h4{ float:left;}
ul.ta_timeline li:nth-child(even) h4 .t5{ float:right;}

ul.ta_timeline li:last-child{ width:100%; margin-top:0; padding-top:40px; background:#fff; float:none; text-align:right; }
ul.ta_timeline li:last-child .t8{ clear:both; text-align:center;}
ul.ta_timeline li:last-child h4{ width:64%; float:none;}


.sbt_1{ background:#D6E1DE; padding:10px 20px; color:#000; font-size:15px; font-family:微軟正黑體; transition:.2s;}
.sbt_1:hover{ opacity:.6; color:#000;}
.sbt_2{ background:#BB272E; padding:10px 20px; color:#fff; font-size:15px; font-family:微軟正黑體; transition:.2s;}
.sbt_2:hover{ opacity:.8; color:#fff;}
.sec_bt_1{ text-align:center; padding:3% 0 8%; clear:both;}
.sec_bt_1 a{ margin:2%;}




.pager{ text-align:center; padding:2% 0 4%; clear:both;}
.pager a{ font-family:"Times New Roman", Times, serif; font-size:20px; color:#000; background:#D6E1DE; width:30px; height:30px; border-radius:30px; margin:1%; display:inline-block; transition:.2s;}
.pager a:hover{ opacity:.6;}
.pager a.current{ background:none; cursor:default;}

#news_list{}
#news_list li,#news_list2 li{ width:23.5%; background:#F7F1EA; float:left; margin-bottom:2%;}
#news_list li:hover img,#news_list2 li:hover img{ opacity:.8;}
#news_list li img,#news_list2 li img{ width:100%; transition:.2s;}
#news_list .txt,#news_list2 .txt{ padding:5% 8% 15%; line-height:1.8;}
#news_list li h3,#news_list2 li h3{ font-size:20px; font-family:微軟正黑體; color:#000;}
#news_list li time,#news_list2 li time{ color:#999; font-size:12px; border-bottom:1px dotted #999; display:inline-block; margin-left:-9%; padding:5px 10% 10px 10%; margin-bottom:15px; }
#news_list li.gutter-sizer,#news_list2 li.gutter-sizer{ width:2%;}

#news_detail{ width:68%; float:left;}
#news_detail header{ border-bottom:1px dotted #999; padding-bottom:1.5%; margin-bottom:4%;}
#news_detail header h2{ font-size:30px; font-family:微軟正黑體;}
#news_detail header time{ color:#999;}
#news_detail header .viewer{ color:#999; float:right;}
.ck_zone{ line-height:1.8;}
.ck_zone img{ max-width:100%;}

#news_list2{ width:28%; float:left; margin-left:4%;}
#news_list2 li{ width:100%; margin-bottom:10%;}


.product_catalog,.product_service{ width:15%; float:left; clear:left;}
.product_catalog h2,.product_service h2{ color:#000; font-size:20px; font-family:華康中明體;}
.product_catalog ul,.product_service ul{ margin-bottom:50%;}
.product_catalog li,.product_service li{ line-height:2;}
.product_catalog li a,.product_service li a{ display:block; padding:2% 0;}
.product_catalog li.current a{ color:#7EB226; cursor:default;}
.product_service a.sbt_1{ white-space:nowrap; display:inline-block;}
.product_service{ margin-bottom:10%;}

#product_list{ width:80%; float:right;}
#product_list ul{ width:100%; float:left;}
#product_list ul li{ float:left; width:31%; margin:1%; text-align:center;}

#product_list ul li img{ width:100%; transition:.2s;}
#product_list ul li h3{ font-family:微軟正黑體; font-size:15px; color:#000; font-weight:bold;}
#product_list ul li .txt{}
#product_list ul li .price{ font-size:15px; padding-left:10px;}
#product_list ul li:hover img{ opacity:.8;}
.sbt_3{ background:#BB272E; width:70px; height:25px; display:inline-block;}

i.icon-cus-cart{ background:url(../img/lay_6.png); width:18px; height:16px; display:inline-block;}
#product_list li .sbt_3 { margin-top:5%;}
#product_list li .sbt_3:hover{ opacity:.8; color:#fff;}
#product_list li .sbt_3 span{ display:none;}
#product_list li .sbt_3 i{ margin-top:5px;}



#product_detail{ width:80%; float:right;}
#product_detail #ss_img{ width:50%; float:left; margin-bottom:3%;}
#product_detail #ss_img img{ width:100%;}
#product_detail .pdi_1{ float:right; width:45%;}
#product_detail .pdi_1 header h2{ font-size:35px; font-family:微軟正黑體;}
#product_detail .pdi_1 span{ color:#999;}
#product_detail .pdi_1 .deco_1{ border-bottom:1px solid #ccc; margin:5% 0;}
#product_detail .pdi_1 .price{ color:#BA262D; font-family:"Times New Roman", Times, serif; font-size:20px; float:left;}
#product_detail .pdi_1 .price .num{ color:#BA262D; font-size:30px; transform:skewX(-10deg); display:inline-block;}
#product_detail .pdi_1 .sbt_4{ background:#BB272E; display:inline-block; padding:5px 40px; float:right;}
#product_detail .pdi_1 .sbt_4:hover{ opacity:.8; color:#fff;}
#product_detail .pdi_1 .sbt_4 span{ color:#fff; font-size:20px; font-family:華康中明體;}
#product_detail .pdi_1 .sbt_4 i{ margin-top:5px;}


.ck_zone{ clear:both;}
.ck_zone h3{ font-size:20px; font-family:華康中明體; color:#000; clear:both;}
.ck_zone img{ max-width:100%;}

.pdi_how_to_eat{ margin-bottom:5%;}
.pdi_how_to_eat h3{ position:relative; top:42px;}
.pdi_how_to_eat ul{ float:left;}
.pdi_how_to_eat li{ border-bottom:1px solid #ddd; float:left;}
.pdi_how_to_eat li:last-child{ border-bottom:none;}
.pdi_how_to_eat li h4{ color:#1F503F; font-size:20px; font-family:微軟正黑體; font-weight:bold; width:16%; float:left; margin-top:7%;}
.pdi_how_to_eat li p{ width:25%; margin:0 2%; float:left; margin-top:8%;}
.pdi_how_to_eat li img{ width:55%; float:left;}

.pdi_certificate img{ width:100%;}
.pdi_certificate ul{ display:none;}
.pdi_certificate li{ background:url(../img/lay_7.png) no-repeat; text-indent:30px; }

.pdi_certificate2 li{ width:18%; margin:0 2% 2% 0; float:left; text-align:center; position:relative;}
.pdi_certificate2 li img{ border:1px solid #ccc; box-shadow:2px 2px 5px rgba(0,0,0,.3); width:100%;}
.pdi_certificate2 li .icon-zoomIn{ width:100%; height:0; padding-bottom:140%; position:absolute; top:10px; left:0; background:url(../img/lay_10.png) no-repeat center; visibility:hidden; opacity:0; transition:.2s;}
.pdi_certificate2 li:hover i{ visibility:visible; opacity:1; top:0;}
.pdi_certificate2 h4{ font-size:15px; padding:5% 0;}

#contact_page{ padding:5% 0; width:70%;}
#contact_page>h2{ color: #000; font-size: 20px; font-family: 華康粗明體, 微軟正黑體;}
#contact_page .s_form_1 li{ border-bottom:1px solid #ddd;}



/********************************
	CART
********************************/
#cart_page{ margin-bottom:5%;}
#cart_page>h2{ color: #000; font-size: 20px; font-family: 華康粗明體, 微軟正黑體;}


.pdIdx_filter{ text-align:center;}
.pdIdx_filter a{ padding:5px 20px; display:block; white-space:nowrap;}
.pdIdx_filter li{ background: #eee; display: inline-block; margin: 2%; line-height:2;}
.pdIdx_filter li.current{ background: #7EB226;}
.pdIdx_filter li.current a{ color:#fff;}

ul.order_steps{ text-align:center;}
.order_steps li { display:inline-block; margin:0 20px; padding-right:67px; background:url(../img/lay_8.png) no-repeat right 50%; text-align:left;}
.order_steps li.last { padding-right:0; background:none;}
.order_steps li div{ width:100px; padding-bottom:10px;}
.order_steps li.current div{ /*border-bottom:3px solid #7EB426;*/}
.order_steps li.current span.s_1{ color:#7EB426;}
.order_steps li span.s_1{ font-size:25px; color:#ccc; display:block; width:100%;}
.order_steps li span.s_2{ color:#333; font-size:15px; font-weight:bold; padding-top:5px; display:block; font-family:華康粗明體, 微軟正黑體;}

ul.order_steps_2{ text-align:center; width:340px; margin:0 auto;}
.order_steps_2 li { margin:0 20px; background:url(../img/lay_p_42.png) no-repeat center bottom; text-align:left; padding-bottom:34px; padding-top:5px;}
.order_steps_2 li.last { padding-bottom:0; background:none;}
.order_steps_2 li div{ width:100%; padding-bottom:10px;}
.order_steps_2 li.current div{ border-bottom:3px solid #FCCB78;}
.order_steps_2 li.current span.s_1{ color:#FCCB78;}
.order_steps_2 li span.s_1{ font-size:25px; color:#ccc; display:inline-block; margin:0 20px;}
.order_steps_2 li span.s_2{ color:#333; font-size:15px; font-weight:bold; padding-top:5px; display:inline-block;}

.order_steps_2 .s_0{ background:url(../img/lay_p_41.png); width:43px; height:43px; display:inline-block; float:left;}
.order_steps_2 .os2i_2{ background-position:0 -43px;}
.order_steps_2 .os2i_3{ background-position:0 -86px;}
.order_steps_2 .os2i_4{ background-position:0 -129px;}
.order_steps_2 .os2i_5{ background-position:0 -172px;}



ul.s_form_1{ }
.s_form_1 li{ border-bottom:1px solid #eee; padding:10px 0;}
.s_form_1 li label{ width:200px; display:block; float:left; text-indent:10px; line-height:27px;}
.s_form_1 li input[type=text],.s_form_1 li input[type=password]{ border:1px solid #ccc; border-bottom:1px solid #ddd; width:30%; height:27px; padding:0 10px; box-shadow:2px 2px 5px rgba(0,0,0,.05) inset;}
.s_form_1 li textarea{ border:1px solid #ccc; width:50.5%; height:100px; padding:0 10px;}

.s_form_1 li select{ border:1px solid #ccc; width:20%; height:27px;}
.s_form_1 label.s_1{ width:auto; float:none;  display:inline-block; }

.s_form_2{}
.s_form_2 li{ margin:5px 0;}
.s_form_2 input[type=text]{ border:none; border-bottom: 1px solid #FCCB78; padding:0 5px;}

.s_form_3{}
.s_form_3 li {padding:15px 0 0; border-top:1px dashed #ddd; border-bottom:0;}
.s_form_3 li label{ width:20%; text-indent:0;}
.s_form_3 li textarea{ border:1px solid #ccc; width:77.5%; padding:1%; min-height:100px;}

.s_tab{ background:url(../img/icon_8.png); height:44px; border-bottom:1px solid #bbb; text-align:center; padding:0 5px; overflow:hidden;}
.s_tab ul{}
.s_tab li a{ display:block; float:left; margin-top:6px; border:1px solid #ccc; border-top-left-radius:5px; border-top-right-radius:5px; background:#eee; margin-right:1px; padding:10px 15px;}
.s_tab li a.current{ border:1px solid #aaa; background:#fff;}

.sep_1{ padding-left:200px;}
.sep_1 div{ width:38%;}
.sep_1 div label{ text-indent:0;}
.sep_1 div input[type=text]{ width:100%; float:left;}


.sub_nav{ margin-bottom:20px; border-bottom:1px solid #666; text-align:right; }
.sub_nav li{ margin:0 0 0 20px; display:inline-block;}
.sub_nav a{ display:inline-block; padding:10px 25px 10px 25px; border-top-right-radius:2px; border-top-left-radius:2px; color:#fff; background:#333; transition:all .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.sub_nav li.current a,.sub_nav li a:hover{ background-color:#FF9900;}


/*Service Talk*/
.s_msg_wrap{}
.s_msg{}
.s_msg .msg_author{	display: inline-block; vertical-align: top; margin: 0;	padding: 0;	line-height: 18px;	width: 20%;}
.s_msg .msg_comment{ position: relative;	display: inline-block;	width: 76.3%; vertical-align: top; padding: 1.5%; background: #f7f7f7;	margin-bottom: 15px; margin-left: 0;}
.s_msg .msg_comment:after{ content: "";	position: absolute;	top: 5px; left: -15px; border-style: solid;	border-width: 10px 15px 10px 0;	border-color: transparent #f7f7f7; display: block; width: 0;	z-index: 1;}
.s_msg .msg_admin .msg_comment{	background: #EBF8D6;}
.s_msg .msg_admin .msg_comment:after{	border-color: transparent #EBF8D6;}


/*mobile*/
._m_s_h2{ display:none;}

._m_cart_tb_1{ background:#f7f7f7; margin-bottom:20px; display:none;}
._m_cart_tb_1 li{ border-bottom:1px dashed #ccc; padding:10px 0;}
._m_cart_tb_1 .label{width:25%; float:left; padding-left:10px;}
._m_cart_tb_1 span{}

._m_faq_subnav{ display:none;}
._m_faq_subnav ul{ border-left:1px solid #ddd;}
._m_faq_subnav li{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:45.6%; float:left; padding:1% 2%;}
._m_faq_subnav li.current{ background:#E0EFEF;}
._m_faq_subnav li a{ padding:5px 10px; display:block;}

.rwd_table{ width:100%;}
.rwd_table .label{ display:none; width:25%; float:left; padding-left:3%;}


/*ibox*/
.ibox{ background:#fff; width:800px; margin:0 auto;}
.ibox_epaper{}
.ibox_login{}
.ibox_forgotPsw{ width:400px;}


.side_l,.side_r{ float:left; padding:3% 8%; margin:4% 0; width:33.9%;}
.side_l{ border-right:1px solid #ddd;}
.side_c{ padding:3% 8%; margin:11% auto; width:68%;}

.ibox h2{ font-size:20px; font-family:華康粗明體, 微軟正黑體;}
.ibox li{ position:relative; margin:10px 0;}
.ibox label{ position:absolute; top:5px; left:10px; color:#666;}
.ibox input[type=text],.ibox input[type=password]{border:1px solid #ccc; border-bottom:1px solid #ddd; width:94%; height:27px; padding:0 10px; box-shadow:2px 2px 5px rgba(0,0,0,.05) inset;}
#ftpsw_captcha, #m_captcha, #edm_captcha, #edm_un_captcha{ width:55%;}


.if_wrap_6{ }
.if_wrap_6 ._b1{ width:0px; height:0px; position:absolute; left:50%; background:red; z-index:1;}
.if_wrap_6 ._b1 img{  position:absolute; top:85px; left:50%; z-index:1; margin-left:-490px;}

#gmap{ width:100%; height:400px;}




.s_tb_1{ width:100%; background:#fff;}
.s_tb_1 thead th,.s_tb_2 thead th{ background:#f7f7f7; height:44px; line-height:44px; text-align:center; padding:0; font-size:17px; color:#666; font-family:華康粗明體, 微軟正黑體;}
.s_tb_1 td{ padding:10px; border-bottom:1px solid #eee; }
.s_tb_1 td.s_1{ background:#F7F1EA; padding:10px; text-align:center;}


.s_tb_2{ width:100%; background:#fff;}
.s_tb_2 tbody td{ padding:5px 0; border-bottom:1px solid #eee; text-align:center;}
.s_tb_2 tfoot td{ padding:5px 10px;}
.s_tb_2 img{ display:inline-block;}

.s_tb_2 .s_4{ float:left; width:100%;}
.s_tb_2 .s_4 i{ width:60px; height:60px; overflow:hidden; display:block; float:left;}
.s_tb_2 .s_4 i img{ width:100%;}
.s_tb_2 .s_4 img{ display:inline-block;}
.s_tb_2 .s_4 .txt{ padding-left:70px; text-align:left;}

.s_tb_1 .s_2,.s_tb_2 .s_1{ text-align:left; padding-left:10px;}

.s_tb_2 .s_3{ border-top:1px solid #eee;}

.s_tb_1 a,.s_tb_2 a{ text-decoration:underline;}
.s_tb_2 .s_4 a{ text-decoration:none;}

.chk_lay{position: relative; top: -32px; left: 200px; margin-bottom: -20px;}

.s_h2{ font-size:16px; font-weight:bold; clear:both; background:#F7F1EA; height:44px; line-height:44px; text-indent:20px;}
.if_wrap_a{ width:960px; margin:0 auto;}
.if_wrap_b{ padding:0 10px;}
.if_wrap_b a{ text-decoration:underline;}
.s_form_1 a{ text-decoration:underline;}

/*reuse*/
.float_left{ float:left;}
.float_right{ float:right;}
.text_right{ text-align:right;}
.s_t1{ color:#FF6666;}
.s_t2{ text-decoration:underline;}
.s_h1{ font-size:16px; font-weight:bold; clear:both; height:44px; line-height:44px;}
.s_h2{ font-size:18px; font-family:華康粗明體, 微軟正黑體; font-weight:normal; clear:both; background:#f7f7f7; height:44px; line-height:44px; text-indent:10px; color:#666;}
a.no_deco{ text-decoration:none;}
.s_note_1{ background:#F7F1EA; border-radius:3px; padding:10px 15px;}




/*FAQ*/
#qaContent {width: 100%; margin-bottom:50px;}
#qaContent ul.accordionPart li .qa_title {

	background:#f7f7f7;
	padding:10px 15px;
	cursor: pointer;
	border-bottom: solid 1px #ddd;
}
#qaContent ul.accordionPart li .qa_title:hover{ opacity:.8}
#qaContent ul.accordionPart li .qa_title_on { /*background:#EBF8D6;*/}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	padding-left:15px;
	padding-top:13px;
	padding-bottom:30px;
}



/********************************
	Owl Transitions
********************************/
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
.fadeOut { animation-name: fadeOut;}


/********************************
	Sidebar Transitions
********************************/
html,body,.st-container,.st-pusher,.st-content{height:100%}
html,body{background:#444}
.st-pusher{background:#fff}
.st-content{overflow-y:scroll; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: chained;}
.st-container{position:relative;overflow:hidden}
.st-pusher{position:relative;left:0;z-index:99;height:100%;-webkit-transition:-webkit-transform .5s;transition:transform .5s}
.st-pusher::after{position:absolute;top:0;right:0;width:0;height:0;content:'';opacity:0;-webkit-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;transition:opacity 0.5s,width .1s 0.5s,height .1s .5s}
.st-menu-open .st-pusher::after{width:100%;height:100%;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}
.st-menu{position:absolute;top:0;left:0;z-index:100;visibility:hidden;width:200px;height:100%;background:#7EB426;-webkit-transition:all .5s;transition:all .5s}
.st-menu::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:'';opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}
.st-menu-open .st-menu::after{width:0;height:0;opacity:0;-webkit-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;transition:opacity 0.5s,width .1s 0.5s,height .1s .5s}
.st-menu ul{position:absolute;top:50%;left:0;margin-top:-190px;width:100%}
.st-menu ul li{width:100%}
.st-menu ul li a{color:#fff;font-size:18px;text-align:center;padding:10px 0;display:block;width:100%}
.st-menu ul li a:hover{background:#fff;color:#000}
.st-effect-11.st-container{-webkit-perspective:1500px;perspective:1500px}
.st-effect-11 .st-pusher{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.st-effect-11.st-menu-open .st-pusher{-webkit-transform:translate3d(100px,0,-600px) rotateY(-20deg);transform:translate3d(100px,0,-600px) rotateY(-20deg);-webkit-filter:grayscale(0) blur(2px);opacity:.8}
.st-effect-11.st-menu{opacity:.95;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.st-effect-11.st-menu-open .st-effect-11.st-menu{visibility:visible;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.st-effect-11.st-menu::after{display:none}
.no-csstransforms3d .st-pusher,.no-js .st-pusher{padding-left:300px}






/********************************
	RWD
********************************/

@media screen and (max-width: 1920px) {
	/*#idx_about{ padding-top:7%;}*/
}
@media screen and (max-width: 1360px) {
	.cus_bg2{ background-position:90% 0;}
}
@media screen and (max-width: 1200px) {
	#idx_about{ padding-top:5%;}
	.w1100{ width:90%;}
}
@media screen and (max-width: 1000px) {
	#g_nav{ width:auto;}
	#g_nav li{ margin:20px 0;}
	#g_nav li a{ padding:10px 5px;}
	#idx_about{ padding-bottom:5%;}
	#ft_contact dt{ width:18%;}
	#ft_contact dd{ width:82%;}
	#ft_contact .logo{ width:60%;}
	#traceab_detail header{ width:50%; margin: 10% 0 10% 50%;}
	ul.ta_timeline h4{ width:80%;}
	#news_list li{ width:31%; margin-bottom:3.5%;}
	#news_list li.gutter-sizer{ width:3.5%;}
	#product_detail .pdi_1 .sbt_4{ padding:5px 20px;}
	.cus_bg2{ background-position:80% 0;}
	#contact_page ul.s_form_1 label{ width:100px;}
	#contact_page ul.s_form_1 label.s_1{ width:auto;}
}
@media screen and (max-width: 820px) {
	#g_nav{ display:none;}
	#st-trigger-effects{ display:block;}
	#idx_product ul{ padding-top:15%;}
	#product_list ul li{ width:48%;}
	.pdi_product_catalog,.pdi_product_service{ display:none;}
	#product_detail{ width:100%;}
	
}
@media screen and (max-width: 700px) {
	.ta_bg{ background-size:176%; background-position:16% top;}
	#traceab_detail header{ width:100%; margin:52% 0 10%; background:#fff;}
	ul.ta_timeline h4{ width:100%;}
	ul.ta_timeline li:last-child h4{ width:76%;}
	#news_list li{ width:48%; margin-bottom:4%;}
	#news_list li.gutter-sizer{ width:4%;}
	#news_list2{ display:none;}
	#news_detail{ width:100%;}
	#product_detail #ss_img{ width:70%; margin:0 auto; float:none;}
	#product_detail .pdi_1{ width:100%; border-bottom:1px solid #ccc; padding-bottom:5%; margin-bottom:5%;}
	#product_detail .pdi_1 .deco_1{ border:none;}
	.pdi_how_to_eat li{ border:none;}
	.pdi_how_to_eat li h4{ width:25%;}
	.pdi_how_to_eat li p{ width:70%;}
	.pdi_how_to_eat li img{ width:77%; margin-left:23%;}
	.pdi_how_to_eat{ margin:10% 0;}
	
}
@media screen and (max-width: 630px) {
	.product_catalog{ width:100%;}
	.product_catalog h2{ clear:both;}
	.product_catalog ul{ text-align:center; margin-bottom:0;}
	.product_catalog li{ background:#eee; display: inline-block; margin:2%; }
	.product_catalog li a{ padding:5px 20px; display:block; white-space:nowrap;}
	.product_catalog li.current{ background:#7EB226;}
	.product_catalog li.current a{ color:#fff;}
	#product_list{ width:100%;}
	.product_service{ width:100%; border-top:1px solid #eee; padding-top:5%; margin-top:5%;}
	.product_service ul{ margin-top:10px;}
	.product_service ul{ margin-bottom:5%;}	
	.pdi_certificate img{ display:none;}
	.pdi_certificate ul{ display:block;}
}
@media screen and (max-width: 600px) {
	#idx_banner{ display:none;}
	#_m_idx_banner{ display:block;}
	#g_header .logo{ width:140px;}
	#g_header .w1100{ padding:0;}
	#st-trigger-effects button{ margin-top:2px;}
	#g_header{ /*position:fixed;*/ z-index:100; margin-top:-57px; box-shadow:0 0 10px rgba(0,0,0,.2);}
	.st-content {padding-top:57px;}
	#idx_about{ width:100%;}
	#idx_product{ width:100%;}
	#idx_product ul{ padding:0;}
	#ft_news{ width:100%;}
	#ft_sitemap{ display:none;}
	#ft_contact{ width:100%; margin-left:0; border-top:1px solid #bbb; margin-top:5%; padding-top:5%;}
	#ft_contact h2.hide{ display:block;}
	#ft_contact .logo{ display:none;}
	#g_footer .w1100{ padding:5% 0;}
	#g_footer{ padding-bottom:57px;}
	#idx_product .owl-nav{ display:none;}
	#about_page{ padding-top:5%;}
	#about_page li{ width:100%;}
	#about_page li p{ width:100%;}
	ul.ta_timeline li{ width:100%; text-align:center; margin:5% 0;}
	ul.ta_timeline li:nth-child(even){ text-align:center;}
	ul.ta_timeline h4{ text-align:left;}
	ul.ta_timeline h4 .t5{ margin-right:5%;}
	ul.ta_timeline li:nth-child(even) h4 .t5{ float:left;}
	ul.ta_timeline li:last-child{ padding-top:5%; margin-bottom:0;}
	ul.ta_timeline li:last-child h4{ width:100%;}
	ul.ta_timeline h4 .t6{ background:#fff; display:inline-block;}
	ul.ta_timeline h4 .t7{ background:#fff;}
	.sec_bt_1{ padding:5% 0 20%;}
	.sec_bt_1 .sbt_1{ display:block; padding:10px 0;}
	.sec_bt_1 .sbt_2{ display:block; padding:10px 0;}
	#news_list{ margin:10% 0;}
	#cart_page{ margin:10% 0;}
	#contact_page{ padding:10% 0;}
	.product_catalog{ margin:8% 0;}
	.pager{ padding:10% 0;}
	.pdi_how_to_eat li img{ width:100%; margin-left:0;}
	.product_service li a{ padding:0;}
	.s_form_1 li{ border:none;}
}
@media screen and (max-width: 515px) {
	#traceab_detail header .t2{ font-size:36px;}
	#traceab_detail header .t3{ font-size:20px;}
	#traceab_detail article h3{ font-size:30px;}
	#product_detail #ss_img{ width:110%; margin-left:-5%;}
	.ck_zone img{ margin:5% 0;}
	.pdi_how_to_eat li h4{ width:100%; margin-top:0;}
	.pdi_how_to_eat li p{ width:100%; margin-top:0; margin:0;}
	.pdi_how_to_eat h3{ top:0;}
}
@media screen and (max-width: 400px) {
	#news_list li{ width:100%; margin-bottom:10%;}
	#news_list li.gutter-sizer{ width:0;}
	#product_list ul li{ width:98%;}
}
















@media screen and (max-width: 1120px) {
	.if_wrap_6 ._b1{ left:55%;}
}
@media screen and (max-width: 990px) {
	
	.gcontent{ width:100%;}
	.crumb{ margin:20px 5%}
	
	.if_wrap_1{ width:90%;}
	.if_wrap_1 ._b2{ width:120%;}
	.if_wrap_1 ._b1{ overflow:hidden; height:auto;}
	.if_wrap_1 ._b4{ clear:both;}
	.if_wrap_1 ._b3{ margin-bottom:2%;}
	.if_wrap_1 ._b6{ padding-top:4%;}
	
	.if_wrap_2{ width:90%;}
	.if_wrap_2 ._b1 h2 img{ width:125%;}
	.if_wrap_2 ._b2{ width:85%;}
	
	.if_wrap_2 ._b5 .s_bt_2,.if_wrap_2 ._b5 .s_bt_4{ width:40%;}
	.if_wrap_2 ._b5 .s_bt_2.last{ margin-left:0; margin-top:10px;}
	.if_wrap_3 ._b6{ width:100%;}
	
	.if_wrap_4{ width:90%;}
	.if_wrap_5{ width:100%;}
	.if_wrap_5 ._b3{ width:100%;}
	
	.if_wrap_6 ._b1{ left:60%;}
	
	.dl_list{ width:680px;}
	.dl_list ul{ width:452px;}
	
}
@media screen and (max-width: 920px) {
	.if_wrap_6 ._b1{ left:65%;}
}
@media screen and (max-width: 900px) {

	.idx_banner ._c1 img { width:90%;}
	.idx_banner ._c2{ line-height:17px; }
	.idx_sec ._c1 img { width:90%;}
	.idx_sec ._c2{ line-height:17px; }
	.s_bt_1,.s_bt_2{ padding: 5px 30px 5px 50px; }
	.s_bt_4{ padding: 5px 60px 5px 20px; }
	.idx_sec ._c2{ width:35%;}
	.idx_sec_t3 ._c2{ width:80%}
	.idx_news_li time{ width:25%;}
	.idx_news_li li h3{ width:75%;}	
	.gfooter .b1{ width:50%;}
	.if_wrap_1 ._b2{ top:5%;}
}
@media screen and (max-width: 850px) {
	.ibox{ width:100%;}
	.side_l, .side_r{ width:38%; padding:3% 5.9%;}
	#m_captcha,#ftpsw_captcha,#edm_captcha, #edm_un_captcha{ width:44%;}
	.if_wrap_6 ._b1{ left:70%;}
}
@media screen and (max-width: 800px) {
	.if_wrap_6 ._b1{ left:75%;}
}
@media screen and (max-width: 750px) {
	.idx_banner ._c1 img { width:80%;}
	.s_bt_1,.s_bt_2,.s_bt_4{ padding: 0px 30px 0px 50px; }
	.idx_sec ._c2{ width:38%; line-height:17px;}
	.idx_sec_t3 ._c2{ width:80%}
	.idx_sec_t3 ._c3{ top:75%;}
	.idx_news_li time{ width:30%;}
	.idx_news_li li h3{ width:70%;}
	.if_wrap_1 ._b2{ top:10%;}
	
	.if_wrap_2 ._b1 h2 img{ width:140%;}
	.if_wrap_2 ._b5 .s_bt_2,.if_wrap_2 ._b5 .s_bt_4{ width:50%;}
	.if_wrap_2 ._b5 .s_bt_4{ padding:0 60px 0 20px;}
	
	.if_wrap_6 ._b1{ left:80%;}
	
	.news_list li .img{ width:50%; height:auto; background-size:100%;}
	.news_list li .img img{ width:96%; height:auto; padding-bottom:5px; margin-left:6px;}
	
	.tipToCheck,.tipToHome{ display:none;}
	
	.dl_list{ width:462px;}
	.dl_list ul{ width:462px; left:0;}
	.dl_list .dl_title{ background:none; width:100%; height:auto;}
	.dl_list .dl_title span.icon{ margin:1% 5% 8% 0; float:left;}
	.dl_list .dl_title h3{ text-align:left; float:none;}
	.dl_list .dl_title p{ margin:0; width:auto;}\
	
	.pdIf_detail .og-qty input{ margin-bottom:10px;}
}
@media screen and (max-width: 700px) {
	.if_wrap_6 ._b1{ left:85%;}
	.if_wrap_1 ._b3{ width:100%;}
	.if_wrap_1 ._b7{ width:100%;}
	
}
@media screen and (max-width: 670px) {
	.idx_banner ._c1 img { width:70%;}
	.idx_banner ._c2{ font-size:12px; }	
	.idx_sec ._c2{ font-size:12px; }
}
@media screen and (max-width: 650px) {
	.ibox{}
	.side_l, .side_r{ width:84%; padding:3% 7%;}
	.side_l{ border-right:0; border-bottom:1px solid #ddd;}
	.side_r{ margin-top:0;}	
	.side_c{padding: 3% 7%; margin: 4% auto; width: 84%;}	
	
	.sep_2{ padding-left:28%;}	
	.s_msg .msg_author{	width: 29%;}
	.s_msg .msg_comment{ width: 66%;}

	.if_wrap_6 ._b1{ left:90%;}	
	
	.order_steps li{ margin:0; background-position:85% 50%;}
	{ display:none;}
	._m_faq_subnav
	{ display:block;}
	.s_msg .msg_comment{ width: 66%;}
	#atm_bank{ width:98%;}	
	.s_h1{ font-size:13px; font-weight:bold; clear:both; background:url(../img/icon_8.png); height:44px; line-height:44px; text-indent:10px; border-bottom:1px solid #bbb;}
}
@media screen and (max-width: 620px) {
	.rwd_table thead,.rwd_table tfoot{ display:none;}
	.rwd_table .label{ display:inline-block;}	
	.rwd_table td{ width:100%; box-sizing:border-box; float:left; clear:left; }
	.s_tb_2 tbody td{ text-align:left;}
	.s_tb_2 i{ display:inline-block;}
	.s_tb_2 .s_4{width:70%;}
	.s_tb_2 .s_1{ padding-left:0;}
	.rwd_table tr td:first-child{ padding-top:10px;}
	.rwd_table tr td:last-child{ border-bottom:1px solid #bbb;}	
	.s_h2{ font-size:13px; text-indent:10px;}
	._m_s_h2{ display:block;}
	._m_hide_1{ display:none;}
	._m_cart_tb_1{ display:block;}
	
	/*.s_tb_2{ background:#EBF8D6;}*/
	.s_tb_2 tr:nth-child(2n){ background: rgba(255, 255, 255, .5);}
	.if_wrap_6 ._b1{ left:95%;}
}
@media screen and (max-width: 600px) {
	.if_wrap_1 ._b1{ }
	.if_wrap_1 ._b1 h2 img{ width:auto;}
	.if_wrap_1 ._b2{ display:none;}
	.if_wrap_1 ._b3{ margin-bottom:30px;}
	
	.if_wrap_2 ._b1{ width:100%; padding-top:60%; background:url(../img/lay_p_17.png) repeat-x 0 45%;}
	.if_wrap_2 ._b1 h2 img{ width:auto;}
	.if_wrap_2 ._b2{ width:100%; left:10%;}
	.if_wrap_2 ._b5 .s_bt_2,.if_wrap_2 ._b5 .s_bt_4{ width:30%;}
	.if_wrap_2 ._b5 .s_bt_2.last{ margin-left:2%; margin-top:0;}
	
	.rwd_table thead,.rwd_table tfoot{ display:none;}
	.rwd_table .label{ display:inline-block;}	
	.rwd_table td{ width:100%; box-sizing:border-box; float:left; clear:left; }
	
	.rwd_table tr td:first-child{ padding-top:10px;}
	.rwd_table tr td:last-child{ border-bottom:1px solid #bbb;}	
	
	.if_wrap_6 ._b1{ display:none;}
	.if_wrap_4 ._b3{ display:block;}
	
	#gmap{ height:300px;}
	
	#top-control{ display:none;}
	
	.pdIf_cycle{ width:100%;}
	.pdIf_detail{ width:100%; margin-left:0;}
	
}
@media screen and (max-width: 550px) {
	.s_form_1 li label{ width:100%; text-indent:2px;}
	.s_form_1 li input[type=text], .s_form_1 li input[type=password] {width:95%; padding:0 2%;}
	.s_form_1 li textarea{ width:95%; padding:0 2%;}
	.s_form_1 li select{ width:50%; margin-bottom:7px;}	
	.chk_lay{ left:60%;}	
	.sep_1{ padding-left:0;}
	.sep_1 div{ width:100%;}
	
	body{ font-size:15px;}	
}

@media screen and (max-width: 520px) {
	.dl_list ul li .cover{ display:none;}
	.dl_list ul li{ width:100px; height:auto;}
	.dl_list ul li img{ width:100%; height:auto;}
	
	.dl_list{ width:260px;}
	.dl_list ul{ width:260px;}
	.dl_list .dl_title span.icon{ margin:1% 5% 25% 0;}

}
@media screen and (max-width: 500px) {
	.order_steps li{ padding-right:12px; background-position:100% 50%; background-size:10px;}
	.order_steps li div{ width:auto; height:auto; border:none; border-radius:0;}
	.order_steps li span.s_1{ padding-top:0;}
	.lay_bt4 span,.lay_bt2 span{ padding:0 5px;}	
}
@media screen and (max-width: 490px) {
	.idx_banner ._bg{ width:150%; left:-5%;}
	.idx_banner ._c1{ margin-top:15px;}
	.idx_banner ._c1 img{ width:100%;}
	.idx_banner ._c2{ display:none;}
	.idx_sec ._c1{ margin-top:15px;}
	.idx_sec ._c1 img{ width:100%;}
	.idx_sec ._c2{ display:none;}
	.s_bt_1,.s_bt_2,.s_bt_4{ padding: 0px 0 0px 30px; background-position: 10% center; margin-top:0;}
	.s_bt_1 img,.s_bt_2 img{ width:80%; top:11px;}
	.s_bt_4 img{ width:100%; top:11px;}
	.s_bt_3{ }
	.s_bt_3 img{ width:80%; top:9px;}
	.idx_sec_t3 ._c3{ top:70%;}
	.gfooter .b4 img{ display:none;}
	.gfooter .b4{ width:280px;}
	
	
	.if_wrap_1 ._b4{ width:100%; padding-bottom:2%;}
	.if_wrap_1 ._b5{ width:100%;}
	.if_wrap_1 ._b6{ width:100%; display:none;}
	.if_wrap_1 ._b7{ width:100%;}
	.if_wrap_1 ._b8{ width:100%; margin-top:10px;}
	
	.if_wrap_2 ._b5 .s_bt_2.last img{ width:65%;}
	.if_wrap_2 ._b5 .s_bt_4 img{ }
	.if_wrap_2 ._b5 .s_bt_4{ padding:0 20px;}
	.if_wrap_2 ._b1{ background-position:0 35%;}
	
	.news_list li .img{ width:100%; height:auto; background-size:100%; margin-bottom:10px;}
	.news_list li .img img{ width:97.5%; height:auto; padding-bottom:5px; margin-left:5px;}
	
	.news_list li .cover{ top:10px; left:10px; width:97%; height:95.5%;}
}
@media screen and (max-width: 450px) {
	
	.sub_nav li{ margin:0;}
	.sub_nav a{ padding:8px 20px 8px 20px;}
	
	.if_wrap_3 ._b8 li h3{ font-size:13px;}
	.if_wrap_3 ._b8 li span{ font-size:13px;}
}
@media screen and (max-width: 420px) {
	.if_wrap_2 ._b5 .s_bt_2,.if_wrap_2 ._b5 .s_bt_4{ width:38%;}
	.if_wrap_2 ._b5 .s_bt_4{ width:38%; padding:0 16px;}
	.if_wrap_2 ._b1{ background-position:0 25%;}
	
	.if_wrap_4 ._b1 img{ width:100%;}
	.if_wrap_4 ._b3 img{ width:100%;}
	.order_steps li span.s_2{ font-size:14px;}
}
@media screen and (max-width: 400px) {
	.if_wrap_5 ._b3 ._b3_b{ display:none;}
}
@media screen and (max-width: 320px) {
	.idx_sec ._c3{ left:56%;}
	.idx_sec_t2 ._c3{ left:7%;}
	.idx_sec_t3 ._c3{ left:14.5%;}
	
}


@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){
}