@charset "UTF-8";
/* 20211221_登記活動UI調整 */
#registerActivity .floattitleTxt{font: bold 17px/50px var(--main-font);}
.registerActivity .activityCont {padding: 0 15px 10px; box-sizing: border-box;}
.registerActivity .activityCont h4 {font: bold 15px/22px var(--main-font); margin: 0 0 5px 0;color: #404040;}
.registerActivity .activityCont .activityRule {margin:0;}
.registerActivity .activityCont .activityRule + .activityRule {margin-top: 4px;}
.registerActivity .activityCont .activityRule dt {color:var(--momo-red);font:11px/18px var(--main-font);margin:0;background-color: #FFF3F4;display:inline-block;width:56px;height:18px;text-align:center;vertical-align:top;padding:0;border-radius:4px;}
.registerActivity .activityCont .activityRule dd {display:inline-block;margin:0 0 6px 6px;padding:0;font:13px/17px var(--main-font);color:#454545;width:calc(100% - 66px);vertical-align:top;overflow-wrap:break-word;}
.registerActivity .activityCont .activityRule dd:last-child {margin: 0 5px;}
.registerActivity .activityCont .giftArea {position:relative; width:100%; background-color: #FFFEF1; border-radius: 8px; box-shadow: rgba(204, 204, 204, 0.996) 2px 3px 10px 0px; padding:0 10px 10px 10px; box-sizing:border-box; margin:10px 0 0 0;}
.registerActivity .activityCont .giftArea span.threshold + p.giftName{padding-top: 25px;}
.registerActivity .activityCont .giftArea .threshold {font: 12px/20px var(--main-font);color:#ffffff;width: 58px;height: 20px;background-color: #FEA946;border-radius: 8px 0px;display:inline-block;text-align:center;position:absolute;top:0;left:0;}
.registerActivity .activityCont .giftArea .giftBox{font-size:0;}
.registerActivity .activityCont .giftArea .giftName {font: bold 15px/20px var(--main-font); padding:15px 0 10px 0; margin: 0;}
.registerActivity .activityCont .giftArea img {width:100px;height:100px;vertical-align: top;border-radius: 4px;}
.registerActivity .activityCont .giftArea ul {display:inline-block;list-style:none;margin:0;padding:0 0 0 10px;width: calc(100% - 100px);box-sizing:border-box;}
.registerActivity .activityCont .giftArea ul li {font: 15px/20px var(--main-font); color:#454545;}
.registerActivity .noteArea {background-color:#f2f2f2; padding:10px 15px 15px 15px; box-sizing:border-box;}
.registerActivity .noteArea h6 {font: bold 13px/20px var(--main-font); color:#888888; margin:0 0 3px;}
.registerActivity .noteArea p {font: 13px/20px var(--main-font); color:#888888; margin:0;}
.registerActivity .noteArea ul {margin:0; padding:0;}
.registerActivity .noteArea ul li {font: 13px/20px var(--main-font); color:#888888; list-style:decimal; margin: 0 0 0 20px;}
.registerActivity .floatbtnArea{display:flex; justify-content: center;}
.registerActivity .floatbtnArea a{font:bold 17px/44px var(--main-font);border:1px solid var(--momo-color);border-radius:22px; flex:0 0 165px;height:44px;}
.registerActivity .floatbtnArea a.goStore{color: var(--momo-color);background-color:#fff;margin: 0px; border: 1px solid #D62872;flex: 1;}
.registerActivity .floatbtnArea a.goRegister{color: #fff;margin: 0px 0px 0px 10px;background-color: var(--momo-color); border: 1px solid #D62872; flex: 1;}
.registerActivity .floatbtnArea a.goRegisterAll{color: #fff;background-color: var(--momo-color);flex:0px;margin: 0px 15px;}

/* 20220223_滿件滿額贈UI調整 */
.activityArea .giftBox .titleIcon{color: #4E8AEE; background-color: #EDF3FD;}
.registerActivity .giftCont .giftArea .conditionText{color:#454545; font: bold 15px/22px var(--main-font); padding:10px 0; margin: 0;}
.registerActivity .giftCont .giftArea span.threshold + p.conditionText{padding-top: 25px;}
.registerActivity .giftCont .giftArea .giftInfo{position: relative; display: inline-block; width:calc(100% - 110px); margin: 0 0 0 10px; height: 100px;}
.registerActivity .giftCont .giftArea .giftBox:not(:first-of-type){border-top: 1px solid #ddd; padding: 10px 0 0 0; margin: 10px 0 0 0;}
.registerActivity .giftCont .giftArea .giftBox .giftName{color: #454545; font: 15px/20px var(--main-font); max-height: 40px; overflow:hidden; margin: 0; padding: 0;}
.registerActivity .giftCont + .noteArea{padding: 10px 15px 65px 15px;}
.registerActivity .tipArea{width: 100%; height: 50px; padding: 10px 15px; box-sizing: border-box; background-color: #FFFEF1; position: absolute; left: 0; bottom: 52px; display: flex; align-items: center;}
.registerActivity .tipArea p{font: 13px/15px var(--main-font); color: #E67900; margin: 0; padding: 0 0 0 8px;}

/* 20220421_贈品活動說明_贈完 */
.registerActivity .activityCont .giftArea .giftBox.giveawayOver{position:relative}
.registerActivity .activityCont .giftArea .giftBox.giveawayOver:after{content: "已贈完";display: flex;width: 74px;height: 74px;background: rgba(0,0,0,0.7);border-radius: 50%;color: #fff;position: absolute;top: 13px;left: 13px; font: bold 15px/20px var(--main-font);justify-content: center;align-items: center;}
.registerActivity .activityCont .giftArea .giftBox.giveawayOver.giftBox:not(:first-of-type):after{top:23px}

/* 20220802_䁬品活動改成卡片式 */
.preOrderArea{padding: 8px 15px;box-sizing: border-box;background: linear-gradient(180deg,rgba(255,255,255,0),#FFF);width: 100%;z-index: 2;position: fixed;bottom: 65px;transition:  all 0.3s ease-in-out;left: 0;}
.preOrderArea .innerArea{background: linear-gradient(45deg,#FFAA3B,#FF9203);border-radius: 8px;padding: 4px 15px;box-sizing: border-box;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2),inset 0px 1px 0px rgba(255, 255, 255, 0.4);display: flex;justify-content: center;align-items: center;}
.preOrderArea .innerArea p{font:bold 14px/20px var(--main-font);color: #fff;margin: 0; text-align:center;}
.preOrderArea .innerArea img + p{margin: 0 0 0 25px; text-align:left;}
.preOrderArea.animationTxt{bottom: -60px;}

/* 20230221_滿件滿額贈 UI 調整 */
.registerActivity .giftInfo ul.gift-notice {font:15px/20px var(--main-font);padding:0;width: 100%;position:absolute;left:0;bottom:0;}
.registerActivity .giftInfo ul.gift-notice li {color:#888888;}