/* CSS Document */
@charset "UTF-8";
body {margin:0px; padding:0px; font-size:13px; font-family:var(--primary-font-family); color:#333333}
/*h2 {color:#fff}*/ /** 品牌館 #fff、型男館 #666 **/
h2 b {font-family:Century Gothic; font-size:18px; vertical-align:middle}
ul li {list-style:none}
a {text-decoration:none; display:inline-block}

.priceArea {color:#D62672; margin:0}
.price {font-weight: normal; font-family:Century Gothic; font-size:22px; margin-left:3px;line-height: 1;}
.prdname {color: #666 ; font: 13px/18px var(--primary-font-family); overflow: hidden; text-decoration: none; display:inline-block}
.lbtclass {}
.lbtclass a img {vertical-align:top; border:0px}
.w1120Area {width:1220px; margin:0px auto}


/* Head */
/** 20170316 **/
.topWrap { height:160px}
.topArea {background-color:#B19FA8; height:160px; border-bottom:1px solid #333333; position:relative; top:0px}
.topArea::before {background-color:#000000; width:100%; height:40px; content:''; position:absolute; bottom:0px; left:0px}
.topArea .w1120Area {background-color:#B19FA8; height:160px; margin:0px auto; padding:0px; position:relative}
.topArea .logoImg {background-color:#5E4752; width:270px; height:160px; display:inline-block; position:relative}
.topArea .logoImg::before {background-color:rgba(0,0,0,0.3); width:100%; height:100%; content:''; position:absolute; top:0px; left:0px; z-index:1}
.topArea .logoImg::after {background-color:rgba(0,0,0,0.5); width:100%; height:40px; content:''; position:absolute; bottom:0px; left:0px; z-index:2}
.topArea .logoImg img {position:relative; z-index:3}

.topArea .leftMenu {margin:0px; padding:0px; list-style:none; position:absolute; top:23px; left:285px}
.topArea .leftMenu li {display:inline-block}
.topArea .leftMenu li a {font:12px/16px var(--primary-font-family); color:#FFFFFF; padding:1px 0px 0px 7px; display:inline-block; position:relative}
.topArea .leftMenu li a::before {background-color:#FFFFFF; width:1px; height:12px; content:''; position:absolute; top:3px; left:0px}
.topArea .leftMenu li:first-child a {padding:0px}
.topArea .leftMenu li:first-child a:before {display:none}
.topArea .rightMenu {margin:0px; padding:0px; list-style:none; position:absolute; top:18px; right:4px}
.topArea .rightMenu li {font:12px/24px var(--primary-font-family); color:#FFFFFF; padding:0px 7px 0px 3px; display:inline-block; position:relative;}
.topArea .rightMenu li a {font:12px/24px var(--primary-font-family); color:#FFFFFF}
.topArea .rightMenu li::before {background-color:#FFFFFF; width:1px; height:12px; content:''; position:absolute; top:6px; right:0px}
.topArea .rightMenu li:first-child, .topArea .rightMenu li:nth-child(2) {float:right; padding:0px}
.topArea .rightMenu li.checkout::before,
.topArea .rightMenu li:last-child::before {display:none}
.topArea .rightMenu li.checkout a { background-color:#000000; width:75px; height:24px; text-align:center}
.topArea .rightMenu .hideMenu {display:none; margin:0 0 0 10px; vertical-align:middle}
.topArea .rightMenu .hideMenu .hideMenuBtn {width:28px; height:28px; background:#000000; border-radius:3px; cursor:pointer; margin:0px; top:-2px; position:relative}
.topArea .rightMenu .hideMenu .hideMenuBtn span {width: 18px; height: 2px; background: #fff; position: absolute; left: 5px; top: 13px} 
.topArea .rightMenu .hideMenu .hideMenuBtn span::before {content:'';width: 18px; height: 2px; background: #fff; position: absolute; left: 0px; top: 6px} 
.topArea .rightMenu .hideMenu .hideMenuBtn span::after {content:'';width: 18px; height: 2px; background: #fff; position: absolute; left: 0px; top: -6px} 
.topArea .rightMenu .hideMenu .hideMenuBtn .closeArrow {width: 25px; height: 25px; display: none; background: #00f none repeat scroll 0 0}
.topArea .rightMenu .hideMenu .hideMenuBtn.selected {width:35px; height:65px; background:#000; top:-20px}
.topArea .rightMenu .hideMenu .hideMenuBtn.selected .closeArrow {width: 30px; height: 60px; display: inline-block; background: rgba(0, 0, 0, 0) url("https://www.momoshop.com.tw/ecm/img/de/0/bt_0_150/gotop_arrow.png") no-repeat scroll center 17px; color: #d5d5d5;
 font: 12px/20px var(--primary-font-family); padding: 30px 0 0 2px; text-align: center}
.topArea .rightMenu .hideMenu .hideMenuBtn.selected span {display:none}
.loginTxt{margin: 0px;width: auto;left: 0px;top: 3px;}
/** 登入&登出狀態 **/
/*.topArea .rightMenu .membername {display:none}*/
.topArea .rightMenu .logState a {padding:0; position:relative}
.topArea .rightMenu .logState .logout {display:none}
.topArea .rightMenu .logState .login:before {content:"/"; padding:0 0 0 25px; position:absolute}
.topArea .rightMenu .logState .register {padding:0 0 0 7px}
.topArea .rightMenu.loginState .membername {display:inline-block; color:#ec0a8f}
.topArea .rightMenu.loginState .membername:before {background-color:transparent}
.topArea .rightMenu.loginState .logState .logout {display:inline-block}
.topArea .rightMenu.loginState .logState .login, .topArea .rightMenu.loginState .logState .register {display:none}

.topArea .searchArea {background-color:#7C6F75; width:435px; border:1px solid #707070; position:absolute; top:60px; right:4px; display: flex;align-items: center;font-family: var(--primary-font-family);border-radius: 18px;}
.topArea .searchArea button {background: url(/ecm/img/cmm/brand/searchBtnBk.svg?t=20230705001) no-repeat left center; width: 34px; height: 24px; border: 0px; cursor: pointer;}
.topArea .searchArea input {background-color:#7C6F75;font-size: 15px; color:#FFFFFF; padding:6px 5px 6px 15px; border:0px;font-family: var(--primary-font-family);line-height: 20px;flex: 1;border-radius: 18px 0 0 18px;}
.topArea .searchArea select {background-color:transparent;font-size: 13px;color:#FFFFFF;padding:0px 22px 0px 0px;border:0px;position:relative;z-index:2;appearance:none;-moz-appearance:none;-webkit-appearance:none;display: none;font-family: var(--primary-font-family);}
.topArea .searchArea select::-ms-expand {display:none}
.topArea .searchArea select option {background-color:#7C6F75}
.topArea .firstMenu {height:40px;position:absolute;bottom:0px;right: 0px;}
.topArea .firstMenu ul {margin:0px; padding:0px; list-style:none}
.topArea .firstMenu ul li {font:14px/40px var(--primary-font-family); color:#FFFFFF; display:inline-block; cursor:default; cursor:pointer;}
.topArea .firstMenu ul li span {padding:0px 12px; display:block;}

.topArea .rightMenu .loginTxt::before {background-color: transparent}
.topArea .searchBk {display: flex;flex: 1;}
.topArea .dropdown {font-size: 15px; line-height: 20px; color: #888888; display: inline-block; position: relative; font-family: var(--primary-font-family); flex: 0 0 110px;}
.topArea .dropdown.hide {display: none;}
.topArea .btn-secondary {padding: 6px 30px 6px 5px;background-color: #7C6F75;color: #B19FA8;position: relative;}
.topArea .btn-secondary::after {width: 20px;height: 20px;background-image: url(/ecm/img/cmm/chevron-small-down-purple.svg);background-repeat: no-repeat;background-size: cover;position: absolute;right: 10px;top: 6px;display: block;content: "";}
.topArea .btn-secondary.icon-rotate::after {transform: rotate(180deg);}
.topArea .dropdown-menu {position: absolute; border-radius: 4px; background-color: #ffffff; box-shadow: 3px 3px 10px #0000001A; border: 1px solid #EDEDED; z-index: 900; top: 32px; right: 0;margin: 0;padding: 0;}
.topArea .dropdown-item {font-size: 15px; padding: 12px 12px 12px 34px; white-space: nowrap; color: #454545; display: block;transition: all ease 0.3s;display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.topArea .dropdown-item.select {color: #454545; font-weight: bold; background-image: url(/ecm/img/cmm/check.svg); background-position: 6px 10px; background-repeat: no-repeat; background-size: 24px 24px;}
.topArea .dropdown-item:hover,
.topArea .dropdown-item.select:hover {background-color: #FAFAFA; color: #D62872; font-weight: bold;}
.topArea .dropdown-item::after {content: attr(data-text); content: attr(data-text) / ""; height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: bold;}
.topArea .dropdown-menu.hide {display: none;}

/** 20170316 **/
/** .topArea.topFix {width:100%; height:50px; overflow:hidden; border-bottom:0px; position:fixed; z-index:100; border-bottom:0px} */
.topArea.topFix {width:100%; height:50px; border-bottom:0px; position:fixed; z-index:100; top:0px; border-bottom:0px;}
.topArea.topFix::before {display:none}
.topArea.topFix .searchArea {width:340px}
.topArea.topFix .searchArea::before {left:210px}
.topArea.topFix .searchArea input {width:175px}
.topArea.topFix .leftMenu {left:350px; top:17px}
.topArea.topFix .rightMenu {top:14px}
.topArea.topFix .firstMenu {top:50px;display: none;}
.topArea.topFix .w1120Area {height: 50px;}
.topArea.topFix #bt_5_layout_b122 {display: none;}
.topArea .leftMenu li.brandIndex {display:none}
.topArea.topFix .leftMenu li.brandIndex {display:inline-block}
.topArea .subMenu {width:775px; border: 1px solid #000; /*max-height:340px;*/ display:none; background:rgba(255,255,255,0.9); box-sizing:border-box; position: absolute; right: 0; top: 40px; z-index: 1}
.topArea .subMenu ul {margin:10px 0 5px 5px; padding:0}
.topArea .subMenu ul li {width:33%; display:inline-flex; font:13px/24px var(--primary-font-family); cursor:pointer; padding:0 1px}
.topArea .subMenu ul li:nth-child(3n+1) {width:32%}
.topArea .subMenu ul li a {width: 100%; padding: 0 5px; color:#434343}
.topArea .subMenu ul li a:hover {background:#000; color:#fff}
.topArea .firstMenu ul li.selected {background:#eee; color:#000}
.topArea .subMenu.selected, .topArea .subMenu.show {display:block;z-index:2}
.topArea.topFix.showMenu .subMenu.selected {top:40px}
.topArea .letterClassification {font: 13px/24px var(--primary-font-family)}
.topArea .letterClassification ul {margin:0px 0 5px 5px; padding:0; display:block; width:98%}
.topArea .letterClassification ul li:first-child {width:33%; padding:0 5px; display:block; color:#fff; background:-moz-linear-gradient(left,rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%)}
.topArea .letterClassification ul li {width:33%; margin:0; padding:0px; display:inline-flex}
.topArea .letterClassification ul li a{width:100%; padding:0 5px; cursor:pointer}
.topArea .letterClassification ul li a:hover {background:#000; color:#fff}
.topArea .letterClassification ul li:nth-child(3n+1) {width:32%}

.topArea .letterClassification .letterList_0 {height:32px; z-index:5}
.topArea .letterClassification .letterList_0 .letterList {width:773px; background: #fff; text-align: center; border-bottom: 2px solid #000; box-sizing: border-box; display: inline-flex; margin: 0; padding: 0; overflow:hidden} /** ; border-top: 1px solid #eee **/
.topArea .letterClassification .letterList_0 .letterList li {height:30px; background:#fff; display:inline-block; margin:0; padding:0; box-sizing: border-box; color: #999; flex-grow:1; flex-wrap:nowrap }
.topArea .letterClassification .letterList_0 .letterList li a {height:24px; vertical-align:middle; border-left: 1px solid #999; cursor:pointer; padding:3px 0}
.topArea .letterClassification .letterList_0 .letterList li:first-child a {border:none} 
.topArea .letterClassification .letterList_0 .letterList li a:hover {border:1px solid #000}
.topArea .letterClassification .letterList_0_layout {height:300px; overflow-y:auto; position:relative}
.topArea .letterClassification .letterList_0_layout ul:first-child {margin-top:5px}
.topArea .subMenu.letterClassification.selected {display:block}

.topArea.topFix.showMenu {height:90px; overflow:visible; display:block}
.topArea.topFix.showMenu:before {display:block}
.topArea.topFix .searchArea {top:10px; left:0}
.topArea.topFix .firstMenu.hide.showMenu {display:block}
.topArea.topFix.showMenu::before {background:#000}
.topArea .firstMenu.showMenu {display:block; background:#000; top:50px}
.topArea.topFix.showMenu .subMenu {top:90px}
.topArea.topFix .leftMenu li.brandIndex, .topArea.topFix .rightMenu .hideMenu {display:inline-block}
.topArea .logoImg.hide, .topArea .firstMenu.hide, .topArea .leftMenu li.momoMall.hide, .topArea .leftMenu li.appDownload.hide, .topArea .leftMenu li.clickSave.hide {display:none}
@media screen\0 {/** 針對IE9/10/11 **/
	.topArea .searchArea input {height:31px}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/** 針對Safari的設定 **/
	::i-block-chrome,.topArea .searchArea input {line-height:normal}
	::i-block-chrome,.topArea .searchArea select {padding:2px 22px 0px 0px}
}
#bt_5_layout_b122 {background-color:#000000; width:1220px; height:40px; border-bottom:1px solid #666666; position:absolute; bottom:-1px;z-index: 4;}


/** footer **/
.footerArea {background-color:#46343F;  clear:both}
.footerArea .w1120Area {width:1220px; margin:0 auto; position:relative; bottom:0}
.footerArea .footer_01 {background-color:#46343F; width:1220px; margin:0px auto; padding:50px 0px}
.footerArea .footer_01 .lbtclass {box-sizing:border-box; box-sizing:padding-box; padding:0px 70px}
.footerArea .footer_01 .lbtclass .btclass {margin:0px 0px 0px 50px; display:inline-block; vertical-align:top}
.footerArea .footer_01 .lbtclass .btclass:first-child {margin:0px}
.footerArea .footer_01 .lbtclass .btclass ul {margin:0px; padding:0px; list-style:none}
.footerArea .footer_01 .lbtclass .btclass ul li:first-child {font:bold 18px/30px var(--primary-font-family); color:#E5B0CB}
.footerArea .footer_01 .lbtclass .btclass ul li a {font:13px/24px var(--primary-font-family); color:#CCCCCC}
.footerArea .footer_01 .lbtclass .btclass ul li a:hover {color:#D6266E}
.footerArea .footer_01 .lbtclass .btclass ul li .qrcodeBtn {margin:17px 0px 0px}
.footerArea .footer_02 {background-color:#FFFFFF; text-align:center; padding:20px 0px}
.footerArea .footer_02 ul {margin:0px; padding:0px; list-style:none}
.footerArea .footer_02 ul li {display:inline-block; position:relative}
.footerArea .footer_02 ul li::before {background-color:#AAAAAA; width:1px; height:7px; content:''; position:absolute; top:6px; left:0px}
.footerArea .footer_02 ul li:first-child::before {display:none}
.footerArea .footer_02 ul li a {font:13px/18px var(--primary-font-family); color:#333333; padding:0px 9px 0px 15px}
.footerArea .footer_02 ul li a:hover {color:#D6266E}
.footerArea .footer_02 ul li:nth-child(4) a {background:transparent url(https://image.momoshop.com.tw/ecm/img/de/0/bt_0_229/bt_0_layout_b329_computer.png) no-repeat 15px 2px; padding:0px 9px 0px 36px}
.footerArea .footer_02 ul li:nth-child(5) a {background:transparent url(https://image.momoshop.com.tw/ecm/img/de/0/bt_0_229/bt_0_layout_b329_phone.png) no-repeat 15px 0px; padding:0px 9px 0px 29px}
.footerArea .footer_02 p {font:13px/20px var(--primary-font-family); color:#AAAAAA; margin:27px 0px 0px; padding:0px}




/**brand content*/

.LgrpCategory .contentArea{display: inline-block;width: 100%; background-color:#333333; vertical-align:top;padding: 0px 0px 20px 0px;margin:0px;}


.LgrpCategory .contentArea .innerArea{
  width: 1220px;
  margin: 0px auto;
}

.LgrpCategory .contentArea .rightArea {
  width: 1000px;
}



.LgrpCategory .bt_1_layout_Content {font-size:13px; font-family:var(--primary-font-family); color:#fff}
.LgrpCategory .bt_1_layout_Content h2 {color:#fff} /** 品牌館 #fff、型男館 #666 **/
.LgrpCategory .bt_1_layout_Content h2 b {font-family:Century Gothic; font-size:18px; vertical-align:middle}
.LgrpCategory .bt_1_layout_Content ul li {list-style:none}
.LgrpCategory .bt_1_layout_Content a {text-decoration:none; display:inline-block;vertical-align: top;}
.LgrpCategory .bt_1_layout_Content .prdname {color: #fff; font: 13px/18px var(--primary-font-family); overflow: hidden; text-decoration: none; display:inline-block}
.LgrpCategory .bt_1_layout_Content .lbtclass a img {vertical-align:top; border:0px}

.LgrpCategory .bt_1_layout_Content .btclass h2 {font:bold 18px/18px var(--primary-font-family); color:#fff; margin:30px 0px 15px; padding:0px 0px 0px 25px; position:relative}
.LgrpCategory .bt_1_layout_Content .btclass h2::before {background-color:#fff; width:4px; height:18px; content:''; position:absolute; top:0px; left:15px}
.LgrpCategory .bt_1_layout_Content .btclass a img {vertical-align:top}
.LgrpCategory .bt_1_layout_Content .priceArea {color:#D62672; margin:0}
.LgrpCategory .bt_1_layout_Content .price {font-family:Century Gothic; font-size:26px; margin-left:3px;line-height: 1;}

.TabContent .TabContentD {display:none}
.TabContent .selected {display:block}
/** #bt_1_001 5張圖片 **/
.bt_1_001 {width:1220px; margin:0 auto}
.bt_1_001 .bt_1_001_ul {height:316px; margin:10px 0; padding:0}
.bt_1_001 .bt_1_001_ul li {float: left; list-style:none; margin-left:10px}
.bt_1_001 .bt_1_001_ul li:first-child {width:220px; height:316px; float:right}
.bt_1_001 .bt_1_001_ul li:nth-child(2) {width:340px; height:316px; margin-left:0}
.bt_1_001 .bt_1_001_ul li:last-child {margin-top:10px}
.bt_1_001 .bt_1_001_ul li a img{vertical-align:top}

/** 熱銷精選 TOP5 bt_1_002 **/
.bt_1_002 .TabMenu {height:110px; background:#ccc} /** 品牌館 #c0b6bb、型男館 #ccc **/
.ft35 .bt_1_002 .TabMenu {background:#ccc} /** 品牌館 #c0b6bb、型男館 #ccc **/
.bt_1_002 .TabMenu ul {width:1220px; margin:0px; padding:0px; text-align:center}
.bt_1_002 .TabMenu ul li {width:90px; height:70px; display: inline-block; list-style:none; margin:15px 7px 20px; border:5px solid transparent; position:relative}
/** .strip_wrapper .filmstrip li {border:1px solid #fff} _li的邊框 **/
.bt_1_002 .TabMenu ul li img {width:90px; height:70px; vertical-align:top}
.bt_1_002 .TabMenu ul .selected {border:5px solid #b7b7b7} /** 品牌館 #8f8a8d**/
.bt_1_002 .TabMenu ul .selected::before {width:12px; height:10px; content:""; background-image:url(//img1.momoshop.com.tw/ecm/img/cmm/brand/arrowBottom.png?t=20170814001); display:inline-block; position:absolute; left:45%; bottom:-13px}

.bt_1_002 .TabContentD {text-align: center; box-sizing:border-box; border:1px solid #ccc; border-top:none}
.ft35 .bt_1_002 .TabContentD {border:1px solid #ccc;} /** 品牌館#c0b6bb **/
.bt_1_002 .TabContentD .bt_1_002_ul {height:320px; background:#fff; margin:0; padding:0}
.bt_1_002 .TabContentD .bt_1_002_ul li {width:220px; float:left; margin:10px 0 10px 20px}
.bt_1_002 .TabContentD .bt_1_002_ul li a {display:inline-block; margin:0; padding:0; text-decoration:none; position:relative}
.bt_1_002 .TabContentD .bt_1_002_ul li a:hover p {color:#D62672}
.bt_1_002 .TabContentD .bt_1_002_ul li .topNo {width:15px; height:15px; background-color:#000000; color:#FFFFFF; padding:5px; position:absolute; left:195px; top:0}
.bt_1_002 .TabContentD .bt_1_002_ul li a .prdname {height:36px; font:13px/18px var(--primary-font-family); color:#666666; text-decoration:none; margin: 10px 0px 5px; overflow:hidden}
.bt_1_002 .TabContentD .bt_1_002_ul li a img {width:220px; height:220px; vertical-align:top}


/** bt_1_003 **/
.bt_1_003_layout {box-sizing:border-box; border:1px solid #ccc; border-top:none} /** 品牌館#c0b6bb **/
.ft35 .bt_1_003_layout {border:1px solid #ccc;}
.bt_1_003_layout .TabMenu {height:47px; background:#ccc} /** 品牌館#c0b6bb **/
.ft35 .bt_1_003_layout .TabMenu {height:47px; background:#ccc}
.bt_1_003_layout .TabMenu ul {height:47px; margin:0; padding:0; text-align:center}
.bt_1_003_layout .TabMenu li {width:121px; height:42px; float: right; margin-top:5px; padding:0; display:inline-block; position:relative; text-align:center; cursor:pointer}
.bt_1_003_layout .TabMenu li span {font: 15px/47px var(--primary-font-family); color:#676767}
.bt_1_003_layout .TabMenu .selected,
.bt_1_003_layout .TabMenu li:hover {height:42px; width:121px; background:#fff; position:relative; margin-top:5px}
.bt_1_003_layout .TabMenu .selected span,
.bt_1_003_layout .TabMenu li:hover span {color:#000}
.bt_1_003_layout .TabContent {background:#fff; height:318px}
.bt_1_003_layout .TabContent div .bt_1_003_ul {height: 318px; margin: 0; padding: 0}
.bt_1_003_layout .TabContent div .bt_1_003_ul li {width: 220px; float:left; display: inline-block; text-align:center; margin: 10px 0px 10px 20px}
.bt_1_003_layout .TabContent div .bt_1_003_ul li a {margin:0; padding:0}
.bt_1_003_layout .TabContent div .bt_1_003_ul li a:hover p {color:#D62672}
.bt_1_003_layout .TabContent div .bt_1_003_ul li a .prdname {height:36px; font:13px/18px var(--primary-font-family); color:#666666; text-decoration:none; margin: 10px 0px 5px; overflow:hidden}
.bt_1_003_layout .TabContent div .bt_1_003_ul li a img {width:100%; height:auto; vertical-align:top}

/** #bt_1_004 9張圖片 **/
.bt_1_004 .bt_1_004_layout {background-color:#FFFFFF; height:390px; border: 1px solid #ccc; padding:20px 0px}
.bt_1_004 .bt_1_004_layout ul {width:100%; margin:0px; padding:0px 40px; list-style:none; position:relative; display:inline-block}
.bt_1_004 .bt_1_004_layout ul li {float:left; width:150px; margin:0px 30px; padding:0px}
.bt_1_004 .bt_1_004_layout ul li a:hover p span {color:#D62672}
.bt_1_004 .bt_1_004_layout ul li p {margin:0px; padding:5px 0px 0px; text-align:center}
.bt_1_004 .bt_1_004_layout ul li p span {height:26px; font:13px/18px var(--primary-font-family); color:#D62672; display:block; overflow:hidden}

.bt_1_004 .bt_1_004_layout ul li p span:first-child {height:18px; color:#666666}
.bt_1_004 .bt_1_004_layout ul li:first-child {width:245px; height:390px; margin:0px 0px 0px -160px; position:absolute; top:0px; left:50%}
.bt_1_004 .bt_1_004_layout ul li:first-child a p span {color:#FFFFFF}
.bt_1_004 .bt_1_004_layout ul li:first-child p {background-color:rgba(0,0,0,0.6); margin:0px 15px 10px; padding:10px; position:absolute; bottom:0px; left:0px}
.bt_1_004 .bt_1_004_layout ul li:first-child p span {height:26px; font:13px/18px var(--primary-font-family); color:#FFFFFF; text-align:center; overflow:hidden; display:block}
.bt_1_004 .bt_1_004_layout ul li:first-child p span:first-child {width:195px; height:36px}
.bt_1_004 .bt_1_004_layout ul li:first-child p span .price {font:26px/26px Century Gothic; color:#FFFFFF}
.bt_1_004 .bt_1_004_layout ul li:nth-child(4),
.bt_1_004 .bt_1_004_layout ul li:nth-child(8) {margin:0px 30px 0px 335px}

/** 精選廣告 Hot News  #bt_1_005  **/
.bt_1_005_layout {box-sizing:border-box; border:1px solid #ccc} /** 品牌館 #c0b6bb **/
.bt_1_005_layout .TabMenu {width:100%; height:47px; float: right; background:#ccc} /** 品牌館 #c0b6bb **/
.bt_1_005_layout .TabMenu ul {height:47px; margin:0; padding:0; text-align:center; float: right}
.bt_1_005_layout .TabMenu li {width:117px; height:42px; margin:0; padding:0; display:inline-block; position:relative; text-align:center; cursor:pointer}
.bt_1_005_layout .TabMenu li span {font: 13px/47px var(--primary-font-family); color:#676767}
.bt_1_005_layout .TabMenu .selected,
.bt_1_005_layout .TabMenu li:hover {height:42px; width:117px; background:#fff; position:relative; margin-top:5px}
.bt_1_005_layout .TabMenu .selected span,
.bt_1_005_layout .TabMenu li:hover span {color:#000}
.bt_1_005_layout .TabContent {background:#fff; height:223px}
.bt_1_005_layout .TabContent div .bt_1_005_ul {height: 223px; margin: 0; padding: 0}
.bt_1_005_layout .TabContent div .bt_1_005_ul li {width: 360px; float:left; display: inline-block; text-align:center; margin: 10px 0 10px 20px}
.bt_1_005_layout .TabContent div .bt_1_005_ul li a {margin:0; padding:0}
.bt_1_005_layout .TabContent div .bt_1_005_ul li {width: 360px; display: inline-block; float: left; margin: 13px 15px; text-align: center}
.bt_1_005_layout .TabContent div .bt_1_005_ul li:first-child {margin-left: 38px}

/** Big Banner **/
.bt_1_006 {width:100%; height:450px; position:relative}
.bt_1_006 .TabContent .TabContentD {height:450px; background-repeat:no-repeat; background-color:transparent; background-position:center top; background-attachment:scroll; text-align:center; display:none}
.bt_1_006 .TabContent .selected {display:block}
.bt_1_006 .TabContent .TabContentD a {width:1220px; height:450px; display:block; margin:0 auto}
.bt_1_006 .TabMenu {margin:0px 0px 0px -246px; position:absolute; bottom:14px; left:50%}
.bt_1_006 .TabMenu ul {text-align:center; margin:0px; padding:0px; list-style:none}
.bt_1_006 .TabMenu ul li {float:left; background-color:rgba(255,255,255,0.6); width:80px; height:4px; margin:0px 1px; position:relative}
.bt_1_006 .TabMenu ul .selected {background-color:rgba(255,255,255,1)}
.bt_1_006 .TabMenu ul li::after {width: 80px; height: 15px; background-color:transparent; content: ""; position: absolute; left: 0; top: -5px}



/*********************     左側選單       ****************/
/** Content_LeftArea **/
/*.leftArea {width:200px; background:#fff; float:left; margin-top:0}*/
.ft21 {border:1px solid #b19fa8;}
.ft21 h1 {text-align:center; margin:19px 0px; display: inline-block;width: 100%; height: 160px; padding: 0 20px; box-sizing: border-box;overflow: hidden;}
.ft21 h1 img {border:none; vertical-align:top; box-sizing:border-box}

#bt_category_Content ul .more {text-align:right}
#bt_category_Content ul li:hover {background:#000; color:#fff}
#bt_category_Content ul li:hover a {color:#fff}


#bt_category_Content #tips ul .cateS_half {width:97px; overflow:hidden}
#bt_category_Content #tips ul .cateS_half:nth-child(odd) {padding-left:0}

#bt_2_layout_G .ft21 #bt_0_142_01 {border: none}
#bt_category_Content ul .more {text-align:right}

#bt_category #bt_0_142_01 #tips #bt_category_Content ul li:hover, 
#bt_category #bt_0_142_01 #tips #bt_category_Content ul li.selected {background: #000000;}
#bt_category #bt_0_142_01 #tips #bt_category_Content ul li:before {background: #ececec;}
#bt_category #bt_0_142_01 #tips #bt_category_Content ul li:hover:before {background: #000000;}
#bt_category #bt_0_142_01 #tips #bt_category_Content ul li.BGO:before {background:#000000}




/** Content_RightArea **/
#bt_1_layout_b2 {float:right}

.w1000Area {width:1000px; margin-top:20px}
.rightArea .w1000Area:first-of-type {margin-top:0px}
.bt_1_007 {width:1000px; height:450px; overflow:hidden; position:relative}
.bt_1_007 .TabContent .TabContentD {display:none}
.bt_1_007 .TabContent .TabContentD.selected {display:block}
.bt_1_007 .TabMenu {bottom: 25px; margin: 0; position: relative; text-align: center}
.bt_1_007 .TabMenu ul {text-align:center; margin:0px; padding:0px; list-style:none}
.bt_1_007 .TabMenu ul li {background-color: rgba(255, 255, 255, 0.6); display: inline-block; height: 4px; margin: 0 1px; width: 80px}
.bt_1_007 .TabMenu ul .selected {background-color:rgba(255,255,255,1)}
.bt_1_007 .TabMenu ul li::after {width: 80px; height: 15px; background-color:transparent; content: ""; left: 0; top: -5px; display: inline-block}

.bt_1_008 {display:inline-block}
.bt_1_008 .bt_1_008_right {width:220px; height:380px; float:right; background-color:#c0b6bb; overflow:hidden; display:inline-block; box-sizing: border-box; border: 1px solid #c0b6bb}
.bt_1_008 .bt_1_008_right {height:380px; margin:0; padding:0} 
.bt_1_008 .bt_1_008_right h2 {height:50px; position:relative; margin:0; padding:0}
.bt_1_008 .bt_1_008_right h2::before {width:14px; height:10px; content:""; background-color: #fff; background-image:url(//img1.momoshop.com.tw/ecm/img/cmm/brand/arrowBottom.png?t_=1491813928749); display:inline-block; position:absolute; left:48%; top:50px}
.bt_1_008 .bt_1_008_right h2 span {color:#fff; border:none; font: 16px/50px var(--primary-font-family); text-align:center; padding:0; display:block}
.bt_1_008 .bt_1_008_right .TabContentD {height:330px; background:#fff}
.bt_1_008 .bt_1_008_right .TabContentD a {height:330px; text-align:center}
.bt_1_008 .bt_1_008_right .TabContentD img {margin-top: 20px; vertical-align:top}
.bt_1_008 .bt_1_008_right .TabContentD a .prdname {width:200px; height:36px; color:#666666; font:13px/18px var(--primary-font-family); margin:10px 10px 5px 10px; overflow:hidden; text-decoration:none}
.bt_1_008 .bt_1_008_right .TabContentD a:hover .prdname {color:#D62672}

.bt_1_008 .bt_1_008_left {width:780px; height:380px; float: left; overflow:hidden; margin-top:0; position:relative}
.bt_1_008 .bt_1_008_left .TabContent .TabContentD {display:none}
.bt_1_008 .bt_1_008_left .TabContent .TabContentD.selected {display:block}
.bt_1_008 .bt_1_008_left .TabMenu {bottom: 25px; margin: 0; position: relative; text-align: center}
.bt_1_008 .bt_1_008_left .TabMenu ul {text-align:center; margin:0px; padding:0px; list-style:none}
.bt_1_008 .bt_1_008_left .TabMenu ul li {background-color: rgba(255, 255, 255, 0.6); display: inline-block; height: 4px; margin: 0 1px; width: 80px}
.bt_1_008 .bt_1_008_left .TabMenu ul .selected {background-color:rgba(255,255,255,1)}
.bt_1_008 .bt_1_008_left .TabMenu ul li::after {width: 80px; height: 15px; background-color:transparent; content: ""; left: 0; top: -5px; display: inline-block}

.bt_1_020 {display:inline-block}
.bt_1_020 .bt_1_020_right {width:180px; height:370px; float:right; background-color:#c0b6bb; overflow:hidden; display:inline-block; box-sizing: border-box; border: 1px solid #c0b6bb}
.bt_1_020 .bt_1_020_right {height:370px; margin:0; padding:0} 
.bt_1_020 .bt_1_020_right h2 {height:50px; position:relative; margin:0; padding:0}
.bt_1_020 .bt_1_020_right h2::before {width:14px; height:10px; content:""; background-color: #fff; background-image:url(//img1.momoshop.com.tw/ecm/img/cmm/brand/arrowBottom.png?t_=1491813928749); display:inline-block; position:absolute; left:48%; top:50px}
.bt_1_020 .bt_1_020_right h2 span {color:#fff; border:none; font: 16px/50px var(--primary-font-family); text-align:center; padding:0; display:block}
.bt_1_020 .bt_1_020_right .titleArea {height:50px; position:relative; margin:0; padding:0}
.bt_1_020 .bt_1_020_right .titleArea::before {width:14px; height:10px; content:""; background-color: #fff; background-image:url(//img1.momoshop.com.tw/ecm/img/cmm/brand/arrowBottom.png?t_=1491813928749); display:inline-block; position:absolute; left:48%; top:50px}
.bt_1_020 .bt_1_020_right .titleArea span {color:#fff; border:none; font: 16px/50px var(--primary-font-family); text-align:center; padding:0; display:block}
.bt_1_020 .bt_1_020_right .TabContentD {height:330px; background:#fff}
.bt_1_020 .bt_1_020_right .TabContentD a {height:330px; text-align:center}
.bt_1_020 .bt_1_020_right .TabContentD img {margin-top: 20px; vertical-align:top}
.bt_1_020 .bt_1_020_right .TabContentD a .prdname {width:160px; height:36px; color:#666666; font:13px/18px var(--primary-font-family); margin:10px 10px 5px 10px; overflow:hidden; text-decoration:none}
.bt_1_020 .bt_1_020_right .TabContentD a:hover .prdname {color:#D62672}

.bt_1_020 .bt_1_020_left {width:818px; height:370px; float: left; overflow:hidden; margin-top:0; position:relative}
.bt_1_020 .bt_1_020_left .TabContent .TabContentD {display:none}
.bt_1_020 .bt_1_020_left .TabContent .TabContentD.selected {display:block}
.bt_1_020 .bt_1_020_left .TabMenu {bottom: 25px; margin: 0; position: relative; text-align: center}
.bt_1_020 .bt_1_020_left .TabMenu ul {text-align:center; margin:0px; padding:0px; list-style:none}
.bt_1_020 .bt_1_020_left .TabMenu ul li {background-color: rgba(255, 255, 255, 0.6); display: inline-block; height: 4px; margin: 0 1px; width: 80px}
.bt_1_020 .bt_1_020_left .TabMenu ul .selected {background-color:rgba(255,255,255,1)}
.bt_1_020 .bt_1_020_left .TabMenu ul li::after {width: 80px; height: 15px; background-color:transparent; content: ""; left: 0; top: -5px; display: inline-block}

.bt_1_009_layout {width:270px; height:405px; float: right; background:#fff; box-sizing: border-box; margin-top:0; border: 1px solid #c0b6bb} 
.bt_1_009_layout { vertical-align:top}
.bt_1_009_layout ul {padding:5px 0px 0px; margin:0}
.bt_1_009_layout ul li {border-bottom:1px solid #E7E6E6; margin:0px 10px}
.bt_1_009_layout ul li:last-child {border:none}
.bt_1_009_layout img {width:120px; height:120px; margin:5px}
.bt_1_009_layout p {float:right; width:103px; margin:5px}
.bt_1_009_layout p span {display:inline-block}
.bt_1_009_layout p .priceArea {margin-top:10px}
.bt_1_009_layout a .prdname {height:55px; font:13px/18px var(--primary-font-family); text-align:left; margin:10px 0px 0px}
.bt_1_009_layout a:hover .prdname {color:#D62672}

.bt_1_009_layout .youtubeDiv {width:720px; height:405px; float: left; margin-top:0}

.bt_1_010 {width:1000px; height:150px; margin-bottom:20px; clear:both}
.bt_1_010 ul {margin:0; padding:0}
.bt_1_010 ul li {width:320px; height:150px; display:inline-block; margin-right:15px}
.bt_1_010 ul li:last-child {margin-right:0px}

.bt_1_011 {height:275px; margin-bottom:20px}
.bt_1_011 ul {margin:0; padding:0}
.bt_1_011 ul li {float:left; margin-right:10px}
.bt_1_011 ul li:last-child {margin:0}
.bt_1_011 .youtubeDiv { width: 490px;  height: 275px;  float: right; margin: 0; padding: 0}

.bt_1_012 a img {vertical-align:top; border:0px}
.bt_1_012 {margin-bottom:20px}

.bt_1_013 {background-color:#FFFFFF; height:330px; box-sizing:border-box; border: 1px solid #c0b6bb;} 
.bt_1_013 .TabMenu {width:208px; height:328px; float:left; background:#c0b6bb}
.bt_1_013 .TabMenu ul,.bt_1_013 .TabContent ul {margin:0; padding:0}
.bt_1_013 .TabMenu ul {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.bt_1_013 .TabMenu ul li {width:210px; height:65.6px; font-size: 13px; line-height: 18px; font-family: var(--primary-font-family);color:#FFFFFF; display:flex; align-items: center; cursor:pointer;box-sizing: border-box; padding-left:10px; overflow: hidden}
.bt_1_013 .TabMenu ul .selected,
.bt_1_013 .TabMenu ul li:hover {background:#fff; color:#434343}
.bt_1_013 .TabContent {width:785px; height:328px; float:right; background:#fff}
.bt_1_013 .TabContent .TabContentD {display:none}
.bt_1_013 .TabContent .TabContentD.selected {display:block}
.bt_1_013 .TabContent ul {padding:0px 0px 0px 26px}
.bt_1_013 .TabContent ul li {width:170px; text-align:center; margin:45px 15px 0 0; display:inline-block}
.bt_1_013 .TabContent ul li:last-child {margin-right:0}
.bt_1_013 .TabContent ul li a:hover p span {color:#D62672}
.bt_1_013 .TabContent ul li p .prdname {height:55px;display: block}
/* .bt_1_013 .TabMenu ul li:last-child {height:68px} */

/** 此區塊是三個區塊，每個區塊的下方三小圖滑鼠移過去時，會切換上方大圖。所以架構要改... **/
.bt_1_014 {height:485px; background:#FFFFFF; padding:0px 1px; box-sizing:border-box; border: 1px solid #c0b6bb}  
.bt_1_014 .innerBox {float:left; width:330px}
.bt_1_014 .innerBox .TabContentD {text-align:center; padding:17px 0px 0px; display:none}
.bt_1_014 .innerBox .TabContentD a p {width:300px; margin:5px auto; padding:0px}
.bt_1_014 .innerBox .TabContentD a .prdname {height:18px; display:block}
.bt_1_014 .innerBox .TabContentD a:hover .prdname {color:#D62672}
.bt_1_014 .innerBox .TabContentD a .priceArea {text-align:right; display:block}
.bt_1_014 .innerBox .TabContentD.selected {display:block}
.bt_1_014 .innerBox .TabMenu ul {margin:0px; padding:0px 0px 0px 16px; list-style:none}
.bt_1_014 .innerBox .TabMenu ul li {margin:0px 0px 0px 11px; padding:0px; display:inline-block}
.bt_1_014 .innerBox .TabMenu ul li:first-child {margin:0px}


.bt_1_015 {height:600px; background:#fff; box-sizing:border-box; border: 1px solid #c0b6bb} 
.bt_1_015 ul {margin:0px; padding:0px 0px 0px 16px}
.bt_1_015 ul li {width:180px; display:inline-block; margin: 20px 5px 5px}
.bt_1_015 ul li p {width:180px; text-align:center}
.bt_1_015 ul li a:hover p span {color:#D62672}
.bt_1_015 ul li p .prdname {height:40px;display: block}

.bt_1_016 {height:290px}
.bt_1_016 a {width:100%}
.bt_1_016 ul {margin:0; padding:0}
.bt_1_016 ul li {width:190px; display: inline-block; margin-right:8px; background:#fff; box-sizing:border-box} /** 品牌館無框線 border: 1px solid #c0b6bb **/
.bt_1_016 ul li:last-child {margin:0}
.bt_1_016 ul li a p {text-align: center; margin:13px 10px}
.bt_1_016 ul li a:hover p span {color:#D62672}
.bt_1_016 ul li a p .prdname {width:100%; height:36px; text-align:center}

.bt_1_017 ul {margin:0; padding:0}
.bt_1_017 ul li {width:320px; height:320px; display: inline-block; margin-right:16px; background:#fff; position:relative} /** 品牌館無框線 border: 1px solid #c0b6bb & margin-right:13px **/
.bt_1_017 ul li:nth-child(3), .bt_1_017 ul li:last-child {margin:0}
.bt_1_017 ul li:nth-child(1), .bt_1_017 ul li:nth-child(2), #layout_b13 ul li:nth-child(3) {margin-bottom:20px}
.bt_1_017 ul li:before {display:none; content:""; width:80px; height:80px; background-image:url(img/catagory_b_13_2.png); position:absolute; top:0; left:0}
.bt_1_017 ul li p {background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; text-align:center; bottom:20px; margin:0px; padding:10px; position: absolute;width:300px;z-index: 2;}
.bt_1_017 ul li a {width:320px; height:320px}
.bt_1_017 ul li a:hover p {background:rgba(255,255,255,0.8)}
.bt_1_017 ul li a:hover p span {color:#D62672}
.bt_1_017 ul li a p .prdname {height:36px; color:#696969; text-align:center;display: block}

#dvBrandBodyBase2017 {background-color:#ffffff}
#dvBrandBodyBase2017 .bt_2_layout_Left,.GoodsDetail .bt_2_layout_Left {background-color:#ffffff; margin-top:0px}
.ft21 #bt_0_142_01 .title {height:200px}
.ft21 #bt_0_142_01 {border:0px}
#bt_2_layout_NAV {background: transparent;}
#bt_0_142_01 #tips #bt_category_Content {background:#ffffff; padding:0px}
#bt_0_142_01 #tips #bt_category_Content ul .BGO {background: #000000;}
#bt_2_layout_b1 .bt_2_112 h3 {border-bottom: 2px solid #b19fa8}
#dvBrandBodyBase2017 #bt_2_layout_b1 .bt_2_112 .TabMenu {background-color: #b19fa8; top:-2px}
#bt_0_142_01 #tips #bt_category_Content .BGO a {background-color:#000000}
#dvBrandBodyBase2017 #bt_category #bt_0_142_01 {border:none}

.GoodsDetail #bt_2_layout_NAV{left:0px;}

.LgrpCategory #BodyBigTableBase{margin: 0px auto; width: 1220px;}
.bodyBg #DMixRight{width:1000px;}

/*任選集合頁*/
.bodyBg #dvBrandBodyBase .Dgrp_LCatLeftMenu200 {width: 200px; border-radius: 0; padding: 0}
.bodyBg #dvBrandBodyBase #Dgrp_LCatLeftMenu200 #bt_0_142_01 {border: 0px}

/*紅配綠*/
.bodyBg #BodyBigTableBase #DMixLeft #bt_0_142_01 {border:0px}
.newOptionalArea .prdListArea .prdArea li a {width:182px}
.newOptionalArea .informationArea .bottomMationArea dl {margin:0}
.redWithGreen .informationArea .bottomMationArea {height:170px}
.newOptionalArea .informationArea .bottomMationArea .viewArea {width:920px}
.newOptionalArea .informationArea .bottomMationArea .viewArea ul li {margin: 0 0 0 18px; background-color:transparent}

.bodyBg .up .topInfor {top: 50px}

#bt_2_layout_b2 {margin-top:0px;}

.LgrpCategory .contentArea .bt_1_layout_Content {width:auto}

.topArea .searchArea input:placeholder-shown {background-color:#7C6F75}
.topArea .searchArea input::placeholder {color:#B19FA8}
.topArea .searchArea input:focus-visible {outline: 0;}

#dvBrandBodyBase2017 #bt_2_layout_NAV {top:10px ;z-index:1}
#BodyBigTableBase #bt_2_layout_NAV {top:10px; left:220px}
#BodyBigTableBase #DMixRight .newOptionalArea {margin-top:40px; padding:0}

#dvBrandBodyBase2017 #bt_9_001_01, #dvBrandBodyBase2017 #bt_9_007_01{margin-top:10px}
.topArea .rightMenu #CPMDD a p {display:none}

#dvBrandBodyBase2017 #bt_category {margin-bottom:20px}
#BodyBigTableBase #DMixLeft {margin-bottom:20px}


.topArea.topFix.showMenu .menu { height: 90px;}
.topArea .menu .firstMenu.showMenu {top:0}
.LgrpCategory #Mgrp_BodyBigTableBase .bt_2_layout_Content { margin-top: 0;}

/*圓標*/
.TabContent .TabContentD .prdGoodsImgWrap .goodsImgTag img { margin:0; width:100%; height:auto}

/*品牌旗艦館autocomplete*/
.ui-menu {z-index: 5 !important;}

/*20200513_h1-h3調整*/
.bt_1_008 .bt_1_008_right .titleArea {height:50px; position:relative; margin:0; padding:0}
.bt_1_008 .bt_1_008_right .titleArea::before {width:14px; height:10px; content:""; background-color: #fff; background-image:url(//img1.momoshop.com.tw/ecm/img/cmm/brand/arrowBottom.png?t_=1491813928749); display:inline-block; position:absolute; left:48%; top:50px}
.bt_1_008 .bt_1_008_right .titleArea span {color:#fff; border:none; font: 16px/50px var(--primary-font-family); text-align:center; padding:0; display:block}

#bt_1_019_01 .banner_980x100Area h1 {position: absolute; color: #fff; z-index: -1;}
.ft21 #bt_0_142_01 .title a {position: absolute; top: 20px; left: 20px;}
.ft21 #bt_0_142_01 .title{position:relative;}
#bt_0_142_01 #tips #bt_category_Content ul .cateM h2 {margin: 0; padding: 0; line-height: 0;}
#bt_0_142_01 #tips #bt_category_Content ul .cateS h3 {margin: 0; padding: 0; line-height: 0;}
h1.brand_h1 {margin: 0; padding: 0; position: absolute; top:0; left:0; z-index: -1;}
h1.momoTitle {display: inline-block; position: absolute; z-index: -1;}

#bt_2_layout_b1 .bt_2_112 .titleName {border-bottom: 2px solid #b19fa8}

/* 20240926 調整地Logo及qrcode大小 */
.btclass .footerLogo {width: 124px; width: 124px; }
.btclass .qrcodeBtn {width: 124px; width: 124px; }

/* 20250208 金額區塊結構優化(IT057-2024110800098) */
[id^="bt_1_"] .current-price {display: flex;align-items:baseline;justify-content: center;margin: 0;color: #D62672;}
[id^="bt_1_"] .current-price > .price{font-size:22px;line-height:1.181;}
[id^="bt_1_009"] .current-price{margin-top:10px;justify-content:flex-start;}
[id^="bt_1_014"] .current-price{justify-content:flex-end;}
.LgrpCategory .bt_1_layout_Content .current-price{margin:0 auto;justify-content:center;height: 29px;}
.LgrpCategory .bt_1_layout_Content .current-price > .price {font-size: 26px;line-height: 1;}
.bt_1_004 .bt_1_004_layout ul li p .current-price{display:flex;height: 26px;}
.bt_1_004 .bt_1_004_layout ul li p .current-price > .price-from{height:auto;}