@charset "UTF-8";
body {background-color:#eee; margin:0px; padding:0px; -webkit-text-size-adjust: 100%;}
a {text-decoration:none; cursor: pointer;}
img {border:0px}
article,.article {background-color:#FFFFFF; border:1px solid #CCCCCC;  margin:0px 0px 11px; position:relative; overflow:hidden}
.content {background-color:#eee}

:root{
    --main-font:Helvetica, sans-serif;
    --price-font:Century Gothic,sans-serif;
    --momo-color:#d62872;
    --momo-blue:#027BFF;
    --momo-red:#dd2726;
}
  
/**半版共用浮層**/
.floatBox {position: fixed;background: #ffffff;left: 0px;bottom: 0px;width: 100%;z-index: 2;border-radius: 8px 8px 0px 0px;}
.floatBox .floatTitle {display: inline-block;width: 100%;margin: 0px;padding: 0px;box-sizing: border-box;}
.floatBox .floatTitle .floattitleTxt {font:bold 17px/50px var(--main-font);  color: #454545;  display: inline-block; width: 100%;  text-align: center; margin: 0px; padding: 0px;}
.floatBox .floatNoteText {font: 13px/24px "Microsoft JhengHei", sans-serif;color: var(--momo-red);text-align: center;}
.floatBox .floatContent {display: inline-block;width: 100%;margin: 0px;box-sizing: border-box;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 0px;overflow-x: hidden;vertical-align: top;}
.floatBox .floatbtnArea {display: inline-block;width: 100%;margin: 0px;padding: 0px;text-align: center;box-sizing: border-box;font-size: 0px;}
.floatBox .floatbtnArea a {display: inline-block;width: 100%;margin: 0px;padding: 0px;font: bold 17px/49px var(--main-font);border: none;border-top: 1px solid #f2f2f2;border-radius: 30px;background: #ffffff;box-sizing: border-box;text-align: center;color: var(--momo-neutral-750);}


/*紅利金&暫收款標題*/
.memberPoint h2 {background:transparent url(/img/articleh2Bk_2.png?t=201405080001) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; color:#FFFFFF; padding:0px 10px; border:0px; margin:0;}

/** error.html **/
.bodyBase {width:100%; padding:0px; margin:0px}

/** 置頂的按鈕 **/
.gotopBtn {background: url(https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/top-2.png?t=20180702001) center; background-repeat:no-repeat; background-color:rgba(255,255,255,0.7); background-size:100%; border: 1px solid #ccc; border-radius: 45px; bottom: 115px; color: #000000; cursor: pointer; display: none; font: bold 15px/58px Century Gothic, sans-serif; height: 45px; opacity: 1; padding: 0; position: fixed; right: 10px; text-align: center; width: 45px; z-index: 10;}

/* 20220222_天改灰色第二階段_共用天調整 */
#momoHeader { width:100%;position: sticky;top: 0;z-index: 900; }
header{height:auto; overflow:hidden; position:relative; z-index:6 ; width:100% }
header table {
    padding: 5px 6px;
    background: var(--momo-color);
    font-size: 0
}

header table th,header table td {
    text-align: center;
    height: 34px;
    position: relative;
    background-color: var(--momo-color);
}

header table .headLogoCenter {
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translateX(-50%);
}

header table th .logo {
    background-color: var(--momo-color);
    margin: 0px;
    padding: 0px;
    font: bold 26px/34px var(--price-font);
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    color: #454545;
}

header table th .logo img {
    display: inline-block;
}

header table th .logo .pinkLogo {
    display: none;
}

header table td img {
    position: relative;
    top: 2px
}

header table th h1 {
    margin: 0px;
    padding: 0px;
    font: bold 26px/44px var(--main-font);
    color: var(--momo-color);
    position: absolute;
    z-index: -1
}

header table .topSearch a {
    background: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerSearch_white.svg?t=20220225003") no-repeat center/24px;
    display: inline-block;
    width: 34px;
    height: 34px;
}

header table .topBrowseFoot a {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: transparent url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerHistory_white.svg?t=20220225003") no-repeat center /24px;
}

header table .classification {
    background: transparent url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerMenu_white.svg?t=20220225003") no-repeat center/24px;
    width: 34px;
    height: 34px;
    text-align: center;
    cursor: pointer;
    float: left;
}
header .title-group .logo {
 font: bold 18px/34px var(--price-font);
    margin: 0;
    padding: 0;
}
header .title-group .logo img {
 display: inline-block;
}
header .title-group .logo .pinkLogo {
 display: none;
}
header .returnAttributesListAreaNextPage {display:none}
header .returnAttributesListAreaNextPage .returnBtn {background:transparent url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerArrowLeft_white.svg?t=20220225003") no-repeat center/24px;width:34px; height:34px;left:0;cursor:pointer;display:inline-block;}
header .returnAttributesListAreaNextPage .returnBtn::after {width: 40px;height: 34px;color: #ffffff;content: '';position: absolute;top: 0px;left: 0px;}
header .noWording .returnBtn {background-position:center}
header .noWording .returnBtn::after {display:none}

.whiteHeaderStyle table {
    background: #fafafa;
}

.whiteHeaderStyle table th,.whiteHeaderStyle table td {
    background-color: #fafafa;
}

.whiteHeaderStyle table th .logo {
    background-color: #fafafa;
    color: #454545;
}

.whiteHeaderStyle table th .logo img {
    display: none;
}

.whiteHeaderStyle table th .logo .pinkLogo {
    display: inline-block;
}

.whiteHeaderStyle table th h1 {
    color: #fafafa;
}

.whiteHeaderStyle table .topSearch a {
    background: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerSearch.svg?t=20220225003") no-repeat center/24px;
}

.whiteHeaderStyle table .topBrowseFoot a {
    background: transparent url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerHistory.svg?t=20220225003") no-repeat center /24px;
}

.whiteHeaderStyle table .classification {
    background: transparent url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerMenu.svg?t=20220225003") no-repeat center/24px;
}
.whiteHeaderStyle .returnAttributesListAreaNextPage .returnBtn {background:transparent url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerArrowLeft.svg?t=20220225003") no-repeat center/24px;}
.whiteHeaderStyle .returnAttributesListAreaNextPage .returnBtn::after {color: #454545;}
.whiteHeaderStyle .title-group .logo img {
    display: none;
}
.whiteHeaderStyle .title-group .logo .pinkLogo {
    display: inline-block;
}

/** 天隱藏的足跡區塊 **/
.BrowseFootArea {background-color:#FFFFFF; width:137px; height: 100%; margin:0px; box-shadow:0px 1px 0px #AAAAAA; border:0px; border-bottom:1px solid #CCCCCC; overflow: inherit; position:fixed; top:0; right:-180px; z-index:1000; transition: 0.3s; display: flex; flex-direction: column;}
.BrowseFootArea ul {margin:0px; padding:0px; list-style:none; display:inline-block;position:relative; vertical-align: top;}
.BrowseFootArea li {width:107px; margin:20px 15px;position: relative;}
.BrowseFootArea li a {display:inline-block; position:relative; cursor:pointer}
.BrowseFootArea li a span {font:13px/20px Century Gothic, sans-serif; color:#D62872; padding:0px 5px;}
.BrowseFootArea li a span b {font:15px/20px Century Gothic, sans-serif;}
.BrowseFootArea li .history-delete-btn {position: absolute;top: -10px;left: -10px;z-index: 10;} 
.BrowseFootArea div {font:15px/24px Helvetica, sans-serif; color:#484848; text-align: center;}
.BrowseFootArea div a {color:#d62872; cursor:pointer}
.BrowseFootArea .history-header {background-color: #FAFAFA;font: 15px/44px Helvetica, sans-serif;color: #454545;flex: 0 0 44px;padding: 0;}
.BrowseFootArea .history-list {flex: 1;overflow: scroll;}
.BrowseFootArea .delete-box {flex: 0 0 64px;text-align: center;background-color: #f4f4f4;}
.BrowseFootArea .delete-box .delete-btn {font: 17px/19px var(--main-font);background-color: #EA3323;color: #ffffff;border-radius: 22px;text-decoration: none;display: inline-block;padding: 12px 15px;margin: 10px 0 0 0;}
.BrowseFootArea .delete-box .delete-btn::before {content: "";display: inline-block;width: 20px;height: 20px;background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/trash-can.svg");background-size: contain;vertical-align: text-bottom;background-position-y: -1px;}
.BrowseFootArea .no-record {flex: 1;color: #888888;display: flex;justify-content: center;align-items: center;}
.BrowseFootArea .close-box {position: absolute;top: calc(50% - 51px/2);right: 145px;width: 34px;}
.BrowseFootArea .close-box .close-text {color: #E7E7E7;font: 15px/18px var(--main-font);writing-mode: vertical-lr;letter-spacing: 5px;vertical-align: middle;margin: 5px 5px 0 0;}
.BrowseFootArea .close-box .close-bar {width: 6px;height: 51px;background-color: #E7E7E7;border-radius: 3px;display: inline-block;vertical-align: middle;}


/* 麵包屑 */
.content .pathArea {width:100%;margin:0;padding: 6px 12px;background-color: #fff;z-index:2;border: 0;box-sizing: border-box;}
.pathArea ul {margin:0px;padding:0px;max-height: 48px;text-overflow: clip;overflow: hidden;}
.pathArea li {height:24px;font: 14px/24px Helvetica, sans-serif;color: #9b9b9b;margin:0px;padding:0px;list-style:none;display:inline-block;white-space:normal;}
.pathArea a {color: #9b9b9b;cursor:pointer;font:14px/24px Helvetica, sans-serif;}
.pathArea a span {font:14px/20px Helvetica, sans-serif; color:#5E5E5E; margin:0px 5px; text-decoration:none; position:relative; top:2px}
.pathArea h1, .pathArea h2{margin:0;display:inline-block; height: 24px; font: 14px/24px Helvetica, sans-serif; padding: 0;}

/** 瀏覽足跡設定 354**/
.historyList article h2 {background:transparent url(/img/articleh2Bk_2.png?t=201405080001) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; color:#FFFFFF; padding:0px 10px}
.historyList .prdListArea h2 b {padding-left:1px;}

/* 商品列表_頁次樣式1 */
.pageArea { max-width:290px; margin:10px auto 20px; text-align:center; overflow:hidden;}
.pageArea th {font:15px/18px Helvetica, sans-serif; color:#696969; width:34%;}
.pageArea th b {font-weight:bold; color:#d62872; margin-right:3px}
.pageArea td {width:33%}
.pageArea td a {background-color:#FFFFFF; height:28px; font:bold 15px/28px Helvetica, sans-serif; color:#696969; border:1px solid #CCCCCC; border-right:0px; padding:0px 7px 0px 10px; display:inline-block; border-radius:4px 0px 0px 4px; box-shadow:0px 1px 0px #FFFFFF; position:relative}
.pageArea .right a .triangle_top {height:0px; border-top:13px solid transparent; border-left:13px solid #FFFFFF; border-bottom:13px solid transparent; display:inline-block; position:absolute; right:-13px; top:1px; z-index:2}
.pageArea .right a .triangle_footer {height:0px; border-top:14px solid transparent; border-left:14px solid #CCCCCC; border-bottom:14px solid transparent; display:inline-block; position:absolute; right:-14px; top:0px; z-index:1}
.pageArea .left {text-align:right}
.pageArea .left a {border:1px solid #CCCCCC; border-left:0px; padding:0px 10px 0px 7px}
.pageArea .left a .triangle_top {height:0px; border-top:13px solid transparent; border-right:13px solid #FFFFFF; border-bottom:13px solid transparent; display:inline-block; position:absolute; left:-13px; top:1px; right:inherit; z-index:2}
.pageArea .left a .triangle_footer {height:0px; border-top:14px solid transparent; border-left:inherit; border-right:14px solid #CCCCCC; border-bottom:14px solid transparent; display:inline-block; position:absolute; left:-14px; top:0px; right:inherit; z-index:1}

/* 商品列表_頁次樣式2 */
.pageArea dl { display:inline-block; margin:0 ; padding:0; height:42px}
.pageArea dl dt,
.pageArea dl dd { float:left; margin:0; padding:0; height:42px; width:40px; font:15px/40px Helvetica, sans-serif; overflow:hidden; }
.pageArea dl dt a { display:block; background-color:#ababab; color: #434343; font-family: Verdana; font:15px/40px Helvetica, sans-serif; text-decoration: none;} 
.pageArea dl .selected a { background-color:#FFF; border:1px solid #ababab; }
.pageArea dl dt a img { vertical-align:sub; height: auto; position: relative;top: 2px; width: 30px;}
.pageArea dl .leftBtn { margin-right:5px}
.pageArea dl .rightBtn { float:right; margin-left:5px}
.pageArea dl dd { text-align:left; color:#313131}
.pageArea dl dd a { display:block; text-align:center}
.pageArea dl dd select { height:42px; width:100%; text-align:center; font:15px/40px Helvetica, sans-serif; color:#313131}

/** 管理訊息(網頁錯誤) 1066**/
.error article p {background:transparent url(/img/articleh2Bk_2.png?t=201405080001) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; color:#FFFFFF; border-bottom:1px solid #CCCCCC; margin:0px; padding:0px 10px; position:relative; z-index:1}
.error article .txtArea p {font:bold 15px/30px Helvetica, sans-serif;color:#000000;margin:15px 0px 5px 15px;padding:0px;background: initial;border: 0;height: auto;}
.error article .txtArea ul {margin:0px 0px 10px 40px; padding:0px; list-style:outside decimal none}
.error article .txtArea li {font:15px/22px Helvetica, sans-serif; color:#585858}
.error .returnBtnArea {margin:0px 0px 10px}
.error .returnBtnArea a {height:38px; background:#a07531 url(/img/checkoutArea_aBk.png?t=201405080001) repeat-x; font:bold 15px/38px Helvetica, sans-serif; color:#FFFFFF; text-align:center; border-radius:6px; margin:0px 10px; display:block; position:relative; cursor:pointer}

/** 最底資訊 1108**/
footer .basicInformation {background-color:transparent; border:0px; box-shadow:0px 0px 0px; margin:0; text-align:center; padding:20px 0 70px 0; box-sizing:border-box}
footer .basicInformation dl,footer .basicInformation dt,footer .basicInformation dd {font:13px/24px Helvetica, sans-serif; color:#888888; margin:0px; padding:0px}
footer .basicInformation dl {display:inline-block}
footer .basicInformation dd {float:left}
footer .basicInformation a {font:13px/20px Helvetica, sans-serif; color:#888888; text-decoration:none; border-left:1px solid #484848; margin:0px 0px; padding:0px 10px}
footer .basicInformation dd:first-child a {border:0px}
footer .basicInformation dt {clear:both}
footer .basicInformation .footerRemind {margin: 20px 0 0 0; padding: 0 10px; color: #888888; display: block;}

/** footer 20221124_修改 **/
.footerArea {width:100%; height:50px; background:#F5F5F5; position:fixed; bottom:0px; left:0px; z-index:900;border-top: 1px solid #D4D4D4;}
.footerArea ul {margin:0px; padding:0px; width:100%; list-style:outside none none; position:absolute; bottom:0px; left:0px;}
.footerArea ul li {float:left; width:20%; height: 50px; text-align:center; box-sizing:border-box}
.footerArea ul li a {width:100%; height:50px; display:block; margin:0px auto; font:12px/80px Helvetica, sans-serif; color:#666666; overflow:hidden; text-decoration:none; cursor:pointer; position:relative;}
.footerArea ul li a.selected {color:var(--momo-color)}
.footerArea ul li a span {min-width: calc(50% - 5px);position: absolute;right: 4px;top: 3px;text-align: left;}
.footerArea ul .index a {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer_01.svg"); background-repeat: no-repeat; background-position:center 5px; background-size:auto 24px;}
.footerArea ul .hotsale a {background-image: url("/ecm/img/cmm/mobile/main/footer_06.svg"); background-repeat: no-repeat; background-position:center 5px; background-size:auto 24px;}
.footerArea ul .wishList a {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer_03.svg"); background-repeat: no-repeat; background-position:center 5px; background-size:auto 24px;}
.footerArea ul .cart a {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer_04.svg"); background-repeat: no-repeat; background-position:center 5px; background-size:auto 24px;}
.footerArea ul .member a {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer_05.svg"); background-repeat: no-repeat; background-position:center 5px; background-size:auto 24px;}
.footerArea ul .index a.selected {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer2_01.svg");}
.footerArea ul .hotsale a.selected {background-image: url("/ecm/img/cmm/mobile/main/footer2_06.svg");}
.footerArea ul .wishList a.selected {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer2_03.svg");}
.footerArea ul .cart a.selected {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer2_04.svg");}
.footerArea ul .member a.selected {background-image: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/main/footer2_05.svg");}
.footerArea ul .wishList a b,
.footerArea ul .cart a b,
.footerArea ul .member a b {display:inline-block; min-width:8px; height:16px; background-color:#F2F2F2; border-radius:10px; font:12px/16px Helvetica, sans-serif; text-align:center; color: var(--momo-red); z-index:2;border: 1px solid var(--momo-red);padding: 0 4px;vertical-align: top;}
.footerArea ul .member a b.doubledigit{padding: 0 3px;}
.footerArea ul .member a b.overdigit{padding: 0 6px;}

/**黑色透明背景**/
.blackBk {background: rgba(51, 51, 51, 0.5);position:fixed;top:0px;left:0px;z-index:900;display:none;width: 100%;height: 100%;}

/** 白背景 1122**/
.whiteBk {background-color:#FFFFFF; position:absolute; top:0px; left:0px; z-index:3; display:none}
.whiteBk h2 {font:bold 15px/24px Helvetica, sans-serif; color:#F23B97; margin:10px; padding:0px}
.whiteBk h3 {background-color:#000000; font:15px/24px Helvetica, sans-serif; color:#FFFFFF; margin:10px; padding:0px 10px}
.whiteBk .prdimg{margin:10px}

/** 2014.05.05 fhchen 加上margin好讓app的天和mobile web首頁的圖中間有一點縫隙 1417**/
#bt_8_layout_b1 {margin:10px 0px 0px 0px;}

/** 2014.10.01 fhchen 搜尋建議 1501**/
.ac_results ul {list-style: none; margin:0; padding:0; width:100%; position:relative; z-index:999; }
.ac_results li {background-color:#ffffff;display: block;width:100%;overflow:hidden;border-bottom:1px solid #dfdfdf;box-sizing: border-box;position: relative;padding: 0px 10px;height: 56px;white-space: nowrap;font-size: 0px;line-height: 56px;}
.ac_results li.goCate {display: flex;align-items: center;}
.ac_text {display:inline-block;width:auto;padding: 0px;border:none;border-bottom:0;box-sizing: border-box;overflow:hidden;color:#333333;font: 15px/20px Helvetica, sans-serif;vertical-align: baseline;}
.ac_text strong{color:#000;}
.ac_suggest .ptBox {float: right;line-height: 0px;}
.ac_suggest .ptBox .pointTag {background: #f2f2f2;text-align: center;border-radius: 15px;padding: 0px 8px;max-width: 150px;font: 13px/25px Helvetica, sans-serif;margin: 15px 8px 15px 0px;box-sizing: border-box;height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #888888;display: inline-block;}
.ac_suggest .ptBox .pointTag:last-child {margin-right: 0px;}
.itemAmount {position: absolute; left: 10px; font: 11px/20px Helvetica, sans-serif; bottom: 5px;  padding: 0px; margin: 0px; color: #888;}
/*20200327 搜尋關鍵字樣式*/
.ac_results .ac_suggest .categoryText{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font: bold 15px/20px Helvetica, sans-serif;padding: 0 0px 0px 5px;box-sizing: border-box;vertical-align: baseline;color: #d62872;}
/** 搜尋連官方旗艦版 **/
.ac_results .goCate img {vertical-align: middle;margin: 0px 8px 0px 0px;}  
.ac_results .goCate span {color:#3366ff;height: auto;font: 15px/20px Helvetica, sans-serif;display:inline-block;vertical-align: middle;box-sizing: border-box;}
.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;}
.brandFlagshipArea img.shopTag{height:18px;border-radius: 2px; margin: 0px 8px 0px 0px;}
.prdNameTitle img.shopTag{height:16px;width: 22px;border-radius: 2px;float: initial;vertical-align: baseline;}
.prdNameTitle img.preOrderTag{height:16px;width: auto;object-fit: contain;padding: 0; border-radius: 2px;float: initial;vertical-align: baseline;}
.prdNameTitle img.limitBuyTag{height:16px;width: 48px;border-radius: 2px;float: initial;vertical-align: baseline;}
.margin-right-4 { margin-right: 4px !important;}
.margin-right-8 { margin-right:8px}

/** 統一處理mobile的alert **/
.momoMobileAlertArea {position:absolute; top:0px; left:0px; z-index:1003; display:none; border-radius:10px}
.momoMobileAlertArea h2 {background:transparent url(/img/articleh2Bk_2.png) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; color:#FFFFFF; border-bottom:1px solid #CCCCCC; margin:0px; padding:0px 10px; position:relative; z-index:1; cursor:default; text-align: center;}
.momoMobileAlertArea ul {margin:10px 0px; padding:0px; left:0px; list-style:none}
.momoMobileAlertArea li {padding:5px 5px 5px 5px; position:relative}
.momoMobileAlertArea li a {height:24px; font:13px/24px Helvetica, sans-serif; color:#FFFFFF; background-color:#E5047E; padding:0px 5px 0px 2px; border-radius:6px; position:absolute; right:5px; top:2px; cursor:pointer}
.momoMobileAlertArea li b {font:bold 15px/20px Helvetica, sans-serif; color:#E5047E; margin:0px 5px; padding:0px}
.momoMobileAlertArea li span {font:15px/20px Helvetica, sans-serif; color:#000000; margin:0px; padding:0px}
.momoMobileAlertArea li p {font:15px/20px Helvetica, sans-serif; color:#000000; margin:0px; padding:0px}
.momoMobileAlertArea .closemomoMobileAlert {text-align:center; margin:5px 10px; padding:5px 0px 0px; border-top:1px solid #CCCCCC}
.momoMobileAlertArea .closemomoMobileAlert a {background:transparent url(/img/articleh2Bk_2.png) repeat-x; height:26px; font:15px/26px Helvetica, sans-serif; color:#FFFFFF; display:inline-block; padding:0px 20px; margin:5px 10px; border-radius:6px; cursor:pointer}
.momoMobileAlertArea span{background:transparent url(/img/articleh2Bk_2.png) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; color:#FFFFFF; border-bottom:1px solid #CCCCCC; margin:0px; padding:0px 10px; position:relative; z-index:1; cursor:default; text-align: center; display:block}

/** 20170213_momocoLoadingWhiteBk **/
.momocoLoadingWhiteBk {background-color:#FFFFFF; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0px; left:0px; z-index:5;}
.momocoLoadingImg {width:100px; height:100px; margin:-50px 0px 0px -50px; position:fixed; top:50%; left:50%; z-index:6}
.momocoLoadingImg img {width:100px; height:100px}

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

/*新版共用浮層-背景鎖定不滾動*/
.textBoxDiv {width: 80%;max-width: 360px;height: auto;background: rgba(255, 255, 255, 1);box-sizing: border-box;position: fixed;left: 50%;top: 50%;border-radius: 8px;z-index: 1001;display: none;}
.textBoxDiv ul li p { display: inline-block;margin: 0 0 6px 0;padding: 0px;font: bold 15px / 20px Helvetica, sans-serif;color: #404040;box-sizing: border-box;width: 100%;text-align: center;}
.textBoxDiv ul,
.textBoxDiv ul li{margin:0;}
.textBoxDiv ul{padding:0;}
.textBoxDiv ul li{width: 100%;padding: 20px;box-sizing: border-box;display: inline-block;text-align: left;}
.textBoxDiv ul li span {display:inline-block; padding: 0px 10px 10px 10px; font:15px/25px Helvetica, sans-serif; color:#000000;  box-sizing:border-box; width: 100%; text-align:center;}
.textBoxDiv .ulBox .innerArea{display:inline-block; margin:0px; padding:0;width:100%;box-sizing:border-box;overflow-y: auto; background-color: #fff; vertical-align: top;}
.textBoxDiv .ulBox .innerArea ul{padding:0 0 10px 20px;}
.textBoxDiv .ulBox .innerArea li{display:list-item; list-style:decimal; padding:0 0 5px 0;font: 15px/20px Helvetica, sans-serif;}
.textBoxDiv .ulBox .innerArea span{display:inline-block; font:15px/25px Helvetica, sans-serif; margin:0; padding:0;width:100%;text-align: center;}
.textBoxDiv .ulBox .innerArea p{display: inline-block;font: 13px / 18px Helvetica, sans-serif; margin: 0;padding: 0;width: 100%;text-align: center;}
.textBoxDiv .ulBox .submitBox {border-top: 1px solid #e8e8ea;padding: 0px;margin: 0px;display: flex;}
.textBoxDiv .ulBox .submitBox a{ width: 100%;margin: 0px;padding: 13px 0 9px;font: 17px / 22px Helvetica, sans-serif; color: #1683E9;box-sizing: border-box;cursor: pointer;display: inline-block;text-align: center;flex: 1;border-left: 1px solid #e8e8ea;}
.textBoxDiv .ulBox .submitBox a:first-child {border:0px;}
.textBoxDiv .ulBox .vstyleBox {display: block;}
.textBoxDiv .ulBox .vstyleBox a {border: 0px;border-top: 1px solid #e8e8ea;}
.textBoxDiv .innerArea table{counter-reset: num ;}
.textBoxDiv .innerArea table tr td{font:15px/20px Helvetica, sans-serif;text-align: left;padding: 0 0 5px 5px;display: inline-block;width: calc(100% - 25px);box-sizing: border-box;vertical-align: top;}
.textBoxDiv .innerArea table tr{font:15px/20px Helvetica, sans-serif;}
.textBoxDiv .innerArea table tr::before{counter-increment: num;content:counter(num)'. ';display: inline-block;column-width: 25px;text-align: right;}


/**富昇旅行社股份有限公司 /stc/10/002/00/000/1000200000_b116.html**/
.mofunTxt {background-color:#FFFFFF; margin:0;}
.mofunTxt span {background:#39A2FF url(img/mofunTxtH3Bk.png) no-repeat 10px 8px; height:40px; font:bold 18px/40px Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:0px 0px 0px 40px; display:block}
.mofunTxt ul {margin:15px 10px 0px; padding:0px 0px 15px; list-style:none}
.mofunTxt li {font:13px/20px Helvetica, sans-serif; color:#976969; margin:0px; padding:0px; list-style:none}
.mofunTxt .title {font:bold 15px/20px Helvetica, sans-serif; color:#39A2FF}
.mofunTxt .twoType {float:left; width:50%}
.mofunTxt .threeType {float:left; width:32%}

/* 20200623_2019011000064273_商品圓標範圍增加 */
.prdImgWrap {position: relative;display: inline-block;vertical-align:top;line-height: 0px;}
.prdImgWrap .imgTag {width:32%;height: auto;display:inline-block;position:absolute;top:0;left:0;margin:0;padding:0;}
.prdImgWrap .imgTag img {width:100%;height:auto;display:inline-block;margin:0;padding:0;border-radius: 0px;}
.itemizedStyle ul li .prdImgWrap{float: left;}
.itemizedStyle ul li .prdImgWrap .imgTag img{width:100%;height:auto;float: none;max-width: none;vertical-align: top;}
#itemizedStyle ul li .prdImgWrap{float: left;}
#itemizedStyle ul li .prdImgWrap .imgTag img{width:100%;height:auto;float: none;max-width: none;vertical-align: top;}
/*圓標_購物車*/
.cartMainArea .cartCont .prdDetailArea dl dt .prdImgWrap .imgTag img {width: 100%; height: auto;}
/*圓標_買過清單*/
.searchResult .prdListArea #itemizedStyle ul li a .prdImgWrap .imgTag img {padding: 5px 0px 0px 5px;} 
/*圓標_補貨通知*/
.recheckProduct .prdListArea #itemizedStyle ul li a .prdImgWrap .imgTag img {padding: 5px 0px 0px 5px;}
/*圓標_分類頁&搜尋結果頁*/
.prdListArea .itemizedStyle ul li a .prdImgWrap{width:110px; height:110px; float:left;}
/*圓標_任選專區*/
.overlayWrap .optionalInfoBox .infoCont .itemGiftArea ul li .prdImgWrap {float:left;}
.overlayWrap .optionalInfoBox .infoCont .itemGiftArea ul li .prdImgWrap .imgTag img {float:none; width:100%;}
/*天_足跡*/
.BrowseFootArea li .prdImgWrap {font-size: 0px; padding: 0px; color: transparent;line-height: 0px;}
.BrowseFootArea li .prdImgWrap .imgTag {background: none; font-size: 0px; line-height: 0px; right: initial; color: transparent; bottom: initial;}

/* 20200623 新增熱門搜尋與最近搜尋紀錄 */
.searchCover {display:none; overflow: hidden; width: 100vw; position:fixed;top: 44px; z-index:900; left: 0px; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.searchArea {width: 100vw;transition: all .5s ease-in;left:0px; top:-100vh; margin: 0;padding: 0px;box-sizing: border-box;height: auto;vertical-align: top;line-height: 0px;background: transparent;box-shadow: 0px 0px;border: 0px; z-index: -1;}
.searchArea button:focus {outline: none;}
.searchArea .backBtn {display: inline-block;margin: 0 0 0 6px;padding: 0px;border: none;position: absolute;left: 0px;top: 8px;box-sizing: border-box;width: 34px;height: 34px;background: url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/headerArrowLeft.svg?t=20220225003")no-repeat center/24px;}
.searchArea .searchCont {display: inline-block;padding: 0px 6px;background: #FAFAFA;width: 100%;box-sizing: border-box;font-size: 0px;}
.searchArea .searchKeyWord::placeholder {color:#999999}
.searchArea .searchKeyWord:focus {outline: none;}
.searchArea .searchInputArea {position: relative;}
.searchInner {display: inline-block;width:100%;margin: 0px;padding:0px 12px;box-sizing: border-box;background:#ffffff;overflow-y: auto;}
.searchInner .titleBox {display: inline-block;width:100%;margin: 0px;padding: 0px 30px 0px 0px;font: bold 15px/50px helvetica;color: #454545;position: relative;box-sizing: border-box;}
.searchInner .titleBox .deleteBtn {background: url("https://m.momoshop.com.tw/ecm/img/cmm/mobile/main/deleteicon.svg")no-repeat center/ 20px;display: inline-block;margin: 0px;padding: 0px;border: none;position: absolute;right: 0px;top:calc(50% - 15px);box-sizing: border-box;width: 30px;height:30px;}
.searchInner .hotList {list-style: none;margin: 0px 0px 32px 0px;padding: 0px;line-height: 0px;font-size: 0px;}
.searchInner .hotList li {display:inline-block;width: calc((100% - 30px) / 4);font: 15px/30px Helvetica,sans-serif;color: #d62872;border-radius: 15px;border: 1px solid #bdbdbd;text-align: center;margin: 14px 10px 0px 0px;box-sizing: border-box;}
.searchInner .hotList li:nth-child(-n+4){margin-top:12px;}
.searchInner .hotList li:nth-child(4n) {margin-right:0px;}
.searchInner .hotList li a {display:inline-block;width: 100%;color: #d62872;padding: 0px 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;vertical-align: top;}
.searchInner .recentSearch {margin: 0;padding: 0px;line-height: 0px;font-size: 0px; height: 255px; overflow-y: hidden;}
.searchInner .recentSearch dd {margin: 0px;box-sizing: border-box;position: relative;border-bottom: 1px solid #e1e1e1;padding: 11px 40px 11px 35px;}
.searchInner .recentSearch dd p {font: 15px/20px helvetica;color: #000000;height: 20px;overflow: hidden;padding: 0px;margin: 0px;}
.searchInner .recentSearch dd::before {content: '';position: absolute;background: #f2f2f2 url("https://m.momoshop.com.tw/img/sesrch_black.png")no-repeat center/15px auto;display: inline-block;left: 0px;width: 25px;height: 25px;top: calc((100% - 25px) / 2);border-radius: 25px;}
.searchInner .recentSearch dd .cancelBtn {background: url("https://m.momoshop.com.tw/img/cancelicon.png")no-repeat center/ 15px auto;display: inline-block;margin: 0px;padding: 0px;border: none;position: absolute;right: 0px;top: calc(50% - 15px);box-sizing: border-box;width: 30px;height:30px;vertical-align: top;}
.searchInner .moreSearch {display: inline-block;width:100%;margin: 0px;padding: 5px 0px 30px 0px;text-align: center;box-sizing: border-box;border: none;background: none;}
.searchInner .moreSearch .moreBtn {background: url("/img/arrow_gray.png")no-repeat 103px 12px/ 13px auto;display: inline-block;margin: 0px;padding: 0px 35px 0px 0px;border: none;box-sizing: border-box;vertical-align: top;font: 15px/30px helvetica;color: #888888;}
.searchArea .searchKeyWord {font: 13px/20px Helvetica, sans-serif;color: #454545;margin: 0px;border: 0px;border-radius: 17px;padding: 7px 30px;box-sizing: border-box;width: calc(100% - 50px);background: #ffffff url("https://image.momoshop.com.tw/ecm/img/cmm/mobile/mainWhite/search_gary.svg?t=20220225003")no-repeat 10px center / 16px 16px;}
.searchArea .searchInputArea .cancelBtn {height: 16px;width: 16px;position: absolute;top: calc(50% - 8px);right: 70px;margin: 0px;padding: 0px;background: url("https://m.momoshop.com.tw/ecm/img/cmm/mobile/main/delIcon.svg")no-repeat center/16px;}
.searchArea .btnSearch {border: 0px;font: 15px/34px Helvetica, sans-serif;color: #454545;text-align: center;width: 50px;display: inline-block;padding: 0px 0px 0px 6px;box-sizing: border-box;}
.searchArea .ac_results {text-align: left;z-index: 99999;width:100%;display:none;box-shadow: none;border: 0px;margin: 0px;padding: 0px;overflow-y: auto;}
.searchInner .recentSearch dd p a {display:inline-block; box-sizing:border-box;margin:0px; padding:0px; color: #000; font:15px/20px helvetica; width:100%;}

/* 20201112_EC小網_規格圖上傳_小圓點設定 */
.swiperArea .pagination{margin: 5px 0 0 0; position: absolute;} */
.swiperArea .pagination span{background: #888888;}
.swiperArea .pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main{background: #d62872;}
.prdListArea.itemizedStyle .swiper-pagination {margin: 5px 0 0 0; position: absolute; max-width: 80px; margin-left: -8px;}

/* 20201112 EC小網_規格圖上傳_大圖浮層 */
.prdImgFloat{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000000;text-align: center;display: none;z-index: 10001;-webkit-transform: translateZ(0);}
.prdImgFloat .innerArea .closeBtn{margin: 30px 0 80px 0;display: inline-block;width: 100%;text-align: right;padding: 0 15px;box-sizing: border-box;}
.prdImgFloat .innerArea{max-width: 640px;margin: 0 auto;height: 100%;}
.prdImgFloat .innerArea .title{font: 15px/40px Helvetica,sans-serif;display:block;float: right;padding: 0 10px 0 0;}
.prdImgFloat .innerArea .bigImgblock{line-height: 0;}
.prdImgFloat .innerArea .bigImgblock p{font: 15px/20px Helvetica,sans-serif;color: #ffffff;margin: 15px 0 0 0;padding: 0 15px;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.prdImgFloat .innerArea .imgList{margin: 0;overflow-x: auto;bottom: 0;text-align: center;left: 0;width: 100%;font-size: 0;white-space: nowrap;display: inline-block;padding: 15px 10px;box-sizing: border-box;}
.prdImgFloat .innerArea .imgList li{margin: 0 10px 0 0;cursor: pointer;width: 40px;display: inline-block;outline: none;background: transparent;height: 40px;position: relative;opacity: 1;}
.prdImgFloat .innerArea .imgList li::before{content: "";display: block;width: 40px;height: 40px;position: absolute;box-sizing: border-box;background: rgba(255,255,255,0.6);}
.prdImgFloat .innerArea .imgList li img{border-radius: 2px;}
.prdImgFloat .innerArea .imgList li:last-child{margin: 0;}
.prdImgFloat .innerArea .imgList .swiper-pagination-bullet-active{position: relative;}
.prdImgFloat .innerArea .imgList .swiper-pagination-bullet-active::before{border: 2px solid #d62872;border-radius: 2px;background: transparent;}

/*-----商品排序選單-----*/
.triangleDown{border-width: 4px 4px 0 4px;border-color: #939393  transparent transparent transparent;}
.triangleUp{border-width: 0 4px 4px 4px; border-color: transparent transparent #939393 transparent;}
#newTitleMenu {display:inline-block;width:100%;vertical-align: top;z-index: 700;position: sticky;background: #fafafa;top: 44px;}
.filterTopArea {width:100%;margin: 0px;border:0px;box-sizing:border-box;padding: 0px;overflow:hidden;height: 50px;background: #fafafa; position:sticky; top:44px; z-index:700}
.filterTopArea .rankArea{border-bottom: 1px solid #f2f2f2;}
.filterTopArea .rankArea ul{width: 100%;padding: 0 44px 0 6px;margin: 0;font-size: 0;line-height: 0px;box-sizing: border-box;}
.filterTopArea .rankArea li {list-style: none;display: inline-block;position: relative;font: 15px/49px  Helvetica, sans-serif;color: #454545;text-align: center;vertical-align: top;height: 49px;padding: 0 6px;box-sizing: border-box;}
.filterTopArea .rankArea li span{width: 0;height: 0;border-style: solid;line-height: 0;position: absolute;}
.filterTopArea .rankArea li.selected {color: #D62872;}
.filterTopArea .rankArea li.selected .triangleDown{border-color: #D62872  transparent transparent transparent;}
.filterTopArea .rankArea li.selected .triangleUp{border-color: transparent transparent #D62872 transparent;}
.filterTopArea .rankArea #price .triangleUp{top: 20px;right: calc(50% - 24px);}
.filterTopArea .rankArea #price .triangleDown{top: 26px;right: calc(50% - 24px);}
.filterTopArea .rankArea #price .triangleUp.gray{border-color: transparent transparent #939393 transparent;}
.filterTopArea .rankArea #price .triangleDown.gray{border-color: #939393 transparent transparent transparent;}
.filterTopArea .rankArea #filterBtn .triangleDown{right: calc(50% - 24px);top: 22px;}
.filterTopArea .rankArea #switchingBtn::after {background-color: #b3b3b3;width: 1px;height: 32px;content: '';position: absolute;top: calc(50% - 16px);left: -1px;}
.filterTopArea .rankArea #switchingBtn b {background-image: none;width: 18px;margin: 0;padding: 0px;position: absolute;}
.filterTopArea .rankArea #switchingBtn .fourCardType {background-color: #FFFFFF;height: 2px;border-top: 8px solid #b3b3b3;border-bottom: 8px solid #b3b3b3;top: calc(50% - 9px);left: calc(50% - 9px);}
.filterTopArea .rankArea #switchingBtn .fourCardType::after {background-color: #FFFFFF;width: 2px;height: 18px;content: '';position: absolute;top: calc(50% - 9px);left: calc(50% - 1px);}
.filterTopArea .rankArea #switchingBtn .itemizedType{background-color: #b3b3b3;height: 18px;top: calc(50% - 9px);left: calc(50% - 9px);}
.filterTopArea .rankArea #switchingBtn .itemizedType::before{background-color: #fafafa;width: 2px;height: 18px;content: '';position: absolute;top: 0px;left: 3px;z-index: 2;}
.filterTopArea .rankArea #switchingBtn .itemizedType::after{background-color: #b3b3b3;width: 18px;height: 5px;content: '';border-top: 2px solid #fafafa;border-bottom: 2px solid #fafafa;position: absolute;top: 4px;left: 0px;}

/**商品排序(綜合推薦\館長推薦、新上市、銷量、價格、篩選*、圖片列表切換)**/
.filterTopArea .rankArea #rankingBtn,
.filterTopArea .rankArea #accurate {width: 27%;}
.filterTopArea .rankArea #newArrive{width: 22%;}
.filterTopArea .rankArea #hotSale {width: 18%;}
.filterTopArea .rankArea #price {width: 16%;} 
.filterTopArea .rankArea #filterBtn {width: 16%;}
.filterTopArea .rankArea #switchingBtn{width: 44px;position: absolute;right: 0;padding: 0 4px;}

/**商品排序(新上市、銷量、價格、篩選、圖片列表切換)**/
.filterTopArea .fornewArriveArea #newArrive {width: 30%;}
.filterTopArea .fornewArriveArea #hotSale{width: 20%;}
.filterTopArea .fornewArriveArea #price {width: 20%;} 
.filterTopArea .fornewArriveArea #filterBtn {width: 20%;}

/**商品排序(館長推薦、價格、篩選、圖片列表切換)**/
.filterTopArea .forAccurateArea #accurate {width: 35%;}
.filterTopArea .forAccurateArea #price {width: 30%;} 
.filterTopArea .forAccurateArea #filterBtn {width: 25%;}

/*任選(館長推薦、價格、篩選)*/
.filterTopArea .optionalArea {position:relative}
.filterTopArea .optionalArea:before {content:'';display: inline-block;width: 100%;background: #e1e1e1;height: 1px;position: absolute;left: 0px;top: 0px;}
.filterTopArea .optionalArea #accurate {width:calc(100% / 3)}
.filterTopArea .optionalArea #price {width:calc(100% / 3)} 
.filterTopArea .optionalArea #filterBtn {width:calc(100% / 3)}

/* 20220310_EC小網_篩選更多頁改UI */
.advancedFilterbox {width:100%;height:100%;box-sizing:border-box;overflow-y:auto;display:none;background-color: #ffffff;z-index: 1000;padding: 44px 0 100px 0;position: fixed;top: 0;left: 0;}
.advancedFilterbox .titleBox{width: 100%; height: 44px; text-align: center; background-color: #fafafa; color: #454545; font:bold 17px/44px var(--main-font); position: fixed; top: 0; left: 0; z-index: 3;}
.advancedFilterbox .titleBox .cancelBtn{display: inline-block;height: 34px;left: 12px;top: 5px;position: absolute;width: 34px;background: url("/ecm/img/cmm/menu/header_close.svg") no-repeat center/24px;}
.advancedFilterbox .titleBox .resetBtn{font: 15px/34px var(--main-font);background: transparent;height: 34px;box-sizing: border-box;position: absolute;right: 12px;top: 5px;border: 0px;padding: 0;color: #454545;}
.advancedFilterbox ul,
.advancedFilterbox ul li {margin:0px; padding:0px; list-style:none}
.advancedFilterbox .advancedType1{width: 100%;margin:0px;}
.advancedFilterbox .advancedType1 .classification{padding: 0 12px 15px 12px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;}
.advancedFilterbox .advancedType1 .classification p{margin: 0;font: 17px/28px var(--main-font);padding: 10px 0 0 0;}
.advancedFilterbox .advancedType1 .classification ul {width:100%; vertical-align:top; display:inline-block; font-size: 0;}
.advancedFilterbox .advancedType1 .classification ul li{min-width:80px;display: inline-block; margin:10px 10px 0 0; box-sizing: border-box; text-align: center; font: 15px/32px var(--main-font); height: 34px; overflow: hidden; padding: 0 5px; background-color: #ffffff; border-radius: 4px; cursor:pointer; color: #000000; border:1px solid #dbdbdb; position: relative;}
.advancedFilterbox .advancedType1 .classification ul .selected {background-color:#FFFFFF; color:var(--momo-color); border-color:var(--momo-color)}
.advancedFilterbox .advancedType1 .classification ul .selected span {width:0px; height:0px; border-top:13px solid rgba(44, 44, 44, 0); border-right:13px solid var(--momo-color); position:absolute; bottom:0px; right:0px}
.advancedFilterbox .advancedType1 .classification ul .selected span::after {width:2px; height:5px; background-color:#FFFFFF; content:''; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; left:7px; top:-6px}
.advancedFilterbox .advancedType1 .classification ul .selected span::before {width:9px; height:2px; background-color:#FFFFFF; content:''; transform:rotate(-55deg); -webkit-transform:rotate(-55deg); position:absolute; top:-6px; left:7px}
.advancedFilterbox .advancedType2{width: 100%;display: inline-block; font-size:0; position:relative;padding: 10px 12px;box-sizing: border-box;border-bottom: 10px solid #f2f2f2;}
.advancedFilterbox .advancedType2 .priceRange{width: 75%; display: inline-block; text-align: right;}
.advancedFilterbox .advancedType2 .priceRange::after{content:'-'; width: 10px; height: 34px; font: 15px/34px var(--main-font); color: #000000; position: absolute; top: 9px; right: 122px;text-align: center;}
.advancedFilterbox .advancedType2 .priceRange input {background-color:#ffffff; width:110px; font:15px/34px var(--main-font); color:#888888; text-align:center; margin:0px 0px 0px 10px; padding:0px 5px; border:1px solid #dbdbdb; border-radius:4px; position:relative;height: 34px;box-sizing: border-box;margin: 0px 0px 0px 10px;}
.advancedFilterbox .advancedType2 .priceRange input::placeholder{color: #dbdbdb;}
.advancedFilterbox .advancedType2 p{font:17px/34px sans-serif; text-align: left; width: 25%; display: inline-block; margin: 0;}
.advancedFilterbox .attributesListArea ul li {height:48px; padding:0px 12px; border-bottom:1px solid #f5f5f5; cursor:pointer; position:relative;display: flex;justify-content: space-between;}
.advancedFilterbox .attributesListArea ul li .attributesName {width:100px; font:17px/48px var(--main-font); white-space:nowrap; text-overflow:ellipsis; margin:0px; padding:0px; overflow:hidden; position:relative; z-index:2}
.advancedFilterbox .attributesListArea ul li .selectDetail {width:calc(100% - 100px); font:15px/48px var(--main-font); color:#888888; text-align:right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; z-index:1}

.advancedFilterbox .closeadvancedFilterBox {background-color:#ffffff; width:100%; height:auto; padding:6px 12px; box-sizing:border-box; position:fixed; bottom:0px; left:0px;font-size: 0;z-index: 5;}
.advancedFilterbox .closeadvancedFilterBox a{width: 100%; height: 48px; display: inline-block; font:bold 17px/48px var(--main-font); text-align: center; border-radius: 3px; cursor: pointer; box-sizing: border-box; margin: 0;border-radius: 24px;}
.advancedFilterbox .closeadvancedFilterBox a.determineBtn{background-color: var(--momo-color); color: #ffffff;}

/* 分類浮層 */
.attributesFL{bottom: -100%;z-index: 6;position: fixed;background: #ffffff;left: 0px;width: 100%;border-radius: 12px 12px 0px 0px;}
.attributesFL .attributesTitle{text-align: center; background-color: #ffffff; color: #454545; font:bold 17px/50px var(--main-font);position: relative;border-radius: 12px 12px 0 0;}
.attributesFL .attributesTitle .closeBtn{display: inline-block;height: 34px;left: 15px;top: 8px;position: absolute;width: 34px;background: url("/ecm/img/cmm/menu/header_close.svg") no-repeat center/24px;}
.attributesFL .attributesTitle .resetBtn{font: 15px/34px var(--main-font);background: transparent;height: 34px;box-sizing: border-box;position: absolute;right: 15px;top: 8px;border: 0px;padding: 0;color: #454545;}
.attributesFL .floatContent{max-height: 456px;    display: inline-block;width: 100%;margin: 0px;box-sizing: border-box;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 0px;overflow-x: hidden;vertical-align: top;}
.attributesFL .floatbtnArea{padding: 6px 12px;box-sizing: border-box;display: inline-block;width: 100%;margin: 0px;text-align: center;font-size: 0px;}
.attributesFL .floatbtnArea .comfirmBtn{background: var(--momo-color);color: #ffffff;border-radius: 25px;display: inline-block;width: 100%;margin: 0px;padding: 0px;font: bold 17px/49px var(--main-font);border: none;border-top: 1px solid #f2f2f2;box-sizing: border-box;text-align: center; }
.attributesFL .attributesList{padding: 0 12px;box-sizing: border-box;}
.attributesFL .attributesList dl{margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.attributesFL .attributesList dd{margin: 0;font:15px/48px var(--main-font);width: 50%;display: inline-block;box-sizing: border-box;cursor: pointer;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 0 30px;}
.attributesFL .attributesList dd::before{content:"";display: none;background: url("/img/checkIcon_pink.svg")no-repeat center/18px;width: 18px;height: 48px;position: absolute;left: 10px;top: 0;}
.attributesFL .attributesList dd.selected{color: var(--momo-color);}
.attributesFL .attributesList dd.selected::before{display: block;}
.advancedFilterbox .filterBk{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index:5;}

/*-----分類篩選屬性選單-----*/
.filterBotArea{width: 100%;margin: 0px;padding: 0;border: 0; background: #fafafa;}
.filterBotArea .filterMenu{width: 100%;height: 50px;padding: 10px 12px 0 12px;box-sizing: border-box;overflow-x: auto;overflow-y: hidden;white-space: nowrap;border-bottom: 1px solid #e1e1e1;}
.filterBotArea .filterMenu.worked{position:absolute;height:51px;border-bottom: 0px;}
.filterBotArea .filterMenu .filterWindow{height: 100%; padding: 0; margin: 0; position: relative;}
.filterBotArea .filterMenu ul{padding: 0; margin: 0; font-size: 0; position: absolute;}
.filterBotArea .filterMenu ul li{list-style: none;background-color: #ededed;display: inline-block;margin: 0 12px 0 0;border-radius: 15px;position: relative;border-width: 1px 1px 0 1px;border-color: #ededed;border-style: solid;line-height: 0px;}
.filterBotArea .filterMenu ul li.selected{background-color: #f2f2f2;border-radius: 15px 15px 0 0;border-color: transparent;height: 40px;}
/*20181225_有篩選紀錄時-->關閉浮層*/
.filterBotArea .filterMenu ul li.filtered{background-color: #FFF3F4;border: 1px solid #d62872;border-radius: 15px;}
.filterBotArea .filterMenu ul li.filtered a{color: #d62872;}
.filterBotArea .filterMenu ul li.filtered a span.triangleDown{border-color: #d62872  transparent transparent transparent;}
.filterBotArea .filterMenu ul li.filtered a span.triangleUp{border-color: transparent transparent #d62872 transparent;}
/*20181225_有篩選紀錄時-->打開浮層*/
.filterBotArea .filterMenu ul li.selected.filtered{border-color: transparent;border-radius: 15px 15px 0 0;background-color: #f2f2f2;}
.filterBotArea .filterMenu ul li a{font: 15px/32px Helvetica, sans-serif;color: #404040;display: inline-block;width: 100%;padding: 0 14px 0 8px;box-sizing: border-box;}
.filterBotArea .filterMenu ul li a p{display: inline-block; margin: 0; padding: 0; max-width: 35px; font: 15px/30px Helvetica, sans-serif;}
.filterBotArea .filterMenu ul li a span{width: 0;height: 0;border-style: solid;line-height: 0;position: absolute;top: 13px;right: 4px;}

/* 篩選_商品分類浮層 */
.filterBotArea .categoryBox{width: 100%;font-size: 0;background-color: #fafafa;display: none;margin: 50px auto 0;box-sizing: border-box;padding: 0 12px 12px 12px;}
.filterBotArea .categoryBox ul{width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; max-height: 50vh; overflow-x: hidden; overflow-y: auto;border-radius: 8px;background: #f2f2f2;}
.filterBotArea .categoryBox ul li{width: 50%; display: inline-block; height: 48px; font: 15px/48px Helvetica, sans-serif; color: #454545; position: relative; box-sizing: border-box;}
.filterBotArea .categoryBox ul li:nth-child(2n){padding: 0 10px 0 0;}
.filterBotArea .categoryBox ul li:nth-child(2n+1){padding: 0 5px 0 10px;}
.filterBotArea .categoryBox ul li p{display: inline-block; margin: 0; padding: 0 0 0 30px; white-space: nowrap; overflow: hidden; font: 15px/48px Helvetica, sans-serif; height: 48px; text-overflow: ellipsis;max-width: calc(100% - 54px)}
/**2019100200073585**/
.filterBotArea .categoryBox ul li p span.truNam {position:initial; font:15px/48px Helvetica, sans-serif; margin: 0px 5px 0px 0px; padding: 0px; max-width:100%; height:auto;}
.filterBotArea .categoryBox ul li span{font: 13px/48px Helvetica, sans-serif; color: #888888; max-width: 53px; position: absolute; display: inline-block; height: 48px;}
.filterBotArea .categoryBox button.backBtn{width: 100%; background-color: #d62872; color: #ffffff; font: 17px/44px sans-serif; text-align: center; border: 0; display: inline-block; height: 44px;border-radius: 24px;margin: 10px 0 0 0;}
.filterBotArea .categoryBox button.backBtn:active{width: 100%; background-color: #BC0753;}

/* 篩選_品牌/適用對象/款式 浮層 */
.filterBotArea .sameFloatType{width: 100%;font-size: 0;background-color: #fafafa;display: none;margin: 50px auto 0;box-sizing: border-box;padding: 0 15px;}
.filterBotArea .sameFloatType ul{width: 100%; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; overflow-x: hidden;background: #f2f2f2;border-radius: 8px;}
.filterBotArea .sameFloatType ul li{width: 50%; display: inline-block; height: 48px; font: 15px/48px Helvetica, sans-serif; color: #000000; position: relative; box-sizing: border-box; }

/* 20220314_篩選_checkbox替換樣式 */
.filterBotArea .sameFloatType ul li input{position: relative; top: -17px; left: 0; display: none}
.filterBotArea .sameFloatType ul li p{display: inline-block; margin: 0; padding: 0; font: 15px/48px var(--main-font); height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 98%;}
.filterBotArea .sameFloatType ul li.selected p{color: #d62872;}
.filterBotArea .sameFloatType ul li .checkBox{display: inline-block; font-size: 0; vertical-align: top; width: 100%; height: 48px; position: relative;}
.filterBotArea .sameFloatType ul li .checkBox label{display: inline-block;  margin: 0; width: 100%; height: 48px; white-space: nowrap; overflow: hidden;padding: 0 0 0 30px;position: relative;box-sizing: border-box;color: #404040;}
.filterBotArea .sameFloatType ul li .checkBox label span{display: inline-block; width: 18px; height: 48px;position: absolute; left: 10px; top: 0px; box-sizing: border-box;}
.filterBotArea .sameFloatType ul li.selected .checkBox label span{border: 0;}
.filterBotArea .sameFloatType ul li .checkBox label span:before{display: none;}
.filterBotArea .sameFloatType ul li.selected .checkBox label span:before{content: "";display: block;background: url("/img/checkIcon_pink.svg")no-repeat center/18px;width: 18px;height: 48px;}

/*篩選_清除&確定按鈕*/
.filterBotArea .sameFloatType .action{width: 100%;margin: 10px 0;padding: 0;box-sizing: border-box;}
.filterBotArea .sameFloatType .action button{width: calc(50% - 5px); border: 0; font: bold 17px/44px Helvetica, sans-serif; display: inline-block; border-radius: 22px;}
.filterBotArea .sameFloatType .action .clearBtn{background-color: #ffffff;color: var(--momo-color);margin: 0 10px 0 0;border: 1px solid var(--momo-color);box-sizing: border-box;}
.filterBotArea .sameFloatType .action .clearBtn:active{background: #ededed;}
.filterBotArea .sameFloatType .action .determineBtn{background-color: #d62872; color: #ffffff; border-top: 1px solid #d62872;}
.filterBotArea .sameFloatType .action .determineBtn:active{background: #BC0753;}
.filterBotArea .sameFloatType .action .clearBtn span{max-width: calc(100% - 80px);}
.filterBotArea .sameFloatType .action span{max-width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: bottom;}

/* 20220530_購買清單改版_商品分類選項浮層 */
/* 篩選_品牌/適用對象/款式 浮層 */
.filterBotArea .categoryFloatType{width: 100%;font-size: 0;background-color: #fafafa;display: none;margin: 50px auto 0;box-sizing: border-box;padding: 0 12px;}
.filterBotArea .categoryFloatType ul{width: 100%; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; overflow-x: hidden;background: #f2f2f2;border-radius: 8px;}
.filterBotArea .categoryFloatType ul li{width: 50%; display: inline-block; height: 48px; font: 15px/48px Helvetica, sans-serif; color: #000000; position: relative; box-sizing: border-box; }
.filterBotArea .categoryFloatType ul li:nth-child(2n){padding: 0 10px 0 0;}
.filterBotArea .categoryFloatType ul li:nth-child(2n+1){padding: 0 5px 0 10px;}
.filterBotArea .categoryFloatType .firstItem,.filterBotArea .sameFloatType .firstItem{border-radius:0px 8px 8px 8px}

/* 20220314_篩選_checkbox替換樣式 */
.filterBotArea .categoryFloatType ul li input{position: relative; top: -17px; left: 0; display: none}
.filterBotArea .categoryFloatType ul li p{display: inline-block; margin: 0; padding: 0; font: 15px/48px var(--main-font); height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 98%;color:#404040}
.filterBotArea .categoryFloatType ul li.selected p{color: #d62872;}
.filterBotArea .categoryFloatType ul li.selected span{color: #d62872;}
.filterBotArea .categoryFloatType ul li .checkBox{display: inline-block; font-size: 0; vertical-align: top; width: 100%; height: 48px; position: relative;}
.filterBotArea .categoryFloatType ul li .checkBox label{display: inline-block; padding: 0; margin: 0; width: 100%; height: 48px; white-space: nowrap; overflow: hidden;padding: 0 0 0 30px;position: relative;box-sizing: border-box;}
.filterBotArea .categoryFloatType ul li .checkBox label span.chk{display: inline-block; width: 18px; height: 48px;position: absolute; left: 10px; top: 0px; box-sizing: border-box;}
.filterBotArea .categoryFloatType ul li.selected .checkBox label span{border: 0;}
.filterBotArea .categoryFloatType ul li .checkBox label span:before{display: none;}
.filterBotArea .categoryFloatType ul li.selected .checkBox label span.chk:before{content: "";display: block;background: url("/img/checkIcon_pink.svg")no-repeat center/18px;width: 18px;height: 48px;}
.filterBotArea .categoryFloatType ul li:nth-child(2n) .checkBox label{left: 2px;}
.filterBotArea .sameFloatType ul li i {display: inline-block;font: 13px/48px var(--main-font);vertical-align: top;color: #888;}
.filterBotArea .sameFloatType ul li.selected i {color: var(--momo-color);}

/*篩選_清除&確定按鈕*/
.filterBotArea .categoryFloatType .action{width: 100%;margin: 10px 0;padding: 0 5px;box-sizing: border-box;}
.filterBotArea .categoryFloatType .action button{width: calc(50% - 5px); height: 44px; border: 0; font: bold 17px/44px Helvetica, sans-serif; display: inline-block; vertical-align: top;border-radius: 22px;}
.filterBotArea .categoryFloatType .action .clearBtn{background-color: #ffffff;color: var(--momo-color);margin: 0 10px 0 0;border: 1px solid var(--momo-color);box-sizing: border-box;}
.filterBotArea .categoryFloatType .action .clearBtn:active{background: #ededed;}
.filterBotArea .categoryFloatType .action .determineBtn{background-color: #d62872; color: #ffffff; border-top: 1px solid #d62872;}
.filterBotArea .categoryFloatType .action .determineBtn:active{background: #BC0753;}
.filterBotArea .categoryFloatType .action .clearBtn span{max-width: calc(100% - 80px);}
.filterBotArea .categoryFloatType .action span{max-width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: bottom;}

/* 20220222_天改灰色第二階段_會員中心天調整 */
.headerTitle{background-color:var(--momo-color);border: 0;color: #ffffff;font: bold 17px/44px var(--main-font);height: 44px;position: sticky; top:0; margin: 0;text-align: center;width: 100%;z-index: 9; display: flex;justify-content: center;align-items: center;}
.headerTitle .titleLeftArrow{background: url(/ecm/img/cmm/mobile/mainWhite/headerArrowLeft_white.svg?t=20220225003) no-repeat center center /auto 24px;display: inline-block;height: 34px;left: 6px;top:5px;position: absolute;width: 34px;}
.headerTitle .titleCloseBtn{background: url(/ecm/img/cmm/mobile/mainWhite/headerClose_white.svg?t=20220225003) no-repeat center center /auto 24px;display: inline-block;height: 34px;right: 6px;top:5px;position: absolute;width: 34px;}
.headerTitle .editBtn{font: bold 15px/34px var(--main-font);color: #fff;width: 44px;height: 34px;box-sizing: border-box;position: absolute;right: 6px;top: 5px;background: transparent;border: 0px;padding: 0;}

.headerTitle.whiteStyle{background-color: #fafafa;color: #454545;}
.headerTitle.whiteStyle .titleLeftArrow{background: url(/ecm/img/cmm/mobile/mainWhite/headerArrowLeft.svg?t=20220225003) no-repeat center center /auto 24px;}
.headerTitle.whiteStyle .titleCloseBtn{background: url(/ecm/img/cmm/mobile/mainWhite/headerClose.svg?t=20220225003) no-repeat center center /auto 24px;}
.headerTitle.whiteStyle .editBtn{color: #454545;}

/* 會員中心共用頁籤 */
.commonTabArea{position: relative;display: flex;width: 100%;font-size: 0;padding: 0;margin: 0;background: #EDEDED;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;height: 50px;z-index: 4;}
.commonTabArea li{list-style: none;text-align: center;flex: 1;}
.commonTabArea li span{font:17px/48px var(--main-font); color:#454545; position:relative; display:block;border-bottom: 2px solid transparent;height: 50px;box-sizing: border-box;}
.commonTabArea .active span{color:var(--momo-color); display:inline-block;border-color: var(--momo-color);font:bold 17px/48px var(--main-font);}

/* IT add fade out alert */
.momoAskTip {display: none;position: fixed;top: -20%;bottom: 0;right: 0;left: 0;margin: auto;padding: 15px 5px;min-width: 35%;max-width: 45%;height: fit-content;background-color: #000;border-radius: 10px;text-align: center;overflow: hidden;opacity: 0.8;z-index: 100002;}
.momoAskTip img {width: 30px;height: auto;}
.momoAskTip p {margin: 0px;padding: 0px;font: bold 14px/20px helvetica;color: #FFF;width: auto;}

/** AsiaYo start **/
/**查訂單、購物車(付款資料)_ Asiayo退訂政策浮層(半版共用浮層)**/
.asyoCont {padding: 20px 15px;box-sizing: border-box;display: flex;align-items: flex-end;font-size: 0px;line-height: 0px;margin: 0px;}
.asyoCont dd {display: inline-block;flex: 1;margin: 0px;padding: 0px;}
.asyoCont dd p {font:13px/20px var(--main-font);text-align: right;display: inline-block;padding: 0px;margin: 0px;width: 100%;box-sizing: border-box;}
.asyoCont dd p:first-child{margin:0 0 5px 0}
.asyoCont dd i {width:100%;height: 10px;margin: 10px 0px 0px 0px;padding: 0px;display: inline-block;font-style: normal;}
.asyoCont dd:first-child i {border-bottom-left-radius: 8px;border-top-left-radius: 8px;}
.asyoCont dd:last-child i {border-bottom-right-radius: 8px;border-top-right-radius: 8px;}
.asyoCont dd:nth-child(1) i {background: #51ABA1;}
.asyoCont dd:nth-child(2) i {background: #F6B43F;}
.asyoCont dd:nth-child(3) i {background: #B16F1B;}
.asyoCont dd:nth-child(4) i {background: #D4902F;}
.asyoCont dd:nth-child(5) i {background: var(--momo-color);}
.asyoCont dd b {font: 13px/20px var(--main-font);width: 100%;text-align: center;margin: 5px 0px 0px 0px;padding: 0px;display: inline-block;}
.asyoCont dd:nth-child(1) b {color: #51ABA1;}
.asyoCont dd:nth-child(2) b {color: #F6B43F;}
.asyoCont dd:nth-child(3) b {color: #B16F1B;}
.asyoCont dd:nth-child(4) b {color: #D4902F;}
.asyoCont dd:nth-child(5) b {color: var(--momo-color);}
.asyocancellationBox .floatbtnArea button {background:var(--momo-color); color:#fff}
/** AsiaYo end **/

/* 熱銷一空、可訂購時通知我、售完補貨中、mm/dd  hh:mm 開賣_搜尋結果頁、分類頁、追蹤清單、補貨通知 */
.prdImgWrap .stateBox,
#prdImgWrap .stateBox {width: 100%; color: rgb(255, 255, 255);text-align: center;position: absolute;left: 0px;background: rgba(0, 0, 0, 0.7);font: 15px/26px var(--main-font);margin: 0px;padding: 0px;bottom: 10px; z-index: 60; height: 7vw; line-height: 7vw;}
#goodsHotsale ul li a .prdImgWrap .moreState,
.itemizedStyle ul li a .prdImgWrap .moreState,
#itemizedStyle ul li a .prdImgWrap .moreState {font-size: 13px;}
.mobileContent2018 #bt_7_242_01 > div ul li .stateBox,
.mobileContent2018 #bt_7_519_01_YouLike .stateBox {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;font-size: 13px;}

.wishList .stateBox {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}

.itemizedStyle .stateBox {width: 100%; color: rgb(255, 255, 255);text-align: center;position: absolute;left: 0px;background: rgba(0, 0, 0, 0.7);font: 15px/26px var(--main-font);margin: 0px;padding: 0px;bottom: 10px; z-index: 60; height: 25px;}

/*熱銷一空、可訂購時通知我、售完補貨中_買過清單*/
.directoryPrdListArea ul li a .prdImgWrap .stateBox {width: 100%;max-width: 200px;color: rgb(255, 255, 255);text-align: center;position: absolute;left: 0px;background: rgba(0, 0, 0, 0.7);font: 15px/26px Helvetica, sans-serif;margin: 0px;padding: 0px;bottom: 0px;}

/* 20220616_商品頁文案UI卡片式 */
.preOrderArea{padding: 8px 15px;box-sizing: border-box;background: linear-gradient(180deg,rgba(255,255,255,0),#FFF);width: 100%;z-index: 2;position: fixed;bottom: 50px; left:0;transition:  all 0.3s ease-in-out;}
.preOrderArea .innerArea{background: linear-gradient(45deg,#FFAA3B,#FF9203);border-radius: 8px;padding: 4px 15px;box-sizing: border-box;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2),inset 0px 1px 0px rgba(255, 255, 255, 0.4);display: flex;justify-content: center;align-items: center;}
.preOrderArea .innerArea p{font:bold 14px/20px var(--main-font);color: #fff;margin: 0; text-align: center;}
.preOrderArea .innerArea img + p{margin: 0 0 0 25px; text-align: left;}
.preOrderArea .innerArea img[src=""] + p{margin: 0;}
.preOrderArea.animationTxt{bottom: -60px;}
/*20180411新增品牌旗艦館*/
.brandtrackArea{width:100%; padding: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;}
.brandtrackArea.flagship { padding:9px 15px 15px;}
.brandtrackArea.brandPage {padding: 15px 15px 5px;}
.brandtrackArea .brandtrack .brand{width: 100%;display: inline-flex;}
.brandtrackArea .brandtrack {height:auto;background:#fff;box-shadow: 1px 0px 8px 0px rgb(50 50 50 / 20%);border-radius: 8px;display: inline-flex;position: relative;line-height: 0px;align-items: center;font-size: 0px;min-width: 75%;margin: 0px 10px 0px 0px;white-space: normal;width: 100%;padding: 15px 20px 15px 15px;}
.brandtrackArea .brandtrack:last-child {margin:0px}
.brandtrackArea .brandtrack .brandPic{width:48px;height:48px;padding: 0px;margin: 0px 10px 0px 0px;display: inline-block;}
.brandtrackArea .brandtrack .brandPic img{width:100%;border-radius: 4px;}
.brandtrackArea .brandtrack .brandTxt {width: calc(100% - 131px);display: inline-block;box-sizing: border-box;margin: 0px;padding: 0px;vertical-align: top;flex: 1;}
.brandtrackArea .brandtrack .brandTxt .brandTitle{font: bold 15px/20px var(--main-font);color: #454545;word-break: break-all;text-overflow: ellipsis;overflow: hidden;margin: 0px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.brandtrackArea .brandtrack .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;}
.brandtrackArea .next{display: inline-block;position: absolute;top: calc(50% - 5px);right: 10px;}
.brandtrackArea .next img{width:7px;height:10px;}
.brandtrackArea .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;}
.brandtrackArea .brandShop::before,
.brandtrackArea .brandShop::after {content: "";display: block;background: #727272;width: 2px;height: 7px;position: absolute;right: 3px;border-radius: 8px;}
.brandtrackArea .brandShop::before{transform: rotate(-45deg);top: 18px;}
.brandtrackArea .brandShop::after{transform: rotate(45deg);top: 22px;}
.brandtrackArea .addBrands {float: right;background: url(/ecm/img/cmm/mobile/brandTrack/trackHeart.svg) no-repeat center 6px/ 23px auto;height: 48px; width: 36px; text-align: center;}
.brandtrackArea .addBrands i {font: 12px/15px var(--main-font);color: #454545;;display: inline-block;margin: 30px 0px 0px 0px;}
.brandtrackArea .addBrands.selected {background-image: url(/ecm/img/cmm/mobile/brandTrack/trackHeart_selected.svg);}
.brandtrackArea .addBrands.selected i {color:var(--momo-color)}
.brandtrackArea .brandtrack .brandTxt .brandTitleDiv{display: flex; align-items: center;}
.brandtrackArea .brandtrack .brandTxt {display: flex; flex-direction: column;}
.brandtrackArea .brandtrack .brandTxt .store-visit {display: flex; align-items: center;}
.brandtrackArea .brandtrack .brandTxt .store-visit-text {font: 13px/24px var(--main-font); color: #888888; margin-right: 4px;}
.brandtrackArea .brandtrack .brandTxt .chevron-right {background: url(https://muat12.momoshop.com.tw/ecm/img/cmm/chevron-right.svg);background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; display: inline-block;}

/* 20221208 小網頁面,追蹤清單 & 補貨通知 & 買過清單 圓標、上下標 */
.prdImgWrap { position: relative; }
.prdImgWrap .imgTag,
.prdImgWrap .imgTagBottom,
.prdImgWrap .imgTagRectangle{height: auto;display:block;position:absolute;left:0;margin:0;padding:0; z-index: 2; pointer-events: none;}
.prdImgWrap .imgTag {width:28%;top:0;}
.prdImgWrap .imgTagRectangle{width: 75%;top:0;}
.prdImgWrap .imgTagBottom{width: 100%; bottom: 0;}
.prdImgWrap .imgTag img,
.prdImgWrap .imgTagBottom img,
.prdImgWrap .imgTagRectangle img {width:100% !important;height:auto !important;display:block;margin:0;padding:0;border-radius: 0px !important; max-width: none !important;}
.shoperrorArea {border: 0;}

/** checkbox 統一修正 */
/* 20230704 yvtseng */
.form-check-label{display:flex;align-items:center;position:relative;margin-bottom:.5em;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.form-check-label .form-check-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.form-checkmark,.form-checkmark-child{position:relative;display:inline-block;box-sizing:border-box;vertical-align:middle;height:18px;width:18px;margin:0.5em 1em;background-color:#fff;border:1px solid #D7D7D7;outline:2px solid #ffffff;border-radius:4px;transition:.3s}
.form-check-text{display:inline-block;vertical-align:middle}
.form-check-text p{margin:0;padding:0}
.form-check-label:hover .form-check-input ~ .form-checkmark,.form-check-label:hover .form-check-input ~ .form-checkmark-child{border:1px solid #D7D7D7;outline:2px solid #f2f2f2}
.form-check-label .form-check-input:checked ~ .form-checkmark{background-color:#d62872;border-color:#d62872}
.form-check-label .form-check-input:checked ~ .form-checkmark-child{background-color:#ffffff}
.form-check-label .form-check-input:checked:disabled ~ .form-checkmark{background-color:#ededed;border-color:#d7d7d7}
.form-check-label .form-check-input:checked:disabled ~ .form-checkmark-child{background-color:#ededed;border-color:#d7d7d7}
.form-check-label .form-check-input:disabled ~ .form-checkmark,.form-check-label .form-check-input:disabled ~ .form-checkmark-child{background-color:#ededed;border-color:#d7d7d7;outline:2px solid #ffffff}
.form-checkmark:before,.form-checkmark:after,.form-checkmark-child:before,.form-checkmark-child:after{content:"";position:absolute;display:none}
.form-check-label .form-check-input:checked ~ .form-checkmark:before,.form-check-label .form-check-input:checked ~ .form-checkmark:after,.form-check-label .form-check-input:checked ~ .form-checkmark-child:before,.form-check-label .form-check-input:checked ~ .form-checkmark-child:after{display:block}
.form-check-label .form-checkmark:before,.form-check-label .form-checkmark:after,.form-check-label .form-checkmark-child:before,.form-check-label .form-checkmark-child:after{background-color:#fff;width:2px;border-radius:2px}
.form-check-label .form-checkmark-child:before,.form-check-label .form-checkmark-child:after{background-color:#727272}
.form-check-label .form-check-input:disabled ~ .form-checkmark-child:before,.form-check-label .form-check-input:disabled ~ .form-checkmark-child:after{background-color:#727272}
.form-check-label .form-checkmark:before,.form-check-label .form-checkmark-child:before{height:10px;left:8px;top:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.form-check-label .form-checkmark:after,.form-check-label .form-checkmark-child:after{height:5px;top:7px;left:4px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.form-radiomark {position: relative;display: inline-block;vertical-align: middle;height: 18px;width: 18px;margin: 0.5em 1em;background-color: #fff;border: 1px solid #d9d9d9;outline: 2px solid #ffffff;border-radius: 50%;transition: .3s}
.form-check-label:hover .form-check-input ~ .form-radiomark{border:1px solid #d7d7d7;outline:2px solid #f2f2f2}
.form-check-label .form-check-input:checked ~ .form-radiomark {background-color: #ffffff;border-color: #d9d9d9}
.form-check-label .form-check-input:checked:disabled ~ .form-radiomark{background-color:#ffffff;border-color:#d7d7d7;opacity:0.5}
.form-check-label .form-check-input:disabled ~ .form-radiomark{background-color:#ffffff;border-color:#f2f2f2;outline:2px solid #ffffff}
.form-radiomark:after{content:"";position:absolute;display:none}
.form-check-label .form-check-input:checked ~ .form-radiomark:after{display:block}
.form-check-label .form-radiomark:after{top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:#d62872}
.form-check-label .form-check-input:checked:disabled ~ .form-radiomark:after{background:#EDEDED}

/* 20230325 浮層按鈕圓角統一 */
/* 20230704 yvtseng */
.btn-radius-wrapper .btn-radius-item { border: 1px solid transparent; border-radius: 24px; font: bold 17px/42px var(--main-font); }
.btn-radius-wrapper .floatbtnArea { /*border-top: 1px solid #F2F2F2;*/ padding: 10px 15px; }
.btn-radius-wrapper .floatbtnArea.border-top-none { border-color: transparent; }
.btn-radius-wrapper .floatbtnArea .btn-radius-item { border: 1px solid #EDEDED; border-radius: 24px; font: bold 17px/42px var(--main-font);width: 100%; }
.btn-radius-wrapper .floatbtnArea.btn-radius-group .btn-radius-item { width: calc((100% - 10px) / 2) }
.btn-radius-group .btn-radius-item + .btn-radius-item { margin-left: 10px; }
.floatbtnArea.btn-radius-group .enter { border-color: transparent; }
.btn-radius-wrapper .floatbtnArea .enter { border-color: transparent; background-color: var(--momo-color);color: #ffffff; }
.btn-radius-wrapper .floatbtnArea .add-cart {color: #ffffff;background-color: #1C6FBC;}
.btn-radius-wrapper .floatbtnArea .to-checkout {color: #ffffff;background-color: var(--momo-color);}

/* 20230419 全版浮層按鈕圓角統一 */
/* 20230704 yvtseng */
.specificationBox .btnArea.btn-radius-wrapper { box-sizing: border-box; border-top: 1px solid #F2F2F2; padding: 10px 15px; font-size: 0; }
.specificationBox .btnArea.btn-radius-wrapper .btn-radius-item { border: 1px solid transparent; border-radius: 24px; font: bold 17px/42px var(--main-font); }
.specificationBox .btnArea.btn-radius-wrapper .enter, .specificationBox .btnArea.btn-radius-wrapper .cancel, .specificationBox .btnArea.btn-radius-wrapper .addCar_inbox, .specificationBox .btnArea.btn-radius-wrapper .checkout_inbox { float: none; }
.specificationBox .btn-radius-wrapper .btn-radius-group .btn-radius-item { width: calc((100% - 14px) / 2) }
.specificationBox .btn-radius-wrapper .btn-radius-group .btn-radius-item + .btn-radius-item { margin-left: 10px; }
.specificationBox .btn-radius-wrapper.border-top-none { border-color: transparent; }

/* Tags*/
.prdNameWrapper { position: relative; margin-top: 5px;}