@charset "UTF-8";
body { background-color: #eee; -webkit-overflow-scrolling: touch; margin: 0; padding: 0; }
#momoFooter { background: #f2f2f2; }

/**20170302_對話框浮層**/
.addHomeTextBox { display: none; background: rgba(255, 255, 255, 0.9); height: auto; width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; top: 50%; z-index: 6; border-radius: 15px; }
.addHomeTextBox ul { margin: 0px; padding: 0px; text-align: center; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.addHomeTextBox ul li { margin: 0px; padding: 0px; }
.addHomeTextBox ul li:first-child { border-bottom: 1px solid #AECFDE; padding: 20px; }
.addHomeTextBox ul li p { display: inline-block; margin: 0px 0px 10px 0px; padding: 0px; font: bold 18px/25px Helvetica,sans-serif; color: #000000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.addHomeTextBox ul li span { display: inline-block; margin: 0px; padding: 0px; font: 15px/25px Helvetica,sans-serif; color: #000000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.addHomeTextBox ul li a { display: inline-block; margin: 0px; padding: 10px 0px; width: 50%; font: bold 15px/25px Helvetica,sans-serif; color: #3366ff; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.addHomeTextBox ul li .notallowBtn { border-right: 1px solid #AECFDE; }

/**20170920_對話框浮層_將momo加到桌面**/
.addHomeTextBox { display: none; }
.addHomeTextBox ul li span { text-align: left; }

/** 首頁蓋版廣告 **/
#bt_A_803_01 { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100001; display: none; }
#bt_A_803_01 .linkImgBox { background-repeat: no-repeat; background-position: center; background-size: 320px auto; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 13; cursor: pointer; }
#bt_A_803_01 .closeCPABoxBtn { background-color: #000000; width: 50px; height: 50px; font: 13px/15px Helvetica,sans-serif; color: #FFFFFF; text-align: center; padding: 7px 0px; border: 2px solid #FFFFFF; border-radius: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: fixed; top: 20px; right: 20px; z-index: 14; }
#bt_A_803_01 .closeCPABoxBtn span { color: #EBB801; padding: 0px 3px 0px 0px; }

/** 首頁蓋版廣告 ver2022 **/
#bt_7_918_01 {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 100001;display: none;align-items: center;justify-content: center;}
#bt_7_918_01 .linkImgBox {width: calc(100% - 40px);cursor: pointer;padding: 0px;box-sizing: border-box;display: inline-block;position: relative;margin: 0px;}
#bt_7_918_01 .closeCPABoxBtn {width: 40px;height: 40px;color: #FFFFFF; border-radius: 50%;box-sizing: border-box; position: absolute; top: -60px;right: 0px; }
#bt_7_918_01 .closeCPABoxBtn img {position: absolute; left:2px;top:1px}
#bt_7_918_01 .closeCPABoxBtn svg {transform: rotate(-90deg);}
#bt_7_918_01 .closeCPABoxBtn .cirAnimation { stroke-dasharray: 125; stroke-dashoffset: 125; transition: all 1s linear;}
#bt_7_918_01 .linkImgBox > img {width: 100%;height: auto;}

/** 首頁熱門館關鍵字 **/
#bt_8_040_01 .hotArea { width: 100vw; height: 90px; max-width: 640px; margin: 0 auto; overflow: hidden; background: #FFFFFF; position: relative; }
#bt_8_040_01 .hotArea h2 { width: 25px; height: 90px; float: left; font: 13px/18px Helvetica,sans-serif; background: #FFFFFF; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #FFFFFF; position: absolute; z-index: 1; }
#bt_8_040_01 .hotArea h2 p { width: 20px; height: 90px; background: #e40580; margin: 0; padding: 15px 0; }
#bt_8_040_01 .hotArea .category { width: 100%; height: 90px; position: absolute; left: 20px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
#bt_8_040_01 .hotArea .category ul { width: 640px; height: 90px; overflow: hidden; margin: 0; padding: 0 30px 0 0; }
#bt_8_040_01 .hotArea .category ul li { width: 70px; height: 30px; background: #F2F2F2; border: 1px solid #E1E1E1; border-radius: 3px; list-style: none; float: left; color: #484848; font: 15px/20px Helvetica,sans-serif; margin: 10px 0 0 10px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; cursor: pointer; }
#bt_8_040_01 .hotArea .category ul li a { display: block; height: 30px; padding: 4px 0; }
#bt_8_040_01 .hotArea .category ul li a span { color: #484848; }
#bt_8_040_01 .hotArea .shadow { -webkit-box-shadow: 5px 80px 9px #FFFFFF, 2px 15px 10px rgba(0, 0, 0, 0.3); box-shadow: 5px 80px 9px #FFFFFF, 2px 15px 10px rgba(0, 0, 0, 0.3); }

/** 兩個一列(限搶) **/
.mobileContent2018 .layout2 .limitedTxt {display: inline-block;text-align: center;font: 13px/18px Helvetica,sans-serif;color: #FFFFFF;background: #FF4C76;box-sizing: border-box;margin: 0 3px 0 0;padding: 2px 5px;z-index: 10;border-radius: 20px;white-space: nowrap;}
.mobileContent2018 .layout2 .limitedTxt b {color: #fff;font: normal 13px/18px Helvetica,sans-serif;margin: 0 3px;}
.mobileContent2018 .layout2 { display: block; }

/*20200616_EC小網_首頁熱門追蹤頁籤*/
.mobileContent2018 #bt_7_242_01 > div ul li { margin: 0; padding: 0px 10px 5px 0; }
.mobileContent2018 .wishArea dl {width: 100%;display: inline-block; padding: 0px;margin: 0 0 8px 0;line-height: 0px;box-sizing: border-box;}
.mobileContent2018 .wishArea dl dd{margin: 0;width: calc(100% / 3);padding: 0px;box-sizing: border-box;display: inline-block;vertical-align: top;position: relative;}
.mobileContent2018 .wishArea dl dd .titleArea::before, .mobileContent2018 .wishArea dl dd .titleArea::after { display: none; }
.mobileContent2018 .wishArea .slideArea ul { width: 100%; padding: 0 0 0 10px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.mobileContent2018 .wishArea .slideArea ul li i { background: transparent url(//image.momoshop.com.tw/ecm/img/cmm/mobile/topDigitalBk.png) no-repeat; background-size: auto 26px; font: bold 13px/24px Helvetica,sans-serif; color: #FFFFFF; position: absolute; top: 0px; right: 5px; display: inline-block; width: 20px; height: 26px; text-align: center; padding: 0; }
.mobileContent2018 .wishArea .slideArea ul li p { margin: 0; padding: 0; }
.mobileContent2018 .wishArea .slideArea ul li .prdPrice { color: #d62872; font:bold 11px/20px Century Gothic,sans-serif; vertical-align: bottom; }
.mobileContent2018 .wishArea .slideArea ul li .prdPrice .priceArea { color: #d62872; font:bold 17px/20px Century Gothic,sans-serif; vertical-align: baseline; }
.mobileContent2018 .wishArea .slideArea ul li .oPrdPrice{ height:20px; display: block; color:#b3b3b3; font: 11px/20px Century Gothic, sans-serif; text-decoration: line-through;}
.mobileContent2018 .wishArea .slideArea ul li .prdPrice .priceText { font:10px/20px Helvetica; color:#A6A6A6; margin:0px 0px 0px 3px; }
.mobileContent2018 .wishArea .slideArea ul li p.trackArea, .mobileContent2018 .wishArea .slideArea ul li p.trackArea b { color: #888888; font: 11px/20px Helvetica,sans-serif; }
.mobileContent2018 .wishArea .slideArea ul li p.trackArea .heart { background: transparent url(//image.momoshop.com.tw/ecm/img/cmm/mobile/footer_icon03_on.png) -1px no-repeat; background-size: 15px; padding: 0 0 0 15px; }
.mobileContent2018 .wishArea .slideArea ul li #prdImgWrap { margin: 0 0 5px 0; }
.mobileContent2018 .wishArea .slideArea ul .dataloading p { height: 15px; background: #eee; margin: 0 0 5px 0; }
.mobileContent2018 .wishArea .slideArea ul li #prdImgWrap .mask_18 { width: 100%; text-align: center; position: absolute; top: 0px; left: 0px; }
.mobileContent2018 .wishArea .slideArea ul li #prdImgWrap .forsoldout { width: 100%; max-width: 200px; color: white; content: "售完補貨中"; text-align: center; position: absolute; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.7); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; line-height: 0; }
.mobileContent2018 .wishArea .slideArea ul li #prdImgWrap .forsoldout span { font: 15px/26px Helvetica,sans-serif; display: inline-block; width: 100%; }
.mobileContent2018 .wishArea .slideArea .errorBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; }
.mobileContent2018 .wishArea .slideArea .errorBox .errorInfo img { width: 115px; height: 115px; }
.mobileContent2018 .wishArea .slideArea .errorBox .errorInfo p { text-align: center; font: 15px/20px Helvetica,sans-serif; color: #888; margin: 5px 0 0 0; }
.mobileContent2018 .wishArea .slideArea .errorBox .errorInfo p.failed { font: 13px/20px Helvetica,sans-serif; color: #333; margin: 5px 0 0 0; }
.mobileContent2018 .wishArea .slideArea .errorBox button { margin: 0 0 0 20px; font: 13px/30px Helvetica,sans-serif; color: #333; background: #fff; border: 1px solid #333; border-radius: 4px; width: 80px; }

/** header底下的banner 2020.12.17**/
#momoHeader .classificationBox {height: 50px; position: relative; background-color:#fafafa; margin:0px; z-index:3}
#momoHeader .classificationBox p {white-space: nowrap}
#momoHeader .sortBtnArea {width: calc(100% - 42px);height: 50px;overflow-x: auto;overflow-y: hidden;background-color: #fafafa;margin:0px;position: absolute;top:0;left:0;z-index:2;transition:all 300ms ease-out 0s;}
#momoHeader .sortBtnArea ul,
#momoHeader .sortBtnArea ul li {height: 50px; margin:0px; padding:0px; list-style:none}
#momoHeader .sortBtnArea ul {width: 100%; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; transition:all 300ms ease-out 0s; white-space:nowrap; font-size: 0; border: 0;padding: 0 6px;}
#momoHeader .sortBtnArea ul li {display:inline-block;font: bold 17px/48px Helvetica, sans-serif;position: relative;box-sizing: border-box;padding: 0 6px;vertical-align: top;}
#momoHeader .sortBtnArea ul li a {padding: 0;color: #454545;text-decoration: none;font: bold 17px/48px Helvetica, sans-serif;vertical-align: top;display: inline-block;border-bottom:2px solid transparent;}
#momoHeader .sortBtnArea ul li h2{margin:0;padding:0 4px;}
#momoHeader .sortBtnArea ul li.selected a{color: #d62872;border-color:#d62872;} 
#momoHeader .classificationBox span {height:50px; font:bold 17px/50px Helvetica, sans-serif; color:#1D212A; margin:0px; padding:0px 10px; position:relative; top:0px; transition:all 300ms ease-out 0s}
#momoHeader .classificationBox span::before {background-color:#D9D9D9; width:calc(100% - 10px); height:1px; content:''; position:absolute; bottom:0px; right:0px}
#momoHeader .classificationBox.up .topmenu span {width: 100%; top:0px;display: block;}
#momoHeader .classificationBox .openClassBtn {background-color:#fafafa;width: 42px;height:49px;box-shadow:-2px 0 3px #DDDDDD;position:absolute;top:0px;right:0px;z-index:4;padding: 0 4px;box-sizing: border-box;}
#momoHeader .classificationBox .openClassBtn::before {content:"";width: 34px;height: 34px;background: url("/ecm/img/cmm/mobile/main/downArrow.svg") no-repeat center/24px;border:none;transform: unset;top: calc(50% - 17px);left: calc(50% - 17px);position:absolute;}
#momoHeader .classificationBox.up .openClassBtn::before {transform:rotate(-180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);top: calc(50% - 17px);}
#momoHeader .classificationBox .topmenu{width:100%;overflow: hidden;height:auto;border-bottom:0px;transition:all 300ms ease-out 0s;box-sizing: border-box;background: #fafafa;padding: 0;margin:0;position: absolute;z-index:3;opacity: 0;}
#momoHeader .classificationBox .topmenu ul {max-height: calc(100% - 50px);overflow-y: scroll;padding: 16px 16px 4px 16px;margin:0;box-sizing: border-box;}
#momoHeader .classificationBox .topmenu ul li {width:calc((100% - 24px) / 3); float:left; text-align:center; padding:0; margin: 0 12px 12px 0; box-sizing: border-box;list-style: none;}
#momoHeader .classificationBox .topmenu ul li:nth-child(3n){margin: 0 0 12px 0;}
#momoHeader .classificationBox .topmenu ul li a {height:40px;background: rgba(226, 248, 226,0.5);font: 15px/40px Helvetica, sans-serif;color: #000000; border-radius:40px; text-decoration: none;display:block;box-sizing: border-box;border: 1px solid transparent;}
#momoHeader .classificationBox .topmenu ul li:first-child a{background: rgb(214,40,114,0.1)}
#momoHeader .classificationBox .topmenu ul li:nth-child(n+2):nth-child(-n+9) a { background: rgba(225, 239, 246,0.5)}
#momoHeader .classificationBox .topmenu ul li:nth-child(n+10):nth-child(-n+18) a {background: rgba(230, 230, 249,0.5);}
#momoHeader .classificationBox .topmenu ul li:nth-child(n+19):nth-child(-n+27) a {background: rgba(242, 215, 222,0.4)}
#momoHeader .classificationBox .topmenu ul li:nth-child(n+28):nth-child(-n+36) a {background: rgba(226, 248, 226,0.5)}
#momoHeader .classificationBox .topmenu ul li:nth-child(n+37) a {background: rgba(255, 233, 204,0.5)}
#momoHeader .classificationBox .topmenu ul li.selected a {border-color: #d62872;color: #d62872;background: #fff;}

/** 5H header底下的banner 2020.12.17**/
#momoHeader5H .classificationBox {height: 50px;position: relative;background-color:#fafafa;margin:0px;z-index: 4;}
#momoHeader5H .classificationBox p {white-space: nowrap}
#momoHeader5H .sortBtnArea {width: calc(100% - 42px);height: 50px;overflow-x: auto;overflow-y: hidden;background-color: #fafafa;margin: 0px;position: relative;top: 0;left: 0;z-index: 2;transition: all 300ms ease-out 0s;}
#momoHeader5H .sortBtnArea ul,
#momoHeader5H .sortBtnArea ul li {height: 50px; margin:0px; padding:0px; list-style:none}
#momoHeader5H .sortBtnArea ul {width: 100%; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; transition:all 300ms ease-out 0s; white-space:nowrap; font-size: 0; border: 0;padding: 0 6px;}
#momoHeader5H .sortBtnArea ul li {display:inline-block;font: bold 17px/48px Helvetica, sans-serif;position: relative;box-sizing: border-box;padding: 0 6px;vertical-align: top;}
#momoHeader5H .sortBtnArea ul li a {padding: 0;color: #454545;text-decoration: none;font: bold 17px/48px Helvetica, sans-serif;vertical-align: top;display: inline-block;border-bottom:2px solid transparent;}
#momoHeader5H .sortBtnArea ul li h2{margin:0;padding:0 4px;position:relative;}
#momoHeader5H .sortBtnArea ul li.selected a{color: #d62872;border-color:#d62872;} 
#momoHeader5H .classificationBox span {height:50px;font:bold 17px/50px Helvetica, sans-serif;color: #454545;margin:0px;padding:0px 10px;position:relative;top:0px;transition:all 300ms ease-out 0s;}
#momoHeader5H .classificationBox span::before {background-color: transparent;width:calc(100% - 10px);height:1px;content:'';position:absolute;bottom:0px;right:0px;}
#momoHeader5H .classificationBox.up .topmenu span {width: 100%; top:0px;display: block;}
#momoHeader5H .classificationBox .openClassBtn {background-color:#fafafa;width: 42px;height: 50px;box-shadow:-2px 0 3px #DDDDDD;position:absolute;top:0px;right:0px;z-index:4;padding: 0;box-sizing: border-box;}
#momoHeader5H .classificationBox .openClassBtn::before {content:"";width: 34px;height: 34px;background: url("//image.momoshop.com.tw/ecm/img/cmm/mobile/main/downArrow.svg") no-repeat center/24px;border:none;transform: unset;top: calc(50% - 17px);left: calc(50% - 17px);position:absolute;}
#momoHeader5H .classificationBox.up .openClassBtn::before {transform:rotate(-180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);top: calc(50% - 17px);}
#momoHeader5H .classificationBox .topmenu{width:100%;overflow: hidden;height:auto;border-bottom:0px;transition:all 300ms ease-out 0s;box-sizing: border-box;background: #fafafa;padding: 0;margin:0;position: relative;z-index:5;opacity: 0;}
#momoHeader5H .classificationBox .topmenu ul {max-height: calc(100% - 100px);overflow-y: scroll;padding: 12px 15px 12px 15px;margin:0;box-sizing: border-box;}
#momoHeader5H .classificationBox .topmenu ul li {width:calc((100% - 24px) / 3);float:left;text-align:center;padding:0;margin: 0 12px 10px 0;box-sizing: border-box;list-style: none;}
#momoHeader5H .classificationBox .topmenu ul li:nth-child(3n){margin: 0 0 10px 0;}
#momoHeader5H .classificationBox .topmenu ul li a {height:40px;font: bold 15px/40px Helvetica, sans-serif, "微軟正黑體";color: #454545;border-radius:40px;text-decoration: none;display:block;box-sizing: border-box;border: 1px solid transparent;}
#momoHeader5H .classificationBox .topmenu ul li:first-child a{background: rgb(214,40,114,0.1)}
#momoHeader5H .classificationBox .topmenu ul li:nth-child(n+2):nth-child(-n+9) a{background: rgba(225,239,246,0.5);}
#momoHeader5H .classificationBox .topmenu ul li:nth-child(n+2):nth-child(-n+9) a{background: rgba(225,239,246,0.5);}
#momoHeader5H .classificationBox .topmenu ul li:nth-child(n+10):nth-child(-n+15) a{background: rgba(230, 230, 249,0.5);}
#momoHeader5H .classificationBox .topmenu ul li:nth-child(n+16):nth-child(-n+24) a{background: rgba(242, 215, 222,0.4)}
#momoHeader5H .classificationBox .topmenu ul li:nth-child(n+25):nth-child(-n+32) a{background: rgba(226, 248, 226,0.5);}
#momoHeader5H .classificationBox .topmenu ul li.selected a {border-color: #d62872;color: #d62872;background: #fff;/* font-weight: bold; */}
#momoHeader5H h2{position:relative;margin:0; padding:0;}
#momoHeader5H .classificationBox .topmenu ul li.selected:nth-child(n+2):nth-child(-n+9) a{background: #ffffff;}
#momoHeader5H .classificationBox .topmenu ul li.selected:nth-child(n+10):nth-child(-n+15) a{background: #ffffff;}
#momoHeader5H .classificationBox .topmenu ul li.selected:nth-child(n+16):nth-child(-n+24) a{background: #ffffff;}
#momoHeader5H .classificationBox .topmenu ul li.selected:nth-child(n+25):nth-child(-n+32) a{background: #ffffff;}