@charset "utf-8";
/*
	1. $Reset
	2. $body,html
	3. $共用
	4. $架構
*/

/* $Reset
--------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
tr,th,td{border: 1px solid #b9b9b9;padding: 1%;vertical-align: middle;}

/* $body,html
--------------------------------------------------------------------------------------*/
html,body{ width:100%; height:100vh; min-width:1024px; font-family:Arial,"Meiryo","微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif;}


/* $共用
--------------------------------------------------------------------------------------*/
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
*, *:before, *:after {box-sizing: border-box; }
/*----清除浮動技巧----*/
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/*----清除浮動技巧----*/

.clean{ clear:both; }
img{ vertical-align:text-top; }
a{ text-decoration:none;  color:#ea7618;  }
a:hover{ color:#ea4918; }
.fontsize16{ font-size:16px; }
.fontsize17{ font-size:17px; }
.for_pc{ display:block; }
.for_mobile{ display:none; }

/*______________________________________________________________________________________
	
	 								CSS  Contenter
________________________________________________________________________________________*/

.wrapper{ width: 100%; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* 左側選單  */
/* delete .g-nav  position: fixed; by chihung  */
.g-nav{ position:fixed;left: 0; top: 0; width: 209px; height: 100vh; z-index: 10; background: #f8f8f8;}
.g-nav .m-headtop{ background: #f8f8f8; width: 100%; height: 85px; }
.g-nav .m-headtop .u-logo{position: absolute; left: 50%; top: 35px; margin: 0 0 0 -66px; width: 124px; background: #f8f8f8;}
.g-nav .m-headtop .u-logo img{ width: 100%; }
a#menu-btn{ display: none; }
ul.u-menu{width: 100%;}
ul.u-menu li{text-align: left; width: 100%; margin:0px 0; z-index: 1;    }
ul.u-menu li a{display: block; font-size: 1em; color: #2e2f2f; width: 100%; padding:12px 0; }
ul.u-menu li:hover a{ background: #f8ece3; }
ul.u-menu li a span{background: url("../images/arrow.gif") no-repeat 170px center; padding: 0px 0px 0px 42px; display: block;}
/* 20221207 拿掉自有品牌
ul.u-menu li:nth-child(1) a,ul.u-menu li:nth-child(3) a,ul.u-menu li:nth-child(4) a,ul.u-menu li:nth-child(9) a{ letter-spacing: 6px; }
ul.u-menu li:nth-child(5) a,ul.u-menu li:nth-child(6) a,ul.u-menu li:nth-child(7) a{ letter-spacing: 48px; } 
ul.u-menu li:nth-child(8) a{ letter-spacing: 10px; }
ul.u-menu li:nth-child(10) a{ letter-spacing:22px; padding-left:2px;}
ul.u-menu li:nth-child(12) a{ letter-spacing: 48px; } 
*/ 
ul.u-menu li:nth-child(1) a,ul.u-menu li:nth-child(3) a,ul.u-menu li:nth-child(8) a{ letter-spacing: 6px; }
ul.u-menu li:nth-child(4) a,ul.u-menu li:nth-child(5) a,ul.u-menu li:nth-child(6) a{ letter-spacing: 48px; } 
ul.u-menu li:nth-child(8) a{ letter-spacing: 10px; }
/*ul.u-menu li:nth-child(10) a{ letter-spacing:22px; padding-left:2px;}*/
ul.u-menu li:nth-child(12) a{ letter-spacing: 48px; }
ul.u-menu li:hover a + .m-subitem-wrapper {display: block; }
ul.u-menu li .m-subitem-wrapper ul.m-navitem-subitem a span {background: url(../images/arrow.gif) no-repeat 210px center;}    
ul.u-menu li .m-subitem-wrapper ul.m-navitem-subitem a span{ padding: 0px 0px 0px 31px;}



/* 次選單  */
ul.u-menu li .m-subitem-wrapper{height: 100vh; overflow: hidden ; padding-top: 0; position: absolute; top: 0; overflow: hidden !important; left: 209px; display: none; width: 235px; z-index: 100; background: #f8ece3; -webkit-animation: AnimationName 60s ease infinite; -moz-animation: AnimationName 60s ease infinite; animation: AnimationName 60s ease infinite; z-index: -1; box-shadow:2px 2px 2px rgba(0%,0%,0%,0.2),4px 4px 6px rgba(0%,0%,0%,0.1),2px 2px 4px rgba(0%,0%,0%,0.2); } 
ul.u-menu li .m-subitem-wrapper .m-subitem{width: 260px; position: relative; padding-top: 19px; height: 100vh; overflow-y: scroll;}
ul.u-menu li .m-subitem-wrapper .m-subitem h3{display: block; font-size: 24px; color: #171717; width: 75%; text-align: center; margin: 0 auto 15px auto; letter-spacing: 5px; border-bottom:2px solid #161616; padding: 7px 0px 11px 0; font-weight: normal;  }
ul.u-menu li:last-child .m-subitem-wrapper .m-subitem h3 {letter-spacing: 0px;} /*just for CR&S to 1 line*/
ul.u-menu li  > .m-subitem-wrapper a{ letter-spacing: 0; }
ul.u-menu li a span > ul.m-navitem-subitem li a span{ padding: 0; }
ul.u-menu li a span:after{ position: absolute; content: ""; background: url("../images/arrow.gif") no-repeat 200px center; display: block; width: 29px;}
ul.m-navitem-subitem li a:hover{ background: #f4e0d1; }
ul.m-navitem-subitem li a span{ display: block;}
ul.u-menu li ul.m-navitem-subitem li { text-align: left; }
ul.u-menu li .m-subitem ul.m-navitem-subitem{margin: 0 0 60px 0;}



/* 社群ICON  */
.m-navicon{position: relative; width: 137px; padding-top: 10px ; margin: 13px auto;}
.m-navicon a.u-fb, .m-navicon a.u-ig, .m-navicon a.u-tik {display: inline-block; width: 24px; height: 24px; margin: 0 5px; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-navicon a.u-fb{ background: url("../images/icon.png") no-repeat 0 0; }
.m-navicon a.u-ig{ background: url("../images/icon.png") no-repeat -37px 0;}
.m-navicon a.u-tik{ background: url("../images/icon.png") no-repeat -73px 0; }
.m-navicon a:hover.u-fb, .m-navicon a:hover.u-ig, .m-navicon a:hover.u-tik{ opacity: .7; }

/* 20180205 ichannel新增 */
.m-navicon a.u-ichaneel{display: inline-block; width: 130px; height: 20px; margin: 10px 5px 0 2px; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-navicon a.u-ichaneel{	background-image: url(../images/logo_ichannel.png);	background-repeat: no-repeat;}
.m-navicon a:hover.u-ichaneel{ opacity: .7; }


/* 右側內容 */
.g-main{ position:relative; box-sizing:border-box; width:100%; min-width:1024px; padding-left:209px; overflow:clip; }


/*  topbar */
.m-topbar{position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 38px; padding-left: 209px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #00a64e;}
/* .m-topbar .m-tip{ display: inline-block; color: #fff; font-size: 15px; line-height: 38px; text-align: center; width: 211px;background: #fc7c2e; height:38px;box-shadow: 0px 2px 0px rgba(20%,20%,40%,0.3), 0px 1px 2px rgba(20%,20%,40%,0.1); } */
/* 20230918 edit */
.m-topbar .m-tip{ display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size: 15px; line-height: 38px; text-align: center; width: 250px;background: #fc7c2e; height:38px;box-shadow: 0px 2px 0px rgba(20%,20%,40%,0.3), 0px 1px 2px rgba(20%,20%,40%,0.1); }
.m-topbar .m-tip a{color: #fff; display: inline-block; }
.m-topbar .m-tip a:hover{ color: #f7ffc2; }
.m-itemicon{ position:absolute; right:160px; top:6px; /*width:440px;*/ z-index:10; display:flex; align-items:center; color:#fff;} 
.m-itemicon a{ color:inherit; padding:0 14px; }
.m-itemicon a:hover{ opacity:.8; }
.m-itemicon ul.u-itemicon{ /*position: relative; float: left; z-index: 11;  width: 280px;*/  display:flex; }
.m-itemicon ul.u-itemicon li{ position: relative; float: left; margin:0 14px; /*height: 30px;*/ }
.m-itemicon ul.u-itemicon li::after{ content: ""; position: absolute; left: -15px; top: 0; width: 1px; height: 100%; border-right:1px solid #008a42;  }
.m-itemicon ul.u-itemicon li::before{ content: "" ; position: absolute; left: -16px; top: 0 ;width: 1px ;height: 100%; border-right:1px solid #3fc37d;  }
.m-itemicon ul.u-itemicon li a{display: block; text-indent: -99999px; width: 24px; height: 24px; } 
.m-itemicon ul.u-itemicon li:nth-child(1) a{ background:url("../images/icon.png") no-repeat -119px -32px; }
.m-itemicon ul.u-itemicon li:nth-child(2) a{ background:url("../images/icon.png") no-repeat 0 -32px; }
.m-itemicon ul.u-itemicon li:nth-child(3) a{ background:url("../images/icon.png") no-repeat -30px -32px; }
.m-itemicon ul.u-itemicon li:nth-child(4) a{ background:url("../images/icon.png") no-repeat -62px -32px; }
.m-itemicon ul.u-itemicon li:nth-child(5) a{ background:url("../images/icon.png") no-repeat -90px -32px; }
.m-itemicon ul.u-itemicon li a:hover{ opacity: .8; }
.m-search{ width: 216px; float: right; }
input[type="text"] { color: #a4a4a4; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px;appearance: none; border: none; font: inherit; margin: 0; outline: 0; padding: 0; }
input[type="search"] {appearance: textfield; box-sizing: content-box; width: 142px; height: 25px; padding: 0 8px; background: #fff; color: #3c3c3c; font-size: 12px; letter-spacing: 1px; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
input[type="search"]::-webkit-input-placeholder {color: #b8b8b8; font-weight: normal; font-style: italic;    }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; appearance: none; box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);}
input[type="search"]:focus{ background: #f3f3f3;   }
.u-schbutton{width: 32px; height: 25px; position: absolute; padding:0 0 0 0px; right: 27px; color: transparent; border-radius: 2px; cursor:pointer; border-left:1px solid #a9a9a9; background: url(../images/icon.png) no-repeat 0 -60px; background-color: #ffffff; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.u-schbutton:hover{ background-color: #ebebeb; }
/*  topbar end */

ul.m-lansubmenu{ position: absolute; /*top: 30px;*/ left: -18px; background: #00a64e; width: 140px;padding: 3px 0 5px 3px; display: none; }
.m-itemicon ul.u-itemicon li ul.m-lansubmenu li{ position: relative;  width: 100%; height: auto; }
.m-itemicon ul.u-itemicon li ul.m-lansubmenu li::before,.m-itemicon ul.u-itemicon li ul.m-lansubmenu li::after{ display: none; }
.m-itemicon ul.u-itemicon li ul.m-lansubmenu li a { position: relative; background: none; width: 100%; font-size: 12px; display: inline-block; color: #fff;  text-indent: 0; height: auto; padding: 8px 0; }
.m-itemicon ul.u-itemicon li ul.m-lansubmenu li a:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 75%; height: 1px; border-top:1px dotted #ccc; display: block;  }
.m-itemicon ul.u-itemicon li ul.m-lansubmenu li:last-child a:after{ display: none; }
.m-itemicon ul.u-itemicon li:hover:nth-child(5) > ul.m-lansubmenu{ display: block; }
.s-lt{ color: #f5f072; font-size: 13px; display: block;  }
.shaded{ display: inline-block; }
.m-tipwrp{ display: none; }


/* kv slider */
.m_kvwrp#indexkv { position: relative; width: 100%; margin-top: 38px;padding-bottom: 42px; z-index: 0; overflow: hidden;}
#indexkv .swiper-container{ position: relative; height: 500px; overflow: hidden; background: #ececec; }
#indexkv .swiper-container .swiper-wrapper .slide1{ background: url("../images/171025/P2.gif") no-repeat center top; }
#indexkv .swiper-container .swiper-wrapper .slide2{ background: url("../images/171025/P3.jpg") no-repeat center top; }
#indexkv .swiper-container .swiper-wrapper .slide3{ background: url("../images/171025/citycafe.gif") no-repeat center top; }
#indexkv .swiper-container .swiper-wrapper .slide4{ background: url("../images/171025/brunch.jpg") no-repeat center top; }
#indexkv .swiper-container {width: 100%; height: 541px; overflow: hidden;}
#indexkv .swiper-slide{text-align:center; font-size:18px; background:#fff; width:70%; min-width:1030px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
#indexkv  p{ font-size:14px; }
#indexkv .swiper-slide-active{ opacity: 1; }
#indexkv .swiper-slide:nth-child(2n){width: 60%; }  
.swiper-slide a{ display: block; width:100%; height:100%;}
#indexkv .swiper-pagination-fraction, #indexkv .swiper-pagination-custom, #indexkv .swiper-container-horizontal > #indexkv .swiper-pagination-bullets{bottom: -29px;}
#indexkv .swiper-container-horizontal > #indexkv .swiper-pagination{ background: #ececec; padding: 13px 0;}
#indexkv .swiper-pagination-bullet {width: 11px; height: 11px; display: inline-block; border-radius: 100%; background: #cfcfcf; opacity: 1; }
#indexkv .swiper-pagination-bullet-active {opacity: 1; background: #e23e32; }
#indexkv .swiper-button-prev, #indexkv .swiper-button-next{top: 98.5%; }
#indexkv .swiper-button-prev, #indexkv .swiper-button-next{ width: 12px; height: 20px;}
#indexkv .swiper-button-next {background-image: url("../images/arrow_R.png") ; right:10%; background-size: cover; left: auto;}
#indexkv .swiper-button-prev {background-image: url("../images/arrow_L.png") ; left: 10%; background-size: cover; right: auto; }
#indexkv .swiper-pagination-fraction, #indexkv .swiper-pagination-custom, #indexkv .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0px; padding: 15px 0; height: 41px; background: #ececec; }
#indexkv .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px 5px; }
.m_kvwrp#indexkv .m_kvwrp_nav{ position:absolute; bottom:0; width:100%; height:36px; display:flex; align-items:center; justify-content:center; gap:28px; }
.m_kvwrp#indexkv .m_kvwrp_nav .swiper-button-prev,
.m_kvwrp#indexkv .m_kvwrp_nav .swiper-button-next{ position:relative; top:unset; left:unset; right:unset; margin:0; width:12px; height:20px; background-position:center center; }
.m_kvwrp#indexkv .m_kvwrp_nav .swiper-pagination{ position:relative; width:auto; display:flex; gap:8px; flex-wrap:wrap; justify-content:center;}
.swiper-pagination-fraction{ position:absolute; bottom:0; right:0; display:flex; align-items:center; gap:2px; font-size:12px; padding:.25em .75em; background:#00000080; color:#fff; border-radius:1.5em; }




/* 輪播 Google Ads */
.index_kv_GAds{ width:100%; }
.index_kv_GAds .swiper-container_kv{ position:relative; width:100%; overflow:hidden; }
.index_kv_GAds .swiper-container_kv .swiper-slide{ width:970px; height:250px; background:#fff;}
.index_kv_GAds .swiper-container_kv .swiper-slide > *{ opacity:.1; }
.index_kv_GAds .swiper-container_kv .swiper-slide.swiper-slide-active > *{ opacity:1; }
.index_kv_GAds .swiper-container_kv .swiper-slide img{ width:100%; height:auto; }
.index_kv_GAds .index_kv_nav{ position:absolute; width:100%; max-width:calc(970px + 48px); height:100%; top:0; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; z-index:2; pointer-events:none;}
.index_kv_GAds .index_kv_nav .swiper-button-prev,
.index_kv_GAds .index_kv_nav .swiper-button-next{ position:relative; top:unset; left:unset; right:unset; margin:0; width:20px; height:20px; flex:0 0 20px; background-position:center center; background-size:auto 100%; pointer-events:auto; } 
.index_kv_GAds .index_kv_nav .swiper-button-prev{ background-image:url(../images/arrow_L4.png); }
.index_kv_GAds .index_kv_nav .swiper-button-next{ background-image:url(../images/arrow_R4.png); }
.index_kv_GAds .index_kv_nav .swiper-pagination{ position:relative; width:auto; display:flex; flex-wrap:wrap; justify-content:center;}
.index_kv_GAds .index_kv_nav .swiper-pagination .swiper-pagination-bullet{ width:11px; height:11px; background:#cfcfcf; opacity:1; }
.index_kv_GAds .index_kv_nav .swiper-pagination .swiper-pagination-bullet-active{ opacity:1; background:#e23e32; }
.index_kv_GAds .index_kv_nav .swiper-pagination-fraction{ position:absolute; /*bottom:10px; right:42px;*/ bottom:4px; right:28px; }


  /* 主內容 */
.g-maincontent{ position:relative; margin:0 auto 40px; }
.g-maincontent {margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@media (min-width: 768px) {.g-maincontent {width: 750px; }}
@media (min-width: 992px) {.g-maincontent {width: 970px; }}
@media (min-width: 1200px) {.g-maincontent {width: 90%; }}
@media (min-width: 1500px) {.g-maincontent {width: 90%; }}
.m-tvcwrp{position: relative; width: 100%; min-width:924px; margin:0 0 60px; }
.m-tvcwrp .m-tvcarea{display: flex; flex-direction: row; }
.m-tvcwrp .m-tvcarea .m-tvc{width: 100%; margin: 0 20px 0 0; position:relative; }
.m-tvcwrp .m-tvcarea .m-tvc iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
/* .m-tvcwrp .m-tvcarea a.m-tvc-ct{	width: 296px; min-width: 296px;  border: 3px solid rgba(252,124,46,0); overflow: hidden; margin: 0px 0 0 0;     padding: 0 0 10px 0;} 20190924*/
.m-tvcwrp .m-tvcarea a.m-tvc-ct{	width:300px; min-width:300px;  border: 3px solid rgba(252,124,46,0); overflow: hidden; margin: 0px 0 0 0;     padding: 0 0 10px 0;}
.m-tvcwrp .m-tvcarea a.m-tvc-ct picture{ width: 296px; height:240px; overflow: hidden;   display: block;  }
.m-tvcwrp .m-tvcarea a.m-tvc-ct picture img{transition: 0.5s; width: 100%;  }
.m-tvcwrp .m-tvcarea a.m-tvc-ct:hover > picture img{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform: scale(1.1);}
.m-tvcwrp .m-tvcarea a.m-tvc-ct:hover{ border: 3px solid rgba(252,124,46,1); }
a.m-tvc-ct p{ padding:10px 10px 0 10px; }
p{ font-size: 14px; color: #767676; line-height: 1.5em; margin: 8px 0; letter-spacing: 1px; word-break: break-all; }
p.time{ color: #ea5415; font-size: 13px; margin: 5px 0 0 0; }
h3.title{ color: #ff473d; font-size: 26px; font-weight: normal; margin: 0 0 20px 0; line-height: 1.5em; white-space: nowrap; }
a.u-morebtn{ display: none; }

/* 精品 */
.boutique_wrp{ display:flex; align-items:flex-start; gap:20px; }
.boutique_wrp .boutique_gruop{width:calc(100% - 320px); } 
.boutique_wrp .swiper-container_boutique{ position:relative; width:100%; /*overflow:hidden;*/ } 
.boutique_wrp .swiper-container_boutique img{ width:100%; height:auto; }
.boutique_wrp .swiper-container_boutique .swiper-container2-arrow{ position:absolute; top:0; left:-24px; width:calc(100% + 48px); height:100%; display:flex; align-items:center; justify-content:space-between; pointer-events:none; z-index:2; } 
.boutique_wrp .swiper-container_boutique .swiper-container2-arrow .swiper-button-prev,
.boutique_wrp .swiper-container_boutique .swiper-container2-arrow .swiper-button-next{ position:relative; top:unset; left:unset; right:unset; margin:0; width:20px; height:20px; flex:0 0 20px; background-position:center center; background-size:auto 100%; pointer-events:auto; } 
.boutique_wrp .swiper-container_boutique .swiper-container2-arrow .swiper-pagination{ position:absolute; /*bottom:10px; right:42px;*/ bottom:4px; right:32px; } 
.boutique_wrp .swiper-container_boutique .swiper-container2-arrow .swiper-pagination .swiper-pagination-bullet{ width:11px; height:11px; background:#cfcfcf; opacity:1; }
.boutique_wrp .swiper-container_boutique .swiper-container2-arrow .swiper-pagination .swiper-pagination-bullet-active{ opacity:1; background:#e23e32; }
.boutique_wrp .swiper-container_boutique .swiper-slide{ opacity:0; pointer-events:none; }
.boutique_wrp .swiper-container_boutique .swiper-slide-active{ opacity:1; pointer-events:auto; }
.boutique_wrp .boutique_ads{ position:relative; width:300px; }
.boutique_wrp .boutique_ads img{ width:100%; height:auto; }


/* block2  吃喝在7-ELEVEN */
.swiper-container2{width: 100%; margin-left: auto; margin-right: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-container2 .swiper-wrapper,.swiper-container3 .swiper-wrapper{ width: 100%; }
.swiper-container2 .swiper-slide,.swiper-container3 .swiper-slide{ width: 100%; min-width: auto; position: relative; }
a.border{ /*  min-width: 296px; */ /* height: 379px; */ padding-bottom: 16px; width: 100%; position: relative;   border: 3px solid rgba(0,0,0,0); /* padding-bottom:10px; */  }
a.border:hover{ border: 3px solid rgba(252,124,46,1); }
.m-tvcwrp a.m-article{text-align: left; }
a.m-article .picture{ position:relative; width:100%; height:0; padding-bottom:83.3%; /* 聯播網比例 */ /* padding-bottom:68.58%; 原始比例 */ overflow:hidden; z-index:0; box-sizing:border-box; }
a > .picture img{ width:100%; height:100%; position:absolute; object-fit:cover; z-index:0; transition:.5s;  } 
a.border:hover> .picture img{  transform-origin:center center ;    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transform: scale(1.1);}
.swiper-container2 .swiper-slide a.m-article p{padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
p.headline{ color:#1f1f1f; font-size:16px; font-weight:bold; margin:12px 0 5px; font-family:"微軟正黑體"; }
/* p{ font-size: 15px; margin: 5px 0; line-height: 1.5em; } */
.list-container p{ font-size: 13px; }


/* 獨立 Google Ads */
.independent_ads{ width:970px; /*height:90px;margin:48px auto;*/ margin:0 auto;}
.independent_ads img{ width:100%; height:auto; }


.m-group{width: 90%; position: relative; margin: 10px auto; }
.m-group .u-logo{float: left; height: 100%; margin: 0px 0 0 0; }
.m-group .u-logo img{height: 100%; max-height: 28px; }
.m-group .sort{ color: #ff790d; letter-spacing: 2px; float: right; font-size: 12px; display: block; text-decoration: none; line-height: 30px; }

a.m-article .picture + .m-group{ display:none; }

#block2 .swiper-pagination,#block3 .swiper-pagination{ display: none; }
#block2.swiper-slide,#block3.swiper-slide{opacity: 1;}
.swiper-container2-arrow{ width: 100%;  position: absolute;  height: 100%; top:0; z-index: 0;}
.swiper-container2-arrow .swiper-button-next,.swiper-container2-arrow .swiper-button-prev{ position: absolute;  width: 40px;  height:40px  ; }
.swiper-container2-arrow .swiper-button-next{ background-image: url(../images/arrow_R2.png); right:-4%; top: 50%; position: absolute; }
.swiper-container2-arrow .swiper-button-prev{ background-image: url(../images/arrow_L2.png); left:-4%; top: 50%; position: absolute;}
.swiper-container2 .swiper-container-horizontal > .swiper-pagination{background: none; padding:0px 0;}




/* 各個連結 */
.m-links{ padding:36px 0; }
.m-links ul{ display:flex; width:100%; gap:56px; align-items:center; justify-content:center; }


/* society */
.mobilebtn-wrp{ display:none; }
.pc-society-wrp{ width:90%; min-width:924px; margin:60px auto; display:flex; flex-direction:row; position:relative; gap:32px; }
.pc-society-wrp .m-newswrp,
.pc-society-wrp .m-fb,
.pc-society-wrp .m-pcsc{ background: #fff; width:calc(100% - 21px); padding:12px 22px;}
/* NEWS */
/*.m-newswrp{ position:relative; }*/
.m-news{ width:100%; /*box-shadow:0px -1px 6px 1px rgba(75,75,75,.3);*/ box-sizing:border-box;}
.m-news ul{  width:100%;  }
.m-news ul li{ position:relative; }
.m-news ul li:after{ content: ""; position: absolute; top: 0px; left: 0; width: 100%; height: 1px; box-sizing: border-box; border-top: 1px solid #e4e4e4; }
.m-news ul li:nth-of-type(1):after{ display:none; }
.m-news ul li a{ display:block; color:#000; font-size:16px; padding:25px 0; letter-spacing:1px; position: relative; }
.m-news ul li a .fa-angle-right{ display:none; }
.m-news ul li a:hover{ color:#ff473d; }
/*.m-news ul li:last-child a:after {display:none;  }*/
.fa-angle-right{ position: absolute; right:15%; top: 30px; }
#newlist .m-ct-main{ width: 100%; }
/* PCSC */
.pc-society-wrp .m-pcsc img{ width:100%; height:auto; }

.m-societyswrp{ width: 100%; background: #f3f3f3; padding: 50px 2% ; position: relative; display: flex;flex-direction: row; }
.m-fb,.m-ig,.m-entertainment{ /* background: #fff; padding:20px 20px 10px 20px ; height: 655px;  margin: 0 20px 0 0; width: 33%;min-width: 326px;*/ }
.m-entertainment{ width: 248px; margin: 0 auto; margin-right: 0; width: 33%; }
h3.society-t1{ background: url("../images/society_t1.gif") no-repeat left top; width: 225px ; height: 30px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }
h3.society-t2{ background: url("../images/society_t2.gif") no-repeat left top; width: 232px ; height: 30px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }
h3.society-t1,h3.society-t2,h3.society-t3{ margin: 0 0 20px 0; }
h3.society-t3{ position: relative; text-align: center; display: block; padding: 0 0 5px 0; margin: 0 0 10px 0; }
h3.society-t4,h3.society-t5{ position: relative; text-align: center; display: block; padding: 0 0 5px 0; }
h3.society-t4{ margin: 0 0 30px 0; }
h3.society-t3 img,h3.society-t4 img,h3.society-t5 img{ display: inline-block; }
h3.society-t3:after,h3.society-t4:after,h3.society-t5:after{content: ""; position: absolute; top: 41px; left: 0; width: 100%; height: 1px; display: block; border-top: 1px solid #a7a7a7; }
ul.en-list{ display: flex; flex-direction: row; width: 100%; position: relative;   margin: 40px 0 0 0; }
ul.en-list li{ width: 50%; }
ul.en-list li a{ display: block; }
ul.en-list li a > img {-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); } 
ul.en-list li a:hover > img{ opacity: 1; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97)  }
@keyframes shake {10%, 90% {transform: translate3d(-1px, 0, 0); } 20%, 80% {transform: translate3d(2px, 0, 0); } 30%, 50%, 70% {transform: translate3d(-4px, 0, 0); } 40%, 60% {transform: translate3d(4px, 0, 0); } }
ul.en-list li .e_tt{ font-size: 12px; color: #090909; margin: 10px 0 ; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); } 
ul.en-list li:hover > .e_tt{ color:#787878;  }
ul.en-list.list2 li{ width: 100%;  text-align: center;}
.fbcontent{border: none; border:1px solid #d3d3d3; border-radius: 5px;  }
#ig{ width: 100%; margin: 0 auto; min-width: 290px;  }
#ig .EmbedFrame a.efImageLink{ width:250px; height: 250px; height: 250px; -webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;  }


.EmbedCaption{ width: 100%; }
.EmbedCaption,.EmbedTimestamp,.EmbedTimestamp:visited{font-size:13px !important;}
/* #ig iframe .EmbedCaption .Embed footer .EmbedCaption{ font-size: 13px  } */
/* .EmbedFooter {
  display: none !important;
} */

/* 180205新增 Media*/
h3.media-t1{ position: relative; text-align: center; display: block; padding: 0 0 5px 0; }
h3.media-t1 img{ display: inline-block; }
h3.media-t1:after{content: ""; position: absolute; top: 41px; left: 0; width: 100%; height: 1px; display: block; border-top: 1px solid #a7a7a7; }
ul.en-list.list3 li{width: 100%;  text-align: center; margin-top:-10px; }

/* fb */
#fb-include{ width:100%; max-width:500px; height:100%; max-height:664px; overflow:hidden;}
.m-fbtop{ width: 100%; padding: 15px 0;  }
a.fb-title{ float: left; margin: 0 0 0 13px; }
a.fb-icon{ float: right; margin: 0 12px 0 0; }
.fb-font{  width: 95%; display: block; margin: 0 auto; text-overflow : ellipsis;overflow:hidden;height: 180px; }
.fb-font p{ font-size: 15px; color: #1d2129; padding: 0 15px; }
.fb-pic,.fb-pic img{ width: 100%; }
.text_exposed_link{color: #365899;}




/* blog */
.m-blogarea{  width: 88%; margin: 0 auto; padding: 30px 0;}
.m-blogarea .m-blog{width: 50%;  margin: 0 30px 0 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-blogarea .m-blog a.m-blogbtn{  display: block; position: relative; border: 1px solid #e4e4e4; padding:0 0 20px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.m-blogarea .m-blog a.m-blogbtn p{ padding: 0 20px; }
.m-blogarea .m-blog a.m-blogbtn .picture{ overflow: hidden; }
.m-blogarea .m-blog a.m-blogbtn:hover{ box-shadow:0px 0px 2px 0px rgba(20%,20%,20%,0.5); }
.m-blogarea .m-blog a.m-blogbtn:hover > .picture img{ transform: scale(1.05); }
.m-blogarea .m-blog a.m-blogbtn p.headline{ margin:15px 0 10px 0; }

.m-blogarea .m-blogright{ width: 100%; flex-wrap:wrap; box-sizing: border-box;display: flex;  flex-direction: row;align-items:stretch; justify-content:space-around;  }
.m-blogarea .m-blogright .m-ibonmart{ width:30% ;}
.m-blogarea .m-blogright .m-op{ width:30% ;  }
.m-blogarea .m-blogright .m-pcsc{ width:30% ;  /* padding: 1% 0 0 0; */ }
.m-blogarea .m-blogright .m-ibonmart a.ibon{ width: 100%; display: block; min-width: 200px; padding: 0 0 0 0;  text-align: center; overflow: hidden; transition: 0.5s;}
.m-blogarea .m-blogright .m-ibonmart a.ibon > img{ width: 100%; max-width:330px;  display: inline-block;  -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); } 
.m-blogarea .m-blogright .m-ibonmart a.ibon:hover > img{ transform: scale(1.05);   }
.m-blogarea .m-blogright .m-op a.op{ width: 100%;  max-width:330px;  display: block; padding:0 0 0 0;  /* text-align: center; */ overflow: hidden; transition: 0.5s;}
.m-blogarea .m-blogright .m-op a.op > img{ width: 100%;  min-width: 200px; display: inline-block;
	-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	 transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); } 
.m-blogarea .m-blogright .m-op a.op:hover > img{transform: scale(1.05);}
.m-blogarea .m-blogright .m-pcsc a.pcsc{ width: 100%; min-width: 200px; /* max-height: 350px; */ overflow: hidden; transition: 0.5s; display: block;  }
.m-blogarea .m-blogright .m-pcsc a.pcsc > img{width: 100%;  max-width:330px; /*   max-height: 350px; */ -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.m-blogarea .m-blogright .m-pcsc a.pcsc:hover > img{transform: scale(1.05); }
.m-blogright iframe{ margin: 0px 0 0 0; }

#bloglist #foods.u-tab{ width: 830px; }
#bloglist .u-tab ul li{ width: 16.66%; }
#bloglist .u-tab ul li a:hover.tab5{ background: #69b6de; }
#bloglist .u-tab ul li a:hover.tab6{ background: #9e92b7; }


#blog_article .m-ct-main .m-article-main{ width: 90%; max-width: 700px; margin: 0 auto; float: none; }

#blog_article .m-ct-main{ width: 100%; }
#blog_article .m-artipic{ max-width: 700px; }
#blog_article .m-ct-main .m-article-main .m-artipic {
    width: 100%;
    margin: 0 auto 25px auto;
}


#blog_article  h2.blog_title{ border-bottom: 1px solid #ccc;  padding: 0 0 10px 0; color: #777572; font-size: 30px; }




/*  footer */
footer{ /*clear:both; width:89%;  height:75px; */ position:relative; margin:20px auto; padding:16px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px 32px; width:100%;} 
.m-ftl{ font-size:12px; color:#494848; display:flex; align-items:center; gap:8px;}
.m-ftl img{ width:auto; height:36px; }
.m-ftr{ font-size:12px; color:#606060; }
.ft-btn{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; color:#606060; font-size:13px; width:100%; } 
.ft-btn a{ display:inline-block; font-size:16px; color:#606060; -webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.ft-btn a:hover{ color: #7d7b7b; }
.gotop{ position: fixed; bottom: 10px ; right:20px; display: none; } 
a.gotop_btn{ display: block; font-size: 35px; color: #888888; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
a:hover.gotop_btn{ color: #f68c35; }

.service_tel{  display:none;}

/*______________________________________________
                 
                 newsList
_______________________________________________*/



.m-news-wrap{ width: 90%; min-width: 1020px; margin: 0 auto; position: relative; }
.m-newsblock{ width: 100%;  border-bottom: 1px solid #cecece; margin: 80px 0 20px 0; padding: 0 0 10px 0; }
.m-newsblock h2{ font-size: 30px; color: #777572; font-weight: normal; }
/* tab */
.u-tab{width: 75%;overflow: hidden;  background: #f3f3f3; height: 52px; top: 0px;right: 14px;  position: absolute; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.u-tab ul{ }
.u-tab ul li{ float: left;   position: relative; border-right: 1px solid #e2e2e2; }
.u-tab ul li:nth-child(1){width: 20%}
.u-tab ul li:nth-child(2){width: 20%}
.u-tab ul li:nth-child(3){width: 20%}
.u-tab ul li:nth-child(4){width: 20%}
.u-tab ul li:nth-child(5){width: 20%}
.u-tab ul li:last-child{  border-right: none; }
.u-tab ul li a{ letter-spacing: 1px; display: block; line-height: 52px; text-align: center; width: 100%; color: #585858; position: relative; padding: 0 0 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.u-tab ul li a::after{ position: absolute; content:""; left: 8%; top: 16px; width: 20px; height:20px;  display: block; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.u-tab ul li a:hover,.u-tab ul li.on a{ background: #8f8f8f; color: #fff; }
.u-tab ul li.all a{ padding: 0; }
.u-tab ul li.tab1 a::after{ background: url("../images/icon.png")  no-repeat -36px -65px; }
.u-tab ul li.tab2 a::after{ background: url("../images/icon.png")  no-repeat -57px -65px; }
.u-tab ul li.tab3 a::after{ background: url("../images/icon.png")  no-repeat -83px -65px; width: 25px; }
.u-tab ul li.tab4 a::after{ background: url("../images/icon.png")  no-repeat -108px -63px; width: 22px;}
.u-tab ul li.tab1 a:hover,.u-tab ul li.tab1.active a:hover,.u-tab ul li.tab1.active,.u-tab ul li.tab1.on a{ background: #ed9593; }
.u-tab ul li.tab2 a:hover,.u-tab ul li.tab2.active a:hover,.u-tab ul li.tab2.active,.u-tab ul li.tab2.on a{ background: #fea252; }
.u-tab ul li.tab3 a:hover,.u-tab ul li.tab3.active a:hover,.u-tab ul li.tab3.active,.u-tab ul li.tab3.on a{ background: #cdb7a2; color: #6c5a48; }
.u-tab ul li.tab4 a:hover,.u-tab ul li.tab4.active a:hover,.u-tab ul li.tab4.active,.u-tab ul li.tab4.on a{ background: #96c388; }
.u-tab ul li.tab5 a:hover,.u-tab ul li.tab5.active a:hover,.u-tab ul li.tab5.active,.u-tab ul li.tab5.on a{ background: #96c388; }
.u-tab ul li.tab6 a:hover,.u-tab ul li.tab6.active a:hover,.u-tab ul li.tab6.active,.u-tab ul li.tab6.on a{ background: #96c388; }
.u-tab ul li.tab1 a:hover::after,.u-tab ul li.tab1.active a:after,.u-tab ul li.tab1.on a::after {background: url("../images/icon.png")  no-repeat -36px -90px;}
.u-tab ul li.tab2 a:hover::after,.u-tab ul li.tab2.active a:after,.u-tab ul li.tab2.on a::after {background: url("../images/icon.png")  no-repeat -57px -90px;}
.u-tab ul li.tab3 a:hover::after,.u-tab ul li.tab3.active a:after,.u-tab ul li.tab3.on a::after {background: url("../images/icon.png")  no-repeat -83px -90px;}
.u-tab ul li.tab4 a:hover::after,.u-tab ul li.tab4.active a:after,.u-tab ul li.tab4.on a::after {background: url("../images/icon.png")  no-repeat -108px -88px;}
.u-tab ul li.all a.mixitup-control-active{  background:#8f8f8f; color: #fff;}
.u-tab ul li.tab1 a:hover,.u-tab ul li.tab1.active a:hover,.u-tab ul li.tab1 a.mixitup-control-active,.u-tab ul li.tab1 a:hover,.u-tab ul li.tab1.active a:hover,.u-tab ul li.tab1 a.freshon{  background:#ed9593;color: #fff;}
.u-tab ul li.tab2 a:hover,.u-tab ul li.tab2.active a:hover,.u-tab ul li.tab2 a.mixitup-control-active,.u-tab ul li.tab2 a:hover,.u-tab ul li.tab2.active a:hover,.u-tab ul li.tab2 a.freshon{  background:#fea252;color: #fff;}
.u-tab ul li.tab3 a:hover,.u-tab ul li.tab3.active a:hover,.u-tab ul li.tab3 a.mixitup-control-active,.u-tab ul li.tab3 a:hover,.u-tab ul li.tab3.active a:hover,.u-tab ul li.tab3 a.freshon{  background:#cdb7a2;color: #6c5a48;}
.u-tab ul li.tab4 a:hover,.u-tab ul li.tab4.active a:hover,.u-tab ul li.tab4 a.mixitup-control-active,.u-tab ul li.tab4 a:hover,.u-tab ul li.tab4.active a:hover,.u-tab ul li.tab4 a.freshon{  background:#96c388;color: #fff;}
.u-tab ul li.tab1 a:hover::after,.u-tab ul li.tab1 a.mixitup-control-active:after{background: url("../images/icon.png")  no-repeat -36px -90px; }
.u-tab ul li.tab2 a:hover::after,.u-tab ul li.tab2 a.mixitup-control-active:after{background: url("../images/icon.png")  no-repeat -57px -90px; }
.u-tab ul li.tab3 a:hover::after,.u-tab ul li.tab3 a.mixitup-control-active:after{background: url("../images/icon.png")  no-repeat -83px -90px; }
.u-tab ul li.tab4 a:hover::after,.u-tab ul li.tab4 a.mixitup-control-active:after{background: url("../images/icon.png")  no-repeat -108px -88px;}
.mixitup-control-active[data-filter]:after {background: transparent; }


/* listcontent */
.list-container {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
.list-container a.m-listblock{max-width: 311px; background: #f4f4f4; border: 3px solid rgba(237,149,147,0);   padding: 0 0 10px 0; display: inline-block; vertical-align: top; margin-bottom: 1rem;  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.list-container a.m-listblock p{letter-spacing: 1px;}
.list-container a.m-listblock figure{ width: 100%; margin: 0 0 10px 0; padding: 0; overflow: hidden;  }
.list-container a.m-listblock figure img{ width: 100%; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1); }
.list-container a:hover.m-listblock figure img { transform: scale(1.05); }
.list-container a.m-listblock.cont1 .tagstyle{ background: #ed9593;}
.list-container a.m-listblock.cont2 .tagstyle{ background: #fea252;}
.list-container a.m-listblock.cont3 .tagstyle{ background: #cdb7a2;}
.list-container a.m-listblock.cont4 .tagstyle{ background: #96c388;}
.list-container a.m-listblock p,.list-container .m-listblock .m-listarea{ padding: 0 7%; margin: 6px 0; }
.list-container a.m-listblock .tagstyle{ width: 32.2%; max-width:75px;  height: 24px; color: #fff; border-radius: 18px; font-size: 13px; text-align: center; line-height: 24px; letter-spacing: 1px; display: inline-block; float: right; }
.list-container a.m-listblock .listitle{ display: inline-block; float: left; color: #545454; font-size: 17px; width: 67%;  }
.list-container a.m-listblock:hover{ border: 3px solid #c5c5c5; }
.list-container a.m-listblock.cont3 .tagstyle{ color: #6c5a48; }


/* Target Elements
---------------------------------------------------------------------- */
.mix ,#hot .mix{display: inline-block; vertical-align: top; width: 100%; position: relative; backface-visibility: hidden; will-change: transform, opacity; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */
/* .mix, .gap {width: calc(100%/2 - (((2 - 1) * 1rem) / 2)); } */
/* 3 Columns */

@media screen and (min-width: 541px) {
    .mix,
    .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}

/* 4 Columns */

@media screen and (min-width: 900px) {
    .mix,
    .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}

/* 5 Columns */

@media screen and (min-width: 1281px) {
    .mix,
    .gap {
        width: calc(100%/4 - (((4 - 1) * 1rem) / 4));
    }
}


/*  文章內頁  */
.m-ct-main{width: 90%; min-width: 1020px; margin: 0 auto; }
.m-ct-main .m-article-main{float: left; width: 70%;  }
.m-ct-main .m-article-main .m-artipic{ width: 100%; margin: 0 0 25px 0; }
.m-ct-main .m-article-main .m-artipic img{ width: 100%; /* max-width: 625px;  */}
.m-ct-main .m-article-slide{float: right; width: 20%; min-width: 283px;}
.m-ct-main .m-article-slide .m-rightitle{ padding: 5px 0; margin: 0 0 15px 0; text-align: center; color: #575757; border: 1px solid #000000; }
.m-ct-main .m-article-slide a.m-slide-artipic{  display: block; width: 100%; margin: 0 0 15px 0;  overflow:hidden ;}
.m-ct-main .m-article-slide a:hover.m-slide-artipic  img{ transform: scale(1.05); }
.m-ct-main .m-article-slide a.m-slide-artipic  img{ width: 100%; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1); }
.m-ct-main .m-article-main p.ps{ color:#fa6470; font-size: 16px; margin: 15px 0 5px 0; }
.m-ct-main .m-article-main ul li p{ color: #8a8a8a; }
.art-h2{ color: #00a64e; font-size: 20px; letter-spacing: 1px; margin: 5px 0; font-weight: bold; }
.art-time{ color:#ea5415; font-size: 16px; position: relative; margin: 0 0 20px 0; }
.art-time:after{ content: "" ; position: absolute; width: 100%; display: block; border-bottom: 1px solid #c6c6c6; top: 33px ;left:0; }
.m-article-main p{  color: #4f4f4f; }



 /*部落格列表 */ 
 /*先註解#bloglist .m-blog-kv by chihung*/ 
 #bloglist .m-blog-wrap{width: 86%;  min-width: 950px; margin: 80px auto; position: relative;}
 #bloglist .m-blog-kv{width: 100%; height: 328px; margin: 38px 0 0 0; background: url("") no-repeat center top; }
 /* #bloglist .m-blog-kv{width: 100%; height: 328px; margin: 38px 0 0 0; background: url("../images/upload/blog_kv.jpg") no-repeat center top; } */
.grid {min-width: 1024px; width: 100%; margin: 0 auto; }
.grid:after {content: ''; display: block; clear: both; }
.grid-item { padding:0 .5%; width: 33.33%;   }
.grid-sizer{ width: 15px; }

.grid-item {float: left; margin: 0 0 10px 0; /* min-width: 313px; */ }
.grid-item img {display: block; max-width: 100%; }
.blog-list-container  a.m-listblock{overflow: hidden; display: inline-block;  background: #f4f4f4; padding-bottom:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;     border: 1px solid #eee;-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);	  }
.blog-list-container  a.m-listblock img{ width: 100%; transition: 0.5s;transform: scale(1);  }
.blog-list-container  a.m-listblock figure{ margin: 0;padding: 0;overflow: hidden; width: 100%; height: 100%; /* padding-bottom:68.48% ; */    } 
.blog-list-container  a.m-listblock h3{ font-size: 17px; color: #545454; padding: 0 5%; margin: 5px 0; }
.blog-list-container  a.m-listblock p{ padding:0 5%; display: block; } 
.blog-list-container  a:hover.m-listblock figure img{ transform: scale(1.05); }

.blog-list-container  a.m-listblock:hover{ border: 2px solid #fea252; -webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;    
box-sizing: border-box;
 }


h2.blog_title{ 
    color: #ff473d;
    font-size: 26px;
    margin: 20px 0;
    font-weight: normal;
    border-bottom: 2px solid #fff; }



/* copy */
#copy .kv{  }
.style_v2 .kv{position: relative; width: 100%;margin: 38px 0 0 0; overflow: hidden; background-color: #eeeeee; height: 170px;  }

.copy-t{position: absolute; left: 13%; top: 20px; }
.copy-t h2{ font-size: 26px; margin: 10px 0; color: #00a64e; font-weight: normal; letter-spacing: 2px; }
.copy-t p{ letter-spacing: 1px; font-size: 15px; color: #494949; line-height: 1.5em; }
.kv-img{width: 180px; position: absolute; right: 15%; top: 0; }
.kv-img img{ width: 100%;}

#copy .m-wrap{ width: 80%; margin: 50px auto; }
.m-wrap .m-copy-ct{ width:15%;  height:168px; text-align: center ; float: left; margin: 0 10px 0 0; box-sizing: border-box; } 
.m-wrap .m-copy-ct h3{ color: #fff; font-size: 22px; text-align: center; line-height: 60px; }
.m-wrap .copyA{ background-color: #5aaf82; }
.m-wrap .copyB{ background-color: #ec894d; }
.m-wrap .m-copyicon{ text-align: center;  width: 105px; margin: 0 auto; }
.m-wrap .tb-A{ float: left; width: 83%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.m-wrap .tb-A tr th{ background-color: #5aaf82; color: #fff; padding: 13px 0; font-weight: normal; font-size: 18px; letter-spacing: 5px; }
.m-wrap .tb-A tr td{ text-align: center; color: #4e4e4e; font-size: 15px; padding: 15px 0; background-color: #faf8f8; border: 4px solid #fff; }
.oopyB_ct{ margin: 40px 0; }
.m-wrap .oopyB_ct .m-copyicon{ width: 94px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.tb-B{ width: 83%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tb-B tr{}
.tb-B tr td{ text-align: center; color: #4e4e4e; font-size: 15px; -moz-box-sizing: border-box; padding: 8px 0; background-color: #faf8f8; }
.tb-B tr:nth-child(even) td{ background-color: #f3f0f0; }
.tb-B tr td:first-child{ border: 3px solid #fff; }
.m-wrap .tb-A tr th{border-right: 2px solid #fff;}


/*  交貨便  */
.inside-page .m-wrap{ width: 90%; margin: 70px auto 40px auto; }
.inside-page .m-wrap h4.logo{ max-width: 197px; float: left; width: 30%; min-width:120px;  }
.inside-page .m-wrap h4.logo img{ width: 100%; }
.inside-page .m-wrap h5{ font-size: 26px; color: #5fa7d5; text-align: right; font-weight: normal; margin: 8px 0; }
.m-ac-cont{ float: right; }
.m-ac-cont ul{ width: 100%;  }
.m-ac-cont ul li{ float: left; font-size: 15px;position: relative; }
.m-ac-cont ul li a{ margin: 0 22px; color: #5fa7d5; }
.m-ac-cont ul li:after{ position: absolute; content: ""; right:0 ; top: 0; width: 3px; height: 100%; background: url(../images/dot.gif) repeat-y left top; }
.m-ac-cont ul li a:hover{ color: #f6881a; }
.m-ac-cont ul li a span.item-list{ position: relative; transition: color 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1);}
.m-ac-cont ul li a span.item-list::before {content: ''; position: absolute; z-index: -1; width: 100%; height: 25%; left: 0; bottom: -8px; opacity: .9; color: #f6881a; background: #f6881a; transform: scale3d(0,1,1); transform-origin: 0% 50%; transition: transform 0.5s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); }
.m-ac-cont ul li a:hover .item-list::before, .m-ac-cont ul li a:focus .item-list::before {transform: scale3d(1,1,1); }
a.accept_kv{display: block; width:100%; margin: 20px 0 ; height: 134px; background: url(../images/accept_kv.gif) no-repeat center top; }

#accordion{ width: 100%; font-size: 15px; }
#accordion ul li ul li{ font-size: 15px;  }
#accordion a.link{-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; text-decoration: none; display:inline-block; width: 100%; background:#f6881a ; border: 1px solid #f6881a; color: #fff; margin: 20px 0; padding:5px 5%; font-size: 18px; letter-spacing: 1px; cursor:default;  line-height: 1.5em;}
#accordion li .submenu{ display: block; }
#accordion li > a.active{background-color: #f6881a; border: 1px solid #fff; color: #fff; }
#accordion li > a.active i{color: #fff; }
#accordion li a{ position: relative; text-decoration: underline; }
#accordion li a .fa{position: absolute; right: 80px; top: 10px; }

/* + - */
.plus-minus-toggle {cursor: pointer; height: 21px; position: absolute; width: 18px; right: 8%; display: none;  }
.plus-minus-toggle:before, .plus-minus-toggle:after {background: #fff; content: ''; height: 3px; left: 3px; position: absolute; top: 12px; width: 18px; transition: transform 300ms ease; }
.plus-minus-toggle:after {transform-origin: center; }
.plus-minus-toggle.collapsed:after {transform: rotate(90deg); } 
.plus-minus-toggle.collapsed:before {transform: rotate(180deg); }
/* + -  end*/

#accordion li .submenu{ width: 85%; margin: 0 auto;  font-size: 15px;}
ul.acc-num1{ width: 100%; margin: 0 0 0 19px; font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif; }
ul.acc-num1 li{ list-style-type:square; margin: 5px 0;  font-size: 16px; color: #000;}
.color1{ color: #bd3624; }
.color2{ color: #0072bc; }
ul.acc-num1 ul.acc-subnum1{ margin: 0 0 0 17px; }
ul.acc-num1 ul.acc-subnum1 li{ list-style-type:decimal; margin: 8px 0;  font-weight: normal; font-size: 15px;  color: #2e2e2e; }
ul.acc-num1 ul.acc-subnum2{ margin: 0 0 0 25px; }
ul.acc-num1 ul.acc-subnum2 li{ list-style-type: disc;  font-weight: normal; font-size: 15px; color: #2e2e2e; margin: 12px 0; }
ul.decimallist.marginl15{list-style: decimal;margin-left:.9rem;}

#lowerroman li{list-style-type: lower-roman; margin-left: 1rem;}
#lowerlatin li{list-style-type: lower-latin; margin-left: 2rem; text-align: left;}

/* 20190823交貨便新增 */
ul.acc-num1 ul.acc-subnum4{ margin: 0 0 0 20px;}
ul.acc-num1 ul.acc-subnum4 li{ list-style-type: circle;  font-weight: normal; font-size: 15px; color: #2e2e2e; margin: 12px 0; }


ul.acc-subnum2 li .acc_img{ margin: 20px 0; display: block; }
.acc_title{color: #555555; font-weight: normal; font-size: 18px; padding:6px 20px; background: #f3f3f3; display: inline-block; margin:10px 0 10px 0; text-align: center;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

ul.acc-num2{ color: #ea7618; margin: -10px 0 0 19px; }
ul.acc-num2 li{list-style-type: disc; margin: 15px 0; color: #000; }
ul.acc-num2 li ul.acc-subnum2{ color: #090909; }
ul.acc-num2 li ul.acc-subnum2 li{ list-style-type:decimal; margin: 0px 0 0px 20px; line-height: 1.8em; }
.font13{ font-size: 13px; color: #090909; }

ul.acc-num3{ color: #ea7618; margin: -10px 0 0 19px; }
ul.acc-num3 li{list-style-type: decimal; margin: 15px 0; color: #000; }
ul.acc-num3 li ul.acc-subnum3{ color: #090909; }
ul.acc-num3 li ul.acc-subnum3 li{ list-style-type:decimal; margin: 0px 0 0px 20px; line-height: 1.8em; }
.font13{ font-size: 13px; color: #090909; }

#accordion p{ color: #000; font-size: 15px;  } 
#accordion p.red{ color: #c50606;  } 
#accordion p.orange{ color: #f35e04; }	
#accordion p.color3{ color: #be1616; }	

ul.a-customer-item{ margin: 0px 0 30px 30px; line-height: 1.8em;} 
ul.a-customer-item li{ list-style-type:square; font-size: 15px; }

#accept .ai-content .ai-num{ font-size: 45px; left: 6%; }
#accept .ai-content ul li{height: 318px;  }
#accept .ai-title{ margin:20px 0 10px 0;  }
#accept ul.subnum3{ margin: 0 0 0 -20px; }
#accept ul.subnum3 li{ list-style-type: none; }
#accept .accept_p1{ color: #000; margin-top: -10px; }

#accept .itemlist2{ margin-top:-10px;   }
#accept .acc-subnum3{ margin: 0 0 0 18px; }
#accept .acc-subnum3 li{ list-style-type: disc; }
#accept a.accept_btn2{ position: relative; padding: 0px 20px; margin-bottom:8px;  text-align: center; /*  border: 1px solid #fc7c2e; */ background: #fc7c2e; color: #fff; display: inline-block; text-decoration: none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }

#accept a.accept_bt_apply{ position: relative; text-align: center; display: inline-block; text-decoration: none;
	padding:1rem 2rem; font-size: 1.6rem; background:#d72630; margin:2rem;color: white;box-shadow: 5px .5rem lightgrey;  letter-spacing: 3px;
	-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }

#accept a:hover.accept_btn2{ background: #ff5d0e; }
#accept a:hover.accept_bt_apply{ background: #f6881a;}
#accept .fa-chevron-right{ position: unset!important; right: unset!important; top:unset!important; margin-left:4px;}
#accept #accordion li a.accept_btn2 .fa{ right: 10px; top: 6px; }

ul.ac-ibon{ margin: 0 0 0 30px; color: #090909; }
ul.ac-ibon li{ list-style-type:  square; line-height: 2em;}


#accept a.start {
    display: block;
    width: 220px;
    padding: 5px 0;
    margin: 12px 0 20px 0;
    text-align: center;
    text-decoration: none;
    background: #00a64e;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#accept a:hover.start{ background: #11b860; }
#accept #accordion li a .fa{    right: 35px; top: 32px;  }

#accept .step4safity ul {display: flex; flex-direction: column; align-items: stretch; }
#accept .step4safity ul li {background: #007e5c; padding: 0.6rem 1rem; border-radius: 6px; color: white; margin: 0 0 1.6rem; position: relative; text-align: center; letter-spacing: 1px;}
#accept .step4safity ul li:after {content: ''; position: absolute; width: 18px; height: 30px; background: url(../images/safity4_arrow.svg) no-repeat center center / cover; z-index: 1; right: -1.4rem; top: 100%; left: calc(50% - 9px);  /*-ms-transform: rotate(90deg);*/ transform: rotate(90deg);}
#accept .step4safity ul li:last-child::after{display: none;}
#accept .step4safity ul li.safity-result {background: unset;margin-top: -.5rem; padding:0;}
.safity-result{display: flex; flex-direction: row;}
.step-final{
	margin: 0.6rem 0; 
	width:50%;
	background: #007e5c; padding:.6rem 1rem; border-radius: 6px;color:white;position: relative;
}
.step-final + .step-final{ margin-left:.6rem }





/* 國際交貨便 */
#accept_International #accordion li:first-child table{ width: 90%; border: 1px solid #e8e8e8; margin: 0 auto; }  
#accept_International #accordion li:first-child table tr{ border-bottom: 1px solid #cbcbcb;  }  
#accept_International #accordion li:first-child table tr th{ text-align: center; padding: 0 2%;  font-weight:normal;  letter-spacing: 1px;  background:#fafaee; vertical-align: middle; }
#accept_International #accordion li:first-child table tr td{ color: #626262; text-align: left; letter-spacing: 1px; line-height: 1.8em; padding: 8px 0 8px 50px; } 

.grey{ color: #5f5f5f;   }
.margin1{ margin: 0 0 0 15px; }
.font1{ font-size: 14px; }
.red{ color: #c50606; }
.red a{ color: #c50606; text-decoration:underline;}
.red a:hover{ color: #fc7c2e; text-decoration:underline;}

ul.ai-1{}
ul.ai-1 li{ list-style-type: disc; line-height: 2.5em; letter-spacing: 1px;  }
ul.ai-1 li a{ color: #f6881a; text-decoration: underline; }
ul.ai-1 li ul.ai-1-2{ margin: 0 20px 0 20px; }
ul.ai-1 li ul.ai-1-2 li{ list-style-type: circle ;}

.ai-content{ border: 1px dotted #868686; position: relative; margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.submenu .ai-title:first-child{ margin-top: 10px;  }
.ai-title{ color: #555555; font-size: 18px; padding:10px 20px; background: #f3f3f3; display: inline-block; margin:10px 0 10px 0; text-align: center;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
p a{ color: #fe6f00;  text-decoration: underline; line-height: 1.8em; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }

.ai-content .ai-img{ text-align: center; display: inline-block; }
.ai-content ul li{ position: relative; width: 30%; float: left;  text-align: center; height: 393px;  margin: 0 3% 0px 0;}
.ai-content ul li::after{content:""; position: absolute; right: -20px; top:127px; width: 20px; height: 20px; background: url("../images/ai_arrow1.gif") no-repeat left top; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;  }
.ai-content ul li:last-child::after{ display: none;  }
.ai-content .ai-h{ color: #fe6f00; font-size:18px;   }
.ai-content .ai-num{ position: absolute; font-size: 70px; color: #d8d8d8;top: 174px; left: 2%; }
.ai-content ul{ margin: 3% 0 0 2%; }
.ai-content ul li p.ai{ max-width: 250px; margin: 8px auto; }

/* 181022交貨便新增專車到府 */
.ai-contentCar{ border: 1px dotted #868686; position: relative; margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.ai-contentCar .ai-img{ text-align: center; display: inline-block; }
.ai-contentCar ul li{ position: relative; width: 30%; float: left;  text-align: center; /*height: 400px;*/  margin: 0 3% 0px 0;padding-bottom: .6rem;}
.ai-contentCar ul li::after{content:""; position: absolute; right: -20px; top:130px; width: 20px; height: 20px; background: url("../images/ai_arrow1.gif") no-repeat left top; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;  }
.ai-contentCar ul li:last-child::after{ display: none;  }
.ai-contentCar .ai-h{ color: #fe6f00; font-size:18px;   }
.ai-contentCar .ai-num{   font-size:50px; margin-right: 5px;color: #d8d8d8; /* width:50px;height:50px; border-radius:999em;border-radius:50px;	background-color: #fe6f00; */}  
.ai-contentCar ul{ margin: 3% 0 0 2%; }
.ai-contentCar ul li p.ai{ max-width: 250px; margin: 8px auto; }
.ai-contentCar a.more{  position: relative;  text-decoration: none;  width:315px; letter-spacing: 1px; color: #fb8b33; display: block; padding: 5px 15px; border: 1px solid #fb8b33; color: #fe6f00;   margin: -5px 0 40px 49px;-webkit-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); }
.ai-contentCar a.more:hover{ color: #fff;  background: #fb8b33; }
.ai-contentCar a.more .fa{  position: relative;  right: auto; top: auto; margin: 2px 0 0 7px; } 
.car_sevice_pc{margin:15px 0; }
.car_sevice_mb{display: none;  }
.car_sevice_mb img{width: 100%;}



#accordion a.ai-more{  text-decoration: none;  width: 263px; letter-spacing: 1px; color: #fb8b33; display: block; padding: 5px 15px; border: 1px solid #fb8b33; color: #fe6f00;   margin: -5px 0 40px 49px;-webkit-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1); }
#accordion a.ai-more:hover{ color: #fff;  background: #fb8b33; }
#accordion li a.ai-more .fa{  position: relative;  right: auto; top: auto; margin: 2px 0 0 7px; }
ul.ai-step1{ width: 100%;/*  margin: 0 0 0 50px; */    display: block;  /* background: #0d0; */justify-content:space-between; /* display: flex; */  }
ul.ai-step1 li{ float: left; position: relative; margin: 0 110px 40px 0; width: 33.33%; min-width: 200px; }
ul.ai-step1 li:nth-child(3){ margin-right: 0; }
ul.ai-step1 li:last-child{ width: 32%; margin-right: 0; }
.step-num{ font-size: 38px; color: #d8d8d8; font-weight: normal; margin: 0 15px 0 0;display: inline-block;  }
.step-tt{ margin: 10px 0; display: inline-block; line-height: 38px; }
ul.ai-stepall{border: 1px dotted #868686; padding: 0 4% 5% 5%;  margin: 8px 0 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
ul.ai-stepall li{margin: 10px 0;vertical-align: top;   }
ul.ai-stepall li img{ width: 100%; max-width: 230px; }
span.ai-fa{ display: inline-block; margin: 10px 0; color: #ee881a; font-weight: bold; }
li.method{ position: relative; }
li.method:after{ position: absolute; bottom: -24px; width: 100%; height: 2px; background: url(../images/dot.png) repeat-x left top; }
ul.ai-stepall li:nth-child(2) .ai-fa { margin-top:60px; display: block;  }
.ai-service{ width: 100%; border: 1px dotted #555; margin:0 0 10px 0; }
.ai-service tr th{ text-align: center;  border-right: 1px dotted #555;  padding: 10px 0; background: #e2e2e2; font-weight: normal; }
.ai-service tr td{ text-align: center; border: 1px dotted #555; padding: 10px 0; vertical-align: middle; }
.ai-service tr:first-child td{ background: #f2f2f2; }
.ai-service tr .bg {   background: #f2f2f2; }


/* 180704 交貨便新增表格 */
.flexTB{display:flex; justify-content:flex-start;flex-wrap:nowrap;}
.tb40{width: 45%;}
.tb60{width: 55%;}
.tb20{width: 20%;}

/* .people{display: none;} */
.ai-service.tb40 tr td:nth-child(1){  white-space:nowrap; } 
/* .ai-service.tb60 tr:nth-child(2) td:nth-child(4){ border: none; border-right: 1px dotted #fff;  } 表格2 第2欄4列圖不要有線框 */
.ai-service.tb60 td:nth-child(2){ border-left: 1px dotted #fff;  } /* 表格2 第2欄左邊線不要線框 */
.ai-service.tb60 tr td:nth-child(1){ display: none;  }  /* 標題不顯示 */
.ai-service.tb60 tr th:nth-child(1){ display: none;  } /* 標題不顯示 */
.ai-service.tb40 tr:nth-child(3) td:nth-child(3){  height: 70px; } 
.ai-service.tb60 tr:nth-child(3) td:nth-child(3){  height: 70px; } 

.imgblock2{width: 100%;}
.imgblock2 img{width: 100%;}


ul.ai-package{ font-size: 15px; margin: 15px 0; color:#be1616;}
.ai-package-tt{ font-weight: bold; color: #be1616; }
ul.ai-package-item{ color: #090909; margin: 0 0 0 20px; }
ul.ai-package-item li{ list-style-type:circle; }
ul.ai-transport{ margin: 0 0 0 25px; } 
ul.ai-transport li{ list-style-type: disc; margin: 10px 0; }
ul.notice li{ list-style-type:square; }
.ai-notice-tt{ font-size: 16px; color: #ee881a; font-weight: bold; margin: 0 0 10px 0px; }


ul.ai-notice li ul.ai-notice-item2{  margin: 0 0 0 30px; }
ul.ai-notice li ul.ai-notice-item2 li{  list-style-type: decimal; margin: 15px 0; letter-spacing: 1px; }


#accept_International #accordion li  table.ai-notice_tb{ width: 100%; margin: 20px 0 20px 0; font-size: 15px;  }
#accept_International #accordion li  table.ai-notice_tb tr th{ background: #e2e2e2; padding: 8px 0; border-right:1px solid #ccc;}
#accept_International #accordion li  table.ai-notice_tb tr td{ padding:8px 0 8px 20px; color: #111; border-right:1px solid #ccc;  text-align: center; }

#accept_International a.start {
    display: block;
    width: 220px;
    padding: 5px 0;
    margin: 12px 0 20px 0;
    text-align: center;
    text-decoration: none;
    background: #00a64e;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#accept_International a:hover.start{ background: #11b860; }
#accept_International #accordion li a .fa{    right: 35px; top: 32px;  }
#accept_International #accordion li a .fa.fa-share{top:2rem;}
#accept_International #accordion li a.ai-more .fa-chevron-circle-right{ position: relative; right: 0; top: 0; }



/* DHL */
#dhl .m-topmain{ display: block; vertical-align: middle; }
#dhl.inside-page .m-wrap h4.logo { max-width: 207px; vertical-align: middle; margin-top: 21px; }
#dhl.inside-page .m-wrap h4.logo img{ vertical-align: bottom; }

#dhl ul.item { margin: 0px 0 25px 25px; }
#dhl ul.item li{ list-style-type:  square; line-height: 1.8em; }
#dhl h4.acc_title{ margin:0px 0 0 0; }
.acc-img{ margin: 15px 0; }
#dhl #accordion a.ai-more{ margin: 20px 0;  width: 155px;} 
.dhl_tb{ width: 100%; margin: 0 0 15px 0; }
.dhl_tb tr td{ padding: 8px; text-align: center;  border: 1px solid #ececec;}
.dhl_tb tr td img{width: 50%;}
.dhl_tb tr th{ text-align: center; border: 1px solid #ececec; padding: 10px 0; background: #b9b9b9; }
/**.dhl_tb tr:nth-child(odd) td{ background: #f1f1f1; }**/
#dhl .table1 tr td:nth-child(3) {width: 50%; text-align: left; padding-left:8px;}
#dhl .table1 tr td{vertical-align:middle}

#dhl a.start {
    display: block;
    width: 220px;
    padding: 5px 0;
    margin: 12px 0 20px 0;
    text-align: center;
    text-decoration: none;
    background: #00a64e;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#dhl a:hover.start{ background: #11b860; }
#dhl #accordion li a .fa{ right: 35px; top: 32px;  }


/*  fedex */
#fedex a.start{display: block; width: 220px; padding: 5px 0; margin: 12px 0 20px 0; text-align: center; text-decoration: none; background: #00a64e; color: #fff; border-radius: 10px; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
#fedex a.start:hover{ background: #11b860; } 
.start_f1,.start_f2{ display: block; margin: 0; line-height: 1.5em;  } 
.start_f2{ font-size: 18px; }
#fedex #accordion li a .fa{  right: 24%; top: 31px; }
#fedex ul.ai-step1 li:last-child {width: 32%; margin-right: 0; }
#fedex #accordion ul li ul.ai-step1 li{ height: 210px; }
#fedex ul.ai-stepall{ padding-bottom:0;  margin: 0 0 30px 0; }
.fedex_pic1{ margin: 0 0 30px 0; }
.space{ margin-bottom: 30px;  }
ul.itemlist,ul.itemlist2{ margin: 0 0 30px 22px;  }
ul.itemlist li{ list-style-type: decimal; line-height: 1.8em; margin: 5px 0; }
ul.itemlist2 li{ list-style-type: decimal;line-height: 1.5em; margin:10px 0;  }
ul.itemlist li ul.itemlist-inner{ margin: 0 0 0 20px; }
ul.itemlist li ul.itemlist-inner li{ list-style-type:circle;  }

/*  window */
.window{position: absolute;width: 350px;background-color: #fff;border: #fc7c2e solid 1px;text-align: center;left: 700px;top:38%;z-index: 1;padding-top: 2%;color: #2e2e2e;}
.window p{line-height: 2rem;}


/* 退貨便  */
#return.inside-page .m-wrap h4.logo{ max-width: 151px; }
#return .ai-content .ai-num {font-size: 45px; left: 6%; }
#return .ai-content ul li{ height: auto; padding-bottom:20px;  }
#return .ai-content{ padding-bottom:15px;  }
.return_t1{ color: #090909; margin: 0 0 0 12px; }
#return ul.ai-package{ margin: -20px 0 0 0; }
#return .acc-subnum2{ color: #090909; }

.return_ttt{ 
	margin: 10px 0;
    display: block;    
    padding: 10px;
    border: 2px solid #eee;}

.return_at{ border-bottom: 2px solid #f47920; padding: 30px 0 0 0; font-size: 17px; color: #f47920; font-weight: bold; margin: 0 0 10px 0; display: inline-block; }
#return #accordion p.color3{  margin: 0 0 30px 0; }	


/* 支付工具181009 */
/* .m-wrap .pay{ display:flex;  justify-content:space-around;  flex-wrap:nowrap;  }
.m-wrap .pay1{  display:flex; justify-content:flex-start;   flex-wrap:wrap;  } */
.m-wrap .pay{   width: 100%;  text-align: left;  word-break: break-all;}
.m-wrap .pay1{  width: 100%;  text-align: left; }
.m-wrap ul.pay li,.m-wrap ul.pay1 li{ margin:0.5rem 0;  display: inline-block;  }
.m-wrap p{ margin:0.8rem 0;  /* text-align: center; */  }
.m-wrap i.fas{font-size:5.6rem; color: #fff; }
.m-wrap .m-cth{ width:16%;  height:375px; text-align: center ; float: left; margin: 0 10px 0 0; box-sizing: border-box; } 
.m-wrap .m-cth h3{ color: #fff; font-size: 22px; text-align: center; padding: 16px 0 4px 0; }
.m-wrap .m-cth1{ width:16%;  height:190px; text-align: center ; float: left; margin: 0 10px 0 0; box-sizing: border-box; } 
.m-wrap .m-cth1 h3{ color: #fff; font-size: 22px; text-align: center; padding: 16px 0 4px 0; }
.m-wrap .hpx{  height:200px;  }
.m-wrap td.hpx1{  height:125px;  }



/* 繳費便 */
/* 180914 */
/* 200805 */
#copy .m-wrap{ width: 80%; margin: 50px auto; }
.m-wrap .m-ct{ width:16%;  height:168px; text-align: center ; float: left; margin: 0 10px 0 0; box-sizing: border-box; } 
.m-wrap .m-ct h3{ color: #fff; font-size: 22px; text-align: center; padding: 16px 0 4px 0; }
.m-wrap .mbg-A{ background-color: #5aaf82; }
.m-wrap .mbg-B{ background-color: #5fa7d5; }
.m-wrap .mbg-C{ background-color: #ec894d; }
.m-wrap .m-title .m-copyicon{ text-align: center;  width: 100px; margin: 0 auto; }
.m-wrap .mth-1{ width: 24%; }
.m-wrap .mtb-A{ float: left;  width: 80%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 

.monthly .m-wrap .mtb-A tr td,.monthly .m-wrap .mtb-C tr td{vertical-align:middle;}
.monthly .m-wrap .mtb-A tr th:nth-child(1),.monthly .m-wrap .mtb-B tr th:nth-child(1),.monthly .m-wrap .mtb-C tr th:nth-child(1){width:18%; vertical-align:middle;}
.monthly .m-wrap .mtb-A tr th:nth-child(2),.monthly .m-wrap .mtb-B tr th:nth-child(2),.monthly .m-wrap .mtb-C tr th:nth-child(2){width:55%; vertical-align:middle;}
.monthly .m-wrap .mtb-A tr th:nth-child(3),.monthly .m-wrap .mtb-B tr th:nth-child(3),.monthly .m-wrap .mtb-C tr th:nth-child(3){width:15%; vertical-align:middle;}
.monthly .m-wrap .mtb-A tr th:nth-child(4),.monthly .m-wrap .mtb-B tr th:nth-child(4),.monthly .m-wrap .mtb-C tr th:nth-child(4){width:10%;} 
.monthly .m-wrap .mtb-A tr td:nth-child(2),
.monthly .m-wrap .mtb-B tr td:nth-child(2),
.monthly .m-wrap .mtb-C tr td:nth-child(2){text-align: left;}

.monthly .m-wrap .mtb-B tr:nth-child(6) td:nth-child(2),
.monthly .m-wrap .mtb-B tr:nth-child(7) td:nth-child(2),
.monthly .m-wrap .mtb-B tr:nth-child(8) td:nth-child(2),
.monthly .m-wrap .mtb-B tr:nth-child(9) td:nth-child(2),
.monthly .m-wrap .mtb-B tr:nth-child(10) td:nth-child(2){text-align: center;}



.m-wrap .mtb-A tr th{ background-color: #5aaf82; color: #fff; padding: 8px 0; font-weight: normal; font-size: 18px; letter-spacing: 5px; }
.m-wrap .mtb-A tr td{ text-align: center; color: #4e4e4e; font-size: 15px; padding: 20px 10px;/* padding: 27px 24px; */  background-color: #faf8f8; border: 4px solid #fff; }
.m-wrap .mtb-B{ float: left; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.m-wrap .mtb-B tr th{ background-color: #5fa7d5; color: #fff; padding: 8px 0; font-weight: normal; font-size: 18px; letter-spacing: 5px; }
.m-wrap .mtb-B tr td{ vertical-align: middle; text-align: center; color: #4e4e4e; font-size: 15px; padding: 20px 10px; /* padding: 4px 24px; */background-color: #faf8f8; border: 4px solid #fff; }
.m-wrap .mtb-C{ float: left; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.m-wrap .mtb-C tr th{ background-color: #ec894d; color: #fff; padding: 8px 0; font-weight: normal; font-size: 18px; letter-spacing: 5px; }
.m-wrap .mtb-C tr td{ text-align: center; color: #4e4e4e; font-size: 15px; padding: 20px 10px; /* padding: 28px 24px; */background-color: #faf8f8; border: 4px solid #fff; }

.m-wrap .mtb-A tr th{border-right: 2px solid #fff;}
.m-wrap .mtb-B tr th{border-right: 2px solid #fff;}
.m-wrap .mtb-C tr th{border-right: 2px solid #fff;}






@media screen and (max-width: 1024px) {
.m-wrap .mth-1{ width: 36%; }

.m-wrap .mtb-A,.m-wrap .mtb-B,.m-wrap .mtb-C{width: 100%;}
.pic100p img{width: 100%;}
}


/*  window */



/* 繳費便180911 */
#monthly ul.monthly_list{ width: 838px; margin: 0 auto; display:flex; justify-content:space-around;flex-wrap:wrap;}
#monthly ul.monthly_list li{ text-align: center; margin: 35px 26px;  }
#monthly div.monthly_block{ display: inline-block; float: left; width: 30%; }
#monthly ul.monthly_list span{ margin: 15px 0 0 0; display: block; text-align: center; }
#monthly ul.monthly_list p{ margin: 0 0; display: block; }
.colorgray{ color:#6b6969; font-size: 16px;}
/* / 180911 */

ul.monthly-item { width: 70%;  float: right; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; margin: 2px 0 0 0;}
ul.monthly-item li{ line-height: 1.8em; }
.monthly_area{ width: 783px; margin: 20px auto; }






/* // 商品卡 // */
#card.inside-page .m-wrap h4.logo{ margin-top: 25px; }
#card .m-ac-cont ul li a{ margin: 0 10px; }
#card.inside-page .m-wrap h4.logo img { max-width: 115px; }

#card .acc_title{ margin: 30px 0 10px 0; }
#card .card_tb{}
.card_tb{ width: 100%; margin: -10px 0 15px 0; }
.card_tb tr td{ padding: 8px; text-align: center;  border: 1px solid #ececec;}
.card_tb tr th{ text-align: center; border: 1px solid #ececec; padding: 10px 0; background: #b9b9b9; }
.card_tb tr:nth-child(odd) td{ background: #f1f1f1; }
.inside-page#card .m-wrap h4.logo{ max-width: 115px; }

#card .card-t{margin: 15px 0 -15px 0;}
#card .card-t2{ font-weight: bold; margin: 8px 0; }
.card-pic{  margin: 10px 0; }
.card-pic img{ width: 100%; }
ul.card_list{ margin: 10px 0 0 0px; }
ul.card_list li{ list-style-type:  none; }
ul.card_list li span{ font-size: 16px; display: inline-block; font-weight: bold; margin: 10px 0 0 0 ; }
ul.card_list li ul.card_list_item{ margin: 0px 0 10px 30px; }
ul.card_list li  ul.card_list_item li{ list-style-type:  square; line-height: 1.8em; }
#card p{ font-size: 15px; color: #000; letter-spacing: 0; line-height: 1.5em; }
.qa_table{text-align: left;}
.qa_table ul li{list-style: decimal;border-bottom: none;}


/*智FUN機*/
#fun.inside-page .m-wrap h4.logo{ margin-top: 25px; }
#fun .accordion .submenu .card-pic {margin:0 auto;}
#fun .accordion .submenu .card-pic img{max-width: 412px; margin:0 auto 3rem; border-radius: .7rem;}

#fun .accordion .funfeature li{margin:.5rem 0; font-size: 1.1rem;}
#fun .m-ac-cont ul li a{ margin: 0 10px; }
#fun.inside-page .m-wrap h4.logo img { max-width: 158px; }
#fun .accordion ul strong{color:#f6881a; letter-spacing: .5px; font-weight: bold;}
#fun .accordion .fun-display img{width:100%;}
.cardcolor.greenline:after{ 
	content: '';
    background: #00a64e;
    margin-top: 5px;
    left: 0;
    padding-top: 1px;
    width: 90vw;
    position: absolute;
    display: block;}
#fun .accordion .cardcolor.greenline+img{ width:100%; margin:0 auto 3rem;max-width: 412px;}

/* table  */
.card-table{width: 100%; background-color: #ffffff; border-collapse: collapse; margin-bottom: 20px; margin-top:18px;display: table;  }
/*.card-table .tr .td{color: #2f2f2f; border: #7b7b7b 1px dotted; font-size: 14px; padding: 10px 2%; line-height: 1.5em; text-align: center;} ie padding有問題*/
.card-table .tr .td{color: #2f2f2f; border: #7b7b7b 1px dotted; font-size: 14px; padding: 10px 20px; line-height: 1.5em; text-align: center;}/* 180410 改  */
.card-table .tr .th{background-color: #979797; letter-spacing: 1px; font-size: 15px; color:#ffffff; padding: 10px 0;  vertical-align: middle; text-align: center;}
.card-table .thead{display:table-header-group; }
.card-table .tbody{ display: table-row-group;}
.card-table .tr{display:table-row; }
.card-table .tr .th, .card-table .tr .td{display:table-cell; vertical-align: middle; }
.card-table .tr:nth-child(even) .td {background: #eee; }
.card-table .tr .td:last-child ,.card-table .tr .th:last-child{ width: 25%;  }
.card-table .tr .td:nth-child(2) ,.card-table .tr .th:nth-child(2){ width: 10%;  }
.card-table .tr .td:nth-child(3) ,.card-table .tr .th:nth-child(3){  white-space:wrap; }/* 180410 電話不換行  */
.card-table .tr .td.service-td { padding: 0; display: flex; border-top: none; border-right: none; border-bottom: none; }
.card-table .tr .td.service-td div { width: 50%; padding: 10px 20px; line-height: 1.5em; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.card-table .tr .td.service-td div:nth-child(1){ border-right:#7b7b7b 1px dotted; }
.card-table .tr .td.service-td img{ width: 120px; }


/* table  */


ul.card-listitem{ margin: 0 0 0 0px; }
ul.card-listitem li{ /* list-style-type: square; */ margin: 8px 0; line-height: 1.8em; }
.card-step{ font-weight: bold; display: inline-block; width: 60px; vertical-align: top; }
.card-step-ct{ display: inline-block; width: 80%; }
.cardcolor{ background: #00a64e; color: #fff; position: relative;  }
.card-title-area{ position: relative; display: block; width: 100%; }
.card-title-area:after{content:""; position: absolute; width: 98%;height: 1px; border-bottom: 2px dotted #00a64e;  bottom:8px; left:0;}
ul.itemlist3{ margin: 0 0 0 30px; }
ul.itemlist3 li{ list-style-type:  decimal; line-height: 1.5em; }


/*數位商品禮券*/
#isharinggift *{letter-spacing: .03rem;}
#isharinggift h4.logo{
    /*max-width: 210px;*/
    min-width: 180px;
    width: auto;
    margin: 3px;
}

#isharinggift .inside-page .m-wrap h4.logo {margin-top: 25px;}
.table-isharing{
    border: 1px dotted grey;
    padding: 3rem;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    background: white;
}
.table-isharing thead tr th{
    background-color: #979797;
    letter-spacing: 1px;
    font-size: 15px;
    color: #ffffff;
    padding: 10px 0;
}

.table-isharing td::before,
.table-isharing th::before{
  content:'';
  display: block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  }
.table-isharing td,
.table-isharing th{
	padding:.4rem;
	vertical-align: middle;
    border: 1px solid #ececec;

}
td.valignmiddle{ 
	/*background: #eee;*/
/*	left: 50%;
    top: 50%;
    transform: translate(0, 32%);*/
}
.table-isharing tbody tr td[ data-title="Email"]  {
	max-width:7rem;
  	word-wrap: break-word;
	text-align: left;
}
.table-isharing tbody tr td:first-child{
	word-wrap: nowrap;
}

.table-isharing tr:nth-child(even) {background: #eee; }

ul.list-disc li{
    list-style-type: disc;
    line-height: 1.8em;
    margin: 5px 0;
}
ul.listtype4 li{
	margin-left:1rem;
	list-style-type: decimal-leading-zero;
}
#isharinggift ul li dl {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width:100%;
  overflow: visible;
}
#isharinggift dl dt{
  flex: 0 0 7%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
#isharinggift dl dd{
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 0 0 93%
}
/*#isharinggift dl dd:after{
  display: block;
  content: '';
}*/
/*#isharinggift dl dt,
#isharinggift dl dd{
	display: inline-block;
}*/



/* qa */
ul.qa-accordion li{
    list-style-type: none;
    margin: 10px 0;    
    padding-bottom: 10px;
    border-bottom: solid 1px #e3e3e3;
}

ul.qa-accordion li:last-child{ border: none; } 

ul.qa-accordion li .qa_title{ margin: 10px 0; color: #525252; font-size: 15px; cursor: pointer; }
ul.qa-accordion li:hover .qa_title{ color: #e42200; }
ul.qa-accordion li .qa_content{ font-size: 15px; line-height: 1.8em; }
p.gapc{ margin: 10px 0; }

span.question{ font-size: 18px;  margin: 0 5px 0 0 ; }
span.answer{ display: block; float: left;  }


.qa_content{ position: relative; margin: 0 0 0 25px; }
.qa_content:after{ position: absolute; content: " A :"; left: -20px;  top:0 ;font-size: 15px; margin: 0 8px 0 0; width: 30px; }
.qa_content ul li{list-style-type: decimal;margin-left: 20px;}
ul.qa-accordion li .qa_title{ margin:  0 0 0 25px; position: relative; }
ul.qa-accordion li .qa_title:after{ position: absolute; content: " Q " ;left: -20px;  top:0 ;font-size: 15px; margin: 0 8px 0 0; width: 30px;  }

ul.qa-accordion li table{ width: 90%; max-width: 700px; border: 1px solid #cfd1d0; margin: 10px 0 0 0; }
ul.qa-accordion li table tr th{ background: #e0e0e0; text-align: center;}
ul.qa-accordion li table tr td{ background: #fff;  text-align: center; border:1px solid #cfd1d0; }



/* // 禮券 // */
ul.gift-tips{ font-size: 14px; display: inline-block; margin: 0 0 0 20px;	 }
ul.gift-tips li{ list-style-type: disc;  line-height: 1.5em;}
span.gift-tip1{ display: inline-block; float: left; font-size: 14px; }
#gift .card-t2{ font-weight: bold; margin: 8px 0; }
#gift #accordion p.red{ color: #c50606; }
ul.itemlist li ul.itemlist2 li{ list-style-type: decimal; }
.inside-page#gift  .m-wrap h4.logo{ width: 114px; margin: 5px 0 0 0; }
#gift p{ font-size: 15px; }

/* // SIMCARD // */
p.simcard{ line-height: 1.8em; }
.simcard-img1{ display: inline-block; margin: 0px 5px; padding: 8px 0 0 0; }
#simcard .card-table .tr .td, #simcard .card-table .tr .th{ text-align: center; }
#simcard .card-table .tr .td img{  display: inline-block;}
#simcard .card-table .tr .td:last-child,#simcard .card-table .tr .th:last-child{ width: 5%; }
#simcard .card-table .tr .td ul{ text-align: left; margin: 0 0 0 30px; }
#simcard .card-table .tr .td ul li{ list-style-type: disc; margin: 8px 0; line-height: 1.4em; }
#simcard .card-table .tr .td:nth-child(1),#simcard .card-table .tr .th:nth-child(1){ width: 10%; }
#simcard .card-table .tr .td:nth-child(3),#simcard .card-table .tr .th:nth-child(3){ width: 30%; }

table.simcard-tb2 { margin: 10px 0 0 0; width: 100%; }
table.simcard-tb2 tr td{ padding: 10px 20px; border: 1px solid #d1d1d1; text-align: center; }
table.simcard-tb2 tr th{ text-align: center; border: 1px solid #d1d1d1; padding: 8px 0; background: #eee; }

#simtable.card-table .tr:last-child .td{ background: none; }
#simtable.card-table .tr:first-child .td{ width: 25%; }
#simcard ul.itemlist, ul.itemlist2{ margin-bottom:10px;  }


.invoice_wrapper{ width: 90%; margin: 0 auto; }
#invoice .tb{ width: 48%; /* max-width: 600px;  */}
#invoice .tb tr{}
#invoice .tb tr th{ text-align: center; background: #eee  ; padding: 5px 0; }
#invoice .tb tr td{ text-align: center; vertical-align: middle; padding: 5px 0; border: 1px dotted #8a8a8a; line-height: 1.8em; }
/* .inside-page#invoice .m-wrap h4.logo{ width: 150px; } */
.inside-page#invoice .m-wrap h4.logo{ width: 195px; }/* 200723 */

.tableA{ float: left; }
.tableB{ float: right; }

#invoice .red{ font-weight: bold; }
#invoice .tb tr td.num{ font-weight: bold; font-size: 18px;}
#invoice .tb tr td .ps{ font-weight: normal; font-size: 14px; }
#invoice .tb tr td:nth-child(odd){ background: #eee; }
#invoice .tb tr td.tt{ background: #6c6c6c; color: #fff; font-weight: bold; padding: 8px 0; }
#invoice_table{ margin: 30px auto; width: 90%;	 }
#invoice ul.itemlist{ width: 90%; margin: 0 auto; padding: 0 0 0 20px;  font-size: 14px; }
.red1{color:#c50606; font-weight:normal; }
.invoice_imgpc{width: 90%;text-align: center;margin: 2% auto;display: block;}
.invoice_imgpc img{width: 100%;}
.invoice_imgm{display: none;}
.invo-pic{width: 100%;}
.invo-pic ul{display: flex;justify-content: flex-start;}
.invo-pic ul li{margin: 0 20px 0 0;}
/* /// 發票  /// */
/* 
.invoice_wrapper{ width: 95%; margin: 0 auto;	  } */



/* // 資源回收//  */
#recycle .card-table{border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
#recycle .recycle_wrapper{ width: 85%; margin: 0 auto; }
#recycle .card-table .tr .td:nth-child(2),#recycle .card-table .tr .th:nth-child(2) {width: auto; }
#recycle ul.itemlist{ text-align: left; margin-bottom: 0; }
#recycle .card-table#table .tr .td{ text-align: left; }
#recycle .card-table#table .tr .td:nth-child(1) { width: 15%; }
#recycle .m-ac-cont{ margin: 5px 0 0 0; }
.inside-page#recycle .m-wrap h4.logo{ width: 150px; margin: -5px 0 0px 0;	 }
#recycle .card-table .tr .td:nth-child(3) ,#recycle .card-table .tr .th:nth-child(3){ word-break: break-all;  }/* 180410 電話不換行  */


/* // faq // */
#faq ul.itemlist li { list-style-type: disc; }
#faq .card-table .tr .th{ padding: 10px ; border-right:1px solid #eee;  }
#faq ul.qa-accordion li ul.itemlist{ margin-top:5px; margin-bottom: 10px;  }
#faq ul.qa-accordion li ul.itemlist li{ border-bottom:none; line-height: 1.5em; margin: 0;}
#faq ul.qa-accordion li table.faq_tb1{  width: 95%; text-align: center; max-width: 100%; }
#faq ul.qa-accordion li table.faq_tb1 tr td{ padding: 5px; vertical-align: middle; }
#faq .inside-page .m-wrap h4.logo{ margin: 5px 0 0 0; }
#faq .m-ac-cont ul li a{ margin: 0 13px; }
#faq .card-table .tr .td:nth-child(1),#faq .card-table .tr .th:nth-child(1){ width: 20%; }
#faq .card-table .tr .td:nth-child(2),#faq .card-table .tr .th:nth-child(2){ width: 20%; }
#faq .card-table .tr .td:nth-child(3),#faq .card-table .tr .th:nth-child(3){ width: 59%; }
#faq input{border: 1px solid #a5a5a5;  }
.faqtb { /* width: 80%; max-width: 700px; */ margin:15px 0; padding: 20px 50px; border: 1px dotted #b2b2b2; /* border-top: 2px solid #b2b2b2; border-bottom: 2px solid #b2b2b2;  */ }
.faqtb tr{ border-bottom: 1px solid #b2b2b2; }
.faqtb tr th{ vertical-align: middle; padding: 20px; text-align: center; background: #f0f0ef; font-weight: normal;  }
.faqtb tr td{ padding: 15px; vertical-align: middle; }
.faqtb tr td input,.faqtb tr td textarea{ padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.faqtb tr td textarea{ width: 315px; }
.faq_select{ width: 220px; padding: 3px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#faq .m-ac-cont{ margin: 5px 0 0 0; }
.inside-page#faq .m-wrap h4.logo{ width: 150px; margin: -2px 0 0px 0; }

#faq .faqtb td select,#faq .faqtb td input{-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    top: 0px;
    left: 0px;
}
#faq .faqtb td select:focus,#faq .faqtb td input:focus,#faq .faqtb td textarea:focus{ border: 1px solid #e87808; -moz-box-shadow:    1px 1px 1px 1px #e5e5e5; -webkit-box-shadow: 1px 1px 1px 1px #e5e5e5; box-shadow: 1px 1px 1px 1px #e5e5e5; }
#faq .v_code{margin: 9px 8px 0 0;}




/* communication */
#communication input{ border: 1px solid #a5a5a5; }
#communication .tb{ width: 80%; max-width: 700px; border: 1px solid #d7d7d7; margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#communication .tb table{ border-style: hidden; }
#communication .tb th{ width: 30%;  padding: 9px 0; border-bottom: 1px solid #b1b1b1;vertical-align: middle; font-weight: normal; font-size: 14px;  background: #e4e4e4;}
#communication .tb td{ width: 70%; border-bottom: 1px dotted #b1b1b1; padding: 10px 5%; vertical-align: middle; }
#communication .tb td select{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  padding: 3px 0; }
#communication .tb td input{padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;   } 
#communication .textarea{ width: 90%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#communication .tb td select,#communication .tb td input{-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#communication .tb td select:focus,#communication .tb td input:focus,#communication .tb td textarea:focus{ border: 1px solid #e87808; -moz-box-shadow:    1px 1px 1px 1px #e5e5e5; -webkit-box-shadow: 1px 1px 1px 1px #e5e5e5; box-shadow:         1px 1px 1px 1px #e5e5e5; }
.inside-page#communication .m-wrap h4.logo{ width: 241px;  max-width: 241px;}
.v_code{ display: block; float: left; margin: 0 8px 0 0; }
a.send{ display: block; width: 120px;  padding: 5px ; margin: 0 auto; background: #ff8400; color: #fff; text-align: center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
a:hover.send{ background: #e36306; }
.comm_t1{ font-weight: bold; font-size: 16px; display: inline-block; }
#communication ul.itemlist li span{ display: inline-block;  }
#communication ul.itemlist li a{ display: block; padding: 0 0 0 0px; }


/*  contactus */
.contactus_tb{ /* border: 1px solid #dedede ; */ width: 100%; }
.contactus_tb tr{ border-bottom:1px dotted #b9b9b9;  }
.contactus_tb tr:last-child{ border: none;  }
.contactus_tb th{  color: #3e3e3e;/* border-bottom: 3px solid #fc7c2e; */ /* border: 1px solid #dedede ; */ text-align: center; vertical-align: middle; width: 28%; padding: 10px 0; }
.contactus_tb tr td{ /* border: 1px solid #dedede ; */ padding: 10px 20px; }
ul.contactus_tb1{ margin: 0 0 0 20px;  }
ul.contactus_tb1 li{ list-style-type: disc; text-align: left; }
#contactus .card-table .tr .th{ padding: 5px; }
.contactus_tb2 { width: 100%; }
.contactus_tb2 tr th{ color: #fc7c2e; width: 15%; }
.contactus_tb2 tr td{}
.itemlist2 li{ list-style-type:  disc; }
#contactus .m-ac-cont{ margin: 5px 0 0 0; }
.inside-page#contactus  .m-wrap h4.logo{ width:141px  }

/* privacy */
.inside-page#privacy  .m-wrap h4.logo{ max-width: 214px; width: 214px;	 }
.inside-page#privacy p{ color:#1f1f1f ; padding: 0 10px; }



/* proposal */
#proposal p{ color: #1f1f1f; letter-spacing: 0; font-size: 16px; }
.cc_wrapper{ margin: 15px 0; }
.inside-page#proposal .m-wrap h4.logo{ max-width: 343px; }


/* atm */
.inside-page#atm .m-wrap h4.logo{max-width:81px; min-width:81px; }
/* #atm ul{ margin: 0 0 0 25px; } */
#atm .m-ac-cont ul li{ list-style-type: none; }
#atm ul.atmlist {margin: 0 0 0 20px; }
#atm ul.atmlist li{ margin: 10px 0; font-size: 16px; color: #474747; list-style-type: disc; }
p.atm_t{ color: #474747; font-size: 18px; letter-spacing: 0; font-weight: bold; }
#atm a.atm_btn1{ display: inline-block; width: 200px;  padding: 10px ; background: #ff790d; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align: center; }
#atm a.atm_btn2{ display: inline-block; width: 200px; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #00a64e; color: #fff; padding: 10px ;}
#atm a.atm_btn2 .fa-shopping-cart{ left: -58px; top: 12px; }
#atm a.atm_btn1 .fa-gift{ left: -37px;  top: 8px;}
#accordion li a{ text-decoration: ; }

#atm a .fa-shopping-cart{ margin: 0 10px 0 0; }
#atm a:hover.atm_btn1{ opacity: .8;  }
#atm a:hover.atm_btn2{ opacity: .8;  }

.atm_sublist{ margin: 0 0 0 20px; }
#atm .other{ -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; display: block; border: 2px solid #0891a1; padding: 10px; margin: 40px 0; text-align: center; width: 300px; }


#atm .fa-angle-right{ color: #fff; position: relative; right: 0; top: 0; margin: 0 8px; }
.atm_pic{ float: left; width:210px; margin: 20px 30px 0 0;  }
.atm_pic img{ width: 100%; }
.atm_font{ float: left; width: 55%; max-width:402px;  margin: 71px 0 0 0; }
.atm_font img{ width: 100%; }
#atm .ai-content{ margin: 30px 0; padding: 25px 0; }
#atm .ai-content .ai-num {
    font-size: 35px;
    color: #d8d8d8;
    font-weight: normal;
    margin: 0 15px 0 0;
    display: inline-block;
    position: relative;
    top: 0;
    left: auto;}


#atm h5{ margin: 20px 0 10px 0; font-size: 18px; color: #000; text-align: left;
    font-weight: bold; }
#atm .ai-content ul li{ height: 309px; }
ul.atm_ul{ margin: 0 0 0 20px; }
ul.atm_ul li{ list-style-type: decimal; margin: 5px 0;  }
ul.atm_ul li ul.atm_sublist li{ list-style-type: disc; }
.m-ac-cont {
    float: right;
    margin: 10px 0 0 0;
}
#atm .ai-content ul{ margin: 0 0 0 2%; }
#atm .ai-content .ai-img{ transform: scale(0.8); }

/* #atm .step-num {
    font-size: 38px;
    color: #d8d8d8;
    font-weight: normal;
    margin: 0 15px 0 0;
    display: inline-block;
}
 */


.other1{ color: #0891a1; }
a.other_btn{ display: block; background: #0891a1; color: #fff;  text-align: center; padding: 8px 0; margin: 5px auto; width: 85%; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  }
a:hover.other_btn{ background: #28bdbe; }



.fa-gift{ margin: 0 10px 0 0; font-size: 20px; padding: 3px 0 0 0; }


/* 777 */
#winning .m-ac-cont{ margin: 5px 0 0 0; }
#winning ul.winning_list{ margin: 0 0 0 20px; }
#winning ul.winning_list li{ list-style-type:  disc; color: #ff790d; margin: 10px 0; letter-spacing: 0; position: relative; font-size: 15px; }
#winning ul.winning_list li:after{ content: ""; position: absolute; bottom: -3px; left: 0; width:100%; height: 1px; border-bottom:1px dotted #a8a8a8;  }
#winning ul.winning_list li:last-child:after{ display: none; }
#winning ul.winning_list li a{ display: block; }
#winning ul.winning_list li a .date{ color: #3b3b3b; display: inline-block; margin: 0 10px 0 0; font-weight: bold; }
#winning ul.winning_list li a .cont{ color: #3a3a3a; display: inline-block;}
#winning ul.winning_list li a:hover{ text-decoration: none; }
#winning ul.winning_list li a:hover .date{ color: #ff790d; }
#winning ul.winning_list li a:hover .cont{ color: #ff790d;  }
#winning #accordion li a{ text-decoration: none; }
/* .inside-page#winning .m-wrap h4.logo{ width: 138px;	 } */
.inside-page#winning .m-wrap h4.logo{ width: auto;	 }
#winning .rule-box{ margin: 0 0 50px 0;  }
#winning .rule-box .tit{ font-size: 2rem; font-weight: bold; color: #f47920; margin: 0 0 10px 0; text-align: center; }
#winning .rule-box .colorbar{ height: 50px; border-radius: 0 0 0 0; background: #f6881a; margin: 0 0 20px; }
#winning .rule-box a{ font-size: 0.9375rem; color: #3a3a3a; margin: 0 0 0 7.5%; }
#winning .rule-box a:hover{ color: #ea7618; }
#winning .logo.tit{ font-size: 2rem; font-weight: bold; color: #f47920; margin: 0 0 0 0; text-align: center; max-width: none; }


/*  鮮食新品   */
/* kv */
#freshfood{ margin: 39px 0 50px 0;  width: 100%;}
#freshfood .m_kvwrp{ position: relative; width: 100%; margin-top: 38px;padding-bottom: 42px; z-index: 0; overflow: hidden;}
#freshfood .swiper-container{ position: relative; height: 328px; overflow: hidden; }
#freshfood .swiper-container .swiper-wrapper .slide1{ background: url("../images/upload/hot1.jpg") no-repeat center top;  }
#freshfood .swiper-container .swiper-wrapper .slide2{ background: url("../images/upload/hot2.jpg") no-repeat center top; }
#freshfood .swiper-container .swiper-wrapper .slide3{ background: url("../images/upload/hot3.jpg") no-repeat center top; }
#freshfood .swiper-container .swiper-wrapper .slide4{ background: url("../images/upload/hot4.jpg") no-repeat center top; }
#freshfood .swiper-container {width: 100%; height: 328px; overflow: hidden;}
#freshfood .swiper-slide {text-align: center; font-size: 18px; background: #fff; width: 100%; /* min-width: 1030px; */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;   }
#freshfood .swiper-slide{opacity: 1;}
#freshfood .swiper-slide-active{ opacity: 1; }
#freshfood .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: -29px;}
#freshfood .swiper-container-horizontal>.swiper-pagination{/* bottom:-44px; */ /*  padding: 13px 0; */ background: none;}
#freshfood .swiper-pagination-bullet {width: 11px; height: 11px; display: inline-block; border-radius: 100%; background: #cfcfcf; opacity: 1; }
#freshfood .swiper-pagination-bullet-active {opacity: 1; background: #e23e32; }
#freshfood .swiper-button-prev, .swiper-button-next{top: 106.5%; }
#freshfood .swiper-button-prev,.swiper-button-next{ width: 12px; height: 20px;}
#freshfood .swiper-button-next {background-image: url("../images/arrow_R.png") ; right:40%; background-size: cover; left: auto;}
#freshfood .swiper-button-prev {background-image: url("../images/arrow_L.png") ; left: 40%; background-size: cover; right: auto; }
#freshfood .swiper-pagination-fraction, #freshfood .swiper-pagination-custom, #freshfood .swiper-container-horizontal > #freshfood .swiper-pagination-bullets {bottom: -42px; height: auto; padding: 12px 0;  background: none; }
#freshfood .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px 5px; }

#hot h2{ color: #ff473d; font-size: 26px; margin: 20px 0; font-weight: normal;  border-bottom:2px solid #fff; min-height: 50px;  }
.m-hot-wrap{ width: 90%; margin: 0 auto; }
.m-hot-wrap  .blog-list-container .m-listblock h3{ margin: 5px 0; color: #fc7c2e; font-size: 20px; font-weight: normal; }
.m-hot-wrap  .blog-list-container .m-listblock figure{ text-align: center; vertical-align: middle;  height: 216px; background: url(../images/hot_bg.jpg) no-repeat left top;}
/* .m-hot-wrap  .blog-list-container .m-listblock figure img{ width: 90%; margin: 15px 0 0 0; } */
.m-hot-wrap  .blog-list-container .m-listblock figure img {width: 85%; margin: 0px auto 0 auto; text-align: center; }
.m-hot-wrap  .item{ width: 90%; margin: 10px auto; border-top: 1px dotted #ababab; padding: 10px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: absolute;left:5%;top:87%;}
.m-hot-wrap  .blog-list-container  a.m-listblock{ padding-bottom:0;  }

.Calories,.Price{ color: #939393; display: inline-block; line-height: 1em; }
.Calories{  font-size: 13px; float: left; }
.Price{  font-size:14px;  float: right; } 
.Limited{ color: #fff; background: #9d9d9d; /* border: 1px solid #a4a4a4; */width: 20%; margin: -38px 10px 0 0;  min-width: 62px; display: inline-block;  padding: 3px 5px; text-align: center; font-size: 12px; border-radius: 3px; float: right;  }
.m-hot-wrap .grid-item{ max-width: 287px; }
#hot .m-hot-wrap {width: 82%; /* min-width: 1030px; */ /* max-width: 1174px; */ margin: 20px auto; position: relative;  }
.new {
    position: absolute;
    right: 4px;
    top: 5px;
    width: 77px;
    height: 37px;
    z-index: 1;
    text-indent: -9999px;
    background: url(../freshfoods/images/new.png) no-repeat top center;
}
#hot .grid-sizer, #hot .grid-item{ width: 25%; position: relative; }
.kitchen{ text-align: center; display: block; width: 437px; margin: 0 auto; }

a.blogbtn{ width: 90%; text-align: center; margin: 0 auto 10px auto; display: block; color: #00a64e; border: 1px dotted #00a64e; padding:5px; font-size: 13px;  -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
a:hover.blogbtn{ background: #00a64e; color: #fff;  }

/* 各單元標題  */
.fresh-title1{
	text-indent: -9999px;  
	width: 115px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -275px; }

.fresh-title2{
	text-indent: -9999px;  
	width: 73px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -331px; }    

.fresh-title3{
	text-indent: -9999px;  
	width: 132px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 0px; } 


.fresh-title4{
	text-indent: -9999px;  
	width: 132px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -529px; }         


.fresh-title5{
	text-indent: -9999px;  
	width: 132px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -480px; }   


.fresh-title6{
	text-indent: -9999px;  
	width: 120px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -53px; }  


.fresh-title7{
	text-indent: -9999px;  
	width: 141px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -115px; }   


.fresh-title8{
	text-indent: -9999px;  
	width: 165px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -173px; }    
.text2{text-align: left;}

.fresh-title9{
	text-indent: -9999px;  
	width: 165px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -217px; }   

.fresh-title10{
	text-indent: -9999px;  
	width: 112px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -377px; } 

.fresh-title11{
	text-indent: -9999px;  
	width: 125px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -428px; } 
.fresh-title12{
	text-indent: -9999px;  
	width: 97px;
    height: 90px; 
    background: url("../freshfoods/images/logo_16.png") no-repeat 0 0px;background-size: contain; } 
.fresh-title13{
	text-indent: -9999px;  
	width: 150px;
    height: 68px; 
    background: url("../freshfoods/images/logo_17.png") no-repeat 0 0px;background-size: contain; } 
.fresh-title14{
	text-indent: -9999px;  
	width: 163px;
    height: 39px; 
    background: url("../freshfoods/images/logo_18.png") no-repeat 0 0px;background-size: contain; } 
.fresh-title15{
	text-indent: -9999px;  
	width: 185px;
    height: 60px; 
    background: url("../freshfoods/images/logo_19.png") no-repeat 0 0px;background-size: contain; } 
.fresh-title16{
	text-indent: -9999px;  
	width: 150px;
    height: 103px; 
    background: url("../freshfoods/images/logo_20.png") no-repeat 0 0px;background-size: contain; }
.fresh-title17{
	text-indent: -9999px;  
	width: 125px;
    height: 50px; 
    background: url("../freshfoods/images/logoAll.png") no-repeat 0 -223px; } 

/* #foods.u-tab ul#item-four{ width: 25%; }
#foods.u-tab ul#item-three{ width: 33.33%; } */

/* 天素地蔬選單 */
#foodsveg.u-tab{width: auto; min-width: 100%; }
#foodsveg.u-tab ul{width: 100%; }
#foodsveg.u-tab ul#item-two li{width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foodsveg.u-tab ul#item-three li{width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foodsveg.u-tab ul#item-four li{width: 25%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#foodsveg.u-tab ul li a::after{ display: none; }

/* 小七食堂 飯糰 */
#foods.u-tab{width: auto; min-width: 500px; }
#foods.u-tab ul{width: 100%; }
#foods.u-tab ul#item-two li{width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foods.u-tab ul#item-three li{width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foods.u-tab ul#item-four li{/* width: 25%; */  float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foods.u-tab ul#item-four li:nth-child(1){width: 25%;}
#foods.u-tab ul#item-four li:nth-child(2){width: 25%;}
#foods.u-tab ul#item-four li:nth-child(3){width: 25%;}
#foods.u-tab ul#item-four li:nth-child(4){width: 25%;}
#foods.u-tab ul#item-four li:nth-child(5){width: 20%;}
#foods.u-tab ul li a::after{ display: none; }
#hot div.m-listblock{max-width: 285px; background: #f4f4f4;    padding: 0 0 5px 0; display: inline-block; vertical-align: top; margin-bottom: 12px;  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 350px; }


#hot div.m-listblock figure{  margin: 0; padding: 0; overflow: hidden; width: 100%; height: 0; padding-bottom: 74.91%;}
#hot div.m-listblock figure img{ width: 100%; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale(1); }
#hot div:hover.m-listblock figure img { transform: scale(1.05); }
#hot div.m-listblock.cont1 .tagstyle{ background: #ed9593;}
#hot div.m-listblock.cont2 .tagstyle{ background: #fea252;}
#hot div.m-listblock.cont3 .tagstyle{ background: #cdb7a2;}
#hot div.m-listblock.cont4 .tagstyle{ background: #96c388;}
#hot div.m-listblock p,#hot .list-container .m-listblock .m-listarea{ padding: 0 7%; margin: 6px 0; }
#hot div.m-listblock p{letter-spacing: 1px;  color: #545454; line-height: 1.3em; font-size: 14px; margin: 0;} 
#hot div.m-listblock .tagstyle{ width: 32.2%; max-width:75px;  height: 24px; color: #fff; border-radius: 18px; font-size: 13px; text-align: center; line-height: 24px; letter-spacing: 1px; display: inline-block; float: right; }
#hot div.m-listblock .listitle{ display: inline-block; float: left; color: #545454; font-size: 20px; width: 67%; letter-spacing: 1px; }
#hot div.m-listblock:hover{ border: none; }
#hot div.m-listblock.cont3 .tagstyle{ color: #6c5a48; }
#hot div.m-listblock h3 {margin: 5px 0; color: #fc7c2e; font-size: 20px; font-weight: normal;padding: 0 5%;}
#hot div.m-listblock figure {text-align: center; vertical-align: middle;  display: block; background: url(../images/hot_bg.jpg) no-repeat left top; }

#hot div:hover.m-listblock figure img{ transform: scale(1.045); }
#hot .m-hot-wrap .grid-item{}


/*北海道牧場  */
/* 北海道牧場*/
.farm{ 
	width: 490px;
	height: 540px;
	position:fixed;
	left: 50%;
	top: 50%;
	z-index:500;
	margin: -270px 0 0 -245px;
	overflow: hidden;	
	background-color: #fff;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 5px solid #e0d2c2;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
	display: none;
	 }

.farm_area{ width: 425px; margin:0 auto;}
.farm_area h5{ 
	font-size: 24px; 
	color: #d27c19;
	letter-spacing: 1px;
	width: 100%;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #d37d18;
	font-weight: normal; }

.farm_area h6{
	font-size: 18px;
	color: #8b5d28;
	font-weight: normal;
	margin:10px 0 0 0;
	line-height:2em;
}


.farm p{ margin:0; }
ul#RM_tab.speciall{ width: 85%; }



/* 大亨堡 */
a.Pricelist{ 
display: inline-block;
border: 1px solid #fc7c2e;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: right;
margin: 18px 5px 0 5px; }


/*價目表*/

#Bigbite .price_area {
    width: 235px;
    margin: 0 auto;
    padding: 10px 0;
}

#Bigbite #popup-No1 {
    position: fixed;
    z-index: 600;
    display: none;
}

#Bigbite .Price-List{
	position: fixed;
	width: 340px;
	/* height: 560px; */
	margin: -280px 0 0 -170px;
	left: 50%;
	top: 50%;
	z-index: 300;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow:hidden;
	border:5px solid #e0d2c2;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;} 


#Bigbite .Price-List h4{
	width: 100%;
	font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif;
	background-color:#e0d2c2;
	text-align:center;
	color:#7f5f3b;
	letter-spacing:1px;
	font-size:30px;
	padding:0px 0;}

#Bigbite .price_area{
	width: 235px;
	margin:0 auto;
    padding:10px 0;}	


#Bigbite .price_area h5{
	color:#f68c35;
	font-size:30px;
	line-height:1.5em;
	width:100%;
	border-bottom:1px solid #f68c35;
	font-weight:normal;}


#Bigbite ul.price_content {
	max-width: 100%;
	padding: 0;
	overflow-x: hidden;
	list-style: none;
	color:#646464;
	font-size:15px;
	letter-spacing:1px;
	margin:10px 0;}

#Bigbite ul.price_content li:before {
	float: left;
	width: 0;
	white-space: nowrap;
	content:
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
	font-size:11px;}


#Bigbite ul.price_content li{ margin:3px 0; }

#Bigbite ul.price_content span:first-child {
	padding-right: 0.33em;
	background: #fff;}

#Bigbite ul.price_content span + span {
	float: right;
	padding-left: 0.33em;
	background: #fff;}

#Bigbite ul.price_content span.areaOnly{
	float:none;
	font-size:11px;
	transform:scale(0.875);
	padding:1px 4px;
	border:1px solid #838383;}


#Bigbite .price_area h5 .areaOnly{
	font-size:12px;
	padding:0 5px;
	line-height: 1.5em;	
	display:inline-block;
	background:#f07b1a;
	color: #fff;}	

#Bigbite .price_area h5.salad{
	line-height:0.8em;
	margin:25px 0 0 0;}



/* 關閉按鈕*/
#Bigbite a.closebtn{	
	display:block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	position:absolute;
	right: 10px;
	top: 4px ;
	z-index:50 ;	
	transition: transform 0.4s ease 0s;}

#Bigbite a.closebtn:hover {transform: rotate(720deg); }

#Bigbite .close-button-line {
  background: #212121;
  width: 30px;
  height: 1px;
  display: block;
  transform: rotate(-45deg);
  position: absolute;
  top:20px;
  left:5px;}

#Bigbite .close-button-line:first-child {transform: rotate(45deg); }


/*價目表　end*/






/* 霜淇淋 */
a.Nutrition_Facts {float: left; display: inline-block; margin: 0 0 5px 0; color: #fc8d22; border: 1px solid #fc8d22; padding: 0px 12px; font-size: 13px; text-decoration: none; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
a:hover.Nutrition_Facts{background-color: #fc8d22; color: #fff; border: 1px solid #fff;}
a.Raw_Material {float: left; display: inline-block; margin: 0 0 5px 10px; color: #bb7949; border: 1px solid #bb7949; padding: 0px 12px; font-size: 13px; text-decoration: none; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
a:hover.Raw_Material{background-color: #bb7949; color: #fff; border: 1px solid #fff;}
a.Raw_Material .fa-angle-right,a.Nutrition_Facts .fa-angle-right{ position: relative; right: 0; top: 0; }
.NF_area {position: fixed; width: 375px; height: auto; left: 50%; top: 50%; z-index: 500; padding: 0 0 30px 0; overflow: hidden; margin: -265px 0 0 -187px; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.NF_content {width: 318px; margin: 0 auto; color: #5e5e5e; font-size: 15px; }
.border {width: 100%; border: 1px solid #a9a9a9; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px 0 0 0; }
.quantity {background-color: #f1f1f1; padding: 6px; text-align: center; }
#hot .ps {font-size: 13px; color: #5b5b5b; text-align: center; background-color: #e4e4e4; letter-spacing: 1px; line-height: 1.7em; width: 319px; height: 20px; margin: 0 auto; }
ul.NF_tb {width: 90%; margin: 0px auto; }
ul.NF_tb li {position: relative; margin: 10px 0; }
ul.NF_tb li::after {content: ""; position: absolute; bottom: -5px; left: 0; display: block; width: 100%; height: 1px; border-top: 1px dotted #898989; }
.float_R {float: right; }
ul.NF_tb li:last-child::after{ display:none; }
ul.NF_tb li ul.NF_item li {padding: 0 0 0 25px; }
.NF_area h4 {background-color: #fc8d22; color: #fff; font-size: 24px; line-height: 1em; padding: 10px 0 10px 20px; }
a.closebtn {display: block; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; position: absolute; right: 10px; z-index: 50; transition: transform 0.4s ease 0s; }
.NF_area a.closebtn {top: 13px; }
.close-button-line {background: #212121; width: 30px; height: 1px; display: block; transform: rotate(-45deg); position: absolute; top: 20px; left: 5px; }
.close-button-line:first-child {transform: rotate(45deg); }
.RM_area h4 {background-color: #d0a684; color: #fff; font-size: 24px; line-height: 1em; padding: 10px 0 10px 20px; margin: 0; }
.RM_area a.closebtn {top: 15px; z-index: 1000; }
.RM_content .border {padding: 6%; }
ul#RM_tab {width: 90%; margin: 10px auto; padding: 9px 0; }
#Nutritional ul#RM_tab{ width: 85%; }

/* ul#RM_tab {width: 90%; margin: 10px auto; padding: 9px 0; } */
ul#RM_tab li {float: left; }
ul#RM_tab li a.on, ul#RM_tab li a:hover {background-color: #7c7c7c; color: #fff; }
ul#RM_tab li a {text-decoration: none; display: block; padding: 3px 10px; color: #535353; font-size: 15px; border: 1px solid #a9a9a9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.RM_area {width: 468px; position: fixed; height: auto; left: 50%; top: 50%; z-index: 500; padding: 0 0 30px 0; overflow: hidden; margin: -265px 0 0 -234px; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.RM_content {width: 90%; margin: 0 auto; color: #5e5e5e; font-size: 15px; }
.mask {display: block; position: fixed; top: 0; z-index: 200; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }
.farmmask {display: none; position: fixed; top: 0; z-index: 200; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }


/* 蒸美味 */
.story{ width: 100%; margin: 60px auto; padding: 0 8px;  }
.story_l{ float: left; width: 50%; margin: 0 50px 0 0;  min-width: 471px; height: 352px;  }

#steam .story_l{ background: url('../freshfoods/12_steam/images/story_pic.jpg') no-repeat center top; }

#luwei .story_l{ background: url('../freshfoods/13_luwei/images/story_pic.jpg') no-repeat center top; }
/* 天素地蔬 */
.vegstory{ width: 100%; margin: 10px auto;  }
.story_l{ float: left; width: 50%; margin: 0 50px 20px 0;  min-width: 390px; height: 280px;  }
#veg .story_l{ background: url('../freshfoods/18_veg/images/story_pic2.jpg') no-repeat center top ;background-size:contain; }

#potato .story_l{ background: url('../freshfoods/14_potato/images/story_pic.jpg') no-repeat center top; }
.story_r{ float: left; width: 45%;}
.story_logo{ text-align: center; display: block; }
.story_logo img{ text-align: center;     display: inline-block; }
.story_p{ margin: 40px 0 0 0; }

#luwei .m-hot-kv{ 
	background: url(/../freshfoods/13_luwei/images/kv.jpg) no-repeat center top; 
    width: 100%;
    height: 328px;}
#luwei .m-hot-kv{ 
	background: url(/../freshfoods/13_luwei/images/kv.jpg) no-repeat center top; 
    width: 100%;
    height: 328px;}
.m-hot-kv2{ 
	background: url(/../freshfoods/images/fresh_kv138.jpg) no-repeat center top; 
    width: 100%;
    height: 328px;margin-top: 20px;}
.m-hot-kv3{ 
	background: url(/../freshfoods/images/fresh_kv0.jpg) no-repeat center top; 
    width: 100%;
    height: 328px;margin-top: 20px;}
.m-hot-kv4{ 
	background: url(/../freshfoods/images/fresh_kv0.jpg) no-repeat center top; 
    width: 100%;
    height: 328px;margin-top: 20px;}
   





#columns {-webkit-column-count: 4; -webkit-column-gap: 10px; -webkit-column-fill: auto; -moz-column-count: 4; -moz-column-gap: 10px; -moz-column-fill: auto; column-count: 4; column-gap: 15px; column-fill: auto; flex-direction: column; }
.list-container2{ position: relative; }
#columns .m-listblock{display: inline-block; background: #FEFEFE; margin: 0 2px 15px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; padding: 15px; padding-bottom: 5px; background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9); opacity: 1; }
#columns .m-listblock img {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 5px; }
.list-container2 .grid-item{ position: relative; }
.list-container2 .m-listblock{ width: 100%; margin: 0 5px ; }



/*  sitemap */
ul.sitemap_ul{display: flex; width: 100%; margin: 0 0 40px 0;	}
ul.sitemap_ul li{flex-grow: 5;}
ul.sitemap_ul li a{ color: #000000; font-size: 15px;  }
.sitename{ color: #000000; font-size: 16px; font-weight: bold; margin: 20px 0 10px 0;}
ul.sitelist { margin: 5px 0; }
ul.sitelist li{ background: url("../images/dot2.gif") no-repeat left center; padding: 0 0 0 15px; line-height: 1.8em;  }
ul.sitelist li a{ color: #000000; -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
ul.sitelist li a:hover{ color: #f47920; }

a.col_sitename{-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
a:hover.col_sitename .sitename{ color: #f47920;}

.inside-page#sitemap .m-wrap h4.logo{ width: 156px; }




a.sitename2{ font-weight: bold; color: #000000;-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); }
a:hover.sitename2{ color: #ea7618; }
ul.sitemap_ul li.sitemap_li_sub{ margin: 10px 0 30px 0; padding: 0 0 0 0; }
.sitemap_li_sub ul li{ margin: 10px 0; }


/*  Channel  */
.channel {color: #4e4e4e; font-size: 15px;}
.channel .kv{position: relative; width: 100%; margin: 38px 0 0 0; overflow: hidden; background-color: #eeeeee; padding-top: 41%;}
.channel .kv img { width: 100%; position: absolute; top: 0; left: 0;} 
.channel > h1 p { float: left; font-weight: normal;color: #4e4e4e; font-size: 15px;}
.channel > h1 img { float: left;}
.channel ul { list-style: decimal;}
.channel ul li { margin-left: 1.5em;}
.channel_logo { width: auto; height: 30px;}
.channel_logo2 { width: auto; height: 100px;}


/* 小七食堂 現蒸地瓜 */
.potato_tvc{float: left; width: 600px; margin-bottom: 50px; height:370px; }
.u-tab ul li a:hover.tabNEW{ background: #fea252; }

/* 20210304form */

.pform tr{ background:#f8f8f8; border-bottom:solid 1px #f7f7f2; }
.pform th ,.pform td{ padding:.6em .6em; vertical-align:middle; line-height: 1.5em;}
.pform th{ width: 30%; background:rgb(237, 238, 238); color:#595a5b; text-align:center;}
.pform td { display:flex; align-items: center; flex-wrap: wrap; }
.pform td img { margin-bottom:0; }
.pform input ,.pform textarea ,.pform select { box-sizing:border-box; border-radius:.2em; border:solid 1px rgb(237, 238, 238); background:#fff; font-size:1rem; padding:.2em .4em; margin:.2em 0;}
.pform select { padding: .2em 1em; } 
.pform .width { width: 80%;}
.pform .form textarea { height: 130px; }


@media screen and (max-width: 430px) {
	.channel_logo2 { width: 100%; height: auto;}
.text2{text-align: center;}
	/*快收便*/
#accept a.accept_bt_apply{
	padding: .5rem 1rem!important;
	font-size: 1.1rem;
	margin: .5rem auto 2rem;
	letter-spacing: 1px;}
	#hot div.m-listblock{max-width: 285px; background: #f4f4f4;    padding: 0 0 5px 0; display: inline-block; vertical-align: top; margin-bottom: 12px;  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 320px; }
#recycle .card-table#table .tr .td{padding:10px 6px;}
.invoice_imgpc{display: none;}
.invoice_imgm{width: 90%;text-align: center;margin: 2% auto;display: block;}
.invoice_imgm img{width: 100%;}
.card-table .tr .td{color: #2f2f2f; border: #7b7b7b 1px dotted; font-size: 0.8rem; padding: 10px 6px;line-height: 1.5em; text-align: center;}/* 180410 改  */
.invo-pic{width: 100%;}
.invo-pic ul{display: block}
.invo-pic ul li{margin:0 0 2% 0}
}



@media screen and (min-width: 1200px) {

#winning .rule-box{ margin: 0 0 50px 0;  }
#winning .rule-box .tit{ font-size: 2rem; font-weight: bold; color: #f47920; margin: 0 0 10px 0; text-align: left; }
#winning .rule-box .colorbar{ height: 38px; border-radius: 10px 10px 0 0; background: #f6881a; margin: 0 0 20px; }
#winning .rule-box a{ font-size: 0.9375rem; color: #3a3a3a; margin: 0 0 0 7.5%; }
#winning .rule-box a:hover{ color: #ea7618; }
#winning .logo.tit{ font-size: 2rem; font-weight: bold; color: #f47920; margin: 0 0 0 0; text-align: left; }

/* 天素地蔬選單 */
#foodsveg.u-tab{width: auto; min-width: 500px; }
#foodsveg.u-tab ul{width: 100%; }
#foodsveg.u-tab ul#item-two li{width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foodsveg.u-tab ul#item-three li{width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#foodsveg.u-tab ul#item-four li{ width: 25%;  float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

foodsveg.u-tab ul li a::after{ display: none; }
	
	#accept .step4safity ul {display: flex;flex-direction: row; align-items: center;}
#accept .step4safity ul li{
	background: #007e5c; padding:.6rem 1rem; border-radius: 6px;color:white;margin-right: 1.6rem;position: relative; text-align: left;
}
#accept .step4safity ul li:after{
	content: ''; position: absolute; width:18px; height: 30px; background: url(../images/safity4_arrow.svg) no-repeat center center / cover; z-index: 1;left: auto;right:-1.4rem; top: 50%; transform: translate(0,-50%);
}
#accept .step4safity ul li:last-child::after{display: none;}

#accept .step4safity ul li.safity-result {background: none;/*margin-left:-.5rem;*/}
#accept .step4safity .step4s2last{display: inline-block;}
.step-final{
	/*margin:.6rem 1.6rem .6rem .6rem;*/
	width:auto;
	background: #007e5c; padding:.6rem 1rem; border-radius: 6px;color:white; position: relative;
}
.safity-result{display: flex; flex-direction: column;}
.step-final + .step-final {margin-left: 0;}


/*isharinggift */
.table-isharing{
    max-width: 50vw;
}
#isharinggift h5.emptyh5 {
    margin-bottom: 2.4rem;
}
#isharinggift dl dt {
    flex: 0 0 3%;
    text-align: center;
}
#isharinggift dl dd {
    flex: 0 0 97%;
}
#fun .accordion .fun-display.t_fix70p img{width:74%; margin:1rem auto 3rem;}
.cardcolor.greenline:after{width: 66vw;}
}

/* 內頁上方 Google Ads */
.top_ads{ text-align:center; margin:76px auto 60px; width:970px; /*height:90px;*/ }
.top_ads img{ width:100%; height:auto; }

@media screen and (min-width: 1024px) and (max-width: 1199px){
#isharinggift .m-wrap .m-topmain .logo {
    margin: 10px auto 0 auto;
}
#isharinggift dl dt {
    flex: 0 0 4%;
    text-align: center;
}
#isharinggift dl dd {
    flex: 0 0 96%;
}
}