@charset "UTF-8";
.bt_2_layout_Left {margin-right:10px}
#BodyBase .customercenter{padding-bottom:25px}
/** 客服中心首頁相關設定 **/
.innerArea {margin:0px; position:relative; display:inline-block; width:100%; margin-bottom:10px;box-sizing: border-box;}
.innerArea .title {float:left; width:100px; border-bottom:1px solid #FFADBE; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/immediatetitlebk.jpg?201301300943) no-repeat 0px 1px; height:30px; line-height:28px; line-height:30px \9; font-size:13px; color:#FFFFFF; text-align:center; list-style-type:none; padding-left:0px; position:relative; z-index:1; left:0px}
.innerArea #bt_A_005_01 {width:870px; height:30px; border-bottom:1px solid #FFADBE; background:#FFF0F5 url(//image.momoshop.com.tw/ecm/img/cmm/memb/immediatebk.gif?201301300943) repeat-x; margin:0px 0px 10px 0px; padding-left:10px; position:absolute; left:100px; top:0px; overflow:hidden}
.innerArea #bt_A_005_01 .TabContentD {position:relative}
.innerArea .immediate dd {float:left; color:#0066FF; height:25px; line-height:28px; line-height:30px \9; padding-right:10px}
.innerArea .immediate a {font-size:13px; font-family:PMingLiU; color:#3366FF; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/immediatelibk.gif?201301300943) no-repeat 0px 4px; padding-left:10px; text-decoration:none}
.innerArea .immediate a:hover {color:#E40480; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/immediatelibkB.gif?201301300943) no-repeat 0px 4px; text-decoration:underline}
.customerhome .innerArea .summary03 {width:980px; background-color:#DDDDDD; display:inline-block; margin-top:15px}
.customerhome .innerArea .summary03 .inner {margin:5px; padding:10px; border-top:1px solid #000000; background-color:#FFF; line-height:20px; color:#434343}
.customerhome .innerArea .summary03 .inner dt {color:#434343; font-size:13px; font-family:Verdana, sans-serif}
.mainbav {width:980px; display:inline-block; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/mainbavbk.gif?201301300943) repeat 0px 0px; margin-top:10px}
.mainbav li {float:left; margin-right:26px}
.mainbav .last {margin-right:0px}
.mainbav dt {margin-bottom:5px; width:175px; height:52px}
.mainbav dt h3 {text-align:center; position:relative; z-index:-1}
.mainbav .ordertitleimg {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordertitleimg.jpg?201301300944) no-repeat}
.mainbav .profiletitleimg {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/profiletitleimg.jpg?201301300944) no-repeat}
.mainbav .paymenttitleimg {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/paymenttitleimg.jpg?201301300944) no-repeat}
.mainbav .assistanttitleimg {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/assistanttitleimg.jpg?201301300944) no-repeat}
.mainbav .onlinecustomertitleimg {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/onlinecustomertitleimg.jpg?201301300944) no-repeat}
.mainbav a {font-size:15px; font-family:PMingLiU; color:#3366FF; line-height:22px; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/mainbavlibk.gif?201301300943) no-repeat 0px 9px; margin-left:11px; padding-left:10px; display:block;}
.mainbav font {font-size:15px; font-family:sans-serif; color:#0066FF; line-height:22px; no-repeat 0px 9px; cursor: pointer;}
.mainbav font:hover {color:#E40480; no-repeat 0px 9px; text-decoration:underline}
.mainbav font span{font-size:15px;}
.mainbav .redtxt {color:#CD5C5C}
.msgArea {margin-top:10px}
.msgArea div {float:left; width:485px}
.msgArea .memberonly {float:right}
.msgArea h3 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreah3bk.gif?201301300943) repeat-x bottom; line-height:28px; height:28px; margin-bottom:5px}
.msgArea h3 b {font-size:17px; font-family:PMingLiU; color:#D62672; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreah3titleimg.gif) no-repeat 0px 5px; padding:0px 5px 0px 10px; line-height:28px; height:28px; display:inline-block}
.msgArea h3 b img {margin-top:5px}
.msgArea .inner {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreaboxbk.jpg?201301300943) repeat-y; height:75px; overflow:hidden}
.msgArea .top {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreaboxtop.jpg?201301300943) no-repeat; height:11px; overflow:hidden}
.msgArea .footer {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreaboxfooter.jpg?201301300943) no-repeat; height:11px}
.msgArea .inner dl {width:459px; display:inline-block; margin:0px 13px}
.msgArea .inner dt {margin-right:10px}
.msgArea .inner dt, .msgArea .inner dd {float:left}
.msgArea .inner dd {width:172px; height:24px; line-height:24px; margin-right:2px; overflow:hidden}
.msgArea .inner .tips {width:347px}
.msgArea .inner dd a {font-size:15px; font-family:Verdana, sans-serif; color:#FF6C84; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreadda.jpg?201301300943) no-repeat 0px 9px; padding-left:10px; display:block}
.msgArea .inner dd a:hover {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/msgAreaddaB.jpg?201301300943) no-repeat 0px 9px; color:#3366FF; text-decoration:underline}

/** 左側menu圓角相關設定 **/
.curvy {position:relative; margin:0px auto; width:200px}
.curvy em {position:absolute; z-index:1; background-color:#FFFFFF; width:7px; height:7px; overflow:hidden}.curvy em b {position:absolute; line-height:40px; font-family:Arial; font-size:50px; font-weight:normal}
.curvy em b {position:absolute; line-height:40px; font-family:Arial; font-size:50px; font-weight:normal}
.ctl {top:0px; left:0px;}
.ctl b {left:-4px; top:-13px; left:-3px \9; top:-14px \9; _left:-4px}
.ctl b:not(*:root) {top:-15px}
.ctr {top:0px; right:0px}
.ctr b {left:-9px; top:-13px; left:-8px \9; top:-14px \9; _left:-9px}
.ctr b:not(*:root) {top:-15px}
.cbl {bottom:0px; _bottom:0px; left:0px}
.cbl b {left:-4px; top:-18px; left:-3px \9; top:-19px \9; _left:-4px}
.cbl b:not(*:root) {top:-20px}
.cbr {bottom:0px; _bottom:0px; right:0px}
.cbr b {left:-9px; top:-18px; left:-8px \9; top:-19px \9; _left:-9px}
.cbr b:not(*:root) {top:-20px}
.centermenu {width:200px}
.centermenu .title {border-bottom:0px; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/menutitlebk.jpg?201301300943) repeat-x; height:30px; width:198px}
.centermenu .title h2 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/menuh2bk.jpg?201301300943) no-repeat 0px 0px; font-size:15px; color:#FFFFFF; height:30px; line-height:34px; margin-left:5px; padding-left:9px; text-align:left}
.centermenu #tips {padding:3px}
.centermenu #tips .curvy {width:194px; position:relative; z-index:1}
.centermenu #tips #bt_category_Content {width:194px; padding-bottom:3px; #padding-bottom:7px}
#menu02 #tips #bt_category_Content {padding-bottom:7px}
.centermenu #tips #bt_category_Content a {display:block}
.centermenu #tips #bt_category_Content a span {width:4px; height:4px; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/menulibk.gif?201301300943) no-repeat; display:inline-block; position:relative; top:2px; #top:-2px; _top:8px; left:2px}
.centermenu #tips #bt_category_Content .cateM {height:30px; overflow:hidden; font-size:15px; font-family:Arial; color:#333333; font-weight:bold; line-height:32px; text-align:left; padding-left:10px}
.centermenu #tips #bt_category_Content .first {_margin-top:15px}
.centermenu #tips #bt_category_Content li {width:95px; #width:97px; height:30px; #float:left; overflow:hidden}
.centermenu #tips #bt_category_Content .cateM,
#menu02 #tips #bt_category_Content li {display:block; width:auto; #width:184px; clear:both}
.centermenu #tips #bt_category_Content .selected {width:96px; #width:97px; position:relative; z-index:1; overflow:hidden}
.centermenu #tips #bt_category_Content li a {height:30px; line-height:30px; overflow:hidden; padding:0 0 0 4px; font-size:13px; font-family:Arial; color:#0059A5; text-align:left; outline:none; cursor: pointer;}
.centermenu #tips #bt_category_Content li a:hover {color:#FF0000; font-weight:bold; text-decoration:underline}
.centermenu #tips #bt_category_Content .selected a, .centermenu #tips #bt_category_Content .selected a:hover {background-color:#D72672; color:#FFFFFF; font-weight:bold; text-decoration:none}
.centermenu #tips #bt_category_Content .selected a span {background:inherit; #background-image:none}
.centermenu #tips #bt_category_Content .tips {float:none; width:auto; display:block}

/** 我的帳戶圓角顏色設定 **/
.customercenter .centermenu .title {border:1px solid #FF009A; background-color:#FF009A}
.customercenter .centermenu .curvy,
.customercenter .centermenu .curvy .ctl,
.customercenter .centermenu .curvy .ctr,
.customercenter .centermenu #tips em,
.customercenter .centermenu #tips #bt_category_Content #allcategory .curvy {background-color:#FF009A}
.customercenter .centermenu .curvy em,
.customercenter .centermenu .curvy em b,
.customercenter .centermenu #tips #bt_category_Content #allcategory em b {color:#FF009A; display:none}
.customercenter .centermenu #tips .curvy,
.customercenter .centermenu #tips #bt_category_Content #allcategory em {background-color:#FFFFFF}
.customercenter .centermenu #tips .curvy .ctl b,
.customercenter .centermenu #tips .curvy .ctr b {color:#FCD5D6}
.customercenter .centermenu #tips .curvy .cbl .cbB,
.customercenter .centermenu #tips .curvy .cbr .cbB {color:#B5D5FC}
.customercenter .centermenu #tips .curvy .cbl b,
.customercenter .centermenu #tips .curvy .cbr b {color:#FFFFFF}
.customercenter .centermenu .cateM {background-color:#FCD5D6; display:block}

/** 客服中心圓角顏色設定 **/
.customercenter #menu02 .title {border:1px solid #FEB708; background-color:#FEB708}
.customercenter #menu02 {margin-top:10px}
.customercenter #menu02 .curvy,
.customercenter #menu02 .curvy .ctl,
.customercenter #menu02 .curvy .ctr,
.customercenter #menu02 #tips em,
.customercenter #menu02 #tips #bt_category_Content #allcategory .curvy {background-color:#FEB708}
.customercenter #menu02 .curvy em,
.customercenter #menu02 .curvy em b,
.customercenter #menu02 #tips #bt_category_Content #allcategory em b {color:#FEB708}
.customercenter #menu02 #tips .curvy,
.customercenter #menu02 #tips #bt_category_Content #allcategory em {background-color:#FFFFFF}
.customercenter #menu02 #tips .curvy .ctl b,
.customercenter #menu02 #tips .curvy .ctr b {color:#FFE332}
.customercenter #menu02 #tips .curvy .cbl .cbB,
.customercenter #menu02 #tips .curvy .cbr .cbB {color:#B5D5FC}
.customercenter #menu02 #tips .curvy .cbl b,
.customercenter #menu02 #tips .curvy .cbr b {color:#FFFFFF}
.customercenter #menu02 .cateM {background-color:#FFE332; border-bottom:1px solid #FEB708; display:block}

/** 路徑設定 **/
#bt_2_layout_NAV {height:auto; line-height:21px; width:770px; margin-bottom:5px}
#bt_2_layout_NAV ul {float:left; width:470px; #width:460px; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/category/nav-Icon.gif?201301300943) no-repeat; padding-left:20px}
#bt_2_layout_NAV li {float:left;color: #d62872;white-space:nowrap;font: 13px/25px Microsoft JhengHei, sans-serif;background: transparent url(//image.momoshop.com.tw/ecm/img/cmm/category/nav-line.gif?201301300943) no-repeat 0px 8px;padding-left:10px;margin-left: 5px;}
#bt_2_layout_NAV li a {font-size:13px; color:#666666; cursor: pointer;}
#bt_2_layout_NAV li a:hover {color:#E40480; text-decoration:underline}
#bt_2_layout_NAV .first {background:none; padding-left:0px}
#bt_2_layout_NAV .first a {color:#CC6600}

/** 粉色背景說明區塊(下底線) **/
.customercenter .summary01 {background-color:#FCD6D6}
.customercenter .summary01 .inner {margin:5px; padding:10px; border-bottom:1px solid #FF0099; background-color:#FFF; line-height:20px}
.customercenter .summary01 p {margin-top:0px; font-family:Verdana, sans-serif}
.customercenter .summary01 b, .customercenter .summary01 p {font-size:13px; color:#434343; display:block}
.customercenter .summary01 b {color:#000000}
.customercenter .summary01 p b {display:inline}
.customercenter .summary01 .bluetxt {font-size:13px; font-family:Verdana, sans-serif; color:#0000FF; margin:0px 5px}
.customercenter .summary01 .redtxt {font-size:13px; font-family:Verdana, sans-serif; color:#FF0000; margin:0px 0px}
.customercenter .summary01 .daterange {display:inline-block; margin-top:0px}
.customercenter .summary01 .daterange dt, .customercenter .summary01 .daterange dd {display:inline}
.customercenter .summary01 .daterange .hasDatepicker, .customercenter .summary01 .daterange input {font-family:Verdana, sans-serif; font-size:13px}
.customercenter .summary01 .daterange dd {position:relative; font-size:13px; font-family:Verdana, sans-serif}
:root .customercenter .summary01 .daterange img {top:-2px\9}
.customercenter .summary01 .daterange img {position:absolute; top:0px; top:-2px\0/; #top:6px; right:2px; #right:2px; cursor:pointer}
.customercenter .summary01 .daterange img:not(*:root) {top:-1px; right:4px}
:root .customercenter .summary01 .daterange button {background-position:0px 0px\9; height:24px \9; position:relative\9; top:-1px\9; line-height:30px\9}
.customercenter .summary01 .daterange button {font-family:Verdana, sans-serif; font-size:13px; color:#6B6B6B; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/daterangebtnbk.gif?201301300943) no-repeat 0px 4px; background-positon:0px 1px\0/; border:0px; width:58px; height:27px; cursor:pointer}
.customercenter .summary01 ul {margin-left:5px}
.customercenter .summary01 li {font: 13px/20px Microsoft JhengHei, sans-serif;color: #434343;list-style-type:decimal;list-style-position:outside;margin-left:20px;}
.customercenter .summary01 .daterange .details {border:1px solid #0059A5; background-color:#FFFFFF; height:20px; margin:4px 0px 0px 5px; margin-top:1px \9; #margin-top:2px; line-height:20px; float:right}
.customercenter .summary01 .daterange .details:hover {border:1px solid #EB4800; background-color:#FFFFFF}
.customercenter .summary01 .daterange .details a {font-size:13px; color:#0059A5; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsbk.gif?201301300943) repeat-x 0px 0px; height:18px; line-height:20px; margin:1px; padding:0px 5px; float:left}
.customercenter .summary01 .daterange .details a:hover {font-size:13px; color:#FF0000; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 0px; cursor:pointer}
.customercenter .summary01 select, .customercenter .summary01 option {margin:0px 5px; font-size:13px; font-family:PMingLiU; color:#434343}
.customercenter .summary01 option {background-color:#FFFFFF}
.customercenter .summary01 .busyNote {color:#990000;font-weight: bold;}

/** 粉色標題區塊(560px) **/
.customercenter .summary02 {display:block; position:relative}
.customercenter .summary02 .title {height:26px; line-height:26px}
.customercenter .summary02 .title .titleleftbk {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/summary03titleleftimg.gif?201301300943) no-repeat; height:26px}
.customercenter .summary02 .title .titleleftbk .titlerightbk {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/summary03titlerightimg.gif?201301300943) no-repeat right; height:26px}
.customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/summary03titlebkimg.gif?201301300943) repeat-x; height:26px; margin:0px 5px; overflow:hidden}
.customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dl {float:right; margin-right:5px; margin-top:3px \9}
.customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dt, .customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dd, .customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dl span {float:left; font-size:13px; font-family:Verdana, sans-serif}
.customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dd {margin-left:7px; padding-left:7px; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/wishlisttitleddbk.gif?201301300943) no-repeat 0px 9px; background-position:0px 6px \9}
.customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dl a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5}
.customercenter .summary02 .title .titleleftbk .titlerightbk .titlebk dl a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 h3 {font-size:13px; font-family:Verdana, sans-serif; line-height:30px; _line-height:32px; padding:0px 0px}
.customercenter .summary02 h3 .required,
.customercenter .summary02 h3 .retrunnotes {float:right; font-size:13px; color:#0000FF}
.customercenter .summary02 h3 .retrunnotes {color:#0059A5; cursor:pointer}
.customercenter .summary02 .inner {padding:0px 12px 0px; _padding-bottom:5px; font-size:13px; color:#434343}
.customercenter .summary02 .inner dl {margin-top:10px}
.customercenter .summary02 .inner dt {font-size:13px; font-weight:bold;display: flex;align-items: center;}
/* .customercenter .summary02 .inner dt span {font-size:13px; font-family:Verdana; color:#FF0000; margin:0px 5px} */
.customercenter .summary02 .inner dd {display:inline; padding-left:10px} 
.customercenter .summary02 .inner .ordermsg dd {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/summary03ddimg.gif?201301300943) no-repeat 2px 4px; #background-position:2px 7px}
.customercenter .summary02 .inner .ordermsg .first {background:none}
.customercenter .summary02 .inner .ordermsg dd a {font-size:13px; font-family:Verdana; color:#0059A5; text-decoration:underline}
.customercenter .summary02 .inner .ordermsg dd a:hover {color:#E40480; text-decoration:none}
.customercenter .summary02 .inner .trackmsg dt, .customercenter .summary02 .inner .coupon dt {margin-bottom:5px}
.customercenter .summary02 .inner .trackmsg img {vertical-align:inherit}
.customercenter .summary02 .inner .trackmsg a {border:1px solid #bbbbbb; width:60px; height:60px; display:inline-block}
.customercenter .summary02 .inner .trackmsg a:hover {border:1px solid #E40480}
.customercenter .summary02 .inner .coupon {display:inline-block}
.customercenter .summary02 .inner .coupon dd {float:left; border:1px solid #EB4800; padding-left:0px; margin-left:10px; _margin:0px 5px; height:20px; display:inline-block}
.customercenter .summary02 .inner .coupon dd span {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/btnbk01.gif?201301300943) 0px 1px repeat-x; height:18px; line-height:18px; padding:0px 5px; margin:1px; display:inline-block; font-size:13px; font-family:Verdana; color:#0059A5; font-weight:bold}

/** 富邦卡有紅利兌換設定 **/
.customercenter .summary02 .cardLogin {margin:15px 0px; padding:0px}
.customercenter .summary02 .cardLogin h1 {margin:0px; padding:0px; border-bottom:4px solid #308686; position:relative}
.customercenter .summary02 .cardLogin h1 a {border:1px solid #CCCCCC; position:absolute; right:0px; top:0px}
.customercenter .summary02 .cardLogin h1 .leftBanner {right:161px}
.customercenter .summary02 .cardLogin h1 .rightBanner {right:7px}
.customercenter .summary02 .cardLogin .stepArea {display:inline-block; padding-left:6px; margin:10px 0px}
.customercenter .summary02 .cardLogin .stepArea li {float:left}
.customercenter .summary02 .cardLogin .identification {float:left; width:378px; margin-left:6px}
.customercenter .summary02 .cardLogin .identification h3 {margin:0px; padding:0px}
.customercenter .summary02 .cardLogin .identification dl {margin:6px 0px 0px 0px; padding:0px; list-style-type:none}
.customercenter .summary02 .cardLogin .identification dd {font-size:13px; margin:0px; padding:0px; background-color:#EDFCFF; display:block; height:32px; line-height:32px; border-left:1px solid #C7CAD0; border-right:1px solid #C7CAD0}
.customercenter .summary02 .cardLogin .identification .tips {background-color:#D9F8FF}
.customercenter .summary02 .cardLogin .identification .tips img {margin-top:5px}
.customercenter .summary02 .cardLogin .identification .footer {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/identificationfooterbk.jpg?201301300943) no-repeat bottom; height:38px; line-height:38px}
.customercenter .summary02 .cardLogin .identification dd b {width:90px; font-size:13px; color:#0E89A1; text-align:right; padding-right:5px; display:inline-block; font-weight:normal}
.customercenter .summary02 .cardLogin .identification dd input,
.customercenter .summary02 .cardLogin .identification dd select,
.customercenter .summary02 .cardLogin .identification dd option,
.customercenter .summary02 .cardLogin .identification dd a,
.customercenter .summary02 .cardLogin .identification dt span a {font-size:13px; font-family:Verdana, sans-serif; #vertical-align:text-bottom}
.customercenter .summary02 .cardLogin .identification dd span,
.customercenter .summary02 .cardLogin .identification dt span {font-size:13px; font-weight:normal; color:#434343; margin-left:25px; height:32px; line-height:32px}
.customercenter .summary02 .cardLogin .exchange {float:right; width:374px; margin-right:7px}
.customercenter .summary02 .cardLogin .exchange h3 {margin:0px; padding:0px; position:relative}
.customercenter .summary02 .cardLogin .exchange h3 a {position:absolute; top:8px; right:5px; color:#FFFFFF; font-size:13px; font-weight:normal; text-decoration:underline}
.customercenter .summary02 .cardLogin .exchange .prdlistArea {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/prdlistAreabk.jpg?201301300943) repeat-y; margin-top:6px; position: relative; overflow: hidden;}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note {padding:0px 17px; margin:0px; height: 353px; overflow: hidden; position: relative}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dl {width:342px; height:137px; overflow:hidden; display:inline-block; margin:9px 0px 10px; margin:12px 0px 10px \9; #padding:4px 0px}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dt,
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dd {float:left; font-size:13px; font-family:Verdana, sans-serif; color:#434343; padding-left:5px}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dd {width:195px; margin-top:10px}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dd img {margin-right:3px}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .prdname {margin:0px}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .prdname {height:40px; overflow:hidden; display:inline-block}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .prdname a,
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .priceArea {font-size:15px; font-family:Verdana, sans-serif; color:#E40480; font-weight:bold}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .prdname a:hover {color:#0059A5}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .priceArea {text-align:right}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note .priceArea span {font-size:22px; font-family:Century Gothic}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dt img {border:1px solid #000000}
.customercenter .summary02 .cardLogin .exchange .prdlistArea .note dt img:hover {border-color:#E40480}

/** 12小時速達服務說明設定 **/
.customercenter .summary02 .Fast {margin:15px 0px; padding:0px}
.customercenter .summary02 .Fast h1 {margin:0px; padding:0px}
.customercenter .summary02 .Fast .txtlistArea {width:750px; margin:15px auto 0px; padding:0px}
.customercenter .summary02 .Fast .txtlistArea dt h4 {margin:0px; padding:0px 0px 0px 5px; background-color:#FF9933; color:#FFFFFF; font-size:15px; font-family:Verdana, sans-serif; height:24px; line-height:24px}
.customercenter .summary02 .Fast .txtlistArea dt h4 span {font-size:12px; font-family:Verdana, sans-serif; color:#FFFFFF}
.customercenter .summary02 .Fast .txtlistArea dd {margin:10px 0px 20px; padding:0px 0px 10px; display:block; border-bottom:1px dashed #333333}
.customercenter .summary02 .Fast .txtlistArea dd li {font-size:15px; font-family:Verdana, sans-serif; color:#333333; line-height:22px; list-style-type:decimal; list-style-position:outside; margin-left:30px}
.customercenter .summary02 .Fast .txtlistArea dd li a {text-decoration:underline}
.customercenter .summary02 .Fast .txtlistArea dd .redtxt {color:#FF0000}
.customercenter .summary02 .Fast .txtlistArea dd table {text-align:center}
.customercenter .summary02 .Fast .txtlistArea dd th {background-color:#990000; font-size:15px; color:#FFFFFF}
.customercenter .summary02 .Fast .txtlistArea dd th a {font-size:15px; font-family:Verdana, sans-serif; color:#FFFFFF}
.customercenter .summary02 .Fast .txtlistArea dd .tips01 {background-color:#E60012}
.customercenter .summary02 .Fast .txtlistArea dd .tips span {font-size:13px; color:#FFFF66; margin-left:5px}
.customercenter .summary02 .Fast .txtlistArea dd td {background-color:#FFFFDF; font-size:13px; font-family:Verdana, sans-serif}
.customercenter .summary02 .Fast .txtlistArea dd .tips02 {background-color:#FFFF66; color:#FF0000}
.customercenter .summary02 .Fast .txtlistArea dd .tips03 {font-size:15px}
.customercenter .summary02 .Fast .txtlistArea dd p {font-size:15px; font-family:Verdana, sans-serif; color:#333333; padding:0px 5px}

/*20190611_零卡分期_配送進度*/
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea.noCardStyle ul li{width: calc(100% / 8);}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea.noCardStyle ul li a.noCardApply{display: inline-block; width: 110px; height: 26px; font: 12px/26px Microsoft JhengHei, sans-serif; color: #ffffff; background-color: #e5007f; border-radius: 13px; text-align: center; margin: 5px 0 0 0; padding:0 5px;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea.noCardStyle ul li a.noCardApply:hover{text-decoration: none;}

/*20190611_零卡分期_退貨浮層*/
.orderretruns tr.noCardTips td p{display:block;margin:0;font:15px/20px Microsoft JhengHei, sans-serif;padding: 0 0 10px 0;color: #ff0000;text-align:left;border: 0;}
.orderretruns tr.noCardTips td p span{font:15px/20px Century Gothic, sans-serif;}

/*20190611_零卡分期_訂購資訊付款浮層*/
.floatingLayerBox .floatPayInfoContent p.tipTxt{font: 13px/20px Microsoft JhengHei, sans-serif; color: #959595; margin: 8px 0 0 0; padding: 0; text-align: left;}

/*20221230_台哥大你付_配送進度*/
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea.noCardStyle ul li a.twmallow{background-color: #D62872;}

/** 電子發票流程說明設定 **/
.customercenter .summary02 .Invoice {margin:15px 0px; padding:0px}
.customercenter .summary02 .Invoice h1 {margin:0px; padding:0px; position:relative}
.customercenter .summary02 .Invoice h1 p {width:530px; position:absolute; bottom:0px; right:25px; font-size:13px; font-family:Verdana, sans-serif; color:#333333; font-weight:normal; line-height:20px}
.customercenter .summary02 .Invoice h1 p b {font-size:13px; font-family:Verdana, sans-serif; color:#333333; font-weight:bold}
.customercenter .summary02 .Invoice h1 p a {font-size:13px; font-family:Verdana, sans-serif; color:#0000FF; text-decoration:underline}
.customercenter .summary02 .Invoice .txtlistArea {width:750px; margin:15px auto 0px; padding:0px}
.customercenter .summary02 .Invoice .txtlistArea dt h4 {margin:0px; padding:0px}
.customercenter .summary02 .Invoice .txtlistArea dd {margin:10px 0px 20px; padding:0px 0px 10px; display:block; border-bottom:1px dashed #333333}

/** 超商取貨設定 **/
.customercenter .summary02 .Market {margin:15px 0px; padding:0px}
.customercenter .summary02 .Market .txtlistArea {width:750px; margin:15px auto 0px; padding:0px; position:relative}
.customercenter .summary02 .Market .txtlistArea dt h4 {margin:0px; padding:0px 0px 0px 5px}
.customercenter .summary02 .Market .txtlistArea dt h4 span {font-size:12px; font-family:Verdana, sans-serif; color:#FFFFFF}
.customercenter .summary02 .Market .txtlistArea dd {margin:10px 0px 20px; padding:0px 0px 10px; display:block; border-bottom:1px dashed #333333}
.customercenter .summary02 .Market .txtlistArea dd li {font-size:15px; font-family:Verdana, sans-serif; color:#333333; line-height:22px; list-style-type:decimal; list-style-position:outside; margin-left:30px}
.customercenter .summary02 .Market .txtlistArea dd .redtxt {color:#FF0000}
.customercenter .summary02 .Market .txtlistArea dd p {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/market_listtitleimg.jpg?201301300943) no-repeat; margin:10px 0px 10px; padding-left:30px; font-size:13px; font-weight:bold; font-family:Verdana, sans-serif; color:#D41E8D; height:24px; line-height:24px}
.customercenter .summary02 .Market .txtlistArea .btn {position:absolute; top:0px; right:0px}
.customercenter .summary02 .Market .txtlistArea .btn li {display:inline; margin-left:5px}

.customercenter .summary02 .Market .txtlistArea .btn .Marketbtn,
.customercenter .summary02 .Market .txtlistArea .btn .ibonbtn,
.customercenter .summary02 .ibon .txtlistArea .btn .Marketbtn,
.customercenter .summary02 .ibon .txtlistArea .btn .ibonbtn {cursor:pointer}

/** 超商ibon付款設定 **/
.customercenter .summary02 .ibon {margin:15px 0px; padding:0px; display:none}
.customercenter .summary02 .ibon .txtlistArea {width:750px; margin:15px auto 0px; padding:0px; position:relative}
.customercenter .summary02 .ibon .txtlistArea dt h4 {margin:0px; padding:0px 0px 0px 5px}
.customercenter .summary02 .ibon .txtlistArea dt h4 span {font-size:12px; font-family:Verdana, sans-serif; color:#FFFFFF}
.customercenter .summary02 .ibon .txtlistArea dd {margin:10px 0px 20px; padding:0px 0px 10px; display:block; border-bottom:1px dashed #333333}
.customercenter .summary02 .ibon .txtlistArea dd li {font-size:15px; font-family:Verdana, sans-serif; color:#333333; line-height:22px; list-style-type:decimal; list-style-position:outside; margin-left:30px}
.customercenter .summary02 .ibon .txtlistArea dd .redtxt {color:#FF0000}
.customercenter .summary02 .ibon .txtlistArea dd p {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/ibon_listtitleimg.jpg?201301300943) no-repeat; margin:10px 0px 10px; padding-left:30px; font-size:13px; font-weight:bold; font-family:Verdana, sans-serif; color:#1B7B19; height:24px; line-height:24px}
.customercenter .summary02 .ibon .txtlistArea .btn {position:absolute; top:0px; right:0px}
.customercenter .summary02 .ibon .txtlistArea .btn li {display:inline; margin-left:5px}

/** 折價券使用方法設定 **/
.customercenter .summary02 .Coupons {margin:15px 0px; padding:0px}
.customercenter .summary02 .Coupons .txtlistArea {width:750px; margin:15px auto 0px; padding:0px; position:relative}
.customercenter .summary02 .Coupons .txtlistArea dt h4 {margin:0px; padding:0px 0px 0px 5px; font-size:15px; font-family:Verdana, sans-serif; color:#FF6C84}
.customercenter .summary02 .Coupons .txtlistArea dt h4 span {font-size:12px; font-family:Verdana, sans-serif; color:#FFFFFF}
.customercenter .summary02 .Coupons .txtlistArea dd {margin:10px 0px 20px; padding:0px 0px 10px; display:block; border-bottom:1px dashed #333333}
.customercenter .summary02 .Coupons .txtlistArea dd li {font-size:13px; font-family:Verdana, sans-serif; color:#333333; line-height:22px; list-style-type:decimal; list-style-position:outside; margin-left:30px}
.customercenter .summary02 .Coupons .txtlistArea dd img {margin-bottom:20px}
.customercenter .summary02 .Coupons .txtlistArea dd .redtxt {color:#FF0000}
.customercenter .summary02 .Coupons .txtlistArea dd p {margin:0px; padding:0px 0px 0px 30px; font-size:13px; font-family:Verdana, sans-serif; color:#FF6C84; line-height:24px}
.customercenter .summary02 .Coupons .txtlistArea dd p span {font-size:13px; font-family:Verdana, sans-serif; color:#333333}
.customercenter .summary02 .Coupons .mainArea dd ul li img.store-plus-icon {max-height:30px; width:auto; margin:0px 3px; display:inline; position:relative; top:0px; vertical-align: bottom}
.customercenter .summary02 .Coupons .mainArea dd ul li img.free-shipping-icon {max-height:38px; max-width:30px; margin:0px 3px; display:inline; position:relative; top:-3px; vertical-align: bottom}

/** 其他付款方式設定 **/
.customercenter .summary02 .Pay {margin:15px 0px; padding:0px}
.customercenter .summary02 .Pay .txtlistArea {width:750px; margin:15px auto 0px; padding:0px; position:relative}
.customercenter .summary02 .Pay .txtlistArea dt h4 {background-color:#E7F1FF; margin:0px; padding:0px; font-size:15px; font-family:Verdana, sans-serif; color:#FF6C84}
.customercenter .summary02 .Pay .txtlistArea dd {margin:10px 0px 20px; padding:0px 0px 10px; display:block; border-bottom:1px dashed #333333}
.customercenter .summary02 .Pay .txtlistArea dd li {font-size:13px; font-family:Verdana, sans-serif; color:#333333; line-height:22px; list-style-type:decimal; list-style-position:outside; margin-left:30px}
.customercenter .summary02 .Pay .txtlistArea dd img {margin-bottom:20px}
.customercenter .summary02 .Pay .txtlistArea dd .redtxt {color:#FF0000}
.customercenter .summary02 .Pay .txtlistArea dd p {margin:0px; padding:0px; font-size:13px; font-family:Verdana, sans-serif; color:#434343; line-height:24px}
.customercenter .summary02 .Pay .txtlistArea dd p a,
.customercenter .summary02 .Pay .txtlistArea dd li a {font-size:13px; font-family:Verdana, sans-serif; color:#0000FF}

/** 退貨處理程序說明設定 **/
.customercenter .summary02 .Returns {margin:15px 0px 0px; padding:0px}
.customercenter .summary02 .Returns .txtlistArea {width:750px; margin:15px auto 0px; padding:0px; position:relative}
.customercenter .summary02 .Returns .txtlistArea li {font-size:13px; font-family:Helvetica; color:#434343; font-weight:normal; line-height:18px; margin:5px 10px 5px 30px; list-style-type:decimal; list-style-position:outside}
.customercenter .summary02 .Returns .txtlistArea li b {font-size:13px; margin-bottom:5px; display:block}
.customercenter .summary02 .Returns .txtlistArea li table {border-left:1px solid #999999; border-top:1px solid #999999; margin-bottom:10px}
.customercenter .summary02 .Returns .txtlistArea li table th,
.customercenter .summary02 .Returns .txtlistArea li table td {font-size:13px; font-family:Helvetica; padding:3px 5px; border-bottom:1px solid #999999; border-right:1px solid #999999}
.customercenter .summary02 .Returns .txtlistArea li table th {background-color:#669900; text-align:center; color:#FFFFFF; white-space:nowrap}
.customercenter .summary02 .Returns .txtlistArea li table .redtxt {font-size:13px; color:#FF0000}
.customercenter .summary02 .Returns .txtlistArea li p {font-weight:normal}
.customercenter .summary02 .Returns .txtlistArea li .redtxt,
.customercenter .summary02 .Returns .txtlistArea p .redtxt {font-size:13px; color:#FF0000}
.customercenter .summary02 #returnsArea {margin:0px 20px}
.customercenter .summary02 #returnsArea .vendordetailmenu {width:1000px; border-bottom:1px solid #323232; height:34px; display:block; position:relative; clear:both} /** 20120910修改 **/
.customercenter .summary02 #returnsArea .vendordetailmenu li {float:left; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/vendordetailmenu_newliBk.gif?201301300943) repeat-x; border:1px solid #CBCBCB; border-left:0px; border-bottom:0px; height:30px; line-height:30px; padding:0px 20px; position:relative; top:3px; cursor:pointer}
.customercenter .summary02 #returnsArea .vendordetailmenu .first {border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; left:0px; z-index:3}
.customercenter .summary02 #returnsArea .vendordetailmenu li span {font-size:15px; font-family:Helvetica; color:#666666; font-weight:normal}
.customercenter .summary02 #returnsArea .vendordetailmenu .selected {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/vendordetailmenu_newlileftBk.gif?201301300943) no-repeat; height:35px; top:0px; padding:0px 0px 0px 3px; border:0px; position:relative; z-index:4}
.customercenter .summary02 #returnsArea .vendordetailmenu .selected b {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/vendordetailmenu_newlirightBk.gif?201301300943) no-repeat right; height:35px; padding-right:4px; display:block}
.customercenter .summary02 #returnsArea .vendordetailmenu .selected b span {border:1px solid #323232; border-top:3px solid #323232; border-bottom:0px; display:block; height:32px; line-height:32px; color:#1F1F1F; font-weight:bold; padding:0px 20px; position:relative; top:0px}
.customercenter .summary02 #returnsArea .TabContentD {padding:10px} /** 20120910修改 **/
.customercenter .summary02 #returnsArea .TabContent .selected {display:block}
.customercenter .summary02 #returnsArea .TabContentD ul {margin-bottom:10px}
.customercenter .summary02 #returnsArea .TabContentD li {font-size:13px; font-family:Helvetica; color:#333333; line-height:18px; list-style-type:decimal; list-style-position:outside; margin:5px 5px 0px 30px}
.customercenter .summary02 #returnsArea .TabContentD img {margin-bottom:20px}
.customercenter .summary02 #returnsArea .redtxt {color:#FF0000; font-size:13px}
.customercenter .summary02 #returnsArea p {margin:0px; padding:0px; font-size:15px; font-family:Helvetica; color:#FF6C84; line-height:24px}
.customercenter .summary02 #returnsArea p a,
.customercenter .summary02 #returnsArea li a {font-size:13px; font-family:Verdana, sans-serif; color:#0000FF}
.customercenter .summary02 #returnsArea .title {font-size:13px; font-family:Helvetica; font-weight:bold; padding-left:14px}


/** 資料修改、密碼修改、訂閱/取消電子報設定、快速結帳設定 **/
.customercenter .summary02 .inner .modify {margin-top:0px; display:inline-block}
.customercenter .summary02 .inner .modify dd {display:block; font-size:13px; font-family:Verdana; line-height:22px; position:relative}
.customercenter .summary02 .inner .modify dd .bluetxt {font-size:13px; color:#0000FF; font-family:Verdana}
.customercenter .summary02 .inner .modify dd .redtxt {font-size:13px; color:#FF0000; font-family:Verdana}
.customercenter .summary02 .inner .modify dd .graytxt {font-size:13px; color:#808080; font-family:Verdana}
.customercenter .summary02 .inner .modify dd p {font-size:13px; padding:0px 13px; font-family:Verdana}
.customercenter .summary02 .inner .modify dd .same {font-size:13px; font-weight:bold; margin-left:5px}
.customercenter .summary02 .inner .modify dd .same input,
.customercenter .summary02 .inner .modify label input {position:relative; top:2px}
.customercenter .summary02 .inner .modify dd .invoice {float:right; width:668px; font-weight:normal; margin:0px; padding:0px; position:relative; top:-1px; top:-2px \9; #top:-3px}
.customercenter .summary02 .inner .modify dd .invoice:not(*:root) {top:0px}
.customercenter .summary02 .inner .modify dd .invoice label {margin-right:5px}
.customercenter .summary02 .inner .modify dd .invoice a {font-size:13px; color:#3366FF; font-family:Verdana, sans-serif}
.customercenter .summary02 .inner .modify input, .customercenter .summary02 .inner .modify select, .customercenter .summary02 .inner .modify option {font-size:13px; font-family:Verdana}
.customercenter .summary02 .inner .modify label {font-size:13px; font-family:Verdana, sans-serif}


/** 中獎記錄設定 **/
.customercenter .summary02 .inner .winning {width:746px; position:relative}
.customercenter .summary02 .inner .winning .title {background-color:#FF588B; border:3px solid #CFD3D4; height:30px; line-height:30px}
.customercenter .summary02 .inner .winning dd {border-bottom:1px dashed #000000; height:36px; line-height:36px; margin-bottom:0px}
.customercenter .summary02 .inner .winning dd b {width:110px; height:30px; font-size:13px; font-family:Verdana; color:#FFFFFF; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .winning dd span {width:110px; height:36px; font-size:13px; font-family:Verdana; margin-left:2px; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .winning .title b {border-left:1px solid #D5D4D0}
.customercenter .summary02 .inner .winning dd .tips {width:258px}
.customercenter .summary02 .inner .winning .title .first {border-left:0px}
.customercenter .summary02 .inner .winning dd .first {margin-left:0px}


/** 訂單查詢/退貨 **/
.customercenter .summary02 .inner .order .non_members {background-color: #fbe7e9}
.customercenter .summary02 .inner .order {width:746px; float:left; position:relative}
.customercenter .summary02 .inner .order dt {background-color:#FF588B; border-bottom:0px; height:30px; line-height:30px; margin:10px 0px 5px; border:3px solid #CFD3D4; overflow:hidden}
.customercenter .summary02 .inner p {font-size:13px; margin:10px 0px 0px; font-weight:bold}
.customercenter .summary02 .inner p b {margin:0px 3px; font-family:Verdana, sans-serif; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .order dt,
.customercenter .summary02 .inner .order dd {margin-bottom:0px; }
.customercenter .summary02 .inner .order dt {border-bottom:1px solid #CFD3D4}
.customercenter .summary02 .inner .order dd {border:3px solid #CFD3D4; border-top:0px; padding:0px; height:36px; line-height:inherit}
.customercenter .summary02 .inner .order dt b {width:110px; height:36px; font-size:13px; font-family:Verdana; color:#FFFFFF; font-weight:normal; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .order dd span {float:left; width:110px; height:36px; line-height:36px; font-size:13px; font-family:Verdana; margin-left:0px; text-align:center; border-left:1px solid #CFD3D4; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .order dt b {border-left:1px solid #D5D4D0}
.customercenter .summary02 .inner .order dd .first {font-weight:bold; color:#000000}
.customercenter .summary02 .inner .order dd .redtxt {color:#DD2726}
.customercenter .summary02 .inner .order dd .invoice a {font-size:13px; font-family:Verdana, sans-serif; color:#3366FF}
.customercenter .summary02 .inner .order dd .invoice a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .order dd .invoice a.disabled {color:#808080;text-decoration:none;cursor:default}
.notfound {color: #000000;font: 13px/20px Microsoft JhengHei,sans-serif;padding: 30px;text-align: center;}
.notfound i {color: #000000;font: 13px/20px Microsoft JhengHei,sans-serif;overflow:hidden;text-overflow:ellipsis;max-width: 180px;white-space: nowrap;display: inline-block;vertical-align: top;}

.customercenter .summary02 .inner .order .detailsArea .expansion {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/expansionimg.jpg?201301300943) no-repeat 5px 5px; padding:1px 10px 1px 25px; font-size:13px; color:#373737; font-weight:normal; height:20px; line-height:21px; line-height:26px \9; margin:3px 5px 0px; display:inline-block; width:auto; border:0px; cursor:pointer; float: none;}
.customercenter .summary02 .inner .order .detailsArea .close {background:#E3E3E3 url(//image.momoshop.com.tw/ecm/img/cmm/memb/closeimg.jpg?201301300943) no-repeat 5px 5px; padding:1px 10px 1px 25px; font-size:13px; color:#373737; font-weight:normal; height:20px; line-height:21px; line-height:26px \9; margin:3px 5px 0px; margin: 3px 5px 10px \9; display:inline-block; width:auto; border:0px; cursor:pointer: float: none;}
.customercenter .summary02 .inner .order .detailsArea .prdlist {display:none;position:relative;width: 100%;border-bottom: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist td {font-size:13px;font-family: Microsoft JhengHei, sans-serif;color:#434343;text-align:center;line-height: 20px;border: 0px;padding: 5px 10px 0px 10px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist td a {font-size:13px;font-family: Microsoft JhengHei, sans-serif;color:#3366FF;}
.customercenter .summary02 .inner .order .detailsArea .prdlist td a.nolink {color:#434343; cursor: initial;}
.customercenter .summary02 .inner .order .detailsArea .prdlist td a:not(.nolink):hover {color:#E40480; text-decoration:underline} 
.customercenter .summary02 .inner .order .detailsArea .prdlist td .reprintBtn {background:none repeat scroll 0 0 #ffffff;border:1px solid #565656;border-radius:5px;color:#313131;font:12px/20px PMingLiU;height:22px;padding:0 4px;text-align:center;white-space:nowrap;width:auto;cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdimg {width:80px}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname {text-align:left;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p {margin:0px;padding:0px;font-size:13px;font-family: Microsoft JhengHei, sans-serif;font-weight:normal;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p span {width:auto; height:auto; display:inline; font-size:13px; font-family:Verdana, sans-serif; font-weight:normal; border:0px; margin:0px; padding:0px; line-height:normal}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p .hide {display:none}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p .CompareSel {width:200px}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p .confirmbtn {position:relative; top:6px; #top:-5px}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p .confirmbtn span {background-color:#FFFFFF; border:1px solid #666666; height:20px; line-height:20px; margin:0px 0px; display:inline-block}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p .confirmbtn span a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x scroll 0px 0px; color:#000000; display:inline-block; font-size:13px; height:18px; line-height:18px; #line-height:22px; margin:1px 1px 0px; padding:0px 10px; text-decoration:none; cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p .confirmbtn .styleclose {margin-left:5px}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .replacementbtn {float:right; width:auto; background-color:#FFFFFF; border:1px solid #666666; height:22px; line-height:22px; margin:0px 0px; position:relative; bottom:0px; right:0px}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .replacementbtn:hover {border-color:#000000}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .replacementbtn a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x scroll 0px 2px; color:#000000; display:block; font-size:13px; height:20px; line-height:20px; #line-height:24px; margin:1px 1px 0px; padding:0px 3px; text-decoration:none; cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .phInsurance {display: inline-block;margin: 0px;padding: 0px 0px 0px 10px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .phInsurance font {font: 12px/20px Microsoft JhengHei, sans-serif; color: #000;margin: 0px 0px 0px 10px; display: inline-block;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .phInsurance input[type="button"] {font: 12px/20px Microsoft JhengHei, sans-serif;outline: none;cursor: pointer;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .itemnumber .phInsurance{padding: 0px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .survey {margin: 0px 0px 0px 10px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .returnbtn,
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .singleretrunbtn {width:40px; border:1px solid #666666; height:22px; line-height:22px; margin:0px 2px; background-color:#FFFFFF}
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .returnbtn:hover,
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .singleretrunbtn:hover {border:1px solid #000000}
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .returnbtn a,
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .singleretrunbtn a {font-size:13px; color:#000000; padding:0px 0px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x 0px 2px; height:20px; line-height:20px; line-height:24px \9; margin:1px 1px 0px; display:block}
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .returnbtn a:hover,
.customercenter .summary02 .inner .order .detailsArea .prdlist .returntd .singleretrunbtn a:hover {color:#000000; text-decoration:none}
.customercenter .summary02 .inner .order .detailsArea .prdlist .FaqSearch {width:110px}
.customercenter .summary02 .inner .order .detailsArea .prdlist .delivery a { background: url("//image.momoshop.com.tw/ecm/img/cmm/memb/distributionimg.gif?201301300943") no-repeat scroll 0 3px transparent; cursor: pointer; padding-left: 15px; }
.customercenter .summary02 .inner .order .detailsArea .prdlist .delivery div {white-space:nowrap;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .delivery a:hover { background-position: 0 -21px; text-decoration: none; }
.customercenter .summary02 .inner .order .detailsArea .questionArea,
.customercenter .summary02 .inner .order .detailsArea .recordArea,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea {width:auto; width: 725px \9; clear: both \9; height:auto; display:block; border:0px; text-align:left; margin: 10px 10px 0px \9}
.customercenter .summary02 .inner .order .detailsArea .questionArea h4,
.customercenter .summary02 .inner .order .detailsArea .recordArea h4,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea h4 {width: 983px; background-color:#E3E3E3; font-size:13px; height:24px; line-height:26px; padding-left:5px; display:block}
.customercenter .summary02 .inner .order .detailsArea .questionArea h4 span,
.customercenter .summary02 .inner .order .detailsArea .recordArea h4 span,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea h4 span {float:right; font-size:13px; font-family:Verdana, sans-serif; font-weight:normal; padding-right:5px; width:auto; border:0px; height:24px; line-height:26px; cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea .questionArea table,
.customercenter .summary02 .inner .order .detailsArea .recordArea table,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea table {margin:0px 10px}
.customercenter .summary02 .inner .order .detailsArea .questionArea table th,
.customercenter .summary02 .inner .order .detailsArea .recordArea table th,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea table th {background-color:#E0FFFF; font-size:13px; color:#000000; width:inherit; text-align:left; padding:4px 5px; font-family:Verdana, sans-serif; line-height:normal}
.customercenter .summary02 .inner .order .detailsArea .changeaddArea table th {width:70px; text-align:right}
.customercenter .summary02 .inner .order .detailsArea .recordArea table .reply {background-color:#FFE4C4}
.customercenter .summary02 .inner .order .detailsArea .recordArea table th b {background-color:#FF8C00; color:#FFFFFF; padding:1px 3px; margin:0px 5px 0px 0px; font-family:Verdana}
.customercenter .summary02 .inner .order .detailsArea .recordArea table .reply b {background-color:#87CEFA; padding:1px 4px}
.customercenter .summary02 .inner .order .detailsArea .questionArea table td {padding-left:5px}
.customercenter .summary02 .inner .order .detailsArea .recordArea table td {padding:0px 30px; font-size:13px; line-height:24px}
.customercenter .summary02 .inner .order .detailsArea .recordArea table .nowreply {margin:0px}
.customercenter .summary02 .inner .order .detailsArea .recordArea table .nowreply th {background-color:inherit; font-weight:normal}
.customercenter .summary02 .inner .order .detailsArea .recordArea table .nowreply td {padding:0px}
.customercenter .summary02 .inner .order .detailsArea .changeaddArea .tips {height:20px; line-height:20px}
.customercenter .summary02 .inner .order .detailsArea .changeaddArea td .information {font-size:13px; color:#0059A5; font-weight:normal; margin-left:85px; cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea .hide {display:none}
.customercenter .summary02 .inner .order .detailsArea .cancelLink {float:right;color:#959595;cursor:pointer;text-decoration:underline;}
.customercenter .summary02 .inner .order .detailsArea .progressBtn { margin-right:5px;}

/** 訂單退貨彈出視窗樣式 **/
.orderretruns {position:absolute; z-index:1100; top:0px; left:0px; background-color:#FFFFFF; width:760px; padding:10px}
.orderretruns  #rtnNoteClose {cursor:pointer; text-align:right}
.orderretruns h2 {background-color:#FFE332; font-family:Verdana,sans-serif; font-size:15px; height:28px; line-height:30px; padding-left:10px; text-align:left; margin:10px 0px 5px}
.orderretruns th,
.orderretruns td,
.orderretruns select,
.orderretruns option,
.orderretruns td input {text-align:left; font-size:13px; font-family:Verdana, sans-serif}
.orderretruns th {width:100px; text-align:right}
.orderretruns .redtxt {color:#FF0000}
.orderretruns td .confirmbtn {float:right; background-color: #FFFFFF; border:1px solid #666666; height:22px; line-height:22px; margin:0px}
.orderretruns td .confirmbtn:hover {border-color:#000000}
.orderretruns td .confirmbtn a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x scroll 0px 2px; color:#000000; display:block; #display:inherit; font-size:13px; height:20px; line-height:20px; #line-height:24px; margin:1px 1px 0px; padding:0px 3px}
.orderretruns td .information {font-size:13px; color:#027BFF; font-weight:normal; margin-left:105px; cursor:pointer}
.orderretruns td p {border-bottom: 1px dashed #999999; font-family: Verdana,Geneva,sans-serif; font-size: 13px; line-height: 26px; margin-bottom: 4px; }
.orderretruns td p select { float: right; width: 180px;}
.orderretruns #iReceiver #returnSubBtn{ margin: 0px; padding: 0px }
.orderretruns #iReceiver #returnSubBtn a {background: none repeat scroll 0 0 #fff;border: 1px solid #565656;border-radius: 4px;cursor: pointer;display: inline-block;font: 13px/20px PMingLiU;margin: 5px;padding: 1px 4px;}
.orderretruns #accountSpan {display: none;}
.orderretruns .claimRemark {width:50%}
.orderretruns .reminder {color:#999999} 
.orderretruns .notice{font-size:13px;line-height:26px;font-weight:bold;padding:10px 0 10px 56px;}
.returnprdname .cycleWording {color:#FF0000}

/** 單品退貨彈出視窗樣式 **/
.singlereturn {position:absolute; z-index:1100; top:0px; left:0px; display:none; background-color:#FFFFFF; width:725px; padding:10px}
.singlereturn  #rtnNoteClose {cursor:pointer; text-align:right}
.singlereturn h2 {background-color:#FFE332; font-family:Verdana,sans-serif; font-size:15px; height:28px; line-height:30px; padding-left:10px; text-align:left; margin:10px 0px 5px}
.singlereturn th,
.singlereturn td,
.singlereturn select,
.singlereturn option,
.singlereturn td input {text-align:left; font-size:13px; font-family:Verdana, sans-serif}
.singlereturn th {width:100px; text-align:right}
.singlereturn .redtxt {color:#FF0000}
.singlereturn td .confirmbtn {float:right; background-color: #FFFFFF; border:1px solid #666666; height:22px; line-height:22px; margin:0px}
.singlereturn td .confirmbtn:hover {border-color:#000000}
.singlereturn td .confirmbtn a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x scroll 0px 2px; color:#000000; display:block; font-size:13px; height:20px; line-height:20px; #line-height:24px; margin:1px 1px 0px; padding:0px 3px}
.singlereturn td .information {font-size:13px; color:#0059A5; font-weight:normal; margin-left:105px; cursor:pointer}

/** 命理商品回傳傳彈出視窗樣式 **/
.resenddataArea {position:absolute; z-index:1100; top:0px; left:0px; background-color:#FFFFFF; width:760px; padding:10px}
.resenddataArea  #rtnNoteClose {cursor:pointer; text-align:right}
.resenddataArea h2 {background-color:#FFE332; font-family:Verdana,sans-serif; font-size:15px; height:28px; line-height:30px; padding-left:10px; text-align:left; margin:10px 0px 5px}
.resenddataArea th,
.resenddataArea td,
.resenddataArea select,
.resenddataArea option,
.resenddataArea td input {text-align:left; font-size:13px; font-family:Verdana, sans-serif}
.resenddataArea th {width:100px; text-align:right}
.resenddataArea .redtxt {color:#FF0000}
.resenddataArea .confirmbtn {float:right; background-color: #FFFFFF; border:1px solid #666666; height:22px; line-height:22px; margin:0px}
.resenddataArea .confirmbtn:hover {border-color:#000000}
.resenddataArea .confirmbtn a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x scroll 0px 2px; color:#000000; display:block; #display:inherit; font-size:13px; height:20px; line-height:20px; #line-height:24px; margin:1px 1px 0px; padding:0px 3px}
.resenddataArea td .information {font-size:13px; color:#0059A5; font-weight:normal; margin-left:105px; cursor:pointer}
.resenddataArea td p {border-bottom: 1px dashed #999999; font-family: Verdana,Geneva,sans-serif; font-size: 13px; line-height: 26px; margin-bottom: 4px; }
.resenddataArea td p select { float: right; width: 180px;}
.resenddataArea #iReceiver #returnSubBtn{ margin: 0px; padding: 0px }
.resenddataArea #iReceiver #returnSubBtn a {background: none repeat scroll 0 0 #fff;border: 1px solid #565656;border-radius: 4px;cursor: pointer;display: inline-block;font: 13px/20px PMingLiU;margin: 5px;padding: 1px 4px;}
.resenddataArea {background-color:#FFFFFF; padding:10px 20px 15px 20px; position:absolute; z-index:1100}
.resenddataArea h2 {background-color:#FFE332; font:15px/30px Helvetica; padding-left:10px; text-align:left; margin:0px 0px 10px 0px}
.resenddataArea p {text-align:right}
.resenddataArea p img {cursor:pointer}
.resenddataArea table {background-color:#FFFFFF; width:630px; border-right:1px solid #DFDFDF; border-top:1px solid #DFDFDF; }
.resenddataArea table tbody th {width:100px; padding:5px 10px; font:bold 13px/20px Helvetica; text-align:right; white-space:nowrap; background-color:#FFF0F5; border-left:1px solid #DFDFDF; border-bottom:1px solid #dfdfdf;}
.resenddataArea table tbody td {padding:5px 10px; text-align:left; font:13px/20px Helvetica; border-left:1px solid #dfdfdf; border-bottom:1px solid #DFDFDF;}
.resenddataArea table tbody td input {font:13px/20px Helvetica; color:#313131; padding:0px 3px;}
.resenddataArea table tbody .changedata label {display:inline-block; margin-left:10px; }
.resenddataArea table tbody .changedata label input { position:relative; top:2px; margin-right:5px; }
.resenddataArea table tbody .birthday input {width:30px; margin:0px 2px;}
.resenddataArea table tbody .address input {width:315px;}
.resenddataArea table tbody .address select,
.resenddataArea table tbody .address option {font:13px/20px Helvetica;}
.resenddataArea table tbody .address select { margin-right:5px; }
.resenddataArea table tbody .notetext textarea { width:400px; background-color:#FFFFFF; border:1px solid #484848; font:13px/20px Helvetica; color:#313131; padding:5px 5px; resize:none}
.resenddataArea table tbody td label {display:inline-block; margin-right:5px; }
.resenddataArea table tbody td label input { position:relative; top:2px; }
.resenddataArea .checkArea {margin:0px auto; padding:15px 0px 0px 0px; text-align:center}
.resenddataArea .checkArea button {font:13px/25px Helvetica;}
.resenddataArea #receiverPost {width:120px}
.resenddataArea #receiverAddr {width:480px}


/** 最近聯絡資料彈出視窗樣式 **/
.informationArea {position:absolute; z-index:1100; top:0px; left:0px; display:none; background-color:#FFFFFF; width:725px; padding:10px}
.informationArea  #rtnNoteClose {cursor:pointer; text-align:right}
.informationArea h2 {background-color:#FFE332; font-family:Verdana,sans-serif; font-size:15px; height:28px; line-height:30px; padding-left:10px; text-align:left; margin:10px 0px 5px}
.informationArea th,
.informationArea td,
.informationArea select,
.informationArea option,
.informationArea td input {text-align:left}
.informationArea th {background-color:#E3E3E3; text-align:center}
.informationArea td {text-align:center}
.informationArea td label {font-size:13px; font-family:Verdana, sans-serif}
.informationArea .redtxt {color:#FF0000}
.informationArea .confirmbtn {float:right; background-color: #FFFFFF; border:1px solid #666666; height:22px; line-height:22px; margin:0px}
.informationArea .confirmbtn:hover {border-color:#000000}
.informationArea .confirmbtn a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x scroll 0px 2px; color:#000000; display:block; font-size:13px; height:20px; line-height:20px; #line-height:24px; margin:1px 1px 0px; padding:0px 3px; cursor:pointer}

/** 整筆訂單無法退貨時彈出視窗樣式 **/
.notpermittedArea {position:absolute; z-index:1100; top:0px; left:0px; display:none; background-color:#FFFFFF; width:725px; padding:10px}
.notpermittedArea  #rtnNoteClose {cursor:pointer; text-align:right}
.notpermittedArea h2 {background-color:#FFE332; font-family:Verdana,sans-serif; font-size:15px; height:28px; line-height:30px; padding-left:10px; text-align:left; margin:10px 0px 5px}
.notpermittedArea p,
.notpermittedArea p .orderno {text-align:left; font-size:13px; font-family:Verdana, sans-serif; margin:10px 20px}
.notpermittedArea p .orderno {margin:0px 2px}
.notpermittedArea .redtxt {color:#FF0000}

.customercenter .summary02 .inner .order dt .menu,
.customercenter .summary02 .inner .order dd .menu {width:80px; margin:0px; margin:0px \9; #margin-top:2px; padding:0px; float:right}
.customercenter .summary02 .inner .order dt .menu {margin:0px}
.customercenter .summary02 .inner .order dd .menu {border-left:1px solid #cfd3d4}
.customercenter .summary02 .inner .order dd .menu input { left: 7px; position: relative; top: 7px; float: left;}
.customercenter .summary02 .inner .order dd .menu ul {padding-left:2px; float: right;}
.customercenter .summary02 .inner .order dd .menu ul .question button{ cursor: pointer; height: 25px; line-height:23px; }
.customercenter .summary02 .inner .order dd .menu li {border:1px solid #666666; height:22px; line-height:22px; margin:6px 8px; background-color:#FFFFFF}
.customercenter .summary02 .inner .order dd .menu li:hover {border:1px solid #000000}
.customercenter .summary02 .inner .order dd .menu a {font-size:13px; color:#000000; padding:0px 0px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x 0px 2px; height:20px; line-height:20px; line-height:24px \9; margin:1px 1px 0px; cursor: pointer; display:block}
.customercenter .summary02 .inner .order dd .menu a:hover {color:#000000}
.customercenter .summary02 .inner .order dd .menu .hide,
.customercenter .summary02 .inner .order dd .menu .closeDetails {display:none}
.customercenter .summary02 .inner .order dd .menu .details, .customercenter .summary02 .inner .order dd .menu .closeDetails:hover {border:1px solid #0059A5; background-color:#FFFFFF}
.customercenter .summary02 .inner .order dd .menu .details:hover, .customercenter .summary02 .inner .order dd .menu .closeDetails {border:1px solid #EB4800; background-color:#FFFFFF}
.customercenter .summary02 .inner .order dd .menu .details a, .customercenter .summary02 .inner .order dd .menu .closeDetails a:hover {color:#0059A5; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsbk.gif?201301300943) repeat-x 0px 2px}
.customercenter .summary02 .inner .order dd .menu .details a:hover, .customercenter .summary02 .inner .order dd .menu .closeDetails a {color:#FF0000; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 2px; cursor:pointer}
.customercenter .summary02 .inner .order dd .menu .notchange {border:0px; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .order dd .menu .notchange:hover {border:0px}
.customercenter .summary02 .inner .order dd .menu .hide {display:none}

/** 單品配送狀況 **/
.deliverynote {background-color:#FFFFFF; width:auto; text-align:center; margin:0px auto; padding:5px 5px 10px; border-radius:5px}
.deliverynote .close {text-align:right; margin:0px 0px 10px; padding:0px; cursor:pointer}
.deliverynote dl {margin:0px auto; padding:0px; display:inline-block;}
.deliverynote dl dd {float:left; width:108px; margin:0px 0px 0px 33px; padding:0px; position:relative}
.deliverynote dl dd:first-child {margin:0px}
.deliverynote dl dd .arrow {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/deliveryArrow.png) no-repeat; width:12px; height:11px; position:absolute; left:-22px; top:34px; display:none}
.deliverynote dl dd:first-child .arrow {display:none}
.deliverynote dl dd img {background-color:#C6C6C6; border-radius:3px}
.deliverynote dl dd p {font:bold 13px/20px Helvetica; color:#AFAFAF; margin:0px; padding:0px}
.deliverynote dl p .date {display:block}

.deliverynote dl .selected img {background-color:#E4007F}
.deliverynote dl .selected span {color:#313131}
.deliverynote dl .selected p .date,
.deliverynote dl .selected p .time {display:block;color:#313131; width:106px\9;}
.deliverynote dl .selected .arrow {display:inline-block}
.backDelivery {width:600px}

/** 追蹤清單設定 **/
.customercenter .summary02 .inner .wishlist {font-size:0px;margin: 0px;padding: 0px;display: inline-block;width: 100%;box-sizing: border-box;}
.customercenter .summary02 .inner .wishlist dd,
.customercenter .summary02 .inner .wishlist dt {font-size: 0px;line-height: 0px;}
.customercenter .summary02 .inner .wishlist dt b {margin:0px 3px; font-family:Verdana, sans-serif; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .wishlist dd #ltArea {width: 100%;display: inline-block;line-height: 0px;font-size: 0px;box-sizing: border-box;}
.customercenter .summary02 .inner .wishlist dd li {padding: 10px 5px;line-height: 0px;border-bottom:1px solid #BBBBBB;margin: 0px;box-sizing: border-box;}
.customercenter .summary02 .inner .wishlist dd .prddetails {margin:0px;display:inline-block;position:relative;line-height: 0px;font-size: 0px;width: 100%;box-sizing: border-box;}
.customercenter .summary02 .inner .wishlist dd .prddetails dt,
.customercenter .summary02 .inner .wishlist dd .prddetails dd {margin:0px;padding:0px;display: inline-block;vertical-align: top;line-height: 0px;font-size: 0px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .preferential{margin: 10px 0 0 112px;box-sizing: border-box;}
.customercenter .summary02 .inner .wishlist dd .prddetails .preferential span {font: 13px/20px Microsoft JhengHei,sans-serif;background: #fdf1f1;color: #f04343;padding: 0px 5px;display: inline-block;}
.customercenter .summary02 .inner .wishlist dd .prddetails .preferential .neopromo { background-color: #FF0099; border-radius: 4px 4px 4px 4px; color: #FFFFFF; font: 11px/22px Helvetica; height: 20px; padding: 0 3px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .prdimg {margin: 0;width: 100px;height: 100px;position: relative;border: 1px solid rgba(153, 153, 153, 0);display: inline-block;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips a {color: #3366ff;font: 16px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .wishlist dd .prddetails .righttxt span {font-size:24px;font-family:Century Gothic;color:#D62672;font-weight:bold;margin:0px;padding:0px;line-height: 24px;display: inline-block;}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu ul {display: inline-block;font-size: 0px;line-height: 0px;padding: 0px;margin: 0px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu li {border:1px solid #666666;line-height:22px;margin: 0px 5px 0px 0px;background-color:#FFFFFF;padding:0px;display: inline-block;}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu li:last-child {margin-right:0px}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu li:hover {border:1px solid #000000}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu a {font-size:13px; color:#666666; padding:0px 5px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x 0px 2px; height:20px; line-height:20px; line-height:24px \9; margin:1px 1px 0px; display:block; cursor:pointer}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu a:hover {color:#000000}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu .closeDetails {border:1px solid #EB4800;background-color:#FFFFFF;}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu .closeDetails:hover {border:1px solid #0059A5; background-color:#FFFFFF}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu .closeDetails a:hover {color:#0059A5; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsbk.gif?201301300943) repeat-x 0px 2px}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu .closeDetails a {color:#FF0000; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 2px; cursor:pointer}

/** 可訂購時通知清單 **/
.customercenter .summary02 .inner .canbeordered dt b {margin:0px 3px; font-family:Verdana, sans-serif; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .canbeordered dt .forsoldout{display: inline-block;width: 100%;position: absolute;bottom: 11px;left: 0;background: rgba(0,0,0,0.7);color: #fff;font:bold 15px/26px Microsoft JhengHei,sans-serif;text-align: center;margin: 0;z-index: 2;}
.customercenter .summary02 .inner .canbeordered dd li {line-height: 0px;border-bottom:1px solid #BBBBBB;padding: 10px 5px;margin-bottom:0px;}
.customercenter .summary02 .inner .canbeordered dd .prddetails {margin:0px;display:inline-block;position:relative;line-height: 0px;}
.customercenter .summary02 .inner .canbeordered dd .prddetails dt, .customercenter .summary02 .inner .canbeordered dd .prddetails dd {float:left; margin:0px; padding:0px; line-height:inherit}
.customercenter .summary02 .inner .canbeordered dd .prddetails dd {border:0px; height:22px; line-height:22px; margin:4px 20px 4px 0px; font-size:13px; font-family:Verdana, sans-serif; display:inline-block}
.customercenter .summary02 .inner .canbeordered dd .prddetails .prdimg {border: 1px solid rgba(153, 153, 153, 0); display: inline-block;width: 100px;height: 100px;margin: 0px;position: relative;}
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips {width:640px; margin:10px 0px 0px; overflow:hidden; height:22px}
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5; line-height:20px}
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .canbeordered dd .prddetails .type {width:500px; margin-right:130px; overflow:hidden}
.customercenter .summary02 .inner .canbeordered dd .prddetails .righttxt {margin:0px; position:absolute; bottom:50px; #bottom:36px; right:0px}
.customercenter .summary02 .inner .canbeordered dd .prddetails .righttxt span {width:inherit; font-size:24px; font-family:Century Gothic; color:#D62672; font-weight:bold; height:26px; overflow:inherit; margin:0px; padding:0px; height:inherit; line-height:normal}
.customercenter .summary02 .inner .canbeordered dd .prddetails .menu {margin:-8px 0px 0px 0px; margin-top:0px \9; padding:0px; float:right}
.customercenter .summary02 .inner .canbeordered dd .prddetails .menu ul {padding-left:2px}
.customercenter .summary02 .inner .canbeordered dd .prddetails .menu li {float:left; border:1px solid #666666; height:22px; line-height:22px; margin:6px 1px 0px 5px; margin-top:0px \9; background-color:#FFFFFF; padding:0px}
.customercenter .summary02 .inner .canbeordered dd .prddetails .menu li:hover {border:1px solid #000000}
.customercenter .summary02 .inner .canbeordered dd .prddetails .menu a {font-size:13px; color:#666666; padding:0px 5px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x 0px 2px; height:20px; line-height:20px; line-height:24px \9; margin:1px 1px 0px; display:block}
.customercenter .summary02 .inner .canbeordered dd .prddetails .menu a:hover {color:#000000}
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips a span.tags{ display:inline-flex; gap: 4px; height: 20px; align-items: center; margin-right: 8px; float: left; }
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips a span.tags i.pre-order-tag { background-color: #ff960a; border-radius: 2px; color: white; font-size: 11px; line-height: 16px; font-style: normal; padding: 0 2.5px;}
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips a span.tags i.flash-sale-tag { background-color: #dd2222; border-radius: 2px; color: white; font-size: 11px; line-height: 16px; font-weight: bold; font-style: normal; padding: 0 2px;}

/** 折價卷查詢/歸戶 **/
.customercenter .summary02 .inner .discountcoupons dt b {margin:0px 3px; font-family:Verdana, sans-serif; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .discountcoupons dd {width:736px; border:0px; background:#EEEEEE; padding:5px; display:inline-block}
.customercenter .summary02 .inner .discountcoupons dd .coupons {display:inline-block; border:1px solid #EB4800; background-color:#FFFFFF; margin-top:2px; height:20px; line-height:20px}
.customercenter .summary02 .inner .discountcoupons dd .coupons b {float:left; font-size:13px; font-family:Verdana, sans-serif; color:#0059A5; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 0px; height:18px; line-height:18px; padding:0px 5px; margin:1px}
.customercenter .summary02 .inner .discountcoupons dd .details {float:right; width:680px}
.customercenter .summary02 .inner .discountcoupons dd .details li {display:inline; font-size:13px; font-family:Verdana, sans-serif; line-height:24px; color:#434343; margin-right:20px; white-space:nowrap}
.customercenter .summary02 .inner .discountcoupons dd .details .tips {float:right; margin:0px 0px 0px 10px}
.customercenter .summary02 .inner .discountcoupons dd .details .name {width:465px; display:inline-block; margin-right:0px; overflow:hidden}
.customercenter .summary02 .inner .discountcoupons dd .details .name a, .customercenter .summary02 .inner .discountcoupons dd .details .apply a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5}
.customercenter .summary02 .inner .discountcoupons dd .details .name a:hover, .customercenter .summary02 .inner .discountcoupons dd .details .apply a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .discountcoupons dd .details .apply {width:565px; display:inline-block; margin-right:0px}

/** 紅利金查詢、暫收款查詢 **/
.customercenter .summary02 .inner .pointlistvew dt b {font-size:13px; font-family:Verdana, sans-serif; color:#FF0000; margin:0px 3px}
.customercenter .summary02 .inner .pointlistvew dt .cardBonus { display:inline-block; margin-left:5px; padding:2px 15px; background-color:#A6A6AD; border:4px solid #D9D9D9; border-radius:50px; color:#fff; font:15px/22px 微軟正黑體}
.customercenter .summary02 .inner .pointlistvew .title {background-color:#FF588B; border:3px solid #CFD3D4; height:30px; line-height:30px}
.customercenter .summary02 .inner .pointlistvew .buy {border-bottom:1px dashed #000000}
.customercenter .summary02 .inner .pointlistvew dd {height:auto; margin-bottom:0px; border-bottom:1px dotted #CCCCCC;display:inline-block;}
.customercenter .summary02 .inner .pointlistvew dd b {width:132px; height:30px; font-size:13px; font-family:Verdana; color:#FFFFFF; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .pointlistvew dd span {float:left; width:134px; font-size:13px; font-family:Verdana; margin-left:2px; text-align:center; overflow:hidden;display:inline-block; max-height:72px;}
.customercenter .summary02 .inner .pointlistvew .title b {border-left:1px solid #CFD3D4}
.customercenter .summary02 .inner .pointlistvew dd .tips {width:100px}
.customercenter .summary02 .inner .pointlistvew .title .first {border-left:0px}
.customercenter .summary02 .inner .pointlistvew dd .first {margin-left:0px}
.customercenter .summary02 .inner .pointlistvew dd .first img {margin-top:12px}

/** 20160311__紅利金/暫收款查詢 **/
/** 共同設定 **/
.customercenter .summary02 .inner .pointlistvew dt {margin:5px 0px}
.customercenter .summary02 .inner .pointlistvew .title b { float:left}
.customercenter .summary02 .inner .pointlistvew dd span i { display:inline-block; font:13px/36px Helvetica; margin:0px 0px 0px 5px}
.customercenter .summary02 .inner .pointlistvew dd b,
.customercenter .summary02 .inner .pointlistvew dd span {width:180px;}
.customercenter .summary02 .inner .pointlistvew dd .first {width:180px;}
.customercenter .summary02 .inner .pointlistvew dd .orderNumber {width:160px;}
.customercenter .summary02 .inner .pointlistvew dd .tips {width:286px;}
.customercenter .summary02 .inner .pointlistvew dd span.tips {text-align:left}
/** 窄版設定 **/
.customercenter .summary02 .oldstyleWidth .pointlistvew { width:746px;}
.customercenter .summary02 .oldstyleWidth .pointlistvew dd b,
.customercenter .summary02 .oldstyleWidth .pointlistvew dd span {width:90px;}
.customercenter .summary02 .oldstyleWidth .pointlistvew dd .first {width:120px;}
.customercenter .summary02 .oldstyleWidth .pointlistvew dd .orderNumber {width:140px;}
.customercenter .summary02 .oldstyleWidth .pointlistvew dd .tips {width:280px;}

/** 客服公告/客服記錄設定 **/
.customercenter .noticebk {background-color:#FFE332}
.customercenter .noticebk .inner {border-bottom:1px solid #FEB708}
.customercenter .noticebk  .daterange img {position:absolute; top:-1px; top:-14px \9; #top:4px; right:2px; #right:7px; cursor:pointer}
.customercenter .summary02 .inner .notice {padding-top:10px}
.customercenter .summary02 .inner .notice .title {background-color:#87CEFA; border-bottom:0px; height:30px; line-height:30px}
.customercenter .summary02 .inner .notice dd {border-bottom:1px dashed #000000; height:36px; line-height:36px; margin-bottom:0px}
.customercenter .summary02 .inner .notice dd b {width:104px; height:36px; font-size:13px; font-family:Verdana; color:#000000; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .notice dd span {width:104px; height:36px; font-size:13px; font-family:Verdana; margin-left:2px; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .notice dd span a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5; margin:0px 10px; display:block}
.customercenter .summary02 .inner .notice dd span a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .notice .title b {border-left:2px solid #FFFFFF}
.customercenter .summary02 .inner .notice dd .tips {width:640px; text-align:left}
.customercenter .summary02 .inner .notice .title .first {border-left:0px; text-align:center}
.customercenter .summary02 .inner .notice dd .first {margin-left:0px}

/** 新客服記錄樣式 **/
.customercenter .summary02 .inner .consulting_new {width:746px; float:left; position:relative}
.customercenter .summary02 .inner .consulting_new dt {background-color:#FF588B; border-bottom:0px; height:30px; line-height:30px; margin:10px 0px 5px; border:3px solid #CFD3D4; overflow:hidden}
.customercenter .summary02 .inner p {font-size:13px; margin:10px 0px 0px; font-weight:bold}
.customercenter .summary02 .inner p b {margin:0px 3px; font-family:Verdana, sans-serif; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .consulting_new dt,
.customercenter .summary02 .inner .consulting_new dd {margin-bottom:0px; display:inline-block}
.customercenter .summary02 .inner .consulting_new dt {border-bottom:1px solid #CFD3D4}
.customercenter .summary02 .inner .consulting_new dd {border:3px solid #CFD3D4; border-top:0px; padding:0px; height:36px; line-height:inherit}
.customercenter .summary02 .inner .consulting_new dt b {width:300px; height:36px; font-size:13px; font-family:Verdana; color:#FFFFFF; font-weight:normal; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .consulting_new dd span {width:300px; height:36px; line-height:36px; line-height:36px \9; font-size:13px; font-family:Verdana; margin-left:0px; text-align:center; border-left:1px solid #cfd3d4; border-right:none; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .consulting_new dt b {border-left:1px solid #D5D4D0}
.customercenter .summary02 .inner .consulting_new dt .first,
.customercenter .summary02 .inner .consulting_new dd .first {width:80px; border-left:0px}
.customercenter .summary02 .inner .consulting_new dt .tips,
.customercenter .summary02 .inner .consulting_new dd .tips {width:150px}
.customercenter .summary02 .inner .consulting_new dt .theme,
.customercenter .summary02 .inner .consulting_new dd .theme {width:170px; padding:0px 5px}
.customercenter .summary02 .inner .consulting_new dt .unreadNumber,
.customercenter .summary02 .inner .consulting_new dd .unreadNumber {width:80px; margin:0px; margin:0px \9; #margin-top:2px; padding:0px; float:right}
.customercenter .summary02 .inner .consulting_new dt .logindate,
.customercenter .summary02 .inner .consulting_new dd .logindate {width:130px}
.customercenter .summary02 .inner .consulting_new dt .date,
.customercenter .summary02 .inner .consulting_new dd .date {width:91px; color:#000000}
.customercenter .summary02 .inner .consulting_new dt .date {color:#FFFFFF}
.customercenter .summary02 .inner .consulting_new dt .number,
.customercenter .summary02 .inner .consulting_new dd .number {width:130px}
.customercenter .summary02 .inner .consulting_new dd .redtxt {color:#FF0000}
.customercenter .summary02 .inner .consulting_new dd .invoice a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5}
.customercenter .summary02 .inner .consulting_new dd .invoice a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .consulting_new dt .menu,
.customercenter .summary02 .inner .consulting_new dd .menu {width:145px; margin:0px; margin:0px \9; #margin-top:2px; padding:0px;}
.customercenter .summary02 .inner .consulting_new dt .menu {margin:0px}
.customercenter .summary02 .inner .consulting_new dd .menu {border:0px}
.customercenter .summary02 .inner .consulting_new dd .menu ul {padding-left:2px}
.customercenter .summary02 .inner .consulting_new dd .menu li {border:1px solid #666666; height:22px; line-height:22px; margin:6px 8px; background-color:#FFFFFF}
.customercenter .summary02 .inner .consulting_new dd .menu .redtxt a,
.customercenter .summary02 .inner .consulting_new dd .menu .redtxt a:hover {color:#FF0000}
.customercenter .summary02 .inner .consulting_new dd .menu li:hover {border:1px solid #000000}
.customercenter .summary02 .inner .consulting_new dd .menu a {font-size:13px; color:#000000; padding:0px 0px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x 0px 2px; height:20px; line-height:20px; line-height:24px \9; margin:1px 1px 0px; display:block; cursor:pointer}
.customercenter .summary02 .inner .consulting_new dd .menu a:hover {color:#000000}
.customercenter .summary02 .inner .consulting_new dd .menu .hide,
.customercenter .summary02 .inner .consulting_new dd .menu .closeDetails {display:none}
.customercenter .summary02 .inner .consulting_new dd .menu .details, .customercenter .summary02 .inner .order dd .menu .closeDetails:hover {border:1px solid #0059A5; background-color:#FFFFFF}
.customercenter .summary02 .inner .consulting_new dd .menu .details:hover, .customercenter .summary02 .inner .order dd .menu .closeDetails {border:1px solid #EB4800; background-color:#FFFFFF}
.customercenter .summary02 .inner .consulting_new dd .menu .details a, .customercenter .summary02 .inner .order dd .menu .closeDetails a:hover {color:#0059A5; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsbk.gif?201301300943) repeat-x 0px 2px}
.customercenter .summary02 .inner .consulting_new dd .menu .details a:hover, .customercenter .summary02 .inner .order dd .menu .closeDetails a {color:#FF0000; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 2px; cursor:pointer}
.customercenter .summary02 .inner .consulting_new dd .menu .notchange {border:0px; font-size:13px; color:#FF0000}
.customercenter .summary02 .inner .consulting_new dd .menu .notchange:hover {border:0px}
.customercenter .summary02 .inner .consulting_new dd .menu .hide {display:none}
.customercenter .summary02 .inner .consulting_new .detailsArea {margin-top:0px; padding-bottom:10px; border:0px; border-bottom:1px dashed #ACACAC; height:auto; display:block}
.customercenter .summary02 .inner .consulting_new .detailsArea .viewcontent {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/expansionimg.jpg?201301300943) no-repeat 5px 5px; padding:1px 10px 1px 25px; font-size:13px; color:#373737; font-weight:normal; height:20px; line-height:21px; line-height:26px \9; margin:3px 0px; display:inline-block; width:auto; border:0px; cursor:pointer}
.customercenter .summary02 .inner .consulting_new .detailsArea .closecontent {background:#E3E3E3 url(//image.momoshop.com.tw/ecm/img/cmm/memb/closeimg.jpg?201301300943) no-repeat 5px 5px; padding:1px 10px 1px 25px; font-size:13px; color:#373737; font-weight:normal; height:20px; line-height:21px; line-height:26px \9; margin:3px 0px; display:inline-block; width:auto; border:0px; cursor:pointer}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea {margin:0px auto; display:none; position:relative}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea1 {margin:0px auto; display:none; position:relative}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea th {background-color:#E9E9E9; font-size:15px; padding:5px; text-align:left}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea th b {background-color:#FF8C00; font-size:13px; font-family:Verdana, sans-serif; color:#FFFFFF; padding:1px 4px; margin:0px 5px}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea th .reply {background-color:#000080}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea td {border:1px solid #E9E9E9; padding:5px 15px}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea .btnArea {border:0px;text-align:center;}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea table th {width:70px; background-color:transparent; font-size:13px; vertical-align:top}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea table td {font-size:13px; border:0px; margin:0px; padding:0px}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea p#contactWording {color:#FF0000; padding:0px; font:13px/20px helvetica}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea p#contactWording a {font:13px/20px helvetica}
.customercenter .summary02 .inner .consulting_new .detailsArea .hide {display:none}

/** 舊客服記錄樣式 **/
.customercenter .summary02 .inner .consulting {padding-top:10px}
.customercenter .summary02 .inner .consulting .title {background-color:#87CEFA; border-bottom:0px; height:30px; line-height:30px}
.customercenter .summary02 .inner .consulting dd {border-bottom:1px dashed #000000; line-height:36px; margin-bottom:0px; float:left}
.customercenter .summary02 .inner .consulting .title b {width:85px; border-left:2px solid #FFFFFF; height:36px; font-size:13px; font-family:Verdana; color:#000000; text-align:center; display:inline-block; overflow:hidden; cursor:auto}
.customercenter .summary02 .inner .consulting dd span {float:left; width:85px; height:36px; font-size:13px; font-family:Verdana; margin-left:2px; text-align:center; overflow:hidden}
.customercenter .summary02 .inner .consulting dd span a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5; margin:0px 10px}
.customercenter .summary02 .inner .consulting dd span a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .consulting dd b {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5; cursor:pointer}
.customercenter .summary02 .inner .consulting dd .tips {width:371px}
.customercenter .summary02 .inner .consulting dd .tips01 {width:70px}
.customercenter .summary02 .inner .consulting dd .tips02 {width:55px}
.customercenter .summary02 .inner .consulting .title .first {border-left:0px}
.customercenter .summary02 .inner .consulting dd .first {margin-left:0px}
.customercenter .summary02 .inner .consulting dd .redtxt {font-weight:bold}
.customercenter .summary02 .inner .consulting dd .bluetxt {font-weight:bold; color:#0000FF}
.customercenter .summary02 .inner .consulting dd .closeDetails {display:none}
.customercenter .summary02 .inner .consulting dd .more {width:746px; display:none; clear:both; margin:0px}
.customercenter .summary02 .inner .consulting dd .more li {background:#FFFACD; margin:0px 5px 5px; display:inline-block}
.customercenter .summary02 .inner .consulting dd .more h6 {width:726px; font-size:15px; font-family:Verdana, sans-serif; background-color:#CCCCCC; color:#000000; margin:5px; float:left}
.customercenter .summary02 .inner .consulting dd .more h6 b {background-color:#FF8C00; font-size:13px; font-family:Verdana, sans-serif; color:#FFFFFF; padding:1px 4px; margin:0px 5px}
.customercenter .summary02 .inner .consulting dd .more .reply h6 b {background-color:#000080}
.customercenter .summary02 .inner .consulting dd .more .reply .btn, .customercenter .summary02 .inner .consulting dd .more .replyinput .closebtn {float:right; border:1px solid #0059A5; background-color:#FFFFFF; height:22px; line-height:22px; padding:0px; margin:7px 5px 0px 0px; width:auto}
.customercenter .summary02 .inner .consulting dd .more .reply .btn:hover, .customercenter .summary02 .inner .consulting dd .more .replyinput .closebtn:hover {border:1px solid #EB4800; background-color:#FFFFFF}
.customercenter .summary02 .inner .consulting dd .more .reply .btn span, .customercenter .summary02 .inner .consulting dd .more .replyinput .closebtn span {color:#0059A5; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsbk.gif?201301300943) repeat-x 0px 2px; width:auto; margin:1px; padding:0px 5px; height:20px; line-height:18px; line-height:24px \9}
.customercenter .summary02 .inner .consulting dd .more .reply .btn span:hover, .customercenter .summary02 .inner .consulting dd .more .replyinput .closebtn span:hover {color:#FF0000; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 2px; cursor:pointer}
.customercenter .summary02 .inner .consulting dd .more .replyinput {display:none}
.customercenter .summary02 .inner .consulting dd .more .replyinput textarea {font-size:13px; font-family:Verdana, sans-serif}
.customercenter .summary02 .inner .consulting dd .more .replyinput .btnArea {margin:0px; padding-bottom:10px}
.customercenter .summary02 .inner .consulting dd .more .replyinput .btnArea li {line-height:22px; height:22px; background-color:#FFFFFF}
.customercenter .summary02 .inner .consulting dd .more .replyinput .btnArea a {background-position:0px 1px; background-position:0px 3px \9; height:20px; height:21px \9; line-height:20px; line-height:26px \9; margin-top:0px}
.customercenter .summary02 .inner .consulting dd .more table {margin:0px 10px 5px; clear:both}
.customercenter .summary02 .inner .consulting dd .more table th {width:70px}
.customercenter .summary02 .inner .consulting dd .more table th, .customercenter .summary02 .inner .consulting dd .more table td {font-size:13px; font-family:Verdana, sans-serif; color:#434343; line-height:normal}

.customercenter .summary02 .inner .qnainput {margin-top:10px}
.customercenter .summary02 .inner .qnainput dt, .customercenter .summary02 .inner .qnainput dd {float:left; margin-bottom:4px}
.customercenter .summary02 .inner .qnainput dt {width:70px; background-color:#FF588B; text-align:center; height:30px; line-height:30px; font-size:13px; font-family:PMingLiU; color:#FFFFFF; font-weight:bold; border-bottom:0px; clear:left}
.customercenter .summary02 .inner .qnainput dd {width:666px; line-height:30px; font-size:13px; font-family::PMingLiU; color:#000000; display:inline-block}
.customercenter .summary02 .inner .qnainput dd select,
.customercenter .summary02 .inner .qnainput dd option,
.customercenter .summary02 .inner .qnainput dd input,
.customercenter .summary02 .inner .qnainput dd span,
.customercenter .summary02 .inner .qnainput dd textarea {font-size:13px; font-family:PMingLiU; color:#434343}
.customercenter .summary02 .inner .qnainput dd .redtxt {margin-left:5px; color:#FF0000}
.customercenter .summary02 .inner .qnainput dd button {font-family:PMingLiU; font-size:13px; color:#6B6B6B; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/daterangebtnbk.gif) no-repeat 0px 4px; background-position:0px 0px \9; border:0px; width:58px; height:27px; height:22px \9; line-height:23px \9; margin-left:5px; overflow:hidden; cursor:pointer}

/** FAQ常見問題設定 **/
.customercenter .faqlist {background-color:#DDDDDD}
.customercenter .faqlist .inner {margin:5px; padding:10px; border-top:1px solid #000000; background-color:#FFF; color:#434343; font-size:13px; font-family:Arial; line-height:20px; color:#434343}
.customercenter .faqlist .inner .TabMenu {height:30px; line-height:30px; border:3px solid #CFD3D4; border-bottom:0px; width:730px}
.customercenter .faqlist .inner .TabMenu li {float:left; background-color:#FF588B; width:85px; font-size:13px; font-family:Verdana, sans-serif; color:#000000; height:30px; line-height:30px; border-left:1px solid #CFD3D4; text-align:center; cursor:pointer}
.customercenter .faqlist .inner .TabMenu li:hover, .customercenter .faqlist .inner .TabMenu .selected {background-color:#87CEFA}
.customercenter .faqlist .inner .TabMenu li b {display:block; height:34px; line-height:34px; color:#FFFFFF}
.customercenter .faqlist .inner .TabMenu li:hover b, .customercenter .faqlist .inner .TabMenu .selected b {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/faqlistmenulibk.gif?201301300943) no-repeat center bottom; color:#000000}
.customercenter .faqlist .inner .TabMenu .first {border:0px}
.customercenter .faqlist .inner .TabMenu .tips {width:128px}
.customercenter .faqlist .inner .TabContent {margin-top:5px}
.customercenter .faqlist .inner .TabContent .TabContentD {display:none}
.customercenter .faqlist .inner .TabContent .selected {display:block}
.customercenter .faqlist .inner .TabContent .TabContentD ul {margin:0px 10px}
.customercenter .faqlist .inner .TabContent .TabContentD li {list-style-type:decimal; list-style-position:inside; font-size:13px; font-family:Verdana, sans-serif; color:#3A82F8; font-weight:bold; margin:10px 0px; padding:5px 0px 0px 0px; border-bottom:1px dashed #000000; background-color:#DDDDDD}
.customercenter .faqlist .inner .TabContent .TabContentD li p {font-size:13px; font-family:Verdana, sans-serif; color:#434343; line-height:20px; font-weight:normal; margin:5px 0px 0px; margin:6px 0px 0px \9; #margin:6px 0px 0px; padding:5px 22px 10px; background-color:#FFFFFF}
.customercenter .faqlist .inner .TabContent .TabContentD li p:not(*:root) {margin:0px 18px}
.customercenter .faqlist .inner .TabContent .TabContentD li p b {font-size:13px; font-family:Verdana, sans-serif; color:#FF0000; font-weight:normal; display:block}
.customercenter .faqlist .inner .TabContent .TabContentD li .mend {padding:5px 50px 10px; #padding:5px 42px 10px; margin:0px; background-color:#FFFFFF}
.customercenter .faqlist .inner .TabContent .TabContentD li .mend:not(*:root) {margin:5px 42px 0px}
.customercenter .faqlist .inner .TabContent .TabContentD li .mend li {border:0px; background-color:#FFFFFF; list-style-type:decimal; list-style-position:outside; font-size:13px; font-family:Verdana, sans-serif; color:#434343; font-weight:normal; margin:0px; padding:0px; line-height:18px}
.customercenter .faqlist .pageArea {background-color:#FFFFFF}

/** 搜尋結果操作設定 **/
.customercenter .search_explain {background-color:#DDDDDD}
.customercenter .search_explain .inner {margin:5px; padding:10px; border-top:1px solid #000000; background-color:#FFF; color:#434343; font-size:13px; font-family:Arial; line-height:20px; color:#434343}
.customercenter .search_explain .inner .TabMenu {height:30px; line-height:30px; border:3px solid #CFD3D4; border-bottom:0px}
.customercenter .search_explain .inner .TabMenu li {float:left; background-color:#FF588B; width:182px; height:30px; line-height:30px; border-left:1px solid #CFD3D4; text-align:center; cursor:pointer}
.customercenter .search_explain .inner .TabMenu .on {background-color:#87CEFA}
.customercenter .search_explain .inner .TabMenu li b {display:block; height:34px; line-height:34px; font-size:13px; font-family:Verdana, sans-serif; color:#FFFFFF}
.customercenter .search_explain .inner .TabMenu .on b {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/faqlistmenulibk.gif?201301300943) no-repeat center bottom; color:#000000}
.customercenter .search_explain .inner .TabMenu .first {border:0px}
.customercenter .search_explain .inner .TabMenu .tips {width:185px}
.customercenter .search_explain .inner .TabContent {margin-top:5px}
.customercenter .search_explain .inner .TabContent .selected {display:block}
.customercenter .search_explain .inner .TabContent .TabContentD ul {background-color:#DDDDDD; margin:0px 10px; padding:10px 0px}
.customercenter .search_explain .inner .TabContent .TabContentD li {list-style-type:decimal; list-style-position:outside; font-size:13px; font-family:Verdana, sans-serif; color:#3A82F8; font-weight:bold; margin:0px 0px 0px 30px; padding:0px}
.customercenter .search_explain .inner .TabContent .TabContentD li div {}
.customercenter .search_explain .inner .TabContent .TabContentD li .mend {padding:5px 50px 10px; #padding:5px 42px 10px; margin:0px; background-color:#FFFFFF}
.customercenter .search_explain .inner .TabContent .TabContentD li .mend:not(*:root) {margin:5px 42px 0px}
.customercenter .search_explain .inner .TabContent .TabContentD li .mend li {border:0px; background-color:#FFFFFF; list-style-type:decimal; list-style-position:outside; font-size:13px; font-family:Verdana, sans-serif; color:#434343; font-weight:normal; margin:0px; padding:0px; line-height:18px}
.customercenter .search_explain .inner .TabContent .TabContentD .explain_img {text-align:center; padding:10px; position:relative}
.customercenter .search_explain .inner .TabContent .TabContentD .explain_img img {opacity:0.5; filter:alpha(opacity=50)}
.customercenter .search_explain .inner .TabContent .TabContentD .note01 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/explain01.jpg?201301300943) no-repeat 0px -103px; width:138px; height:154px; border:3px solid #FF0000; position:absolute; top:110px; left:27px; z-index:2}
.customercenter .search_explain .inner .TabContent .TabContentD .note02 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/explain01.jpg?201301300943) no-repeat 0px -265px; width:138px; height:90px; border:3px solid #FF0000; position:absolute; top:272px; left:27px; z-index:2}
.customercenter .search_explain .inner .TabContent .TabContentD .note03 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/explain01.jpg?201301300943) no-repeat -146px -150px; width:355px; height:20px; border:3px solid #FF0000; position:absolute; top:157px; left:173px; z-index:2}
.customercenter .search_explain .inner .TabContent .TabContentD .note04 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/explain01.jpg?201301300943) no-repeat -0px -363px; width:139px; height:178px; border:3px solid #FF0000; position:absolute; top:370px; left:27px; z-index:2}
.customercenter .search_explain .inner .TabContent .TabContentD .note05 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/explain01.jpg?201301300943) no-repeat -147px -123px; width:230px; height:25px; border:3px solid #FF0000; position:absolute; top:130px; left:174px; z-index:2}
.customercenter .search_explain .inner .TabContent .TabContentD .note06 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/explain01.jpg?201301300943) no-repeat -580px -123px; width:100px; height:25px; border:3px solid #FF0000; position:absolute; top:130px; left:607px; z-index:2}

.customercenter .search_explain .pageArea {background-color:#FFFFFF}

/** 隱私權保密政策設定 **/
.customercenter .privacy {background-color:#DDDDDD; #padding-bottom:5px}
.customercenter .privacy .inner {margin:5px; padding:0px; border-top:1px solid #000000; background-color:#FFF; color:#434343; font-size:13px; font-family:Arial; line-height:20px; color:#434343}
.customercenter .privacy .inner .TabContent {margin-top:5px}
.customercenter .privacy .inner .TabContent .TabContentD .firsttxt {margin:0px 10px; font-size:13px; font-family:Verdana, sans-serif}
.customercenter .privacy .inner .TabContent .TabContentD ul {margin:0px 10px}
.customercenter .privacy .inner .TabContent .TabContentD li {list-style-type:none; list-style-position:inside; font-size:13px; font-family:Verdana, sans-serif; color:#3A82F8; font-weight:bold; margin:10px 0px; padding:5px 0px 0px 0px; border-bottom:1px dashed #000000; background-color:#DDDDDD}
.customercenter .privacy .inner .TabContent .TabContentD li span {font-size:13px; font-family:Verdana, sans-serif; padding:0px 5px; #padding:0px 0px}
.customercenter .privacy .inner .TabContent .TabContentD li p {font-size:13px; font-family:Verdana, sans-serif; color:#434343; line-height:20px; font-weight:normal; margin:5px 0px 0px; margin:6px 0px 0px \9; #margin:6px 0px 0px; padding:5px 22px 10px; background-color:#FFFFFF}
.customercenter .privacy .inner .TabContent .TabContentD li p:not(*:root) {margin:0px 18px}
.customercenter .privacy .inner .TabContent .TabContentD li p b {font-size:13px; font-family:Verdana, sans-serif; color:#FF0000; font-weight:normal; display:block}
.customercenter .privacy .inner .TabContent .TabContentD li .mend {padding:5px 50px 10px; #padding:5px 42px 10px; margin:0px; background-color:#FFFFFF}
.customercenter .privacy .inner .TabContent .TabContentD li .mend:not(*:root) {margin:5px 42px 0px}
.customercenter .privacy .inner .TabContent .TabContentD li .mend li {border:0px; background-color:#FFFFFF; list-style-type:decimal; list-style-position:outside; font-size:13px; font-family:Verdana, sans-serif; color:#434343; font-weight:normal; margin:0px; padding:0px; line-height:18px}
.customercenter .privacy .pageArea {background-color:#FFFFFF}
.customercenter .privacy .inner .mainArea dt a{font: bold 15px/30px Helvetica;color: #027BFF;}

/** 購物流程說明 **/
.customercenter .summary02 .stepmenu {position:absolute; top:7px; left:130px}
.customercenter .summary02 .stepmenu dd {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/stepmenubk.jpg?201301300943) no-repeat; margin-left:6px; padding-left:18px; display:inline; font-size:15px; color:#0059A5; font-weight:bold; cursor:default}
.customercenter .summary02 .stepmenu .first {background-image:none; padding-left:0px}
.customercenter .summary02 .stepmenu .on {color:#FF0000}
.customercenter .summary02 .shoppingprocess {background-color:#DDDDDD; margin-top:5px; padding:0px 0px 5px}
.customercenter .summary02 .shoppingprocess h4 {font-size:13px; color:#000000; margin:0px; padding:2px 10px 0px; height:26px; line-height:26px}
.customercenter .summary02 .shoppingprocess .noteArea {border-top:1px solid #000000; background-color:#FFFFFF; color:#434343; font-size:13px; font-family:Verdana, sans-serif; line-height:20px; margin:0px 5px; padding:10px}
.customercenter .summary02 .shoppingprocess .noteArea h5 {background-color:#87CEFA; font-size:13px; color:#000000; height:30px; line-height:30px; padding:0px 10px}
.customercenter .summary02 .shoppingprocess .noteArea h5 ul {float:right; margin:0px; padding:0px; border:0px}
.customercenter .summary02 .shoppingprocess .noteArea h5 li {background-color:#4A9AE7; float:left; color:#FFFFFF; height:22px; line-height:22px; line-height:26px \9; list-style-position:inherit; list-style-type:none; margin:3px 0px 0px 5px; padding:0px 5px; border:1px solid #ABABAB; cursor:pointer}
.customercenter .summary02 .shoppingprocess .noteArea ul {margin:10px 0px 10px; padding-bottom:10px; border-bottom:1px dashed #000000}
.customercenter .summary02 .shoppingprocess .noteArea ul .hide {display:none}
.customercenter .summary02 .shoppingprocess .noteArea li {list-style-position:outside; list-style-type:decimal; font-size:13px; font-family:Verdana, sans-serif; margin:0px 10px 0px 30px}
.customercenter .summary02 .shoppingprocess .noteArea b {font-size:13px}
.customercenter .summary02 .shoppingprocess .noteArea .darkgoldenrod {color:#B8860B}
.customercenter .summary02 .shoppingprocess .noteArea .darkblue {color:#00008B}
.customercenter .summary02 .shoppingprocess .noteArea .tips {list-style-type:none; margin:0px 0px 0px 10px}
.customercenter .summary02 .shoppingprocess p {padding:0px 10px}
.customercenter .summary02 .previoushide .previous {display:none}
.customercenter .summary02 .nexthide .next {display:none}

/** 下方按鈕區設定 **/
.customercenter .btnArea {padding:20px 0px; clear:both; display:inline-block; height:34px; width:100%; background:#eee; margin:0px}
.customercenter .btnArea .line {border:5px solid #DDDDDD; border-bottom:1px solid #000000; margin-bottom:10px; position:relative; top:auto; left:auto}
.customercenter .btnArea ul {margin:0px auto; width:172px; _width:182px; display:inline-block; text-align:center}
.customercenter .btnArea li {float:left; display:inline-block; margin:0px 10px; height:20px; line-height:normal; overflow:hidden}
.customercenter .btnArea a {font-size:13px; color:#000000}
.customercenter .btnArea .again {border:1px solid #949494}
.customercenter .btnArea .again:hover {border:1px solid #000000}
.customercenter .btnArea .again a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/btnbk02.gif?201301300943) repeat-x 0px 1px; color:#434343; height:18px; line-height:18px; line-height:22px \9; padding:0px 5px; margin:1px; display:inline-block; cursor: pointer;}
.customercenter .btnArea .again a:hover {color:#000000}
.customercenter .btnArea .sent {border:1px solid #0059A5}
.customercenter .btnArea .sent:hover {border:1px solid #EB4800}
.customercenter .btnArea .sent a {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/btnbk03.gif?201301300943) repeat-x 0px 1px; height:18px; line-height:18px; line-height:22px \9; padding:0px 5px; margin:1px; display:inline-block; cursor: pointer;}
.customercenter .btnArea .sent a:hover {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenudetailsBbk.gif?201301300943) repeat-x 0px 1px; color:#FF0000}

/** 翻頁區塊 **/
.customercenter .summary02 .pageArea {width:770px; height:42px; line-height:42px; padding-top:10px; overflow:hidden; display:inline-block}
.customercenter .summary02 .pageArea ul {float:left; margin:0px 0px 0px 10px; _margin-left:5px; width:530px ; font-size:0px}
.customercenter .summary02 .pageArea li, .customercenter .summary02 .pageArea dt, .customercenter .summary02 .pageArea dd {display:inline; height:24px}
.customercenter .summary02 .pageArea li a, .customercenter .summary02 .pageArea dd a {font-family:Verdana; font-size:13px; color:#434343; padding:2px 5px 3px; border:1px solid #ABABAB; cursor: pointer;}
.customercenter .summary02 .pageArea dl {float:right; margin-right:10px; _margin-right:5px; width:220px; text-align:right}
.customercenter .summary02 .pageArea li a:hover, .customercenter .summary02 .pageArea .selected, .customercenter .summary02 .pageArea dd a {background-color:#4A9AE7; color:#FFFFFF}
.customercenter .summary02 .pageArea dd a:hover {background-color:#FFFFFF; color:#000000}
.customercenter .summary02 .pageArea dt, .customercenter .summary02 .pageArea b {font-size:13px; font-family:Verdana; margin-left:5px}
.customercenter .summary02 .pageArea span {font-family:Verdana; font-size:13px}

/** 灰色背景說明區塊(上底線) **/
.customercenter .summary03 {background-color:#DDDDDD}
.customercenter .summary03 .inner {margin:5px; padding:10px; background-color:#FFF; color:#434343; font-size:13px; font-family:Arial; line-height:20px; color:#434343}
.customercenter .summary03 .inner dt,
.customercenter .summary03 .inner dd,
.customercenter .summary03 .inner p,
.customercenter .summary03 .inner b {font-size:13px; font-family:Verdana, sans-serif}
.customercenter .summary03 .inner .redtxt {color:#FF0000}
.customercenter .summary03 .inner dt .redtxt {padding-right:3px; color:#FF0000}
.customercenter .summary03 .inner dd {margin-bottom:5px}
.customercenter .summary03 .inner dd p {font-size:13px; font-family:Verdana, sans-serif; padding-left:16px}
.customercenter .summary03 .inner dd p span {font-size:13px; font-family:Verdana, sans-serif; color:#FF0000; display:block}
.customercenter .summary03 .inner dd ul {padding-left:38px}
.customercenter .summary03 .inner dd li {list-style-type:decimal; list-style-position:outside; font-size:13px; font-family:Helvetica}
.customercenter .summary03 .inner dd li a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5; cursor:pointer}
.customercenter .summary03 .inner dd li a:hover {color:#E40480}
.customercenter .summary03 .inner dd li a span {font-size:13px; font-family:Verdana, sans-serif; display:none}

/** 黃色背景說明區塊(上底線) 各頁面最下方Q&A **/
.customercenter .summary04 h4 {background-color:#FFE332; font-size:15px; font-family:Verdana, sans-serif; line-height:30px; height:28px; padding-left:10px}
.customercenter .summary04 .inner {margin:5px; padding:5px; background-color:#FFF; color:#434343; font-size:13px; font-family:Arial; line-height:20px; color:#434343;}
.customercenter .summary04 .inner ul {background-color:#DDDDDD}
.customercenter .summary04 .inner li {font-size:13px; font-family:Verdana, sans-serif; color:#3A82F8; font-weight:bold; margin:0px 0px 0px 30px; padding:5px 0px 0px; list-style-type:decimal; list-style-position:outside; #list-style-position:inside; #margin:0px}
.customercenter .summary04 .inner .first {margin:0px 0px 0px 30px; #list-style-position:inside; #margin:0px}
.customercenter .summary04 .inner p {background-color:#FFFFFF; font-size:13px; font-family:Verdana, sans-serif; color:#434343; font-weight:normal; margin:5px 0px 0px; padding:5px 15px 10px; border-bottom:1px dashed #000000}
.customercenter .summary04 .inner p b {font-size:13px; font-family:Verdana, sans-serif; color:#434343}

/** 退/換貨需知 **/
#fancybox-overlay {top:0px; left:0px; z-index:1000; display:none}
#fancybox-wrap {position:absolute; width:1100px; z-index:1100; top:0px; left:0px; background-color:#FFFFFF; margin:20px 0px; display:none; padding-bottom:20px}
#fancybox-frame {width:100%; height:100%; border:none; display:block}

/** 單品點擊配送資訊時(20120718新增功能) **/
.distributionbtnnote {background-color:#FFFFFF; width:600px}
.distributionbtnnote p {text-align:right}
.distributionbtnnote p img {cursor:pointer}
.distributionbtnnote h2 {background-color:#FFE332; font-family:Verdana,sans-serif; font-size:15px; height:28px; line-height:30px; padding-left:10px; text-align:left; margin:10px 10px 5px}
.distributionbtnnote ul {text-align:left; margin:10px 20px}
.distributionbtnnote ul li {font-size:13px; font-family:Verdana, Geneva, sans-serif; line-height:20px}
.distributionbtnnote ul li b {font-size:13px}
.distributionbtnnote ul li a {font-size:13px; color:#0059A5; text-decoration:underline}
.distributionbtnnote ul li button{margin-left: 5px; font: 15px/20px Microsoft JhengHei, sans-serif;}

.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer {background-color:#FFFFFF; margin:0px; padding:5px 0px 10px} /** 20121001新增 **/
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li {background-color:#FFFFFF; font-family:Helvetica; color:#434343; padding:0px; margin:0px; list-style:outside decimal none; border-bottom:0px; margin-left:45px; font-weight:normal}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li a {font-size:13px; color:#0059A5; text-decoration:underline}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li p {margin:0px 0px 10px; padding:0px}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li .thirdLayer li {list-style:outside disc none; padding:0px 0px 5px; margin-left:7px}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li .thirdLayer li b {font-size:13px}


/** 2015/11/10 by uylin	客戶條款以及隱私權條款版面修改	**/
.customercenter .privacy .inner .TabContent .TabContentD ul .secondnone li {list-style:none}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer .tLayer li {list-style:none; padding:0px 0px 5px 10px; margin-right:0px; position: relative;}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer .tLayer li b {font-size:13px}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer .tLayer li i {font:13px/18px Helvetica; position:absolute; left: -15px; top: 2px;}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer .tLayer li p {margin:0px 0px 0px 20px;}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li .tLayer li {list-style:none; padding:0px 0px 5px 5px; margin-left:0px; position: relative; }
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li .tLayer li b {font-size:13px}
.customercenter .privacy .inner .TabContent .TabContentD ul .secondLayer li .tLayer li i {font:13px/18px Helvetica; position:absolute; left: -15px; top: 2px;}

/** 新點擊網路、電視、型錄訂單查詢彈出的視窗設定 **/
.loginArea {width:860px; position:absolute; top:0px; left:0px; z-index:1116;}
.loginArea .topArea {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/loginAreatopbk.png?201301300943) no-repeat; height:36px; line-height:36px}
.loginArea .topArea img {position:absolute; right:15px; top:10px; cursor:pointer}
.loginArea .centerArea {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/loginAreacenterbk.png?201301300943) repeat-y; text-align:left; padding:10px 20px 10px; display:inline-block}
.loginArea .centerArea .inputArea {float:left; width:376px; margin:0px 30px 0px 19px}
.loginArea .centerArea .inputArea h3 {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/leftinputtitleBk.png?201301300943) no-repeat; height:34px; font-size:24px; font-family:標楷體; color:#FFFFFF; padding:30px 0px 0px 10px}
.loginArea .centerArea .inputArea .bodyArea {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/leftinputbodyBk.png?201301300943) no-repeat; height:205px; position:relative}
.loginArea .centerArea .inputArea .bodyArea ul {padding:10px 15px}
.loginArea .centerArea .inputArea .bodyArea li {line-height:26px; font-size:13px; font-family:Helvetica; color:#464646}
.loginArea .centerArea .inputArea .bodyArea b {width:90px; text-align:right; font-size:16px; font-family:Helvetica; color:#DA0076; display:inline-block; padding-right:5px}
.loginArea .centerArea .inputArea .bodyArea p {margin:0px 0px 0px 95px; font-size:13px; font-family:Helvetica; color:#464646}
.loginArea .centerArea .inputArea .bodyArea img {margin-left:5px}
.loginArea .centerArea .inputArea .bodyArea button {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/loginbtn.png?201301300943) no-repeat; width:79px; height:26px; border:0px; cursor:pointer; position:absolute; right:30px; bottom:30px}
.loginArea .centerArea .inputArea .bodyArea dl {position:absolute; left:30px; bottom:25px}
.loginArea .centerArea .inputArea .bodyArea dt,
.loginArea .centerArea .inputArea .bodyArea dd {float:left; margin:0px 5px 0px 0px}
.loginArea .centerArea .inputArea .bodyArea a {font:13px/13px Helvetica; color:#3366FF; text-decoration:underline}
/** 記住帳號 **/
.loginArea .centerArea .inputArea .bodyArea li.remember {margin-top: -7px; left: 90px; position: relative; }
.loginArea .centerArea .inputArea .bodyArea li.remember input {width: auto; position: relative; top: 0px; }
.openidBox .innerAreaForLogin .leftArea .remember input {height:auto; margin:0px 5px 0px 0px; padding:0px; position:relative; top:3px}

.loginArea .centerArea .right {margin:0px 19px 0px 0px}
.loginArea .centerArea .right h3 {color:#FFFFFF}
.loginArea .centerArea .right .web {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/rightinputtitlewebBk.png?201301300943) no-repeat}
.loginArea .centerArea .right .tv {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/rightinputtitletvBk.png?201301300943) no-repeat}
.loginArea .centerArea .right .catalog {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/rightinputtitlecatalogBk.png?201301300943) no-repeat}
.loginArea .centerArea .right .bodyArea {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/rightinputbodyBk.png?201301300943) no-repeat}
.loginArea .centerArea .right .bodyArea b {color:#008DC1}
.loginArea .centerArea .right .bodyArea .notetxtArea {margin:0px 15px 0px 40px; padding:0px}
.loginArea .centerArea .right .bodyArea .notetxtArea li {list-style:decimal outside none; line-height:16px; margin-bottom:3px}
.loginArea .centerArea .right .bodyArea .searchbtn {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/searchbtn.png?201301300943) no-repeat}
.loginArea .centerArea .explaintxt {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/lineBk.png?201301300943) no-repeat center top; clear:both; margin:0px 19px; padding:20px 0px 0px; #padding-top:10px; font-size:13px; font-family:Helvetica; color:#464646; line-height:18px}

.loginArea .centerArea .explaintxt p {background-color:#FFFFFF; font:13px/13px Helvetica; padding:5px; position:absolute; top:308px; left:138px}
.loginArea .centerArea .explaintxt dt,
.loginArea .centerArea .explaintxt dd {float:left; margin:0px 40px 10px 0px}
.loginArea .centerArea .explaintxt dl a {height:29px; border:1px solid #BFBFBF; border-radius:4px; font:13px/31px Helvetica; #line-height:36px; color:#404040; padding-right:10px; display:inline-block}
.loginArea .centerArea .explaintxt img {float:left; margin:5px 10px 5px 5px; #margin:0px 10px 5px 5px}
.loginArea .centerArea .explaintxt .small_reminder {clear:both}
.loginArea .centerArea .explaintxt .small_reminder b {font:bold 13px/22px Helvetica; color:#404040}
.loginArea .centerArea .explaintxt .small_reminder li {list-style:inside disc none; font:13px/22px Helvetica; color:#404040}
.loginArea .centerArea .explaintxt .small_reminder a {font:13px/22px Helvetica; color:#4F81BD; text-decoration:underline}
.loginArea .centerArea .explaintxt .fixWord {float:left; margin:0px 0px 0px 10px}

:root .loginArea .centerArea .explaintxt ul {margin-top:10px\9}
.loginArea .centerArea .explaintxt ul {margin-top:20px; margin-top:10px\0/; #margin-top:10px}
:root .loginArea .centerArea .explaintxt li {margin-bottom:0px\9}
.loginArea .centerArea .explaintxt li {line-height:24px; margin-bottom:3px; margin-bottom:0px\0/}
.loginArea .centerArea .explaintxt li b {background-color:#000000; width:15px; height:15px; line-height:16px; font-size:13px; font-family:Helvetica; color:#FFFFFF; text-align:center; margin-right:5px; display:inline-block}
.loginArea .centerArea .explaintxt li span {width:180px; font-size:13px; font-family:Helvetica; color:#464646; height:24px; line-height:24px; display:inline-block}
:root .loginArea .centerArea .explaintxt li button {top:8px\9}
.loginArea .centerArea .explaintxt li button {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/clickbtn.png?201301300943) no-repeat; width:79px; height:24px; border:0px; cursor:pointer; position:relative; top:-3px; top:8px\0/; #top:5px}
.loginArea .bottomArea {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/loginAreabottombk.png?201301300943) no-repeat; height:18px}
.rtnConfirm li {font-family: Verdana,sans-serif; font-size: 13px; line-height: 20px; list-style-position: outside; list-style-type: decimal; margin-left: 20px;}
.rtnConfirm span {font-family: Verdana,sans-serif; font-size: 13px; line-height: 20px; color: #FF0000;}

/** 直配大陸服務說明 **/
.customercenter .deliveryContinent .summary02 .inner dt h4 {background-color:#FF598B}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd {border-bottom:0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd td {background-color:#CCCCCC; font-size:13px; font-family:Helvetica; text-align:center; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd td a {font:bold 15px/30px Helvetica; color:#0066CC; display:block}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd td a:hover {color:#D62872}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd .firstLayer {margin:0px; padding:0px; list-style:outside circle none}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd .firstLayer li {list-style:outside disc none}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd .firstLayer li  span{font: 15px/30px Helvetica; color:red; display:block}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd .firstLayer li  rtxt{font: 15px/30px Helvetica; color:red}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd .firstLayer .secondLayer {margin:0px; padding:0px; list-style:outside decimal none}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd .firstLayer .secondLayer li {list-style:decimal}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea dd img {margin-bottom:10px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .paymentMethods table {border-top:1px solid #B4B4B4; border-right:1px solid #B4B4B4; margin:10px 0px 0px 0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .paymentMethods th,
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .paymentMethods td {background-color:#FFFFFF; font:15px/30px Helvetica; color:#080808; border-left:1px solid #B4B4B4; border-bottom:1px solid #B4B4B4}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .paymentMethods th {background-color:#CCCCCC; color:#080808}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .deliveryArea b {font:15px/22px Helvetica; color:#000000}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 {margin:10px 0px; border-top:1px solid #C4C4C4; border-left:1px solid #C4C4C4}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 th,
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 td {font:15px/30px Helvetica; color:#080808; border-right:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; border-left:0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 thead th {background-color:#DDDDDD; font-weight:bold}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 thead td {background-color:#494949; font:13px/18px Helvetica; color:#FFFFFF; padding:3px 0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 tbody th {background-color:#B8E3FE; padding:0px 3px; text-align:left}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 tbody td {background-color:#FFFFFF; font:bold 13px/18px Helvetica; color:#FF3D77; text-align:left; padding:0px 3px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 tbody .nulltd {background-color:#CCCCCC}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table01 tbody .bold {font:bold 15px/18px Helvetica}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table02 {border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin:10px 0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table02 th,
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table02 td {background-color:#FFFFFF; font:15px/28px Helvetica; color:#000000; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table02 th {background-color:#DDDDDD; font:15px/28px Helvetica}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .link {font:15px/22px Helvetica; color:#0074BC; text-decoration:underline; padding:0px 3px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .returns img {margin:10px 0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 {margin:10px 0px; border-top:1px solid #C4C4C4; border-left:1px solid #C4C4C4}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 th,
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 td {font:15px/30px Helvetica; color:#080808; border-right:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; border-left:0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 thead th {background-color:#DDDDDD; font-weight:bold}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 thead td {background-color:#494949; font:13px/18px Helvetica; color:#FFFFFF; padding:3px 0px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 tbody th {background-color:#FFFFFF; font-weight:bold; color:#000000; text-align:left; padding:0px 3px}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 tbody td {background-color:#FFFFFF; font:13px/18px Helvetica; padding:5px 3px; text-align:left}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 .nulltd th,
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 .nulltd td {background-color:#ddd;}
.customercenter .deliveryContinent .summary02 .Fast .txtlistArea .shipping .table03 tbody .bold {font:bold 15px/18px Helvetica}
.customercenter .summary02 .Fast .mainArea dd ul li img.store-plus-icon {max-height:30px; width:auto; margin:0px 3px; display:inline; position:relative; top:0px; vertical-align: bottom}

/**  換貨新增 **/
.changeBtn{white-space:nowrap;}

/*機票查詢*/
.customercenter .summary02 .inner .planeOrder dt {background-color:#FF588B; border-bottom:0px; height:30px; line-height:30px; margin:10px 0px 5px; border:3px solid #CFD3D4; overflow:hidden}
.customercenter .summary02 .inner .planeOrder dt,
.customercenter .summary02 .inner .planeOrder dd {margin-bottom:0px; display:inline-flex}
.customercenter .summary02 .inner .planeOrder dt {border-bottom:1px solid #CFD3D4}
.customercenter .summary02 .inner .planeOrder dd {border:3px solid #CFD3D4; border-top:0px; padding:0px; height:36px; line-height:inherit}
.customercenter .summary02 .inner .planeOrder dt .first,
.customercenter .summary02 .inner .planeOrder dd .first {width:80px; border-left:0px}
.customercenter .summary02 .inner .planeOrder dd .first {font-weight:bold; color:#000000}
.customercenter .summary02 .inner .planeOrder dt .payment,
.customercenter .summary02 .inner .planeOrder dd .payment {width:80px}
.customercenter .summary02 .inner .planeOrder dt .date,
.customercenter .summary02 .inner .planeOrder dd .date {width:95px; color:#000000}
.customercenter .summary02 .inner .planeOrder dt .date {color:#FFFFFF}
.customercenter .summary02 .inner .planeOrder dt .number,
.customercenter .summary02 .inner .planeOrder dd .number {width:130px}
.customercenter .summary02 .inner .planeOrder dt .invoice,
.customercenter .summary02 .inner .planeOrder dd .invoice {width:313px}

.customercenter .summary01 b, .customercenter .summary01 p {}
.customercenter .summary01 .choseway b {font:bold 15px/20px Helvetica; color:#900; position:relative; top:0px}
.customercenter .summary01 .choseway label {font:bold 15px/20px Helvetica; color:#000; margin:0px 10px 0px 0px; cursor:pointer }
.customercenter .summary01 .choseway label input {position:relative; top:2px}
.customercenter .summary01 .choseway [name="way"]:checked + label {color:#0000FF;}
.customercenter .summary02 .inner .planeOrder dt {margin-bottom:0px; background:#46A7FB }
.customercenter .summary02 .inner .planeOrder dt b {width:110px; height:36px; font:13px/30px Helvetica; color:#FFFFFF; font-weight:normal; text-align:center; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .planeOrder dd span {float:left; width:110px; height:36px; font:13px/36px Helvetica; margin-left:0px; text-align:center; border-right:1px solid #CFD3D4; display:inline-block; overflow:hidden}
.customercenter .summary02 .inner .planeOrder dt b {border-right:1px solid #d5d4d0}
.customercenter .summary02 .inner .planeOrder dt .tips{width:405px}
.customercenter .summary02 .inner .planeOrder dd .tips {width:385px; text-align:left; padding:0px 10px}
.customercenter .summary02 .inner .planeOrder .number a {font:13px/36px Helvetica; color:#0059A5; text-decoration:underline; cursor:pointer}
.customercenter .summary02 .inner .planeOrder dd .redtxt {color:#FF0000}
.customercenter .summary02 .inner .planeOrder dd .invoice a {font-size:13px; font-family:Verdana, sans-serif; color:#0059A5}
.customercenter .summary02 .inner .planeOrder dd .invoice a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .planeOrder dd .invoice {float:left}
/** 展開區塊 **/
.customercenter .summary02 .inner .planeOrder .detailsArea {margin-top:0px; padding-bottom:10px; border:0px; border-bottom:1px dashed #ACACAC; height:auto; display:block}
.customercenter .summary02 .inner .planeOrder .detailsArea .expansion {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/expansionimg.jpg?201301300943) no-repeat 5px 3px; padding:1px 10px 1px 25px; font-size:13px; color:#373737; font-weight:normal; height:20px; line-height:21px; line-height:26px \9; margin:3px 5px 0px; display:inline-block; width:auto; border:0px; cursor:pointer; float: none;}
.customercenter .summary02 .inner .planeOrder .detailsArea .close {background:#E3E3E3 url(//image.momoshop.com.tw/ecm/img/cmm/memb/closeimg.jpg?201301300943) no-repeat 5px 5px; padding:1px 10px 1px 25px; font-size:13px; color:#373737; font-weight:normal; height:20px; line-height:21px; line-height:26px \9; margin:3px 5px 0px; margin: 3px 5px 10px \9; display:inline-block; width:auto; border:0px; cursor:pointer; float: none;}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist {width:100%; border-top:0px solid #E3E3E3; border-right:0px solid #E3E3E3; margin:0px auto; display:none; position:relative; clear:both}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist th,
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist td  {padding:5px; font-size:13px; font-family:Verdana, sans-serif; color:#434343; text-align:center}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist th {border-left:0px;}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist td {border-bottom:1px solid #E3E3E3; border-left:0px; border-right:1px solid #E3E3E3;}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist td:first-child {border-left:1px solid #E3E3E3; }
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist th {border-bottom:3px solid #4b4b4b; background-color:#FFFFFF; color:#4b4b4b}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist td a {font-size:13px; font-family:Verdana, sans-serif; color:#3366FF}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist td a:hover {color:#E40480; text-decoration:underline}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .demand a {font:13px/20px Helvetica; color:#000000; padding:0px 10px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/ordermenulinkbk.gif?201301300943) repeat-x 0px 2px; border:1px solid #666666; height:20px; line-height:24px \9; margin:1px 3px 0px; cursor:pointer; display:inline-block; border-radius:4px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .demand a:hover {color:#000000; text-decoration:none}
.customercenter .summary02 .inner .planeOrder .detailsArea .hide {display:none}
/** 表格 **/
.customercenter .summary02 #returnsArea .TabContentD ul li b { display:inline-block}
.customercenter .summary02 #returnsArea .TabContentD ul li table {border-left:1px solid #999999; border-top:1px solid #999999; margin:0px 0px 10px  0px}
.customercenter .summary02 #returnsArea .TabContentD ul li table th,
.customercenter .summary02 #returnsArea .TabContentD ul li table td {font-size:13px; font-family:Helvetica; padding:10px 5px; border-bottom:1px solid #999999; border-right:1px solid #999999}
.customercenter .summary02 #returnsArea .TabContentD ul li table th {background-color:#dddddd; text-align:center; color:#565656; white-space:nowrap}
.customercenter .summary02 #returnsArea .TabContentD ul li table .redtxt {font-size:13px; color:#FF0000}
.customercenter .summary02 #returnsArea .TabContentD .noNumberList,
.customercenter .summary02 #returnsArea .TabContentD .noNumberList li {list-style:none; width:970px;}
.customercenter .summary02 #returnsArea .TabContentD .noNumberList li {margin:5px 5px 5px 0px}
.customercenter .summary02 #returnsArea .TabContentD .noNumberList li b {display:block; margin:0px 0px 5px 0px}
.customercenter .summary02 #returnsArea .TabContentD .noNumberList li span { display:inline-block; font:13px/25px Helvetica,PMingLiU; padding-left:25px}
.customercenter .summary02 #returnsArea .TabContentD .textArea {font:13px/25px Helvetica,PMingLiU; padding-left:16px}
.customercenter .summary02 #returnsArea .TabContentD ul li span .discicon { display:inline-block; width:5px; height:5px; border-radius:5px; background:#000000; margin:0px 10px 0px 0px }

/** 常見問題的頁籤 **/
#returnsArea .TabContent .TabContentD .subTablist ul {display:block; width:970px; height:35px; border-bottom:1px solid #9E9E9E; margin:0px 0px 10px 0px}
#returnsArea .TabContent .TabContentD .subTablist ul li {list-style:none; float:left; width:auto; margin:0px 15px 0px 0px; }
#returnsArea .TabContent .TabContentD .subTablist ul li a {float:left; width:auto; height:35px; padding:0px 5px; font:15px/35px Verdana,sans-serif; color:#9E9E9E; cursor:pointer; }
#returnsArea .TabContent .TabContentD .subTablist ul li.selected { border-bottom:2px solid #ff6c84;}
#returnsArea .TabContent .TabContentD .subTablist ul li.selected a {color:#ff6c84;}
#returnsArea .TabContent .TabContentD .subTabContent { width:100%; display:block}

/** 修改月曆圖示和按鈕 **/
.customercenter .summary01 .daterange button { position:relative; height:26px\0/; line-height:24px\0/}

/**20201228 直配大陸**/
.customercenter .summary02 .inner .order .detailsArea .uploadConBtn {display: inline-block;font: 12px/25px Microsoft JhengHei, sans-serif;margin: 0px 5px 0px 0px;text-decoration: underline;}
.customercenter .summary02 .inner .modify dd .uploadArea {position:relative;border: 1px solid #e3e3e3;padding: 20px 0px;border-bottom: 0px;}
.customercenter .summary02 .inner .modify dd .uploadArea p {margin: 0px 0px 15px 0px;font: 12px/30px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .modify dd .uploadArea p input {margin: 0px 0px 0px 10px;font: 12px/30px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .modify dd .uploadArea .submitUploadBtn { left: 420px; position: absolute;bottom: 35px;border: 1px solid #A7A7A7;font: 12px/24px Microsoft JhengHei, sans-serif;color: #000000;text-align: center;margin: 0px;padding: 0px 10px;border-radius: 2px;background: linear-gradient(#F5F5F5, #E0E0E0);cursor: pointer;}
.customercenter .summary02 .inner .modify dd .uploadArea .qrcodeimg {position: absolute; display: inline-block; width: 100px; height: 100px; top: calc(50% - 50px); right: 10px;}

/** 首頁改版 會員中心**/
.bt_2_layout_Left { float:left; width:200px}
.loginArea { position:relative; left:inherit; width:inherit}
#bt_2_layout_NAV { display: block; height: 25px; margin: 0 0 5px; font: 13px/25px Helvetica; }
#bt_2_layout_NAV ul li:first-child a { color: #a18050; text-decoration: none;}
#bt_2_layout_NAV ul li a { display: inline-block; color: #666666; font: 13px/25px Helvetica;}
#bt_2_layout_NAV ul li a:hover { color: #e40480; text-decoration: none;}
#bt_2_layout_NAV ul { background-position:3px 3px }

/** 20151223 FAQ常見問題新樣式 **/
.customercenter .faqlist {background-color:#FFFFFF}
#midArea .newFaqListStyle {border:0px; padding:0px}
.newFaqListStyle {margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #000000}
.newFaqListStyle .newFaqListMenuArea {margin:10px 0px; padding:0px}
.newFaqListStyle .newFaqListMenuArea .firstLayer {text-align:center; margin:0px; padding:0px; border-bottom:1px solid #0059A5}
.newFaqListStyle .newFaqListMenuArea .firstLayer li {width:8%; height:55px; font:15px/42px Helvetica; vertical-align:top; margin:0px 0px 0px 7px; position:relative; display:inline-block; cursor:pointer}
.newFaqListStyle .newFaqListMenuArea .firstLayer li:first-child {margin:0px}
.newFaqListStyle .newFaqListMenuArea .firstLayer li.faqListstyle {width:12%}
.newFaqListStyle .newFaqListMenuArea .firstLayer li span {background-color:#0059A5; font:15px/20px Helvetica; color:#FFFFFF; border-radius:3px; padding:5px; display:inline-block}
.newFaqListStyle .newFaqListMenuArea .firstLayer .selected {background-color:#FFFFFF; height:52px; line-height:36px; border-top:2px solid #0059A5; border-left:1px solid #0059A5; border-bottom:1px solid #FFFFFF; border-right:1px solid #0059A5; top:1px}
.newFaqListStyle .newFaqListMenuArea .firstLayer .selected span {background-color:transparent; font-weight:bold; color:#0059A5; padding:5px 3px}
.newFaqListStyle .newFaqListMenuArea .secondLayer {height:40px; border-bottom:1px solid #0059A5; padding:0px 10px; display:none}
.newFaqListStyle .newFaqListMenuArea .secondLayer li {background-color:#E1E1E1; height:30px; font:15px/30px Helvetica; color:#000000; margin:5px; padding:0px 20px; border-radius:3px; display:inline-block; cursor:pointer}
.newFaqListStyle .newFaqListMenuArea .secondLayer .selected {background-color:#FFFFFF; height:33px; font-weight:bold; color:#000000; border-bottom:3px solid #0059A5; border-radius:0px}
.newFaqListStyle .newFaqListContentArea {background-color:#FFFFFF}
.newFaqListStyle .newFaqListContentArea dl,
.newFaqListStyle .newFaqListContentArea dl dt,
.newFaqListStyle .newFaqListContentArea dl dd {margin:0px; padding:0px; position:relative}
.newFaqListStyle .newFaqListContentArea dl dt,
.newFaqListStyle .newFaqListContentArea dl dd {font:13px/20px Helvetica; color:#454545; padding:0px 10px 0px 10px}
.newFaqListStyle .newFaqListContentArea dl dt {background-color:#F9F9F9; height:30px; font-weight:bold; line-height:31px; margin:10px 0px 0px}
.newFaqListStyle .newFaqListContentArea dl dt:first-child {margin:0px}
.customercenter .summary02 .inner .order {float:inherit}
.customercenter .newFaqListStyle .newFaqListContentArea dl dd {padding:5px 10px 5px 10px; display:inline-block}
.customercenter .summary02 .txtTips {font:13px/18px Helvetica; margin:10px 15px}
.customercenter .summary02 .txtTips a {font:13px/18px Helvetica; color:#0059A5; text-decoration:underline; cursor:pointer}

.searchOtherArea {position:absolute; top:-4px; right:10px; z-index:1}
.searchOtherArea .searchOtherBtn,
.searchOtherArea .closeSearchOtherBtn {font:13px/21px Helvetica; border:1px solid #707070; border-radius:3px; cursor:pointer}
.searchOtherArea .closeSearchOtherBtn {display:none}
.searchOtherArea ul {background-color:#FFFFFF; width:435px; margin:0px; padding:10px; list-style:none; border:1px solid #707070; border-radius:3px 0px 3px 3px; box-shadow:0px 3px 3px #707070; position:absolute; top:24px; right:0px; display:none}
.searchOtherArea ul li {font:13px/18px Helvetica; margin:0px 0px 0px 5px; display:inline-block; position:relative}
.searchOtherArea ul li:first-child {margin:0px}
.searchOtherArea ul li img {position:absolute; top:2px; right:1px}
.searchOtherArea ul li input,
.searchOtherArea ul li select,
.searchOtherArea ul li option {font:13px/18px Helvetica}
.searchOtherArea ul li select {height:24px}
.searchOtherArea.open .searchOtherBtn {display:none}
.searchOtherArea.open .closeSearchOtherBtn {background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; border-radius:3px 3px 0px 0px; position:relative; z-index:1; display:inline-block}
.searchOtherArea.open ul {display:inline-block}
.searchOtherArea ul li #rtnBtn {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/daterangebtnbk.gif) no-repeat 0px 0px; width:58px; height:23px; padding:0px 0px 0px 8px; border:0px; cursor:pointer}


.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach.setPrd .prdname {padding-left:25px;border-left: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach.tcdiyPrd .prdname {border-left: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname {border-left: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber span,
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber a {font: 13px/24px Microsoft JhengHei, sans-serif;margin:0px 20px 0px 0px;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail {background-color: #ffffff}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul {margin:0px; padding:0px; list-style:none; width:100%; display:inline-block}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li {width:20%; position:relative; display:inline-block; vertical-align:top}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li img {width:30px; height:30px; background-color: #ffffff; position:absolute; top:-12px; left:0px; z-index:1}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li img:first-child {display:none}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p {width:100%; margin:0px; padding:0px 0px 0px 35px; box-sizing:content-box; box-sizing:border-box; box-sizing:padding-box; border-top:2px solid #C6C6C6;position:relative; bottom:0px; left:0px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p span {float:left; width:auto; height:auto; font:13px/18px Helvetica; color:#C6C6C6; text-align:left; border:0px; margin: 5px 0px 0px 0px;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p a.recycle,a.packageDelivery {color: #0067F7; width: 100%; float: left; text-align: left; font: 13px / 18px Helvetica; margin: 5px 0px 0px 0px;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p span a.orderLink {color: #027BFF;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p .date {float:left; width:auto; margin-left:5px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p span:first-child {width:100%; display:block;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p span.packge {width:100%; display:block;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p .date.readyDate {float:left; width:100%; margin:0px; font:12px/18px Helvetica; color:#ff0000; }
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p .date.readyDate a { display:inline-block; font:12px/18px Helvetica; color:#0067f7; margin-left:1px; cursor:pointer}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected img {display:none}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected img:first-child {display:block}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p {border-top:2px solid #E5007F; }
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span {color:#000000;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span a { display:inline-block; font:13px/18px Helvetica; color:#0067F7; text-decoration:none}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span a:hover {text-decoration:underline}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span a.orderLink {color: #027BFF;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li:last-child p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li:last-child.selected p {border-top: 2px solid #ffffff}
/** 20160308__針對窄版做的設定 **/
.customercenter .summary02 .inner .order .oldstyle {width:746px;}
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td {padding:0px}
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea {padding:5px 0px 0px;}
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul {width:730px; }
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul li p span {width:32px; font:12px/18px Helvetica; }
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul li p .date {width:32px; text-indent:0px; margin-left:3px}
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul li p span:first-child {width:100%; }
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span a {font:12px/18px Helvetica;}
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul li p .date.readyDate {float:left; width:100%; margin:0px; font:11px/18px Helvetica; color:#000000; position:absolute; left:15px; bottom:0px}
.customercenter .summary02 .inner .order .oldstyle .prdlist .deliveryDetail td .deliverynoteArea ul li p .date.readyDate a {font:11px/18px Helvetica; color:#0067f7}

.customercenter .summary02 .inner .order .detailsArea .prdlist .whiteLine td {height:5px;margin:0px;padding:0px;position:relative;border-top: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .whiteLine td::after {background-color:#FFFFFF; width:1px; height:100%; content:''; position:absolute; top:0px; right:0px; z-index:1}

.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach,
.customercenter .summary02 .inner .order .detailsArea .prdlist tr td.rigLine {position:relative;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach td {border-top:1px solid #E3E3E3; vertical-align: top;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach::after {background-color:#E3E3E3; width:1px; height:100%; content:''; position:absolute; top:0px; right:0px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail {background-color: #ffffff; position:relative;}

/* 20160429 改寬版 by uylin */
#BodyBase {width:1220px}
#BodyBase .customercenter,
#BodyBase .customercenter .innerArea,
#BodyBase #mainContent {width:1220px}
#BodyBase .customercenter {margin:0px 0px 10px}
#BodyBase .customercenter .bt_2_layout_Content {margin:0px}
#BodyBase .customercenter .bt_2_layout_Content #bt_2_layout_NAV,
#BodyBase .customercenter .bt_2_layout_Content .bt770class {width:1000px}
.customercenter .mainbav {background-image:none; width:1160px; margin:0px; padding:0px 30px; }
.customercenter .innerArea .mainbav {margin:20px 0px 20px 0px;}
.customercenter .innerArea .mainbav li {float:left; width:190px; text-align:left; vertical-align:top; margin:0px 0px 0px 20px; padding:0px 0px 0px 25px; display:inline-block; border-left:1px solid #EAEAEA; }
.customercenter .innerArea .mainbav li:first-child {margin:0px; border-left:0px}
.customercenter .mainbav dt {background-image:none; width:200px; height:30px; padding:11px 0px}
.customercenter .mainbav dt h3 {font:bold 20px/30px 微軟正黑體; color:#666666; text-align:left; padding:0px 5px; border-left:5px solid #E40580}
#BodyBase  #bt_A_006_01, #BodyBase  #bt_A_006_02 {float:left; margin:0px 0px 15px 60px; width:530px;}
#BodyBase #bt_A_006_02 .footer.ie6png, #bt_A_006_01 .footer.ie6png {display:none;}
#BodyBase #bt_A_006_02 .top.ie6png, #BodyBase #bt_A_006_01 .top.ie6png {display:none;}
#BodyBase #bt_A_006_01 .inner,
#BodyBase #bt_A_006_02 .inner {background:none; width:98%; margin:5px; padding:10px 0px; border:5px solid #FFD0D4; border-radius:10px}
#BodyBase #bt_A_006_01 .inner dl,
#BodyBase #bt_A_006_02 .inner dl {width:490px; margin:0px 15px}
#BodyBase #bt_A_006_01 .inner dd,
#BodyBase #bt_A_006_02 .inner dd {width:188px}
#BodyBase #bt_A_006_01 .inner .tips,
#BodyBase #bt_A_006_02 .inner .tips {width:378px}
#mainContent .title,
.customercenter .innerArea .title {float:left; width:100px; border-bottom:0px; background:#999999; height:30px; line-height:28px; line-height:30px \9; font-size:13px; color:#FFFFFF; text-align:center; list-style-type:none; padding-left:0px; position:relative; left:0px}
.customercenter .centermenu .title h2 {background:none}
.customercenter .centermenu .title,
.customercenter .centermenu .curvy,
.customercenter .centermenu .curvy .ctl,
.customercenter .centermenu .curvy .ctr,
.customercenter .centermenu #tips em,
.customercenter .centermenu #tips #bt_category_Content #allcategory .curvy {background:#FB5D90}
.customercenter .centermenu .title {border-color:#FB5D90}
.centermenu #tips #bt_category_Content {padding:0px}
.centermenu #tips #bt_category_Content a span {display:none}
.centermenu #tips #bt_category_Content li,
.centermenu #tips #bt_category_Content .selected {width:100%}

/*?20200422_詐騙警語?*/
.customercenter .innerArea .warningBN {width: 1135px; height: 139px; background-color: #eee; margin: 0 0 0 55px; display: inline-block; overflow: hidden;}

/* 查詢訂單寬版 2016/05/03 by uylin */
.customercenter .summary01 {background-color:#DDDDDD}
.customercenter .summary01 .inner {margin:3px}
.innerArea #bt_A_005_01 {background:#FFF0F5}
.customercenter .summary02 .inner .order dt {background-color:#fbe7e9; margin:0px}
.customercenter .summary02 .inner .order dt b,
.customercenter .summary02 .inner .order dt .date {color:#000000}
.customercenter .summary02 .inner .modify dt {margin:0px; font:bold 13px/25px Helvetica;}
.customercenter .summary02 .inner .modify dd .graytxt {display:block; font:13px/22px Helvetica; color:#808080; padding-left:15px}
.customercenter .summary02 .inner .modify dd .idnumber,
.customercenter .summary02 .inner .modify dd #birthday {width:125px;}
.customercenter .summary02 .inner .modify dd .idnumber {margin:0px 0px 0px 5px}
.customercenter .summary02 .inner .modify dd .ui-datepicker-trigger {top:2px; left:236px}
.customercenter .summary02 .inner .order dd .menu ul {float:none; text-align:center}
.customercenter .summary02 .inner .order dd .menu li {margin:6px auto}
.customercenter .summary02 .inner .order {width:100%}
.customercenter .summary02 .inner .order dt .menu,
.customercenter .summary02 .inner .order dd .menu {width:120px}/** 客服欄寬 **/
.customercenter .summary02 .inner .order dt .first,
.customercenter .summary02 .inner .order dd .first {width:100px;border-left:0px}/** 配送方式欄寬 **/
.customercenter .summary02 .inner .order dt .media,
.customercenter .summary02 .inner .order dd .media {width:100px; color:#000000} /** 訂購通路 **/
.customercenter .summary02 .inner .order dt .date,
.customercenter .summary02 .inner .order dd .date {width:100px}/** 訂購日期、訂購總額欄寬 **/
.customercenter .summary02 .inner .order dt .number,
.customercenter .summary02 .inner .order dd .number {width:140px}/** 訂單編號欄寬 **/
.customercenter .summary02 .inner .order dt .tips,
.customercenter .summary02 .inner .order dd .tips {width:70px}/** 數量欄寬 **/
.customercenter .summary02 .inner .order dt .payment,
.customercenter .summary02 .inner .order dd .payment {width:180px}/** 付款方式欄寬 **/
.customercenter .summary02 .inner .order dt .invoice,
.customercenter .summary02 .inner .order dd .invoice {width:146px}/** 發票編號欄寬 **/
.customercenter .summary02 .inner .order dd .invoice {float:left}
.customercenter .summary02 .inner .order dd .invoiceWithoutReceipt {color:#8E8E8E}
.customercenter .summary02 .inner p {font-size:13px; margin:10px 0px 9px; font-weight:bold}
.customercenter .summary02 .inner .pointPayRemind {color: #888;font: 13px/20px Helvetica,sans-serif;margin: 10px 0 0 0;}/*20210817_EC大網_小樹點提醒文案*/
.customercenter .summary02 .inner p b {margin:0px 3px;font-family:Helvetica;font-size:13px;color:#FF0000;display: inline-block;}
.bt770class  {float: right; width: 770px; margin: 0px 0px 10px 0px; display: inline-block; }
.customercenter .summary01 .inner {border-bottom:0px}
.customercenter .summary02 #mainArea .order .detailsArea .questionArea {width:100%; margin:0px}
.customercenter .summary01 .daterange dd  .hasDatepicker{margin: 0px 22px 0px 0px;}
.customercenter .summary01 .daterange button {padding-left:8px; font:13px/22px Helvetica; background:#eeeeee; border:1px solid #aaaaaa}
.searchOtherArea ul li .hasDatepicker {margin: 0px 22px 0px 0px;}
.customercenter .summary01 .daterange button {margin:4px 0px 4px 2px; padding-left:6px; font:13px/22px Helvetica; color:#000000; background:#eeeeee; border:1px solid #aaaaaa}
.customercenter .summary02 .inner .order .detailsArea .changeaddArea {width: 99%;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span .adItem {display: block; width:163px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p span .cdateItem {display: block; width:163px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p .shippingText {display: block;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p .rejectItem {color:#000000; display: block}

/* 查詢訂單因兩小時調整 2019/10/25 by huwu */
.customercenter .summary02 .inner .order.orderCenter dt b.prdPrice {width:85px}
.customercenter .summary02 .inner .order.orderCenter dd span.redtxt { width:85px}

/* 追蹤清單 寬版 2016/05/04 by uylin */
.customercenter .summary02 .wishlistTitle {background:#DDDDDD; padding:4px 0px; border:1px solid #C5C5C5; padding:2px 0px; border:none}
.customercenter .summary02 .wishlistTitle .titleleftbk,
.customercenter .summary02 .wishlistTitle .titleleftbk .titlerightbk,
.customercenter .summary02 .wishlistTitle .titleleftbk .titlerightbk .titlebk {background:transparent}
.customercenter .summary02 .wishlistTitle h3 {display:none}
.customercenter .summary02 .wishlistTitle .titleleftbk .titlerightbk .wishListItem dl {float:left}
.customercenter .summary02 .wishlistTitle {padding:2px 0px; border:none}
.customercenter .summary02 .title .titleleftbk .titlerightbk .wishListItem dl {float:left}
.customercenter .summary02 .wishlistTitle .titleleftbk .wishListItem dl .wishListtitle {margin:3px 0px 0px 0px; padding:2px 0px 0px 0px}
.customercenter .summary01 p {font-size:13px; color:#434343; display:block}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips {width:770px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .righttxt {top:30px}
.customercenter .summary02 .inner .wishlist dd .prddetails .preferential {width:770px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu {margin:0px; padding:0px; position:absolute; right:0px; top:60px;}

/* 補貨通知 寬版 2016/05/04 by uylin */
.customercenter .summary02 .inner .canbeordered dt { margin:0px 0px 5px 0px}
.customercenter .summary02 .inner .canbeordered dd .prddetails .tips {width:750px;}
.customercenter .summary02 .inner .canbeordered dd .prddetails .type {width:750px;}

/* 直配大陸 寬版 2016/05/04 by uylin */
.customercenter .summary02 .inner p {margin:10px 0px 15px 0px}

/* 會員資料修改 寬版 2016/05/04 by uylin */
.customercenter .summary02 .inner .modify dt b.bluetx {margin:0px; font:bold 13px/25px Helvetica; color:#0000ff}
.customercenter .summary02 .inner .modify dt {margin:0px;}
.customercenter .summary02 .inner .modify dd .graytxt {display:block; font:13px/22px Helvetica; color:#808080; padding-left:15px}
.customercenter .summary02 .inner .modify dd .idnumber,
.customercenter .summary02 .inner .modify dd #birthday {width:125px;}
.customercenter .summary02 .inner .modify dd .idnumber {margin:0px 0px 0px 5px}
.customercenter .summary02 .inner .modify dd .ui-datepicker-trigger {top:2px; left:236px}

/* 密碼修改 寬版 2016/05/04 by uylin */
.customercenter .btnArea .line {background:#FFFFFF; border:0px; border-bottom:1px solid #000000}

/* 折價卷查詢 寬版 2016/05/04 by uylin */
.bt_2_layout_Content #bt_A_008_01 a img { width:1000px; border:0px; }
.customercenter .summary01 .daterange dd {font:13px/25px Helvetica;}
.customercenter .summary01 .daterange button { font:13px/24px Helvetica; padding-left:9px; padding-top:0px;}
.customercenter .summary01 .daterange .cuponDetail {background:none; border:none; }
.customercenter .summary01 .daterange .cuponDetail .cuponItem {background:none; border:none; text-decoration:underline}
.customercenter .summary01 .daterange .cuponDetail:hover {background:none; border:none}
.customercenter .summary01 .daterange .cuponDetail .cuponItem:hover {background:none; border:none}
.customercenter .summary02 .inner .modify dt .cuponDate {margin:0px 0px 0px 10px; width:130px; font:13px/25px Helvetica}
.customercenter .summary02 .inner .discountcoupons dd {width:986px}
.customercenter .summary02 .inner .discountcoupons dd .details { width:910px}
.customercenter .summary02 .inner .discountcoupons dd .details li {display: inline-block}
.customercenter .summary02 .inner .discountcoupons dd .details .name { display:block ; width:770px}
.customercenter .summary02 .inner .discountcoupons dd .details .apply {display:block}
.customercenter .summary02 .inner .discountcoupons dd .details .useType {display: block}

/* 紅利金查詢 寬版 2016/05/04 by uylin */
.customercenter .summary02 .inner .pointlistvew dt {margin:5px 0px}
.customercenter .summary02 .inner .pointlistvew .title b { float:left}
.customercenter .summary02 .inner .pointlistvew dd span i { display:inline-block; font:13px/36px Helvetica; margin:0px 0px 0px 5px}
.customercenter .summary02 .inner .pointlistvew dd b,
.customercenter .summary02 .inner .pointlistvew dd span {width:175px;}
.customercenter .summary02 .inner .pointlistvew dd .first {width:180px;}
.customercenter .summary02 .inner .pointlistvew dd .orderNumber {width:160px;}
.customercenter .summary02 .inner .pointlistvew dd .tips {width:286px;}
.customercenter .summary02 .inner .pointlistvew dd span.tips {text-align:left}
.customercenter .summary02 .inner .pointlistvew .title {background-color:#FBE7E9}
.customercenter .summary02 .inner .pointlistvew dd b {color:#000000}

/* 換頁區塊 寬版 2016/05/04 by uylin */
.customercenter .summary02 .pageArea {width:1000px}

/** 寬版共用頁籤內容區塊 2016/05/04 by uylin **/
.customercenter .summary02 .mainTabArea .TabMenu ul {width:auto; border-bottom:1px solid #323232; height:34px; display:block; position:relative; clear:both} /** 20120910修改 **/
.customercenter .summary02 .mainTabArea .TabMenu ul li {float:left; background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/vendordetailmenu_newliBk.gif) repeat-x; border:1px solid #CBCBCB; border-left:0px; border-bottom:0px; height:30px; line-height:30px; padding:0px 20px; position:relative; top:3px; cursor:pointer}
.customercenter .summary02 .mainTabArea .TabMenu ul .first {border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; left:0px; z-index:3}
.customercenter .summary02 .mainTabArea .TabMenu ul li span {font:15px/32px Helvetica; color:#666666; }
.customercenter .summary02 .mainTabArea .TabMenu ul .selected {background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/cmm/memb/vendordetailmenu_newlileftBk.gif) no-repeat; height:35px; top:0px; padding:0px 0px 0px 3px; border:0px; position:relative; z-index:4}
.customercenter .summary02 .mainTabArea .TabMenu ul .selected b {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/memb/vendordetailmenu_newlirightBk.gif) no-repeat right; height:35px; padding-right:4px; display:block}
.customercenter .summary02 .mainTabArea .TabMenu ul .selected b span {border:1px solid #323232; border-top:3px solid #323232; border-bottom:0px; display:block; height:32px; font:bold 15px/32px Helvetica; color:#1F1F1F; padding:0px 20px; position:relative; top:0px}
.customercenter .summary02 .mainTabArea .TabContentD {padding:20px 0px}

/** 寬版共用標題和條列 2016/05/04 by uylin**/
.customercenter .summary01 .inner {border-bottom:0px}
.customercenter .summary02 .inner {padding:0px; position:relative}
.customercenter .summary02 .inner .mainArea {margin:0px; padding:0px; }
.customercenter .summary02 .inner .mainArea dt {margin:0px; padding:0px 0px 0px 5px; font:bold 15px/30px Helvetica; color:#000000; background-color:#DBDBDB }
.customercenter .summary02 .inner .mainArea .lastTitle {margin:20px 0px 0px 0px}
.customercenter .summary02 .inner .mainArea dd {display:inline-block; margin:0px; padding:10px 0px 15px 0px;}
.customercenter .summary02 .inner .mainArea dd ul {width:1000px; display:inline-block; margin:0px 0px 5px 0px; }
.customercenter .summary02 .inner .mainArea dd.imgshowArea .numberList li { list-style-type: decimal}
.customercenter .summary02 .inner .mainArea dd ul li {font:13px/25px Helvetica; color:#000000; margin:0px 0px 5px 5px}
.customercenter .summary02 .inner .mainArea dd ol li {font:13px/25px Helvetica; color:#000000; margin:0px 0px 5px 5px}
.customercenter .summary02 .inner .mainArea dd ul li img {max-width: 980px; display:block; height:auto; vertical-align:top; border:0px; margin:15px auto}
.customercenter .summary02 .inner .mainArea dd ul li img.inline {display:inline; width:100px; vertical-align:middle; margin:auto}
.customercenter .summary02 .inner .mainArea dd .discList li {list-style-position:outside; list-style-type:disc; margin:0px 0px 5px 20px}
.customercenter .summary02 .inner .mainArea dd .numberList { width:1000px; list-style-position:outside; list-style-type:decimal; }
.customercenter .summary02 .inner .mainArea dd .numberList li {list-style-position:outside; list-style-type:decimal; margin:0px 0px 5px 20px;}
.customercenter .summary02 .inner .mainArea dd ul li .discList li {list-style-position:outside; list-style-type:disc; margin:0px 0px 5px 15px}
.customercenter .summary02 .inner .mainArea dd .numberList li ul { margin:0px;}
.customercenter .summary02 .inner .mainArea dd .numberList li ul li {list-style-type:none; margin:0px 0px 5px 20px}
.customercenter .summary02 .inner .mainArea dd .secondList li {margin:0px 0px 5px 30px; position:relative; }
.customercenter .summary02 .inner .mainArea dd .secondList li i {display:inline-block; font:13px/25px Helvetica; position:absolute; left:-25px; top:0px}
.customercenter .summary02 .inner .mainArea dd .secondList li ul {margin:5px 0px 10px 0px}
.customercenter .summary02 .inner .mainArea dd .secondList li ul li { margin:0px 0px 5px 0px}
.customercenter .summary02 .inner .mainArea dd span {margin:0px 0px 5px 0px; padding:0px; display:block; font:13px/25px Helvetica; color:#000000}
.customercenter .summary02 .inner .mainArea dd span a,
.customercenter .summary02 .inner .mainArea dd ul li a {margin:0px 3px; display:inline-block; font:13px/25px Helvetica; color:#0070C0; text-decoration:underline}
.customercenter .summary02 .inner .mainArea dd span a:hover,
.customercenter .summary02 .inner .mainArea dd ul li a:hover{color:#0070C0}
.customercenter .summary02 .inner .mainArea dd ul li .redtxt {display:inline-block; font:13px/25px Helvetica; color:#ff0000;}
.customercenter .summary02 .inner .mainArea dd ul li b,
.customercenter .summary02 .inner .mainArea dd .boldtxt {display:inline-block; font:bold 13px/25px Helvetica; color:#000000; margin:0px 5px 0px 0px}
.customercenter .summary02 .inner .mainArea dd ul li b.orangetxt {color:#F80}
.customercenter .summary02 .inner .textRight { margin:20px 0px 0px 0px; padding:0px 10px; text-align:right; font:bold 13px/25px Helvetica; color:#000000;}
.customercenter .summary02 .inner .mainArea dd .note {font:13px/25px Helvetica; color:#000000;    display: inline-block;}
/** 2019071200070421隱私權文案順便修正字被切到 by yewu**/
.customercenter .summary02 .inner .mainArea dd .numberList li ul { width: 980px;}
/** 20240510客戶服務條款文案順便修正字被切到 by gordondai**/
.customercenter .summary02 .inner .mainArea dd .secondList li ul { width: 975px;}

/** 客戶服務條款寬版 2016/05/04 by uylin **/
.customercenter .noticebk .inner {border-bottom:0px}
.customercenter .privacy {background-color:#FFFFFF}
.customercenter .privacy .inner {margin:0px; border-top:0px}
.customercenter .summary02 .inner .mainArea dd .secondList li i {display:inline-block; font:13px/25px Helvetica; position:absolute; left:-25px; top:0px}
.customercenter .summary02 .inner .mainArea dd .secondList li .subList li {margin:0px 0px 10px 0px;}
.customercenter .summary02 .inner .mainArea dd .secondList li .subList li p {margin:5px 0px 0px 15px; padding:0px; font:13px/25px Helvetica}

/** 購物流程說明寬版 2016/05/04 by uylin **/
.customercenter .newShoppingProcess .shoppingprocess {background-color:transparent}
.customercenter .newShoppingProcess .shoppingprocess h4 {display:none}
.customercenter .newShoppingProcess .shoppingprocess .noteArea {margin:10px 0px 0px; padding:0px; border-top:0px}
.customercenter .newShoppingProcess .shoppingprocess .noteArea:first-child {margin:0px}
.customercenter .newShoppingProcess .shoppingprocess .noteArea h5 ul {display:none}

/** 12小時速達服務說明寬版 2016/05/04 by uylin **/
.customercenter .summary02 .Fast h1 {margin-bottom: 20px; text-align:center}
.customercenter .summary02 .Fast .mainArea dd ul .redtxt {color:#ff0000}
.customercenter .summary02 .Fast .mainArea dd ul li a {display:inline-block; cursor:pointer}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea {text-align:center; font:15px/25px Helvetica; border:3px solid #ccc;}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea th {background-color:#fbe7e9; font-size:15px; color:#000000; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea th a {font:15px 20px Helvetica; color:#FFFFFF}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea td {background-color:#ffffff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font:13px/25px Helvetica}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea .tips01 {background-color:#fbe7e9;}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea .tips02 {background-color:#FFFFDF; color:#FF0000;}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea .tips03 {font-size:15px}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea p {font-size:13px; font-family:Helvetica; color:#333333; padding:0px 5px}
.customercenter .summary02 .Fast .mainArea dd .numberList li dl dd {display:block; padding:0px; margin:0px; font:15px/25px Helvetica}
.customercenter .summary02 .Fast .mainArea .imgshowArea ul li img {max-height:38px; width:auto; margin:0px 3px; display:inline; position:relative; top:-3px; vertical-align: bottom}
.customercenter .summary02 .inner .mainArea dd .numberList li .discList li {list-style-type:initial}
.customercenter .summary02 .Fast .mainArea dd ul li .timeArea th a {color:#0070c0}
.customercenter .summary02 .inner .mainArea dd .numberList .nodot {list-style:none}

/** 直配大陸服務說明寬版 2016/05/04 by uylin **/
.customercenter .deliveryContinent .chinaArea .inner {padding:0px 0px }
.customercenter .deliveryContinent .chinaArea .inner .mainArea dd {width:100%}
.customercenter .deliveryContinent .chinaArea .inner .mainArea dd .chinaMenu {margin:0px 0px 10px 0px}
.customercenter .deliveryContinent .chinaArea .inner .mainArea dd .chinaMenu tbody td {width:16%; background-color:#CCCCCC; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.customercenter .deliveryContinent .chinaArea .inner .mainArea dd .chinaMenu tbody td a {float:left; width:100%; padding:8px 0px; font:bold 15px/20px Helvetica; color:#0066cc; text-align:center; text-decoration:none; }
.customercenter .deliveryContinent .chinaArea .inner .mainArea dd .chinaMenu tbody td a:hover {color:#d62872; text-decoration:none; }
.customercenter .deliveryContinent .chinaArea .inner .mainArea dd img { margin:10px auto}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .paymentMethods table {border-top:1px solid #b4b4b4; border-right:1px solid #b4b4b4; margin-top:10px }
.customercenter .deliveryContinent .chinaArea .inner .mainArea .paymentMethods table th {background-color:#CCCCCC; }
.customercenter .deliveryContinent .chinaArea .inner .mainArea .paymentMethods table th,
.customercenter .deliveryContinent .chinaArea .inner .mainArea .paymentMethods table td {border-bottom:1px solid #b4b4b4; border-left:1px solid #b4b4b4; padding:5px 0px; font:13px/25px Helvetica; color:#080808; text-align:center}
.customercenter .summary02 .inner .mainArea dd ul li .china_secondList li,
.customercenter .summary02 .inner .mainArea dd ul li .china_thirdList li {list-style-position:outside; list-style-type:decimal; margin:5px 0px 5px 20px}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping table {border-top:1px solid #c4c4c4; border-right:1px solid #c4c4c4; background-color:#FFFFFF; margin-top:10px}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping table th,
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping table td {border-bottom:1px solid #c4c4c4; border-left:1px solid #c4c4c4; padding:5px 5px;}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table01 thead th {background-color:#dddddd; font:bold 13px/25px Helvetica; color:#080808; text-align:center}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table01 thead td {background-color:#494949; font:13px/25px Helvetica; color:#FFFFFF; text-align:center}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table01 tbody th {background-color:#b8e3fe; font:13px/25px Helvetica; }
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table01 tbody .bold {font:bold 13px/25px Helvetica;}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table01 tbody td { font:bold 13px/25px Helvetica;color:#ff3d77}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table01 tbody .nulltd {background-color:#dddddd;}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table02 th { background-color:#dddddd}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table02 th,
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table02 td {font:13px/25px Helvetica; color:#080808; text-align:center; }
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 thead th {background-color:#dddddd; font:bold 13px/25px Helvetica; color:#080808; text-align:center}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 thead td {background-color:#494949; font:bold 13px/25px Helvetica; color:#FFFFFF; text-align:center}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 thead .rate {width:30px}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 tbody th {font:bold 13px/25px Helvetica; padding:10px 5px; }
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 tbody td {font:13px/25px Helvetica; padding:10px 5px;}
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 tbody .nulltd th,
.customercenter .deliveryContinent .chinaArea .inner .mainArea .shipping .table03 tbody .nulltd td {background-color:#dddddd}

/** 搜尋結果操作說明寬版 2016/05/04 by uylin **/
.customercenter .summary02 .searchArea {margin:5px 0px}
.customercenter .summary02 .searchArea .TabContent .TabContentD {padding:5px 0px}

/** 其他付款方式設定寬版 2016/05/04 by uylin **/
.customercenter .summary02 .inner .mainArea dd .payCard  {list-style:outside none disc; margin:0px 0px 0px 0px}
.customercenter .summary02 .inner .mainArea dd .payCard li  {list-style:outside none disc}

/** 退貨退款程序寬版 2016/05/04 by uylin **/
.customercenter .summary01 .Returns {border:1px solid #bbb}
.customercenter .summary02 .Returns .consulting_new dt .logindate,
.customercenter .summary02 .Returns .consulting_new dd .logindate {width:205px}
.customercenter .summary02 .Returns .mainArea dd ul li table {border-left:1px solid #999999; border-top:1px solid #999999; margin-bottom:10px}
.customercenter .summary02 .Returns .mainArea dd ul li table th,
.customercenter .summary02 .Returns .mainArea dd ul li table td {font-size:13px; font-family:Helvetica; padding:3px 5px; border-bottom:1px solid #999999; border-right:1px solid #999999}
.customercenter .summary02 .Returns .mainArea dd ul li table th {background-color:#669900; text-align:center; color:#FFFFFF; white-space:nowrap}
.customercenter .summary02 .Returns .mainArea dd ul li table .redtxt {font-size:13px; color:#FF0000}
.customercenter .summary02 .Returns .mainArea dd ul li table ul {width:auto}
.customercenter .summary02 .Returns .mainArea dd ul li table ul li {font-size:13px; font-family:Helvetica; font-weight:normal; line-height:18px; margin:5px 10px 5px 30px; list-style-type:decimal; list-style-position:outside}
.customercenter .summary02 .Returns .mainArea dd ul li table ul li b {font-size:13px; margin-bottom:5px; display:block}
.customercenter .summary02 .Returns .mainArea dd ul li table li .redtxt,
.customercenter .summary02 .Returns .mainArea dd ul li table p .redtxt {font-size:13px; color:#FF0000}
.customercenter .summary02 .Returns .mainArea dd ul li p {font-weight:normal}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .pay {width:58px}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .returnpayEnter {width:163px}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .retuenpayTime {width:137px}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .numberList {width:auto; list-style-position:outside; list-style-type:decimal}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .numberList li {list-style-position:outside; list-style-type:decimal; margin:0px 0px 5px 20px}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .numberList li ul {margin:0px}
.customercenter .summary02 .Returns .mainArea dd ul li .listArea .numberList li ul li {list-style-type:none; margin:0px 0px 5px 20px}
.customercenter .summary02 .Returns .mainArea dd ul li table th {background-color:#FBE7E9; color:#000}
.customercenter .summary02 .Returns .mainArea dd ul li table tbody th {background-color:#ffffff;}

/** 客服聯絡紀錄寬版 2016/05/04 by uylin **/
.customercenter .summary01 .qnalist {border:1px solid #DDDDDD}
.customercenter .summary02 .qnalist .consulting_new {width:1000px}
.customercenter .summary02 .qnalist .consulting_new dt {width:unset}
.customercenter .summary02 .qnalist .consulting_new dd {width:unset}
.customercenter .summary02 .qnalist .consulting_new dt .logindate,
.customercenter .summary02 .qnalist .consulting_new dd .logindate {width:130px}
.customercenter .summary02 .inner .consulting_new dt {background-color:#fbe7e9}
.customercenter .summary02 .inner .consulting_new dt b {color:#000000}
.customercenter .summary02 .inner .consulting_new .detailsArea {border-style:none}
.customercenter .summary02 .inner .consulting_new dt,
.customercenter .summary02 .inner .consulting_new dd {display:block; width:994px;}

/** 訪客購買寬版 2016/05/04 by uylin **/
.customercenter .summary02 .guestbuy {margin:0px 0px 15px 0px}
.customercenter .summary02 .guestbuy h3 {background-color:#dbdbdb}

/** 機票館訂單寬版 2016/05/30 by uylin **/
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticketName {width:150px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticketTime {width:112px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticlastName {widh:100px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticfirstName {width:100px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticperson {width:70px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticPrice {width:100px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticCheck {width:100px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .ticItem {width:173px}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .demand  {width:164px}

/** 電子報取消/訂閱成功圖示 2016/06/03 by uylin **/
.customercenter .summary02 .inner .modify .newssub {margin:20px 0px 8px 0px; display:none}
.customercenter .summary02 .inner .modify dd .circle {display:inline-block; margin:0px; padding:0px}
.customercenter .summary02 .inner .modify dd .circle span {background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/tickBk.png) no-repeat scroll center center; display:inline-block; background-color:#2E8B57; width:25px; height:25px; border-radius:50%; vertical-align:middle; margin:0px 5px 0px 0px}
.customercenter .summary02 .inner .circle {display:inline-block; margin:5px; padding:0px; font:bold 15px/24px Helvetica; color:#000000}
.customercenter .summary02 .inner .circle i {font:bold 15px/24px Helvetica}
.customercenter .summary02 .inner .modify dd .seriffont {padding:0px; color:#000000; font:13px/24px Helvetica}
.customercenter .summary02 .inner .planeOrder .detailsArea .prdlist .demand  {width:164px}

/**20160623_我要反應與事實不符**/
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk3 p{height:41px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk3.selected.reline p {border-top:2px solid #c6c6c6;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p {position:relative}

/**20160624_黑背景**/
#fancybox-overlay {background-color:#000000; position:fixed; top:0px; left:0px; display:none; z-index:6;}

/**20160624_我要反應與事實不符_浮層**/
.opinionList {text-align:left; width:500px; position:fixed; left:50%; top:50%; display:none; background-color:#FFFFFF; z-index:6; border:1px solid #404040}
.opinionList h2 {font:bold 15px/35px Helvetica; padding:0px 0px 0px 10px; background-color:#404040; color:#ffffff}
.opinionList h2 .closeBtn {display:block; margin:0px 10px 0px 0px; padding:0px; float:right}
.opinionList h2 .closeBtn a {margin:0px; padding:0px 0px 0px 20px; font:13px/35px Helvetica; color:#ffffff;}
.opinionList .opinionContent ul {margin:10px; padding:0px;}
.opinionList .opinionContent ul li {list-style:none}
.opinionList .opinionContent ul li .tip {background-color:#eee; margin:5px 0px 5px 0px}
.opinionList .opinionContent ul li p {margin:0px; padding:0px; font:14px/24px Helvetica;}
.opinionList .opinionContent ul li p span {font:14px/24px Helvetica;}
.opinionList .opinionContent ul li p .time {margin:0px 0px 0px 15px}
.opinionList .centerItem p {font:bold 16px/20px Helvetica; }
.opinionList .centerItem p{padding:0px 0px 15px 0px; margin:0px; text-align:center}
.opinionList .centerItem p span {padding:0px 0px 0px 10px; font:bold 15px/32px Helvetica; float:left}
.opinionList .centerItem p button {background-color:#a6a6a6; border:0 none; color:#ffffff; cursor:pointer; display:block; font:15px/40px Helvetica; width:110px; height:40px; margin:20px auto 0px auto ; text-align:center;}

/**20160624_更改日期_浮層**/
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4 p .date.readyDate a {color:#c6c6c6;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4 p .date.readyDate {color:#c6c6c6;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4 p .readyDate a{color:#c6c6c6;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4 p span a{color:#c6c6c6;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk3.selected.recallItem p {border-top:2px solid #c6c6c6;}
.recallContent {text-align:left; width:300px; position:fixed; left:50%; top:50%; display:none; background-color:#FFFFFF; z-index:6;}
.recallContent .opinioncontent {padding:10px 10px 30px 40px;}
.recallContent .opinioncontent .closeBtn {display:block; margin:0px; padding:0px; text-align:right}
.recallContent .opinioncontent .closeBtn a {margin:0px; padding:0px 0px 0px 20px; font:13px/20px Helvetica; color:#3366ff;}
.recallContent .opinioncontent p {font:15px/24px Helvetica}

/** 新版客服中心版面css 2016/07/21 by uylin **/
.mainInformation {font:13px/24px Helvetica; color:#333333; padding:10px 0px; position:relative; clear:both}
.mainInformation b {font:bold 13px/24px Helvetica; color:#0066FF; margin:0px 5px}
.mainInformation .mainMenuArea {margin:0px; padding:0px; list-style:none; position:absolute; bottom:4px; right:0px}
.mainInformation .mainMenuArea li {float:left; background-color:#7F7F7F; height:34px; font:bold 15px/35px Helvetica; color:#FFFFFF; margin:0px 0px 0px 10px; padding:0px 20px; border:1px solid #7F7F7F; cursor:pointer}
.mainInformation .mainMenuArea li:first-child {background-color:#FFFFFF; padding:0px; position:relative}
.mainInformation .mainMenuArea li:first-child .selectOrderBtn {height:34px; font:15px/35px Helvetica; color:#666666; padding:0px 30px 0px 20px; display:inline-block; position:relative; z-index:2}
.mainInformation .mainMenuArea li:first-child .selectOrderBtn::after {background:transparent url(/images/expansionBtnBk.png) no-repeat; width:6px; height:4px; content:''; overflow:hidden; position:absolute; top:15px; right:10px}
.mainInformation .mainMenuArea li:first-child .selected::after {background:transparent url(/images/collapseBtnBk.png) no-repeat}
.mainInformation .mainMenuArea li:first-child table {width:400px; border-left:1px solid #7F7F7F; border-bottom:1px solid #7F7F7F; position:absolute; top:-1px; right:89px; z-index:1; display:none}
.mainInformation .mainMenuArea li:first-child table th,
.mainInformation .mainMenuArea li:first-child table td {background-color:#FFFFFF; font:15px/20px Helvetica; color:#666666; text-align:center; padding:5px 10px; border-right:1px solid #7F7F7F; border-top:1px solid #7F7F7F}
.mainInformation .mainMenuArea li:first-child table th {background-color:#FBE7E9; font-weight:bold; color:#333333; padding:7px 10px}
.mainInformation .mainMenuArea li:first-child table .selectBox {background-color:transparent; border:0px}
.mainInformation .mainMenuArea li:first-child table .price {width:120px; font:13px/20px Helvetica; color:#D62672}
.mainInformation .mainMenuArea li:first-child table .price b {font:bold 22px/22px Century Gothic; color:#D62672}
.mainInformation .mainMenuArea li:first-child table td input {display:none}
.mainInformation .mainMenuArea li:first-child table td label {width:20px; height:20px; border:1px solid #AAAAAA; border-radius:20px; margin:0px auto; cursor:pointer; display:block}
.mainInformation .mainMenuArea li:first-child table td input[type=radio]:checked + label {background:#D62672 url(//image.momoshop.com.tw/ecm/img/cmm/memb/tickBk.png) no-repeat center center; background-size:70% auto; border-color:#D62672}
.mainInformation .mainMenuArea li select {height:34px; font:15px/34px Helvetica; color:#333333; padding:0px 20px; border:0px}
.mainInformation .mainMenuArea li select option {font:15px/20px Helvetica; color:#333333}

/** 新版客服中心選擇問題label css 2016/07/21 by uylin **/
.askProblemArea {margin:-5px 0px 0px; padding:15px 0px 0px; }
.askProblemArea h3 {font:bold 13px/20px Helvetica; color:#333333; padding:0px 10px}
.askProblemArea .askProblemBox {margin:10px 0px 0px;}
.askProblemArea .askProblemBox ul {width:100%; margin:0px; padding:0px; list-style:none; vertical-align:middle; position:relative; display:inline-block}
.askProblemArea .askProblemBox ul li {float:left; height:43px; width:25%;}
.askProblemArea .askProblemBox ul li input {display:none}
.askProblemArea .askProblemBox ul li label {font:13px/45px Helvetica; color:#000000; padding:0px 0px 0px 40px; position:relative; display:block}
.askProblemArea .askProblemBox ul li label::after {width:16px; height:16px; content:''; border:1px solid #CCCCCC; border-radius:9px; position:absolute; top:13px; left:15px}
.askProblemArea .askProblemBox ul li label::before {background-color:#000000; width:8px; height:8px; content:''; border-radius:4px; position:absolute; top:18px; left:20px; display:none}
.askProblemArea .askProblemBox ul li input:checked +label::before {display:inline-block}

/** 新版聯絡客服系統及時回覆訊息 css 2016/07/21 by uylin **/
.customercenter .summary02 .systemImmediateReplyArea {margin:20px 0px 0px; display:none}
.customercenter .summary02 .systemImmediateReplyArea h3 {background-color:#F2F2F2; height:40px; font:bold 16px/40px 微軟正黑體; color:#333333; padding:0px 20px}
.customercenter .summary02 .systemImmediateReplyArea .systemImmediateTxtArea {font:13px/22px Helvetica; color:#1E1E1E; padding:10px 0px}
.customercenter .bt_2_layout_Content .summary02 .systemImmediateReplyArea .systemImmediateReplyArea .systemImmediateTxtArea ul {margin:0px 0px 0px 30px}
.customercenter .bt_2_layout_Content .summary02 .systemImmediateReplyArea .systemImmediateReplyArea .systemImmediateTxtArea ul li {list-style:decimal}
.customercenter .bt_2_layout_Content .summary02 .systemImmediateReplyArea .systemImmediateReplyArea .systemImmediateTxtArea p {font: 13px/30px Helvetica}
.customercenter .bt_2_layout_Content .summary02 .systemImmediateReplyArea .systemImmediateReplyArea .systemImmediateTxtArea ul li { font: 13px/30px Helvetica}
.customercenter .summary02 .systemImmediateReplyArea .systemImmediateTxtArea b {color: #000; display: inline-block; font: bold 13px/22px Helvetica; margin: 20px 0px 0px 0px; padding: 0px; padding:5px 5px 5px 0px}

/** 訂單列表浮層 **/
.orderListBox {background-color:#FFFFFF; width:1040px; border:1px solid #404040; position:fixed; top:50%; left:50%; z-index:1001; display:none}
.orderListBox h2 {background-color:#404040; font:bold 15px/35px Helvetica; color:#FFFFFF; text-align:left; margin:0px; padding:0px 10px; display:block}
.orderListBox h2 a {position:absolute; right:10px; top:0px; font:13px/35px Helvetica; color:#FFFFFF; cursor:pointer}
.orderListBox .orderListInner {text-align:left; margin:15px}
.orderListBox .orderListInner .topArea,
.orderListBox .orderListInner .topArea p,
.orderListBox .orderListInner .topArea p input {font:13px/20px Helvetica}
.orderListBox .orderListInner .topArea p input {padding:0px 3px}
.orderListBox .orderListInner .topArea {padding:5px; border-bottom:1px dotted #A4A4A4}
.orderListBox .orderListInner .topArea b {font:13px/20px Helvetca; color:#FF0000}
.orderListBox .orderListInner .topArea p {margin:10px 0px}
.orderListBox .orderListInner .topArea p img {vertical-align:middle; cursor:pointer}
.orderListBox .orderListInner .topArea p button {background-color:#EEEEEE; height:26px; font:13px/20px Helvetica; color:#000000; margin:0px 0px 0px 10px; padding:0px 10px; border:1px solid #AAAAAA; cursor:pointer}
.orderListBox .orderListInner .bottomArea {font:13px/20px Helvetica; padding:10px 5px 5px}
.orderListBox .orderListInner .bottomArea b {font:13px/20px Helvetica; color:#0066FF; margin:0px 5px}
.orderListBox .orderListInner .bottomArea table {margin:5px 0px 0px; border-left:1px solid #CFD3D4; border-top:1px solid #CFD3D4}
.orderListBox .orderListInner .bottomArea table th,
.orderListBox .orderListInner .bottomArea table td {font:13px/20px Helvetica; color:#666666; text-align:center; padding:5px; border-right:1px solid #CFD3D4; border-bottom:1px solid #CFD3D4}
.orderListBox .orderListInner .bottomArea table th {background-color:#FBE7E9; font:bold 13px/20px Helvetica; color:#000000; text-align:center}
.orderListBox .orderListInner .bottomArea table tr td:nth-child(4) {text-align:left}
.orderListBox .orderListInner .bottomArea table tr td:nth-child(6),
.orderListBox .orderListInner .bottomArea table tr:hover td:nth-child(6) {color:#FF0000}
.orderListBox .orderListInner .bottomArea table tr:hover td {background-color:#FFFBE6; color:#000000}
.orderListBox .orderListInner .pageArea {width:100%; border-top:1px dashed #BBBBBB; height:42px; line-height:42px; margin:5px 0px 0px; overflow:hidden; display:inline-block}
.orderListBox .orderListInner .pageArea ul {float:left; margin:0px 0px 0px 10px; _margin-left:5px; width:530px}
.orderListBox .orderListInner .pageArea li,
.orderListBox .orderListInner .pageArea dt,
.orderListBox .orderListInner .pageArea dd {display:inline; height:24px; margin-right:3px}
.orderListBox .orderListInner .pageArea li a,
.orderListBox .orderListInner .pageArea dd a {font-family:Verdana; font-size:13px; color:#434343; padding:2px 5px 3px; border:1px solid #ABABAB; text-decoration:none}
.orderListBox .orderListInner .pageArea dl {float:right; margin-right:10px; _margin-right:5px; width:220px; text-align:right}
.orderListBox .orderListInner .pageArea li a:hover,
.orderListBox .orderListInner .pageArea .selected,
.orderListBox .orderListInner .pageArea dd a {background-color:#4A9AE7; color:#FFFFFF}
.orderListBox .orderListInner .pageArea dd a:hover {background-color:#FFFFFF; color:#000000}
.orderListBox .orderListInner .pageArea dt,
.orderListBox .orderListInner .pageArea b {font-size:13px; font-family:Verdana; margin-left:5px}
.orderListBox .orderListInner .pageArea span {font-family:Verdana; font-size:13px}

#insuranceLayerBox .giftInsurance {text-align : left;}
#insuranceLayerBox .giftInsurance, #insuranceLayerBox .giftInsurance .insuranceAgree,
#insuranceLayerBox .giftInsurance ul li{font-size:15px;}
.insure-float-area {z-index: 100;position: absolute;top: calc(50% - 392px);left: calc(50% - 420px);width: 840px;}
.insure-float-area-2 {top: calc(50% - 275px);}
.insure-float-area .float-title {background-color: #E7E7E7;height: 50px;font: bold 17px/50px var(--primary-font-family);color: #000000;padding: 0px 10px 0 20px; text-align: left}
.insure-float-area .float-close-btn {width: 18px;height: 18px;position: absolute;top: 16px;right: 15px;cursor: pointer;}
.insure-float-area .float-close-btn::before, .float-close-btn::after {background-color: #818181;width: 24px;height: 2px;content: '';margin: -1px 0px 0px -12px;position: absolute;top: 50%;left: 50%;transform: rotate(45deg);}
.insure-float-area .float-close-btn::after {transform: rotate(-45deg);}
.insure-float-area .float-inner {background-color: #fff;}
.insure-float-area .float-inner-title {padding: 20px 30px 10px 30px;font: bold 15px/20px var(--primary-font-family);color: #454545;}
.insure-float-area .float-info {padding: 0 30px;display: grid; grid-template-columns: 60px auto;}
.insure-float-area .info-title {width: 60px;height: 22px;background-color: #FFF3F4;border-radius: 4px;text-align: center;font: 13px/22px var(--primary-font-family);color: #DD2726;}
.insure-float-area .info-ol {margin: 0;padding: 0 0 0 27px;}
.insure-float-area .info-li {font: 15px/20px var(--primary-font-family);color: #454545;}
.insure-float-area .float-p-area {padding: 10px 0 20px 0;border-bottom: 1px solid #F2F2F2;}
.insure-float-area .float-p {padding: 0 30px;}
.insure-float-area .float-subtitle {height: 20px;border-left: 3px solid #D62672;padding-left: 10px;margin-bottom: 10px;font: bold 15px/20px var(--primary-font-family);color: #D62672;}
.insure-float-area .float-info-3columns {display: grid;grid-template-columns: 110px 495px auto;align-items: center;}
.insure-float-area .info-img {width: 110px;margin-left: 12px;border-radius: 4px;}
.insure-float-area .info-p {font: 15px/20px var(--primary-font-family);color: #454545;margin-left: 12px;padding-left: 22px;}
.insure-float-area .info-num {text-align: center;font: 24px/30px var(--primary-font-family);color: #D62672;}
.insure-float-area .float-hint-area {padding: 20px 30px;}
.insure-float-area .float-hint-title {font: bold 13px/18px var(--primary-font-family);color: #454545;}
.insure-float-area .float-title b{font-weight: bold; font-size: 17px;}
.insure-float-area .float-hint-ol {padding: 0 0 0 14px;margin: 0;font: 13px/18px var(--primary-font-family);color: #454545;}
.insure-float-area .float-check-p {padding: 20px 30px;height: 460px;overflow-y: scroll;background-color: #fff;font: 15px/20px var(--primary-font-family);color: #454545;text-align: left;}

/** 新版聯絡客服 by uylin **/
.customercenter .summary02 .inner .order .detailsArea .questionArea table,
.customercenter .summary02 .inner .order .detailsArea .recordArea table,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea table { margin: 15px 0px 0px 0px}
.customercenter .summary02 .inner .order .detailsArea .questionArea table tr,
.customercenter .summary02 .inner .order .detailsArea .recordArea table th,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea table tr {border-bottom: 5px solid #fff; }
.customercenter .summary02 .inner .order .detailsArea .recordArea table th,
.customercenter .summary02 .inner .order .detailsArea .changeaddArea #iReceiver img  {margin-left: 10px; vertical-align: middle;}

/** 發問區塊 by uylin **/
.onlineServiceArea {font:13px/20px Helvetica; color:#999999; padding:10px 0px; display:none}
.onlineServiceArea a {color:#3366FF; text-decoration:underline; padding:0px 3px}
.onlineServiceArea .serviceTxtArea {margin:5px 0px 0px;}
.onlineServiceArea .serviceTxtArea h3 {font:bold 13px/20px Helvetica; color:#333333; padding:10px 0px; border-top:1px dotted #CCCCCC}
.onlineServiceArea .serviceTxtArea h3 a {font:bold 13px/20px Helvetica; color:#3366FF; text-decoration:none}
.onlineServiceArea .serviceTxtArea h3 span {font:15px/20px Helvetica}
.onlineServiceArea .serviceTxtArea textarea {width:500px; height:120px; font:13px/20px Helvetica; color:#333333; border:1px solid #CCCCCC; resize:none}
.onlineServiceArea .serviceTxtArea .btnArea {margin:20px 0px;text-align:center;}
.onlineServiceArea .serviceTxtArea .btnArea a {background-color:#FB5D90; height:38px; font:15px/38px Helvetica; color:#FFFFFF; text-decoration:none; margin:0px 0px 0px 10px; padding:0px 20px; border:1px solid #FB5D90; display:inline-block}
.onlineServiceArea .serviceTxtArea .btnArea a:first-child {background-color:#F2F2F2; color:#666666; margin:0px; border-color:#CCCCCC}
.onlineServiceArea .serviceTxtArea .busyNote {color:#990000;font-weight: bold;font-size:13px}
.onlineServiceArea .serviceTxtArea .hideRow {display:none}

/** 新版聯絡客服紀錄 by uylin **/
.customercenter .noticebk p {background-color:#fff; margin:0px; padding:0px 0px 0px 0px; font:13px/20px Helvetica}
.customercenter .noticebk p a {text-decoration:underline; color:#3366ff}
.customercenter .noticebk p span {display:inline-block; font:13px/20px Helvetica; color:#FF0000}
.customercenter .summary02 .inner .consulting_new dd .menu {border-left:1px solid #cfd3d4; border-right:none}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr th {display:inline-block; width:1000px}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr td {display:inline-block; width:968px}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr td table tr td {padding:10px 0px; font:13px/20px helvetica}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr th b {font:bold 20px/20px Century Gothic; color:#434343; margin:0 5px; padding:1px 4px; vertical-align: bottom; background:none}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr .askItem {background-color:#e9e9e9; font-size:15px; padding:5px; text-align:left; font:bold 15px/20px helvetica; color:#0059a5; margin:0px;}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr .askItem b {color:#0059a5}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr th p {float:right; font:bold 15px/20px helvetica; margin:0 20px 0px 0px ; padding:0}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea .askContent {color:#0059a5}
.customercenter .summary02 .inner .consulting_new .detailsArea .disposedArea tr .asktip { font: 15px/20px helvetica; color: #434343}

/**20160720_申請暫收款退款**/
.customercenter .summary02 .inner .modify dt button {margin:0px 0px 0px 40px; font:13px/18px Helvetica}

/** 20170829 資料/密碼修改 **/
.customercenter .summary02 .newModify {background: #eee; padding:0px; margin:0px}
.customercenter .summary02 .newModify .tabArea {width: 360px; height: 52px; font: bold 18px/48px Helvetica; padding:0; margin: 20px auto}
.customercenter .summary02 .newModify .tabArea ul {list-style: none; display:inline-block}
.customercenter .summary02 .newModify .tabArea ul li {width: 180px;color: #d62672;font: bold 18px/48px Helvetica;float: left;padding:0;text-align:center;background:#fff;border: 2px solid #d62672;border-left: 0px;box-sizing: border-box;/* background: #d62672; */}
.customercenter .summary02 .newModify .tabArea ul li:first-child {border-left: 2px solid #d62672}
.customercenter .summary02 .newModify .tabArea ul li a {display: inline-block;font: bold 18px/48px Helvetica;width: 100%;}
.customercenter .summary02 .newModify .tabArea ul li.selected a {color: #fff;}
.customercenter .summary02 .newModify .tabContent {width: 1000px; padding:0 30px 0px; box-sizing: border-box; position:relative}
.customercenter .summary02 .newModify .tabContent dl.pwdArea {margin:0px}
.customercenter .summary02 .newModify .tabContent dl{width: 100%; display:inline-block; margin:0 0 15px 0}
.customercenter .summary02 .newModify .tabContent dl dt {width: 100%;height: 40px;display: block;background: #cecece;font: bold 16px/40px Helvetica;padding: 5px 20px 0px 20px;box-sizing: border-box;text-align: left;}
.customercenter .summary02 .newModify .tabContent dl dd {width: 100%;float:left;background: #cecece;font: 13px/35px Helvetica;padding:0 20px;box-sizing: border-box;white-space: nowrap;}
.customercenter .summary02 .newModify .tabContent dl dd input[type="text"],
.customercenter .summary02 .newModify .tabContent dl dd input[type="password"] {width: 250px;height: 25px;box-sizing: border-box;font: 13px/25px Helvetica;text-align:center;margin: 2px 0px;: none}
.customercenter .summary02 .newModify .tabContent dl dd input[type="text"].ext {width: 80px}
.customercenter .summary02 .newModify .tabContent dl dd input[type="text"].custName {width: 80px; margin-right: 50px}
.customercenter .summary02 .newModify .tabContent dl dd input[type="text"].address {width: 400px}
.customercenter .summary02 .newModify .tabContent dl dd:last-of-type {padding-bottom: 10px;}
.customercenter .summary02 .newModify .tabContent dl dd a {margin: 0px; color:#3366ff; font-size:16px; font-weight: bold}
.customercenter .summary02 .newModify .tabContent dl dd select {height:25px}
.customercenter .summary02 .newModify .tabContent dl dd span {display: inline-block;font: 13px/35px Helvetica;}
.customercenter .summary02 .newModify .tabContent dl span.txtRed {color: #f00; margin:0 0 0 10px}
.customercenter .summary02 .newModify .tabContent dl span.txtGray {color: #888888; margin:0 0 0 10px}
.customercenter .summary02 .newModify .tabContent dl.customerItem .memInfo span {font: 13px/35px Helvetica; margin-right: 50px}
.customercenter .summary02 .newModify .tabContent dl.commInfo span {width:80px; margin:0; padding:0; box-sizing: border-box; white-space:nowrap}
.customercenter .summary02 .newModify .tabContent dl.commInfo dd.birth {position: relative}
.customercenter .summary02 .newModify .tabContent dl.commInfo dd.birth img {position: absolute; left:355px; top:4px}
.customercenter .summary02 .newModify .tabContent dl.speedLogin { line-height: 0px; font-size: 0px; background: #e1e1e1; border-radius: 5px;}
.customercenter .summary02 .newModify .tabContent dl.speedLogin dd {height:80px;padding: 15px 30px;font:bold 16px/30px Helvetica;box-sizing: border-box;float: none;display: inline-block;}
.customercenter .summary02 .newModify .tabContent dl.speedLogin dd img {width:50px;vertical-align: top;}
.customercenter .summary02 .newModify .tabContent dl.speedLogin dd span {font:bold 16px/30px Helvetica; line-height: 50px; margin:0 0 0 20px; color: #000000}
.customercenter .summary02 .newModify .tabContent.memInfoContent dl.pwdArea dd {height:80px; box-sizing: border-box; padding: 20px}
.customercenter .summary02 .newModify .tabContent.memInfoContent dl.pwdArea dd p img {margin:0 0 0 15px}
.customercenter .summary02 .newModify .tabContent .momoshopNews {padding:0 0 0 89px}
.customercenter .summary02 .newModify .tabContent .momoshopNewsYN {padding:0 0 0 10px}
.customercenter .summary02 .newModify .tabContent dl.newsLetter.member {margin:0px}
.customercenter .summary02 .newModify .tabContent dl.notMenber {margin:0px}
.customercenter .newModify .tabContent dl dd p.phonenumbertext {display:inline-block; margin: 0px; padding: 0px 10px 0px 5px;  font:13px/25px Microsoft Yahei sans-serif; letter-spacing: 1px;}
.customercenter .newModify .tabContent dl dd input.modifyBtn {width: auto; box-sizing:border-box; margin:0px; font:13px/25px Microsoft Yahei sans-serif; text-align: center;  border:1px solid #c8c8c8; background-color: white; color:#000000; border-radius:7px; padding:0 7px; min-width:70px; cursor:pointer}
.customercenter .newModify .tabContent dl dd p.phoneText {display:block; margin:0px; padding:0px 0px 10px 70px; box-sizing:border-box; font:13px/15px Helvetica;}
.customercenter .newModify .tabContent dl dd.phonecheckArea {display: none;}
.customercenter .newModify .tabContent dl dd.phonecheckArea span.checknumbertext {display:inline-block; margin:0px; padding:0px 0px 0px 0px; }
.customercenter .newModify .tabContent dl dd.phonecheckArea input.checknumberinput {margin:2px 5px 2px 0px; padding:2px 5px; width:230px}
.customercenter .newModify .tabContent dl dd.phonecheckArea input.checknumberBtn {display:inline-block; width: auto; box-sizing:border-box; margin:0px; font:13px/25px Microsoft Yahei sans-serif; text-align: center;  border:1px solid #aaaaaa; background-color: white; color:#000000; border-radius:7px; padding:0 7px; min-width:70px; cursor:pointer}
.customercenter .newModify .tabContent dl dd.phonecheckArea input.resend {display:inline-block; width: auto; box-sizing:border-box; margin:0px; font:13px/25px Microsoft Yahei sans-serif; text-align: center;  border:1px solid #dddddd; background-color: white; color:#888888; border-radius:7px; padding:0 7px; min-width:70px}
.customercenter .newModify .tabContent dl dd.phonecheckArea input.resend b  {display:inline-block; margin:0px; padding:0px 2px 0px 2px; font:13px/25px Microsoft Yahei sans-serif; color:#888888}
.customercenter .newModify .tabContent dl dd.phonecheckArea p.checkokText {display:block; margin:0px; padding:0px 0px 10px 85px; box-sizing:border-box; font:13px/15px Helvetica; color:#43A942;}

/** 20190808 公司用（線上列印）發票操作方法 && 網路銷折單列印方法 **/
.customercenter .summary02 .Invoice {margin:15px 0px;padding:0px;}
.customercenter .summary02 .inner .mainArea dt {margin:0px; padding:0px 0px 0px 5px; font:bold 15px/30px Helvetica; color:#000000; background-color:#DBDBDB }
.customercenter .summary02 .inner .mainArea .remind {margin:0px; font:bold 17px/32px Helvetica; color:#FF0000;}

/** 確認送出 & 重新填寫 **/
.customercenter .newModify .fonfirmArea {margin: auto; text-align: center; font: 16px/30px Helvetica; position:absolute; bottom: 20px; left:0; right:0}
.customercenter .newModify .fonfirmArea a {height: 30px; display: inline-block; background-color: #ffffff; color: #d62672; border:2px solid #d62672; cursor: pointer; font: 16px/30px Helvetica; padding: 0 50px}
.customercenter .newModify .fonfirmArea a:last-child {background-color: #d62672; color: #ffffff; margin: 0 0 0 10px}

.customercenter .btnArea .fonfirmArea {margin:auto; text-align:center; font:16px/30px Helvetica}
.customercenter .btnArea .fonfirmArea a {height: 30px; display: inline-block; background-color: #ffffff; color: #d62672; border:2px solid #d62672; cursor: pointer; font: 16px/30px Helvetica; padding: 0 50px}
.customercenter .btnArea .fonfirmArea a:last-child {background-color: #d62672; color: #ffffff; margin: 0 0 0 10px}

/** 重新設定登入密碼 **/
.customercenter .newModify .memPwdContent dl.pwdArea dd {height:55px}
.customercenter .newModify .memPwdContent dl.pwdArea dd:nth-of-type(2) {height: 35px}
.customercenter .newModify .memPwdContent dl.pwdArea dd input {width: 30%}

/** 取消/ 訂閱電子報 **/
.customercenter .newModify.newsLetter dd:nth-of-type(2) {padding-top: 10px}
.customercenter .newModify.newsLetter dd #emailAddr {width: 350px}
dd.empty {height:45px}

.customercenter .newModify .tabContent dl dd label {display: inline-block;  font: 13px/35px Helvetica; margin:0 0 0 5px}
.customercenter .newModify .tabContent dl dd label:first-of-type {margin: 0}
.customercenter .newModify .tabContent dl dd input[type="checkbox"] {display: none}
.customercenter .newModify .tabContent dl dd label span {width: 18px; height: 18px; background: #fff; left: 0; top: 6px; border-radius: 3px; margin: 0 5px 0 0; position: relative}
.customercenter .newModify .tabContent dl dd input[type="checkbox"]:checked + label span::before {content: ""; width: 4px; height: 10px; border-right: 2px solid #000; border-bottom: 2px solid #000; position: absolute; top: 2px; left: 6px; transform-oripin:left top; transform: rotate(40deg)}
/** dd的圓角設定 **/
.topLeft {border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px}
.topRight {border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px}
.bottomLeft {border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px}
.bottomRight {border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px}

/** dd的特別寬度設定 **/
.customercenter .newModify .tabContent dl dd.w30 {width: calc(100% / 3); float: left}
.customercenter .newModify .tabContent dl dd.w50 {width: 50%; float: left}
img#CaptchaImg {vertical-align: top;}
.customercenter .summary02 .newModify .tabArea ul li.selected {background: #d62672;}
.customercenter .summary02 .newModify .tabContent dl dd.titlebox {width: 100%; height: 40px;  display: block;  background: #cecece; font: bold 16px/40px Helvetica; padding: 5px 20px 0px 20px; box-sizing: border-box;  text-align: left;}

/** 切換時的左右滑動動畫 **/
.customercenter .newModify .slide {position: relative; width: 2000px; height:150px;} /** 寬度為 1000px * (按鈕)個數 **/
.customercenter .newModify .slide > div:first-child {position: absolute; top:0; left:0}
.customercenter .newModify .slide > div:nth-child(2) {position: absolute; top:0; right: 0}

/**20160720_申請暫收款退款_浮層**/
.depositArea {font:13px/20px PMingLiU; color:#000; display:nonoe; width:700px; position:fixed}
.depositArea h2 b {font:13px/20px PMingLiU; color:#FF0000; display:inline-block; margin:0px 0px 0px 20px; padding:0px}
.depositArea  ul li {margin-bottom:8px}
.depositArea  ul li b {display:inline-block; text-align:right; width:90px;}
.depositArea  ul li select {width:240px}
.depositArea  ul li select,
.depositArea  ul li select option {vertical-align:middle; padding:2px}
.depositArea  ul li input {width:240px}
.depositArea  ul li .tip {font:13px/20px PMingLiU; color:#bbb;margin:0px 0px 0px 90px}
.depositArea  ul li .tip a {font:13px/20px PMingLiU; color:#0059a5; text-decoration:underline;}
.depositArea  ul .btnList {text-align:center; margin:10px 0px 10px 0px}
.depositArea  ul .btnList button:first-child {margin:0px 10px 0px 0px}
.depositArea .btnList{ margin: 0px; padding: 0px }
.depositArea .btnList a {background: none repeat scroll 0 0 #fff;border: 1px solid #565656;border-radius: 4px;cursor: pointer;display: inline-block;font: 13px/20px PMingLiU;margin: 5px;padding: 1px 4px;}

.checkInput {border:1px solid #F00;}

/**20161027_新增原點點 **/
.dot {background:#c6c6c6; width: 2px; height: 2px; border: 3px solid #c6c6c6; border-radius: 5px; left:-10px; margin: 0; position: absolute; top:-3px}
.dot::before {background:transparent; width: 12px; height: 12px; border: 1px solid #c6c6c6; border-radius: 7px; content: ""; display: inline-block; left:-6px; position: absolute; top: -6px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected .dot {background:#e5007f; border: 3px solid #e5007f}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected .dot::before {border: 1px solid #e5007f}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected p {padding: 0 0 0 5px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk1,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk2,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk3,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk5,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk6,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk7,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk8,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk9,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk10,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk11,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk12 {margin-left: 13px; width:17%}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk13 {margin-left: 13px; width:17%}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk14 {margin-left: 13px; width:calc(100% / 8)}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk1 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk2 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk3 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk5 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk6 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk7 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk8 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk9 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk10 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk11 p,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk12 p {padding: 0 0 0 5px}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li:last-child p, .customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li.selected:last-child p {border: none}

/** 20170519_折價券查詢 **/
.customercenter .summary02 .inner .couponState label {font-weight:normal}
.customercenter .summary02 .inner .couponState span {float:right; font-weight:normal}
.customercenter .summary02 .inner .couponState span b {color:#434343; font-weight:normal}

.customercenter .summary02 .inner .couponsList {width:100%; margin:10px 0 0 0}
.customercenter .summary02 .inner .couponsList table {width: 100%; border: 3px solid #ddd; box-sizing: border-box; text-align:center; font: 13px/24px Helvetica}
.customercenter .summary02 .inner .couponsList tr{width:100%; border:1px solid #f5f5f5}
.customercenter .summary02 .inner .couponsList thead th {height: 28px; background-color:#fff0f5; font: 500 13px/24px Helvetica; padding: 5px 25px; white-space: nowrap; border-bottom:3px solid #ddd; border-right:1px solid #ddd}
.customercenter .summary02 .inner .couponsList thead th:last-child {border-right:0px}
.customercenter .summary02 .inner .couponsList tbody td {font:13px/18px Helvetica; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing: border-box}
.customercenter .summary02 .inner .couponsList tbody td:last-child {border-right:0px}
.customercenter .summary02 .inner .couponsList tbody tr:last-child td {border-bottom:0px}
.customercenter .summary02 .inner .couponsList tbody td .details {margin:10px 0 5px 10px; text-align:left}
.customercenter .summary02 .inner .couponsList tbody td .details li {font: 500 13px/24px Helvetica}
.customercenter .summary02 .inner .couponsList tbody td .details li .redtxt {font: 500 13px/18px Helvetica; color:#ff0000}
.customercenter .summary02 .inner .couponsList tbody td .details .number, .customercenter .summary02 .inner .couponsList tbody td .details .startDate,
.customercenter .summary02 .inner .couponsList tbody td .details .endDate {display:inline-block; margin:0 0 0 25px}
.customercenter .summary02 .inner .couponsList tbody td .details .number {margin:0}
.customercenter .summary02 .inner .couponsList tbody .useState span {font:13px/18px Helvetica; line-height: 16px; display:block}
.customercenter .summary02 .inner .couponsList tbody .useState .noUse {color:#F00}
.customercenter .summary02 .inner .couponsList tbody .useState .old {color:#434343}
.customercenter .summary02 .inner .couponsList tbody td .details .apply a, .customercenter .summary02 .inner .couponsList tbody td .details .apply_cs a,
.customercenter .summary02 .inner .couponsList tbody .state a {color: #027BFF; font: 500 13px/24px Helvetica;}
.customercenter .summary02 .inner .couponsList tbody .couponPrice {font:15px/18px Helvetica}

/* 20230807_折價券查詢 折價券新增可移轉註記*/
.customercenter .summary02 .inner .couponsList tbody .state a.nonTransferableBtn {color: #888888;cursor: default;}

/**20170919_登記送**/
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .prdActive {background-color: #ffffff; color:#888888; padding: 0 4px;margin: 0px 5px 0px 0px;display: inline-block;box-sizing: border-box;font: 13px/20px Microsoft JhengHei, sans-serif;border: 1px solid #D7D7D7;border-radius: 4px;width: 60px;text-align: center;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .prdActive + .goodsName{margin: 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .prdActive:first-child{margin: 0 5px 0 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .prdActive:hover {color:#D62872;border: 1px solid #D62872;text-decoration: none;}

/********************** 20171121 銀行兌換紅利金 by zhlin*********************/
.customercenter .bonusExchange .inner { padding:20px; border:3px solid #DDD}
.customercenter .bonusExchange .inner p.price { font:bold 18px/30px Helvetica}
.customercenter .bonusExchange .inner p.price input[type=text] { position:relative; top:2px; margin:0 5px; width:150px; height:20px; font:16px/20px Helvetica; vertical-align:top}
.customercenter .bonusExchange .inner p.price a { display:inline-block; margin-left:10px; padding:0 20px; background-color:#a6a6a6; font:16px/30px Helvetica; color:#FFF}
.customercenter .bonusExchange .inner p.text { margin:10px 0; font:16px/26px Helvetica; color:#666}
.customercenter .bonusExchange .inner p.text a { margin:0 2px; color:#0066FF; font:16px/26px Helvetica; text-decoration:underline}
.customercenter .bonusExchange .inner table { width:100%; text-align:center}
.customercenter .bonusExchange .inner table th { background-color:#a6a6a6; border:1px solid #a6a6a6; border-width:0 1px 0 0; font:18px/50px Helvetica; color:#FFF}
.customercenter .bonusExchange .inner table th.result { background-color:#a6a6a6; border:0}
.customercenter .bonusExchange .inner table td { padding:5px 15px; border:1px solid #f1f1f1; border-width:0 1px 1px 0; font:16px/50px Helvetica}
.customercenter .bonusExchange .inner table td.result { border-width:0 0 1px 0; font:16px/24px Helvetica; text-align:center}
.customercenter .bonusExchange .inner table td.result .number { margin:0 2px; font:16px/24px Helvetica; color:#7030a0}
.customercenter .bonusExchange .inner table td.result .tip { font:16px/24px Helvetica; color:#e40580}
.customercenter .bonusExchange .inner p.right { margin-top:20px; font:16px/26px Helvetica; text-align:right; color:#666}
.customercenter .bonusExchange .btnArea { margin:20px 0}
.customercenter .bonusExchange .btnArea a { display:inline-block; padding:0 50px; background-color:#e40580; font:16px/40px Helvetica; color:#FFF}
.customercenter .bonusExchange .inner table td img { vertical-align: middle}
.customercenter .bonusExchange .inner #crpTable img {max-width:250px; max-height:60px; width:100%; height:100%;}

.customercenter .bonusExchange .inner h4 { margin:0; font:bold 15px/24px Helvetica}
.customercenter .bonusExchange .inner ul.cardBonusInfo { padding-left:15px}
.customercenter .bonusExchange .inner ul.cardBonusInfo li { list-style:decimal; font:15px/24px Helvetica}
.customercenter .bonusExchange .inner ul.cardBonusInfo li a { font:15px/24px Helvetica; color:#0066FF; text-decoration:underline}

.floatingLayerBox .title {text-align: left;}
.floatingLayerBox .title b {font: bold 17px/22px var(--price-font-family) !important;}
.floatingLayerBox .cardBonusinnerArea { width:100%; box-sizing:border-box; text-align:left}
.floatingLayerBox .cardBonusinnerArea .cardBonus { margin:0}
.floatingLayerBox .cardBonusinnerArea .cardBonus h4 { margin:0; font:bold 15px/24px Helvetica;}
.floatingLayerBox .cardBonusinnerArea .cardBonus ul { margin:0; padding:0 0 10px 15px}
.floatingLayerBox .cardBonusinnerArea .cardBonus ul li { list-style:decimal; font:15px/24px Helvetica} /**只有一條說明不需要前方數字時，請將list-style改成none**/
.floatingLayerBox .cardBonusinnerArea .cardBonus ul li a { font:15px/24px Helvetica; color:#0059A5; text-decoration:underline}
.floatingLayerBox .cardBonusinnerArea .cardBonus .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .cardBonusinnerArea .cardBonus .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .cardBonusinnerArea .cardBonus .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

/** 選擇帳號登入區塊 **/
.idVerification a {display: block; cursor: pointer}
.idVerification {text-align: left; font: 15px/20px Helvetica; color: #000000; display: none;}
.idVerification .title {background-color:#E7E7E7; height:48px; font:bold 16px/48px Helvetica; color:#000000; padding:0px 10px; margin: 0}
.idVerification .title .closeBtn {width:18px; height:18px; position:absolute; top:15px; right:15px; cursor:pointer}
.idVerification .title .closeBtn::before,
.idVerification .title .closeBtn::after {background-color:#818181; width:24px; height:2px; content:''; margin:-1px 0px 0px -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg); transition:all 200ms ease-out 0s}
.idVerification .title .closeBtn::after {transform:rotate(-45deg)}
.idVerification .title .closeBtn:hover::before {transform:rotate(-45deg)}
.idVerification .title .closeBtn:hover::after {transform:rotate(45deg)}
.idVerification p {padding: 0 20px; font: 15px/20px Helvetica; color: #000000;}
.idVerification .innerArea {width: 100%; background-color: #ffffff;  font: 13px/18px Helvetica;  max-height: 170px;  overflow-y: hidden;  padding: 10px 20px; box-sizing: border-box}
.idVerification .innerArea ul {margin: 0; padding: 0; list-style: none}
.idVerification .innerArea ul li {padding: 5px; font: 13px/18px Helvetica }
.idVerification .innerArea ul li label {height: 20px; font: 15px/20px Helvetica}
.idVerification .innerArea ul li span:first-of-type {margin: 0 15px;}
.idVerification .innerArea ul li span { font: 15px/20px Helvetica; color: #000000;}
.idVerification .btnArea {width: 150px; font: 13px/30px Helvetica; background: #E40580; color: #fff; border-radius: 4px; margin: 0 auto; position: relative; text-align: center}
.idVerification .failBox {display: none}
.idVerification .failBox p {text-align: center}
.idVerification .btnArea .comfirm {background-color:transparent; width:150px; height:30px; font:15px/30px Helvetica; color:#FFFFFF; cursor:pointer; display: block;}

/**=================================20180130個人資料傳輸條款區塊================================**/
.data_term{width:1130px;border:1px solid #c1c1c1;margin:0 auto;display:table;}
.data_term_title{width:100%;float:left;border-bottom:1px solid #c1c1c1;padding:10px;box-sizing:border-box;background:#e1e1e1;}
.data_term_title h2{font:bold 16px/30px Helvetica;width:92%;float:left;}
.data_term_title button{width:8%;float:right;border:none;border-radius:5px;background:#c1c1c1;border:1px solid #999999;color:#333333;margin:0;cursor:pointer;font:bold 14px/26px Microsoft Jhenghei;}
.data_term_title button:hover{background:#ffffff;border:1px solid #cccccc;}
.data_term_text{width:100%;padding:0;box-sizing:border-box;display:inline-block;}
.agreeRecordRow {width:100%;font:15px/46px Helvetica;float:left;padding:0 10px;box-sizing:border-box;}
.agreeRecordRow label{font:15px/36px Helvetica;}
.agreeRecordRow span{font:15px/36px Helvetica;}
.agreeRecordRow i{font:normal 15px/36px Helvetica;color:#ff0000;}
.agreeRecordRow span b{font:bold 15px/36px Helvetica;}
.agreeRecordRow span a.agreeNote{font:15px/36px Helvetica; color:#0066FF;}
.agreeRecordRow span a.agreeNote:hover{color:#E40480; text-decoration:underline;}
.agreeRecordRow input[type="radio"]{-webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox;}

/**20170912_恭喜中獎**/
.customercenter .summary02 .inner .order dd .invoice .luckyButton {display:inline-block; margin:5px 0px 5px 6px; padding:4px 5px; border:0px; background:#d62672; font:13px/15px Helvetica; color:#ffffff; border-radius:5px}
/**20170927_購買證明**/
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .distributionbtn,
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .survey {float:none; vertical-align:top}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber {padding:5px 0px;font: 13px/24px Microsoft JhengHei, sans-serif;color: #999999;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .btnStyle {display:inline-block; margin:0px; padding:2px 15px; background:#A6A6AD; border:4px solid #D9D9D9; border-radius:50px; color:#ffffff; font:14px/14px Microsoft JhengHei, sans-serif; cursor:pointer; float:none}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .btnStyle:hover {text-decoration:none}

/**20180315_紅利金移轉**/
.customercenter .summary02 .inner .pointlistvew dt .pointReturn { display:inline-block; margin-left:5px; padding:2px 15px; background-color:#A6A6AD; border:4px solid #D9D9D9; border-radius:50px; color:#fff; font:15px/22px 微軟正黑體}

.floatingLayerBox .innerArea .custList {text-align: -webkit-auto;}
.floatingLayerBox .innerArea .custList h4 {margin:0; font:bold 15px/24px Helvetica;}
.floatingLayerBox .innerArea .custList ul { margin:0; padding:0 0 0px 0px}
.floatingLayerBox .innerArea .custList ul li {list-style:none; font:15px/30px Helvetica}
.floatingLayerBox .innerArea .custList ul li b {display:inline-block; width:80px; text-align:right; font:15px/30px Helvetica; }
.floatingLayerBox .innerArea .custList .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .custList .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .innerArea .custList .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

.floatingLayerBox .innerArea .pointReturn,
.floatingLayerBox .innerArea .pointReturn_2,
.floatingLayerBox .innerArea .pointReturn_3 {text-align: left;}
.floatingLayerBox .innerArea .pointReturn ul { margin:0; padding:0 0 0px 0px}
.floatingLayerBox .innerArea .pointReturn ul li {list-style:none;font:15px/30px Helvetica;position:  relative; margin: 0px 0px 5px 0px;}
.floatingLayerBox .innerArea .pointReturn ul li b {display:inline-block; width:80px; text-align:right; font:15px/30px Helvetica; }
.floatingLayerBox .innerArea .pointReturn ul li input {width:190px;font: 13px/20px Helvetica;height: 20px;}
.floatingLayerBox .innerArea .pointReturn ul li i {display:inline-block; font:13px/15px Helvetica; color:#FF0000; margin:0px 10px; padding:0px}
.floatingLayerBox .innerArea .pointReturn dl {margin:20px 0px; padding:0px}
.floatingLayerBox .innerArea .pointReturn dl dd {display:inline-block; width:100%; font:13px/24px Helvetica; margin:0px; padding:0px 0px; color:#888888; box-sizing:border-box;}
.floatingLayerBox .innerArea .pointReturn .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .pointReturn .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .innerArea .pointReturn .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

.floatingLayerBox .innerArea .pointReturn_2 h4 {margin:0; font:bold 15px/24px Helvetica;}
.floatingLayerBox .innerArea .pointReturn_2 ul { margin:0; padding:0 0 0px 0px}
.floatingLayerBox .innerArea .pointReturn_2 ul li {list-style:none; font:15px/30px Helvetica}
.floatingLayerBox .innerArea .pointReturn_2 ul li b {display:inline-block; width:80px; text-align:right; font:15px/30px Helvetica; }
.floatingLayerBox .innerArea .pointReturn_2 .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .pointReturn_2 .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .innerArea .pointReturn_2 .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

.floatingLayerBox .innerArea .pointReturn_3 ul { margin:0; padding:0 0 0px 0px}
.floatingLayerBox .innerArea .pointReturn_3 ul li {list-style:none; font:15px/30px Helvetica}
.floatingLayerBox .innerArea .pointReturn_3 ul li b {display:inline-block; width:80px; text-align:right; font:15px/30px Helvetica; }
.floatingLayerBox .innerArea .pointReturn_3 ul li input {width:190px;font:13px/17px Helvetica; }
.floatingLayerBox .innerArea .pointReturn_3 ul li span {display:inline-block; font:15px/30px Helvetica}
.floatingLayerBox .innerArea .pointReturn_3 dl {margin:20px 0px; padding:0px}
.floatingLayerBox .innerArea .pointReturn_3 dl dd {display:inline-block; width:100%; font:13px/24px Helvetica; margin:0px; padding:0px 0px; color:#888888; box-sizing:border-box;}
.floatingLayerBox .innerArea .pointReturn_3 .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .pointReturn_3 .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .innerArea .pointReturn_3 .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

/**20171102_登記活動查詢(20200703_modify)**/
.customercenter .summary01 .activeInner {margin:0px}
.customercenter .summary02 .inner .customerActive {margin: 0px 0px 20px 0px;}
.customercenter .summary02 .inner .customerActive .activeArea {border-top:1px solid #B3B3B3;border-left:1px solid #B3B3B3;text-align:center;}
.customercenter .summary02 .inner .customerActive .activeArea tr th,
.customercenter .summary02 .inner .customerActive .activeArea tr td {box-sizing:border-box;border-bottom:1px solid #B3B3B3;border-right:1px solid #B3B3B3;padding:5px;font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeArea thead tr th {background:#FF9203;color:#ffffff;font: 13px/17px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeArea tr td a {color: #027BFF;cursor:pointer;font: 13px/18px Microsoft JhengHei, sans-serif;margin-bottom: 10px;display: block;}
.customercenter .summary02 .inner .customerActive .activeArea tr td a.openLink:hover {color:#E40480;}
.customercenter .summary02 .inner .customerActive .activeArea tr td a.lockLink:hover {cursor: default;}
.customercenter .summary02 .inner .customerActive .activeArea tr .title i {color: #888888;cursor:pointer;font: 13px/15px Microsoft JhengHei, sans-serif;display:inline-block;margin: 0;padding:0px;border-bottom: 1px solid #888888;}
.customercenter .summary02 .inner .customerActive .activeArea tr .time {width: 95px;white-space: nowrap;}
.customercenter .summary02 .inner .customerActive .activeArea tr .title {text-align:left;width: 130px;font-size: 0;}
.customercenter .summary02 .inner .customerActive .activeArea tr .title span {display:inline-block; margin:0px; padding:0px; font:13px/20px Microsoft JhengHei, sans-serif}
.customercenter .summary02 .inner .customerActive .activeArea tr .number,
.customercenter .summary02 .inner .customerActive .activeArea tr .quota,
.customercenter .summary02 .inner .customerActive .activeArea tr .limitItem {width: 70px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .number {font: 19px/25px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeArea tr .limitItem {color: #454545; font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeArea tr .price {width: 70px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .quota-registered,
.customercenter .summary02 .inner .customerActive .activeArea tr .price-registered {width: 105px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .prd {width: 302px;text-align:left;font-size: 0;}
.customercenter .summary02 .inner .customerActive .activeArea tr .prd.prd-lottery {width: 202px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .date,
.customercenter .summary02 .inner .customerActive .activeArea tr .lottery,
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive {width: 100px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .type {width: 60px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .time b {transform: rotate(90deg); display: block; height: 20px; width: 20px; margin: auto; padding: 0px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .prd .prdName {width: calc(100% - 63px);display: inline-block;font: 13px/20px Microsoft JhengHei, sans-serif;margin: 0px 3px 0px 0px;padding: 0px;max-height: 60px;overflow: hidden;vertical-align: middle; word-break: break-word}
.customercenter .summary02 .inner .customerActive .activeArea tr .prd img {vertical-align: middle;}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive button:focus {outline:none}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .check {border:1px solid #D62872; height:35px; background:#ffffff; font:bold 17px/30px Microsoft JhengHei, sans-serif; color: #D62872; padding:0px 5px; border-radius:4px; cursor:default}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .unCheck {border:0px; height:35px; background: #D62872; font:bold 17px/30px Microsoft JhengHei, sans-serif; color:#ffffff; padding:0px 5px; border-radius:4px; cursor:pointer}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .full {border:0px; height:35px; background:#B3B3B3; font:bold 18px/30px Microsoft JhengHei, sans-serif; color:#ffffff; padding:0px 5px; border-radius:4px}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .fullCheck {border:0px; height:50px; background:#B3B3B3; font:bold 15px/20px Microsoft JhengHei, sans-serif; color:#ffffff; padding:0px 5px; border-radius:4px}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .unMatch {border:0px; height:50px; background:#B3B3B3; font:bold 15px/20px Microsoft JhengHei, sans-serif; color:#ffffff; padding:0px 5px; border-radius:4px}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .unMatch span {display:block; font:13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .unMatch span i {display:inline-block; font:13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeBox {margin: 5px 0px 0px 0px;padding: 0px;line-height: 0px;box-sizing: border-box;display: block;font-size: 0px;}
.customercenter .summary02 .inner .customerActive .activeBox dd,
.customercenter .summary02 .inner .customerActive .activeBox dt {margin:0px;padding:0px;box-sizing: border-box;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea {display:none;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea .activeTime {display:inline-block;width:100%;margin:0px;padding: 0px;font:13px/20px ·s2OcuAe, Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea .activeTime span {font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea table {padding: 15px 0px 0px 0px;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea table tr td {font: 13px/20px Microsoft JhengHei, sans-serif; padding: 0px 10px 10px 10px;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea table tr td:first-child {padding-left: 0px;}
.customercenter .summary02 .inner .customerActive .activeBox .prdListArea table tr:last-child td {padding-bottom:0px}
.customercenter .summary02 .inner .customerActive .activeBox dt button {margin: 0px 5px 0px 0px;cursor: pointer;padding: 0px 8px;border-radius: 2px;font: 12px/20px Microsoft JhengHei, sans-serif;border: 1px solid #797979;}
.customercenter .summary02 .inner .customerActive .activeBox dt button:focus {outline:none}
.customercenter .summary02 .inner .customerActive .activeBox dt button.selected::before {content: '';display: inline-block;width: 100%;height: 2px;position: absolute;left: 0px;bottom: -2px;background: #fff;}
.customercenter .summary02 .inner .customerActive .activeBox dt button.selected {background-color: #FFFFFF;border: 1px solid #e1e1e1;border-radius: 2px 2px 0px 0px;position: relative;}
.customercenter .summary02 .inner .customerActive .activeBox dt button.selected:focus {outline:none}
.customercenter .summary02 .inner .customerActive .activeBox dt .activeTextbox {display:inline-block;margin:0px;padding:0px;font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeBox dd {border: 1px solid #e1e1e1;margin: 0px;display: inline-block;width: 100%;padding: 25px 30px;}
.customercenter .summary02 .inner .customerActive .activeBox dd:last-child {border-bottom: 1px solid #e1e1e1;}
.customercenter .summary02 .inner .customerActive .activeBox .giftListArea.lineStyle {border-top: 2px dashed #e1e1e1;}
.customercenter .summary02 .inner .customerActive .activeBox .giftListArea {display:none;border: 1px solid #e1e1e1;border-bottom: 0px;}
.customercenter .summary02 .inner .customerActive .activeBox dd .prdTitle {padding: 0px;margin:0px;font:13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul {margin: 0px;padding: 15px 0px 0px 0px;list-style: none;width: 100%;display: inline-block;line-height: 0px;font-size: 0px;box-sizing: border-box;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li {position: relative;margin: 0px 0px 0px 13px;width: 130px;display: inline-block;vertical-align: top;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li .dot {background: #c6c6c6;width: 2px;height: 2px;border: 3px solid #c6c6c6;border-radius: 5px;margin: 0;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li .dot::before {background:transparent; width: 12px; height: 12px; border: 1px solid #c6c6c6; border-radius: 7px; content: ""; display: inline-block; left:-6px; position: absolute; top: -6px}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p {width: 100%;margin: 0px;padding: 0px;box-sizing: border-box;border-top: 2px solid #C6C6C6;font-size: 0px;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li:last-child {width: 190px;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li:last-child p,
.customercenter .summary02 .inner .customerActive .activeBox dd ul li.selected:last-child p {border-top:2px solid #ffffff}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p span {width:auto;height:18px;font:13px/18px Microsoft JhengHei, sans-serif;color:#C6C6C6;text-align:left;border:0px;display: inline-block;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p span:first-child {width:100%; display:block; margin:5px 0px 0px 0px}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p .date {width:auto;margin-left:5px;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p .date.readyDate {float:left; width:100%; margin:0px; font:12px/18px Microsoft JhengHei, sans-serif; color:#ff0000; }
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p .date.readyDate a { display:inline-block; font:12px/18px Microsoft JhengHei, sans-serif; color:#0067f7; margin-left:3px; cursor:pointer}
.customercenter .summary02 .inner .customerActive .activeBox dd ul .selected p {border-top: 2px solid #d62872;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul .selected p span {color:#000000;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul .selected p span a { display:inline-block; font:13px/18px Microsoft JhengHei, sans-serif; color:#0067F7; text-decoration:none}
.customercenter .summary02 .inner .customerActive .activeBox dd ul .selected p span a:hover {text-decoration:underline}
.customercenter .summary02 .inner .customerActive .activeBox dd ul .selected .dot {background: #d62872;border: 3px solid #d62872;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul .selected .dot::before {border: 1px solid #d62872;}
.customercenter .summary02 .inner .customerActive .activeBox dd ul li p .checkList a {display:block; font: 13px/18px Microsoft JhengHei, sans-serif; color:#0067F7; text-decoration:none}
.customercenter .summary02 .inner .customerActive .activeArea tr td a.goEdmBtn {font: 13px/25px Microsoft JhengHei, sans-serif;color: #d62872;border: 1px solid #d62872;width: 92px;height: 25px;display: inline-block;text-align: center;border-radius: 2px;margin-bottom: 5px;margin:0 0 10px 0;}
.customercenter .summary02 .inner .customerActive .activeArea .regPromoInfoWindow {display: none;padding: 0;margin: 0;position: fixed;border: 1px solid #e1e1e1;background: #ffffff;font-size: 0;min-width: 350px;max-width: 550px;z-index:3;}
.customercenter .summary02 .inner .customerActive .activeArea .regPromoInfoWindow .activeTitle {background: #eee; margin: 0; padding: 0 20px; font: bold 16px/48px Microsoft Jhenghei, sans-serif;color: #000000;}
.customercenter .summary02 .inner .customerActive .activeArea .regPromoInfoWindow ul {width: 100%;display: inline-block;padding: 20px 20px 20px 35px;box-sizing: border-box;}
.customercenter .summary02 .inner .customerActive .activeArea .regPromoInfoWindow ul li {font: 15px/20px Microsoft Jhenghei, sans-serif;padding: 0 0 10px 15px;color: #000000; list-style: decimal;}
.customercenter .summary02 .inner .customerActive .activeArea .regPromoInfoWindow ul li:last-child {padding-bottom:0px}
.customercenter .summary02 .inner .customerActive .activeBox dd .activeTxt {font: 13px/20px Microsoft JhengHei, sans-serif;color: #000000; margin: 0px; padding: 10px 0px 0px 0px;}
.customercenter .summary02 .inner .customerActive .activeBox dd .activeTxt a {display: inline-block;  color: #0067f7; padding: 0px; margin: 0px;}

/*****************************************************20180316個人資料傳輸條款*********************************************/
.floatingLayerBox .extBrandTerm {padding:0px 15px 0 15px;}
.floatingLayerBox .extBrandTerm, .floatingLayerBox .extBrandTerm label {font:15px/30px Helvetica; color:#000; text-align:left}
.floatingLayerBox .termBtnArea {width:100%; padding:10px; box-sizing:border-box;}
.floatingLayerBox .termBtnArea a {width:10%; display:block; font:15px/30px Helvetica; color:#000; cursor:pointer; background-color:#ffffff; border:1px solid #cccccc; border-radius:5px; margin:0 auto;}
.floatingLayerBox .termBtnArea a:hover {background-color:#E7E7E7; border:1px solid #999999;}

/** 20180507 調整配送進度條樣式 **/
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul li,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk1,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk2,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk3,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk4,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk5,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk6,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk7,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk8,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk9,
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk10 { display:inherit; float:left; width:calc(100% / 7)}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .deliverynoteArea ul .rmk13 { display:inherit; float:left; width:calc(100% / 7)}
/** 已歸戶樣式調整 **/
.text-nowrap { white-space: nowrap; }
/**************************************************20180704退款曾選帳號浮層**********************************************/
#fancybox-content .repayAccount table{border:1px solid #999999; margin:10px 5px 5px 5px;}
#fancybox-content .repayAccount table th,
#fancybox-content .repayAccount table td{border-left:1px solid #999999;font:13px/20px PMingLiU, helvetica;padding: 5px 10px;}
#fancybox-content .repayAccount table th{background-color:#ECECEC; text-align:center;font-weight: bold;border-bottom: 1px solid #999999;}
#fancybox-content .fonfirmArea .applybtn{background: none repeat scroll 0 0 #fff; border: 1px solid #565656; border-radius: 4px; cursor: pointer; display: inline-block; font: 13px/20px PMingLiU; margin: 5px; padding: 1px 4px;}
#fancybox-content .repayAccount table td.center{text-align: center;}
/*****************************************************20180605問問*********************************************/
.customercenter .summary02 .inner .order .detailsArea button.momoAskBtn { float:right; width:60px; height:25px; margin:0; border:0; background:url(/ecm/img/cmm/momoask/askLogo_orderpage.png) no-repeat; background-size:auto 25px; vertical-align:bottom}
.askImgWrap { position:fixed; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3}
.askImgWrap img { position:fixed; margin:auto; top:0; bottom:0; right:0; left:0}

/*** 頁面浮層樣式 ***/
.floatingLayerBox .innerArea .momoAskPopup { margin:0; text-align: left;}
.floatingLayerBox .innerArea .momoAskPopup h4 { margin:0; font:bold 15px/24px Helvetica; color:#999}
.floatingLayerBox .innerArea .momoAskPopup ul { margin:10px 0 30px; padding:0}
.floatingLayerBox .innerArea .momoAskPopup ul li { display:inline-block; margin-right:25px; list-style:none; font:15px/30px Helvetica;}
.floatingLayerBox .innerArea .momoAskPopup ul li label span { position:relative; display:inline-block; width:18px; height:18px; background:#000; left:0; top:4px; border-radius:3px; margin:0 5px 0 0}
.floatingLayerBox .innerArea .momoAskPopup ul li input[type="radio"]:checked + label span::before { position:absolute; top:2px; left:10px; width:4px; height:10px; border:2px solid #FFF; border-width:0 2px 2px 0; transform-origin:left top; transform:rotate(40deg); content:""}
.floatingLayerBox .innerArea .momoAskPopup ul li input[type="radio"] { display:none}
.floatingLayerBox .innerArea .momoAskPopup ul.typeAA li { font:15px/40px Helvetica;}
.floatingLayerBox .innerArea .momoAskPopup ul.typeBB li { display:block; width: 100%;}
.floatingLayerBox .innerArea .momoAskPopup ul.typeCC li { width: 100%;}
.floatingLayerBox .innerArea .momoAskPopup ul li label { font: 15px/30px Helvetica;}
.floatingLayerBox .innerArea .momoAskPopup .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .momoAskPopup .btnArea a.next { margin:0 10px; padding:5px 50px; height:30px; background-color:#E7E7E7; color:#585858; font:16px/30px Helvetica; cursor: pointer}
.floatingLayerBox .innerArea .momoAskPopup .btnArea a.send { margin:0 10px; padding:5px 50px; height:30px; background-color:#d62672; color:#ffffff; font:16px/30px Helvetica; cursor: pointer}

/***問問點圖放大***/
#bigPic #askPicBkCloseBtn{background-color: rgba(255,255,255,0.7); background-size: 100%; border: 1px solid #ccc; border-radius: 45px; color: #000000;cursor: pointer;z-index:100003; font: bold 15px/58px Century Gothic;opacity: 1;text-align: center; height: 35px; width: 35px; display: inline; padding: 0; position: absolute; top: 15px; right: 15px;}
#bigPic .closeBtn{width:18px; height:18px; top:15px; right:15px; cursor:pointer;box-sizing:border-box;}
#bigPic .closeBtn::before,
#bigPic .closeBtn::after{background-color:#818181; width:24px; height:2px; content:''; margin:-1px 0px 0px -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg); transition:all 200ms ease-out 0s}
#bigPic .closeBtn::after{transform:rotate(-45deg)}
#bigPic .closeBtn:hover::before {transform:rotate(-45deg)}
#bigPic .closeBtn:hover::after {transform:rotate(45deg)}

/**20180606_選擇其他載具按鈕**/
.customercenter .newModify .tabContent dl dd button.btnOtherMobile,
.customercenter .newModify .tabContent dl dd button.btnOtherCitizen
{width: auto; height: 25px; box-sizing: border-box; margin-left: 10px; font: 13px/23px Helvetica; text-align: center;  border: 1px solid #aaaaaa; background-color: white; color: #000000; border-radius: 7px; padding: 0 7px;}


.floatingLayerBox .title b {padding-left: 10px; font: bold 15px/50px Helvetica;}
.floatingLayerBox .title {text-align: left;}
.floatingLayerBox .innerArea {width:100%; box-sizing:border-box}

.inputUncheckedStyle{border:0;}
.inputCheckedStyle{background-color:#FFC; border:1px solid blue; border-radius:5px;}

.floatingLayerBox div.floatVehicleBox{width:100%; height:300px; box-sizing: border-box; background-color:white; overflow-y: auto;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent{width:100%; display:block; margin:0; padding-bottom:10px; text-align:left;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul{margin:0; padding:0;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li{display:block; margin:0; padding:10px 0;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li .inputVehicleContent{width:370px;font: 14px/25px Helvetica;padding:0 5px;box-sizing: border-box;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li .vehicleRadioStyle{width:15px; height:15px; float:left; margin-top:5px;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li img{width:25px; height:25px; padding-left:5px; float:right;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li a{width:25px; height:25px;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li .errorMsg{display:block; padding:3px 0 0 22px; color:red;}
.floatingLayerBox .floatVehicleBox .floatVehicleContent ul li input{outline:none;}

.floatingLayerBox .fonfirmArea{text-align:center; margin:10px 0px}
.floatingLayerBox .fonfirmArea a {background-color:#D62672; font:16px/30px Helvetica; color:#FFFFFF; padding:5px 50px; cursor:pointer}

/**20180705_共通載具版型調整**/
.customercenter .summary01 .shippinginner a {color:#3366ff;}
.customercenter .summary01 .shippinginner .searchBox button {color:#000000; background #eeeeee; border:1px solid #aaaaaa; font:13px/24px Helvetica; padding:0px 10px}
.customercenter .summary01 .shippinginner .searchBox img {vertical-align:middle}
.customercenter .summary02 .innerBox_1 {display:inline-block;width:100%;border:3px solid #DDDDDD;box-sizing:border-box;padding: 20px;margin: 0px 0px 10px 0px;}
.customercenter .summary02 .inner .cytitleArea {display: inline-block; font: bold 17px/20px helvetica; width: 100%; padding: 40px 0px 20px 0px; margin: 0px;}
.customercenter .summary02 .shippingBox tr th {width: 110px;margin:0px;padding: 0px 20px 0px 0px; vertical-align:top}
.customercenter .summary02 .shippingBox tr td {margin: 0px 0px 10px 0px;padding: 0px;font:15px/20px helvetica;vertical-align: top;height: auto;display: inline-block;}
.customercenter .summary02 .shippingBox tr td a {display: inline;color:#3366ff;font:15px/20px helvetica;vertical-align: top;padding: 0px 0px 0px 5px;}
.customercenter .summary02 .shippingBox tr td .sizebox_2 {display:inline-block;margin: 0px 0px 0px 60px;padding:0px;font:15px/20px helvetica;}
.customercenter .summary02 .shippingBox tr td .telTip {font:15px/20px helvetica; margin:0px 10px}
.customercenter .summary02 .shippingBox tr .title i {float:right;font:15px/20px helvetica;}
.customercenter .summary02 .shippingBox tr .countBox {margin: 0px 0px 0px 60px;}
.customercenter .summary02 .shippingBox tr:last-child td {padding: 0px;}
.customercenter .summary02 .shippingBox tr td .chreBtn { border: 0px;  color: #3366ff;  font: 15px/20px helvetica;  padding: 0px 0px 0px 25px;  margin: 0px; position: absolute; right: 0px; top: 0px; background: url(/ecm/img/cmm/memb/editBtn.png)no-repeat center left/20px 20px;}
.customercenter .summary02 .shippingBox tr td .cycleEnd {color: #DD2726;font: 15px/20px helvetica;padding: 0px 10px;margin: 0px;position: absolute;right: 0px;}
.customercenter .summary02 .shippingBox tr td .cancelCycleM {color: #434343;font: 15px/30px helvetica;padding: 0px 10px;margin: 0px;position: absolute;right: 0px;top: 60px;background: none;border-radius: 4px;border: 1px solid #434343;}
.customercenter .summary02 .shippingBox {position: relative;}
.customercenter .summary02 .shippingBox tr td .chreBtn:focus {outline: none;}
.customercenter .summary02 .shippingBox tr td.cycleTitle {height: 40px; overflow: hidden;  box-sizing: border-box; width: 600px;}

.customercenter .summary02 .shippingtimeList {border-top: 1px solid #ccc;border-left: 1px solid #ccc;text-align:center;}
.customercenter .summary02 .shippingtimeList tr th,
.customercenter .summary02 .shippingtimeList tr td {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 0px;font: 15px/50px helvetica;}
.customercenter .summary02 .shippingtimeList tr td a {color:#3366ff;font: 15px/50px helvetica;display: inline-block;width: 100%;}
.customercenter .summary02 .shippingtimeList tr th {background: #f2f2f2;}
.customercenter .summary02 .shippingtimeList tr td .cancelCycleDT {color: #434343; font: 15px/30px helvetica; padding: 0px 10px; margin: 0px; background: none;  border-radius: 4px; border: 1px solid #434343;}
.customercenter .summary02 .shippingtimeList tr td .cancelCycleDT:focus {outline: none;}

.customercenter .summary02 .changeshippingList {width:100%; margin:10px 0px; padding:0px}
.customercenter .summary02 .changeshippingList h3 {background:#A3A3A3; display:inline-block; width:100%; margin:0px; padding:5px 5px; font:15px/20px helvetica; color:#ffffff; box-sizing:border-box}
.customercenter .summary02 .changeshippingList .shippingul {margin:10px 0px; padding:0px;}
.customercenter .summary02 .changeshippingList .shippingul li {margin:0px; padding:5px 0px; font:15px/20px helvetica; list-style:none}
.customercenter .summary02 .changeshippingList .shippingul li b {display:inline-block; font:15px/20px helvetica}
.customercenter .summary02 .changeshippingList .shippingul li b::before {content:'：';display:inline-block; float:right}
.customercenter .summary02 .changeshippingList .shippingul li b.tip {display:inline-block; width:105px}
.customercenter .summary02 .changeshippingList .shippingul li b.tip::before {content:'：';display:inline-block; float:right}
.customercenter .summary02 .changeshippingList .shippingul li input {height:20px; margin:0px 5px 0px 5px; font:14px/20px helvetica}
.customercenter .summary02 .changeshippingList .shippingul li select {height:26px; margin:0px 5px 0px 5px;font:14px/26px helvetica}
.customercenter .summary02 .changeshippingList .btnArea {display:inline-block; width:100%; margin:0px; padding:0px; text-align:center}
.customercenter .summary02 .changeshippingList .btnArea a {display:inline-block; margin:0px; padding:0px 10px; background:#dddddd; border:1px solid #909090; font:14px/24px helvetica; color:#000000}

.changecyBox {width:100%;margin: 0px;padding:0px;text-align: left;}
.changecyBox .shipList {margin: 0px;padding:0px;font-size: 0px;line-height: 0px;}
.changecyBox .shipList li {margin:0px;padding: 0px 0px 10px 0px;list-style:none;line-height: 0px;font-size: 0px;}
.changecyBox .shipList li:last-child {padding-bottom:0px}
.changecyBox .shipList li b {display:inline-block;font: 15px/30px helvetica;}
.changecyBox .shipList li b:last-of-type {margin-left:10px}
.changecyBox .shipList li b:first-of-type {margin-left:0px}
.changecyBox .shipList li input {margin: 0px 0px 0px 10px;font: 15px/26px helvetica;padding: 0px 5px;box-sizing: border-box;}
.changecyBox .shipList li select {height: 30px;margin: 0px 0px 0px 10px;font: 14px/30px helvetica;vertical-align: top;}
.changecyBox .btnArea {display:inline-block; width:100%; margin:0px; padding:20px 0px 0px 0px; text-align:center}
.changecyBox .btnArea a {display:inline-block;margin:0px;background-color: #d62672;color: #ffffff;cursor: pointer;font: 16px/30px Helvetica;padding: 0px 50px 0px 50px;}

.floatingLayerBox .innerArea .allcancelBtn {display:inline-block;width: 330px;box-sizing: border-box;}
.floatingLayerBox .innerArea .allcancelBtn ul {margin:0;padding:0px 0px 10px 0px;line-height: 0px;text-align: left;}
.floatingLayerBox .innerArea .allcancelBtn ul li {list-style:none;font:15px/24px Helvetica;}
.floatingLayerBox .innerArea .allcancelBtn .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .allcancelBtn .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .innerArea .allcancelBtn .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

.floatingLayerBox .innerArea .singlecancelBtn {display:inline-block; width:100%; }
.floatingLayerBox .innerArea .singlecancelBtn ul {margin:0;padding: 0px 0px 10px 0px;text-align:center;line-height: 0px;}
.floatingLayerBox .innerArea .singlecancelBtn ul li { list-style:none; font:15px/24px Helvetica}
.floatingLayerBox .innerArea .singlecancelBtn ul li b {font:15px/24px Helvetica; color:#A30C0C; margin:0px 3px}
.floatingLayerBox .innerArea .singlecancelBtn ul li a { font:15px/24px Helvetica; color:#0059A5; text-decoration:underline}
.floatingLayerBox .innerArea .singlecancelBtn .btnArea { margin:10px 0; text-align:center}
.floatingLayerBox .innerArea .singlecancelBtn .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Helvetica; padding: 5px 50px;}
.floatingLayerBox .innerArea .singlecancelBtn .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

/**週期配送服務條款**/
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .shippingTip {display:inline-block; margin:3px; padding:0px 0px; background:#BE0211; font:15px/20px helvetica; color:#ffffff; height:20px; width:20px;  box-sizing:border-box; text-align:center;}
.customercenter .summary02 .inner .shippingText {display:block; width:100%; margin:0px; padding:0px; font:13px/25px Helvetica}
.customercenter .summary02 .inner .shippingText .highlight { color:#DD2726; display:inline}
.customercenter .summary02 .inner .mainArea dd ul li a.linkTip {color:#3366FF; text-decoration:none}

 /* 20180816 HappyGo欄位 */
.customercenter .summary02 .newModify .tabContent dl.member_bind {margin:0px}/*最後一個要設margin 0px*/
.customercenter .newModify .tabContent dl.member_bind dd.happygo{padding-top:4px; padding-bottom:15px; border-radius:0 0 5px 5px;color: #000000;}
.customercenter .newModify .tabContent dl.member_bind dd img{width:160px; height:101px; margin-right:15px; float:left;}
.customercenter .newModify .tabContent dl.member_bind dd ul{width:calc(100% - 175px); display:inline-block; padding:0; margin:0; float:right;}
.customercenter .newModify .tabContent dl.member_bind dd ul li{padding:0; line-height:18px;}
.customercenter .newModify .tabContent dl.member_bind dd ul li:first-child{font:bold 16px/20px Arial, Verdana, Microsoft Jhenghei;}
.customercenter .newModify .tabContent dl.member_bind dd ul li a.search{height:18px; padding:0; font:bold 16px/18px Arial, Verdana, Microsoft Jhenghei; display:inline-block;}
.customercenter .newModify .tabContent dl.member_bind dd ul li span{font:bold 16px/18px Arial, Verdana, Microsoft Jhenghei;}
.customercenter .newModify .tabContent dl.member_bind dd ul li span.HappyGoErrorMsg{color: #ff0000; font-size: 13px;font-weight: normal;}
.customercenter .newModify .tabContent dl.member_bind dd ul li a.start_bind{font:bold 16px/20px Arial, Verdana, Microsoft Jhenghei;}
.customercenter .newModify .tabContent dl.member_bind dd ul li a.start_bind:hover{text-decoration:underline;}
.customercenter .newModify .tabContent dl.member_bind dd ul li:last-child{height:20px; line-height:20px;margin-top: 2px;}

 /* 20180816 HappyGo浮層欄位 */
.floatingLayerBox .happygo_float{overflow-y:hidden;}
.happygo_float .happygo_data{width:100%; display:inline-block; box-sizing:border-box; background:#ffffff;}
.happygo_float .happygo_data_area{width:600px; display:inline-block; text-align:left; float:left;}
.happygo_float .happygo_data_area dl{width:100%;}
.happygo_float .happygo_data_area dl dd{margin:10px 0 0 0;}
.happygo_float .happygo_data_area dl dd:nth-child(2){padding-left: 23px; box-sizing: border-box;}
.happygo_float .happygo_data_area dl dd:nth-child(3){display:none;}
.happygo_float .happygo_data_area dl dd:nth-child(4) span:first-child{width:100%; display:inline-block; color:#666666; padding:0 0 0 85px; box-sizing:border-box;}
.happygo_float .happygo_data_area dl dd:nth-child(4) span:first-child b{font:normal 15px/25px Arial, Verdana, Microsoft Jhenghei;}
.happygo_float .happygo_data_area dl dd:nth-child(4) a:last-child{width:100%; color:#3366ff; display:inline-block; box-sizing:border-box; padding:0 0 0 85px; margin:0; font:normal 15px/25px Arial, Verdana, Microsoft Jhenghei;}
.happygo_float .happygo_data_area dl dd:last-child{display:none; margin:0 0 0 0;}
.happygo_float .happygo_data_area dl dd span{font: bold 15px/25px Arial, Verdana, Microsoft Jhenghei; padding-right: 10px;}
.happygo_float .happygo_data_area dl dd span:last-child{color: #990000; padding: 0 0 0 10px;}
.happygo_float .happygo_data_area .happygo_data_area dl{width:100%;}
.happygo_float .happygo_img{width:160px; display:inline-block; float:right;}
.happygo_float .happygo_img img{width:100%;}
.happygo_float .happygo_data .happygo_data_area,
.happygo_float .happygo_data .happygo_vertification_area,
.happygo_float .happygo_data .happygo_data_area dl dd,
.happygo_float .happygo_data .happygo_vertification_area dl dd{padding:0;}
.happygo_float .happygo_data .happygo_data_area dl dd{margin-top:10px;}
.happygo_float .happygo_data .happygo_data_area dl dd:last-child{padding-left:23px; box-sizing:border-box;}
.happygo_float .happygo_data .happygo_data_area dl dd span,
.happygo_float .happygo_data .happygo_vertification_area dl dd span{font:bold 15px/25px Arial, Verdana, Microsoft Jhenghei; padding-right:10px;}
.happygo_float .happygo_data .happygo_data_area dl dd span:last-child,
.happygo_float .happygo_data .happygo_vertification_area dl dd span:last-child{color:#990000; padding:0 0 0 10px;}
.happygo_float .happygo_data .happygo_data_area dl dd input,
.happygo_float .happygo_data .happygo_vertification_area dl dd input{width:250px; height:25px;}
.happygo_float h3{width:100%; font:bold 15px/30px Arial, Verdana, Microsoft Jhenghei; text-align:left; padding:0; display:inline-block; margin-top:20px;}
.happygo_float ul{width:100%;padding:0 20px;box-sizing:border-box;}
.happygo_float ul li{list-style:decimal; text-align:left; font:14px/20px Arial, Verdana, Microsoft Jhenghei;}
.happygo_float .btn_area{width:270px; height:27px; padding-bottom:20px; display:inline-block;}
.happygo_float .btn_area button{width:120px; height:27px; font:15px/27px Arial, Verdana, Microsoft Jhenghei; padding:0; display:inline-block; border:0; cursor:pointer;}
.happygo_float .btn_area button:first-child{background:#e7e7e7; margin-right:10px; float:left;}
.happygo_float .btn_area button:last-child{background:#d62672; margin-left:10px; color:#ffffff;}
.floatingLayerBox .fonfirmArea{text-align:center; margin:10px 0px}
.floatingLayerBox .fonfirmArea a{background-color:#D62672; font:16px/30px Arial, Verdana, Microsoft Jhenghei; padding:5px 50px; cursor:pointer; color:#ffffff;}
.floatingLayerBox .fonfirmArea a:first-child {background-color:#e7e7e7; color:#000000; margin-right:10px; padding:5px 50px; cursor:pointer}

 /* 20200904 小樹點浮層欄位 */
.floatingLayerBox .grouppoint_float{overflow-y:hidden;}
.grouppoint_float .grouppoint_data{width:100%; display:inline-block; box-sizing:border-box; background:#ffffff;}
.grouppoint_float .grouppoint_data_area{width:600px; display:inline-block; text-align:left; float:left;}
.grouppoint_float .grouppoint_data_area dl{width:100%;}
.grouppoint_float .grouppoint_data_area dl dd{margin:10px 0 0 0;}
.grouppoint_float .grouppoint_data_area dl dd:nth-child(2){box-sizing: border-box;}
.grouppoint_float .grouppoint_data_area dl dd:nth-child(3){display:none;}
.grouppoint_float .grouppoint_data_area dl dd:nth-child(4) span:first-child{width:100%; display:inline-block; color:#666666; padding:0 0 0 85px; box-sizing:border-box;}
.grouppoint_float .grouppoint_data_area dl dd:nth-child(4) span:first-child b{font:normal 15px/25px Arial, Verdana, Microsoft Jhenghei;}
.grouppoint_float .grouppoint_data_area dl dd:nth-child(4) a:last-child{width:100%; color:#3366ff; display:inline-block; box-sizing:border-box; padding:0 0 0 85px; margin:0; font:normal 15px/25px Arial, Verdana, Microsoft Jhenghei;}
.grouppoint_float .grouppoint_data_area dl dd:last-child{display:none; margin:0 0 0 0;}
.grouppoint_float .grouppoint_data_area dl dd span{font: bold 15px/25px Arial, Verdana, Microsoft Jhenghei; padding-right: 10px;}
.grouppoint_float .grouppoint_data_area .gpLayout1 .mobileInput{width:200px;}
.grouppoint_float .grouppoint_data_area .gpLayout1 .mobile{color: #990000; padding: 0 0 0 70px;display: block;}
.grouppoint_float .grouppoint_data_area .gpLayout2 .prefix{color: #434343; font: 15px/25px Arial, Verdana, Microsoft Jhenghei; padding-right: 3px;}
.grouppoint_float .grouppoint_data_area .gpLayout2 .mobile{color: #990000; padding: 0 0 0 70px;display: block;}
.grouppoint_float .grouppoint_data_area .gpLayout2 .otpcode{color: #990000; padding: 0 0 0 15px;display: inline-block;}
.grouppoint_float .grouppoint_data_area .grouppoint_data_area dl{width:100%;}
.grouppoint_float .grouppoint_img{width:160px; display:inline-block; float:right;}
.grouppoint_float .grouppoint_img img{width:100%;}
.grouppoint_float .grouppoint_data .grouppoint_data_area,
.grouppoint_float .grouppoint_data .grouppoint_vertification_area,
.grouppoint_float .grouppoint_data .grouppoint_data_area dl dd,
.grouppoint_float .grouppoint_data .grouppoint_vertification_area dl dd{padding:0;}
.grouppoint_float .grouppoint_data .grouppoint_data_area dl dd{margin-top:10px;}
.grouppoint_float .grouppoint_data .grouppoint_data_area dl dd:last-child{padding-left:23px; box-sizing:border-box;}
.grouppoint_float .grouppoint_data .grouppoint_data_area dl dd span,
.grouppoint_float .grouppoint_data .grouppoint_vertification_area dl dd span{font:bold 15px/25px Arial, Verdana, Microsoft Jhenghei; padding-right:10px;}
.grouppoint_float .grouppoint_data .grouppoint_data_area dl dd span:last-child,
.grouppoint_float .grouppoint_data .grouppoint_vertification_area dl dd span:last-child{color:#990000; padding:0 0 0 10px;}
.grouppoint_float .grouppoint_data .grouppoint_data_area dl dd input,
.grouppoint_float .grouppoint_data .grouppoint_vertification_area dl dd input{width:250px; height:25px;}
.grouppoint_float h3{width:100%; font:bold 15px/30px Arial, Verdana, Microsoft Jhenghei; text-align:left; padding:0; display:inline-block; margin-top:20px;}
.grouppoint_float p{width:100%; text-align: left; font: 14px/20px Arial, Verdana, Microsoft Jhenghei;}
.grouppoint_float ul{width:100%; padding:0 20px; overflow-y:auto; box-sizing:border-box;}
.grouppoint_float ul li{list-style:decimal; text-align:left; font:14px/20px Arial, Verdana, Microsoft Jhenghei;}
.grouppoint_float .btn_area{width:270px; height:27px; padding-bottom:20px; display:inline-block;}
.grouppoint_float .btn_area button{width:120px; height:27px; font:15px/27px Arial, Verdana, Microsoft Jhenghei; padding:0; display:inline-block; border:0; cursor:pointer;}
.grouppoint_float .btn_area button:first-child{background:#e7e7e7; margin-right:10px; float:left;}
.grouppoint_float .btn_area button:last-child{background:#d62672; margin-left:10px; color:#ffffff;}
.floatingLayerBox .fonfirmArea{text-align:center; margin:10px 0px}
.floatingLayerBox .fonfirmArea a{background-color:#D62672; font:16px/30px Arial, Verdana, Microsoft Jhenghei; padding:5px 50px; cursor:pointer; color:#ffffff;}
.floatingLayerBox .fonfirmArea a:first-child {background-color:#e7e7e7; color:#000000; margin-right:10px; padding:5px 50px; cursor:pointer}
.floatingLayerBox .fonfirmArea a.applybtn.able{display: inline-block;background-color: #D62872;height: 30px;font: 16px/30px Helvetica;color: #FFFFFF;padding: 0px 50px;cursor: pointer;}
.floatingLayerBox .fonfirmArea a.applybtn.disable{display: inline-block;background-color: #e7e7e7;height: 30px;font: 16px/30px Helvetica;color: #000000;padding: 0px 50px;cursor: pointer;}

/**20181106_登記送_開放登記**/
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive button {width:90px; box-sizing: border-box}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .timecheck {border: 0px; height: 50px; background: #A6A6A6; font: bold 15px/20px helvetica; color: #ffffff; padding: 0px 5px;  border-radius: 5px;}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .timecheck span.timeBox {display: inline-block; margin: 0px; padding: 0px; font: bold 14px/20px helvetica;}
.customercenter .summary02 .inner .customerActive .activeArea tr .avtive .timecheck span.timeBox b { margin: 0px;  padding: 0px;  font:bold 14px/20px helvetica;}

/**20190116 momo幣查詢**/
.customercenter .summary01 ul.moRule{font-size:13px;}
.newFaqListStyle .newFaqListMenuArea .firstLayer .moPointTag{width:9%;}
.customercenter .summary02 .inner .mopointlistview dt{margin:5px 0;}
.customercenter .summary02 .inner .mopointlistview dt b{color:#000000;}
.customercenter .summary02 .inner .mopointlistview dt b:nth-child(3){margin:0 0 0 30px;}
.customercenter .summary02 .inner .mopointlistview dt a{color:#ff0000; text-decoration:none; font:bold 13px/25px "PMingLiU";}
.customercenter .summary02 .inner .mopointlistview dt a .points,
.customercenter .summary02 .inner .mopointlistview dt a .date{margin:0;}
.customercenter .summary02 .inner .mopointlistview .title{background:#fbe7e9; border:3px solid #cfd3d4; font-size:0;}
.customercenter .summary02 .inner .mopointlistview dd{text-align:center; font-size:0; margin:0; overflow:hidden; padding-left:0px;}
.customercenter .summary02 .inner .mopointlistview dd b,
.customercenter .summary02 .inner .mopointlistview dd span{width:132px; border-left:1px solid #cfd3d4; display:inline-block; text-align:center;}
.customercenter .summary02 .inner .mopointlistview dd b{border-left:1px solid #cfd3d4; font:13px/30px Verdana;}
.customercenter .summary02 .inner .mopointlistview dd span{border-left:0; font:13px/20px Verdana; float:left; margin:8px 0;}
.customercenter .summary02 .inner .mopointlistview dd:not(:nth-child(2)){border-bottom:1px dotted #cccccc;}
.customercenter .summary02 .inner .mopointlistview dd b:first-child{border-left:none;}
.customercenter .summary02 .inner .mopointlistview .mopointtitle{height:30px;}
.customercenter .summary02 .inner .mopointlistview .mopointtitle b{font:bold 13px/30px Helvetica;}
.customercenter .summary02 .inner .mopointlistview dd .first,
.customercenter .summary02 .inner .mopointlistview dd .orderNumber{width:140px; display:inline-block;}
.customercenter .summary02 .inner .mopointlistview dd .tips{width:313px; display:inline-block;}
.customercenter .summary02 .inner .mopointlistview dd span.tips{text-align: left; padding: 0 5px; box-sizing: border-box;line-height: 20px;}
.customercenter .summary02 .inner .mopointlistview dd a { margin-left: 20px;; font:13px/20px Verdana; color: #3366FF;}

.customercenter .summary02 .inner .mopointFilterTab { padding: 5px 0;}
.customercenter .summary02 .inner .mopointFilterTab span { display: inline-block; margin-left: 10px; color: #000;}
.customercenter .summary02 .inner .mopointFilterTab span.selected { color: #D62872;}
.customercenter .summary02 .inner .mopointFilterTab span:first-child { margin-left: 0;}
.customercenter .summary02 .inner .mopointFilterTab label { display: block;  cursor: pointer;}
.customercenter .summary02 .inner .mopointFilterTab .radio,
.customercenter .summary02 .inner .mopointFilterTab .checkbox { display:none;}
.customercenter .summary02 .inner .mopointFilterTab .radio + span,
.customercenter .summary02 .inner .mopointFilterTab .checkbox + span { position: relative; top: -1px; display:inline-block; margin:0 5px 0 0; border:1px solid #cccccc; border-radius:16px; width:16px; height:16px; vertical-align:middle; background:#ffffff;}
.customercenter .summary02 .inner .mopointFilterTab .radio:checked + .checkbox_btn,
.customercenter .summary02 .inner .mopointFilterTab .checkbox:checked + .checkbox_btn { position:relative; border-color: #D62872; background:#D62872;}
.customercenter .summary02 .inner .mopointFilterTab .radio:checked + .checkbox_btn::before,
.customercenter .summary02 .inner .mopointFilterTab .checkbox:checked + .checkbox_btn::before { content:''; position:absolute; top:4px; left:3px; display:inline-block; border: 2px solid #fff; border-top: 0; border-right: 0; width:9px; height:4px; transform:rotate(-45deg); }

.floatingLayerBox .innerArea .moPoint {margin:10px 0;}
.floatingLayerBox .innerArea .moPoint h4 { margin:0; font:bold 15px/24px Helvetica;}
.floatingLayerBox .innerArea .moPoint ul { margin:0; padding:0 0 10px 15px}
.floatingLayerBox .innerArea .moPoint ul li { list-style:decimal; font:15px/24px Helvetica} /**只有一條說明不需要前方數字時，請將list-style改成none**/
.floatingLayerBox .innerArea .moPoint ul li a { font:15px/24px Helvetica; color:#0059A5; text-decoration:underline}
.floatingLayerBox .innerArea .moPoint table{width:100%;border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.floatingLayerBox .innerArea .moPoint table tr th,
.floatingLayerBox .innerArea .moPoint table tr td{width:calc(50% - 3px); text-align:center; display:inline-block; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.floatingLayerBox .innerArea .moPoint table tr th:first-child{border-right:1px solid #ffffff;}
.floatingLayerBox .innerArea .moPoint table tr th{height:30px; background:#e7e7e7; font:bold 16px/30px Microsoft Yahei;}
.floatingLayerBox .innerArea .moPoint table tr td{height:36px; font:16px/36px Helvetica;}
.floatingLayerBox .innerArea .moPoint table tr td b{font:26px/36px Century Gothic;}
.floatingLayerBox .innerArea .moPoint span {font:15px/25px Microsoft JhengHei , sans-serif;}

 /**20191003 momo卡回饋明細_浮層(Art)**/
.floatingLayerBox .momocardList table { width:680px; border:1px solid #bfbfbf; border-width:1px 0 0 1px; border-spacing:0;}
.floatingLayerBox .momocardList th,
.floatingLayerBox .momocardList td { border:1px solid #bfbfbf; border-width:0 1px 1px 0;}
.floatingLayerBox .momocardList th { padding:5px 25px; background-color:#e5e5e5; height:28px; font:500 13px/22px Helvetica; white-space:nowrap;}
.floatingLayerBox .momocardList td {font: 13px/22px Helvetica; padding: 5px 10px; text-align: center;}
.floatingLayerBox .momocardList td:nth-child(2) { padding-left: 20px; width: 330px; text-align: left;}
.floatingLayerBox .momocardList td a {font: 13px/22px Helvetica; color: #3366FF;}

/**momo幣-調整查訂單破版**/
.customercenter .summary02 .inner .order dt .first, .customercenter .summary02 .inner .order dd .first{width: 110px; border-left: 0px;}
.customercenter .summary02 .inner .order dd .first.first-for-gift{line-height: 18px;}
.customercenter .summary02 .inner .order dt .date, .customercenter .summary02 .inner .order dd .date{width:125px;}
.customercenter .summary02 .inner .order dt .number, .customercenter .summary02 .inner .order dd .number{width:150px;}
.customercenter .summary02 .inner .order dt .tips, .customercenter .summary02 .inner .order dd .tips{width:52px;}
.customercenter .summary02 .inner .order dt .payment, .customercenter .summary02 .inner .order dd .payment{width:260px;}
.customercenter .summary02 .inner .order dd .invoice{width:146px;}
.customercenter .summary02 .inner .order dd .invoice .bill-btn {line-height: 16px;background-color: #EDEDED;border: 1px solid #B3B3B3;border-radius: 2px;padding: 0 5px;margin: 9px 5px;color: #454545;cursor: pointer;}
.customercenter .summary02 .inner .order dd .invoice .bill-btn:disabled {color: #B3B3B3;border-color: #D7D7D7;cursor: auto;}
.customercenter .summary02 .inner .order dt .payment, .customercenter .summary02 .inner .order dd .payment{width: 218px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/**20190426_自由選**/
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber button.phoneinfromation_btnStyle {display: inline-block;float: none;margin: 0px 0px 0px 15px;padding: 0px 6px;vertical-align: top;border: 1px solid #A7A7A7;line-height: 20px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber span.phoneinfromation_time{display: inline-block;float: none;margin: 0px 0px 0px 10px;padding: 0px;font: 13px/24px sans-serif;color: #000000;vertical-align: top;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname p.phoneinfromationTip{display: inline-block; width: 100%; color: #FF0000; padding: 10px 0px; font: 13px/20px Verdana, sans-serif; box-sizing: border-box;}

/*20190319_訂購資訊/付款 改版型*/
.innerArea .payInfoContent{width:100%; display:inline-block}
.innerArea .payInfoContent ul{margin:0; padding:0; text-align: left;}
.innerArea .payInfoContent ul li{list-style: none; font: 15px/25px Verdana, Helvatica, Microsoft JhengHei, sans-serif;}
.innerArea .payInfoContent ul li span{font: 15px/25px Verdana, Helvatica, Microsoft JhengHei, sans-serif;}
.innerArea .payInfoContent ul li .error{color: var(--red-500)}
.innerArea .payInfoContent ul li .hintText{color: #ff0000; font-size: 13px; padding-left: 5px;}
.innerArea .payInfoContent ul li .hintTextFontSize15{color: #ff0000; font-size: 15px; padding-left: 5px;}
.innerArea .payInfoContent ul li .pinkText{color: #D62872; padding-left: 5px; font-family:Century Gothic;}
.innerArea .payInfoContent .notice{color:#888888;font-size:13px;line-height:20px; }
.innerArea .payInfoContent p {text-align:right}
.innerArea .payInfoContent p img {cursor:pointer}
.innerArea .payInfoContent ul li b {font-size:13px}
.innerArea .payInfoContent ul li a {font-size:13px; color:#0059A5; text-decoration:underline}
.innerArea .payInfoContent ul li button{margin-left: 5px; font: 15px/20px Microsoft JhengHei, sans-serif;}

/**20181005_會員中心查訂單_新增更改支付工具**/
.customercenter .summary02 .inner .order .detailsArea div.paymentArea {display:inline-block; margin:0px 0px; padding:0px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea h3 {width:100%; box-sizing:border-box; display:inline-block; background-color: #858585; margin:5px; padding:0px 10px; font: bold 16px/30px sans-serif; color: #FFFFFF;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea h3 ul,
.customercenter .summary02 .inner .order .detailsArea div.paymentArea h3 ul li {margin:0px; padding:0px; list-style:none; display:inline-block; }
.customercenter .summary02 .inner .order .detailsArea div.paymentArea h3 ul li {width:205px; display:inline-block; font: bold 16px/30px sans-serif; color:#ffffff}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea h3 ul li label {font: bold 16px/30px sans-serif; color:#ffffff}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea label {height:24px; font:16px/24px sans-serif; margin: 0px; padding: 0px; display: inline-block;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea {display:inline-block; margin:0px; padding:20px 0px 5px; position:relative; width:100%; box-sizing: border-box;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea [type="text"],
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea [type="password"] {height:18px; font:16px/18px Helvetica}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea [type="text"]:focus,
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea [type="password"]:focus {background-color: #FFFFD0;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.cardpaymentBox {margin:0px 0px 23px; position:relative; padding:0px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.cardpaymentBox::before {background-color:#DDDDDD; width: 100%; height: 1px; content: ''; position:absolute; left: 0px; bottom:-20px;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.cardpaymentBox tr:first-child td {padding:0px 10px 0px 0px; color:#666666;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.cardpaymentBox tr th {width: 140px; text-align: right; padding: 10px 0px 0px 10px; vertical-align:top; font:bold 16px/24px sans-serif; color: #434343}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.cardpaymentBox tr td {font:16px/22px sans-serif; padding:10px 0px 0px 0px;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea span {display:inline-block; vertical-align:middle; margin:0px; padding:0px; float:none; width:auto; height:auto; border:none; overflow:auto; font:16px/22px sans-serif; color: #666666}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea span.redRemindtxtcard {color: #990000; margin: 0px 0px 0px 150px; text-align:left}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea span.redRemindtxtcard a {cursor:pointer; color:#990000; font: 16px/24px sans-serif;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea span.bonuscard {display:none}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea a {color:#3366FF; cursor:pointer; font:16px/22px sans-serif;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea a.recentlyCardNoBtn,
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea a.clearCardBtn {display:inline-block; font:16px/22px sans-serif; background-color:#E7E7E7; width:100px; height:22px; color:#454A55; text-align:center; margin:1px 0px 0px 10px;  border:1px solid #AFAFAF; vertical-align:top; cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea label {font:16px/24px sans-serif; margin:0px; padding:0px; display:inline-block; color: #666666;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea label.graytxt {font:13px/24px sans-serif; color:#959595;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea select,
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea select option {height:24px; font:16px/24px sans-serif;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea span.bonuscard a {color:#3366FF;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain thead th {font:bold 16px/24px sans-serif; color:#990000; width:140px; padding:10px 0px 0px 10px;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain thead td {padding:10px 0px 0px 0px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain tbody {display:none}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain tbody tr th {font:bold 16px/24px sans-serif; width: 140px; text-align: right; padding: 10px 0px 0px 10px; vertical-align: top;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain tbody tr:first-child th {padding:10px 0px 0px 10px;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain tbody tr td {font:bold 16px/24px sans-serif; color:#666666}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table.bankpayMain .redRemindtxtcard {color: #990000; margin: 0px 0px 0px 150px; display: block; text-align:left}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents {display:none; margin:20px 0px 0px; padding:10px 0px 0px; border-top:1px dashed #000000;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents b {display:inline-block; margin:0px; padding:5px 0px; font:bold 16px/24px sans-serif;color: #434343;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul {margin:0px; padding:0px; list-style:none; font-size:0px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li {background-color:#CCCCCC; margin:0px 5px 0px 0px; padding:5px; display:inline-block}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label {width:100%; text-align:right; height:auto; font: 16px/24px sans-serif; margin:0px; padding:0px; display:inline-block}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label input {float:left; left:5px; z-index:2}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label a {position:relative; right:5px; z-index:2; color: #3366FF; cursor:pointer}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label .tips {display:block; width:180px; color:#000000; text-align:center; margin:5px 0px 0px; position:relative; font: 16px/24px sans-serif; padding:0px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label .tips::before {background-color:#FFFFFF; width:100%; height:25px; content:''; position:absolute; top:-29px; left:0px; z-index:1}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label .tips b {display:inline-block; margin:0px; padding:0px; color: #000000; text-align:center; font:26px/30px Century Gothic}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label .tips b.allotPrice {display:inline-block; margin:0px; padding:0px; color: #000000; font:16px/30px Century Gothic}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .dv_allotContents ul li label .tips span {display:inline-block; margin:0px; padding:0px; font:16px/30px Century Gothic; vertical-align: middle;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea #CRDDescs {display:none}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table select {margin:0 3px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea table #CardOwnerAddr {padding-top:3px; margin:3px}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .noDataTip {width: 100%;display:none;}
.customercenter .summary02 .inner .order .detailsArea div.paymentArea .innerArea .noDataTip span {width: 100%;font: 13px/18px Helvetica, sans-serif;color: #f00;text-align: left;}

.totalamount {background-color:#E7E7E7; text-align:center; padding:10px; font:16px/24px sans-serif; color:#434343}
.totalamount table {margin:0px auto;}
.totalamount table th,
.totalamount table td {padding:5px 20px; font:bold 16px/24px sans-serif; color:#434343}
.totalamount table thead {font-weight:bold}
.totalamount table tbody td {font-family:Century Gothic; color:#D62672}
.totalamount table tbody td b {font:26px/34px Century Gothic}
.totalamount table .payamt05,
.totalamount table .payamt06 {display:none}
.completeArea {text-align:center; padding:20px 0px 10px}
.completeArea a {display:inline-block;background:#D62672 url(https://www.momoshop.com.tw/images/cart/checkoutBtn.png?t=201705050001) no-repeat 49px 9px; height:40px; font:18px/40px sans-serif; color:#FFFFFF; text-indent:25px; padding:0px 50px 0px 65px; cursor:pointer}
#notice705 .title b {height: 50px; background-color: #e5e5e5; font: bold 15px/50px Helvetica; margin: 0; padding: 0 10px}
#notice705 .recentlyCardNoList {height:406px; margin:0px; overflow-y:auto}
#notice705 .recentlyCardNoList table {border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7}
#notice705 .recentlyCardNoList table th,
#notice705 .recentlyCardNoList table td {padding:5px 10px; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7; font:16px/24px Helvetica}
#notice705 .recentlyCardNoList table th {background-color:#E7E7E7; height:30px; border-left:1px solid #FFFFFF; font:bold 16px/24px Helvetica}
#notice705 .recentlyCardNoList table thead tr th:first-child {border-left:1px solid #E7E7E7}
#notice705 .recentlyCardNoList table .delBtn {width:25px; height:25px; vertical-align:middle; position:relative; cursor:pointer}
#notice705 .recentlyCardNoList table .delBtn::before,
#notice705 .recentlyCardNoList table .delBtn::after {background-color:#818181; width:24px; height:2px; content:''; margin:-1px 0px 0px -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg); transition:all 200ms ease-out 0s}
#notice705 .recentlyCardNoList table .delBtn::after {transform:rotate(-45deg)}
#notice705 .recentlyCardNoList table .delBtn:hover::before {transform:rotate(-45deg)}
#notice705 .recentlyCardNoList table .delBtn:hover::after {transform:rotate(45deg)}
#notice705 .recentlyCardNoList table td:first-child,
#notice705 .recentlyCardNoList table td:last-child,
#notice705 .recentlyCardNoList table td:nth-child(3) ,
#notice705 .recentlyCardNoList table td:nth-child(4) {text-align:center}
#notice705 .recentlyCardNoList table td a {text-decoration:none; display:inline-block}
#notice705 .recentlyCardNoList table label {display:block; cursor:pointer}
#notice705 .recentlyCardNoList table .address {width:310px}
#notice705 .fonfirmArea {text-align:center; margin:10px 0px 0px}
#notice705 .fonfirmArea a.enterBtn {display: inline-block; background-color:#D62672; height:30px; font:16px/30px Helvetica; color:#FFFFFF; padding:0px 50px; cursor:pointer}
#notice705 .banksList {margin:0px}
#notice705 .banksList .showBankList {margin:0px 0px 5px; font:16px/24px Helvetica; color:#434343; text-align:left}
#notice705 .banksList ul,
#notice705 .banksList ul li {margin:0px; padding:0px; list-style:none; font:16px/24px Helvetica; color:#434343; text-align:left}
#notice705 .banksList ul li {width:98%; margin:0px}
#notice705 .banksList ul li img {margin:0px 3px; vertical-align:middle}

/*20190620_法人發票*/
.floatingLayerBox .floatReturnTips{text-align: left; font: 15px/20px Microsoft JhengHei, sans-serif;}
.floatingLayerBox .floatReturnTips ul {font: 16px/24px Microsoft JhengHei, sans-serif; text-align: left;}
.floatingLayerBox .floatReturnTips ul span{font: 15px/20px Microsoft JhengHei, sans-serif; color: #ff0000;}
.floatingLayerBox .floatReturnTips ul li{font: 16px/24px Microsoft JhengHei, sans-serif; text-align: left;}
.floatingLayerBox .floatReturnTips ul li span{font: 15px/20px Microsoft JhengHei, sans-serif; color: #ff0000;}
.floatingLayerBox .floatReturnTips .btnArea{text-align: center; margin: 10px 0 0 0;}
.floatingLayerBox .floatReturnTips .btnArea input{font: 15px/20px Microsoft JhengHei, sans-serif; padding: 5px 20px; background-color: #e7e7e7; border: 0; cursor: pointer;}
.floatingLayerBox .floatReturnTips .btnArea input:first-child{margin: 0 15px 0 0;}
.floatingLayerBox .floatReturnTips .btnArea input:last-child{color: white; background: #D62872;}

.floatingLayerBox .taxArea{width: 660px; padding: 20px; margin: 10px 0 0 0; box-sizing: border-box; border: 1px solid #999999;}
.floatingLayerBox .taxArea table thead tr td{text-align: center; font: bold 18px/24px Microsoft JhengHei, sans-serif; color: #333333; padding: 0 0 20px 0;}
.floatingLayerBox .taxArea table tbody tr td span{display: inline-block; width: 70px; text-align: center; font: 14px/24px Century Gothic, sans-serif; color: #333333; height: 24px; overflow: hidden; white-space: nowrap;}
.floatingLayerBox .taxArea table tbody tr td{margin: 0; padding: 0;}
.floatingLayerBox .taxArea table tbody tr.topLine td{border-bottom: 1px solid #000000;}
.floatingLayerBox .taxArea table tbody tr.contentTopLine td{padding: 10px 0 0 0;}
.floatingLayerBox .taxArea table tbody tr td.prdNameTitle span{text-align: center; width: 340px;}
.floatingLayerBox .taxArea table tbody tr td.prdName span{text-align: left; width: 340px;}
.floatingLayerBox .taxArea table tbody tr td.price span{text-align: right;}
.floatingLayerBox .taxArea table tbody tr td.spaceBox{height: 60px;}
.floatingLayerBox .taxArea table tbody tr.totalAmountBox td span{height: 24px; overflow: hidden; white-space: nowrap; text-align: right;}
.floatingLayerBox .taxArea table tbody tr.totalAmountBox td.leftSpace{width: 340px;}
.floatingLayerBox .taxArea table tbody tr.totalAmountBox td.totalTitle span{width: 110px; padding: 0 5px 0 0; box-sizing: border-box;}
.floatingLayerBox .taxArea table tbody tr.totalAmountBox td.totalPrice span{width: 80px; padding: 0 20px 0 0;}
.floatingLayerBox .taxArea table tbody tr.totalAmountBox td.itemNum span{width: 90px; text-align: left;}

/** 紅利金與折價券常用對象浮層 **/
.floatingLayerBox .innerArea {position:relative;font:16px/24px Helvetica; color:#454545; margin:0px; padding:0px}
.floatingLayerBox .recentTransferArea {margin:0px}
.floatingLayerBox .recentTransferArea table {border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7}
.floatingLayerBox .recentTransferArea table th,
.floatingLayerBox .recentTransferArea table td {padding:5px 10px; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7}
.floatingLayerBox .recentTransferArea table td a {display: inline-block;}
.floatingLayerBox .recentTransferArea table th {background-color:#E7E7E7; height:30px; border-left:1px solid #FFFFFF}
.floatingLayerBox .recentTransferArea table thead tr th:first-child {border-left:1px solid #E7E7E7}
.floatingLayerBox .recentTransferArea table .delBtn {width:25px; height:25px; vertical-align:middle; position:relative; cursor:pointer}
.floatingLayerBox .recentTransferArea table .delBtn::before,
.floatingLayerBox .recentTransferArea table .delBtn::after {background-color:#818181; width:24px; height:2px; content:''; margin:-1px 0px 0px -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg); transition:all 200ms ease-out 0s}
.floatingLayerBox .recentTransferArea table .delBtn::after {transform:rotate(-45deg)}
.floatingLayerBox .recentTransferArea table .delBtn:hover::before {transform:rotate(-45deg)}
.floatingLayerBox .recentTransferArea table .delBtn:hover::after {transform:rotate(45deg)}
#recentTransfer .floatingLayerBox {height:auto;}
#recentTransfer .recentTransferArea table td:first-child,
#recentTransfer .recentTransferArea table td:last-child,
#recentTransfer .recentTransferArea table td:nth-child(3) {text-align:center}
.floatingLayerBox .recentTransferArea table label {display:block; cursor:pointer}
.floatingLayerBox .recentTransferArea table .address {width:310px}
#recentTransfer .fonfirmArea {margin:15px 0 0;padding:0 0 15px;text-align:center;display:inline-block;width:100%;}
#recentTransfer .fonfirmArea a {background-color: #7C7C7C; color: #ffffff; cursor: pointer; font: 16px/30px Helvetica; height: 30px; padding:0 50px;}
.floatingLayerBox .innerArea .pointReturn ul li #oftenObj {position:absolute; top:6px; right:237px; color:#027bff; background-color:#ffffff; font:12px/20px Helvetica; cursor:pointer; display:none;  padding:0px 5px;}

/*20190715_個人資料綁定*/
.customercenter .summary02 .dataBindArea dl dt{margin: 0 0 10px 0;}
.customercenter .summary02 .dataBindArea dl ul{font-size: 0; padding: 0; margin: 0;}
.customercenter .summary02 .dataBindArea dl dt ul{font-size: 0; padding: 0; margin: 0; border-bottom: 1px solid #f2f2f2;}
.customercenter .summary02 .dataBindArea dl dt ul li{display: inline-block; font: 15px/20px Microsoft JhengHei, sans-serif; padding:0 10px 10px 10px; margin: 0 50px 0 0; color: #000000; cursor: pointer;}
.customercenter .summary02 .dataBindArea dl dt ul li:last-child{margin: 0;}
.customercenter .summary02 .dataBindArea dl dt ul li.selected{color: #d62872; border-bottom: 1px solid #d62872; font-weight: bold;}

/*品牌點數*/
.customercenter .summary02 .dataBindArea dl dd{padding: 0 10px; box-sizing: border-box;}
.customercenter .summary02 .dataBindArea dl dd.brandBox p.brandTitle{font: 15px/20px Microsoft JhengHei, sans-serif; margin: 0 0 10px 0; padding: 0;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li{display: inline-block; background-color: #f2f2f2; margin: 0 0 10px 0; padding: 0; width: 100%; font-size: 0; height: 65px;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li p{display: inline-block; margin: 0; padding: 0; width: calc(100% - 50px); padding: 10px 10px 10px 0; box-sizing: border-box;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li p span{display: block; width: 100%; overflow: hidden; height: 20px;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li p span.brandName{font: 15px/20px Microsoft JhengHei, sans-serif; margin: 0 0 5px 0; color: #000000;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li p span.brandDate{font: 13px/20px Microsoft JhengHei, sans-serif; color: #888888;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li p span i{font-style: normal; font: 15px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li p span a{font: 15px/20px Microsoft JhengHei, sans-serif; display: inline-block; color: #3366ff;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li input{display: none;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li label{display: inline-block; width: 50px; height: 100%; vertical-align: top; position: relative; cursor: pointer;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li label span {width: 16px; height: 16px; border: 1px solid #959595; border-radius: 50%; background-color: #ffffff; display: inline-block; position: absolute; top: calc(50% - 9px); left: 10px;}
.customercenter .summary02 .dataBindArea dl dd.brandBox ul li input[type="checkbox"]:checked + label span::before{content: ""; width: 18px; height: 18px; border-right:0; border-bottom:0; position: absolute; left: -1px; top: -1px; background:url(https://m.momoshop.com.tw/img/selected.png) no-repeat center; background-size:100%;}
.customercenter .summary02 .dataBindArea dl dd.brandBox .disagreeBox ul li{height: 40px;}
.customercenter .summary02 .dataBindArea dl dd.brandBox .disagreeBox ul li p span{color: #888888; margin: 0;}

/*信用卡管理*/
.customercenter .summary02 .dataBindArea dl dd.creditBox{display: none;}
.customercenter .summary02 .dataBindArea dl dd.creditBox ul{max-height: 1000px; overflow-y: auto; display: none;}
.customercenter .summary02 .dataBindArea dl dd.creditBox.hasData ul{display: block;}
.customercenter .summary02 .dataBindArea dl dd.creditBox ul li{display: inline-block; background-color: #f2f2f2; margin: 0 0 10px 0; padding: 10px 10px 10px 20px; box-sizing: border-box; width: 100%; font-size: 0; position: relative;}
.customercenter .summary02 .dataBindArea dl dd.creditBox ul li p{font: 15px/20px Microsoft JhengHei, sans-serif; display: block; padding: 0 50px 0 0; margin: 0 0 10px 0; color: #000000;}
.customercenter .summary02 .dataBindArea dl dd.creditBox ul li span{font: 15px/20px Microsoft JhengHei, sans-serif; display: block; margin: 0; padding: 0 50px 0 0; color: #888888;}
.customercenter .summary02 .dataBindArea dl dd.creditBox ul li i{font: 15px/20px Microsoft JhengHei, sans-serif; display: inline-block; margin: 0; padding: 25px 10px; color: #3366ff; position: absolute; right: 0; top: calc(50% - 35px); cursor: pointer; box-sizing: border-box;}
.customercenter .summary02 .dataBindArea dl dd.creditBox p.btnBox{display: inline-block; width: 100%; text-align: center;}
.customercenter .summary02 .dataBindArea dl dd.creditBox.hasData p.btnBox{text-align: right;}
.customercenter .summary02 .dataBindArea dl dd.creditBox button{display: inline-block; padding: 0 10px; font: 15px/35px Microsoft JhengHei, sans-serif; color: #ffffff; background-color: #d62872; border-radius: 4px; border: 0; cursor: pointer; width: 135px;}
.customercenter .summary02 .dataBindArea dl dd.creditBox .noCreditData{width: 100%; font: 15px/20px Microsoft JhengHei, sans-serif; text-align: center; margin: 110px 0 100px 0;}

.floatingLayerBox .innerArea .addCreditArea ul li{width: 100%; margin: 0 0 20px 0; text-align: left;}
.floatingLayerBox .innerArea .addCreditArea ul li:last-child{margin: 0 0 10px 0;}
.floatingLayerBox .innerArea .addCreditArea ul li span{font: 15px/26px Microsoft JhengHei, sans-serif; display: inline-block; width: 70px; margin: 0 20px 0 0;}
.floatingLayerBox .innerArea .addCreditArea ul li.creditCardNum input{width: 305px;}
.floatingLayerBox .innerArea .addCreditArea ul li.lastThreeNum input{width: 305px;}
.floatingLayerBox .innerArea .addCreditArea ul li.expireDate p{display: inline-block; margin: 0; padding: 0; font: 15px/20px Microsoft JhengHei, sans-serif;}
.floatingLayerBox .innerArea .addCreditArea ul li input{font: 15px/20px Microsoft JhengHei, sans-serif;}
.floatingLayerBox .innerArea .addCreditArea ul li select{width: 145px; font: 15px/20px Microsoft JhengHei, sans-serif; margin: 0 20px 0 0; height: 25px;}
.floatingLayerBox .innerArea .addCreditArea ul li select:last-child{margin: 0;}
.floatingLayerBox .innerArea .addCreditArea ul li i.tips{display: inline-block; height: 20px; width: 100%; font: 13px/20px Microsoft JhengHei, sans-serif; color: #ff0000; padding: 5px 10px 0 90px; box-sizing: border-box;}
.floatingLayerBox .innerArea .addCreditArea ul li.showTips{margin: 0 0 10px 0;}
.floatingLayerBox .innerArea .addCreditArea ul li i.bindhint{display: inline-block; height: 40px; width: 100%; font: 13px/20px Microsoft JhengHei, sans-serif; color: #000000; padding: 5px 0 0 90px; box-sizing: border-box;}

/*點數付款-happyGo*/
.customercenter .summary02 .dataBindArea dl dd.pointBox{display: none;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox{font-size: 0; margin: 0 0 10px 0; background-color: #f2f2f2; padding: 20px; box-sizing: border-box; width: 100%; }
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox span.imgBox{display: inline-block; background-color: #f2f2f2; width: 125px; height: 80px; vertical-align: top;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox ul{display: inline-block; width: calc(100% - 125px);}
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox ul li{display: inline-block; width: 100%; margin: 0; padding: 0 0 0 20px; box-sizing: border-box; font: 15px/20px Microsoft JhengHei, sans-serif; color: #000000;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox ul li span{font: 15px/20px Microsoft JhengHei, sans-serif; color: #000000;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox ul li a{font: 15px/20px Microsoft JhengHei, sans-serif; color: #3366ff; font-weight: bold;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .happygoBox ul li i{font: 13px/20px Microsoft JhengHei, sans-serif; color: #ff0000;}

/*點數付款-小樹點*/
.customercenter .summary02 .dataBindArea dl dd.pointBox{display: none;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox{font-size: 0; margin: 0 0 10px 0; background-color: #f2f2f2; padding: 20px; box-sizing: border-box; width: 100%; }
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox span.imgBox{display: inline-block; background-color: #f2f2f2; width: 125px; height: 80px; vertical-align: top;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox ul{display: inline-block; width: calc(100% - 125px);}
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox ul li{display: inline-block; width: 100%; margin: 0; padding: 0 0 0 20px; box-sizing: border-box; font: 15px/20px Microsoft JhengHei, sans-serif; color: #000000;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox ul li span{font: 15px/20px Microsoft JhengHei, sans-serif; color: #000000;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox ul li a{font: 15px/20px Microsoft JhengHei, sans-serif; color: #3366ff; font-weight: bold;}
.customercenter .summary02 .dataBindArea dl dd.pointBox .grouppointBox ul li i{font: 13px/20px Microsoft JhengHei, sans-serif; color: #ff0000;}

/*20191004_聯絡客服*/
.askProblemArea .askProblemBox table th{font:bold 15px/25px Helvetica;text-align: right;vertical-align: middle;box-sizing: border-box;width: 140px;padding-right: 10px;}
.askProblemArea .askProblemBox table td{width: calc(100% - 140px);vertical-align: middle;box-sizing: border-box;border-bottom: 1px dotted #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.askProblemArea .askProblemBox table tr:first-child td{border-top: 1px solid #ccc}
.askProblemArea .askProblemBox table tr:last-child td{border-bottom: 1px solid #ccc}

/* 20191106_momo幣&紅利金序號兌換 */
.customercenter .summary01 .PointSNAera{margin: 0 0 10px 0;}
.customercenter .summary01 .PointSNAera.mopointSN{margin: 5px 0 20px 0;}
.customercenter .summary01 .PointSNAera span{font: 13px/24px Helvetica,sans-serif;color: #434343;display: inline-block;vertical-align: top;}
.customercenter .summary01 .PointSNAera input{font: 13px/22px Helvetica,sans-serif;color: #434343;width: 125px;margin: 0 7px;border: 1px solid #a9a9a9;display: inline-block;padding: 0;box-sizing: border-box;vertical-align: top;}
.customercenter .summary01 .PointSNAera button{font: 15px/22px Helvetica,sans-serif;color: #000;width: 58px;background: #eee;border: 1px solid #aaaaaa;cursor: pointer;display: inline-block;padding: 0;vertical-align: top;}
.customercenter .summary02 .inner .pointlistvew{font-size: 0;}

/* 20191219_追蹤清單UI調整 */
.customercenter .summary02 .inner .wishlist dd .prddetails .prdimg .forsoldout{display: inline-block;width: 100%;position: absolute;bottom: 11px;left: 0;background: rgba(0,0,0,0.7);color: #fff;font:bold 15px/26px Microsoft JhengHei,sans-serif;text-align: center;margin: 0; z-index: 2;}
.customercenter .summary02 .inner .wishlist dd .prddetails dt{margin: 0 10px 0 0;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips{width: 700px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips a{display: inline-block;width: 100%;box-sizing: border-box;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips b{font: 13px/20px Microsoft JhengHei,sans-serif;color: #dd2726;display: block;height: 20px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .prdId {display: inline-block;margin: 5px 0px 0px 0px;font: 13px/20px Microsoft JhengHei,sans-serif;padding: 0px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .publishInfo a {width: auto;height: 20px;color: #3366ff;display: inline-block;margin: 0 15px 0 0;padding: 0;overflow: hidden;text-overflow: ellipsis;font: 16px/20px Microsoft JhengHei,sans-serif;text-decoration: none;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .description {display: inline-block;width: 100%;min-height: 20px;max-height: 40px;overflow:hidden;color: #333;font: 15px/20px Microsoft JhengHei,sans-serif;text-align: left;margin: 0;padding: 0;box-sizing: border-box;vertical-align: top;word-break: break-all;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .totalSales { padding: 4px 0 4px; margin: 0;display: block; min-height: 13px; font-size: 13px; line-height: 13px; font-family: Helvetica; color: #454545; text-align: left;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .publishInfo{position: relative;display: inline-block;margin: 5px 0px 0px 0px;padding: 0px;font-size: 0px;line-height: 0px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .publishInfo .writer { max-width: 315px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .publishInfo .publishing { max-width: 145px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .publishInfo span {color: #666;display: inline-block;margin-right: 15px;overflow: hidden;font: 16px/20px Microsoft JhengHei,sans-serif;height: 20px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .tips .publishInfo .publishDate {max-width: 170px;}
.customercenter .summary02 .inner .wishlist dd .prddetails .righttxt{text-align: right;margin: 5px 0px 10px 0px;position: absolute;right: 0px;top: 30px;font: 13px/20px Microsoft JhengHei,sans-serif;}
.customercenter .summary02 .inner .wishlist dd .prddetails .menu{text-align: right;position: absolute;right: 0px;top: 75px;}

/*售完補貨清單跑版修正*/
.customercenter .summary02 .inner .canbeordered dd .prddetails dt {margin: 0px 10px 0px 0px}

/*20200309_電子代轉收據_憑證浮層*/
.receiptInfoContent {display: inline-block; margin:0px; padding:0px; max-height:240px; overflow-y:auto;  width:100%; box-sizing:border-box;}
.receiptInfoContent table {border: 1px solid #F2F2F2; box-sizing: border-box;}
.receiptInfoContent table tr th,
.receiptInfoContent table tr td {border-right: 1px solid #ffffff;  font: 15px/40px helvetica;  color: #000000;}
.receiptInfoContent table tr td a{border-right: 1px solid #ffffff;  font: 15px/40px helvetica;  color: #000000;}
.receiptInfoContent table tr th {background: #e7e7e7;}
.receiptInfoContent table tr th:first-child,
.receiptInfoContent table tr td:first-child {width: 120px; box-sizing: border-box;}
.receiptInfoContent table tr td a:last-child { color: #3366ff;cursor: pointer;}
.receiptInfoContent table tr th:last-child,
.receiptInfoContent table tr td a:last-child {border: none;}
.receiptInfoContent table tr:nth-child(even) td {background: #f2f2f2;}

/**20200706 2019110500074901_訂單查詢之配送進度UI調整**/
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td {border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach.setPrd td {border-top: 1px dashed #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach.tcdiyPrd td {border-top: 1px dashed #e3e3e3;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail.setLine td {border-bottom: none;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td {padding: 10px 10px 5px 10px;position: relative;}
.customercenter .summary02 .inner .order .prdlist .deliveryDetail td .iceprdTxt{color: #dd2726;font: 15px/20px Microsoft JhengHei, sans-serif;position: absolute;right: 15px;top: -30px;max-width: 275px;text-align: left;margin: 5px 0 0 0;}

.customercenter .summary02 .inner .order dd.refundBox {background-color: #FFFDE1;border-radius: 4px;padding: 8px 12px;box-sizing: border-box;margin: 0 0 0 0;justify-content: left;border: 0px;display: inline-block;height:59px;}
.customercenter .summary02 .inner .order dd.refundBox p {clear:both;margin:0;padding:0;font: 13px/20px var(--main-font);color:#454545;}
.customercenter .summary02 .inner .order dd.refundBox p span {clear:both;border-left: 0px solid #CFD3D4}
.customercenter .summary02 .inner .order dd.refundBox .refundTitle {color:#454545;font-weight: bolder;width:110px;}
.customercenter .summary02 .inner .order dd.refundBox .refundNotify {width:auto;}
.customercenter .summary02 .inner .order dd.refundBox .refundInput {color:#027bff;}
.customercenter .summary02 .inner .order dd.refundBox .refundText {line-height:35px;}

.customercenter .summary02 .inner .order .detailsArea {padding: 5px 0px 20px 0px;border: 0px;display: block;margin: 0px;line-height: 0px;height: auto;}
.customercenter .summary02 .inner .order .detailsArea button {margin: 0px 5px 0px 0px;border-radius: 2px;border: 1px solid #A7A7A7;font: 12px/24px Microsoft JhengHei, sans-serif;color: #000000;cursor: pointer;padding: 0px 10px;background: linear-gradient(#F5F5F5, #E0E0E0);position: relative;vertical-align: top;text-align: center;width: auto;box-sizing: border-box;}
.customercenter .summary02 .inner .order .detailsArea button:disabled {color: #ABABAB;background: #EEEEEE;border-color: #D0D0D0;}
.customercenter .summary02 .inner .order .detailsArea button::before {display:none}
.customercenter .summary02 .inner .order .detailsArea button.momoAskBtn {float:right;width: 50px;height: 20px;border:0;background:url(/ecm/img/cmm/momoask/askLogo_orderpage.png) no-repeat;background-size: auto 20px;vertical-align:bottom;border-radius: 0px;margin: 0px;padding: 0px;border: 0px;}
.customercenter .summary02 .inner .order .detailsArea button.momoAskBtn::before {display:none}
.customercenter .summary02 .inner .order .detailsArea button:focus {outline:none}
.customercenter .summary02 .inner .order .detailsSelected td.change button { margin: 0px;  border-radius: 2px;  border: 1px solid #A7A7A7;  position: relative;}
.customercenter .summary02 .inner .order .detailsArea td.change button::before {display:none}
.customercenter .summary02 .inner .order .detailsArea td.change button:disabled {border-color: #D0D0D0;}
.customercenter .summary02 .inner .order .detailsSelected button {border-bottom: 0px;border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.customercenter .summary02 .inner .order .detailsSelected button.selected {border: 1px solid #e3e3e3;background:#FFFFFF;border-bottom: 0px;}
.customercenter .summary02 .inner .order .detailsSelected button.selected::before {background: #ffffff;  bottom: -2px; content: '';  display: inline-block; margin: 0px; padding: 0px; width: 100%; height: 2px; position: absolute; left: 0px; z-index: 2;}
.customercenter .summary02 .inner .order #ckbtn {float: right;margin: 4px 26px 0px 8px;}
.customercenter .summary02 .inner .order .detailsSelected #ckbtn input {margin:0px; padding:0px}
.customercenter .summary02 .inner .order .detailsSelected #ckbtn { margin: 7px 28px 0px 8px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach td.returntd {width: 50px;}

/* 20200806_會員中心_個人資料修改新增OTP */
.customercenter .summary02 .newModify .tabContent dl.commInfo span {width:auto;}
.customercenter .summary02 .newModify .tabContent dl dt{background: #e1e1e1;}
.customercenter .summary02 .newModify .tabContent dl dd{background: #e1e1e1;}
.customercenter .newModify.modify{height: auto;margin: 10px 0 0 0;box-sizing: border-box;}
.customercenter .newModify .tabContent dl dt img{vertical-align: middle;margin: 0 5px 5px 0;}
.customercenter .summary02 .newModify .tabContent dl span.txtRed{color: #dd2726;}
.customercenter .newModify .fonfirmArea{position: relative;bottom: auto;padding: 10px 0 20px 0;}
.customercenter .summary02 .newModify .tabContent dl.pwdArea{margin:0 0 10px 0}
.customercenter .newModify .newtabArea {width: 100%;background: #fff;display: inline-block;}
.customercenter .newModify .newtabArea ul {font-size: 0;padding: 0;border-bottom: 1px solid #f2f2f2;margin: 0 0 10px;}
.customercenter .newModify .newtabArea ul li{display: inline-block;padding: 0 10px 10px 10px;margin: 0 50px 0 0;color: #000000;cursor: pointer;}
.customercenter .newModify .newtabArea ul li a {display: block;color: #000000;font: 15px/20px Microsoft JhengHei, sans-serif;}
.customercenter .newModify .newtabArea ul li.selected{color: #d62872;border-bottom: 1px solid #d62872;}
.customercenter .newModify .newtabArea ul li.selected a{color: #d62872;font-weight: bold;}

.customercenter .newModify .tabContent dl dd input.errorMark{border:2px solid #dd2726;border-radius: 2px;}
.customercenter .summary02 .newModify .tabContent{padding: 30px 30px 0px 30px}

.customercenter .newModify .memPwdContent dl.pwdArea dd:nth-of-type(1){height: 35px;}
.customercenter .newModify .memPwdContent dl.pwdArea dd:nth-of-type(2){height: auto;}

/* 選擇認證方式_浮層 */
.floatingLayerBox .innerArea .verifyreturnBox ul{padding: 0 15px;box-sizing: border-box;margin: 0 0 30px 0;}
.floatingLayerBox .innerArea .verifyreturnBox ul li{text-align: left;color: #000000;}
.floatingLayerBox .innerArea .verifyreturnBox ul li label{text-align: left;cursor: pointer;}
.floatingLayerBox .innerArea .verifyreturnBox ul li label span{font: 15px/30px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .verifyreturnBox ul li input{vertical-align: middle;margin: 0 5px 0 0;}
.floatingLayerBox .innerArea .verifyreturnBox ul li input[type="radio"]:checked+span{font-weight: bold;}

.floatingLayerBox .innerArea .btnArea { margin:20px 0; text-align:center}
.floatingLayerBox .innerArea .btnArea a {height: 30px; background-color: #d62672; color: #ffffff; cursor: pointer; font:16px/30px Microsoft JhengHei,sans-serif; padding: 5px 50px;}
.floatingLayerBox .innerArea .btnArea .cancel {background-color: #e7e7e7; color: #454a55; margin: 0 10px 0 0;}

/* 身分認證 & 設定新手機_浮層 2022/11/16 */
.floatingLayerBox .innerArea .verifyreturnBox_2{text-align: left;color: #000000;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd{margin: 0 0 8px 0;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd p{display: flex;font:15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd b{font: bold 21px/30px Microsoft JhengHei,sans-serif;display: inline-block;width: 100%;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd input{font: 16px/22px Microsoft JhengHei,sans-serif;border: 1px solid #ccc;box-sizing: border-box;border-radius: 2px;width: 250px;padding: 10px 5px;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd input.cer{width: 370px;margin-top: 10px;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd input.errorMark{border:2px solid #dd2726;border-radius: 2px;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd button{width:114px;margin: 0 0 0 7px;font: 15px/40px Microsoft JhengHei,sans-serif;border: 1px solid #ccc;border-radius: 2px;color: #888888;background: #efefef;cursor: pointer;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd button.activeok{background-color:#D62872; color:#fff; }
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd button.active{color:#000}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd span{display: block;color: #FF0000;font: 13px/20px Microsoft JhengHei,sans-serif;padding: 0;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd span.txtRed{color: #dd2726}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dd span.txtGreen{color: #00b050}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dt{border-top: 1px solid #ccc;padding: 10px 0;margin: 10px 0 0 0;display: inline-block;width: 100%;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dt p{font: 13px/20px Microsoft JhengHei,sans-serif;color: #888888;}
.floatingLayerBox .innerArea .verifyreturnBox_2 dl dt p a{font: bold 13px/20px Microsoft JhengHei,sans-serif;color: #027bff;}
/* 2023/03/14 新增手機已存在alert */
.floatingLayerBox .innerArea .verifyreturnBox_2 ul{margin: 0;padding: 0;}
.floatingLayerBox .innerArea .verifyreturnBox_2 ul li{font-size: 15px;line-height: 24px;}

/* 疫情期間配送調整說明 */
.floatingLayerBox .epidemicBox {text-align: left;line-height: 0px;font-size: 0px;}
.floatingLayerBox .epidemicBox li {font: 16px/30px Microsoft JhengHei, sans-serif;color: #000;}

/* 20210520_EC大網 _修改密碼_密碼欄加隱碼按鈕_hlchang_IT057-2021031000072*/
.customercenter .summary02 .newModify .tabContent dl dd .passwdBox{display: inline-block;position: relative;}
.customercenter .summary02 .newModify .tabContent dl dd .passwdBox .hideIcon{position: absolute;right: 20px;top: 4px;display: inline-block;background: url("https://www.momoshop.com.tw/api/moec/images/forgotPw/m/maju_off.png") no-repeat center/18px 12px;height: 25px;width: 30px;cursor: pointer;z-index: 1;}
.customercenter .summary02 .newModify .tabContent dl dd .passwdBox .hideIcon.closed{background:url("https://www.momoshop.com.tw/api/moec/images/forgotPw/m/maju_on.png") no-repeat center/18px 11px;}

/* 20210913_EC大網_電子票券*/
.customercenter .summary02 .inner .tickets{width: 100%;display: inline-block;margin: 0 0 5px 0;}
.customercenter .summary02 .inner .tickets dt {background-color: #fbe7e9;border-bottom: 0px;height: 30px;margin: 0;border-width: 3px 3px 1px 3px;border-style: solid;border-color: #CFD3D4; overflow: hidden;font-size:0;}
.customercenter .summary02 .inner .tickets dt b{font: 13px/30px Microsoft JhengHei,sans-serif;border-left: 1px solid #D5D4D0;text-align: center;display: inline-block;color: #000000;height: 30px;box-sizing: border-box;}
.customercenter .summary02 .inner .tickets dd{border: 3px solid #CFD3D4;border-top: 0px;padding: 0px;height: 90px;line-height: inherit;display: block;font-size: 0;}
.customercenter .summary02 .inner .tickets dd i {font: 13px/20px Microsoft JhengHei,sans-serif;color: #000000;text-align: left;position: absolute;left: 10px;bottom: 5px; max-height: 20px; max-width: 304px; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;display: -webkit-box;overflow: hidden; }
.customercenter .summary02 .inner .tickets dd .ticket-spec {font: 13px/20px Microsoft JhengHei,sans-serif;color: #000000; text-align: left;position: absolute;left: 10px;bottom: 25px;}
.customercenter .summary02 .inner .tickets dd p{margin: 0;word-break: break-all;font: 13px/20px Microsoft JhengHei,sans-serif;display: inline-block;vertical-align: middle;color:#000000;}
.customercenter .summary02 .inner .tickets dd span{height: 90px;margin-left: 0px;text-align: center;border-left: 1px solid #CFD3D4;display: inline-block;overflow: hidden;font: 13px/80px Microsoft JhengHei,sans-serif;box-sizing: border-box;}
.customercenter .summary02 .inner .tickets dt .first, .customercenter .summary02 .inner .tickets dd .first {width:34px;font-weight: bold;}
.customercenter .summary02 .inner .tickets dt .order_no, .customercenter .summary02 .inner .tickets dd .order_no {width:125px;color:#000000;}
.customercenter .summary02 .inner .tickets dt .prdName, .customercenter .summary02 .inner .tickets dd .prdName {width:325px;position: relative;}
.customercenter .summary02 .inner .tickets dd .prdName{padding: 5px 10px;display: inline-block;}
.customercenter .summary02 .inner .tickets dd .prdName a { color: #0059a5;cursor: pointer;font-family: Microsoft JhengHei,sans-serif;float: left;overflow: hidden;text-align: left;line-height: 20px;margin: 0 0 10px 0;max-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.customercenter .summary02 .inner .tickets dd .prdName a:hover {color:#e40480; text-decoration:underline}
.customercenter .summary02 .inner .tickets dt .tips, .customercenter .summary02 .inner .tickets dd .tips {width:85px}
.customercenter .summary02 .inner .tickets dt .number, .customercenter .summary02 .inner .tickets dd .number {width:135px}
.customercenter .summary02 .inner .tickets dt .exchange, .customercenter .summary02 .inner .tickets dd .exchange {width: 150px;}
.customercenter .summary02 .inner .tickets dt .payment, .customercenter .summary02 .inner .tickets dd .payment {width: 140px;}
.customercenter .summary02 .inner .tickets dd .payment i{text-align: center;position: unset;width: 100%;}
/* 移除補發電子票券功能
.customercenter .summary02 .inner .tickets dt .menu, .customercenter .summary02 .inner .tickets dd .menu {width:50px;float: right;}
.customercenter .summary02 .inner .tickets dd .menu button { white-space: nowrap;font: 12px/20px Microsoft JhengHei,sans-serif;}
*/

/* 20210726 中獎發票超商列印 */
.customercenter .summary01 .inner ul li a {color: #027BFF;font: 13px/20px Microsoft JhengHei, sans-serif;}
.invoiceWinprizeWrap{margin: 10px 0;}
.invoiceWinprizeWrap .periodBlock{margin: 0 0 24px 0;}
.invoiceWinprizeWrap .periodBlock p{display: inline-block; font: 15px/35px Microsoft JhengHei, sans-serif; color: #000000;}
.invoiceWinprizeWrap .periodBlock select{display: inline-block; font: 15px/33px Microsoft JhengHei, sans-serif; color: #000000; outline: none; width: 150px; margin: 0 0 0 10px; padding: 0 8px 0 10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance:none; background-image: url(https://m.momoshop.com.tw/img/select_ios.png); background-repeat: no-repeat; background-position: calc(100% - 8px) center; cursor: pointer;}
.invoiceWinprizeWrap .periodBlock option{display: inline-block; font: 15px/33px Microsoft JhengHei, sans-serif; color: #000000;}
.invoiceWinprizeWrap .detailBlock{font-size: 0; margin: 0 0 10px 0;}
.invoiceWinprizeWrap .detailBlock h4{font: bold 21px/30px Microsoft JhengHei, sans-serif; color: #000000; display: inline-block; margin: 0; width: 240px;}
.invoiceWinprizeWrap .detailBlock .infoCont{width: calc(100% - 240px); display: inline-block; padding: 0 0 0 12px; box-sizing: border-box;}
.invoiceWinprizeWrap .detailBlock .infoCont p{font: bold 15px/20px Microsoft JhengHei, sans-serif;color: #000000;display: inline-block;margin: 0;}
.invoiceWinprizeWrap .detailBlock .infoCont p.codeInfo {font: 13px/20px Microsoft JhengHei, sans-serif;}
.invoiceWinprizeWrap .detailBlock .summaryInfo span{font: bold 13px/20px Microsoft JhengHei, sans-serif; color: #d62872; display: inline-block; margin: 0 5px;}
.invoiceWinprizeWrap .detailBlock .codeInfo{float: right;}
.invoiceWinprizeWrap .tipCont{width: 100%; height: 44px; display: inline-block; background-color: #fffde1; padding: 10px 15px; box-sizing: border-box; margin: 0 0 15px 0;}
.invoiceWinprizeWrap .tipCont .tipText{font: 13px/24px Microsoft JhengHei, sans-serif; color: #E67900; margin: 0 0 0 8px; display: inline-block; vertical-align: top;}
.invoiceWinprizeWrap .tipCont .tipText span{font: bold 13px/24px Microsoft JhengHei, sans-serif; padding: 0 5px;}
.invoiceWinprizeWrap .tipCont .tipText span b{color: #dd2726;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont thead td{font: bold 15px/50px Microsoft JhengHei, sans-serif; color: #000000; background-color: #fff0f5; text-align: center; border-right: 1px solid #fff;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .vendorCode{width: 110px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .prizeClass{width: 124px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .invoiceNum{width: 174px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .prizePrice{width: 124px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .serialNum{width: 174px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .printTime{width: 174px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .printStore{border: 0; width: 120px;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont tbody td{font: 13px/50px Microsoft JhengHei, sans-serif; color: #333333; text-align: center; border-bottom: 1px solid #f2f2f2;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont tbody .noPrint{color: #dd2726;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .noDataCont{display: none;}
.invoiceWinprizeWrap .invoiceDataBlock .dataCont .noDataCont td{font: bold 15px/20px Microsoft JhengHei, sans-serif; color: #000; padding: 60px 0; text-align: center; border: 0;}
.invoiceFaqWrap{background-color: #ffffff;}
.invoiceFaqWrap .faqTitle{font: bold 15px/40px Microsoft JhengHei, sans-serif; color: #000000; display: inline-block; width: 100%; background-color: #ffe332; padding: 0 5px; box-sizing: border-box; margin: 0 0 12px 0;}
.invoiceFaqWrap dl dd{padding: 0 12px 30px 12px;}
.invoiceFaqWrap .askTitle{font: bold 15px/36px Microsoft JhengHei, sans-serif; color: #333333; display: inline-block; width: 100%; background-color: #dddddd; padding: 0 10px; box-sizing: border-box; margin: 0 0 15px 0;}
.invoiceFaqWrap .tips{font: 13px/20px Microsoft JhengHei, sans-serif; color: #333333; margin: 5px 0 5px 12px;}
.invoiceFaqWrap table{border-top:1px solid #999999; border-left:1px solid #999999; color: #333333; margin: 0 0 0 12px;}
.invoiceFaqWrap table td{border-right:1px solid #999999; border-bottom:1px solid #999999; text-align: center;}
.invoiceFaqWrap table thead td{font: bold 13px/36px Microsoft JhengHei, sans-serif; background-color: #fbe7e9; width: 180px;}
.invoiceFaqWrap .acceptWay{width: 400px;}
.invoiceFaqWrap table tbody td{font: 13px/20px Microsoft JhengHei, sans-serif;}
.invoiceFaqWrap table .height70{height: 70px;}
.invoiceFaqWrap table .height50{height: 50px;}
.invoiceFaqWrap table .prizePeriod td{line-height: 36px;}
.invoiceFaqWrap .answerBlock{padding: 0 0 0 12px;}
.invoiceFaqWrap .answerBlock p{font: 13px/20px Microsoft JhengHei, sans-serif; color: #333333; margin: 0 0 5px 0;}
.invoiceFaqWrap .answerBlock p:last-child{margin: 0;}
.invoiceFaqWrap .answerBlock a{font: 13px/20px Microsoft JhengHei, sans-serif; color: #027bff;}

/*查訂單_特定商品出貨通知調整說明_浮層 */
.floatingLayerBox .innerArea .speprdCont {text-align: left;font: 16px/30px Microsoft JhengHei, sans-serif;display: inline-block;box-sizing: border-box;width: 100%;color: #000;}

/* 20210621 Asiayo */
.customercenter .summary02 .inner .order .detailsArea .prdlist .asiayoCont .prdname p{color: #000000;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .btnStyle{margin: 0 20px 0 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .gradientBtn{display: inline-block; padding: 0px 5px;vertical-align: top;border: 1px solid #A7A7A7;line-height: 20px; color: #000000; background: linear-gradient(#F5F5F5, #E0E0E0); margin: 0; text-decoration: none;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .gradientBtn:last-child{margin: 0 0 0 5px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .tipText{vertical-align: top;text-align: right;color: #DD2726;border-right: 1px solid #E3E3E3;width: 480px;word-break: break-all;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .asiayoCont .delivery {width: 100px;height: 50px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .asiayoCont #price {text-align: right;width: 280px;height: 50px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .asiayoCont.cancelStatus .delivery .delyStatus {text-align: right;padding: 0px 5px 0px 0px;}
.floatingLayerBox .innerArea .payInfoContent .asiayoText{border-top: 1px solid #d7d7d7; padding: 20px 0 0 0; margin: 20px 0 0 0;}

/* 旅宿商品退貨注意事項 */
.floatingLayerBox .innerArea .asiayoReturnInfoCont ul{list-style: none; margin: 0; padding: 0;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont ul li{font:15px/20px Microsoft JhengHei, sans-serif; text-align: left; color: #000000;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont ul li:first-child{margin: 0 0 25px 0;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont ul li p{padding: 0 0 0 10px; margin: 0;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont ul li p:first-child{margin: 8px 0 0 0;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont p{font:15px/20px Microsoft JhengHei, sans-serif; text-align: left; margin: 0 0 10px 0; padding: 0; color: #000000;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont .blueTxt{font:15px/20px Microsoft JhengHei, sans-serif; display: inline-block; color:#027BFF;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont .price{font:24px/24px Microsoft JhengHei, sans-serif; display: inline-block; color:#d62872;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont .price i{font:15px/20px Microsoft JhengHei, sans-serif; display: inline-block;}
.floatingLayerBox .innerArea .asiayoReturnInfoCont .confirmArea{margin: 20px 0 0 0;}

/* AsiaYo退訂政策 */
.floatingLayerBox .innerArea .asiayoReturnRuleCont p{font:17px/22px Microsoft JhengHei, sans-serif; margin:0 0 8px 0; padding: 0; text-align: left; color: #000000;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleTextBox p span{font:bold 17px/22px Microsoft JhengHei, sans-serif; display: inline-block; padding: 0 5px;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleTextBox p:first-child span{color: #51ABA1;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleTextBox p:nth-child(2) span{color: #F6B43F;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleTextBox p:nth-child(3) span{color: #D62872;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleTextBox p:nth-child(4) span{color: #D4902F;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleTextBox p:nth-child(5) span{color: #B16F1B;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox{margin: 0px 0 5px 0;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox p{margin:0 0 10px 0;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl{display: flex;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl ul{margin: 0; padding: 0; font-size: 0; list-style: none;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl ul li{display: block; font:15px/20px Microsoft JhengHei, sans-serif;  text-align: right;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl ul li.bar{width: 100%; height: 10px; margin: 10px 0 20px 0;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd{width: 100%; display: inline-block;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:first-child ul li.bar{background-color: #51ABA1; border-radius: 8px 0 0 8px;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(2) ul li.bar{background-color: #F6B43F;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(3) ul li.bar{background-color: #B16F1B;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(4) ul li.bar{background-color: #D4902F;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(5) ul li.bar{background-color: #D62872;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:last-child ul li.bar{border-radius: 0px 8px 8px 0px;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd .charge{font-size: 17px; font-weight: bold;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:first-child .charge{color: #51ABA1;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(2) .charge{color: #F6B43F;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(3) .charge{color: #B16F1B;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(4) .charge{color: #D4902F;}
.floatingLayerBox .innerArea .asiayoReturnRuleCont .ruleExBox dl dd:nth-child(5) .charge{color: #D62872;}

/* 更改配送地址、查訂單_更改配送地址 */
.customercenter .summary02 .inner .changeaddBox h4 {display: inline-block; width: 100%;box-sizing: border-box;background: #eee; border: 0px; font: bold 13px/30px Microsoft JhengHei, sans-serif; color: #000;position: relative;}
.customercenter .summary02 .inner .changeaddBox h4::before,
.customercenter .summary02 .inner .changeaddBox h4::after {content:'';display:inline-block;width: 10px;height: 30px;position: absolute;bottom:0px;background: #eee;}
.customercenter .summary02 .inner .changeaddBox h4::before {left: -10px;}
.customercenter .summary02 .inner .changeaddBox h4::after {right: -10px;}
.customercenter .summary02 .inner .changeaddBox h4 a {font: bold 13px/30px Microsoft JhengHei, sans-serif;float: right;margin: 0px;padding: 0px 0px 0px 10px;}
.customercenter .summary02 .inner .changeaddBox {display: inline-block;margin: 0px;padding: 0px 10px 10px 10px;box-sizing: border-box;line-height: 0px;border: 1px solid #e3e3e3;width: 100%;font-size: 0px;}
.customercenter .summary02 .inner .changeaddBox .cgaddState {font: bold 13px/20px Microsoft JhengHei, sans-serif;padding: 15px 0px;margin: 0px; color: #000;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail {font-size: 0px;line-height: 0px;list-style: none;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li {width: 100%;border-bottom: 1px dashed #e3e3e3;padding: 5px 0px 15px 0px;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .titleTxt {margin: 0px;padding: 5px 0px;border: 0px;height: auto;font: bold 14px/20px Microsoft JhengHei, sans-serif;color: #000;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList { margin: 0px; font-size: 0px;line-height: 0px; padding: 0px; height: 30px;overflow: hidden;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList.open { height: auto;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList dd {display: inline-block;line-height: 0px;font-size: 0px;box-sizing: border-box;width: 100%;border: 0px;border-top: 1px dotted #e3e3e3;padding: 5px 0px;height: auto;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList dd:first-child {border:0px;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList dd p {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 0px;margin: 0px;display: inline-block;width: 800px;vertical-align: top;color: #000;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList dd span {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 0px;margin: 0px;display: inline-block;width: 123px;float: none;text-align: center;border: 0px;vertical-align: top;color: #000;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .prdList dd b {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 0px;margin: 0px;display: inline-block;width: 55px;vertical-align: top;text-align: center;color: #000;overflow: hidden;white-space: nowrap;}
.customercenter .summary02 .inner .changeaddBox .cgaddDetail li .checkBtn {color: #027bff;display: inline-block;font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .changeaddBox .cgaddAlertxt {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 15px 0px 10px 0px;margin: 0px;color: #dd2726;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox {margin: 0px;padding: 0px;font-size: 0px;line-height: 0px;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd {border: 0px;padding: 0px; margin: 0px 0px 10px 0px;height: auto;line-height: 0px;font-size: 0px;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd:last-child {margin: 0px}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd b {font: bold 13px/24px Microsoft JhengHei, sans-serif;display: inline-block;margin: 0px 5px 0px 0px;padding: 0px 10px;color: #000;background: #ddd;width: 70px;text-align: right;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd input {padding: 0px 5px;font: 13px/20px Microsoft JhengHei, sans-serif;box-sizing: border-box;margin: 0px 5px 0px 0px;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd i {display: inline-block;margin: 0px 5px 0px 0px;padding: 0px;font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd select {padding: 0px 5px;font: 13px/24px Microsoft JhengHei, sans-serif;box-sizing: border-box;margin: 0px 5px 0px 0px;height: 24px;}
.customercenter .summary02 .inner .changeaddBox .fillAddBox dd .choseAddBtn {background: transparent;border: 0px;color: #027bff; margin: 0px;padding: 0px 10px; font: 13px/24px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .changeaddBox .addBtnBox {padding: 20px 0px 10px 0px;margin: 0px;line-height: 0px;font-size: 0px;}
.customercenter .summary02 .inner .changeaddBox .addBtnBox button {padding: 0px 10px; margin: 0px 10px 0px 0px;background: linear-gradient(#F5F5F5, #E0E0E0);border: 1px solid #A7A7A7;}
.customercenter .summary02 .inner .changeaddBox .addBtnBox button:last-child {margin:0px}

/*無法換貨文案*/
.customercenter .summary02 .inner .changeItemBox {display: inline-block;margin: 0px;padding: 0px 10px 10px 10px;box-sizing: border-box;line-height: 0px;border: 1px solid #e3e3e3;width: 100%;font-size: 0px;}
.summary02 .inner .changeItemBox .changeItem-Content .changeItem-no {font-size: 13px;line-height: 18px;color: #888888;margin: 15px 5px;}
.changeItemBox {position: relative;box-sizing: border-box}
.changeItemBox  .changeItem-Content {width: 1000px;position: relative;text-align:left;margin: 0;border: 1px solid #e3e3e3;padding: 0 15px;box-sizing: border-box;}


/* 取消退貨 */
.customercenter .summary02 .inner .cancelReturnBox h4 {display: inline-block; width: 100%;box-sizing: border-box;background: #eee; border: 0px; font: bold 13px/30px Microsoft JhengHei, sans-serif; color: #000;position: relative;}
.customercenter .summary02 .inner .cancelReturnBox h4::before,
.customercenter .summary02 .inner .cancelReturnBox h4::after {content:'';display:inline-block;width: 10px;height: 30px;position: absolute;bottom:0px;background: #eee;}
.customercenter .summary02 .inner .cancelReturnBox h4::before {left: -10px;}
.customercenter .summary02 .inner .cancelReturnBox h4::after {right: -10px;}
.customercenter .summary02 .inner .cancelReturnBox h4 a {font: bold 13px/30px Microsoft JhengHei, sans-serif;float: right;margin: 0px;padding: 0px 0px 0px 10px;}
.customercenter .summary02 .inner .cancelReturnBox {display: inline-block;margin: 0px;padding: 0px 0px 0px 0px;box-sizing: border-box;line-height: 0px;border: 1px solid #e3e3e3;width: 100%;font-size: 0px;}
.customercenter .summary02 .inner .cancelReturnBox .cgaddState {font: bold 13px/20px Microsoft JhengHei, sans-serif;padding: 15px 0px;margin: 0px; color: #000;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail {font-size: 0px;line-height: 0px;list-style: none;padding: 0px 10px;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li {width: 100%;/* border-bottom: 1px dashed #e3e3e3; */padding: 5px 0px 0px 0px;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .titleTxt {margin: 0px;padding: 5px 0px;border: 0px;height: auto;font: bold 14px/20px Microsoft JhengHei, sans-serif;color: #000;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .prdList { margin: 0px 0px 0px 0px; font-size: 0px;line-height: 0px;  max-height: 150px;overflow: hidden;border-bottom: 1px dashed #e3e3e3;padding: 0px 0px 10px 0px;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .prdList.open { height: auto;max-height: 100%;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .prdList dd {display: inline-block;line-height: 0px;font-size: 0px;box-sizing: border-box;width: 100%;border: 0px;padding: 5px 0px;height: auto;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .prdList dd p {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 0px;margin: 0px;display: inline-block;width: calc(100% - 100px);vertical-align: top;color: #000;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .prdList dd b {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 0px;margin: 0px;display: inline-block;width: 100px;vertical-align: top;text-align: left;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturnDetail li .checkBtn {color: #3366ff;display: inline-block;font: 13px/40px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .cancelReturnBox .cgaddAlertxt {font: 13px/40px Microsoft JhengHei, sans-serif;padding: 0px 4px 0px 0px;margin: 0px;color: #888;float: right;box-sizing: border-box;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox {margin: 0px;padding: 0px;font-size: 0px;line-height: 0px;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd {border: 0px;padding: 0px; margin: 0px 0px 10px 0px;height: auto;line-height: 0px;font-size: 0px;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd:last-child {margin: 0px}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd b {font: bold 13px/24px Microsoft JhengHei, sans-serif;display: inline-block;margin: 0px 5px 0px 0px;padding: 0px 10px;color: #000;background: #ddd;width: 70px;text-align: right;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd input {padding: 0px 5px;font: 13px/20px Microsoft JhengHei, sans-serif;box-sizing: border-box;margin: 0px 5px 0px 0px;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd i {display: inline-block;margin: 0px 5px 0px 0px;padding: 0px;font: 13px/20px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd select {padding: 0px 5px;font: 13px/24px Microsoft JhengHei, sans-serif;box-sizing: border-box;margin: 0px 5px 0px 0px;height: 24px;}
.customercenter .summary02 .inner .cancelReturnBox .fillAddBox dd .choseAddBtn {background: transparent;border: 0px;color: #027bff; margin: 0px;padding: 0px 10px; font: 13px/24px Microsoft JhengHei, sans-serif;}
.customercenter .summary02 .inner .cancelReturnBox .addBtnBox {padding: 7px 14px 7px 10px;margin: 0px;line-height: 0px;font-size: 0px;background: #f2f2f2;text-align: right;width: 100%;display: inline-block;box-sizing: border-box;}
.customercenter .summary02 .inner .cancelReturnBox .addBtnBox button {padding: 0px 10px; margin: 0px 10px 0px 0px;background: #fff;border: 1px solid #A7A7A7;}
.customercenter .summary02 .inner .cancelReturnBox .addBtnBox button:last-child {margin:0px}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturn-Content {width: 1000px;position: relative;text-align:left;margin: 0;border: 1px solid #e3e3e3;padding: 0 15px;box-sizing: border-box;}
.customercenter .summary02 .inner .cancelReturnBox .cancelReturn-Content .cancelReturn-no {font-size: 13px;line-height: 18px;color: #888888;margin: 15px 5px;}

/* 更換配送地址通知浮層 */
.floatingLayerBox .cgAddAlert {font: 15px/24px Microsoft Jhenghei, sans-serif;text-align: left;color: #000;display: inline-block;width: 100%; box-sizing: border-box;}

/* 浮層共用樣式 */
.floatingLayerBox .title b {font: bold 17px/50px Microsoft JhengHei, sans-serif !important;}
.floatingLayerBox .innerArea .confirmArea{font-size:0; text-align: center; margin:20px 0 0 0;}
.floatingLayerBox .innerArea .confirmArea a,.floatingLayerBox .innerArea .confirmArea button{display:inline-block; padding:0px 40px; font: bold 17px/40px Microsoft JhengHei, sans-serif; border:0; outline:none; cursor:pointer;}
.floatingLayerBox .innerArea .confirmArea a:not(:first-child),.floatingLayerBox .innerArea .confirmArea button:not(:first-child){margin: 0 0 0 15px;}
.floatingLayerBox .innerArea .confirmArea .grayBtn{color: #000000; background-color: #E7E7E7;}
.floatingLayerBox .innerArea .confirmArea .pinkBtn{color: #ffffff; background-color: #d62872;}

/* 浮層_頁碼 */
.floatingLayerBox .pageArea {display:inline-block;padding: 10px 0px 0px 0px;box-sizing: border-box;width: 100%;font-size: 0px;vertical-align: top;line-height: 0px;}
.floatingLayerBox .pageArea ul {width:calc(100% - 250px);display: inline-block;height:28px;overflow:hidden;text-align: left;font-size: 0px;line-height: 0px;}
.floatingLayerBox .pageArea ul li {display:inline-block;margin:0px 5px 0px 0px;padding: 0px 5px;font:13px/26px Microsoft JhengHei, sans-serif;border:1px solid #ABABAB;background:#ffffff;text-align:center;min-width: 28px;box-sizing: border-box;cursor: pointer;}
.floatingLayerBox .pageArea ul li:last-child {margin:0px}
.floatingLayerBox .pageArea ul li a {width: 100%;box-sizing: border-box;display: inline-block;}
.floatingLayerBox .pageArea ul li.selected {background-color:#4A9AE7;color:#FFFFFF;border-color: #4A9AE7;}
.floatingLayerBox .pageArea ul li:hover {background-color:#4A9AE7; color:#FFFFFF; border:1px solid #4A9AE7}
.floatingLayerBox .pageArea dl {display:inline-block;width:250px;text-align:right;vertical-align: top;font-size: 0px;line-height: 0px;}
.floatingLayerBox .pageArea dl dd {display: inline-block;margin:0px 0px 0px 5px;}
.floatingLayerBox .pageArea dl dd span {display:inline-block;font: 13px/28px Microsoft JhengHei, sans-serif;}
.floatingLayerBox .pageArea dl dd span b {margin:0px 0px 0px 5px; display: inline-block; font: 13px/28px Microsoft JhengHei, sans-serif; }
.floatingLayerBox .pageArea dl dd a {display:inline-block;margin: 0px;padding: 0px 10px;background: #4A9AE7;text-align:center;cursor: pointer;color: #ffffff;font: 13px/26px Microsoft JhengHei, sans-serif;border: 1px solid #4A9AE7;}
.floatingLayerBox .pageArea dl dd a:hover {background-color: #ffffff;color: #000000;border: 1px solid #ABABAB;}

/* 浮層_checkbox button style */
.floatingLayerBox .checkbox {display:none}
.floatingLayerBox .checkbox + span {display:inline-block;height:20px;width:20px;background:#ffffff;border:1px solid #cccccc;border-radius:20px;vertical-align:middle;}
.floatingLayerBox .checkbox:checked + span {background:#D62872; border:1px solid #D62872; position:relative}
.floatingLayerBox .checkbox:checked + span::before {content: "";width:5px;height:10px;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff;position:absolute;top: 2px;left: 6px;transform:rotate(40deg);}

/* 最近收件地址清單_浮層 */
.floatingLayerBox .addresslistBox {display:inline-block;margin: 0px;padding: 0px;width: 100%;vertical-align:top;box-sizing: border-box;}
.floatingLayerBox .addresslistBox table {border-left:1px solid #E7E7E7;}
.floatingLayerBox .addresslistBox table thead tr th { border-right:1px solid #FFFFFF;background-color:#E7E7E7;text-align: center;padding: 5px 10px;font: 15px/30px Microsoft JhengHei, sans-serif;}
.floatingLayerBox .addresslistBox table thead tr th:last-child {width: 50px; border-right:1px solid #E7E7E7;}
.floatingLayerBox .addresslistBox table tbody tr td {border-right: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;text-align: center;padding: 5px 10px;font: 15px/30px Microsoft JhengHei, sans-serif;}
.floatingLayerBox .addresslistBox table tbody tr td:nth-child(4) {text-align: left;word-break: break-all;}
.floatingLayerBox .addresslistBox table tbody tr td:first-child {padding: 0px}
.floatingLayerBox .addresslistBox table tbody tr td:last-child {padding: 0px}
.floatingLayerBox .addresslistBox table tbody tr td:first-child label {display:inline-block; margin: 0px; padding: 0px; width: 100%; min-height:40px; line-height: 40px; cursor: pointer}
.floatingLayerBox .addresslistBox table tbody tr.selected {background: #FFFFE5;}
.floatingLayerBox .addresslistBox table tbody tr td .delBtn {display:inline-block;width: 100%;height: 40px;position:relative;cursor:pointer;vertical-align: middle;}
.floatingLayerBox .addresslistBox table tbody tr td .delBtn::before,
.floatingLayerBox .addresslistBox table tbody tr td .delBtn::after {background-color:#818181; width:24px; height:2px; content:''; margin:-1px 0px 0px -12px; position:absolute; top:50%; left:50%; transform:rotate(45deg);}
.floatingLayerBox .addresslistBox table tbody tr td .delBtn::after {transform:rotate(-45deg)}
.floatingLayerBox .addresslistBox table tbody tr td .delBtn:hover::before {transform:rotate(-45deg)}
.floatingLayerBox .addresslistBox table tbody tr td .delBtn:hover::after {transform:rotate(45deg)}

/* 20220208_EC大網_訂單查詢_新增搜尋訂單商品功能 */
.customercenter .orderSearch{border: 3px solid #DFDFDF;margin: 10px 0 0 0;padding: 15px 15px 5px 15px;box-sizing: border-box;}
.customercenter .orderSearch th{font: bold 15px/20px Microsoft JhengHei,sans-serif;width: 60px;vertical-align: top;padding: 2px 0 10px 0;}
.customercenter .orderSearch td{padding: 0 0 10px 10px;vertical-align: top;font-size: 0;}
.customercenter .orderSearch td input[type="checkbox"]{margin: 0 5px 0 0;width: 20px;height: 20px;vertical-align: middle;cursor: pointer;appearance: none;border: 1px solid #767676;border-radius: 2px;position: relative;}
.customercenter .orderSearch td input[type="checkbox"]::before{content: "";display: none;width: 14px;height: 14px;background: url("/ecm/img/cmm/grayCheck.png")no-repeat center/14px;position: absolute;top: 2px;left: 2px;}
.customercenter .orderSearch td input[type="checkbox"]:checked::before{display: block;}
.customercenter .orderSearch td input[type="checkbox"]:checked + label{color: #0066FF;font-weight: bold;}
.customercenter .orderSearch td label{font: 15px/26px Microsoft JhengHei,sans-serif;vertical-align: middle;cursor: pointer;margin: 0 10px 0 0;}
.customercenter .orderSearch td input[type="text"]{height: 26px;box-sizing: border-box; width: 208px;margin: 0 5px 0 0;vertical-align: middle;}
.customercenter .orderSearch td button{font: 15px/26px Microsoft JhengHei,sans-serif;color: #fff;background: #d62872;border: none;width: 112px;cursor: pointer;border-radius: 2px;padding: 0;vertical-align: middle;}
.customercenter .orderSearch .orderDate input[type="text"]{width: 86px;}
.customercenter .orderSearch .orderDate img{vertical-align: middle;margin: 0 15px 0 0;cursor:pointer;}
.customercenter .orderSearch .orderDate span{font: 13px/20px Microsoft JhengHei,sans-serif;color: #888888;display: inline-block;vertical-align: middle;}
.customercenter .summary02 .inner .searchResultTxt{font: bold 15px/20px Microsoft JhengHei,sans-serif;vertical-align: top;margin: 20px 0 10px 0;}
.customercenter .summary02 .inner .searchResultTxt b{font: bold 15px/20px Microsoft JhengHei,sans-serif;color: #dd2627;}
.customercenter .summary02 .inner .searchResultTxt i{font: bold 15px/20px Microsoft JhengHei,sans-serif;color: #dd2627;max-width: 178px;overflow: hidden;text-overflow: ellipsis;display: inline-block;white-space: nowrap;vertical-align: top;}
.customercenter .summary02 .inner .searchResultTxt i{font: bold 15px/20px Microsoft JhengHei,sans-serif;color: #dd2627;max-width: 178px;overflow: hidden;text-overflow: ellipsis;display: inline-block;white-space: nowrap;vertical-align: top;}

/* 20220114_EC大網_訂單查詢_商品評價*/
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .delivery{padding: 5px 15px 0px 10px;text-align: right;max-width: 70px;position: relative;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .delivery .reviewBtn{position: absolute;right: 15px;margin: 0;top: 75px;width: 70px;z-index: 1;border: 1px solid #A7A7A7;border-radius: 2px;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .setReviewArea  td {text-align: right;padding: 0 15px 15px 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .setReviewArea  td:first-child {border-left: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .setReviewArea:after{content:"";display:block;width:1px;height:100%;background: #E3E3E3;position:absolute;right: 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .setReviewArea  .reviewBtn{margin: 0;width: 70px;border: 1px solid #A7A7A7;border-radius: 2px;}
/* 評價浮層 */
.floatingLayerBox .innerArea .reviewCont{text-align: left;padding: 10px 20px;}
.floatingLayerBox .innerArea .reviewCont .prdItem{margin: 30px 0 0 0;display: inline-block;width: 100%;}
.floatingLayerBox .innerArea .reviewCont h4{font: bold 20px/30px Microsoft JhengHei,sans-serif;color: #454545;vertical-align: top;}
.floatingLayerBox .innerArea .reviewCont h4 i{font: 15px/30px Microsoft JhengHei,sans-serif;color: #e67900;display: inline-block;vertical-align: top;margin: 0 0 0 10px;}
.floatingLayerBox .innerArea .reviewCont h4 i .tip {font-size: 15px;color: #e67900;}
.floatingLayerBox .innerArea .reviewCont h4 i .blue-text {color: #027BFF;font-size: 15px;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail{display: inline-block;width: 100%;font-size: 0;margin: 0 0 10px 0;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdImg{display: inline-block;vertical-align: top;border-radius: 2px;overflow: hidden;margin: 0 20px 0 0;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo{display: inline-block;width: calc(100% - 180px);}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo p{font: 15px/20px Microsoft JhengHei,sans-serif;color: #454545;max-height: 40px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;display: -webkit-box;overflow: hidden;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo span{font: 13px/20px Microsoft JhengHei,sans-serif;color: #888888;display: block;margin: 10px 0 0 0;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl{display: inline-block;width: 345px;font-size: 0;margin: 20px 0 0 0;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl dt{width: 75px;display: inline-block;margin: 0 15px 10px 0;color: #454545;font: 15px/30px Microsoft JhengHei,sans-serif;vertical-align: middle;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl .star{display: inline-block;vertical-align: top;margin: 0 0 10px 0;position: relative;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl .star input{background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/star_filled.svg)no-repeat left center/30px;width: 35px;height: 30px;display: inline-block;margin: 0;vertical-align: middle;appearance: none;transition: all .1s ease-in;padding: 0 5px 0 0;outline: none;-webkit-appearance: none;border: none;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl .star input:first-child{display: none;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl .star input:checked ~ input{background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/star.svg)no-repeat left center/30px;}
.floatingLayerBox .innerArea .reviewCont .prdReviewDetail .prdInfo dl .star label{display: inline-block;width: 80px;text-align: center;margin: 0;font: 13px/20px Microsoft JhengHei,sans-serif;color: #454545;position: absolute;top: 5px;pointer-events: none;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea{background: #f2f2f2;border-radius:4px;box-sizing: border-box;position: relative;padding: 15px;color: #454545;font: 15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .title b {font: bold 17px/22px var(--price-font-family) !important;}
.floatingLayerBox .innerArea .confirmArea{font-size:0; text-align: center;}
.floatingLayerBox .innerArea .confirmArea a,.floatingLayerBox .innerArea .confirmArea button{display:inline-block; padding:0px 40px; font: bold 17px/40px Microsoft JhengHei, sans-serif; border:0; outline:none; cursor:pointer;}
.floatingLayerBox .innerArea .confirmArea a:not(:first-child),.floatingLayerBox .innerArea .confirmArea button:not(:first-child){margin: 0 0 0 15px;}
.floatingLayerBox .innerArea .confirmArea #submitComment{color: #888888; background-color: #d7d7d7;border-radius:50px;}
.floatingLayerBox .innerArea .confirmArea #submitComment.selected{color: #ffffff; background-color: #d62872;}
/* 查看評價 */
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .myResponse p{color: #454545;font: 15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .myResponse .commentEdit {  position: absolute;  right: 0;  color: #027BFF;font-size:13px;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .myResponse .commentEdited {position:absolute;right:0;  color: #B3B3B3;font-size:13px;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .myResponse ul{line-height: 0;font-size: 0;margin: 10px 0 0 0;display: inline-block;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .myResponse ul li{display: inline-block;margin: 0 15px 0 0;position: relative;border-radius: 4px;overflow: hidden;background:#000;-webkit-mask: url(//image.momoshop.com.tw/ecm/img/cmm/memb/borderRadiusMask.svg);mask: url(//image.momoshop.com.tw/ecm/img/cmm/memb/borderRadiusMask.svg);}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .myResponse ul li img{background-position: center;background-repeat: no-repeat;background-size: contain;margin: -1px}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .firmResponse{padding: 0 0 0 15px;margin: 10px 0 0 0;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .firmResponse p{color: #AF874D;font: 15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .firmResponse p i{font:bold 15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea .date{color: #888888;font: 13px/20px Microsoft JhengHei,sans-serif;display: block;margin: 5px 0 0 0;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea p.hide-comment {color: #DD2726; margin-top: 10px; font: 15px/20px Microsoft JhengHei,sans-serif;}
/* 我要評價 */
.floatingLayerBox .innerArea .writeReview{padding: 10px 20px 20px 20px;}
.floatingLayerBox .innerArea .writeReview .prdReviewDetail .prdInfo dl .star input{cursor: pointer;}
.floatingLayerBox .innerArea .writeReview .prdReviewDetail .prdInfo dl .star:hover input ~ input{background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/star_filled.svg)no-repeat left center/30px;}
.floatingLayerBox .innerArea .writeReview .prdReviewDetail .prdInfo dl .star:hover input:hover{background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/star_filled.svg)no-repeat left center/30px;opacity: 0.7;}
.floatingLayerBox .innerArea .writeReview .prdReviewDetail .prdInfo dl .star:hover input:hover ~ input{background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/star.svg)no-repeat left center/30px;}
.floatingLayerBox .innerArea .writeReview .prdReviewDetail .prdInfo dl .star label{display: none;}
.floatingLayerBox .innerArea .writeReview .prdReviewDetail .prdInfo dl .star input:not(:first-child):checked ~ label{display: inline-block;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea{padding: 5px 15px 20px 15px;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea p{font: 13px/20px Microsoft JhengHei,sans-serif;margin: 0 0 5px 0;color: #f3a946;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea p b{float: right;color: #888888;font: 15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea textarea{width: 100%;padding: 10px;box-sizing: border-box;border: 1px solid #cccccc;border-radius: 4px;resize: none;height: 75px;outline: none;color: #454545;font: 15px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea textarea::placeholder{color: #888888;font: 13px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox{position: relative;margin: 15px 0 0 0;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox p{font: 15px/20px Microsoft JhengHei,sans-serif;color: #000000;margin: 0;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox p label{color: #3366ff;font: 15px/20px Microsoft JhengHei,sans-serif;cursor: pointer;margin: 0 0 0 10px;display: inline-block;vertical-align: middle;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox p label input{display: none;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox p .uploadPic{margin: 0 10px 0 0;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox p .uploadPic i{color: #888888;font: 13px/20px Microsoft JhengHei,sans-serif;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul{font-size: 0;line-height: 0;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul li{display: inline-block;margin: 0 15px 0 0;position: relative;vertical-align: top;box-sizing: border-box;cursor: pointer;width: 70px;height: 70px;border-radius: 4px;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul li .imgItem{overflow: hidden;border-radius: 4px;height: 70px;width: 70px;position: relative;background: #000000;display: block;-webkit-mask: url(//image.momoshop.com.tw/ecm/img/cmm/memb/borderRadiusMask.svg);mask: url(//image.momoshop.com.tw/ecm/img/cmm/memb/borderRadiusMask.svg);}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul li .imgItem img,
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul li .imgItem video{width: 72px;height: 72px;background-position: center;background-repeat: no-repeat;background-size: contain;margin: -1px}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul li .cancleBtn{background: url(//image.momoshop.com.tw/ecm/img/cmm/memb/cancleIcon.svg)no-repeat center/20px;display: block;width: 20px;height: 20px;cursor: pointer;position: absolute;right:-5px;top:-5px;z-index: 2;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul .unUpload{border: 1px dashed #cccccc;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul .unUpload input[type="file"]{opacity:0;width:100%;height:100%;display:inline-block;cursor:pointer}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul .unUpload span{font: 13px/20px Microsoft JhengHei,sans-serif;display: block;position: absolute;bottom: 5px;text-align: center;width: 100%;pointer-events: none;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul .pic.unUpload{background: #fff url(//image.momoshop.com.tw/ecm/img/cmm/memb/picAdd.svg)no-repeat center 10px/35px;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul .video.unUpload{background: #fff url(//image.momoshop.com.tw/ecm/img/cmm/memb/videoAdd.svg)no-repeat center 10px/35px;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox .uploadTxt{color: #888888;font: 15px/20px Microsoft JhengHei,sans-serif;position: absolute;bottom: 0;right: 0;}
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox .reUpload {display: inline-block; width: 100%; height: 100%; font: 13px/13px var(--main-font); position: absolute; bottom: 0; left: 0; border: 0; background-color: rgba(0,0,0, 0.5); border-radius: 4px; color: #fff; cursor: pointer;}
/* 影片遮罩 */
.floatingLayerBox .innerArea .reviewCont .prdReviewArea ul li .videoMask{position: absolute;width: 100%;height: 20px;;bottom: 0;background: rgba(0,0,0,0.75) url(//image.momoshop.com.tw/ecm/img/cmm/memb/videoIcon.svg)no-repeat 5px center/20px;}
.floatingLayerBox .innerArea .reviewCont .prdReviewArea ul li .videoMask .time{color: #fff;font: 12px/20px Microsoft JhengHei,sans-serif;width: 35px;margin: 0 5px 0 0;text-align: right;position: absolute;right: 0;bottom: 0;}
/* 上傳遮罩 */
.floatingLayerBox .innerArea .writeReview .prdReviewArea .uploadBox ul .uploadMask{color: #fff;text-align: center;font: 15px/70px Microsoft JhengHei,sans-serif;position: absolute;width: 70px;height: 70px;top: 0;left: 0;}

/* 20220311_3cdiy_查訂單*/
.customercenter .summary02 .inner .order .detailsArea .pcdiyList .orderDetailEach.setPrd .prdname {padding-left:10px;}
.floatingLayerBox .pcitemdiyCont .mainTxt {font: 13px/20px Microsoft JhengHei, sans-serif;padding: 0px;display: inline-block;width: 100%;box-sizing: border-box;margin: 0px;text-align: right;color: #888;}
.floatingLayerBox .pcitemdiyCont .mainTxt i {display: inline-block;font: 13px/20px Microsoft JhengHei, sans-serif;color: #d62872;margin: 0px 2px 0px 5px;}
.floatingLayerBox .pcitemdiyCont .mainTxt b {color: #d62872;display: inline-block;font: 22px/24px Microsoft JhengHei, sans-serif;font-weight: normal;}
.floatingLayerBox .pcitemdiyCont table {margin: 0px 0px 25px 0px;}
.floatingLayerBox .pcitemdiyCont table th {font: 13px/20px Microsoft JhengHei, sans-serif;color: #888;padding: 5px;}
.floatingLayerBox .pcitemdiyCont table th:first-child {font-weight: bold;color: #333;text-align: right;}
.floatingLayerBox .pcitemdiyCont table td {font: 13px/15px Microsoft JhengHei, sans-serif;color:#333;padding: 5px;box-sizing: border-box;word-break: break-all;vertical-align: top;}
.floatingLayerBox .pcitemdiyCont table td:first-child {text-align: right;width: 140px;}
.floatingLayerBox .pcitemdiyCont table td:nth-child(2) {text-align:left;width: 450px;}
.floatingLayerBox .pcdiyAlerttxt {display:inline-block;margin: 0px 0px 20px 0px;padding:0px;font:15px/20px Microsoft JhengHei, sans-serif;text-align: left;width: 100%;box-sizing: border-box;color: #333;}
.floatingLayerBox .pcdiyAlerttxt b {display:inline-block;margin:0px;padding:0px;font:15px/20px Microsoft JhengHei, sans-serif;color: #d62872;}

.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach td.noSpace {padding: 0; margin: 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .orderDetailStatusTable {width: 100%; margin-left: auto; margin-right: 0; border: 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .orderDetailStatusTable td {border: 0;}
tr.orderDetailProductReviewRow {border-right: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist td.orderDetailProductReview {text-align: right;}
.customercenter .summary02 .inner .order dd .orderDetailProductReview .productReviewNote {border: 0; font-size: 13px; font-weight: normal; line-height: 18px; height: 30px; width: 200px; margin:  0 0 0 auto; padding: 0 5px; float: none; color: #DD2726;}
.customercenter .summary02 .inner .order .detailsSelected .orderDetailProductReview button {border: 1px solid #A7A7A7; margin-bottom: 10px; margin-top: 4px;}
.customercenter .summary02 .inner .order .detailsSelected .orderDetailProductReview .reviewBtn.commentTxtBtn{color: #ABABAB;background: #EEEEEE;border-color: #D0D0D0;}

.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach td.noSpace {
    padding: 0;
    margin: 0;
}

.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .orderDetailStatusTable {width: 100%; margin-left: auto; margin-right: 0; border: 0;}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .orderDetailStatusTable td {border: 0;}
tr.orderDetailProductReviewRow {border-right: 1px solid #e3e3e3;}
.customercenter .summary02 .inner .order .detailsArea .prdlist td.orderDetailProductReview {text-align: right;}

.customercenter .summary02 .inner .order dd .orderDetailProductReview .productReviewNote { border: 0; font-size: 13px; font-weight: normal; line-height: 18px; height: 30px; width: 200px; margin:  0 0 0 auto; padding: 0 5px; float: none; color: #DD2726;}

.customercenter .summary02 .inner .order .detailsSelected .orderDetailProductReview button {border: 1px solid #A7A7A7; margin-bottom: 10px; margin-top: 4px;}

/* 20221101_雙11不適用規則 */
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber span.redHighlight {float: none;color: #DD2726;}

/* 追蹤清單 追蹤品牌 頁籤選單 */
.commonTabArea { display: block; border-bottom: 1px solid #f2f2f2; margin-bottom: 15px; margin-top: 8px; font-family: var(--primary-font-family);}
.wishList { display: inline-block; font-size: 15px; line-height: 20px; color: #454545; padding: 0 10px 10px 10px;}
.brandList { display: inline-block; font-size: 15px; line-height: 20px; color: #454545; padding: 0 10px 10px 10px;}
.wishList+.brandList { margin-left: 50px;}
.commonTabArea .selected { color: var(--primary-pink); font-weight: bold; border-bottom: 1px solid var(--primary-pink); margin-bottom: -1px; }

/* 追蹤品牌 */
.brandListInfo { display: flex; justify-content: space-between; align-items: center; height: 30px; margin-bottom: 5px; color: #454545; font-family: var(--primary-font-family);}
.brandListAmount { font-size: 13px;}
.brandCount { font-size: 13px; color: #dd2627;}
.brand-save-info, .brand-save-info span { font-size: 13px; display: flex; align-items: center; gap: 6px; cursor: pointer;}
.aboutIcon { display: inline-block; width: 14px; height: 14px; background-image: url(/ecm/img/cmm/aboutIcon.svg); background-position: center center; background-size: 17px 17px; background-repeat: no-repeat;}
.brandListGroup { display: flex; flex-wrap: wrap; gap: 10px 10px; padding: 10px; margin: 0 -10px; box-shadow: 0; font-family: var(--primary-font-family);}
.brandListItem { position: relative; display: inline-block; overflow: hidden; width: 494px; height: 239px; box-sizing: border-box; border-radius: 8px; border: 1px solid #f2f2f2;}
.brandListItem:hover { box-shadow: 3px 3px 10px rgba(0 ,0 ,0 ,0.1); transition: box-shadow .5s;}
.brandListHead { display: flex; justify-content: space-between; height: 70px; margin: 10px 10px 0;}
.brandInfo { display: flex; justify-content: start; flex-grow: 2; flex-shrink: 1; flex-basis: 0%; align-items: center; gap: 10px; cursor: pointer;}
.brandLogo { border-radius: 4px; overflow: hidden;}
.brandLogo img { width: 70px; height: 70px;}
.brandListHead .brandInfo .brandName { font-size: 15px; color: #454545; font-weight: bold; transition: all .3s; max-width: 320px; max-height: 3em; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.brandInfo:hover .brandName { color: var(--primary-pink);}
.brandListOpt { display: flex; justify-content: end; align-items: center;}
.brandListOpt .optBtn { display: inline-block; width: 34px; height: 34px; border-radius: 50%; transition: background .3s; background-size: 24px 24px; background-position: center center; background-repeat: no-repeat;}
.brandListOpt .optBtn:hover { background-color: #f2f2f2;}
.brandListOpt .pinBtn { background-image: url(/ecm/img/cmm/pinIcon.svg);}
.brandListOpt .pinBtn.active { background-image: url(/ecm/img/cmm/pinIcon_selected.svg);}
.brandListOpt .delBtn { background-image: url(/ecm/img/cmm/trashCan.svg);}
.brandProduct { position: relative; overflow: hidden; padding: 15px 32px; }
.brandProductList { display: flex; gap: 10px; overflow: hidden; width: 430px;}
.brandProductListItem { text-align: center;}
.brandProductImgContainer { position: relative; display: block; width: 100px; height: 100px; border-radius: 4px; overflow: hidden; margin-bottom: 8px; cursor: pointer;}
.brandProductImgContainer:before { content: '';  background-color: rgba(0,0,0,0); position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; bottom: 0; left: 0; right: 0;}
.brandProductImgContainer:hover:before { background-color: rgba(0,0,0,0.2); transition: all 0.3s  ease-in-out;}
.brandProductNoData.brandProductImgContainer:hover:before { background-color: rgba(0,0,0,0); cursor: default;}
.brandProductNoData { display: flex; justify-content: center; align-items: center; font-size: 15px; color: #888; background-color: #f2f2f2;}
.customercenter .summary02 .brandProductNoData .brand-product-no-data { font-size: 15px; font-weight: normal;}
.brandProductImg { width: 100%; height: 100%;}
.productImgTagLayer { position: absolute; top: 0; left: 0; width: 100%; height: 100px; display: block;}
.productImgTag { position: absolute; z-index: 1; display: block;}
.productImgTag img { width: 100%; height: auto;display:block}
.productImgTag.roundTagTop { width: 28%; top: 0; left: 0;}
.productImgTag.top-long-tag { width: 75%; top: 0; left: 0;}
.productImgTag.bottom-tag { width: 100%; bottom: 0; left: 0;}
.productMask { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;}
.productMask.maskCover18 { transition: all 0.3s ease-in-out; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-image: url("https://img2.momoshop.com.tw/ecm/img/cmm/search/mask_18.png");}
.brandProductPrice { font-family: var(--price-font-family); color: var(--primary-pink); font-size: 17px; height: 21px;}
.brandProductPrice .dollarSign { font-size: 13px;}
.brandProductSoldoutMask { position: absolute; display: flex; font-weight: bold; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; color: #fff; background-color: rgba(0,0,0,0.3);}
.customercenter .summary02 .brandProductSoldoutMask .soldoutMaskText { font-size: 17px; margin-bottom: 10px;}
.delProductSoldoutBtn { display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 13px; line-height: 18px; color: #fff; border: 1px solid #fff;  border-radius: 20px; padding: 7px 15px 6px; box-sizing: border-box;}
.delProductSoldoutBtn .delBtn { display: inline-block; width: 14px; height: 14px; background-image: url(/ecm/img/cmm/trashCan_white.svg); background-size: 16px 16px; background-position: center center; background-repeat: no-repeat;}


/* 追蹤品牌左右箭頭 */
.carouselControlBtn { position: absolute; display: inline-block; width: 22px; height: 44px; top: 50%; margin-top: -38px; transition: background .2s;}
.brandProduct:hover .carouselControlBtn { background-color: rgba(0, 0, 0, .33); }
.carouselControlBtn .iconAarrow { position: relative; display: inline-block; width: 22px; height: 44px;}
.carouselControlBtn .iconAarrow:before,
.carouselControlBtn .iconAarrow:after { content: ''; position: absolute; width: 1px; height: 10px; background-color: #727272; transition: background .2s; }
.carouselControlBtn .iconAarrow:before { transform: rotate(45deg); top: 16px; left: 10px; margin-top: -3px;}
.carouselControlBtn .iconAarrow:after { transform: rotate(135deg); top: 16px; left: 10px; margin-top: 4px;}
.brandProduct:hover .carouselControlBtn .iconAarrow:before,
.brandProduct:hover .carouselControlBtn .iconAarrow:after { background-color: #fff; }
.carouselPre { left: 0; }
.carouselNext { right: 0; transform: rotate(180deg);}
.carouselPre,.carouselNext {border-radius: 0 5px 5px 0;}

/* 無任何追蹤品牌 */
.brandNoData { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 100px 0;}
.brandNoData .noDataImg { width: 214px; height: 214px;}
.brandNoData .noDataMomojun { width: 214px; height: 214px;}
.customercenter .summary02 .brandNoData .noDataStatus { font-size: 15px; color: #454545; margin-bottom: 12px; font-weight: normal; margin: 0px 0px 15px 0px;}
.brandNoData .goShop { display: flex; justify-content: center; align-items: center; width: 99px; height: 36px; box-sizing: border-box; font-size: 15px; color: #454545; border: 1px solid #b3b3b3; border-radius: 20px; }

/* 追蹤品牌浮層 */
.clearfix:after { content: ''; display: block; clear: both; }
.customercenter .summary02 .inner dt span.swiper-pagination-bullet{margin: 0 3px;}
.customercenter .summary02 .inner .canbeordered dd li{padding-bottom: 15px;}
.customercenter :is(.swiper-button-next, .swiper-button-prev){top: calc(50% - 5px)}
.customercenter .prd-swiper-wrapper .swiper-slide{border-radius: 0;}

/* green-life 綠活會員 */
.member-card{background:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.1);box-sizing:border-box;margin:0 auto 20px;max-width:1135px;}
.green-life{font-size:15px; text-align: left; font-family: var(--primary-font-family);}
.green-life .text-link{font-size:13px;font-weight:normal;line-height:18px;color:#027bff;text-decoration:none;}
.member-card-header{height:50px;display:flex;align-items:center;padding:0 15px;}
.member-card-header.justify-content-center{justify-content:center;}
.member-card-header.border-bottom{border-bottom:1px solid #f2f2f2;}
.member-card-body{padding:10px 15px;}
.floatingLayerBox .member-card-body{padding:0;text-align:left;}
.green-life-title{font-size:19px;line-height:32px;}
.icon-green-life{--icon-size:32px;display:inline-block;vertical-align:middle;width:var(--icon-size);height:var(--icon-size);background-size:var(--icon-size) var(--icon-size);background-repeat:no-repeat;background-position:center center;margin-top:-5px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WcluWxpF83IiBkYXRhLW5hbWU9IuWcluWxpCA3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzgxYWU1NTsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBjbGlwLXBhdGg6IHVybCgjY2xpcHBhdGgpOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy00IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGNsYXNzPSJjbHMtMyI+CiAgICA8Zz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMjEuMTYyMDU3NzI4LDkuOTY4MzI1ODM1MWMtLjYwNjkxMjY1NzYtMS4zNDU5NTIzMjI5LTEuNTgyNTc1Mjg1OC0yLjUxNTc0MTUyMzQtMi42ODA3MDY2NTA5LTMuNDkwNDE0OTk1My0xLjc1NTA0MzA2OTgtMS41NTc3MjUwNjg5LTMuODk2NzA2MjQzNS0yLjgwNDM1MTE3NzQtNi4xMDUzNDI3NTgxLTMuNjA0ODQ5MTcxLS4xNDkzMzQ1OTMtLjA1NDEyMzY0MTgtLjI4MDY0MDQxNDMtLjA5NzA4NjYxNTQtLjQyMDMzNTQwMDEtLjA5OTMwNzU1MS0uMDgxMzQ0MTAwOS0uMDAzNTI3MzY4NC0uMTY1MTcwNDI0MS4wMDY0ODU1MDU0LS4yNTY5MDA2NjUyLjAzNjYyNjc3NDgtLjA5NDU4NTcyOTguMDMxMDgzNzY3NC0uMTg4MjY2Mjg4NC4wNjM5Nzc4NzczLS4yODEzMTIyOTQuMDk5MzQ0ODc3Ny0uMzQ3NjY5NzQ1Mi4xMzIxMTc2NzU5LS42OTA0NjgzNjI2LjI3ODIyMzUxMzgtMS4wMjk4MzI5MjgyLjQzMDIzNjI5MzktMS4yODY5NDgyMjE3LjU3NjM5ODEyMTctMi41Mjg0MzI1ODQzLDEuMjcwNDMxMTc5My0zLjY3MTc4NTE4NTMsMi4wOTcwMzkxNjQyLTIuNDY5MzgxODI0NywxLjc4NTI1ODk5MjYtNC41ODQxNTExNDc1LDQuMzIzMjkzODU3NC00LjY5ODY2OTMwODIsNy40OTk4MjkwNTctLjA0OTI2MTg0NTcsMS4zNjYyMzkzNTY5LjMwMjE2ODU1OTQsMi42OTA0NzY5MDE0LDEuMDcxMzAyODM1OCwzLjgyNTUxNDk5MTMuODIzNTM3ODY4MSwxLjIxNTM2NTAzOTYsMS45OTM5ODAyODUsMi4xNjQ5MzYzMzk3LDMuMjgzNzU2MDAwMywyLjg1MDQ0OTU4OTVsLjAyMTQ3MjE1NTEuMDAxMDU0NDc3OGMuNTkzNzgzMDA4Ny4zNTE3NzU2NzY2LDEuMzI2MDc1ODgyLjYzOTA0MTU3MTIsMi4wNzc0NjEzMzY2Ljg2NDY2MjUwNDEuMDE3NTQzNTI1My4wMDU1ODAzMzQxLjAzNDc5Nzc2OS4wMTIxMzExNjExLjA1MjM1OTk1NzYuMDE3NjM2ODQxOS4wMDc2MzMyOTk4LjAwMjM4ODkwNTYuMDE0NTM4NzMuMDAyNTY2MjA3Mi4wMjIwNTA3MTgyLjAwNDU4MTg0NjIsMS41Mzk5NjY5MTU0LjQ1MzM0MTQ4OTksMy4xNDM3NDM3MzguNjQ3NDk2MDU3MywzLjc4OTg0MDA0Ni41OTk1MzEzMTI3LDAsMCwuMzgyMjI0ODkwOS0uMDc2NDQ0OTc4Mi0uMTAxOTI5NzQ4MS0uMzE4NTI2OTYzNi0uMDk3MTcwNjAwMy0uMDQ4NTgwNjM0My0uMTc5ODg2NDU1Ni0uMTI4NzExNjE5Mi0uMjUwOTkzNzIyOS0uMjI0NTY2NDU1MS4yMDI5NDQ5OTM0LjEzMTMzMzgxNjMuNDMzMDgyNDUwOS4yMjY0MjM0NTU5LjY4NjY0MjM4MS4yNzQ3MzM0NzIuMTg3MDE1ODQ1Ny4wMzU2MTg5NTUzLjM3MzU1NTc3NjYuMDUxMjk2MTQ4MS41NTk4NTMwODQzLjA1MjQ2MjYwNTkuMzA0NjMyMTE4My4wMDM2MTEzNTMzLjYwODU2NDM2MTktLjAzMjc0NDgwMzMuOTEyNzg1ODg3LS4wODg0OTIxNTQzLjcwNzA1MDcyNjYtLjEyOTU1MTQ2ODgsMS40MDUwODcwNjc0LS4zMjY0NTg4NzY2LDIuMDc1NTQ4MzQ1OC0uNTg1NDg3MTYwOCwyLjUzODA5MDg1NDgtLjk4MDU1MjQxOTIsNS4wODMxNTI0NjE0LTIuOTg2MzgzOTE1NCw1LjU2MjQ4MjYzMTEtNS44MTg1ODA3NzMzLjI1NDE0NzgyNDgtMS41MDE3MjU3NjI5LjAwNTI2MzA1NzYtMy4wNDE4NDE5ODQ5LS42MTc3NDY3MTc3LTQuNDIzNDc4NTg0N1oiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTEuOTAwODczNTM5NSwxMy43NTg4NTMwNDAxYy4wNDExMzk1OTA3LS4wMjA0OTg3NDI1LjA4MTEwNjgwOTctLjA0NDUzODI4NDYuMTE3Njc1MzM0OS0uMDc1MDA4MTA4Mi4yMjQ2MDk4NDk3LS4xODcxODg2OTA2LjIwODkxOTAxNTUtLjYzMjUyNDE2ODMuMjA1MTc2ODk5Ni0uOTA0NDMxNTIxLS4wMDQxODAyNzUxLS4zMDM4MjE5MTcyLS4wNTEzMzU2NzI0LS42MTI5NjA5NTQ3LS4xNTc1MzU5NzQ2LS44OTgxMTk2NjA5LS4xODA3MjI4ODI3LS40ODUyMDc5NTk2LS40MDM0OTcyMDA4LS45MzYzMTA1NTkxLS43MjcxNjY1NDI5LTEuMzQxOTUxMTg3LS41OTEwNTI5OTc3LS43NDA3NDk0NzYzLTEuNDg5MTI1MjktMS4xODY0MDQ2OTE4LTIuMzM0MDczNzQ3LTEuNDU1ODcyNTYzOC0uMjkwMjYyNjY4MS0uMDkyNTcwMDAwMy0uNTgyOTg4NTAxLS4xODQ4MjAyNjI4LS44Nzc1MTQzMzkxLS4yNjMwNjEyNzQ5LS4yNzI2NzcwOTE3LS4wNzI0MjY1MjE5LS42MTQxNTcwMTA4LjE0MDg1MDQwMDgtLjU4OTQ0MjQ2NjguNDQ5MDE4MzgzLjEwMTQzOTc2MjMsMS4yNjUxNzg2MDAxLjI4OTE3MzE5MTMsMi41NjY1NDY3NzcsMS4xMzU0ODM0OTQyLDMuNTcyNTEyNzk3NC43MjU4NTIwNjU1Ljg2Mjc4MjcxODMsMi4wNDYzODA4MjMxLDEuNDIyMjA1MzYyOCwzLjEzOTU4Nzg4MTMuOTYxNjUyNzM2NC4wMzA2MjM3NzE0LS4wMTI4OTYwODkzLjA1OTg2MjAxMjQtLjAyODAzMDM0MjkuMDg3ODA5NDYwNC0uMDQ0NzM5NjAxWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMS45ODAyOTYxMzM5LDE3Ljc2NjE1MjYwMWMuMDM3MjYwMzYwNC0uMjE2NDY0OTUxLjEzOTQ2MzU1NDctLjc3NzAyNDU3OTUuMTk1NDg4NzE0Mi0uOTg5Mzc3ODE1My4wMTQzNjQ1MTQ2LS4wNTQ0NTAxNTQ5LjAzMjcxOTgyOTktLjEwNzc3NTMwNjcuMDQ3OTYwNjYyOC0uMTYxOTg4NjE4OC4xMTQ2MzE5MDUxLjExNjU4NTg1ODEuMjg3Nzk5NTAzMi4xNjE4OTM4ODE3LjQ2MDA3ODk0MDguMTMwMzU4MjY1NywxLjM5OTM3MzcxODktLjI1NjE1NzMwNzksMi43OTkxODU1OTY4LS44ODIwNjE3MjA1LDMuNzQ5MTAyNzczNi0xLjk2OTk5OTAyNjguOTM2OTE0NTA4Mi0xLjA3MzA2MzU3OTgsMS40MjQxMjM3ODkzLTIuNTkwMDUzNDIyOCwxLjA0NTQ0NzcxMTctMy45OTI2NzE4ODc3LS4xMDg3ODE4ODg1LS40MDI5Mjg3NzgxLS4zOTQ0OTcxNzUyLS43NjgzMTc5NzU4LS44NjI3NDcxOTE4LS42NDc2NzAyNjQtLjMzMzg1MzU4MTYuMDg2MDIxMjk3NC0uNjc1MDcyOTczNi4zMTAzMjMyNTE1LS45NzA1Njk4NjcxLjQ4MzY5MjE2NTktLjYwNDgxMzU2MzEuMzU0ODM3ODUxOC0xLjE3MTkwOTkxMzcuNzgzMDczMjgwOS0xLjY4MjM3NzE1NTcsMS4yNjM3MTAxNzQ5LS44MzU1MjIxMTQ0Ljc4NjY5Njk3NTQtMS41Mzg2NjA5NTczLDEuNzM4MDcwNzM1My0yLjAxNDA4NzMxMDIsMi43ODQxOTM0NDg5LS4zMjkzNjU0MTA5LjcyNDcxNTIyMDEtLjY0MDA2MzAxNDMsMS40NzQ0MDQ0NDUzLS43NjY4ODUwNzcsMi4yNjA5NDg1Mzg5LS4zMzg1OTQzODQ1LDIuMDk5OTQ1NDQ5Mi0uMTkzMDc4MTgxLDMuNDY4ODc1NjYwNCwxLjk0MTE1OTQ3MTEsNC4yOTg4NTY5Njk1LDAsMCwyLjE5ODkxMTUyMDMuMDY0NjczODY4MiwzLjI2NjAzMDM0NjMtMS4wMzQ3ODE4OTE5LTIuMDY5NTYzNzgzOC44MDg0MjMzNTMxLTQuODYxMzE5MDk2NC4yMDQ4MDA1ODI4LTQuNDA4NjAyMDE4Ni0yLjQyNTI3MDA1OTJabTQuODIwMzM5Mzc0NS02LjcwNTM2NTc5MTFjLjAyMTg3MjQzMDctLjAwNTQwMDAxNTQuMDIzODczNzUyMS4wMDI5MjUwMDgzLDAsMGgwWiIvPgogICAgICA8Zz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMi42NTgxNTM0ODM2IDYuMTY3MDc5Mjk5MSAyLjkxMDczMTE1NzUgNS4yMzY5NzU1MDA1IDEuOTQ4OTE0MTc5NSA1LjMwNDIxOTk0MTIgMS4xNDI2NDY2Nzc3IDQuNzc2MTAxNzUxNSAuOTA5NDMxMTYzNCA1LjcxMTE2NDk4MDQgLjE1NzYwODY5NTcgNi4zMTU5MTY1NTk5IC45NzU0Nzk5MDU4IDYuODI2Nzc4NjQ5NSAxLjMxODE0MjU3NSA3LjcyNzkwMDM1MjMgMi4wNTYxODczMzc2IDcuMTA4MzM4NDE5MiAzLjAxOTYwNzYzODIgNy4wNjA5NzI0NjI0IDIuNjU4MTUzNDgzNiA2LjE2NzA3OTI5OTEiLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy44MjkxNzY4OTc5IDUuNTkzMzA3MTc1MSA0LjM0MjY0Nzc4MzcgNS41MjY1NjU0NzEyIDQuNzkyMDI2NTI0MyA1Ljc4Mzc2Mjg4ODQgNC44ODcyMzM5OTk4IDUuMjc0NjY3MTcxMyA1LjI3MDY1OTExMDMgNC45MjY2NjQ2MjIyIDQuODE2MDQ5MTg5NyA0LjY3OTAxOTIwMzcgNC42MDM2NjMyODMgNC4yMDY3NzI3MzM1IDQuMjI3ODc0MzM2NCA0LjU2MjE5NDA0NjkgMy43MTI0NDY4NTM0IDQuNjE4NjIyODUzMiAzLjkzNDk2OTAyMDYgNS4wODYxOTUyMzAxIDMuODI5MTc2ODk3OSA1LjU5MzMwNzE3NTEiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);}
span.member-name+.icon-green-life{--icon-size:17px;vertical-align:top;margin-top:2px;}
.floatingLayerBox.green-life .green-life-title{height:22px;line-height:20px;}
.floatingLayerBox.green-life .icon-green-life{--icon-size:32px;margin-top:-5px;}
.green-life-note { font-size:15px;}
.green-life .pl-2em{ padding-left:2em;}
.green-life .mt-10{ margin-top: 10px;}
.form-check-label{display:flex;align-items:start;position:relative;margin-bottom:8px;cursor:pointer;font-size:15px;-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-flex;flex:0 0 auto;flex-shrink: 0; box-sizing:border-box;vertical-align:middle;height:18px;width:18px;margin:0.15em 9px 0 3px;background-color:#fff;border:1px solid #D7D7D7;outline:2px solid #ffffff;border-radius:4px;transition:.3s;}
.form-check-text{display:inline-flex;flex:1 1 auto;vertical-align:middle;}
.form-check-text p{font-size:15px;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:#d9d9d9;}
.form-check-label .form-check-input:checked:disabled~.form-checkmark-child{background-color:#ededed;border-color:#d9d9d9;}
.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:#ccc;}
.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);}


/* green-life 綠活會員 訂單頁*/
.icon-green-life{--icon-size:32px;display:inline-block;vertical-align:middle;width:var(--icon-size);height:var(--icon-size);background-size:var(--icon-size) var(--icon-size);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WcluWxpF83IiBkYXRhLW5hbWU9IuWcluWxpCA3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzgxYWU1NTsKICAgICAgfQoKICAgICAgLmNscy0zIHsKICAgICAgICBjbGlwLXBhdGg6IHVybCgjY2xpcHBhdGgpOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4KICAgICAgPHJlY3QgY2xhc3M9ImNscy00IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGNsYXNzPSJjbHMtMyI+CiAgICA8Zz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMjEuMTYyMDU3NzI4LDkuOTY4MzI1ODM1MWMtLjYwNjkxMjY1NzYtMS4zNDU5NTIzMjI5LTEuNTgyNTc1Mjg1OC0yLjUxNTc0MTUyMzQtMi42ODA3MDY2NTA5LTMuNDkwNDE0OTk1My0xLjc1NTA0MzA2OTgtMS41NTc3MjUwNjg5LTMuODk2NzA2MjQzNS0yLjgwNDM1MTE3NzQtNi4xMDUzNDI3NTgxLTMuNjA0ODQ5MTcxLS4xNDkzMzQ1OTMtLjA1NDEyMzY0MTgtLjI4MDY0MDQxNDMtLjA5NzA4NjYxNTQtLjQyMDMzNTQwMDEtLjA5OTMwNzU1MS0uMDgxMzQ0MTAwOS0uMDAzNTI3MzY4NC0uMTY1MTcwNDI0MS4wMDY0ODU1MDU0LS4yNTY5MDA2NjUyLjAzNjYyNjc3NDgtLjA5NDU4NTcyOTguMDMxMDgzNzY3NC0uMTg4MjY2Mjg4NC4wNjM5Nzc4NzczLS4yODEzMTIyOTQuMDk5MzQ0ODc3Ny0uMzQ3NjY5NzQ1Mi4xMzIxMTc2NzU5LS42OTA0NjgzNjI2LjI3ODIyMzUxMzgtMS4wMjk4MzI5MjgyLjQzMDIzNjI5MzktMS4yODY5NDgyMjE3LjU3NjM5ODEyMTctMi41Mjg0MzI1ODQzLDEuMjcwNDMxMTc5My0zLjY3MTc4NTE4NTMsMi4wOTcwMzkxNjQyLTIuNDY5MzgxODI0NywxLjc4NTI1ODk5MjYtNC41ODQxNTExNDc1LDQuMzIzMjkzODU3NC00LjY5ODY2OTMwODIsNy40OTk4MjkwNTctLjA0OTI2MTg0NTcsMS4zNjYyMzkzNTY5LjMwMjE2ODU1OTQsMi42OTA0NzY5MDE0LDEuMDcxMzAyODM1OCwzLjgyNTUxNDk5MTMuODIzNTM3ODY4MSwxLjIxNTM2NTAzOTYsMS45OTM5ODAyODUsMi4xNjQ5MzYzMzk3LDMuMjgzNzU2MDAwMywyLjg1MDQ0OTU4OTVsLjAyMTQ3MjE1NTEuMDAxMDU0NDc3OGMuNTkzNzgzMDA4Ny4zNTE3NzU2NzY2LDEuMzI2MDc1ODgyLjYzOTA0MTU3MTIsMi4wNzc0NjEzMzY2Ljg2NDY2MjUwNDEuMDE3NTQzNTI1My4wMDU1ODAzMzQxLjAzNDc5Nzc2OS4wMTIxMzExNjExLjA1MjM1OTk1NzYuMDE3NjM2ODQxOS4wMDc2MzMyOTk4LjAwMjM4ODkwNTYuMDE0NTM4NzMuMDAyNTY2MjA3Mi4wMjIwNTA3MTgyLjAwNDU4MTg0NjIsMS41Mzk5NjY5MTU0LjQ1MzM0MTQ4OTksMy4xNDM3NDM3MzguNjQ3NDk2MDU3MywzLjc4OTg0MDA0Ni41OTk1MzEzMTI3LDAsMCwuMzgyMjI0ODkwOS0uMDc2NDQ0OTc4Mi0uMTAxOTI5NzQ4MS0uMzE4NTI2OTYzNi0uMDk3MTcwNjAwMy0uMDQ4NTgwNjM0My0uMTc5ODg2NDU1Ni0uMTI4NzExNjE5Mi0uMjUwOTkzNzIyOS0uMjI0NTY2NDU1MS4yMDI5NDQ5OTM0LjEzMTMzMzgxNjMuNDMzMDgyNDUwOS4yMjY0MjM0NTU5LjY4NjY0MjM4MS4yNzQ3MzM0NzIuMTg3MDE1ODQ1Ny4wMzU2MTg5NTUzLjM3MzU1NTc3NjYuMDUxMjk2MTQ4MS41NTk4NTMwODQzLjA1MjQ2MjYwNTkuMzA0NjMyMTE4My4wMDM2MTEzNTMzLjYwODU2NDM2MTktLjAzMjc0NDgwMzMuOTEyNzg1ODg3LS4wODg0OTIxNTQzLjcwNzA1MDcyNjYtLjEyOTU1MTQ2ODgsMS40MDUwODcwNjc0LS4zMjY0NTg4NzY2LDIuMDc1NTQ4MzQ1OC0uNTg1NDg3MTYwOCwyLjUzODA5MDg1NDgtLjk4MDU1MjQxOTIsNS4wODMxNTI0NjE0LTIuOTg2MzgzOTE1NCw1LjU2MjQ4MjYzMTEtNS44MTg1ODA3NzMzLjI1NDE0NzgyNDgtMS41MDE3MjU3NjI5LjAwNTI2MzA1NzYtMy4wNDE4NDE5ODQ5LS42MTc3NDY3MTc3LTQuNDIzNDc4NTg0N1oiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTEuOTAwODczNTM5NSwxMy43NTg4NTMwNDAxYy4wNDExMzk1OTA3LS4wMjA0OTg3NDI1LjA4MTEwNjgwOTctLjA0NDUzODI4NDYuMTE3Njc1MzM0OS0uMDc1MDA4MTA4Mi4yMjQ2MDk4NDk3LS4xODcxODg2OTA2LjIwODkxOTAxNTUtLjYzMjUyNDE2ODMuMjA1MTc2ODk5Ni0uOTA0NDMxNTIxLS4wMDQxODAyNzUxLS4zMDM4MjE5MTcyLS4wNTEzMzU2NzI0LS42MTI5NjA5NTQ3LS4xNTc1MzU5NzQ2LS44OTgxMTk2NjA5LS4xODA3MjI4ODI3LS40ODUyMDc5NTk2LS40MDM0OTcyMDA4LS45MzYzMTA1NTkxLS43MjcxNjY1NDI5LTEuMzQxOTUxMTg3LS41OTEwNTI5OTc3LS43NDA3NDk0NzYzLTEuNDg5MTI1MjktMS4xODY0MDQ2OTE4LTIuMzM0MDczNzQ3LTEuNDU1ODcyNTYzOC0uMjkwMjYyNjY4MS0uMDkyNTcwMDAwMy0uNTgyOTg4NTAxLS4xODQ4MjAyNjI4LS44Nzc1MTQzMzkxLS4yNjMwNjEyNzQ5LS4yNzI2NzcwOTE3LS4wNzI0MjY1MjE5LS42MTQxNTcwMTA4LjE0MDg1MDQwMDgtLjU4OTQ0MjQ2NjguNDQ5MDE4MzgzLjEwMTQzOTc2MjMsMS4yNjUxNzg2MDAxLjI4OTE3MzE5MTMsMi41NjY1NDY3NzcsMS4xMzU0ODM0OTQyLDMuNTcyNTEyNzk3NC43MjU4NTIwNjU1Ljg2Mjc4MjcxODMsMi4wNDYzODA4MjMxLDEuNDIyMjA1MzYyOCwzLjEzOTU4Nzg4MTMuOTYxNjUyNzM2NC4wMzA2MjM3NzE0LS4wMTI4OTYwODkzLjA1OTg2MjAxMjQtLjAyODAzMDM0MjkuMDg3ODA5NDYwNC0uMDQ0NzM5NjAxWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMS45ODAyOTYxMzM5LDE3Ljc2NjE1MjYwMWMuMDM3MjYwMzYwNC0uMjE2NDY0OTUxLjEzOTQ2MzU1NDctLjc3NzAyNDU3OTUuMTk1NDg4NzE0Mi0uOTg5Mzc3ODE1My4wMTQzNjQ1MTQ2LS4wNTQ0NTAxNTQ5LjAzMjcxOTgyOTktLjEwNzc3NTMwNjcuMDQ3OTYwNjYyOC0uMTYxOTg4NjE4OC4xMTQ2MzE5MDUxLjExNjU4NTg1ODEuMjg3Nzk5NTAzMi4xNjE4OTM4ODE3LjQ2MDA3ODk0MDguMTMwMzU4MjY1NywxLjM5OTM3MzcxODktLjI1NjE1NzMwNzksMi43OTkxODU1OTY4LS44ODIwNjE3MjA1LDMuNzQ5MTAyNzczNi0xLjk2OTk5OTAyNjguOTM2OTE0NTA4Mi0xLjA3MzA2MzU3OTgsMS40MjQxMjM3ODkzLTIuNTkwMDUzNDIyOCwxLjA0NTQ0NzcxMTctMy45OTI2NzE4ODc3LS4xMDg3ODE4ODg1LS40MDI5Mjg3NzgxLS4zOTQ0OTcxNzUyLS43NjgzMTc5NzU4LS44NjI3NDcxOTE4LS42NDc2NzAyNjQtLjMzMzg1MzU4MTYuMDg2MDIxMjk3NC0uNjc1MDcyOTczNi4zMTAzMjMyNTE1LS45NzA1Njk4NjcxLjQ4MzY5MjE2NTktLjYwNDgxMzU2MzEuMzU0ODM3ODUxOC0xLjE3MTkwOTkxMzcuNzgzMDczMjgwOS0xLjY4MjM3NzE1NTcsMS4yNjM3MTAxNzQ5LS44MzU1MjIxMTQ0Ljc4NjY5Njk3NTQtMS41Mzg2NjA5NTczLDEuNzM4MDcwNzM1My0yLjAxNDA4NzMxMDIsMi43ODQxOTM0NDg5LS4zMjkzNjU0MTA5LjcyNDcxNTIyMDEtLjY0MDA2MzAxNDMsMS40NzQ0MDQ0NDUzLS43NjY4ODUwNzcsMi4yNjA5NDg1Mzg5LS4zMzg1OTQzODQ1LDIuMDk5OTQ1NDQ5Mi0uMTkzMDc4MTgxLDMuNDY4ODc1NjYwNCwxLjk0MTE1OTQ3MTEsNC4yOTg4NTY5Njk1LDAsMCwyLjE5ODkxMTUyMDMuMDY0NjczODY4MiwzLjI2NjAzMDM0NjMtMS4wMzQ3ODE4OTE5LTIuMDY5NTYzNzgzOC44MDg0MjMzNTMxLTQuODYxMzE5MDk2NC4yMDQ4MDA1ODI4LTQuNDA4NjAyMDE4Ni0yLjQyNTI3MDA1OTJabTQuODIwMzM5Mzc0NS02LjcwNTM2NTc5MTFjLjAyMTg3MjQzMDctLjAwNTQwMDAxNTQuMDIzODczNzUyMS4wMDI5MjUwMDgzLDAsMGgwWiIvPgogICAgICA8Zz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMi42NTgxNTM0ODM2IDYuMTY3MDc5Mjk5MSAyLjkxMDczMTE1NzUgNS4yMzY5NzU1MDA1IDEuOTQ4OTE0MTc5NSA1LjMwNDIxOTk0MTIgMS4xNDI2NDY2Nzc3IDQuNzc2MTAxNzUxNSAuOTA5NDMxMTYzNCA1LjcxMTE2NDk4MDQgLjE1NzYwODY5NTcgNi4zMTU5MTY1NTk5IC45NzU0Nzk5MDU4IDYuODI2Nzc4NjQ5NSAxLjMxODE0MjU3NSA3LjcyNzkwMDM1MjMgMi4wNTYxODczMzc2IDcuMTA4MzM4NDE5MiAzLjAxOTYwNzYzODIgNy4wNjA5NzI0NjI0IDIuNjU4MTUzNDgzNiA2LjE2NzA3OTI5OTEiLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy44MjkxNzY4OTc5IDUuNTkzMzA3MTc1MSA0LjM0MjY0Nzc4MzcgNS41MjY1NjU0NzEyIDQuNzkyMDI2NTI0MyA1Ljc4Mzc2Mjg4ODQgNC44ODcyMzM5OTk4IDUuMjc0NjY3MTcxMyA1LjI3MDY1OTExMDMgNC45MjY2NjQ2MjIyIDQuODE2MDQ5MTg5NyA0LjY3OTAxOTIwMzcgNC42MDM2NjMyODMgNC4yMDY3NzI3MzM1IDQuMjI3ODc0MzM2NCA0LjU2MjE5NDA0NjkgMy43MTI0NDY4NTM0IDQuNjE4NjIyODUzMiAzLjkzNDk2OTAyMDYgNS4wODYxOTUyMzAxIDMuODI5MTc2ODk3OSA1LjU5MzMwNzE3NTEiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);}
#orderGreenMemberFloat .reminder-message { color: #999999; font-size: 13px; display:block;line-height: 18px;margin-top: 2px;}

.number .icon-green-life { --icon-size: 26px; margin-left: 4px; cursor: pointer;}
/* 20230110_追蹤商品自訂清單 */
/* 追蹤清單無資料 */
.no-data-status { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 100px 0; }
.no-data-status .no-data-img { width: 214px; height: 214px;}
.no-data-status .no-data-momojun { width: 214px; height: 214px;}
.no-data-status .no-data-status-text { font-size: 15px; color: #454545; margin-bottom: 12px; line-height: 20px;}
.no-data-status .btn-go-shop { display: flex; justify-content: center; align-items: center; /*width: 114px;*/ padding: 0 26px; height: 36px; box-sizing: border-box; font-size: 15px; color: #454545; border: 1px solid #b3b3b3; border-radius: 20px; }
/* 追蹤清單無法載入 */
.no-data-status .no-load-momoco { width: 214px; height: 214px;}
/* 追蹤清單無網路 */
.no-data-status .no-internet-momoco { width: 214px; height: 214px;}

/* .fixed-trackFunctionTop { position: sticky; top: 40px; width: 1000px; z-index: 5;} */
.fixed-trackFunctionTop.sticky { position: fixed; top: 35px; width: 1000px; z-index: 10; white-space: nowrap;}
.trackFunctionTop {margin-top: 5px; height: 40px;  background: linear-gradient(90deg, #f2f2f2, #fff); border-radius: 8px 8px 0 0; border-bottom: 1px solid #f2f2f2;}
.fixed-trackFunctionTop.sticky .trackFunctionTop { border-radius: 0;}
.trackFunctionTopTitle { font: 15px/40px var(--primary-font-family); font-size: 15px; color: #454545; line-height: 40px; padding-left: 12px; }
.trackFunctionBlock { background-color: #fff; height: 60px; font: 15px/36px var(--primary-font-family); box-shadow: 0 6px 6px -5px rgb(0 0 0 / 20%);}
.trackFunctionBlock .trackFunText { font-size: 15px; color: #454545;}
.trackFunctionBlock .trackBtnText { font-size: 15px; color: #454545;}
.trackFunctionBlock .trackFunText.trackFunTextAdd { width: 18px; height: 18px;}
.trackFunctionBlock .trackFunNumContent { position: relative; line-height: 60px; padding-left: 12px; }
.trackFunctionBlock .trackFun-select:hover { cursor: pointer;}
.trackFunctionBlock .trackFunText.trackFunTextNum01 { margin-left: 5px;}
.trackFunctionBlock .trackFunText.trackFunTextNum02 { margin-right: 5px;}

.trackButton { }
.trackButton.trackButtonAdd { float: right; width: 110px; height: 36px; margin-top: 12px; background-color: #D62872; font-weight: bolder; border: transparent; border-radius: 20px;}
.trackButton.trackButtonAdd:hover { background-color: #BC0753;} 
.trackButton.trackButtonSelect { float: right; width: 84px; height: 36px; margin-top: 12px; background-color: #D62872;  font-weight: bolder; border: transparent; border-radius: 20px;}
.trackButton.trackButtonSelect:hover { cursor: pointer; background-color: #BC0753;}
.trackButton.trackButtonNext { float: right; width: 144px; height: 36px; margin-top: 12px; background-color: #D7D7D7;  font-weight: bolder; border: transparent; border-radius: 20px;}
.trackButton.trackButtonNext:hover { cursor: unset;}
.trackButton.trackButtonNextOn { background-color: #D62872;}
.trackButton.trackButtonNextOn:hover {cursor: pointer; background-color: #BC0753;} 
.trackButton.trackButtonCancel { float: right; width: 56px; height: 36px; margin-top: 12px; margin-right: 12px; font-weight: bolder; border: transparent; border-radius: 20px; background-color: #fff;}
.trackButton .trackButtonAddText { color: #fff; margin-left: 15px;}
.trackButton .trackButtonSelectText { color: #fff;}
.trackButton .trackButtonNextText { color: #888; font-weight: bold;}
.trackButton .trackButtonNextTextOn { color: #fff;}
.trackButton .trackButtonCancelText { color: #888; font-size: 13px; font-weight: normal;}
.trackButton.trackButtonAdd .trackButtonAddText::before { content: '＋'; display: block; position: absolute; margin-top: -5px; margin-left: 5px; width: 18px; height: 18px; font-size: 20px;}
/* .trackButton.trackButtonAdd .trackButtonAddText::before { content: ''; display: block; position: absolute; margin-top: 1px; margin-left: 5px; width: 18px; height: 18px; background: url(../img/button_add.png) no-repeat center center / 100%; } */
.trackButton:hover {cursor: pointer; }
/* .trackButton.trackButtonCancel:hover { background-color: transparent; color: #D62872;} */
.trackButton.trackButtonCancel:hover .trackButtonCancelText { cursor: pointer;  /*color: #D62872;*/}
/* .trackButton:hover .trackBtnText { color: #fff;} */
/* .trackButton:active {background-color: #BC0753;} */

.trackFunNumContent .inputText { margin-left: 28px; font-size: 15px !important; color: #454545;}
.trackFunNumContent .inputText:hover { cursor: pointer;}
.trackFunNumContent .checkoutBox {cursor: pointer; position: absolute; top: -29px; }
.summary02 .trackFunNumContent .checkoutBox .textCheckbox { display: inline-block;}
.summary02 .trackFunNumContent .checkoutBox .textCheckbox .checkboxInput[type="checkbox"] {display:none;}
.summary02 .trackFunNumContent .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]+label{cursor: pointer;}
.summary02 .trackFunNumContent .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]+label span {display:inline-block;width:16px;height:16px;border:1px solid #d7d7d7; background-color:#ffffff;border-radius:4px;position:relative;}
.summary02 .trackFunNumContent .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]:checked+label span {background-color: #d62872; border: 1px solid #d62872;}
.summary02 .trackFunNumContent .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]:checked+label span::before {content: "";width:3px;height:8px;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;position:absolute;top:2px;left: 6px;transform:rotate(40deg);}
.summary02 .trackFunNumContent .checkoutBox .textCheckbox .checkboxInput[type="checkbox"].pinkstyle:checked+label {cursor:initial}

/* 屬性區塊 */
.trackAttributesListArea { width: 1000px; position: relative; margin-top: 30px;}
.trackAttributesListArea .wrapTable { border: 1px solid #eeeeee; border-top: 0px;}
.trackAttributesListArea .wrapTh { font: 13px/20px var(--primary-font-family); position: relative; vertical-align: top;     background-color: #F4F4F4; width: 70px; color: #333333; text-align: left; padding: 9px 10px; white-space: nowrap; overflow: hidden;}
.wrapTh::after { background-color: #eeeeee; width: 100%; height: 1px; content: ''; position: absolute; top: 0px; left: 0px;}
.wrapDivTd { max-height: 80px; font: 13px/20px var(--primary-font-family); color: #333333; padding: 0px 10px; vertical-align: top; position: relative;}
.wrapDivTd::after { background-color: #eeeeee; width: 100%; height: 1px; content: ''; position: absolute; top: 0px; left: 0px; }
.wrapDiv { }
.trackAttributesListArea .wrapTable .wrapDivUl { width: 97%; margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
.trackAttributesListArea .wrapTable .wrapDivLi { float: left; width: 160px; height: 40px; margin: 0px 5px 0px 0px; position: relative;}
.trackAttributesListArea .wrapTable .wrapDivLi:hover {color: #D62872;} 
.trackAttributesListArea .wrapTable .wrapDivLabel { max-width: 160px; font: 13px/40px var(--primary-font-family); white-space: nowrap; text-overflow: ellipsis; margin: 0px; overflow: hidden; cursor: pointer; display: inline-block; list-style: none;}
.trackAttributesListArea .wrapTable .wrapDivLabel.selected{ border: 1px solid #D62872;color: #D62872;position: relative;padding: 0 14px 0 5px;margin: 5px 0;box-sizing: border-box;font: 13px/28px Helvetica;width: auto;max-width: 160px;border-radius: 3px}
.trackAttributesListArea .wrapTable .wrapDivInput { display: none; margin: 0px; position: absolute; top: 13px; left: 0px;}
.trackAttributesListArea .wrapTable .wrapDivIcon{width: 0px;height: 0px;border-top: 18px solid rgba(44, 44, 44, 0);border-right: 18px solid #D62872;position: absolute;bottom: 0px;right: 0px;}
.trackAttributesListArea .wrapTable .wrapDivIcon:before{width: 9px;height: 2px;background-color: #FFFFFF;content: '';transform: rotate(-55deg);-webkit-transform: rotate(-55deg);position: absolute;top: -6px;left: 8px;}
.trackAttributesListArea .wrapTable .wrapDivIcon:after{width: 2px;height: 5px;background-color: #FFFFFF;content: '';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;left: 8px;top: -6px;}
.trackAttributesListArea .wrapTable .wrapDivLabel.selected:hover .wrapDivIcon:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.trackAttributesListArea .wrapTable .wrapDivLabel.selected:hover .wrapDivIcon:after{width: 9px;height: 2px;transform: rotate(45deg);-webkit-transform: rotate(45deg);top: -6px;left: 8px;}
.trackAttributesListArea .wrapTable .multipleChoiceBtn { height: 18px; font: 13px/18px var(--primary-font-family); padding: 0px 5px 0px 15px; border: 1px solid #CCCCCC; position: absolute; top: 10px; right: 5px;}
.trackAttributesListArea .wrapTable .multipleChoiceBtn::before { background-color: #333333; width: 6px; height: 2px; content: ''; position: absolute; top: 8px; left: 5px;}
.trackAttributesListArea .wrapTable .multipleChoiceBtn::after { background-color: #333333; width: 2px; height: 6px; content: ''; position: absolute; top: 6px; left: 7px;}

.floatTable { display: -webkit-inline-box; border: 1px solid #333; box-sizing: border-box;}
.floatTable .wrapTh { width: 70px; padding: 9px 10px; background-color: #5b5b5b; color: #fff; font: 13px/20px Helvetica;}
.floatTable .wrapDiv { width: 888px; padding: 0 10px 40px 10px;}
#trackAttributesListArea .floatTable .wrapDivUl { width: 97%; max-height: 200px; margin: 0px; padding: 0px; overflow: scroll; overflow-x: hidden; overflow-y: scroll;}
.floatTable .wrapDivUl .wrapDivLi { float: left; margin-right: 5px; width: 160px; height: 40px; }
.floatTable .wrapDivUl .wrapDivLi:hover { cursor: pointer; color: #d62872; }
.floatTable .wrapDivUl .wrapDivLi .wrapDivInput[type="checkbox"]:checked + label{ color: #d62672;}
.floatTable .wrapDivUl .wrapDivLi .wrapDivInput[type="checkbox"]{ vertical-align: middle; margin-bottom: 5.5px; margin-right: 5px;}
.floatTable .wrapDivUl .wrapDivLi label { width: 140px; font: 13px/40px Helvetica; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; display: inline-block;}
.floatTable .wrapDivUl .wrapDivLi label :hover { cursor: pointer; }
.floatTable .multipleShowBtnArea { position: absolute; bottom: 0; width: 888px; height: 30px; padding: 10px 0; text-align: center;}
.floatTable .multipleShowBtnArea .multipleBtn{ display: inline-block; height: 24px; font: 13px/24px Helvetica;  margin: 3px 5px; padding: 0px 25px; }
.floatTable .multipleShowBtnArea .multipleBtn.cancel { color: #434343; background-color: #E7E7E7;}
.floatTable .multipleShowBtnArea .multipleBtn.confirm { color: #FFF; background-color: #D62872; }

/* 追蹤商品卡片區 */
/* .productListArea { width:100%; position:relative; } */
.summary02 .productListUl { width: 100%; position: relative; /*height: 1010px; overflow-y: scroll;*/ margin: 0; padding: 0; }
.summary02 .productListUl .productListLi { float:left; width: 200px; overflow: hidden; text-align:center; padding-bottom: 20px; border-bottom:1px dotted #888888; position:relative; }
.summary02 .productListUl .productListLi:nth-child(-n+5) { margin-top: 20px;}
.summary02 .productListUl .productListLi:hover { background-color: #FFFFE5;  }
.summary02 .productListUl .productListLi .pLBtnArea { display: none; background: rgba(0,0,0,.6); width: 160px; margin: 0px 0px 0px -80px; position: absolute; top: 140px; left: 50%; }
.summary02 .productListUl .productListLi .pLBtnArea {background: rgba(0,0,0,.6); width:160px; margin:0px 0px 0px -80px; position:absolute; top: 136px; left:50%; display:none;}
.summary02 .productListUl .productListLi .pLBtnArea .pLBtnAreUrl {background-color:transparent; width: 100%; height:44px; padding:0px; display:inline-block;}
.summary02 .productListUl .productListLi .pLBtnArea .buyAlert, 
.summary02 .productListUl .productListLi .pLBtnArea .comingSoon,
.summary02 .productListUl .productListLi .pLBtnArea .timeAlert {display: none;}
.summary02 .productListUl .productListLi .pLBtnArea .insertWishList {background:transparent url(http://image.momoshop.com.tw/ecm/img/cmm/wishList/favBtn_h.png) no-repeat center center; background-size:25px 25px;}
.summary02 .productListUl .productListLi .pLBtnArea .AddToWishList {background:transparent url(/ecm/img/cmm/addBtn.png) no-repeat center center; background-size:24px 24px;}
.summary02 .productListUl .productListLi .pLBtnArea .removeFromWishList {background:transparent url(http://image.momoshop.com.tw/ecm/img/cmm/trashCan_white.svg) no-repeat center center; background-size:24px 24px;}
.summary02 .productListUl .productListLi .pLBtnArea .addToCart {background:transparent url(http://image.momoshop.com.tw/ecm/img/cmm/search/shopBtn.png) no-repeat center center}
.summary02 .productListUl .productListLi:hover .pLBtnArea { cursor: pointer; display: grid; grid-template-columns: 1fr 1fr; z-index:2; }
.summary02 .productListUl .productListLi:hover .pLBtnArea.BtnAreaForOne { display: inline-block; }
/* .wishListArea .productListUl .productListLi:nth-last-child(-n+5) { border-bottom: unset; } */
.productListUl .productListLi .preOrderTag { margin-right: 8px; padding: 1px 4px 0 4px !important; display: inline-block !important; vertical-align: top; background-color: #FF960A; border-radius: 4px; color: #fff; font: 13px/18px var(--primary-font-family), sans-serif; letter-spacing: 0.1em;}
/* 追蹤商品卡片區–選取 */
/* .productListLiSelectUl { height: 1185px; overflow-y: scroll;} */
.productListUl .productListLiSelect .pLBtnAreaSelect { background: rgba(0,0,0,.4); width:160px; height: 160px; margin:0px 0px 0px -80px; position:absolute; top: 10px; left:50%; display:none; }
.productListUl .productListLiSelected .pLBtnAreaSelect { background: rgba(0,0,0,.4); width:160px; height: 160px; margin:0px 0px 0px -80px; position:absolute; top: 10px; left:50%; display: block; z-index: 2;}
/* .wishListArea .productListUl .productListLiSelect .pLBtnAreaSelect .checkoutBox { display: none; cursor: pointer; position: absolute; top: -2px; } */
.summary02 .productListUl .productListLiSelect .textCheckbox { /*display: none;*/ position: absolute; top: 22px; right: 32px; z-index: 3;}
.summary02 .productListUl .productListLiSelect .textCheckbox { display: inline-block;}
.summary02 .productListUl .productListLiSelect .textCheckbox .checkboxInput[type="checkbox"] {display:none;}
.summary02 .productListUl .productListLiSelect .textCheckbox .checkboxInput[type="checkbox"]+label{cursor: pointer;}
.summary02 .productListUl .productListLiSelect .textCheckbox .checkboxInput[type="checkbox"]+label span {display:inline-block;width:16px;height:16px;border:1px solid #d7d7d7; background-color:#ffffff;border-radius:4px;position:relative;}
.summary02 .productListUl .productListLiSelect .textCheckbox .checkboxInput[type="checkbox"]:checked+label span {background-color: #fff; border: 1px solid #d7d7d7;}
.summary02 .productListUl .productListLiSelect .textCheckbox .checkboxInput[type="checkbox"]:checked+label span::before {content: "";width:3px;height:8px;border-right:2px solid #727272;border-bottom:2px solid #727272;position:absolute;top:2px;left: 6px;transform:rotate(40deg);}
.summary02 .productListUl .productListLiSelect .textCheckbox .checkboxInput[type="checkbox"].pinkstyle:checked+label {cursor:initial}
.summary02 .productListUl .productListLiSelect a {pointer-events: none;}
.summary02 .productListLiSelectUl .productListLiSelect #pLBtnArea,
.summary02 .productListLiSelectUl .productListLiSelect .swiper-button-next,
.summary02 .productListLiSelectUl .productListLiSelect .swiper-button-prev { display: none;}
.summary02 .productListUl .productListLiSelect:has(.textCheckbox .checkboxInput[type="checkbox"]:checked) .imgTag { filter: brightness(0.6); }
.summary02 .productListUl .productListLiSelect:has(.textCheckbox .checkboxInput[type="checkbox"]:checked) .goodsUrl .swiper-wrapper .swiper-slide  img { filter: brightness(0.6); }

.goodsUrl { padding: 20px 10px 0 10px; display: inline-block; position: relative; height: calc(100% - 27px); width: 100%; box-sizing:border-box;}
.prdListSwiper { width: 160px; height: 175px;}
.prdImg { width: 160px; height: 160px; vertical-align: middle;}
.customercenter .summary02 .prdImgWrap { line-height: inherit;}
.customercenter .summary02 .prdImgWrap .imgTag { z-index: 3;}
.customercenter .summary02 .prdImgWrap .imgTagBottom { bottom: 15px;}
.customercenter .summary02 .ownListArea .prdImgWrap .imgTagBottom { bottom: 0;}
.customercenter .summary02 .prdListSwiper .pagination .swiper-pagination-bullet { background: #888;}
.customercenter .summary02 .prdListSwiper .pagination .swiper-pagination-bullet-active { background: #d62872;}
.customercenter .summary02 .prdInfoWrap .edmbox { display: none;}
.customercenter .summary02 .prdInfoWrap .sloganTitle { width: 100%; height: 16px; font: 13px/16px var(--primary-font-family); color: #DD2726; text-align: left; margin: 5px 0; padding: 0px; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.customercenter .summary02 .prdInfoWrap .prdNameTitle { width: 100%; height: 42px; margin-bottom: 6px; padding: 0; box-sizing: border-box; overflow: hidden; text-align: left; font: 14px/20px var(--primary-font-family);}
.customercenter .summary02 .prdInfoWrap .prdName { display: inline; width: 100%; height: 40px; font: 14px/20px var(--primary-font-family); color: #666666; text-align: left; margin: 0; padding: 0px; overflow: hidden; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ }
.customercenter .summary02 .prdInfoWrap .moneyBlock { width: 100%; height: 30px; text-align: left; margin: 0; padding: 0px;}
.customercenter .summary02 .prdInfoWrap .moneyIcon { font: bold 13px/30px var(--primary-font-family); color: #D62872;}
.customercenter .summary02 .prdInfoWrap .price { font: 24px/30px var(--price-font-family); color: #D62872; margin: 0px 0px 0px 2px;}
.customercenter .summary02 .prdInfoWrap .discountTxt { font: 12px/13px var(--primary-font-family); color: #999999; margin: 0px 0px 0px 5px; }
.customercenter .summary02 .prdInfoWrap .totalSales { margin: 4px 0; display: block; line-height: 16px; height: 16px; font-size: 12px; font-family: var(--primary-font-family); color: #454545; text-align: left;}
.customercenter .summary02 .prdInfoWrap .saleArea { width: 180px; height: 26px; text-align: right; margin: 4px 0 0 0; white-space: nowrap;}
.customercenter .summary02 .prdInfoWrap .saleAreaText { width: 100%; font: bold 13px/26px var(--primary-font-family); color: #888; background-color: #EEEEEE; text-align: center; display: block;}
.customercenter .summary02 .prdInfoWrap .saleAreaText.saleAreaTextRed { color: #F04343; background-color: #FDF1F1;}
.customercenter .summary02 .prdInfoWrap .prdNameTitle span.tags{ display:inline-flex; gap: 4px; height: 20px; align-items: center; margin-right: 8px; float: left; }
.customercenter .summary02 .prdInfoWrap .prdNameTitle span.tags i.store-tag { width: 22px; height: 16px; background: #5e6999 url(http://img1.momoshop.com.tw/ecm/img/cmm/goodsdetail/Shop_16px.png?t=20250430001) no-repeat center/22px; border-radius: 2px;}
.customercenter .summary02 .prdInfoWrap .prdNameTitle span.tags i.pre-order-tag { background-color: #ff960a; border-radius: 2px; color: white; font-size: 11px; line-height: 16px; font-style: normal; padding: 0 2.5px; }
.customercenter .summary02 .prdInfoWrap .prdNameTitle span.tags i.flash-sale-tag { background-color: #dd2222; border-radius: 2px; color: white; font-size: 11px; line-height: 16px; font-weight: bold; font-style: normal; padding: 0 2px; }


.productLoadingArea { display: inline-block; bottom: 0px; width: 100%; margin: 10px 0 0 0; text-align: center; font: 15px/20px var(--primary-font-family); color: #888;}
.productLoadingTxt { font-size: 15px !important; line-height: 46px;}
.productLoadingImg {  border-radius: 50%; position: relative; animation: rotate 1s linear infinite; }
.productLoadingImg::before { width: 18px; height: 18px; content: ""; box-sizing: border-box; position: absolute; top: 14px; left: -70px; /*inset: 0px;*/ border-radius: 50%; border: 2px solid #D62872; animation: loadingRotate 1s linear infinite; transform: rotate(45deg);}
  @keyframes rotate {
    100%   {transform: rotate(360deg)}
  }
  @keyframes loadingRotate {
      0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
      100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  }
  .productListLiSelectUl::-webkit-scrollbar { display: none;}
  /* ::-webkit-scrollbar { display: none;}
  .layerCategoryList::-webkit-scrollbar { display: block;} */

.productListUl .productListLi .swiper-button-next, .productListUl .productListLi .swiper-button-next { opacity: 1; display: none; }
.productListUl .productListLi:hover .swiper-button-next { display: block; position: absolute; right: 0; width: 22px; height: 44px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: rgba(0,0,0,0.4); z-index: 3; top: 58px; margin: 0;}
.productListUl .productListLi:hover .swiper-button-next::before { content: ""; background: url(https://image.momoshop.com.tw/ecm/img/cmm/arrowIcon.png) no-repeat center / 100%; width: 100%; height: 100%;}
.productListUl .productListLi:hover .swiper-button-prev { display: block; position: absolute; left: 0; width: 22px; height: 44px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: rgba(0,0,0,0.4); z-index: 3; top: 58px; margin: 0;}
.productListUl .productListLi:hover .swiper-button-prev::before { content: ""; background: url(https://image.momoshop.com.tw/ecm/img/cmm/arrowIcon.png) no-repeat center / 100%; width: 100%; height: 100%; transform: rotate(180deg);}
.productListUl .productListLi:hover .swiper-button-next.swiper-button-disabled,
.productListUl .productListLi:hover .swiper-button-prev.swiper-button-disabled { opacity: 0; display: none; }

/*  商品區-自訂清單模式 */
.ownListArea { position: relative; margin-bottom: 15px; border: 1px solid #f2f2f2; border-radius: 8px;}
.ownListArea:first-child { margin-top: 20px;}
.ownListArea:hover { cursor: pointer; box-shadow: 0 5px 10px -5px rgb(0 0 0 / 20%);}
.ownListArea:hover .carousel-control-btn{  background-color: rgba(0,0,0,.2);}
.ownListArea:hover .icon-arrow::before { background-color: #fff;}
.ownListArea:hover .icon-arrow::after { background-color: #fff;}
.ownListArea .ownListBlock .ownListTitleContent{ display: flex; /*display: grid;*/ padding: 14px 24px ; height: 42px;  background: linear-gradient(90deg, #f2f2f2, #fff); border-radius: 8px 8px 0 0; border-bottom: 1px solid #f2f2f2;/*border: 1px #f2f2f2 solid;*/}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitle{ /*grid-column-start: 1; grid-column-end: 2;*/ text-align: left; font-size: 15px !important; font-weight: bold; color: #454545;}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitleMain{ height: 20px; text-align: left; font: 15px/20px var(--primary-font-family); font-size: 15px !important; font-weight: bold; color: #454545; margin-bottom: 4px;}
.ownListArea .ownListBlock .ownListTitleContent .ownListNum { position: absolute; top: 38px; font: 13px/18px var(--primary-font-family); color: #888;}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitleBtnArea {/*grid-column-start: 2; grid-column-end: 3; text-align: right;*/ position: absolute; right: 24px; align-self: center;}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitleBtn { background-color: #fff; border: 1px #b3b3b3 solid; border-radius: 15px; width: 63px; height: 28px;}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitleBtn:hover { cursor: pointer;}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitleBtnNoPointer:hover { cursor: unset;}
.ownListArea .ownListBlock .ownListTitleContent .ownListTitleBtn .ownListTitleBtnTxt { font: 13px/26px var(--primary-font-family); color: #454545; }
.ownListArea .ownListBlock .ownListTitleContent .ownListBtnDown { position: absolute; top: 21px; margin-left: 4px; width: 0; height: 0; border-style: solid; border-width: 6px 4.5px; border-color: #949694 transparent transparent transparent; }
.ownListArea .ownListBlock .ownListTitleContent .ownListBtnDown:hover { cursor: pointer;} 
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea { position: relative; margin-top: 4px; margin-left: -12px; box-shadow: 2px 2px 10px -5px rgb(0 0 0 / 20%); /*position: absolute; top: 32px; left: 90px;*/ background-color: #fff; width: 141px; height: 90px; border: 1px solid #f2f2f2; z-index: 5; border-radius: 4px;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu { font: 13px/45px var(--primary-font-family); height: 45px; color: #454545;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu:hover { cursor: pointer; color: #D62872; background-color: #fafafa;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuEdit:hover { border-radius: 4px 4px 0 0;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuDel:hover { border-radius: 0 0 4px 4px;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuEdit::before { content: ""; display: inline-block; position: absolute; top: 10.5px; left: 10.5px; width: 24px; height: 24px; background: url("/ecm/img/cmm/wishList/iconEdit.png") no-repeat center / 100%;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuEdit { position: relative; padding-left: 44px;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuEdit:hover.ownListDownMenu.ownListDownMenuEdit::before { background: url("/ecm/img/cmm/wishList/iconEditOn.png") no-repeat center / 100%; }
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuDel::before { content: ""; display: inline-block; position: absolute; top: 10.5px; left: 10.5px; width: 24px; height: 24px; background: url("/ecm/img/cmm/wishList/iconDel.png") no-repeat center / 100%;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuDel { position: relative; padding-left: 44px;}
.ownListArea .ownListBlock .ownListTitleContent .ownListDownMenuArea .ownListDownMenu.ownListDownMenuDel:hover.ownListDownMenu.ownListDownMenuDel::before { background-image: url("/ecm/img/cmm/wishList/iconDelOn.png"); }
.ownListArea .ownListProductAreaBorder .swiper-button-prev:before  { background: url(/ecm/img/cmm/icon_leftArrow_ios_24x24.svg) no-repeat center/100%; transform: rotate(0deg);}
.ownListArea .ownListProductAreaBorder .swiper-button-next:before { background: url(/ecm/img/cmm/icon_leftArrow_ios_24x24.svg) no-repeat center/100%; transform: rotate(180deg);}
.ownListArea:hover .swiper-button-prev:before  { background: url(/ecm/img/cmm/icon_leftArrow_active_ios_24x24.svg) no-repeat center/100%; }
.ownListArea:hover .swiper-button-next:before  { background: url(/ecm/img/cmm/icon_leftArrow_active_ios_24x24.svg) no-repeat center/100%; }
.ownListArea .ownListProductAreaBorder .carousel-control-btn.prd-swiper-prev {left: 0px;}
.ownListArea .ownListProductAreaBorder .carousel-control-btn.prd-swiper-next {right: 0px;}
.ownListArea .ownListProductAreaBorder .prd-swiper-prev { border-radius: 4px 0 0 4px; }
.ownListArea .ownListProductAreaBorder .prd-swiper-next { border-radius: 0 4px 4px 0; }

.brand-product-price { font-family: var(--price-font-family); color: var(--primary-pink); font-size: 17px; height: 21px; text-align: center;}
.brand-product-price .dollar-sign { font-size: 13px;}
/* 自訂清單內編輯*/
.ownListArea.ownListAreaEdit { border: 0; margin-bottom: 0; margin-top: 5px;}
.ownListArea.ownListAreaEdit:hover { box-shadow: none;}
.ownListArea.ownListAreaEdit .ownListBlock .ownListTitleContent { height: 40px; padding: 0 0 0 12px; border-bottom: 1px solid #f2f2f2;}
.ownListArea.ownListAreaEdit .ownListBlock .ownListTitleContent .ownListTitle{ font: 15px/40px var(--primary-font-family); font-size: 15px !important; font-weight: normal;}
.ownListArea.ownListAreaEdit .ownListBlock .ownListTitleContent .ownListBtnDown { top: 19px; }
.ownListArea .ownListProductAreaBorder { /*border-left: 1px #f2f2f2 solid; border-right: 1px #f2f2f2 solid; border-bottom: 1px #f2f2f2 solid;*/ border-radius: 0 0 8px 8px;}
.ownListArea .ownListProductAreaBorder .ownListProductArea { position: relative; display: flex; width: 100%; margin: 0 0 0 0; padding: 0 10px; overflow: hidden; box-sizing: border-box;}
/*追蹤商品自訂清單模式無資料*/
.ownListArea .ownListProductAreaBorder .ownListProductArea.ownListProductAreaNone { position: relative; display: block; width: 940px; height: 130px; margin: 12px auto 15px auto; overflow: hidden; background-color: #f2f2f2; border-radius: 8px;}
.ownListArea .ownListProductAreaBorder .ownListProductArea.ownListProductAreaNone .ownListProductNoData { display: flex; margin: 15px 0 0 0; align-items: center; justify-content: center;}
.ownListArea .ownListProductAreaBorder .ownListProductArea.ownListProductAreaNone .ownListProductNoData .ownListProductNoDataImg { display: inline-block; width: 80px; height: 80px; margin-right: 20px; }
.ownListArea .ownListProductAreaBorder .ownListProductArea.ownListProductAreaNone .ownListProductNoData .ownListProductNoDataTxt { font: 15px/100px var(--primary-font-family); height: 100px; color: #888;}
.ownListArea .ownListProductAreaBorder .ownListProductArea .goodsUrl:hover .ownListProductImgBlk { position: absolute; top: 10px; width: 100px; height: 100px; background: rgba(0,0,0,.2); border-radius: 4px; z-index: 3;}
.ownListArea .ownListProductAreaBorder .ownListProductArea .goodsUrl:hover .ownListProductContent { filter:brightness(0.8); }
.ownListArea .ownListProductAreaBorder .ownListProductArea .ownListProductContent { position: relative;} 
.ownListArea .ownListProductAreaBorder .carousel-control-btn { margin-top: unset;}
.ownListArea .ownListProductAreaBorder .carousel-control-btn:hover { background-color: rgba(0,0,0,.2);}
.ownListArea .ownListProductAreaBorder .carousel-control-btn:hover .icon-arrow:before { background-color: #fff;}
.ownListArea .ownListProductAreaBorder .carousel-control-btn:hover .icon-arrow:after { background-color: #fff;}
.ownListArea .ownListProductContent .ownListProductImg { position: relative; border-radius: 4px;}
.ownListArea .ownListProductImgTxt { position: absolute; bottom: 0; width: 100%; height: 26px; text-align: center; color: #fff; font: 13px/26px var(--primary-font-family); background-color: rgba(0,0,0,0.75); border-radius: 0 0 4px 4px; z-index: 2;}
.ownListArea .ownListProductImgTxt-12px { font-size: 12px;}
.ownListArea .ownListProductPrice { position: relative; color: #D62872; margin-top: 10px;}
.ownListProductArea .goodsUrl { padding-right: 0;}
.ownListProductArea .goodsUrl .imgTagSquare { border-radius: 4px 0 0 0;}
.ownListProductArea .goodsUrl .imgTagRec { border-radius: 4px 0 0 0;}
.ownListProductArea .goodsUrl .imgTagDown { border-radius: 0 0 4px 4px;}
.ownListProductArea .goodsUrl .brand-product-price { margin-top: 8px;}
.ownListProductArea .brand-product-price { font-size: 19px; line-height: 24px; height: auto;}
.ownListProductArea .brand-product-price .dollar-sign,
.ownListProductArea .brand-product-price .price-from { font-size: 13px; line-height: 18px;}
.ownListProductArea .goodsNoPointer { cursor: unset;}
.ownListProductArea .goodsNoPointer .ownListProductImgBlk { position: absolute; top: 10px; width: 100px; height: 100px; background: rgba(0,0,0,.2); border-radius: 4px; z-index: 3;}
.ownListArea .ownListProductAreaBorder .carousel-control-btn { position: absolute; display: inline-block; width: 22px; height: 44px; top: 50%; margin-top: -38px; transition: background .2s;}
.ownListArea .ownListProductAreaBorder .brand-product-carousel:hover .carousel-control-btn { background-color: rgba(0, 0, 0, .33); }
.ownListArea .ownListProductAreaBorder .carousel-control-btn .icon-arrow { position: relative; display: inline-block; width: 22px; height: 44px;}
.ownListArea .ownListProductAreaBorder .carousel-control-btn .icon-arrow:before,
.ownListArea .ownListProductAreaBorder .carousel-control-btn .icon-arrow:after { content: ''; position: absolute; width: 1px; height: 10px; background-color: #727272; transition: background .2s; }
.ownListArea .ownListProductAreaBorder .carousel-control-btn .icon-arrow:before { transform: rotate(45deg); top: 16px; left: 10px; margin-top: -3px;}
.ownListArea .ownListProductAreaBorder .carousel-control-btn .icon-arrow:after { transform: rotate(135deg); top: 16px; left: 10px; margin-top: 4px;}
.ownListArea .ownListProductAreaBorder .brand-product-carousel:hover .carousel-control-btn .icon-arrow:before,
.ownListArea .ownListProductAreaBorder .brand-product-carousel:hover .carousel-control-btn .icon-arrow:after { background-color: #fff; }
.ownListArea .ownListProductAreaBorder .carousel-control-btn-pre { left: 0; }
.ownListArea .ownListProductAreaBorder .carousel-control-btn-next { right: 0; transform: rotate(180deg);}
.ownListArea .ownListProductAreaBorder .carousel-control-btn-pre,.carousel-control-btn-next {border-radius: 0 5px 5px 0;}

/*新增 修改 加入 清單*/
.bgBlack { z-index: 99; position: absolute; width: 100%; height: 100%; background-color: rgba(34,34,34,0.75);}
.listEditorLayerArea { z-index: 100; position: absolute; top: 0; left: 402.5px; width: 415px; text-align: left;}
.listEditorLayerArea .listEditorLayerBlock { width: 100%;}
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock { position: relative; height: 50px; background-color: #e7e7e7; }
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerTitle { padding: 0 15px; font: bold 17px/50px var(--primary-font-family); font-size: 17px !important;}
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtn { font: bold 20px/50px var(--primary-font-family); font-size: 20px !important; color: #727272;}
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtn:hover { cursor: pointer; }
/* .listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose { float: right; padding-right: 15px; width: 15px; height: 15px;} */
/* .listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose { width: 24px; height: 24px; cursor: pointer; position: absolute; right: 11px; top: 13px;}
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose .layerBtnClose01{ background-color: #727272; width: 14px; height: 2px; top: 50%; position: absolute; right: 5px; transform: rotate(45deg); }
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose .layerBtnClose02 {  background-color: #727272; width: 14px; height: 2px; top: 50%; position: absolute; right: 5px; transform: rotate(-45deg);} */
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose { width: 18px; height: 18px; position: absolute; top: 16px; right: 15px; cursor: pointer; }
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose::before { background-color: #818181; width: 24px; height: 2px; content: ''; margin: -1px 0px 0px -12px; position: absolute; top: 50%; left: 50%; transform: rotate(45deg);}
.listEditorLayerArea .listEditorLayerBlock .layerTitleBlock .layerBtnClose::after { background-color: #818181; width: 24px; height: 2px; content: ''; margin: -1px 0px 0px -12px; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg);}
.layerContentArea { background-color: #fff;}
.layerContentArea .layerConTitleBlock { margin-bottom: 12px;}
.layerContentArea .layerConTitleBlock .layerConTitle { font-size: 15px !important;}
.layerContentArea .layerConTitleBlock .layerConTitleNum { float: right; font-size: 15px !important; color: #888;}
.layerContentArea .layerConTitleInput { margin-bottom: 4px; color: #454545; width: 348px; height: 40px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; font: 15px/40px var(--primary-font-family); }
.layerContentArea .layerConTitleInput::placeholder { color: #888;}
.layerContentArea .layerConTitleInput:focus { border-color:#ccc; outline: none;}
.layerContentArea .layerConTitleHint { color: #888; line-height: 18px; font-size: 13px !important; }
.layerContentArea .layerConTitleHint.layerConTitleHint-top12px { margin-top: 12px; }
.layer-bottom-border { border-top: 1px solid #f2f2f2; }
.listEditorLayerArea .listEditorLayerBlock.listEditorLayerJoin .layerConTitleHint { padding: 10px 15px 0 15px;}
.layerContentArea .layerConTitleHint.layerConTitleHintRed { color: #DD2726; padding-top: 2px; }
.layerContentArea .layerBtnBlock { text-align: center; margin: 20px 0 0 0;}
.listEditorLayerArea .listEditorLayerBlock.listEditorLayerEdit .layerBtnBlock { margin-bottom: 0;}
.listEditorLayerArea .listEditorLayerBlock.listEditorLayerJoin .layerBtnBlock { margin-bottom: 0;}
.layerContentArea .layerBtnBlock .layerBtnTxt { width: 132px; font: bold 15px/30px var(--primary-font-family); border: none;}
.layerContentArea .layerBtnBlock .layerBtnTxt:hover { cursor: pointer;} 
.layerContentArea .layerBtnBlock .layerBtnCancel {  color: #454545; background-color: #e8e8e8; margin-right: 15px;}
.layerContentArea .layerBtnBlock .layerBtnConfirm { color: #fff; background-color: #D62872;}
.floatingLayerBox .innerArea.listEditorLayerArea {padding: 20px 15px;}
.listEditorLayerArea .listEditorLayerBlock.listEditorLayerAdd .layerContentArea  { padding: 15px 15px 20px 15px;}
.listEditorLayerArea .listEditorLayerBlock.listEditorLayerEdit .layerContentArea  { padding: 15px 15px 20px 15px;}
.listEditorLayerArea .listEditorLayerBlock.listEditorLayerJoin .layerContentArea  { padding: 0 0 20px 0;}

.attributesLayerListArea { display: -webkit-inline-box; border: 1px solid #333; box-sizing: border-box;}
.attributesLayerTitle { width: 70px; padding: 9px 10px; background-color: #5b5b5b; color: #fff; font: 13px/20px Helvetica;}
.attributesLayerRight { width: 888px; padding: 0 10px 40px 10px;}
.layerCategoryList { width: 97%; max-height: 200px; margin: 0px; padding: 0px; overflow: scroll; overflow-x: hidden; overflow-y: scroll;}
.layerCategoryLi { float: left; margin-right: 5px; width: 160px; height: 40px; }
.layerCategoryLi:hover { cursor: pointer; color: #d62872; }
.layerCategoryInput[type="checkbox"]:checked + label{ color: #d62672;}
.layerCategoryInput[type="checkbox"]{ vertical-align: middle; margin-bottom: 5.5px; margin-right: 5px;}
.layerCategoryLabel { width: 140px; font: 13px/40px Helvetica; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; display: inline-block;}
.layerCategoryLabel:hover { cursor: pointer; }
.multipleShowBtnArea { position: absolute; bottom: 0; width: 888px; height: 30px; padding: 10px 0; text-align: center;}
.multipleBtn{ display: inline-block; height: 24px; font: 13px/24px Helvetica;  margin: 3px 5px; padding: 0px 25px; }
.multipleBtn.cancel { color: #434343; background-color: #E7E7E7;}
.multipleBtn.confirm { color: #FFF; background-color: #D62872; }

#trackAttributesListArea table tr td .expansionUlBtn,
#trackAttributesListArea table tr td .collapseUlBtn {border:1px solid #CCCCCC; background: transparent url(//image.momoshop.com.tw/ecm/img/cmm/search/expansionBtnBk.png) no-repeat 40px center/8px; height:18px; font:13px/18px Helvetica; padding:0px 20px 0px 10px; position:absolute; top:10px; right:5px}
#trackAttributesListArea table tr td .collapseUlBtn {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/search/collapseBtnBk.png) no-repeat 40px 7px}
#trackAttributesListArea table tr td .multipleChoiceBtn {height:18px; font:13px/18px Helvetica; padding:0px 5px 0px 15px; border:1px solid #CCCCCC; position:absolute; top:10px; right:5px}
#trackAttributesListArea table tr td .multipleChoiceBtn::before {background-color:#333333; width:6px; height:2px; content:''; position:absolute; top:8px; left:5px}
#trackAttributesListArea table tr td .multipleChoiceBtn::after {background-color:#333333; width:2px; height:6px; content:''; position:absolute; top:6px; left:7px}
#trackAttributesListArea .wrapTable tr td ul {width:97%;margin:0px;padding:0px;list-style:none;overflow:hidden;}
#trackAttributesListArea table .multipleType td div {width:100%; max-height:200px; overflow-y:auto}
#trackAttributesListArea table tr td ul li {float:left;width:160px;height:40px;margin:0px 5px 0px 0px;position:relative;}
#trackAttributesListArea table tr td ul li input {margin:0px; position:absolute; top:13px; display:none; left: 0px}
#trackAttributesListArea table tr td ul li label.selected {border: 1px solid #D62872;color: #D62872;position: relative;padding: 0 14px 0 5px;margin: 5px 0;box-sizing: border-box;font: 13px/28px Helvetica;width: auto;max-width: 160px;border-radius: 3px}
#trackAttributesListArea table tr td ul li label {width:160px; font:13px/40px Helvetica; white-space:nowrap; text-overflow:ellipsis; margin:0px; overflow:hidden; cursor:pointer; display:inline-block}
#trackAttributesListArea table tr td ul li label:hover {color:#D62872}
#trackAttributesListAreatable tr td ul li a {width:160px; font:13px/40px Helvetica; white-space:nowrap; text-overflow:ellipsis; margin:0px; display:inline-block; overflow:hidden}
#trackAttributesListArea table tr td ul li a:hover {color:#D62872}
#trackAttributesListArea .wrapTable tr td #wrapDivUl {height:40px}
#trackAttributesListArea table tr td #wrapDivUl li {width:160px;}

#trackAttributesListArea table .multipleType th::before,
#trackAttributesListArea table .multipleType td::before {background-color:#333333; width:100%; height:1px; content:''; position:absolute; bottom:-1px; left:0px; z-index:1}
#trackAttributesListArea table .multipleType th span,
#trackAttributesListArea table .multipleType td .line {background-color:#333333; width:1px; height:100%; display:inline-block; position:absolute; top:0px; left:0px}
#trackAttributesListArea table .multipleType td .line {left:inherit; right:0px}
#trackAttributesListArea table .multipleType td ul li input {display:block}
#trackAttributesListArea table .multipleType td ul li input[type="checkbox"]:checked + label {color:#D62872}
#trackAttributesListArea table .multipleType td ul li label {width:140px; margin:0px 0px 0px 20px}
#trackAttributesListArea table tr td .multipleShowBtnArea {height:30px;text-align:center;margin:0px 0px 5px 0px;display:none;}
#trackAttributesListArea table tr td .multipleShowBtnArea a {background-color:#E7E7E7;font:13px/24px Helvetica;color:#434343;margin:3px 5px;padding:0px 25px;display:inline-block;}
#trackAttributesListArea table tr td .multipleShowBtnArea a.confirm {background-color:#D62872; color:#FFFFFF;}
#trackAttributesListArea table .multipleType td .multipleShowBtnArea {display:block}
#trackAttributesListArea table .multipleType td .expansionUlBtn {display:none}
#trackAttributesListArea .floatTable {position: absolute;top: 0px;display: none;padding: 15px;width: calc(100% + 30px);left: -15px;border: 0;box-sizing: border-box;}
#trackAttributesListArea .floatTable tr td ul  { width: 97%; max-height: 200px; margin: 0px; padding: 0px; overflow: scroll; overflow-x: hidden; overflow-y: scroll;}

.productListUl .productListLi:hover .swiper-button-next.swiper-button-disabled,
.checkArea { position: relative; height: 54px; line-height: 54px; padding: 0 5px;}
.checkArea:hover { cursor: pointer;}
.checkArea .inputText { margin-left: 28px; font-size: 15px; color: #454545; width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.checkArea .inputText.selected { font-weight: bold;}
.checkArea .checkoutBox {cursor: pointer; position: absolute; top: 5px; }
.checkArea .checkoutBox .textCheckbox { display: inline-block;}
.checkArea .checkoutBox .textCheckbox .checkboxInput[type="checkbox"] {display:none;}
.checkArea .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]+label{cursor: pointer;}
.checkArea .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]+label span {display:inline-block;width:16px;height:16px;border:1px solid #d7d7d7; background-color:#ffffff;border-radius:4px;position:relative;}
.checkArea .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]:checked+label span {background-color: #fff; border: 1px solid #d7d7d7;}
.checkArea .checkoutBox .textCheckbox .checkboxInput[type="checkbox"]:checked+label span::before {content: "";width:3px;height:8px;border-right:2px solid #727272;border-bottom:2px solid #727272;position:absolute;top:2px;left: 6px;transform:rotate(40deg);}
.checkArea .checkoutBox .textCheckbox .checkboxInput[type="checkbox"].pinkstyle:checked+label {cursor:initial}

#trackAttributesListArea .floatTable {position: absolute;top: 0px;display: none;padding: 15px;width: calc(100% + 30px);left: -15px;border: 0;box-sizing: border-box; z-index:3}
#trackAttributesListArea  .floatTable td:last-child{background:#ffffff;}
#trackAttributesListArea table tr td ul li a:hover {color:#D62872}

.floatingLayerBox .title .closeBtn::before,  { background-color: #818181; width: 24px; height: 2px; content: ''; margin: -1px 0px 0px -12px; position: absolute; top: 50%; left: 50%; transform: rotate(45deg);}

/* 商品圖輪播 */
.prd-swiper-wrapper{}
.prd-swiper-container:hover :is(.prd-swiper-next, .prd-swiper-prev) { opacity: 1;}
.prd-swiper-container:hover  :is(.prd-swiper-next, .prd-swiper-prev).swiper-button-disabled { opacity: 0;}
.prd-swiper-wrapper .swiper-slide { overflow: hidden;}
.prd-swiper-wrapper .swiper-slide img{ width: 100%; display: block;}
.prd-swiper-pagination { padding-top: 5px; left: 0;}
.prd-swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; background-color: #D9D9D9; opacity: 1;}
.swiper-container-horizontal
> .prd-swiper-pagination
.swiper-pagination-bullet {margin: 0 3px;transform: scale(0);}
.swiper-container-horizontal
  > .prd-swiper-pagination .swiper-pagination-bullet-active { background-color: #d62872;}
.swiper-container-horizontal
> .prd-swiper-pagination :is(.swiper-pagination-bullet-active-next,.swiper-pagination-bullet-active-prev){
transform: scale(0.8);}
.swiper-container-horizontal
> .prd-swiper-pagination :is(.swiper-pagination-bullet-active-next-next,.swiper-pagination-bullet-active-prev-prev){
transform: scale(0.5);}
.swiper-container-horizontal
  > .prd-swiper-pagination .swiper-pagination-bullet-active-main{ transform: scale(1);}
.prd-swiper-container :is(.prd-swiper-next, .prd-swiper-prev) { width: 22px; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.2s ease-out;}
.prd-swiper-container :is(.prd-swiper-next, .prd-swiper-prev)::after { font-size: 16px;}
.prd-swiper-container :is(.prd-swiper-next, .prd-swiper-prev).swiper-button-disabled { opacity: 0;}
.prd-swiper-container .prd-swiper-next { border-radius: 5px 0 0 5px; right: 0;}
.prd-swiper-container .prd-swiper-prev { border-radius: 0 5px 5px 0; left: 0;}
/* 保險說明浮層 */
.float-inner{ background-color: #fff;}
.float-inner-title { padding: 20px 30px 10px 30px; font: bold 15px/20px var(--primary-font-family); color: #454545; }
.float-info { padding: 0 30px; display: grid; grid-template-columns: 60px auto;}
.info-title { width: 60px; height: 22px; background-color: #FFF3F4; border-radius: 4px; text-align: center; font: 13px/22px var(--primary-font-family); color: #DD2726; }
.info-ol { margin: 0; padding: 0 0 0 27px;}
.info-li { font: 15px/20px var(--primary-font-family); color: #454545; }
.float-p-area { padding: 10px 0 20px 0;  border-bottom: 1px solid #F2F2F2;}
.float-p { padding: 0 30px;}
.float-subtitle { height: 20px; border-left: 3px solid #D62672; padding-left: 10px; margin-bottom: 10px; font: bold 15px/20px var(--primary-font-family); color: #D62672; }
.float-info-3columns { display: grid; grid-template-columns: 134px 495px auto; align-items: center;}
.info-img { width: 110px; margin: 0 12px; border-radius: 4px; }
.info-p {font: 15px/20px var(--primary-font-family); color: #454545; padding-left: 10px;}
.info-num { text-align: center; font: 24px/30px var(--primary-font-family); color: #D62672;}
.float-hint-area { padding: 20px 30px;}
.float-hint-title { font: bold 13px/18px var(--primary-font-family); color: #454545; }
.float-hint-ol { padding: 0 0 0 14px; margin: 0; font: 13px/18px var(--primary-font-family); color: #454545;}
.float-hint-ol { padding: 0 0 0 14px; margin: 0; font: 13px/18px var(--primary-font-family); color: #454545;}

/* 2023/04/24 訂單查詢-更換地址 */
.changeaddBox {position: relative;box-sizing: border-box}
.customercenter .summary02 .inner .modify dd .changeAdd-Area p {font-size: 15px;padding: 0px;font-family:Verdana;margin: 0;}
.changeaddBox  .changeAdd-Content {width: 1000px;position: relative;text-align:left;margin: 0;border: 1px solid #e3e3e3;padding: 0 15px;box-sizing: border-box;}
.summary02 .inner .changeaddBox  .changeAdd-Content .changeAdd-warn {padding:0px;font-size: 15px;line-height: 20px;color: #DD2726;margin: 20px 0;}
.summary02 .inner .changeaddBox  .changeAdd-Content .changeAdd-no {font-size: 13px;line-height: 18px;color: #888888;margin: 15px 5px;}
.changeaddBox  .changeAdd-Content .changeAdd-Container{position: relative;margin:0 auto;padding: 0;}
.changeaddBox  .changeAdd-Content .changeAdd-Container .changeAdd-Area .changeAdd-title{display: flex;justify-content: left;min-width: 375px;align-items: center;height: 20px;line-height: 20px;}
.changeaddBox  .changeAdd-Content .changeAdd-Container .changeAdd-Area .changeAdd-title h4{width:auto;background:none;margin: 0;padding: 0;font-weight: bold;font-size: 15px;font-family: Verdana;color: #454545;line-height: 20px}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-title i{font-style: normal;padding: 0px 2px;font-size: 15px;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body p,
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body p > i{font-size: 13px;line-height: 18px;height: 18px;font-weight: 500;padding: 0 10px;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body p > i:nth-child(1){min-width: 800px; text-align: left;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body p > i:nth-child(2),
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body p > i:nth-child(3){min-width: 50px; text-align: right;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body p.addresslist{display: flex;justify-content: space-between;align-items: center;min-width: 950px;padding: 0 0 4px;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body .addresslist b{width: 800px;color: #454545;margin: 0px 3px;font-size: 13px;line-height: 18px;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body{position: relative;display: flex;padding: 20px 0 10px;margin: 0;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body li{margin-bottom: 10px;}
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-body i{font-style: normal;padding: 0px 2px;font-size: 14px; text-align: right;  }
.summary02 .inner .modify .changeAdd-Container .changeAdd-Area .changeAdd-title small{font-size: 15px;color:#DD2726;}
.summary02 .inner .modify .changeAdd-Container .addressbut{margin: 20px 0;text-align: center;}
.summary02 .inner .modify .changeAdd-Container .addressbut button{background: #D62872;color: #fff;padding: 0;border: 0;margin: 0;font-size: 15px;width: 132px;height: 30px;line-height: 18px;}
.customercenter .summary02 .inner .order .orderDetailProductReview button.changeaddBtn{color: #8C8C8C;line-height: 18px;border:0;background: none;margin: 4px 0;padding: 0;font-size: 13px;cursor: auto;}
.customercenter .summary02 .inner .changeaddBox .changeAdd-title h4::after {content:none;}
.customercenter .summary02 .inner .changeaddBox .changeAdd-title h4::before {content:none;}
.changeAddrForm * {font-size:15px;}

.floatingLayerBox .title .closeBtn::after {transform: rotate(-45deg)}

.floatingLayerBox {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto;}

.floatingLayerBox .title { background-color: #E7E7E7; font: bold 17px/22px var(--primary-font-family); color: #454545; padding: 14px 15px; box-sizing: border-box;}


.floatingLayerBox .title b { padding-left: 0px; font: bold 17px/22px var(--primary-font-family);}

.floatingLayerBox .title .closeBtn { width: 18px; height: 18px; position: absolute; top: 16px; right: 15px; cursor: pointer;}

.floatingLayerBox .innerArea {background-color: #FFFFFF; padding: 15px; width: 100%; box-sizing: border-box; display: inline-block; position: initial; margin: 0;}

.floatingLayerBox .innerArea .confirmArea {font-size: 0; text-align: center; margin: 20px 0 0 0;}

.floatingLayerBox .innerArea .confirmArea a,
.floatingLayerBox .innerArea .confirmArea button {display: inline-block; padding: 0px 40px; font: bold 17px/40px var(--primary-font-family); border: 0; outline: none; cursor: pointer;}

.floatingLayerBox .innerArea .confirmArea a:not(:first-child),
.floatingLayerBox .innerArea .confirmArea button:not(:first-child) { margin: 0 0 0 15px;}

.floatingLayerBox .innerArea .confirmArea .grayBtn { color: #000000; background-color: #E7E7E7;}

.floatingLayerBox .innerArea .confirmArea .pinkBtn { color: #ffffff; background-color: #d62872;}


/* 20230224_退貨浮層 */

.floatingLayerBox { z-index: 1001; height: fit-content; top: 0px;}
.floatingLayerBox.small { width: 450px;}
.floatingLayerBox.middle { width: 700px;}
.floatingLayerBox.large { width: 800px;}
.floatingLayerBox.extra-large { width: 950px;}

.floatingLayerBox .innerArea .return-form-wrapper {padding: 15px; font: 15px/20px var(--primary-font-family); min-height: 590px;}
.floatingLayerBox .innerArea .return-form-wrapper table { border-spacing: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper th {text-align: right; vertical-align: top; white-space: nowrap; font: bold 15px/20px var(--price-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper td {text-align: left; display: grid; gap: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper td .row {display: flex; gap: 10px; align-items: baseline;}
.floatingLayerBox .innerArea .return-form-wrapper td .row * { font: 13px/20px var(--primary-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper td .row input { border-radius: 4px; padding: 3px 5px;}
.floatingLayerBox .innerArea .return-form-wrapper td .row input::placeholder { color: #888888; }
.floatingLayerBox .innerArea .return-form-wrapper td .row select { font: 15px/20px var(--price-font-family); padding: 2px 0px; border-radius: 4px; color: #454545; border: #D7D7D7 1px solid; min-width: fit-content; width: 20%;}
.floatingLayerBox .innerArea .return-form-wrapper td .row select:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper td .row select:focus-visible { outline: none;}

/* 退貨編號/品名 */
.floatingLayerBox .innerArea .return-form-wrapper .return-code {font: var(--price-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper .prd-name { max-height: 20px; max-width: 420px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font: 15px/20px var(--primary-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper .warning-txt { font: 13px/18px var(--primary-font-family); color: #DD2726;}

/* 備註 */
.floatingLayerBox .innerArea .return-form-wrapper .remark td { display: flex; align-items: center;}
.floatingLayerBox .innerArea .return-form-wrapper .remark .claimRemark { font: 13px/18px var(--price-font-family); padding: 3px 5px; color: #454545; flex-basis: 70%; border: #D7D7D7 1px solid; border-radius: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .remark .claimRemark:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper .remark .claimRemark:focus-visible { outline: none;}
.floatingLayerBox .innerArea .return-form-wrapper .remark .claimRemark::placeholder { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .remark .reminder { color: #888888; font: 15px/20px var(--price-font-family); white-space: nowrap;}

/* radio按鈕群 */
.floatingLayerBox .innerArea .return-form-wrapper .return-type .notice-wrapper { border-radius: 8px; background: #FFFBD5; padding: 12px 10px; font: 13px/18px var(--primary-font-family); display: grid; gap: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .return-type .notice-wrapper .warning-txt {color: #DD2726;}

.floatingLayerBox .innerArea .return-form-wrapper .radio-btn-group { display: flex; align-items: center;}
.floatingLayerBox .innerArea .return-form-wrapper .radio-btn-group input { margin: 0; padding: 0;}
.floatingLayerBox .innerArea .return-form-wrapper .radio-btn-group input[type="radio"] { appearance: none; border: #D7D7D7 1.5px solid; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; outline: #fff 2.5px solid; outline-offset: -3.5px; margin-right: 3px;}
.floatingLayerBox .innerArea .return-form-wrapper .radio-btn-group input[type="radio"]:checked { appearance: none; border: #D7D7D7 1.5px solid; aspect-ratio: 1/1; border-radius: 50%; background-color: #D62872; outline: #fff 2.5px solid; outline-offset: -3.5px;}
.floatingLayerBox .innerArea .return-form-wrapper .radio-btn-group input[type="radio"]:disabled { appearance: none; border: #D7D7D7 1.5px solid; aspect-ratio: 1/1; border-radius: 50%; background-color: #D7D7D7; outline: #fff 2.5px solid; outline-offset: -3.5px;}
.floatingLayerBox .innerArea .return-form-wrapper .radio-btn-group label { width: 115px; font: 13px/18px var(--price-font-family); color: #454545;}



/* 姓名 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name td { display: flex;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name input[type="button"] { color: #027BFF; background: transparent; border: none; cursor: pointer; font: 13px/18px var(--price-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name input[type="text"] { font: 13px/18px var(--primary-font-family); padding: 3px 5px; color: #454545; border: #D7D7D7 1px solid; border-radius: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name input[type="text"]:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name input[type="text"]:focus-visible { outline: none;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name input[type="text"]::placeholder { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-name input[type="text"]:disabled { color: #888888;}


/* 電話 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-tel td { display: flex; align-items: baseline; font: 13px/18px var(--primary-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-tel input[type="text"] { font: 13px/18px var(--primary-font-family); padding: 3px 5px; color: #454545; border: #D7D7D7 1px solid; border-radius: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-tel input[type="text"]:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-tel input[type="text"]:focus-visible { outline: none;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-tel input[type="text"]::placeholder { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-tel input[type="text"]:disabled { color: #888888;}


/* 手機 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp td { display: flex;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp input[type="button"] { color: #027BFF; background: transparent; border: none; cursor: pointer; font: 13px/18px var(--price-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp input[type="text"] { font: 13px/18px var(--price-font-family); padding: 3px 5px; color: #454545; border: #D7D7D7 1px solid; border-radius: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp input[type="text"]:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp input[type="text"]:focus-visible { outline: none;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp input[type="text"]::placeholder { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-hp input[type="text"]:disabled { color: #888888;}

/* 地址 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address td { display: flex; }
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row select,
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row input { width: 100%;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(1),
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(2) { width: 120px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(3) { flex-grow: 0.7; }
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(3) input { box-sizing: border-box; font: 13px/18px var(--primary-font-family); padding: 3px 5px; color: #454545; border: #D7D7D7 1px solid; border-radius: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(3) input[type="text"]:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(3) input[type="text"]:focus-visible { outline: none;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(3) input[type="text"]::placeholder { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-address .row:nth-child(3) input[type="text"]:disabled { color: #888888;}

/* 無卡分期 */
.floatingLayerBox .innerArea .return-form-wrapper .return-amount { color: #DD2726; }
.floatingLayerBox .innerArea .return-form-wrapper .return-amount .amount-num { font: 15px/20px var(--primary-font-family);}

/* 退款方式 */
.floatingLayerBox .innerArea .return-form-wrapper .return-fund-type input[type="button"] { padding: 0; color: #027BFF; background: transparent; border: none; cursor: pointer; font: 13px/18px var(--price-font-family);}


/* 戶名 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-name td { display: flex; font: 15px/20px var(--primary-font-family);}

/* 身分證字號 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-id td { font: 15px/20px var(--price-font-family);}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-id ul { list-style: decimal; font: 15px/20px var(--primary-font-family); padding: 0 0 0 10px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-id li { list-style: decimal; list-style-position: outside; padding: 0 0 0 5px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-id .warning-txt { color:#DD2726; }
.floatingLayerBox .innerArea .return-form-wrapper .reciver-id .primary-txt { color:#027BFF; }
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-name td span,
.floatingLayerBox .innerArea .return-form-wrapper .reciver-id td span {font: 15px/20px var(--price-font-family);}

/* 收款銀行 */
.floatingLayerBox .innerArea .return-form-wrapper .account-bank td { display: flex; }
.floatingLayerBox .innerArea .return-form-wrapper .account-bank td select{ width: 100%; }
.floatingLayerBox .innerArea .return-form-wrapper .account-bank td .row:nth-child(1) {min-width: fit-content; width: 165px; }
.floatingLayerBox .innerArea .return-form-wrapper .account-bank td .row:nth-child(2) {min-width: fit-content; width: 165px; }

/* 退款帳號 */
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num input { box-sizing: border-box; width: 165px; font: 13px/18px var(--primary-font-family); padding: 3px 5px; color: #454545; border: #D7D7D7 1px solid; border-radius: 4px;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num input[type="text"]:focus-within { border: #454545 1px solid;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num input[type="text"]:focus-visible { outline: none;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num input[type="text"]::placeholder { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num input[type="text"]:disabled { color: #888888;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num p { font: 13px/18px var(--primary-font-family); color: #454545;}
.floatingLayerBox .innerArea .return-form-wrapper .reciver-account-num p .warning-txt { color: #DD2726;}


/* 按鈕 */
.floatingLayerBox .innerArea .return-form-wrapper .btnArea { display: flex; justify-content: center; gap: 15px;}
.floatingLayerBox .innerArea .return-form-wrapper .btnArea input[type="button"] { padding: 5px 51px; font: bold 15px/20px var(--primary-font-family); text-align: center; cursor: pointer; border: 0; appearance: none; vertical-align: middle;}
.floatingLayerBox .innerArea .return-form-wrapper .btnArea .disagree { background: #E8E8E8; color: #454545;}
.floatingLayerBox .innerArea .return-form-wrapper .btnArea .agree { background: #D62872; color: #fff;}


/* 超商退貨浮層 */
.floatingLayerBox .innerArea .float-return-success { padding: 5px 65px 5px 65px; max-height: 610px; overflow-y: auto;}

.floatingLayerBox .innerArea .btnArea input[type="button"] { padding: 5px 51px; font: bold 15px/20px var(--primary-font-family); text-align: center; cursor: pointer; border: 0; appearance: none; vertical-align: middle;}
.floatingLayerBox .innerArea .btnArea .disagree { background: #E8E8E8; color: #454545;}

.floatingLayerBox .innerArea .float-return-success .return-info-box {text-align: center;}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-title {background: transparent; display: grid; gap: 4px; place-items: center; margin: 0 0 15px 0; padding: 0; font: bolder 19px/20px var(--primary-font-family);}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-title::before { content: ""; height: 45px; max-width: 45px; aspect-ratio: 1/1; background: url("/ecm/img/cmm/check_green.png") no-repeat center; background-size: contain;}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-type { display: flex; justify-content: center; align-items: center; gap: 8.5px; margin: 0 0 8px 0; padding: 0; font: normal 15px/18px var(--primary-font-family);}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-type::before {content: ""; height: 24px; min-width: 24px; aspect-ratio: 1/1; background-color: #027bff; background-size: contain; background-position:center; background-repeat:no-repeat; }
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-type.seven::before {background-image: url("/ecm/img/cmm/711_logo.png");}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-type.familymart::before {background: url("/ecm/img/cmm/familymart_logo.svg");}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-code { margin: 0 0 4px 0; padding: 0; font: normal 21px/28px var(--price-font-family); color: var(--primary-pink);}
.floatingLayerBox .innerArea .float-return-success .return-info-box .box-code.box-code-expire { font: normal 21px/28px var(--price-font-family); color: #B3B3B3;}
.floatingLayerBox .innerArea .float-return-success .return-code-box {background: #FFFDE1; border-radius: 8px; padding: 10px 15px; display: grid; grid-gap: 6px; margin: 0 0 10px 0;}
.floatingLayerBox .innerArea .float-return-success .return-code-box .box-title { font: bolder 15px/20px var(--primary-font-family); color: #DD2726; text-align: center;}
.floatingLayerBox .innerArea .float-return-success .return-code-box .box-content { font: normal 15px/20px var(--primary-font-family); color: #454545; text-align: center;}


.floatingLayerBox .innerArea .float-return-success .return-step-box {background: #EDF3FD; border-radius: 8px; padding: 10px 25px 24px 25px; display: grid; grid-gap: 10px; margin: 0 0 15px 0;}
.floatingLayerBox .innerArea .float-return-success .return-step-box .box-title { font: bolder 15px/20px var(--primary-font-family); color: #454545; text-align: center;}
.floatingLayerBox .innerArea .float-return-success .return-step-box .box-content{  color: #454545; text-align: left;}

.floatingLayerBox .innerArea .float-return-success .step-wrapper {margin: 0; padding: 0; list-style: none; display: grid; grid-gap: 4px;}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step {display: flex; align-items: center; grid-gap: 10px;}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step .step-icon {box-sizing: border-box; display: inline-block; height: 24px; min-width: 24px; background-position: center; background-repeat: no-repeat;}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step:nth-child(1) .step-icon {background-image: url("/ecm/img/cmm/icon_step_01_24x24.svg");}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step:nth-child(2) .step-icon {background-image: url("/ecm/img/cmm/icon_step_02_24x24.svg");}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step:nth-child(3) .step-icon {background-image: url("/ecm/img/cmm/icon_step_03_24x24.svg");}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step:nth-child(4) .step-icon {background-image: url("/ecm/img/cmm/icon_step_04_24x24.svg");}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step p {margin: 0; padding: 0; font: normal 15px/20px var(--primary-font-family);}
.floatingLayerBox .innerArea .float-return-success .step-wrapper .step .notice-link {color: #027BFF; margin-left: 5px; font: normal 13px/17px var(--primary-font-family);}

.floatingLayerBox .innerArea .float-return-success .return-pd-box { text-align: left; display: grid; outline: 1px solid #EDEDED; outline-offset: -1px; overflow: hidden;}
.floatingLayerBox .innerArea .float-return-success .return-pd-box .box-title { padding: 10px 8px; font: bolder 17px/18px var(--primary-font-family); color: #454545; background: #F2F2F2; }
.floatingLayerBox .innerArea .float-return-success .return-pd-box .warning-txt { padding: 4px 10px 8px 10px; font: normal 13px/16px var(--primary-font-family); color: #DD2726;}
.floatingLayerBox .innerArea .float-return-success .return-pd-box .box-content { font: normal 13px/18px var(--primary-font-family); color: #454545; }

.floatingLayerBox .innerArea .float-return-success .prdList .goodsInfo { padding: 10px 10px 8.5px 10px;}
.floatingLayerBox .innerArea .float-return-success .prdList .goodsInfo .infoWrap { display: grid; gap: 4px;}
.floatingLayerBox .innerArea .float-return-success .prdList .goodsInfo .prdName {font: normal 15px/20px var(--primary-font-family);}
.floatingLayerBox .innerArea .float-return-success .prdList .goodsInfo .prdQtyBox * {font: normal 13px/18px var(--primary-font-family);}
.floatingLayerBox .innerArea .float-return-success .prdList .goodsInfo .prdQtyBox .QtyBoxName {display: flex; gap: 5px;}
.floatingLayerBox .innerArea .float-return-success .prdList .goodsInfo .prdQtyBox .prdQty::before {content: "x";}
.floatingLayerBox .innerArea .float-return-success .prdList hr.dashed { border: #EDEDED 1px dashed; border-top: none; border-left: none;}

/* 最近收件地址清單 */
.floatingLayerBox.recent-address .innerArea { padding: 0; }
.recent-address .innerArea .addressList { color: #454545; }
.recent-address .innerArea .addressList * { box-sizing: border-box; }
.recent-address .innerArea .addressList th { font: bolder 15px/20px var(--primary-font-family); background: #F5F5F5; border: none; }
.recent-address .innerArea .addressList td { border: 1px solid #F2F2F2; font: normal 15px/18px var(--primary-font-family); height: 50px; }
.recent-address .innerArea .addressList .address,
.recent-address .innerArea .addressList .tel,
.recent-address .innerArea .addressList .phone { text-align: left; }
.recent-address .innerArea .addressList .delBtn { cursor: pointer; display: inline-block; background: url("/ecm/img/cmm/delBtn.svg") no-repeat center; aspect-ratio: 1/1; width: 20px; vertical-align: middle; }

.recent-address .innerArea .btnArea { margin: 20px 0;display: flex; justify-content: center; gap: 15px;}
.recent-address .innerArea .btnArea input[type="button"].apply { background-color: #d62672; color: #ffffff;}

.recent-address .innerArea label { display: grid; place-items: center; width: 100%; height: 100%; position: relative; }
.recent-address .innerArea label .input-mark { border: #D7D7D7 1px solid; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; outline: #fff 2px solid;}
.recent-address .innerArea label:hover .input-mark { outline: 2px solid #f2f2f2; transition: .3s;}
.recent-address .innerArea input[type="radio"] { display: none;}
.recent-address .innerArea input[type="radio"]:checked ~ .input-mark::after { border-radius: 50%; background-color: #D62872; border-radius: 50%; width: 10px; height: 10px; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); content: "";}
/* .recent-address .innerArea input[type="radio"]:disabled { appearance: none; border: #D7D7D7 1px solid; aspect-ratio: 1/1; border-radius: 100px; background-color: #D7D7D7; outline: #fff 2px solid; outline-offset: -3px;} */

/* 最近退款帳戶 */
.floatingLayerBox.recent-account .innerArea { padding: 0; }
.recent-account .innerArea .accountList { color: #454545; }
.recent-account .innerArea .accountList * { box-sizing: border-box; }
.recent-account .innerArea .accountList th { font: bolder 15px/20px var(--primary-font-family); background: #F5F5F5; border: none; }
.recent-account .innerArea .accountList td { border: 1px solid #F2F2F2; font: normal 13px/18px var(--primary-font-family); height: 50px;}
.recent-account .innerArea .accountList td:nth-child(1) { width: 100px; }
.recent-account .innerArea .accountList td:nth-child(2) { width: 90px; }
.recent-account .innerArea .accountList td:nth-child(3) { text-align: left;  width: 390px; }
.recent-account .innerArea .accountList td:nth-child(4) { text-align: left;  width: 150px; }
.recent-account .innerArea .accountList td:nth-child(5) { text-align: left; }
.recent-account .innerArea .accountList .delBtn { cursor: pointer; display: inline-block; background: url("/ecm/img/cmm/delBtn.svg") no-repeat center; aspect-ratio: 1/1; width: 20px; vertical-align: middle; }

.recent-account .innerArea .btnArea { margin: 20px 0;display: flex; justify-content: center; gap: 15px;}
.recent-account .innerArea .btnArea input[type="button"].apply { background-color: #d62672; color: #ffffff;}

/* .recent-account .innerArea input[type="radio"] { margin: 0; vertical-align: middle; appearance: none; border: #D7D7D7 1.5px solid; aspect-ratio: 1/1; min-width: 18px; border-radius: 50%; background-color: #fff; outline: #fff 2.5px solid; outline-offset: -3.5px;}
.recent-account .innerArea input[type="radio"]:checked { appearance: none; border: #D7D7D7 1.5px solid; aspect-ratio: 1/1; border-radius: 50%; background-color: #D62872; outline: #fff 2.5px solid; outline-offset: -3.5px;}
.recent-account .innerArea input[type="radio"]:disabled { appearance: none; border: #D7D7D7 1.5px solid; aspect-ratio: 1/1; border-radius: 50%; background-color: #D7D7D7; outline: #fff 2.5px solid; outline-offset: -3.5px;} */

.recent-account .innerArea label { display: grid; place-items: center; width: 100%; height: 100%; position: relative; }
.recent-account .innerArea label .input-mark { border: #D7D7D7 1px solid; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; outline: #fff 2px solid;}
.recent-account .innerArea label:hover .input-mark { outline: 2px solid #f2f2f2; transition: .3s;}
.recent-account .innerArea input[type="radio"] { display: none;}
.recent-account .innerArea input[type="radio"]:checked ~ .input-mark::after { border-radius: 50%; background-color: #D62872; border-radius: 50%; width: 10px; height: 10px; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); content: "";}


.mybookSubscriptionForm table{width: 100%;border: 3px solid #ddd;box-sizing: border-box;text-align: center;font: 13px/24px Helvetica}
.mybookSubscriptionForm tr {width: 100%;border: 1px solid #f5f5f5}
.mybookSubscriptionForm td {font: 13px/18px Helvetica;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box}
.mybookSubscriptionForm th {height: 28px;background-color: #fff0f5;font: bold 15px/24px Helvetica;padding: 5px 25px;white-space: nowrap;border-bottom: 3px solid #ddd;border-right: 1px solid #ddd;}

/* 20230829 3P專案 */
/* 1P + 3P 共用樣式 */
.customercenter .summary02 .inner .changeaddBox {
  padding: 0;
  border: 0;
}
.customercenter .summary02 .inner .order tr.orderDetailProductReviewRow {
  border-right: 0;
}
.customercenter .summary02 .inner .order dt,.customercenter .summary02 .inner .order dd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customercenter .summary02 .inner .order dt b {
  display: inline-flex;
  justify-content:center;
  align-items:center;
}
.customercenter .summary02 .inner .order dt .media, .customercenter .summary02 .inner .order dd .media {
  width:90px;
}
.customercenter .summary02 .inner .order dt .date, .customercenter .summary02 .inner .order dd .date {
  width:135px;
}
.customercenter .summary02 .inner .order dt .number, .customercenter .summary02 .inner .order dd .number {
  width:150px}
.customercenter .summary02 .inner .order dt .tips, .customercenter .summary02 .inner .order dd .tips {
  width:52px;
}
.customercenter .summary02 .inner .order dt .first, .customercenter .summary02 .inner .order dd .first {
  width: 135px;
}
.customercenter .summary02 .inner .order dt .payment, .customercenter .summary02 .inner .order dd .payment {
  width:250px;
}
.customercenter .summary02 .inner .order dt .invoice, .customercenter .summary02 .inner .order dd .invoice {
  width:90px;
}
.customercenter .summary02 .inner .order dd .payment>b {
  color:#dd2726;
  font-weight:normal;
}
.customercenter .summary02 .inner .order .detailsArea table {
  border-collapse: collapse;
  border-spacing: 0;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist td {
  padding: 5px 10px;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .delivery {
  max-width: none;
  width: 95px;
  padding: 5px 15px 5px 10px;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname {
  width: 650px;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber a {
  margin: 0 0 0 10px;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach .prdname .itemnumber .btnStyle {
  margin: 0 20px 0 10px;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach::after {
  display: none;
}
.customercenter .summary02 .inner .order .detailsArea .prdlist .orderDetailEach td.noSpace,
.customercenter .summary02 .inner .order .detailsArea .prdlist td.orderDetailProductReview {
  width: calc(100% - 650px);
  border-right: 1px solid #e3e3e3;
}
/* 3P訂單 */
.customercenter .summary02 .inner .order-3p .shop-title {
  height: 36px;
  border-bottom: 0;
  padding: 0 10px;
  justify-content: flex-start;
  background-color: #fff;
  font: normal 13px/18px var(--primary-font-family);
  box-sizing: border-box;
}
.customercenter .summary02 .inner .order-3p .shop-tip {
  width: 24px;
  height: 18px;
  display: inline-flex;
  justify-content:center;
  align-items:center;
  color: #fff;
  margin-right: 10px;
  font: 10px/14px var(--primary-font-family);
  background-color: #586393;
  border-radius: 2px;
  background-image: url(/ecm/img/cmm/3P/3p_store_16px.png);
  background-position: center;
  background-size: cover;
}
.customercenter .summary02 .inner .order-3p .shop-name {
  display: inline-block;
  width: calc(100% - 28px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.customercenter .summary02 .inner .order-3p .detailsArea .prdlist td .goodsName {
  display: inline;
}

/* 20230614 宜睿電子票卷新增兌換期限 */
.bt_2_layout_Content.e-ticket-layout {
  overflow: visible
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .sale-date-info {
  display: inline-block;
  line-height: 1;
  vertical-align: middle
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .sale-date-info p {
  color: #454545;
  display: block;
  font: 13px/18px var(--primary-font-family)
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .sale-date-info p.expired{
  color:red;
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .sale-date-info .date-description-btn {
  color: var(--primary-link-color);
  font: 13px/18px var(--primary-font-family)
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .sale-date-info .date-description-btn:hover {
  color: var(--primary-pink)
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .date-range-wrap span {
  border: unset;
  line-height: 1;
  height: auto
}

.customercenter .summary02 .inner .tickets dd .sale-date-wrap .date-range-wrap span + span::before {
  content: "~";
  display: block;
  transform: rotate(90deg)
}

.customercenter .summary02 .inner .order.order-layout dt {
  font-size: 0
}

.order-sale-date-wrap {
  font-size: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .order-sale-date-wrap p {
  color: #454545;
  display: inline-block;
  font: 13px/18px var(--primary-font-family)
}

.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .order-sale-date-wrap >p::before {
  content: attr(data-list-title)"：";
  display: inline-block
}

.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .order-sale-date-wrap .ticket-hover-info-btn {
  color: var(--primary-link-color)
}

.customercenter .summary02 .inner .order .detailsArea .prdlist .prdname .order-sale-date-wrap .ticket-hover-info-btn:hover {
  color: var(--primary-pink);
  text-decoration: none
}

.ticket-hover-info {
  flex: 1 1 auto;
  position: relative;
  margin-left: 5px
}

.ticket-hover-info-btn {
  color: var(--primary-link-color)
}

.ticket-hover-info-btn:hover {
  color: var(--primary-pink)
}

.customize-hover-layout {
  display: none;
  border: 1px solid #e1e1e1;
  color: #454545;
  text-align: left;
  position: absolute;
  left: auto;
  z-index: 1
}

.hover-layout-title {
  background-color: #eee;
  padding: 0 10px
}

.hover-layout-title h5 {
  font: normal 17px/50px var(--primary-font-family);
  margin: 0
}

.hover-layout-container {
  font: 15px/20px var(--primary-font-family);
  background-color: #fff;
  padding: 20px 30px;
  word-break: break-word
}

.ticket-hover-info-btn:hover ~ .customize-hover-layout {
  display: block
}

.date-description-btn:hover ~ .customize-hover-layout {
  display: block
}


.newFaqListStyle .newFaqListContentArea dl dt .solid-store-plus {margin: 0 3px 0 0;width: 26px;height: 26px;}
.solid-store-plus { margin: 0 3px 0 0;width: 26px;height: 26px;}

/* 20241126 Modal & Toast */
.modal-container{background-color:rgb(0 0 0 / 60%);position:fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:5;align-items:center;justify-content:center}
.modal{width:700px;max-height:686px;display:flex;flex-direction:column;position:fixed;background-color:white}
.modal-header{background-color:#E6E6E6;padding:14px 15px;display:flex;justify-content:space-between;align-items:center}
.modal-header .title{color:#404040;font-size:17px;line-height:22px;font-weight:bold}
.modal-header button.close-btn{width:20px;height:20px;position:relative;background-color:transparent;border:none;cursor:pointer}
.modal-header button.close-btn::before,.modal-header button.close-btn::after{content:'';position:absolute;width:2px;height:20px;background-color:#737373;top:0;left:9px}
.modal-header button.close-btn::before{transform:rotate(45deg)}
.modal-header button.close-btn::after{transform:rotate(-45deg)}
.modal-content{padding:20px 15px 0;overflow-y:auto}
.modal-footer{padding:20px 0;display:flex;justify-content:center;gap:15px}
.modal-footer button{width:130px;height:36px;border:1px solid transparent;border-radius:18px;font-size:17px;font-weight:bold;cursor:pointer}
.modal-footer button.btn-solid-neutral{background-color:#EDEDED;color:#404040}
.modal-footer button.btn-outline-neutral{background-color:white;color:#404040;border-color:#EDEDED}
.modal-footer button.btn-solid-primary{background-color:#D62872;color:white}
.toast{width:340px;min-height:180px;background-color:rgb(0 0 0 / 80%);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:19px;line-height:24px;z-index:1;text-align:center;padding:30px 20px;box-sizing:border-box}
/* 20241126 折價券 UI 改版 */
.coupons .archive{width:1000px;height:60px;border:2px solid #F2F2F2;border-radius:4px;padding:10px 15px;box-sizing:border-box;display:flex;align-items:center;gap:16px}
.coupons .archive form{display:flex;align-items:center}
.coupons .archive form label{color:#404040;font-size:15px;line-height:20px}
.coupons .archive form .input-button-group{width:325px;height:30px;background-color:white;border:1px solid var(--neutral-600);border-radius:16px;box-sizing:border-box;padding-left:11px;display:flex;justify-content:space-between}
.coupons .archive form .input-button-group input{border:none;padding:0;flex-grow:1;margin:1px 0;outline:0;color:#454545;font-size:15px}
.coupons .archive form .input-button-group input::placeholder{color:var(--neutral-300)}
.coupons .archive form .input-button-group button{width:64px;height:100%;border:none;background-color:var(--neutral-600);border-radius:0 40px 40px 0;margin-right:-1px;color:white;font-size:15px;cursor:pointer}
.coupons .archive .more{color:#1683E9;font-size:13px}
.coupons .tabs{display:flex;gap:10px;margin:20px 0}
.coupons .tabs .tab-nav{width:176px;height:36px;background-color:var(--neutral-70);border-radius:18px;display:flex;justify-content:center;align-items:center;color:var(--neutral-750);font-size:17px}
.coupons .tabs .tab-nav.active{background-color:#D62872;color:white}
.coupons .filter{display:flex;align-items:center;gap:16px;position:relative}
.coupons .filter label{display:inline-flex;align-items:center;color:#404040;font-size:13px;cursor:pointer;max-width:100%}
.coupons .filter label.filter-store::after{content:'';width:0;height:0;border:5px solid transparent;border-top:6px solid #404040;margin:6.5px 7px 6.5px 11px;position:relative;top:3px}
.coupons .filter label.filter-store.selected,.coupons .filter label.filter-store.selected::after,.coupons .filter label:has(input[type=checkbox]:checked){color:#D62872;border-top-color:#D62872}
.coupons .filter input[type=checkbox]{appearance:none;width:18px;height:18px;background-color:white;border:1px solid #D7D7D7;border-radius:4px;margin:3px 7px 3px 3px;position:relative;cursor:pointer}
.coupons .filter input[type=checkbox]::after{display:none;content:'';width:4px;height:8px;border-right:2px solid #737373;border-bottom:2px solid #737373;transform:rotate(40deg);position:absolute;left:5px;top:2px}
.coupons .filter input[type=checkbox]:checked::after{display:block}
.coupons .filter .filter-store-options{position:absolute;width:842px;height:auto;background-color:white;border:1px solid #999999;box-shadow:3px 3px 10px rgb(0 0 0 / 16%);box-sizing:border-box;z-index:1;display:flex;top:0;left:0}
.coupons .filter .filter-store-options .title{width:90px;background-color:#F4F4F4;color:#333333;font-size:13px;font-weight:bold;padding:9px 0 0 9px;box-sizing:border-box}
.coupons .filter .filter-store-options .content{min-width:unset;margin-bottom:12px;width:750px}
.coupons .filter .filter-store-options .content ul{display:flex;flex-wrap:wrap;max-height:calc(44px * 4);overflow:auto}
.coupons .filter .filter-store-options .content ul li{width:142px;height:44px;display:flex;padding:10px 5px;box-sizing:border-box}
.coupons .filter .filter-store-options .content ul li label span{width:calc(100% - 18px - 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.coupons .filter .filter-store-options .actions{display:flex;align-items:center;justify-content:center;gap:10px}
.coupons .filter .filter-store-options .actions button{width:72px;height:21px;border:1px solid transparent;font-size:13px;line-height:18px;cursor:pointer}
.coupons .filter .filter-store-options .actions button.btn-solid-neutral{background-color:#EDEDED;color:#000000}
.coupons .filter .filter-store-options .actions button.btn-solid-primary{background-color:#D62872;color:#ffffff}
.coupons .list{margin-top:10px;display:flex;flex-wrap:wrap;width:100%;gap:16px}
.coupons .pagination{padding:20px 0;margin-top:10px}
.coupons .pagination ul{display:flex;justify-content:center;align-items:center;gap:10px}
.coupons .pagination ul li{width:26px;height:26px;position:relative}
.coupons .pagination ul li.prev-page{margin-right:10px}
.coupons .pagination ul li.next-page{margin-left:10px}
.coupons .pagination ul li a{width:100%;height:100%;color:#999999;font-size:15px;display:flex;justify-content:center;align-items:center}
.coupons .pagination ul li.prev-pages a.chevron-double-left,.coupons .pagination ul li.next-pages a.chevron-double-right{color:#737373;font-size:22px;position:absolute;top:0;left:0;opacity:0}
.coupons .pagination ul li button{background-color:transparent;border:none;color:transparent;width:100%;height:100%;position:relative}
.coupons .pagination ul li button:not(.disabled){cursor:pointer}
.coupons .pagination ul li button.prev-page-btn::after{content:'';width:6px;height:6px;border-left:2px solid #737373;border-bottom:2px solid #737373;transform:rotate(45deg);position:absolute;top:9px;left:11px}
.coupons .pagination ul li button.next-page-btn::after{content:'';width:6px;height:6px;border-right:2px solid #737373;border-bottom:2px solid #737373;transform:rotate(-45deg);position:absolute;top:9px;right:11px}
.coupons .pagination ul li button.disabled::after{border-color:#EDEDED}
.coupons .pagination ul li.active a{background-color:#ededed;border-radius:20px;color:#404040}
.coupons .pagination ul li:hover a,.coupons .pagination ul li:hover button:not(.disabled){background-color:#ededed;border-radius:20px;color:#404040}
.coupons .pagination ul li.prev-pages:hover a.ellipsis,.coupons .pagination ul li.next-pages:hover a.ellipsis{background-color:transparent;opacity:0}
.coupons .pagination ul li.prev-pages:hover a.chevron-double-left,.coupons .pagination ul li.next-pages:hover a.chevron-double-right{background-color:transparent;opacity:1}
.coupons .pagination ul li:active a{background-color:#D9D9D9;border-radius:20px;color:#404040}
.coupons .remarks{border:5px solid #DDDDDD;padding:20px;margin-top:20px}
.coupons .remarks .title{color:#404040;font-size:15px;line-height:20px;font-weight:bold}
.coupons .remarks ol{list-style:auto;padding-left:15px}
.coupons .remarks ol li{list-style:auto;color:#404040;font-size:13px;line-height:18px;margin-top:6px}
.coupons .no-data{display:flex;flex-direction:column;align-items:center;color:#404040;font-size:15px;line-height:20px;padding-top:100px}
.coupon-transfer-modal .modal-content form{color:#404040;font-size:15px;line-height:20px;font-weight:bold;margin-top:24px}
.coupon-transfer-modal .modal-content form .row{display:flex;align-items:center;gap:9px;margin-top:12px}
.coupon-transfer-modal .modal-content form label{color:#404040;font-size:15px;line-height:20px;font-weight:bold}
.coupon-transfer-modal .modal-content form .input-group{width:240px;height:30px;border:1px solid #707070;border-radius:4px;box-sizing:border-box;padding:5px;display:flex;white-space: nowrap;}
.coupon-transfer-modal .modal-content form input{border:none;padding:0;flex-grow:1;outline:none;color:#404040;font-size:15px;max-width: 180px;}
.coupon-transfer-modal .modal-content form input::placeholder{color:#B3B3B3}
.coupon-transfer-modal .modal-content form .coupon-transfer-common-btn{background-color:transparent;border:none;padding:0;color:#1683E9;font-size:12px;cursor:pointer}
.coupon-transfer-modal .modal-content form .error-text{color:#DD2222;font-size:13px;font-weight:normal}
.coupon-transfer-modal .modal-content .remarks{color:#999999;font-size:13px;line-height:20px;margin-top:24px}
.coupon-transfer-modal .modal-content .remarks ol li{list-style-type:decimal;list-style-position:inside;font-size:13px}
.coupon-transfer-common-modal .modal-content table,.coupon-transfer-account-modal .modal-content table{width:100%;border-spacing:0;border-top:1px solid #F2F2F2;border-left:1px solid #F2F2F2}
.coupon-transfer-common-modal .modal-content table th,.coupon-transfer-common-modal .modal-content table td,.coupon-transfer-account-modal .modal-content table th,.coupon-transfer-account-modal .modal-content table td{border-bottom:1px solid #F2F2F2;border-right:1px solid #F2F2F2;box-sizing:border-box;text-align:center;color:#404040;font-size:15px}
.coupon-transfer-common-modal .modal-content table thead th,.coupon-transfer-account-modal .modal-content table thead th{background-color:#FAFAFA}
.coupon-transfer-common-modal .modal-content table tbody tr:has(input[type=radio]:checked),.coupon-transfer-account-modal .modal-content table tbody tr:has(input[type=radio]:checked){background-color:#ffffe5}
.coupon-transfer-common-modal .modal-content table input[type=radio],.coupon-transfer-account-modal .modal-content table input[type=radio]{appearance:none;width:18px;height:18px;background-color:white;border:1px solid #d9d9d9;border-radius:100%;margin:0;position:relative}
.coupon-transfer-common-modal .modal-content table input[type=radio]::after,.coupon-transfer-account-modal .modal-content table input[type=radio]::after{display:none;content:'';width:10px;height:10px;background-color:#d62872;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.coupon-transfer-common-modal .modal-content table input[type=radio]:checked::after,.coupon-transfer-account-modal .modal-content table input[type=radio]:checked::after{display:block}
.coupon-transfer-common-modal .modal-content table .remove-btn,.coupon-transfer-account-modal .modal-content table .remove-btn{border:none;padding:0;width:20px;height:20px;cursor:pointer}
.coupon-rules-modal .modal-content .activity-name{color:#404040;font-size:15px;line-height:20px;font-weight:bold}
.coupon-rules-modal .modal-content ul{display:flex;flex-direction:column;gap:5px;margin-top:10px}
.coupon-rules-modal .modal-content ul li,.coupon-applicable-categories-modal .modal-content ul li{display:flex;align-items:baseline;color:#404040;font-size:15px;line-height:20px}
.coupon-rules-modal .modal-content ul li .title,.coupon-applicable-categories-modal .modal-content ul li .title{width:60px;height:22px;background-color:#FDF2F2;border-radius:4px;color:#DD2222;color:var(--red-500);font-size:13px;line-height:18px;display:inline-flex;justify-content:center;align-items:center;margin-right:10px;flex:none}
.coupon-rules-modal .modal-content ul li .tag{background-color:rgb(205 131 19 /85%);border:1px solid #F2BF73;border-radius:2px;color:white;font-size:11px;line-height:14px;padding:0 3px}

/* 大網追蹤清單-tag */
.customercenter .summary02 .inner .tag-area { display: flex; width: 100%; margin: 0; padding: 4px 0; font-size: 12px; font-weight: initial; text-align: left; overflow:hidden; white-space: nowrap;}
.tag-area span { height: 18px; color: #FFFFFF; margin-right: 3px; padding: 0 2px; border-radius: 2px; text-align: center; display: inline-flex; justify-content: center; align-items: center; font-size: 11px;}


/* 大網追蹤清單-星評及評價數量 */
.star-box { height: 15px; display: flex;}
.ratingStars { display: inline-flex; vertical-align: middle; line-height: 15px;}
.ratingStars .star { width: 15px; height: 15px; display: inline-block; box-sizing: border-box; background-size: cover; background-position: center;}
.ratingStars .star.starFull { background-image: url('//image.momoshop.com.tw/ecm/img/cmm/icon_star_full_24x24.svg');}
.ratingStars .star.startHalf { background-image: url('//image.momoshop.com.tw/ecm/img/cmm/icon_star_half_24x24.svg');}
.ratingStars .star.starOutline { background-image: url('//image.momoshop.com.tw/ecm/img/cmm/icon_star_outline_24x24.svg');}
.ratingCounts { display: inline-block; vertical-align: middle; font-size: 11px; line-height: 15px; color: #b3b3b3;}
.ratingCounts .number { display: inline-block; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; max-width: 68px;}
i.icon-store { width: 24px; height: 18px; background-size: 24px 18px; background-image: url(https://img1.momoshop.com.tw/ecm/img/cmm/goodsdetail/Shop_16px.png?t=20231113001); background-position: center center;}
i.icon-preorder { width: 21px; height: 18px; background-size: 18px 18px; background-image: url(https://img3.momoshop.com.tw/ecm/img/cmm/goodsdetail/PreOrder_16px.png?t=20231113001); background-position: center center;}


/* 20241126 Modal & Toast */
.modal-container{background-color:rgb(0 0 0 / 60%);position:fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:5;align-items:center;justify-content:center}
.modal{width:700px;max-height:686px;display:flex;flex-direction:column;position:fixed;background-color:white}
.modal-sm{width:550px}
.modal-md{width:700px}
.modal-lg{width:1000px}
.modal-header{background-color:#E6E6E6;padding:14px 15px;display:flex;justify-content:space-between;align-items:center}
.modal-header .title{color:#404040;font-size:17px;line-height:22px;font-weight:bold}
.modal-header button.close-btn{width:20px;height:20px;position:relative;background-color:transparent;border:none;cursor:pointer}
.modal-header button.close-btn::before,.modal-header button.close-btn::after{content:'';position:absolute;width:2px;height:20px;background-color:#737373;top:0;left:9px}
.modal-header button.close-btn::before{transform:rotate(45deg)}
.modal-header button.close-btn::after{transform:rotate(-45deg)}
.modal-content{padding:20px 15px 0;overflow-y:auto}
.modal-footer{padding:20px 0;display:flex;justify-content:center;gap:15px}
.modal-footer button{width:130px;height:36px;border:1px solid transparent;border-radius:18px;font-size:17px;font-weight:bold;cursor:pointer}
.modal-footer button.btn-solid-neutral{background-color:#EDEDED;color:#404040}
.modal-footer button.btn-outline-neutral{background-color:white;color:#404040;border-color:#EDEDED}
.modal-footer button.btn-solid-primary{background-color:#D62872;color:white}
.toast{width:340px;min-height:180px;background-color:rgb(0 0 0 / 80%);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:19px;line-height:24px;z-index:1;text-align:center;padding:30px 20px;box-sizing:border-box}

/* 20250102 跨店結訂單新增提醒文案及其說明浮層 */
.customercenter .summary02 .inner .order:has(.cross-store)>dd.order-td{border-bottom-width:1px}
.customercenter .summary02 .inner .order dd.cross-store{display:flex;justify-content:start;padding:0 7px;color:#dd2222;font-size:13px;line-height:18px}
.customercenter .summary02 .inner .order dd.cross-store::before{content:'*';min-width:6px;max-width:6px}
.customercenter .summary02 .inner .order dd.cross-store img.cross-store-info{width:18px;height:18px;cursor:pointer}
.cross-store-modal .modal-content,.cross-store-modal .modal-content *{color:#404040;font-size:15px;line-height:20px}

/* 20250121 跨店結訂單新增提醒文案及其說明浮層 */
.innerArea .modal-content,.innerArea .modal-content *{color:#404040;font-size:15px;line-height:20px}
#crossStoreFloat .innerArea {padding: 0;}
#crossStoreFloat .buttonArea a{border:1px solid transparent;border-radius:18px;font-size:17px;font-weight:bold;cursor:pointer}
#crossStoreFloat .buttonArea a.leftButton{background-color:white;color:#404040;border-color:#EDEDED}

/*---------------
星星評價樣式 2024 更新
如果有特殊要求的裝飾或間距佈局，應該回到頁面樣式設定附加變更參數，請勿在此變更該數值
---------------*/
.rating-row { --rating-star-row-gap: 5px; font-family: var(--primary-font-family); display: flex; justify-content: flex-start; align-items: center; gap: var(--rating-star-row-gap); }
.rating-star-group { display: flex; flex-wrap: nowrap; }
.rating-star { --rating-star-size: 15px; display: inline-block; width: var(--rating-star-size); height: var(--rating-star-size); background-size: var(--rating-star-size) var(--rating-star-size); background-repeat: no-repeat; background-position: center center; }
.rating-star-full { background-image: url(https://image.momoshop.com.tw/ecm/img/cmm/mobile/goods/review/icon_star_full_24x24.svg); }
.rating-star-half { background-image: url(https://image.momoshop.com.tw/ecm/img/cmm/mobile/goods/review/icon_star_half_24x24.svg); }
.rating-star-outline { background-image: url(https://image.momoshop.com.tw/ecm/img/cmm/mobile/goods/review/icon_star_outline_24x24.svg); }
.rating-score { font-size: 13px; color: #dd2726; }
.rating-and-day-off{display:flex;align-items:center;gap:5px}
.day-off{background-color:#b3b3b3;padding:0 6px;border-radius:8px;color:white;font-size:11px;line-height:16px;width:fit-content}

/* 20250307 派車回收和出貨改為浮層（物流回收/配送進度） */
.modal-content,.modal-content *{color:#404040;font-size:15px;line-height:20px}
.modal-content ul{display:flex;flex-direction:column;align-items:start;gap:10px}
.modal-content ul li span.remarks{margin-left:6px}
.modal-content table{width:100%;margin-top:10px;border-collapse:collapse}
.modal-content table thead th,.modal-content table tbody td{padding:8px;border:1px solid #ededed;height:36px;box-sizing:border-box;text-align: center;}
.modal-content table thead th{background-color:#E6E6E6}
.modal-content table tbody td{background-color:#ffffff}
.modal-content table tbody td a.order-number{color:#1683E9;text-decoration:underline}

/* 20250523 追蹤商品和補貨通知清單，商品圖上新增mo幣和免運券tag */
.customercenter .summary02 .prdImgWrap .left-tags{position:absolute;left:1%;z-index:1}
.customercenter .summary02 .prdImgWrap .swiper-wrapper .left-tags{bottom:calc(15px + 22%)}
.customercenter .summary02 .prdImgWrap.swiper-wrapper .left-tags{bottom:20%}
.customercenter .summary02 .prdImgWrap .left-tags .tag{width:fit-content;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:2px;padding:var(--tag-padding);color:var(--tag-color);font:bold 10px/13px var( --primary-font-family)}
.customercenter .summary02 .prdImgWrap .left-tags .tag + .tag{margin-top:2px}
.customercenter .summary02 .prdImgWrap .left-tags .tag.mo-tag{--tag-bg-color:#FFC800D9;--tag-border-color:#FFDE66;--tag-padding:1px;--tag-color:#5D3B09}
.customercenter .summary02 .prdImgWrap .left-tags .tag.freight-tag{--tag-bg-color:#CD8313D9;--tag-border-color:#F2BF73;--tag-padding:1px 3px;--tag-color:white}