@charset "UTF-8";
.overlay {z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none;}
/*搜尋無結果*/
#momoFooter {position: relative;background-color:#eee;bottom:0px;width:100%;}
/** 20170213_momocoLoadingWhiteBk **/
.momocoLoadingWhiteBk {background-color:#FFFFFF; width:100%; height:100%; opacity:0.5; position:absolute; top:0px; left:0px; z-index:901;}
.momocoLoadingImg {width:100px; height:100px; margin:-50px 0px 0px -50px; position:fixed; top:50%; left:50%; z-index:902;}
.momocoLoadingImg img {width:100px; height:100px;}

/** 商品列表(預設四格) **/
.prdListArea {background-color:#eee; margin:10px auto 0px auto; border:0px; width: 100%;display: inline-block;}
.prdListArea ul,
.prdListArea ul li {margin:0px; padding:0px; list-style:none;}
.prdListArea ul li {float:left; width: calc(50% - 5px); margin:0px 0px 10px; position:relative;}
.prdListArea ul li a {background-color:#FFFFFF; text-align:center; padding:0; display:block; border:1px solid #ccc; box-sizing:border-box;}
.prdListArea ul li:nth-child(odd){margin: 0px 5px 10px 0px;}
.prdListArea ul li:nth-child(even){margin:0px 0px 10px 5px;}
.prdListArea ul li a img {width:100%; vertical-align:middle;}
.prdListArea ul li a .mask_18 {width:100%; text-align:center; position:absolute; top:0px; left:0px;}
.prdListArea ul .showMask_18 a .mask_18 {display:inline-block;}
.prdListArea ul li a .prdName {font:15px/20px Helvetica, sans-serif;color:#000000;text-align:left;padding:0;vertical-align: top;display:inline;margin: 0;}
.prdListArea ul li a .prdEvent {height:20px; font:13px/20px Helvetica, sans-serif; color:#dd2726; text-align:left; margin:5px 0px 0px; padding:0px 5px; overflow:hidden;}
.prdListArea ul li a .priceArea {margin:0px; padding:0px; text-align:left;}
.prdListArea ul li a .priceArea .priceSymbol {font:13px/24px Century Gothic, sans-serif; color:#D62872; padding: 0px 5px; display: inline-block; width: 100%; box-sizing: border-box;min-height: 27px;}
.prdListArea .totalSales { padding: 4px 5px; margin: 0; min-height: 18px; display: block; font-size: 12px; font-family: var(--primary-font-family); color: #454545; text-align: left;}
.prdListArea.itemizedStyle .totalSales { padding: 4px 10px;}
.prdListArea ul li a .priceArea .discountArea{ height: 30px; padding: 0px 3px; display: inline-block; position: relative; overflow:  hidden; white-space:  nowrap; vertical-align: bottom; font-size: 0; text-wrap: auto;}
.prdListArea ul li a .priceArea .discountArea b {background-color:#FF4C76; font: 10px/14px Helvetica, sans-serif; color:#FFFFFF; margin:7px 4px 7px 0; padding: 1px 4px; border-radius:3px; text-align: center; display:inline-block;}
.home .prdListArea ul li .trackbtn img {width:25px; display:none;}
.home .prdListArea ul li .trackbtn img:first-child {display:block;}

/** 商品列表(條列式) **/
.prdListArea.itemizedStyle ul li {float:none; width:100%; margin:0px; border-bottom:1px solid #E1E1E1;font-size: 0;}
.itemizedStyle ul li a {padding:10px 0px; border:0;}
.itemizedStyle ul li:nth-child(odd) a,
.itemizedStyle ul li:nth-child(even) a {margin:0px;}
.itemizedStyle ul li a img {float:left; width:110px;}
.itemizedStyle ul li a .prdName {margin:3px 0px 10px;}
.itemizedStyle ul li a .prdEvent {padding:0px 10px;}
.itemizedStyle ul li a .prdEvent {margin:0px;}
.itemizedStyle ul li a .priceArea .priceSymbol {margin:0px 0px 0px 10px;}
/*20190108商品圖橫條排列時*/
.prdListArea.itemizedStyle ul li a .prdImgWrap{width:110px; height:110px; float:left;}
.prdListArea.itemizedStyle ul li a .prdImgWrap.swiperArea{height: 120px;}

/** 20170508__查無符合/推薦相似商品 **/
.errorArea {background-color:#eee;border:none;margin: 0px;padding: 10px 10px 0px 10px;box-sizing: border-box;vertical-align: top;}
.errorArea div {display:flex; width:100%; box-sizing:border-box;}
.errorArea div p {display:inline-block;width:100%;box-sizing:border-box;font: 15px/20px Helvetica, sans-serif;margin: 0px;padding:15px 0px 0px 0px;color:#000000;flex:1;}
.errorArea div p b {display:inline-block; color:#333333; margin:0px 5px; padding:0px; font:15px/20px Helvetica;}

/** 20170731 書類商品樣式 **/
.prdListArea ul li a .publish {display:none;}
.prdListArea.itemizedStyle ul li a .publish {display: inline-block;position: relative;box-sizing: border-box;z-index: 1;font-size: 0px;padding: 0px 10px 5px 10px;line-height: 0px;width: calc(100% - 110px);margin: 0px;text-align: left;}
.prdListArea.itemizedStyle ul li a .publish dd {margin: 0px 6px 0px 0px;padding: 4px;display: inline-block;background: #f2f2f2;border-radius: 4px;width: calc((100% - 111px) / 2);text-align: center;}
.prdListArea.itemizedStyle ul li a .publish dd span {font: 13px/13px var(--main-font);display: inline-block;margin: 0px 0px 2px 0px;color: #454545;height: 13px; overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;width: 100%;box-sizing: border-box;}
.prdListArea.itemizedStyle ul li a .publish dd b {font: 12px/12px var(--main-font);color: #888; display: inline-block; width: 100%;box-sizing: border-box;}
.prdListArea.itemizedStyle ul li a .publish .publishDate {width: 75px;margin-right: 0px;}
.prdListArea.itemizedStyle ul li a .priceArea {width: auto;}
.prdListArea.itemizedStyle ul li a .priceArea {width: calc(100% - 110px); position: relative; bottom: 0; margin: 0 0 0 110px;}
.prdListArea.itemizedStyle ul li a .priceArea b {font-weight: normal; margin:0px 4px 0px 0px;}
.prdListArea.itemizedStyle ul li a .priceArea .discountArea { text-align: left; margin: 0; padding: 0 10px; left:0; box-sizing: border-box; font-size: 0; height: 16px;}

/* 20171219 中古車 by zhlin */
.prdListArea ul li a .usedCarInfo {display: none;}
.itemizedStyle ul li a .usedCarInfo {display: block; margin:0; padding:0 10px; font:13px/20px Helvetica, sans-serif; color:#484848; text-align:left; overflow:hidden;}
.itemizedStyle ul li a .usedCarInfo span {display:inline-block; margin-right:8px;}

/** 加入/取消追蹤 **/
.tooltipsBlackBk {width:150px; height:100px; margin:-50px 0px 0px -75px; border-radius:16px; opacity:0.8; position:fixed; top:50%; left:50%; z-index: 2; background-color: #000; display:none;}
.tooltips_add,
.tooltips_delete {background-color:transparent;background: none repeat scroll 0 0; width:150px; height:100px; text-align:center;display: none; line-height:165px; margin:-50px 0px 0px -75px; padding:0px; border-radius:15px; overflow:hidden; top:50%; left:50%; z-index:4;position: fixed;color: #ffffff;opacity: 0.9; }
.tooltips_add span {background-color:#008000; width:50px; height:50px; margin:0px 0px 0px -25px; border-radius:25px; position:absolute; top:15px; left:50%;}
.tooltips_add span::after {width:5px; height:20px; background-color:#FFFFFF; content:''; border-radius:3px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; top:24px; left:16px;}
.tooltips_add span::before {width:30px; height:5px; background-color:#FFFFFF; content:''; border-radius:3px; transform:rotate(-55deg); -webkit-transform:rotate(-55deg); position:absolute; top:25px; left:17px;}
.tooltips_delete::after {width:5px; height:30px; background-color:#DD2726; content:''; margin:-16px 0px 0px -10px; border-radius:3px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; top:50%; left:50%;}
.tooltips_delete::before {width:50px; height:5px; background-color:#DD2726; content:''; margin:-13px 0px 0px -10px; border-radius:3px; transform:rotate(-55deg); -webkit-transform:rotate(-55deg); position:absolute; top:50%; left:50%;}

/*搜尋查無結果*/
.errorBox {width:100%;box-sizing:border-box;display:none;background: #eee;text-align: center;padding: 40px 0px;}
.errorBox p {display:block;color: #454545;margin: 0px;padding: 0px;font-size: 15px;line-height: 20px;font-family: var(--primary-font-family);}
.errorBox p.noMatch {margin-top: 13px;}
.errorBox p.noMatchtext {font-size: 13px;line-height: 18px;color: #888888;margin-top: 8px;}
.errorBox p b {display: block;font: 15px/20px Helvetica, sans-serif;color: #000000;margin: 0px; padding: 0px;}
/*搜尋查無結果(行銷專區)*/
.forPromo {padding: 15px 0px;}

/*20180411新增品牌旗艦館*/
.brandFlagshipArea{width:100%;padding: 15px 15px 5px 15px;margin: 0px;background:none;border:none;box-sizing:border-box;display: inline-flex;vertical-align: top;white-space: nowrap;overflow-x: auto;font-size: 0px;line-height: 0px;}
.brandFlagshipArea .brandFlagship .brand{width: 100%;display: inline-flex;}
.brandFlagshipArea .brandFlagship {height:auto;background:#fff;box-shadow: 1px 0px 8px 0px rgb(50 50 50 / 20%);border-radius: 8px;display: inline-block;position: relative;line-height: 0px;font-size: 0px;min-width: 75%;margin: 0px 10px 0px 0px;white-space: normal;width: 100%;padding: 15px 20px 15px 15px;}
.brandFlagshipArea .brandFlagship:last-child {margin:0px}
.brandFlagshipArea .brandFlagship .brandPic{width:48px;height:48px;padding: 0px;margin: 0px 8px 0px 0px;display: inline-block;}
.brandFlagshipArea .brandFlagship .brandPic img{width:100%;border-radius: 4px;}
.brandFlagshipArea .brandFlagship .brandTxt {width: calc(100% - 131px);display: inline-block;box-sizing: border-box;margin: 0px;padding: 0px;vertical-align: top;flex: 1;}
.brandFlagshipArea .brandFlagship .brandTxt .brandTitle{font: bold 15px/24px var(--main-font);color: #454545;padding: 0px;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;overflow: hidden;height: 24px;margin: 0px;}
.brandFlagshipArea .brandFlagship .brandTxt .brandTitleDiv{display: flex;align-items: center;}
.brandFlagshipArea .brandFlagship .brandTxt .brandDescribe{font: 13px/24px var(--main-font);margin:0;color: #454545;padding: 0px;display: inline-block;width: 100%;height: 24px;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;overflow: hidden;}
.brandFlagshipArea .next{display: inline-block;position: absolute;top: calc(50% - 5px);right: 10px;}
.brandFlagshipArea .next img{width:7px;height:10px;}
.brandFlagshipArea .brandShop {font: 13px/48px var(--main-font);margin: 0;color: #888;padding: 0px 15px 0px 8px;display: inline-block;word-break: break-all;vertical-align: top;position: relative;float: right;}
.brandFlagshipArea .brandShop::before,
.brandFlagshipArea .brandShop::after {content: "";display: block;background: #727272;width: 2px;height: 7px;position: absolute;right: 3px;border-radius: 8px;}
.brandFlagshipArea .brandShop::before{transform: rotate(-45deg);top: 18px;}
.brandFlagshipArea .brandShop::after{transform: rotate(45deg);top: 22px;}
.brandDescribe .star-box{height: 15px;align-items: center;margin-top: 10px;}
.brandDescribe .ratingStars { display: inline-flex; padding: 0 5px 0 0; vertical-align: middle; line-height: 15px; }
/** 切換新上市熱銷排行 **/
.filterTopArea .rankingBox {display:none;}

/**20190326_台北市3h到貨**/
.prdListArea ul li a .priceArea .discountArea b.fast3hIcon,
.prdListArea ul li a .priceArea .discountArea .fastIcon {background-color:#CA0000;}      
.prdListArea ul li a .prdImgWrap.comingSoon::after { width: 100%; color: rgb(255, 255, 255); content: "即將上市"; text-align: center;  position: absolute; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.7); font: 15px/26px Helvetica, sans-serif; margin: 0px; padding: 0px;}
.prdListArea ul li a .prdImgWrap.forsoldout::after { width: 100%; color: rgb(255, 255, 255); content: "售完補貨中"; text-align: center;  position: absolute; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.7); font: 15px/26px Helvetica, sans-serif; margin: 0px; padding: 0px;}

/*20200612_搜尋新增edm底圖*/
.prdListArea ul li.edmBG a{display: inline-block; width: 100%; background-repeat:no-repeat; background-size: cover;}
.prdListArea ul li .prdInfoWrap .edmbox{display:none;}
.prdListArea ul li.edmBG .prdInfoWrap {position: relative;}
.prdListArea ul li.edmBG .prdInfoWrap .edmbox{width: 100%;height: 100%;box-sizing: border-box;text-align: center;position:absolute;top:0;left:0;display: block;}
.prdListArea ul li.edmBG .prdInfoWrap .edmbox p {padding: 15px 10px 0 10px;box-sizing: border-box;margin: 0;height: 55px;}
.prdListArea ul li.edmBG .prdInfoWrap .edmbox i {font: 15px/20px Helvetica, sans-serif;position: relative;display: block; top: 50%; transform: translateY(-50%); font-style: normal;color: #000000; max-height: 40px ;overflow: hidden; text-align: center;}
.prdListArea ul li.edmBG .prdInfoWrap .edmbox span{font: 15px/30px Helvetica, sans-serif; border-width: 1px; border-style: solid; border-color: #000000; border-radius: 15px; display: inline-block; padding: 0 10px; margin: 16px 0; color: #000000;}
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap{width: calc(100% - 110px);}
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .edmbox{left: 110px;height: 110px;}
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .edmbox p{height: 110px;padding: 0 15px;}
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .edmbox span{display:none;}
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .prdEvent,
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .prdName,
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .publish,
.prdListArea.itemizedStyle ul li.edmBG .prdInfoWrap .priceArea{display:none;}
/*20211201_搜尋頁_edm底圖ui調整*/
.prdListArea ul .edmBG .swiper-slide{padding: 10px;box-sizing:border-box;}
.prdListArea ul .edmBG a .goodsImg{border-radius: 4px;}
.itemizedStyle ul .edmBG a{padding: 10px 0 10px 10px;}
.itemizedStyle ul .edmBG .swiper-slide{padding:0;}
.prdListArea.itemizedStyle ul li.goodsItemLi.edmBG a { min-height: 143px;}
.prdListArea.itemizedStyle.itemizedStyle ul li.goodsItemLiSeo a { min-height: 143px;}

/* 20200414_SEO_h1-h3標籤修改 */
.home h1,.home h2{color:#eee;position:absolute;z-index:-1;}

/*20201026_5hr*/
.fhContent {display: inline-block; margin:0px; padding:0px; line-height:0px; background: #ffffff; width:100%;}
.fhContent select:focus,
.fhContent input:focus,
.fhContent button:focus {outline: none;}
.fhContent img {vertical-align: top;}
.fhItemTitle {display: inline-block;box-sizing:border-box;margin: 10px 0px 0px 0px;padding: 0px 33px;font: bold 15px/28px Helvetica, sans-serif;position: relative;background: #eee;width: 100%;}
.fhItemTitle::before {content: ''; width: 3px;height: 15px;background: #dc0000;border-radius: 2px;position: absolute;top: calc(50% - 7.5px);left: 15px;}
.fhAddcheck {display:flex;line-height: 0;width:100%;background:#fff;box-sizing:border-box;padding: 0px 15px;vertical-align: top;position: relative;z-index: 3;font-size: 0px;}
.fhAddcheck p {font-size: 13px;line-height: 18px;font-weight: bold;height: 34px;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;padding: 8px 0px;margin: 0px;width: 100%;box-sizing: border-box;display: inline-block;color: #888;vertical-align: middle;flex: 1;}
.fhAddcheck i {color: #454545;font-style: normal;padding: 4px 0px 8px 0px;}
.fhAddcheck p.selected {color:#000}
.fhAddcheck img {padding: 10px 10px 10px 0px;}
.fhAddcheck p.adding {color: #454545;}
.fhAddcheck input {width: calc(100% - 95px);padding: 0px;margin: 0px;border: 0px;font: 15px/40px Helvetica, sans-serif;display: inline-block;box-sizing: border-box;}
.fhAddcheck button {display:inline-block;border: 1px solid #DEE7F4;background: #E9EFF7;font:bold 13px/18px Helvetica, sans-serif;color: #2660B4;vertical-align: top;box-sizing: border-box;padding: 0 8px;margin: 5px 0;border-radius: 12px;}
.fhAddcheck button, 
.fhAddcheck select:focus,
.fhAddcheck input:focus {outline: none;}
.fhArea {display: inline-block;margin: 0px;padding:10px;box-sizing:border-box;width:100%;background: #fff;line-height: 0px;}
.fhArea .fhTitle {display: inline-block;width:100%;margin: 0px;padding: 0px 0px 10px 0px;font: bold 25px/34px Helvetica, sans-serif, "微軟正黑體";color: #454545;border-bottom: 1px solid #454545;box-sizing: border-box;}
.fhArea .fhTxt {display: inline-block;margin: 0px;padding: 10px 0px 0px 0px;font: bold 15px/20px Helvetica, sans-serif;color: #454545;box-sizing: border-box;}
.fhArea .fhTxt a {display: inline-block; margin: 0px; padding: 0px; font: 15px/20px Helvetica, sans-serif; color: #027BFF;}
.fhArea .bannerBlock {border-radius: 5px;}
.fhaddFloatLayer {width:100%;background: #fff;position: fixed;top: -200vh;left: 0px;z-index: 900; overflow-y: hidden; height:auto; pointer-events:auto;}
.fhaddFloatLayer .titleBlock {font: bold 17px/20px Helvetica, sans-serif;padding: 20px 10px 0px 10px;margin: 0px;box-sizing: border-box;}
.fhaddFloatLayer p span {font: 13px/20px Helvetica, sans-serif;display: inline-block;vertical-align: top;color: #888;margin: 0px 0px 0px 15px;}
.fhaddFloatLayer dl {margin: 0px;padding: 10px 10px 0px 10px;line-height: 0px;vertical-align: top;display: block;box-sizing: border-box;}
.fhaddFloatLayer dl dd {margin: 15px 0px 0px 0px;padding:0px;display: flex;}
.fhaddFloatLayer dl dd:first-child {margin:0px}
.fhaddFloatLayer dl dd p {padding: 0px 10px;margin: 0px 10px 0px 0px;display: inline-block;background: #f2f2f2;font: 15px/50px Helvetica, sans-serif;box-sizing: border-box;width: 100%;border-radius: 2px;}
.fhaddFloatLayer dl dd p:last-child {margin:0px}
.fhaddFloatLayer dl dd p select {appearance: none;-moz-appearance: none;-webkit-appearance: none;background: transparent url("https://image.momoshop.com.tw/ecm/img/cmm/arrow5h.svg")no-repeat right center/12px auto;padding: 0px 15px 0px 0px;color: #000;display: inline-block;box-sizing: border-box;border: 0px;margin: 0px 15px 0px 20px;width: calc(100% - 65px);font: 15px/50px Helvetica, sans-serif;}
.fhaddFloatLayer dl dd p select:required:invalid {color:rgba(136, 136, 136, 1)}
.fhaddFloatLayer dl dd p input[type="text"]::placeholder {color: rgba(136, 136, 136, 1)}
.fhaddFloatLayer dl dd p input[type="text"] {border: none;background: none;font-size: 15px;width: calc(100% - 120px);margin: 0px 0px 0px 20px; padding: 0px;}
.fhaddFloatLayer button {display:inline-block;margin: 0px;padding: 0px 10px;border:0px;background: none;font: 13px/50px Helvetica, sans-serif;color: #3366ff;vertical-align: top;box-sizing: border-box;}
.fhaddFloatLayer button img {vertical-align:middle}
.fhaddFloatLayer .btnArea {background: #dfdfdf;display: inline-block;width: 100%;font: bold 17px/48px Helvetica, sans-serif;text-align: center;color: #888888;margin:0px;border-top: solid 20px #fff;}
.fhaddFloatLayer .btnselected {background: #d62872; color:#fff}
.fhaddFloatLayer button, 
.fhaddFloatLayer select:focus,
.fhaddFloatLayer input:focus {outline: none;}
.fhaddFloatLayer .addList {line-height: 0px;margin: 0px;padding: 0px 15px;list-style: none;overflow:auto;box-sizing: border-box;border-top: solid 15px #fff;}
.fhaddFloatLayer .addList li {border-bottom: 1px solid #DFDFDF;position: relative;padding: 15px 0px;}
.fhaddFloatLayer .addList li:first-child {padding-top: 0px;}
.fhaddFloatLayer .addList li:last-child {border: none;}
.fhaddFloatLayer .addList li:first-child b {top: calc(50% - 19.5px);}
.fhaddFloatLayer .addList li:first-child.selected::before {top: calc(50% - 17.5px);}
.fhaddFloatLayer .addList li.selected::before {content:'';display: inline-block;background: url("//image.momoshop.com.tw/ecm/img/cmm/attributesListSelectedBk.png")no-repeat scroll 0 0 / 100% auto;position: absolute;top: calc(50% - 10px);right: 0px;width: 20px;height: 20px;}
.fhaddFloatLayer .addList li b {display: inline-block;border-radius: 100%;text-align: center;margin: 0px 12px 0px 0px;position: absolute;top: calc(50% - 12px);}
.fhaddFloatLayer .addList li p {display: inline-block;margin: 0px 15px 0px 36px;padding: 0px;font: 15px/20px Helvetica, sans-serif;width: calc(100% - 75px);vertical-align: top;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fhSearch {display: inline-block;width: 100%;background: #ffffff;padding: 10px 15px 1px;box-sizing: border-box;z-index: 3;}
.fhSearch p {font: 15px/28px Helvetica, sans-serif;margin: 0px;padding: 0 30px 0 10px;color: #b3b3b3;border-radius: 20px;border: 1px solid #ededed;background-color: #FFFFFF; background-image: none}

/* 20220920 超市快配搜尋 */
.fhHead {display: block;box-shadow: 0px 5px 5px #0000000d;z-index:5;width: 100%;background-color: #fafafa;position:sticky;top:44px;left:0;}
.fhHead .fhAddcheck{width: 100%;display: flex;box-sizing: border-box;padding: 0px 15px;vertical-align: top;max-width: 1220px;margin: 0 auto;}
.fhHead .fhSearch ,
.fhHead .fhAddcheck{position: relative;background-color: #FAFAFA;z-index: 6;gap: 5px;}
.fhAddcheck button {display: inline-block;border: 1px solid #DEE7F4;background: #E9EFF7;font: bold 13px/18px Helvetica, sans-serif;color: #2660B4;vertical-align: top;box-sizing: border-box;padding: 0 8px;margin: 5px 0;border-radius: 12px;}

/**5hr 麵包屑**/
.home .pathArea h1, .home .pathArea h2 {color: initial;  position: initial; z-index: initial;}
.home .pathArea {background: #eee; border-bottom: 1px solid #e1e1e1;}
#Home5h .pathArea {position: sticky;background: #fff;width:auto;border: 0;padding:6px 12px;margin-bottom: 0px;top: 78px;z-index: 4;}
.home.align-center {height: calc(100vh - 182px);display: flex;align-items: center;justify-content: center;flex-wrap: wrap;align-content: flex-start;}
.home .shoperrorArea {top: 50%;transform: translateY(-50%);}

/* 20201112_EC小網_小圓點_搜尋結果頁調整 */
.prdListArea ul li a .prdImgWrap.swiperArea{width: 100%;height: calc(50vw + 3px);}
.prdListArea ul li a .prdImgWrap.swiperArea.comingSoon::after {z-index: 4;bottom: 13px;}
.prdListArea ul li a .prdImgWrap.swiperArea.forsoldout::after{z-index: 4;bottom: 13px;}
.prdListArea ul li a .swiperArea .imgTag{z-index: 2;}
.prdListArea ul li a .swiperArea .mask_18{z-index: 3;}
.products-ad-layer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center;}
.products-ad-layer .ad-tag { display: inline-block; position: absolute; right: 2vw; bottom: 7vw; z-index: 90; width: 16px; height: 16px; padding: 0 4px; border-radius: 4px; color: #fff; font-size: 11px; line-height: 16px; font-family: var(--primary-font-family); background-color: rgba(0, 0, 0, 0.2);}
.itemizedStyle .products-ad-layer .ad-tag { bottom: 23px;}

.itemizedStyle ul li a .prdImgWrap.swiperArea {width: auto;}
.itemizedStyle ul li a .prdImgWrap.swiperArea.comingSoon::after{bottom: 0;}
.itemizedStyle ul li a .prdImgWrap.swiperArea.forsoldout::after{bottom: 0;}

/* 20221101_雙11不適用規則 */
.fhArea .fhTitle .redHighlight {font: 15px/20px Helvetica, sans-serif;color: var(--momo-red);line-height: 20px;display: block;margin-top: 7px;}
.fhArea .fhTitle {padding-bottom: 4px;}

.prdListArea .prdImgWrap.swiperArea .imgTagBottom{bottom: 10px;}
.itemizedStyle .prdImgWrap.swiperArea .imgTagBottom{bottom: 10px; border-radius: 0 0 4px 4px;}

.header-5h {position:sticky;top: 0;left: 0;z-index: 6;}
.pathArea ul {-webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;}

/* 20230328 管架限搜 */
.restriction-box {background: #ffffff;}
.restriction-box .restriction-btn {font: bold 15px/20px Helvetica, sans-serif;border-bottom: 1px solid #f2f2f2;padding: 15px 10px;display: block;color: #454545;position: relative;}
.restriction-box .restriction-btn::before {content: "";width: 24px;height: 24px;display: block;background: url(//m.momoshop.com.tw/ecm/img/cmm/mobile/head/rightArrow.svg) center center;background-size: cover;position: absolute;right: 0;top: calc(50% - 24px/2);}
.restriction-btn .blue-txt {color: #027BFF;margin: 0 4px;}
.change-search-area {background: #fafafa;padding: 8px 12px;position: sticky;top: 44px;z-index: 700;}
.change-search-area .change-search-box {background: #ffffff;box-shadow: 1px 0px 8px 0px rgb(50 50 50 / 20%);border-radius: 8px;font: 13px/18px var(--main-font);padding: 8px 12px 8px 14px; display: flex;align-items: center;gap: 8px;flex-wrap: wrap;color: #454545;}
.change-search-area .no-matching {margin: 0;word-wrap: break-word;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 2px 0;}
.change-search-area .no-matching strong {color: #454545;}
.change-search-area .description {margin: 0;display: flex;}
.change-search-area .change-search-txt {width: calc(100% - 76px);}
.change-search-area  .btn-box {flex: 1 0 68px;text-align: right;}
.change-search-area .change-search-btn {padding: 2px 8px;color: #ffffff;border-radius: 11px;background: var(--momo-color);display: inline-block;}
.change-search-area .recommend {width: 100%;}
.description .venue-name {text-overflow: ellipsis;white-space: nowrap;overflow:hidden;font-weight: bold;display: inline-block;vertical-align: middle;flex: 0 1 auto;color: #454545;}
.description .venue-txt {flex: 0 0 auto;}
.change-search-area.hide {padding:0; display:none;}
.change-search-box.hide {display:none;}

/** 搜尋連官方旗艦版 **/
.ac_results .goCate img {vertical-align: middle;margin: 0px 8px 0px 0px;}  
.ac_results .goCate span {color: #027BFF;height: auto;font: 15px/20px Helvetica, sans-serif;display:inline-block;vertical-align: middle;box-sizing: border-box;}
/* 2023限縮館價 */
.ac_results li.goCate {display: flex;align-items: center;}
.ac_results .goCate span.ac_text strong {color: #027BFF;height: auto;font: bold 15px/20px var(--main-font);display:inline-block;vertical-align: top;box-sizing: border-box;padding:0 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 180px;}
.ac_results .goCate span.ac_keyWord {color:#454545;height: auto;font: bold 15px/20px var(--main-font);display:inline-block;box-sizing: border-box;padding: 0 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex: 1 1 0;}
.ac_results .goCate span.ac_keyWordlimit {color:#454545;height: auto;font: bold 15px/20px var(--main-font);display:inline-block;box-sizing: border-box;padding: 0 4px;margin-right: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 50%;}
.ac_results .goCate.all-products span.ac_keyWord{max-width: 66%;}
.ac_results .goCate span.ac_text {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;white-space: normal;}
/* 3P店+tag */
.ac_results .goCate img.shopTag{height:18px;border-radius: 2px;}

/* 星評及評價數量 */
.star-box {height: 15px;display: flex;align-items: center;}
.ratingStars { display: inline-flex; padding: 0 5px; vertical-align: middle; line-height: 15px; }
.ratingStars .star { width: 15px; height: 15px; display: inline-block; box-sizing: border-box; background-size: cover; background-position: center; }
.ratingStars .star.starFull { background-image: url('/ecm/img/cmm/mobile/goods/review/icon_star_full_24x24.svg'); }
.ratingStars .star.startHalf { background-image: url('/ecm/img/cmm/mobile/goods/review/icon_star_half_24x24.svg'); }
.ratingStars .star.starOutline { background-image: url('/ecm/img/cmm/mobile/goods/review/icon_star_outline_24x24.svg'); }
.ratingCounts { display: inline-block; vertical-align: middle; font-size: 11px; line-height: 15px; color: #b3b3b3; }
.ratingCounts .number { display: inline-block; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; width: 60px; }

.prdListArea.itemizedStyle ul li a .priceArea.star {height: 85px;}
.prdListArea.itemizedStyle .star-box {height: auto;}
.prdListArea.itemizedStyle .ratingStars {padding-left: 10px;}

/* 20240731 價格 prices-group */
.prdListArea .priceArea>.ec-prices-group {
    padding: 0 5px;
}

.prdListArea.itemizedStyle .priceArea>.ec-prices-group {
    padding: 0 10px;
}

.prdListArea.itemizedStyle .priceArea>.ec-prices-sm>.ec-current-prices-group {
    font-size: 19px;
}

.prdListArea.itemizedStyle .priceArea>.ec-prices-sm .ec-current-prices>.ec-price-symbol,
.prdListArea.itemizedStyle .priceArea>.ec-prices-sm .ec-current-prices>.ec-price-from {
    font-size: 0.684211em;
}

.prdListArea.itemizedStyle .priceArea>.ec-prices-sm .ec-origin-prices,
.prdListArea.itemizedStyle .priceArea>.ec-prices-sm .ec-discount-text {
    font-size: 13px;
}
/* 20240911 黃金置頂廣告 */
.top-ads-area {padding: 10px;background-color: #eee;}
.top-ads-box {border-radius: 8px;background-color: #ffffff;box-shadow: 3px 3px 10px 0px #0000001A;width: 100%;min-height: 167px;}
.ads-header {display: flex;padding: 10px;gap: 10px;align-items: center;height: 38px;}
.ads-info {flex: 1;}
.ads-info-top {display: flex;align-items: center;gap: 8px;}
.ads-info-top .store-icon {flex: 0 0 22px;margin: 0;}
.ads-info-bottom {display: flex;gap: 10px;font-size: 13px;line-height: 16px;color: #999999;align-items: center;margin-top: 2px;}
.ads-icon {width: 24px;height: 16px;background-color: rgba(0, 0, 0, 0.2);font-size: 11px;color: #ffffff;border-radius: 4px;text-align: center;font-family: var(--main-font);}
.btn-area {flex: 0 0 68px;}
.store-btn {color: #fff;background: #73B5F2;font-size: 13px;line-height: 18px;font-weight: bold;padding: 2px 8px;border-radius: 11px;}
.store-name {font-size: 15px;color: #454545;line-height: 20px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-family: var(--main-font);word-break: break-all;}
.store-introduction {font-size: 11px;color: #999999;line-height: 18px;white-space: nowrap;align-self: flex-end;max-width: 154px;}
.ads-body {padding: 0 10px;overflow-y: hidden;overflow-x: auto;}
.ads-list {white-space: nowrap;margin: 0;list-style: none;padding: 0;height: 90px;}
.ads-goods {width: 90px;height: 90px;position: relative;margin-right: 10px;display: inline-block;}
.ads-img {width: 100%;height: auto;border-radius: 4px;}
.ads-banner {overflow: hidden;display: block;object-fit: cover;border-radius: 0 0 8px 8px;height: 109px;}
.ads-banner-img {width: 100%;display: block;}
.ads-price-area {position: absolute;left: 0;right: 0;bottom: 0;text-align: left;background: rgba(79, 79, 79, 0.6);border-radius: 0 0 4px 4px;padding: 2px 5px;}
.ads-original-price {font-size: 8px;line-height: 11px;color: #fff;font-family: var(--main-font);display: block;text-decoration:line-through;height: 11px;}
.ads-price-text {font-size: 13px;line-height: 14px;color: #fff;font-family: var(--main-font);display: block;}
.ads-price-text::before {content: "$";font-size: 11px;margin-right: 2px;}
.ads-rank {position: absolute;right: 5px;top: 0;width: 22px;height: 21px;background-color: #E50081;color: #ffffff;font-family: var(--main-font);font-size: 13px;line-height: 21px;text-align: center;}
.ads-rank::before {content: "";width: 22px;height: 2px;display: block;background-color: #BA006B;}
.ads-rank::after {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 8px 11px 0 11px;border-color: #E50081 transparent transparent transparent;position: absolute;top: 21px;right: 0;}
.top-ads-box .scrollBar {width: 30px;display: block;height: 3px;background: #EDEDED;position: relative;overflow: hidden;border-radius: 1.5px;margin: 8px auto 0;}
.top-ads-box .scrollBar i {width: 10px;height: 3px;background: #d62872;display: inline-block;position: absolute;left: 0;top: 0;border-radius: 1.5px;}
.fs-11 {font-size: 11px;}
/* 20241106 新增「試試搜這些」 */
.keyword-suggestions { background-color: #FFFFFF; padding: 15px 10px 9px 10px; font-size: 15px; border: 1px solid #ccc; height: calc(50vw + 142px); }
.itemizedStyle .keyword-suggestions { border: 0; height: 118px; }
.keyword-suggestions .keyword-suggestions-text { font-size: 15px; color: #333333; display: inline-block; padding-bottom: 9px; }
.keyword-suggestions .keyword-item-list { display: flex; justify-content: start; gap: 0 10px; width: 100%; flex-wrap: wrap; }
.keyword-suggestions .keyword-item-list .keyword-item { background-color: #ededed; border-radius: 16px; min-width: min(30%, 111px); padding: 6px 8px; margin: 6px 0; white-space: nowrap; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 1; text-decoration: none; color: inherit; border: 0; }
.prdListArea:not(.itemizedStyle) .keyword-suggestions .keyword-item-list{ display: flex; flex-direction: column; gap: 0; width: 152px; margin: auto; }
.prdListArea:not(.itemizedStyle) .keyword-suggestions .keyword-item-list .keyword-item{ height: 36px; flex: auto; }