@import url('font-awesome-4.5.0/css/font-awesome.min.css');
/********************************
	FUNCTION
********************************/
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1;display:block}
.hide{display:none;}
.form-go{position:absolute !imortant; top:0 !important; left:0 !important; opacity:0 !important;display:none !important;}
/********************************
	BODY
********************************/
::-moz-selection{ background:#ccc; color:#000;}
::selection{ background:#ccc; color:#000; text-decoration:none;}
*:focus { outline: 0;}
a{ color:#969696; text-decoration:none; }
a:hover{ color:#CCC;}
html{ width:100%; }
body{ overflow-y:scroll; font-family: 'PingFang', 'STHeiTi', "微軟正黑體"; font-size:14px; line-height:1.5; width:100%; color:#555; background:#fff;}

/********************************
	INDEX
********************************/
#wrap{ width:100%; position:relative; margin-top:173px;}
.w990{ width:60%;  margin:0 auto; }
.w1200{ width:1200px;  margin:0 auto; }
#g_header{ width:100%; position:fixed; top:0; z-index:10; background:#fff;}
#g_header._scroll_mode{border-bottom:1px solid #eeeeee;}
#g_header._scroll_mode .logo{  margin-top:-10px;}
#g_header._scroll_mode #g_nav>ul{ margin-top:-20px;} 
#g_header._scroll_mode #info_pane{ margin-top:-30px;}
#loader.active { top:100%;} 
#loader { width:100%; height: 100%; position:fixed; top:0; left:0;
background: #fff url(../img/loader.gif) center no-repeat;
z-index:9999; transition:.7s;}
#info_pane{width:100%; margin-top:10px; transition:1s;}
.center{ text-align:center;}
.margin{ margin:0 auto;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}

.mr20{ margin-right:20px;}

._m_show{ display:none;}

/*top*/
#top{ position:fixed; top:10px; right:20px; transition:.5s; z-index:1;}
.quickBox{ float:right; background-color:#aqua;}
.quickBox li{ display:inline-block; margin-right:10px; position:relative; vertical-align:top;}
.quickBox li:last-child{ margin-right:0;}
.quickBox li a{ display:block; background:url(../img/quick_20x20.png) no-repeat; width:20px; height:20px;}
.quickBox li a:hover{}
.quickBox li a span{ text-indent:-9999px; display:block; }
.quickBox li i#q_cart_num{ background:#F90; border-radius:15px; width:15px; height:15px; position:absolute; top:-8px; right:-8px; color:#fff; font-style:normal; font-size:12px; text-align:center; line-height:1.2; transition:.2s;}
.quickBox li:hover i#q_cart_num{ transform:scale(1.2);}

.quickBox li a.icon_01{ background-position:0px 0px;}
.quickBox li a.icon_02{ background-position:-20px 0px;}
.quickBox li a.icon_03{ background-position:-40px 0px;}

.quickBox li.lang a{ background:none; width:auto; height:auto;}
.quickBox li.lang a span{ text-indent:0;}
.quickBox li.lang ul{ visibility:hidden; opacity:0; max-height:0; position:absolute; top:150%; left:0; z-index:10; transition:.2s; width:100%; box-shadow:0 1px 6px rgba(0,0,0,.2); width:100px; margin-left:-15px;}
.quickBox li.lang:hover ul{ visibility:visible; opacity:1; max-height:100px; top:130%;}
.quickBox li.lang>a{ color:#333;}
.quickBox li.lang ul li{ background:rgba(255,255,255,.9); text-align:center; display:block; margin-right:0;}
.quickBox li.lang ul li a{ display:block; padding:5px 0; width:100%; border-bottom:1px dashed #ddd; color:#000; transition:.2s;}
.quickBox li.lang ul li:last-child a{ border-bottom:0;}
.quickBox li.lang ul li:hover a{ background:#D7AD42; color:#fff;}



/*SEARCH*/
#search_bar{ /*display:inline-block; text-align:right; width:70%;*/ float:right; margin-top:-20px; margin-bottom:20px;}
#search_bar .hide{ display:none}
#search_bar form  { position:relative; top:0; left:0;}
#search_bar label { position:absolute; top:3px; left:10px; color:#99CCCC; font-size:12px;}
#search_bar #qs_text  { padding:10px; width:200px; background-color:#eee; border:0;}
#search_bar #qs_submit{ position:absolute; top:7px; right:5px; background: url(../img/icon_01.png) no-repeat; width:15px; height:17px; border:0; text-indent: -9999px;}


/*placeholder*/
::-webkit-input-placeholder{ color:#666; font-weight:normal;}
:-moz-placeholder { font-weight:normal;}
::-moz-placeholder { font-weight:normal;}
:-ms-input-placeholder { font-weight:normal;}

/*logo*/
#g_header .logo { display:inline-block; position:relative; width:133px; margin:0 95px  0 0px; text-indent:-9999px; transition:1s;}
#g_header img{ width:100%; display:block;}


/*g_nav*/
#g_nav{ display:inline-block; transition:.5s; position:relative; z-index:0;}
#g_nav>ul{ margin-top:0; transition:1s; float:left;}
#g_nav>ul>li{ float:left; margin-right:0px; text-align:center; position:relative; border-right:1px dotted #cccccc;}
#g_nav>ul>li:first-child{border-left:1px dotted #cccccc;}
#g_nav>ul>li>a{ display:block; width:127px; margin-bottom:10px; color:#000000; font-size:14px;}
#g_nav>ul>li>a:hover{}
#g_nav>ul>li>a span{ display:block; color:#CCC; font-size:12px; font-weight:normal;}

#g_nav li ul{ visibility:hidden; opacity:0; max-height:0; position:absolute; top:100%; left:0; z-index:10; transition:.2s; width:100%; box-shadow:0 1px 6px rgba(0,0,0,.2); width:150px; margin-left:0px;}
#g_nav>ul>li:hover ul{ visibility:visible; opacity:1; max-height:200px; top:90%;}
#g_nav li ul li{ background:rgba(255,255,255,.9); text-align:center;}
#g_nav li.bd1 { border-bottom: 5px solid #ff4b21;}
#g_nav li.bd2 { border-bottom: 5px solid #00ccfb;}
#g_nav li.bd3 { border-bottom: 5px solid #51ea96;}
#g_nav li.bd4 { border-bottom: 5px solid #b19176;}
#g_nav li.bd5 { border-bottom: 5px solid #ffe500;}
#g_nav li.bd6 { border-bottom: 5px solid #ff56a2;}
#g_nav li.bd7 { border-bottom: 5px solid #0b3d76;}
#g_nav li ul li a{ display:block; padding:5px 0; width:100%; border-bottom:1px dashed #ddd; color:#000; transition:.2s;}
#g_nav li ul li:last-child a{ border-bottom:0;}
#g_nav li ul li:hover a{ background:#efefef; color:#333333;}

#g_nav li a i{ display:block; margin:0 auto; background:url(../img/tp_menu.png); width:40px; height:40px;}
#g_nav li a i.i1{ margin-bottom:5px; transition:.2s;}

#g_nav li a.menu_01 i.i1{ background-position:0px 0px;}
#g_nav li a.menu_02 i.i1{ background-position:-40px 0px;}
#g_nav li a.menu_03 i.i1{ background-position:-80px 0px;}
#g_nav li a.menu_04 i.i1{ background-position:-120px 0px;}
#g_nav li a.menu_05 i.i1{ background-position:-160px 0px;}
#g_nav li a.menu_06 i.i1{ background-position:-200px 0px;}
#g_nav li a.menu_07 i.i1{ background-position:-240px 0px;}
#g_nav li a i.i2{ opacity:0; transition:.2s; position:absolute; top:0; left:50%; margin-left:-20px;}
#g_nav li:hover a i.i2{ opacity:1;}
/*#g_nav li:hover a i.i1{ margin-bottom:0;}
#g_nav li:hover>a{ color:#693806;}
*/
#g_nav li a.menu_01 i.i2{ background-position:0px -39px;}
#g_nav li a.menu_02 i.i2{ background-position:-40px -39px;}
#g_nav li a.menu_03 i.i2{ background-position:-80px -39px;}
#g_nav li a.menu_04 i.i2{ background-position:-120px -39px;}
#g_nav li a.menu_05 i.i2{ background-position:-160px -39px;}
#g_nav li a.menu_06 i.i2{ background-position:-200px -39px;}
#g_nav li a.menu_07 i.i2{ background-position:-240px -39px;}
#facebooknave{display:inline-block; position:relative; margin-left:10px; margin-top:-40px; width:150px; height:70px; background:#000;}
.top_left{float:left; margin-left:40px; font-weight:normal;}
.top_right{float:right; margin-right:40px; font-weight:normal; border:1px solid #eeeeee; padding:3px 5px 3px 35px; background:url(../img/tel.png) 5px center no-repeat}
#news_tblock{width:20%; float:left;}
#news_tlist{width:80%; float:left;}



.MINI_MENUICON,.MINI_SEARCH,.FOOTER_min,.MINI_MENU_BANRRE,.Filter_menu,.top_btmini,.mini_d_showimg,.menmber_boxminilogin{ display:none;}
.pro_bt>ul>li>a.prbt0{ display:none;}
.pro_ta ul li a.prbt0{ display:none;}
.mini_menunumber{ display:none;}
.mini_top{ display:none;}
.phone,.phobe_edm{ display:none;}
.mini_filter{ display:none;}

/*banner*/
#banner{ position:relative; }
#idx_banner{ width:100%;}
#idx_banner img{ width:100%; transition:.2s;}
#idx_banner img:hover{ opacity:.8;}

#idx_banner .owl-item { /*-webkit-transform: scale(1);*/}
#idx_banner .owl-item{ /*transform:scale(.9);*/ opacity:.6; transition:1s;}
#idx_banner .owl-item.active.center{ /*transform:scale(1);*/ opacity:1;}

.owl-theme .owl-controls{ margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom:0; width: 100%;}
/*
#idx_banner .owl-controls .owl-nav{ }
#idx_banner .owl-controls .owl-nav .owl-prev{ width:14px; height:28px; background:red; position:absolute; left:0; top: 50%; background:url(../img/pre_01.png) 50% 50% no-repeat; text-indent:-9999px; z-index:9;}
#idx_banner .owl-controls .owl-nav .owl-next{ width:14px; height:28px; background:blue; position:absolute; right:0; top: 50%; background:url(../img/pre_02.png) 50% 50% no-repeat; text-indent:-9999px; z-index:9;}
*/
#banner{ position:relative; margin-top:-10px;}
#idxb_bt_prev,#rpi_bt_prev{ background:url(../img/pre_01.png) no-repeat center; width:38px; height:78px; position:absolute; top:45%; left:5%; z-index:1; cursor:pointer; transition:.2s; padding:0 20px;}
#idxb_bt_next,#rpi_bt_next{ background:url(../img/pre_02.png) no-repeat center; width:38px; height:78px; position:absolute; top:45%; right:5%; z-index:1; cursor:pointer; transition:.2s; padding:0 20px;}
#idxb_bt_prev:hover,#rpi_bt_prev:hover{ left:4%;}
#idxb_bt_next:hover,#rpi_bt_next:hover{ right:4%;}



.parallax {
  perspective: 1px;
  min-height: 300px;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  background: url(../img/para.jpg) center ;
}
.parallax h3{text-align:center; display:block; color:#e31e51; font-size:32px; padding:40px 0 20px 0; font-family:"標楷體";}
.parallax p{text-align:center; color:#ffffff; font-size:14px;}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px);
}

.full-green{position:relative; width:100%; background: url(../img/gree_strip.png);}
/*container*/
#wrap,#container{ overflow:visible; clear:both;}
.fl{ float:left;}


/*4+circle*/
#circleBox{ width:100%; display:block; /*overflow:hidden;*/}

.f12_gray{ color:#797979; line-height:1.8;}
.f13_gray{ color:#666;}
.f14_gray{ font-size:14px; color:#797979; line-height:1.8;}
.f15_gray{ font-size:15px; color:#666;}
.f20_gray{ font-size:20px; color:#333;}
.f30_gray{ font-size:30px; color:#545454;}

.f12_white{ color:#ffffff; line-height:1.8;}
.f13_white{ color:#ffffff;}
.f15_white{ font-size:15px; color:#ffffff;}
.f20_white{ font-size:20px; color:#ffffff;}
.f26_white_b{ font-size:22px; color:#ffffff; font-weight:bold;}
.f30_white{ font-size:30px; color:#ffffff;}
.brown_line{ display:block; margin:10px 0; width:50px; height:6px; background-color:#D7AD42;}
h4.sc_title {display:inline-block; width:17%; float:left;}	
.cirPic_wrap{ float:right; width:82%; }
.cirPic{ display:inline-block; width:100%;  text-align:center; border:1px solid #cccccc;}
.cirPic li{ display:inline-block; width:16%; margin:0; vertical-align:top; text-align:left;}
/*.cirPic li:nth-child(1){ margin-right:0; display:none}*/
.cirPic li:last-child{ margin-right:0;  border-right: 0px dotted #cccccc;}
.cirPic li ._m_title{ display:none;}
/*.cirPic li:last-child{ margin-right:0;}*/
.cirPic li a{ display:block;}
.cirPic li a:hover{}

.cirPic img{ width:100%; transition:.2s;}

.cirPic li{ /*width:100%; margin-right:0;*/ position:relative; border-right: 1px dotted #cccccc;}
.cirPic li a{ color:#000; font-weight:bold;}
.cirPic li:hover img{ opacity:.8;}
.cirPic li a:hover p._m_stitle span{ background:rgba(0,0,0,.1); transition:.2s;}
.cirPic li p.mt20{ display:none;}
.cirPic li p._m_title{ display:block; font-size:14px; position: relative; bottom:8px; left:0; width:100%; text-align:center;}
.cirPic li p._m_title span{ display:inline-block; background:#fff; background:rgba(255,255,255,.9); border-top-left-radius:10px; border-top-right-radius:10px; padding:10px 0px; letter-spacing:2px;}
.cirPic li p._m_stitle{ display:block; font-size:14px; position: relative; width:100%; bottom:7px; padding:; text-align:center;}
.cirPic li p._m_stitle span{ display:inline-block; color:#FFF; text-align:center; padding:2px 20px; letter-spacing:1px;}
.cirPic li p._m_stitle span.one{ background: url(../img/index_03.gif) 5px center no-repeat #d3b799;}
.cirPic li p._m_stitle span.two{ background: url(../img/index_05.gif) 5px center no-repeat#9d89bf;}
.cirPic li p._m_stitle span.three{ background: url(../img/index_07.gif) 5px center no-repeat#abcd03;}
.cirPic li p._m_stitle span.four{ background: url(../img/index_09.gif) 5px center no-repeat#6c9bd2;}
.cirPic li p._m_stitle span.five{ background: url(../img/index_11.gif) 5px center no-repeat#ef8585;}
.cirPic li p._m_stitle span.six{ background: url(../img/index_13.gif) 5px center no-repeat#aaaaaa;}
.cirPic li .brown_line{ display:none;}

/*
.cirPic i{display:block; background:url(../img/form_200x200.png) no-repeat; width:200px; height:200px;}
.cirPic i.cir_01{ background-position:0px 0px;}
.cirPic i.cir_02{ background-position:-200px 0px;}
.cirPic i.cir_03{ background-position:-400px 0px;}
.cirPic i.cir_04{ background-position:-600px 0px;}
*/

/*news*/
.newsBox{ width:100%; overflow:hidden;}

.newsBox ul{ width:100%; }
.newsBox li{ display:inline-block; width:31.5%; margin-right:1.6%; margin-bottom:5%; vertical-align:top; text-align:left;}
.newsBox li h3{ text-align:center;}
.newsBox li strong{ text-align:center; color:#11a690; font-size:14px; display:block;}
.newsBox li:last-child{ margin-right:0;}
.newsBox li img{ width:100%; transition:.2s;}
.newsBox li a{ display:block;}
.newsBox li a:hover{}
.newsBox li:hover img{ opacity:.8;}

#newsBox>ul.owl-theme .owl-controls{ position:static;}

.ck_zone{ clear:both; margin-bottom:5%;}
.ck_zone h2,.ck_zone h3,.ck_zone h4,.ck_zone h5{ font-size:24px;  font-weight:normal; color:#000;}
.ck_zone img{ max-width:100%;}
.ck_zone .fb-post{ display:block; text-align:center;}

.f20_black{ font-size:20px; color:#000;}

.more{ width:200px; line-height:40px; clear:both;}
.more a{ display:block; background:url(../img/r.png) 95% center #fff no-repeat; border:1px solid #11a690; font-size:14px; color:#11a690; text-align:center; }
.more a:hover{ background-color:#11a690; color:#FFF;}

.more2{ width:200px; line-height:40px; clear:both;}
.more2 a{ display:block; background:url(../img/r3.png) 95% center  no-repeat; border:1px solid #ffffff; font-size:14px; color:#ffffff; text-align:center; }
.more2 a:hover{ color:#e31e51; border:1px solid #e31e51; background:url(../img/r3.png) 95% center  no-repeat;}
a.more31 { display:block; line-height:40px; width:200px; background:url(../img/r3.png) 95% center #11a690 no-repeat; border:1px solid #11a690; float:left; font-size:14px; color:#ffffff; text-align:center; }
a.more31:hover{ color:#111111; border:1px solid #dfdfdf; background:url(../img/r3.png) 95% center #dfdfdf no-repeat;}
a.more32 { display:block; line-height:40px; width:200px; background:url(../img/r3.png) 95% center #eea303 no-repeat; border:1px solid #eea303; float:left; font-size:14px; color:#ffffff; text-align:center; }
a.more32:hover{ color:#111111; border:1px solid #dfdfdf; background:url(../img/r3.png) 95% center #dfdfdf no-repeat;}
a.more33 { display:block; line-height:40px; width:200px; background:url(../img/r3.png) 95% center #f06060 no-repeat; border:1px solid #f06060; float:left; font-size:14px; color:#ffffff; text-align:center; }
a.more33:hover{ color:#111111; border:1px solid #dfdfdf; background:url(../img/r3.png) 95% center #dfdfdf no-repeat;}
.more_L{ width:200px; line-height:40px; }
.more_L a{ display:block; background:url(../img/l.png) 5% center #fff no-repeat; border:1px solid #ffffff; font-size:14px; color:#ffffff; text-align:center; }
.more_L a:hover{ background-color:#D7AD42; color:#FFF;}
.more_G{ width:200px; line-height:40px; }
.more_G a{ display:block; background:url(../img/l.png) 5% center #fff no-repeat; border:1px solid #11a690; font-size:14px; color:#11a690; text-align:center; }
.more_G a:hover{ background-color:#11a690; color:#FFF;}
#fb-root{ clear:both;}

/*cook*/
.cookBox{ width:100%; overflow:hidden;}

.cooklist{ width:100%; float:left; /*display:inline-block; margin-bottom:10px;*/}

.fl_78{ width:65.7%; float:left;/* margin-right:1.4%;*/}
.fl_78 a{ display:block;}
.fl_78 a:hover{}
.fl_78 a img{ width:100%; float:left;}

/*滑鼠滑過出現字*/

.cooklist{ perspective: 500px;}
.cooklist a{ position:relative; overflow:hidden; }

/*滑鼠滑過會出現 灰底+文字*/
.cooklist a .black{ width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left: 0; top: 0; z-index:1; transition:.5s; opacity:0; visibility:hidden; text-align:center; display:table; /*transform: rotateY(90deg);*/} 
.cooklist a:hover .black{ opacity:1; visibility:visible; /*transform: rotateY(0deg);*/}

/*滑鼠滑過圖片會放大*/
.cooklist a .img{ float:left; width:100%;}
.cooklist a img{ transform:scale(1); transition:4s;}
.cooklist a:hover img{ transform:scale(1.1); transition:2s;}

.cooklist .text{ display:table-cell; vertical-align:middle;}
.cooklist .text h2{ color:#D7AC41; font-size:30px;}
.cooklist .text p{ color:#fff; width:50%; margin:0 auto;}
/*******************************/


#shop_banner{ perspective: 500px;}
#shop_banner a{ overflow:hidden; }
#shop_banner a .img{ overflow:hidden; height:0; padding-bottom:56%;}

/*滑鼠滑過會出現 灰底+文字*/
#shop_banner a .black{ width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left: 0; top: 0; z-index:1; transition:.5s; opacity:0; visibility:hidden; text-align:center; display:table; /*transform: rotateY(90deg);*/} 
#shop_banner a:hover .black{ opacity:1; visibility:visible; /*transform: rotateY(0deg);*/}

/*滑鼠滑過圖片會放大*/
#shop_banner a img{ transform:scale(1); transition:4s;}
#shop_banner a:hover img{ transform:scale(1.1); transition:2s;}

#shop_banner .text{ display:table-cell; vertical-align:middle;}
#shop_banner .text h2{ color:#D7AC41; font-size:30px;}
/*******************************/


.mr14{ margin-right:1.4%;}

.fr_20{ width:32.9%; float:left;/* margin-right:0%;*/}
.fr_20 a{display:block;}
.fr_20 a:hover{}
.fr_20 a img{width:100%; float:left;}

/*online*/
.onlineBox{ width:100%; overflow:hidden;}
.online{ display:block; width:100%; }
.online li{ display:inline-block; position:relative; width:22.9%; margin-right:0; margin-bottom:30px; vertical-align:top; border:1px solid #eeeeee; padding:6px;}
.online li:last-child{ margin-right:0;}
.online li a{ display:block; text-align:center;}
.online li a img{ display:block; width:100%; transition:.2s;}
.online li a:hover img{ opacity:.8;}
ul.moveboder >li{border:0;  padding:0px;}
.online li span.ndate{float:left; font-size:12px; color:#111111; margin-left:25px; margin-top:7px;}
.online li span.nndate{ display:block; font-size:12px; color:#cfcfcf; text-align:left;  margin:3px 0;}
.online li span.ncate{float:right;  padding:3px 5px; margin-top:3px; margin-bottom:5px; font-size:12px; color:#FFF;}

.sizer{ width:23.7%; margin-left:1%; }
.online2{ display:block; width:100%; }
.online2 li{ display:inline-block; position:relative; width:23.7%; margin-right:0; margin-bottom:30px; vertical-align:top }
.online2 li:last-child{ margin-right:0;}
.online2 li a{ display:block; text-align:center;}
.online2 li a img{ display:block; width:100%; transition:.2s;}
.online2 li a:hover img{ opacity:.8;}
ul.moveboder >li{border:0;  padding:0px;}
.online2 li span.ndate{float:left; font-size:12px; color:#111111; margin-left:25px; margin-top:7px;}
.online2 li span.nndate{ display:block; font-size:12px; color:#cfcfcf; text-align:left;  margin:3px 0;}
.online2 li span.ncate{float:right;  padding:3px 5px; margin-top:3px; margin-bottom:5px; font-size:12px; color:#FFF;}
.new_top_tag{position:absolute; top:0; left:0; width:49px; height:49px; background: url(../img/new_tag.png) no-repeat; z-index:2;}
.catered{background:#e31e51;}
.categreen{background:#11a690;}
.cateblue{background:#1c81f3;} 
.f13_cen{ margin-top:5px; line-height:25px; color:#777; text-align:left;}
.f13_cen_orange{ color:#FF7F00; font-weight:bold;}
.f13_cen_green{ color:#11a690; text-align:left; font-size:14px; }
/*salesBox*/
.salesBox{ width:100%; width:100%; overflow:hidden;}
.taiwan{ display: block; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px;}

.fl_tai{ display:block; float:left; width:58.2%; margin-right:1.2%;}
.fr_tai_list{ display:block; float:right; width:40.5%;}
.fl_tai ul li{display:inline-block;}

/*online_3*/
.online_3 .sizer{ width:100%; margin-left: 1%;}

.online_3{ display:block; width:100%;}
.online_3 li{ display:inline-block; width:100%; margin-right:1%; margin-bottom:30px; vertical-align:top;}
.online_3 li:last-child{ margin-right:0;}
.online_3 li a{ display:block; text-align:center;}
.online_3 li a img{ display:block; width:100%;}
.online_3 li a img:hover{ opacity:.6;}

/*台灣三個按鈕*/
.btn34{ width:100%; margin-top:20px;}
.btn34 li{ width:100%; display:inline-block; margin-bottom:10px;}

.btn3,.btn4,.btn5,.btn6{ display:block; width:80px; line-height:80px; text-align:center; border-radius:50px; font-size:16px; color:#855D33; font-weight:600;border: 2px solid #D7AD42;}
.btn3:hover,.btn4:hover,.btn5:hover,.btn6:hover,.btn3.active,.btn4.active,.btn5.active,.btn6.active{ background-color:#D7AD42; color:#fff; opacity:1;}
/*
#tab3{ display:block;}
#tab4,#tab5,#tab6{ display:none;}
*/

/*台灣列表*/
.info_1{ width:100%;  /*transition:.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);*/ }

.salesList{ display:block; width:100%;}
.salesList li{ float:left; width:100%; margin-bottom:5px;}
.salesList li:nth-child(2n){ margin-right:0;}
.salesList li .f12_gray{ font-size:14px;}

.brown_line_s{ display:block; margin:0 20px 91px 0; width:30px; height:6px; background-color:#D7AD42;}
.salePic{ display:block; width:150px; clear: left; margin-left: 50px; margin-top:10px;}

/*海外*/
.overseas{ display:block; width:100%; overflow:hidden;}
.info_2{ display:block; width:100%; margin-top:20px; transition:.6s cubic-bezier(0.230, 1.000, 0.320, 1.000); }

/*footer*/
#foot{background-color:#11a690; overflow:hidden;}

#areaBox{ display:block; width:100%;  margin:20px auto;}
#areaBox  .areaBox_s{ display:inline-block; width:18%; vertical-align:top; text-align:left; }
#areaBox  .areaBox_s h3{text-align:left; background:url(../img/footer_bullet.png) 10px center no-repeat #ffffff; padding-left:25px;}
#areaBox  .areaBox_ss{ display:inline-block; width:26.5%; vertical-align:top; text-align:center; }
.ss_content {font-size:12px; border:1px #FFF solid; padding:5px; margin:0 auto;}
#areaBox  h6{  font-size:28px; color:#ffffff; padding:5px 0; font-weight:bold; margin-bottom:10px; }
.f_brown{ font-size:15px; color:#11a690; background:#FFF; padding:5px 0; font-weight:bold; margin-bottom:10px;}
.f_12gray{ color:#666; line-height:2.6;}
.f_12white{ color:#ffffff; line-height:1.6;}
.areaList{ display:block; width:100%; text-align:center;}
.areaList li{ display:inline-block; width:100%; margin-bottom:5px;}
.areaList li a{ color:#ffffff;}
.areaList li a:hover{color:#C79601; }
.areaList._cp{}
.areaList._cp li a{ border:1px solid #ccc; transition:.2s; display:block; width:70%; margin:0 auto;}
.areaList._cp li:hover a{ border:1px solid #D7AD42;}


/********************************
	ABOUT
********************************/
#s_banner{ width:100%; margin-top:-10px;}
#s_banner img{ width:100%;}

.f_12666 { color: #666; line-height:26px; font-size:16px;}
.textWrap{ padding:30px  0 20px 0;}

.manyPic{ display:block; width:100%;}
.manyPic img{ display:block; width:100%;}

.salesList_2{ display:block; width:100%;}
.salesList_2 li{ display:inline-block; width:47.3%; margin-right:3%; margin-bottom:50px; vertical-align:top;}
.salesList_2 li:nth-child(2n){ margin-right:0;}
.salesList_22{ display:block; width:100%;}
.salesList_22 li{ display:inline-block; width:18.9%; margin-right:1%; margin-bottom:50px; vertical-align:top; }
.salesList_22 li:nth-child(5){ margin-right:0;}
.brown_line_s2{ display:block; margin:10px 0; width:20%; height:6px; background-color:#11a690; clear:both;}
.brown_line_s22{ display:block; text-align:center; margin:10px auto; width:20%; height:6px; background-color:#11a690; clear:both;}
.about_pic{ display:block; width:100%; margin:20px 0;}
.about_pic img{ display:block; width:100%;}

/********************************
	NEWS
********************************/
.newWrap{ display:block;}
.newWrap li{ display:inline-block; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f1f1f1;}
.newWrap li .intob{ display:block;}
.newWrap li .intob:hover{ }
.newWrap li:hover img{ opacity:.8;}

.newWrap li time{ display:none;}
.newWrap li time.lunarDate{ position:relative; line-height:1.2; clear:both; display:block; color:#333; width:135px; margin-left:30px; float:left;}
.newWrap li time.lunarDate span{ width:10px; word-wrap:break-word; display:block; float:left; margin-right:10px;}
.newWrap li time.lunarDate span.l1{ position:absolute; top:0; left:-30px;}
.newWrap li time.lunarDate span.l2{ word-wrap:normal; font-family: 'Vollkorn', serif; font-size:80px; width:auto; margin-bottom:10px; margin-top:-20px;}
.newWrap li time.lunarDate span.l3{ font-size:30px; clear:left; width:30px; height:1px; font-weight:bold;}

.newsPic{ display:block; width:315px; margin-right:20px; float:left;}
.newsPic img{ display:block; width:100%; transition:.2s;}
 
.newText:hover{color:#fff; }

.salesList_3{ display:block; width:100%; border-bottom:1px solid #DDD; overflow: hidden; padding-bottom: 20px;}
.salesList_3 li{ display:inline-block; width:100%;  margin-bottom:20px;}
.f30_black{ font-size:30px; color:#000; font-weight:500;}


/********************************
	LINK
********************************/
.link_list{ display:block;}
.link_list li{ display:inline-block; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f1f1f1;}
.link_list li a{ display:block;}
.link_list li a:hover{ }
.link_list li:hover img{ opacity:.8;}
.link_list .img{ width:315px; float:left;}
.link_list .img img{ width:100%;}
.link_list .txt{ padding-left:350px;}



/*ALL按鈕*/
.tag_wrap{ width:100%; text-align:center; clear:both;}
.tag_wrap button{ display:inline-block; margin:10px 0 10px 5px; padding:0 10px; text-align:center; line-height:30px; background-color:#fff; border:1px solid #11a690; color:#11a690; /*font-size:15px; font-weight:bold;*/ cursor:pointer;}
.tag_wrap button:hover,
.tag_wrap button.current{ background-color:#11a690; color:#fff;  border:1px solid #11a690;} 
.tag_wrap .current2{ background-color:#11a690; color:#fff;  border:1px solid #11a690;}


/*--頁碼--------------------*/
.pager{ margin:10px auto; width:100%; text-align:center;}

.pager a.current{ background-color:#11a690; color:#FFF; font-weight:bold; cursor:default;}
.pager span{ display:inline-block; padding:0 2px; line-height:18px; margin:25px 0 0 10px;}
.pager a{ display:inline-block; text-align:center; line-height:30px; background-color:#fff; border:1px solid #11a690; color:#11a690; font-size:15px; font-weight:bold; width:30px; margin:10px 0 10px 5px;}
.pager a:hover{ background-color:#2cc6af; color:#FFF; font-weight:bold;}

/********************************
	SHOP-DETAILS
********************************/
#B_img{ width:55%; position:relative; float:left; margin-top:5%;}
#B_txt{ width:40%; margin-left:5%; position:relative; float:left; margin-top:5%;}

#B_img #pdi_img img{ width:100%;}

#R_img{ width:100%; position:relative;}
#R_img #rpi_img{ width:100%;}

#R_txt .fl_78_shop{ width:55%; border-bottom:0;}
#R_txt .fr_20_shop{ width:40%; margin-left:5%;}


#control{ float:left; display:inline-block; width:100%; float:left; margin-top:10px;}
#control img{ float:left; width:80px; margin-right:10px;}
/*#control img:last-child{ margin-right:0;}*/
#control img.point{ opacity:.6; cursor:pointer;}

#prod_intro{ width:100%; clear:both;}
#prod_intro h3{ margin-top:10px; border-bottom: #D6D6D6 1px solid; font-size:18px; font-weight:500; color:#414151;}

.prod_text1{ margin:2% 0;}
.prod_text1 li{ display:inline-block; width:47%; margin-right:5.5%; vertical-align:top; margin-bottom:4%;}
.prod_text1 li:nth-child(2n){ margin-right:0;}
.prod_text1 h6{ font-size:14px; color:#414151; font-weight:500;}
.prod_text1 p{ font-size:15px; color:#92929F;}

.owl-theme .owl-controls{ margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom:0; width: 100%;}
#B_img .owl-controls .owl-nav{ position:absolute; width:100%; bottom: 0;}
#B_img .owl-controls .owl-nav .owl-prev{ width:14px; height:28px; background:red; position:absolute; left: 50%; margin-left: -68px; bottom: -9px; background:url(../img/pre_01.png) 50% 50% no-repeat; text-indent:-9999px; z-index:9;}
#B_img .owl-controls .owl-nav .owl-next{ width:14px; height:28px; background:blue; position:absolute; bottom: -10px; left: 50%; margin-left: 39px; background:url(../img/pre_02.png) 50% 50% no-repeat; text-indent:-9999px; z-index:9;}

/*產品簡介*/
.shopWrap{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #DDD; padding-bottom:20px;}

/*left*/
.fl_78_shop{ width:100%; float:left; border-bottom:1px solid #ddd;}
.fl_78_shop a{ display:block;}
.fl_78_shop a:hover{}
.fl_78_shop a img{ width:100%; float:left;}

.fr_20 .big{ display:none;}
.fl_78 .small{ display:none;}

.salesList_4{ display:block; width:100%; overflow: hidden; }
.salesList_4 li{ display:inline-block; width:100%;  margin-bottom:20px;}

/*right*/
.fr_20_shop{ width:100%; float:left;/* margin-right:0%;*/}
.fr_20_shop a{display:block;}
.fr_20_shop a:hover{}
.fr_20_shop a img{width:100%; float:left;}

.priceBox{ float:left; display:block; width:100%; margin:20px 0;}
.f20_oran{ font-size:20px; color:#FF7F00; font-weight:500;}
.f20_oran span{ font-size:50px; margin-left:10px;}

.num{ float:right;}
.f18_gray{ font-size:18px; color:#444; line-height:40px; font-weight:500; margin-right:10px;}
.pd_qty{ padding-left:10px; width:135px; height:40px;/* box-shadow:inset 2px 2px 10px rgba(20%,20%,40%,0.2)*/; border:0; background-color:#EEE; font-size:18px; color:#333; font-weight:500;}

.join_1{ float:left; width:49%; margin-top:2%; display:block; background-color:#D7AD42; line-height:65px; text-align:center; color:#fff; font-size:15px;}
.join_1:hover { background-color:#CCC; color:#fff;}
.join_1 span { display:block; background:url(../img/shop_icon.png) 5% 50% no-repeat; text-indent:50px;}

.join_2{ float:left; width:49%; margin-top:2%; margin-right:2%; display:block; background-color:#ccc; line-height:65px; text-align:center; color:#fff; font-size:15px;}
.join_2:hover { background-color:#CCC; color:#fff;}
.join_2 span { display:block; background:url(../img/shop_icon.png) 5% 50% no-repeat; text-indent:50px;}


/*introduce*/
.introduce{ display:block; width:100%; border-bottom: 1px solid #DDD; padding-bottom:40px;}

.picBox{ display:inline-block; width:100%; vertical-align:top;}
.fl_pic{ display:inline-block; width:49%; margin-right:1%; }
.fl_pic img{ width:100%;}
.picBox p{ display:inline-block; width:49%;}

.related{ display:block; width:100%; padding-bottom:60px; border-bottom: 1px solid #DDD; }

#same_banner{ float:left; display:block; width:100%; margin-top:10px; }

#shop_banner{ display:block; width:100%; }
#shop_banner a{}
#shop_banner a img{ width:100%;}
#shop_banner a:hover{}

#shop_banner .owl-controls{ margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom:-40px; width: 100%;}
#shop_banner .owl-controls .owl-nav{ position:absolute; width:100%; bottom:0px;}
#shop_banner .owl-controls .owl-nav .owl-prev{ width:14px; height:28px; background:red; position:absolute; left: 50%; margin-left: -68px; bottom: -9px; background:url(../img/pre_01.png) 50% 50% no-repeat; text-indent:-9999px; z-index:9;}
#shop_banner .owl-controls .owl-nav .owl-next{ width:14px; height:28px; background:blue; position:absolute; bottom: -10px; left: 50%; margin-left: 39px; background:url(../img/pre_02.png) 50% 50% no-repeat; text-indent:-9999px; z-index:9;}

#relate_shop{}
#relate_shop li{ text-align:center;}
#relate_shop .img{ position:relative; overflow:hidden;}
#relate_shop .hover{ position:absolute; top:100%; left:0; transition:.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); background:rgba(0,0,0,.5); width:100%; height:100%; color:#fff; text-align:center;}
#relate_shop .hover span{ height:48px; width:1px; background:#fff; display:inline-block; vertical-align:middle; margin-top:39%;}
#relate_shop .img:hover .hover{ top:0;}
#relate_shop .toInfo{ width:48px; height:50px; display:inline-block; background:url(../img/icon_10.png) -48px 0; text-indent:-9999px; vertical-align:middle; margin:0 5%; margin-top:39%; transition:.2s;}
#relate_shop .toCart{ width:48px; height:50px; display:inline-block; background:url(../img/icon_10.png); text-indent:-9999px; vertical-align:middle; margin:0 5%; margin-top:39%; transition:.2s;}
#relate_shop .toInfo:hover{ margin-top:30%;}
#relate_shop .toCart:hover{ margin-top:30%;}
#relate_shop.owl-theme .owl-controls{ position:static;}

/********************************
	RECIPE-DETAILS
********************************/
.clear{ clear:both;}

.menuList{ display:block; width:100%; background-color:#F7F7F7; overflow:hidden; padding:2%;}

.timeicon{ display:block;}
.oran_time{ display:block; float:right; font-size:15px; color:#444; background:url(../img/time.png) left center no-repeat; text-indent:32px; margin-right:4%;}

.cookitem{ display:block; width:100%; }
.cookitem li{ display:inline-block; width:96%; padding:5px 0; margin-bottom:10px; border-bottom:1px solid #DDD;}
.cookitem li:last-child{ border-bottom:0;}

.f15_gray{ font-size:15px; color:#444;}
.f15_gray span{ float:right; }

/*料理秘訣*/
.secretBox{ display:inline-block; width:100%; border-bottom:1px solid #DDD; padding-bottom:40px;}

.secretList{ display:block; width:100%; }
.secretList li{ float:left; width:32%; margin-right:2%; margin-bottom:30px; vertical-align:top;}
.secretList li:nth-child(3n){ margin-right:0;}

.se_Pic{ display:block; width:100%;}
.se_Pic img{ display:block; width:100%;}

.step{ width:62px; font-size:16px; color:#D7AD42; font-weight:500; transform: skewX(-12deg);}
.step span{ font-size:30px;}

.f12_666{ /*width:85%; float:left;*/ padding-left:62px; margin-top:14px; font-size:12px; color:#666; }
.little_secret{ display:block; width:96%; background-color:#F7F7F7; overflow:hidden; padding:2%;}

/********************************
	FAQ
********************************/
.faqBox{ display:block; width:100%;}
.faqBox li{ display:inline-block; width:100%; margin-bottom:50px;}
.fl_Q{ float:left; display:inline-block; width:65px; margin-right:20px;}
.fl_Q img{ width:100%;}

.fr_text{ padding-left:83px;}
.w1000 { float:left; width:96%;}

.brown_line_s3{ float:left; margin:10px 10px 10px 0; width:30px; height:6px; background-color:#D7AD42; /* clear:both; */}
.faqBox .sizer{ width:100%; margin-left: 1%;}


/********************************
	CONTACT-DETAILS
********************************/
.page{ width:/*40%*/800px; background-color:#fff; position:relative; margin:0 auto;}
.page p{ font-size:13px; color:#000; margin:20px auto 20px auto; width:84%;}

ul.s_form_1{ margin:0 auto; width:100%; overflow:hidden;}
.s_form_1 li{ margin:1% auto; background-color:#fafafa; width:100%; float:left; line-height:34px; color:#000; text-indent:10px;}
.s_form_1 li label{ width:70px; display:block; float:left;}

.s_form_1 li input#email,.s_form_1 li input#tel{ width:65%;}
.s_form_1 li input#captcha{ width:30%;}
.s_form_1 li input{ background-color:#ffffff;}
.s_form_1 li input[type=text]{ border:1px solid #cccccc; width:30%; float:left; margin:8px 0; line-height:25px;}
.s_form_1 li textarea{ border:0; width:90%; border:1px solid #cccccc; height:150px; }
.s_form_1 li label.comment{width:80px;}
.s_form_1 li select{ border:1px solid #ccc; width:20%; margin:8px 5px 8px 0 ; height:33px; float:left;}
.s_form_1 label.s_1{ width:auto; float:left; display:inline-block;}
.s_form_1 li a img.vode{ float:right; display:inline-block; position:relative; width:100px; height:34px; margin-left:2px;}

.align_right{ display:block;}
.align_right a{ display:block; overflow:hidden;}
 

.page{ position:relative; z-index:9; transition:.2s; overflow:auto;}
/*.page span{ cursor:pointer; font-size:15px; color:#FFF; border:#FFF 1px solid; padding:8px;}*/
.page .video_close{ position:absolute; top:2%; right:5%; background:rgba(0,0,0,0.6);    width: 20px;
    height: 20px;
    border-radius: 40px;
    text-align: center;}
 

/*bts*/
.brown{color:#D7AD42}
.sbt_10{background:#999999;color:#fff; padding:5px 15px; font-weight:bold; border:0; border-radius:0px; display:inline-block; text-align:center; transition: all .2s;}
.sbt_20{background:#D7AD42;color:#fff; padding:5px 15px; font-weight:bold; border:0; border-radius:0px; display:inline-block; text-align:center; transition: all .2s;}
.sbt_10:hover,.sbt_20:hover{ opacity:.8; filter:alpha(opacity=80); color:#fff;}
.sbt_10:active,.sbt_20:active{ position:relative; top:1px;}

.sbt_big{ padding:8px 50px; font-size:15px;}

.sbt_1{ display:inline-block; background:#D7AD42; padding:10px 20px; color:#fff; font-size:15px; transition:.2s; border-radius:5px; margin-bottom:10px;}
.sbt_1:hover{background:#DDD; color:#fff;}
.sbt_2{ background:#FF4D4D; display:block; width:84%; padding:10px 0; color:#fff; font-size:15px; transition:.2s; clear:both; margin-bottom:10px;}
.sbt_2:hover{ opacity:.8; color:#fff;}
.sbt_3{ display:block; text-align:center; background:#CCC; padding:10px 20px; color:#fff; font-size:15px; transition:.2s; border-radius:5px; margin-bottom:10px;}
.sbt_3:hover{ background:#FF4D4D; color:#fff;}
.sec_bt_1{ margin-bottom:3%; text-align:center;}
.sec_bt_1 a{ margin:0 auto;}
.join{ margin:38px 10px 38px 0;}
.f_left{float: left; margin-right: 10px;}

/*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; margin-bottom:20px; line-height:35px; background-color:#ECE7DB; color:#000; text-indent:20px;}
.s_h2{ font-size:16px; font-weight:bold; clear:both; background:#ECE7DB; height:44px; line-height:44px; text-indent:20px; border-bottom:1px solid #bbb;}
a.no_deco{ text-decoration:none;}
.s_note_1{ background:#F1f1f1; border-radius:3px; padding:10px 15px;}

.pop_count{ position:relative; display:inline-block;}
.pop_count span{ background:#99CCCC; border-radius:4px; display:inline-block; padding:3px; position:absolute; top:0; right:-30px; width:15px; height:15px; color:#fff; line-height:16px; text-align:center;}


/*mobile*/
._m_gheader{ position:fixed; width:100%; height:40px; background:#99CCCC; z-index:999; /*box-shadow:0px 5px 5px rgba(153, 204, 204, 0.5);*/ border-bottom:1px solid #fff; text-align:center; display:none; opacity:.9;}
._m_gheader .logo{display:inline-block; color:#fff; font-size:20px; line-height:40px;}
._m_gheader .first{ background: center center no-repeat transparent; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0;}

._m_gfooter{ display:none; text-align:center; color:#99CCCC; font-size:10px; padding:20px 0 10px; clear:both;}
._m_gfooter .sep_line{ margin:0 0 10px;}

#_m_gnav_pds { background-color: #E0EFEF;}
#_m_gnav_more { background-color: #E0EFEF;}

.mm-menu.mm-light .mm-list li.mm-label{ background:rgba(0, 0, 0, 0.1); padding:5px 0; font-size:14px;}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before{ border-color: rgba(0, 0, 0, .5);}
.mm-menu.mm-light .mm-list > li > a.mm-subclose{ border-bottom:1px solid #fff; color: rgba(0, 0, 0, .5);}

._m_idx_banner{ display:none; margin-bottom:13px;}
._m_idx_banner a,._m_idx_banner img{ width:100%;}

._m_crumb{ position:fixed; background:#fff; top:40px; width:100%; height:40px; box-shadow:0 0 5px rgba(0,0,0,.5); z-index:998; line-height:40px; overflow:hidden; display:none;}
._m_crumb a{ height:40px; display:block;}
._m_crumb li{ float:left; padding-left:15px; padding-right:5px; position:relative;}
._m_crumb li:before{content: '';border: 2px solid #ccc;border-left:transparent;border-top:transparent;display: block;width: 7px;height: 7px;margin-bottom: -5px;position: absolute;bottom: 50%;right:-8px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
._m_crumb li.first{ text-indent:-9999px; background:url(../img/icon_1.png) no-repeat 50% 50%; width:15px; height:40px; margin-left:5px;}

._m_pdl_banner{ display:none; width:105%; margin-left:-2.5%;}
._m_pdl_banner img{ width:100%;}

._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%;}

/*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: #eee;	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 #eee; display: block; width: 0;	z-index: 1;}
.s_msg .msg_admin .msg_comment{	background:#f7f7f7;}
.s_msg .msg_admin .msg_comment:after{ border-color: transparent #f7f7f7;}

/*回到最上面*/
#top_control{ position:fixed; right:2%; bottom:-10%; z-index:999; transition:.3s;}/*先在下方-10%*/
#top_control.active{ bottom:2%;}/*執行active 會從下方的-10%來到2%*/
#top_control a{ display:block; transition:.2s; position:relative; top:0;}/*這邊的top 0 點選這按鈕會微微的 往上小跳一下*/
#top_control a:hover{ top:-5px;}/*從top0 跳到top-5*/	
#top_control img{ width:100%;}


/*手機選單開關鈕*/
#c-hamburger {
  display: none;
  position: relative;
  margin: 0;
  padding: 0;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  margin:0 auto;
  transform: scale(.5);
  transition:.2s;
}

#c-hamburger:focus {
  outline: none;
}
#c-hamburger span {
  display: block;
  position: absolute;
  top: 14px;
  left: 18px;
  right: 18px;
  height: 8px;
  background: #AC7D4F;
  border-radius:10px;
}

#c-hamburger span::before,
#c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #AC7D4F;
  content: "";
  border-radius:10px;
}

#c-hamburger span::before {
  top: -20px;
}

#c-hamburger span::after {
  bottom: -20px;
}
#c-hamburger {
  background-color: #fff;
}

#c-hamburger span {
  transition: background 0s 0.3s;
}

#c-hamburger span::before,
#c-hamburger span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

#c-hamburger span::before {
  transition-property: top, transform;
}

#c-hamburger span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
#c-hamburger.active {
  /*background-color: #cb0032;*/
  height:36px;
}

#c-hamburger.active span {
  background: none;
}

#c-hamburger.active span::before {
  top: 0;
  transform: rotate(45deg);
}

#c-hamburger.active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

#c-hamburger.active span::before,
#c-hamburger.active span::after {
  transition-delay: 0s, 0.3s;
}


/********************************
	RWD
********************************/
#_m_banner{ display:none; height:0; overflow:hidden;}
#_m_banner{ width:100%;}
#_m_banner img{ width:100%;}


@media screen and (max-width: 1600px){
	#areaBox .areaBox_s{ display:inline-block; width:18%; vertical-align:top; text-align:center; }
	#areaBox .areaBox_ss{ width:26.5%; margin-bottom:5%;}
	
	.w990{ width:70%;  margin:0 auto; }
	
}
@media screen and (max-width: 1300px){  
.cirPic { border:0; overflow:hidden;}
	.cirPic li{ width:15.8%; border:1px dotted #cccccc; } 
	.cirPic li p._m_title{font-size:12px; font-weight:normal;}
	.cirPic li:last-child{ border-right:1px dotted #cccccc; } 
	.w990{ width:85%;  margin:0 auto; }
}
@media screen and (max-width: 1200px){
	.w990{ width:95%;  margin:0 auto; }
	.if_wrap_a { width: 100%;} 
	#top_control{ right:1%;}
	.cirPic { border:0; overflow:hidden;}
	.cirPic li{ width:15.8%; border:1px dotted #cccccc; } 
	.cirPic li p._m_title{font-size:13px; font-weight:normal;}
	.cirPic li:last-child{ border-right:1px dotted #cccccc; } 
	#g_header._scroll_mode #g_nav>ul{ margin-top:-50px;}
	#g_header._scroll_mode .logo{  width:130px;}
	#g_nav>ul>li>a{ height:95px;}
	#g_nav>ul>li>a{ display:block; width:105px; margin-bottom:10px; color:#000000; font-size:14px;} 
	#facebooknave{display:none;}
	.w1200{ width:100%;  margin:0 auto; }
}
@media screen and (max-width: 1060px){
	.newsBox li{ width:48%;}
	#show_dishes_page.page{ width:90%;} 
	.cirPic_wrap{width:100%; }
	#g_header._scroll_mode #g_nav>ul{ margin-top:0px;}
	#g_header._scroll_mode .logo{ display:none;}
	h4.sc_title {display:none;}
	.online li{ width:31%;}
	.online2 li{ width:32%;}
	#facebooknave{display:none;}
	.w1200{ width:100%;  margin:0 auto; }
}
@media screen and (max-width: 990px){
	#g_nav li{ margin-right:0;}
	.w990{ width:95%;  margin:0 auto; }
	.salesList_22 li{ width:32%; }
}
@media screen and (max-width: 950px) {
	#g_header{ border-bottom:1px solid #ddd;}
	#info_pane{display:none;}
	#g_header .logo { float:left; display:inline-block; margin: 0 auto; width:90px; }
	#g_header._scroll_mode .logo{  width:50px;}
	#g_header._scroll_mode #c-hamburger{ height: 42px; float:right;}
	#g_header._scroll_mode #c-hamburger.active{ height: 46px;}
	#wrap{ margin-top:192px;}
	#top{ width:100%; text-align:center; max-height:0; padding:0; opacity:0; visibility:hidden; position:relative; top:0; left:0;}
	.top_left{ display:none;}
	.top_right{ display:inline-block; width:80%; float:none; text-align:center; margin:0 auto;}
	.quickBox{ float:none;}
	#g_nav { float: none; text-align: center; max-height:0; opacity:0; visibility:hidden; width:271px; margin:0 auto;}
	#g_nav>ul>li{ margin:0;}
	#g_nav>ul{ max-height:0;}
	
	#top.active{ max-height:150px; opacity:1; visibility:visible;}
	#g_nav.active{ max-height:300px; opacity:1; visibility:visible; margin-bottom:5%;}
	#g_nav.active ul{ max-height:300px;}
	#g_nav.active ul ul{ display:none;}
	
	.quickBox li{ margin:0; text-align:center; position:relative;}
	.quickBox li a{display:block; width:90px; height:105px; color:#000; font-size:14px; background:none;}
	.quickBox li a i.i1{ display:block; margin:0 auto; background:url(../img/menu_105x105.png); width:40px; height:40px; margin-bottom:5px; transition:.2s;}
	.quickBox li a.icon_01 i.i1{ background-position:-240px 0px;}
	.quickBox li a.icon_02 i.i1{ background-position:-280px 0px;}
	.quickBox li a.icon_03 i.i1{ background-position:-320px 0px;}
	.quickBox li a span.t1{ text-indent:0;}
	.quickBox li a span.t2{ display:block; font-size:12px; text-indent:0;}
	
	#areaBox .areaBox_s{ width:49%; margin-bottom:5%;}
	#areaBox .areaBox_ss{ width:100%; margin-bottom:5%;}
	.ss_content { width:230px; }
	.quickBox li i#q_cart_num{ top:0px; right:10px;}
	#news_tblock{display:none}
#news_tlist{width:100%; float:left;}
	/*
	#g_nav li a i.i2{ opacity:0; transition:.2s; position:absolute; top:0; left:50%; margin-left:-20px;}
	#g_nav li:hover a i.i2{ opacity:1;}
	#g_nav li:hover a i.i1{ margin-bottom:0;}
	#g_nav li:hover>a{ color:#693806;}
	
	#g_nav li a.menu_01 i.i2{ background-position:0px -40px;}
	#g_nav li a.menu_02 i.i2{ background-position:-40px -40px;}
	#g_nav li a.menu_03 i.i2{ background-position:-80px -40px;}
	#g_nav li a.menu_04 i.i2{ background-position:-120px -40px;}
	#g_nav li a.menu_05 i.i2{ background-position:-160px -40px;}
	#g_nav li a.menu_06 i.i2{ background-position:-200px -40px;}
	*/
.cirPic {border:none;}
	.cirPic li{ width:31%; margin-right:0;  border: 1px dotted #cccccc; margin-bottom:1%; /*position:relative;*/}
	.cirPic li p._m_title{font-size:12px; font-weight:normal;}
	.cirPic li:last-child{ border-right: 1px dotted #cccccc;  }
	#search_bar{ display:none;}
	#g_nav ul{ margin-top:0;}
	
	#c-hamburger{  float:right; display:inline-block;}
	
	.newsPic{ width:252px;} 
	
	.secretList li{ width:48%; margin-right:4%;}
	.secretList li:nth-child(3n) { margin-right: 4%;}
	.secretList li:nth-child(2n) { margin-right: 0;}
	
	.newWrap li time{ width:115px;}
	
	.link_list .img{ width:30%;}
	.link_list .txt{ width:65%; margin-left:5%; float:left; padding-left:0;}
	
	
	#idxb_bt_prev,#rpi_bt_prev{ left:0%; top:40%;}
	#idxb_bt_next,#rpi_bt_next{ right:0%; top:40%;}
	#idxb_bt_prev:hover,#rpi_bt_prev:hover{ left:-2%;}
	#idxb_bt_next:hover,#rpi_bt_next:hover{ right:-2%;}
	

	#g_nav li ul li{ background:#fff;}
	#g_nav li ul{ width:100px;}
	
	.quickBox li.lang{ width: 100px; display: block; border: 1px solid #ccc; margin: 0 auto; padding: 4px 0 7px; margin-bottom: 20px;}
	.quickBox li.lang:hover ul{ top:104%;}
	.quickBox li.lang ul{ margin-left:0;}
	.quickBox li.lang a i{ background:url(../img/quick_20x20.png) -60px 0; width:20px; height:20px; float:right;}
	
	#g_header._scroll_mode #g_nav>ul{ margin-top:0;}
	
	#g_nav li a{ width:87px;}
	.quickBox li a{ width:87px;}
	
	._m_show{ display:block;}
}
@media screen and (max-width: 770px) {
	.cooklist a .black { position:static; opacity:1; visibility:visible; transform:rotateY(0); background:#fff; text-align:left;}
	.cooklist a .text{ display:block;}
	.cooklist a .text h2{ font-size:17px; font-size: 22px; margin: 5px 0 10px;}
	.cooklist a .text p{ color:#333; width:100%; height:60px;}
	
	#shop_banner a .black { position:static; opacity:1; visibility:visible; transform:rotateY(0); background:#fff; text-align:left;}
	#shop_banner a .text{ display:block;}
	#shop_banner a .text h2{ font-size:17px; font-size: 22px; margin: 5px 0 10px;}
	
	#relate_shop .hover{ position:static; background:#D7AD42;}
	#relate_shop .hover span{ margin-top:0%; transform:scale(.8);}
	#relate_shop .toInfo{ margin-top:0%; transform:scale(.8);}
	#relate_shop .toCart{ margin-top:0%; transform:scale(.8);}
	#relate_shop .toInfo:hover{ margin-top:0%;}
	#relate_shop .toCart:hover{ margin-top:0%;}
	
	#B_img{ width:100%;}
	#B_txt{ width:100%; margin-left:0;}
	
	#dishes_share_page #B_img{ width:100%;}
	#dishes_share_page #B_txt{ width:100%;}
	
}
@media screen and (max-width: 750px) {
	#areaBox .areaBox_s{ width:49%; margin-bottom:5%;}
	#areaBox .areaBox_ss{ width:100%; margin-bottom:5%;}
	.ss_content { width:260px; }
	
	.salesList_22 li{ width:48.5%; }
		
	
}
@media screen and (max-width: 700px) {
	/*
	#g_header{ display:none;}
	*/
	
	.online li{ width:45.8%;}
	#hombody .online li{ display:none;}
	#hombody .online li:nth-child(1),
	#hombody .online li:nth-child(2),
	#hombody .online li:nth-child(3),
	#hombody .online li:nth-child(4),
	#hombody .online li:nth-child(5),
	#hombody .online li:nth-child(6){ display:inline-block; }
	.online2 li{ width:48.6%;}
	.fl_tai{ width:100%; text-align:center;}
	.fl_tai .btn34 li{ width:auto; margin:0 1%;}
	.fr_tai_list{ width:100%;}
	/*
	#hombody .fr_tai_list .salesList li .f12_gray{ display:none;}
	#hombody .salePic{ display:none;}
	*/
	
	.page{ width:100%;}
	
	.newsPic { width: 173px; } 
	#dishes_list li{ width:24%;}
}

@media screen and (max-width: 650px) {
	
	
	#fb_foot{ display:none;}
	
	
	.newsBox li{ width:100%;}
	
	.fl_78{ width:100%; margin-bottom:5%;}
	.fr_20{ width:100%; margin-bottom:5%;}
	
	.cooklist a .img{ height:0; padding-bottom:45%; overflow:hidden;}
	.cooklist.mt10:nth-child(4){ display:none;}
	
	.fr_20 .big{ display:block;}
	.fr_20 .small{ display:none;}
	

	.f30_gray{ font-size:24px;}
	.f20_black{ font-size:18px;}
	.cooklist a .text h2{ font-size:18px;}
	
	#control{ display:none;}
	.fl_78_shop{ width:100%;}
	.fr_20_shop{ width:100%;}
	.join_1{ line-height:60px; font-size:17px;}
	.join_2{ line-height:60px; font-size:17px;}
	
	
	.fl_pic{ width:100%;}
	.picBox p{ width:100%;}
	
	.num { clear: both; float: left;}
	
	/*
	#pdi_img{ height:0; overflow:hidden;}
	#_m_pdi_img{ height:auto; overflow:hidden;}
	*/
	
	
	/*
	.cirPic li p.mt20{ display:none;}
	.cirPic li p._m_title{ display:block; background:#fff; font-size:20px; position:absolute; top:50%; right:0; padding:10px;}
	.cirPic li .brown_line{ display:none;}
	*/
}
/*
@media screen and (max-width: 640px) {
	#_m_banner{ display:block; height:auto;}
	#idx_banner{ display:none; height:0; overflow:hidden;}
}
*/
@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; }
	.rwd_table tr td:first-child{ padding-top:10px;}
	.rwd_table tr td:last-child{ border-bottom:1px solid #bbb;}	
	._m_s_h2{ display:block;}
	._m_hide_1{ display:none;}
	._m_cart_tb_1{ display:block;}
	
	.s_tb_2{ background:#f1f1f1;}
	.s_tb_2 tr:nth-child(2n){ background: rgba(255, 255, 255, .5);}
	.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;}
	
	.s_h2{ font-size:13px; text-indent:10px;}
	
	.salesList_2 li { width: 100%; margin-right: 0%;}
	.salesList_2 li { width: 100%; margin-right: 0%;}
	#cart_sum{ width:95%; margin:0 auto; float:none; min-width:0;}
	
	
	
}
@media screen and (max-width: 560px) {
	.newWrap li time{ display:block;}
	.newWrap li time.lunarDate{ display:none;}
	
	.newsPic { width: 30%; margin-right:0;}
	.newText { padding-left: 0; width:65%; margin-left:5%; float:left;}
}
@media screen and (max-width: 500px) {
	/*
	#hombody .salesBox .fl_tai{ display:none;}
	#hombody .salesList li{ display:none;}
	#hombody .salesList li:nth-child(1),
	#hombody .salesList li:nth-child(2),
	#hombody .salesList li:nth-child(3){ display:block;}
	*/
	.salesList li{ width:100%;}
	#hombody .overseas{ display:none;}
	#hombody .taiwan{ border:0; margin-bottom:0; padding-bottom:0;}
	
	#s_banner{ overflow:hidden;}
	#s_banner img { width: 150%; margin-left: -25%;}
	
	.cirPic li{ width:48%; margin-right:0;  border: 1px dotted #cccccc; margin-bottom:1%; /*position:relative;*/}
	
	.quickBox li a.icon_01{ background-position:-10px -105px;}
	.quickBox li a.icon_02{ background-position:-115px -105px;}
	.quickBox li a.icon_03{ background-position:-217px -105px;}
	
	#g_nav li a.menu_01{ background-position:-10px 0px;}
	#g_nav li a.menu_02{ background-position:-115px 0px;}
	#g_nav li a.menu_03{ background-position:-220px 0px;}
	#g_nav li a.menu_04{ background-position:-325px 0px;}
	#g_nav li a.menu_05{ background-position:-430px 0px;}
	#g_nav li a.menu_06{ background-position:-535px 0px;}
	
	.little_secret{ padding:5%; width:90%;}
	.fl_tai .btn34 li{ margin:5px;}
	.tag_wrap button{ margin:5px;}
	
	.newsPic{ width:100%;}
	.newText{ width:100%; float:left; padding-left:0; margin-left:0;}	
	.newWrap li{ padding-bottom: 10%; border-bottom: 1px solid #ddd;}

	.link_list .img{ width:40%;}
	.link_list .txt{ width:55%;}
	
	#idxb_bt_prev,#idxb_bt_next,#rpi_bt_prev,#rpi_bt_next{ display:none;}

}
@media screen and (max-width: 450px) {
	.btn3, .btn4, .btn5, .btn6 { width: 65px; line-height: 65px; border-width:1px;}
}
@media screen and (max-width: 380px) {
	.btn3, .btn4, .btn5, .btn6 { width: 50px; line-height: 50px; }
}








/*拷貝RWD*/

@media screen and (max-width: 1200px) {
	.if_wrap_a{ width:100%;}
}
@media screen and (max-width: 990px) { 
	#container .idea .boxWrap .box{ width:33%;}
	#container .idea .boxWrap .box:nth-child(3) .plus{ display:none; }
	#container .banner_slider ul.banner_s li img{ width:22%;}
}
@media screen and (max-width: 800px) { 
	#ftpsw_captcha, #m_captcha, #edm_captcha, #edm_un_captcha{ width:45%;}
}
@media screen and (max-width: 740px) { 
	.fr_heart{ width:100%; float:left;}
	.fr_heart img { width:100%; float:left;}
	.fl_heart { width:100%; margin-right:0;}
}
@media screen and (max-width: 730px) { 
	.new_L {width:100%; margin:0; float:none;}
	.new_R { width:98%;}
	.margin-top{ margin-top:3%;}
}
@media screen and (max-width: 680px) {
	.zone .feature li { width:30%; margin-right:2.6%; margin-bottom:2%;}
	.pager { float:left; width:100%;}
}
@media screen and (max-width: 650px) {
	.s_form_1 label.s_1{ clear:both; margin-left:5px;}
	
	.ibox{ width:280px;  margin:10% auto 0 auto; position:relative;}
	.ibox_forgotPsw{ }	
	
	.close_ibox { top:0; right:0;}
	.side_l, .side_r{ width:84%; padding:3% 7%;}
	.side_l{ border-right:0; border-bottom:1px dashed #99cccc;}
	.side_r{ margin-top:0; float:none;}
	.side_c{ width:85%;}
	.side_a{ display:none;}
	.side_b{ width:84%; padding:3% 7%; border:0;  margin: 11% auto;}

	
	#m_captcha,#ftpsw_captcha,#edm_captcha, #edm_un_captcha{ width:44%;}
	._m_gheader_space_1{ height:80px;}
	._m_gheader_space_2{ height:100px;}
	._m_gheader_space_3{ height:70px;}

	.pd_img{ width:62.5%;}
	.pd_details{ width:35%;}
	.pd_title .pd_now_price{ font-size:50px;}
	.pdl_item h3{ width:90%;}
	.pdl_item span.s_1{ width:50%;}
	.pdl_item span.s_2{ font-size:17px;}
	.pdl_item span.s_3{ float:left; text-align:left; width:30%;}
	.s_msg .msg_author{	width: 30%;}
	.s_msg .msg_comment{ width: 66%;}
	#atm_bank{ width:98%;}	
	.sep_2{ padding-left:28%;}
	
	.order_steps li { margin: 0; background-position: 85% 50%;}	
	.order_steps li { margin-top:20px;}
	.banner_slider ul.banner_s li a { font-size:16px;}
	
	.global_right .onsale{ width:112%; margin-left:-6%;}
	
	#R_txt .fl_78_shop{ width:45%;}
	#R_txt .fr_20_shop{ width:50%;}
	
	
}
@media screen and (max-width: 640px) {
	.s_h2 { font-size: 13px; text-indent:10px;}
}
@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; }
	.rwd_table tr td:first-child{ padding-top:10px;}
	.rwd_table tr td:last-child{ border-bottom:1px solid #bbb;}	
	._m_s_h2{ display:block;}
	._m_hide_1{ display:none;}
	._m_cart_tb_1{ display:block;}
	
	.s_tb_2{ background:#f1f1f1;}
	.s_tb_2 tr:nth-child(2n){ background: rgba(255, 255, 255, .5);}
	.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;}
	
	.s_h2{ font-size:13px; text-indent:10px;}
	
	#R_txt .fl_78_shop{ width:100%;}
	#R_txt .fr_20_shop{ width:100%; margin-left:0%;}


}
@media screen and (max-width: 550px) { 
	.s_form_001 li label{ width:100%; text-indent:2px;}
	.s_form_001 li input[type=text], .s_form_001 li input[type=password] {width:95%; padding:0 2%;}
	.s_form_001 li select{ width:50%; margin-bottom:7px;}	
	.chk_lay{ left:60%;}	
	.sep_1{ padding-left:0;}
	.sep_1 div{ width:100%;}
	.order_steps li{ padding-right:15px; 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;}	
	.newlist li .gray_line { width: 65%;}
	
	.fl_Q{ float:left; width:10%; margin-right:5%;}
	.fr_text{ float:left; width:85%; padding-left:0;}
}
@media screen and (max-width: 500px) { 

	.page { width: 100%;}
	.addBox{ width:100%; float:left;}
	
	.join_1 span,
	.join_2 span{ background-size:23%; text-indent:32px;}
	
	
}
@media screen and (max-width: 450px) {
	.sbt_big { padding: 8px 14px;}
	.online li{ width:95%;}
	#dishes_list li { width: 32%;}
}
@media screen and (max-width: 400px) { 

	#container .idea .boxWrap .box{ width:100%;}
	#container .idea .boxWrap .box .plus{ display:none; }
	#container .idea .boxWrap .box:nth-child(3) .plus{ display:none; }
	
	#container .idea { margin: 20px 0 20px 0;}
	#container .idea .boxWrap .box p{ margin:12px 0;}
	#foot .foot_right{ float:left;}
	#foot .foot_right li a { line-height:0;}
	
	.mediaV {width:100%; margin-right:0;}
	
	.new_R .leftTop, .new_R .rightTop, .new_R .leftDown, .new_R .rightDown { width: 100%; display: block;}
	
	.popular li{ display:block; width:100%;}
	.popular li h4{ margin-top:20px;}
	.popular li p{ margin-bottom:20px;}
	
	.rec_L{ width:100%; float:none; margin-bottom:1%;}
	.rec_R{ width:100%; float:none;}
	
	#container .global_right .itemList li { width:95%; margin-right:0;}
	.zone .feature li { width:100%; margin-right:0;}
	.zone .feature li img { width:80%;}
	.zone .ad_2, .ad_3 { width:100%;}
	.banner_slider ul.banner_s li a { font-size:12px;}
	
	.media_banner{ margin-bottom:5%; width:112%; margin-left:-6%;}

}



@media screen and (max-width: 1000px) {
	#wrap{margin-top: 0;}
	#g_header{display:none;} 

 
.mini_logo{ width:80px; margin:0px auto; display:block;}
.mini_logo img{ width:100%;} 
   
.MENU{ position:relative; height:82px;}
 
.MINI_MENU_BANRRE{ display:block; height:90px; width:100%; background:#F3F3F3;   position: relative; top:0; box-shadow:-4px -4px 3px rgba(183, 183, 183, 0.5); }
.openMINI_MENU_BANRRE{ position:absolute; left:26px; top:31%; z-index:1;}
 .mini_phone{ position:absolute; right:26px; top:18%; z-index:1;}
.mini_phone a{ float:left; width:48%; margin:0 2%;}
 

/**/

.mini_top{ display:block;}
.mini_top .logo{ float:none; margin:1% auto;}
.mini_menu>ul{ position:absolute; top:49px; left:0px; display:block; width:100%; z-index:999;}
.mini_menu>ul li a{ width:100%; height:44px; display:block; color:#FFF; background:#BA0469 url(../img/right.png) no-repeat 331px 13px; font-size:14px; line-height:43px; padding-left:30px; border-bottom:rgba(255, 255, 255, 0.29) solid 1px; }
.mini_menu>ul li ul li a{ background:#CF0776;}
 
/*mini_menu*/
  #page { width:100%; overflow:hidden;  margin: 0 auto; background:#FFF;  }

    .panel {
      display: none;
      width: 220px;
      overflow: auto;
      background-color: #333;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #222;
    }
#left-panel ul li a{ color:#FFF; display:block; padding:18px 5px; border-bottom:#414141 solid 1px;  }
#left-panel>ul>li>a{background:url(../img/menu05.png) no-repeat 95% 22px;   font-size: 16px;}
#left-panel ul li a.no_baicon{ background:none;}
#left-panel ul li>ul{ display:none;}
/*#left-panel ul li ul li ul{ display:none;}*/
#left-panel ul li ul li ul li a{ background:#4D4D4D; border-bottom: #5E5E5E solid 1px;}
#left-panel ul li ul li a{ background:#3D3D3D ;   border-bottom: #515151 solid 1px;   font-size: 16px;}
.min_iconf{ margin:5% 0;}
.min_iconf a{ display:block; float:left; margin-right:10%;}
.menu_miniicon{  margin: 16px 11px;
  display: block;}
 




}