.layout-home{max-width:576px;margin:auto}.layout-home img{width:100%}.layout-home .first-section{position:relative}.layout-home .first-section .cta-button{position:absolute;bottom:0;width:35%;left:50%;transform:translateX(-50%);bottom:28%;cursor:pointer}.wrapper{background:#fff;background-size:100% 100%;width:100%;height:100vh;background-repeat:no-repeat;background-position:50%;max-width:576px;margin:auto}.logo{position:absolute;top:10px;left:10px}.logo img{width:30%}.bg-top{background:url(../img/momo_index_bg_top.3b663ec9.png);background-size:100%;background-repeat:no-repeat}.title{width:80%;margin:auto;padding:40px 20px 50px 20px;left:10px;position:relative}.title img{width:100%}.bg-bottom{background:url(../img/momo_index_bg_bottom.c8f4a627.png);background-size:100%;background-repeat:no-repeat;margin-top:-35px;padding-top:20px;padding-bottom:20px}a:hover{text-decoration:none}.button{position:relative;background:url(../img/momo_index_button_bg.9b4ca15b.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;color:#fff;font-weight:700;margin-bottom:8px;justify-content:center}.button>div{font-size:24px;padding:6px}@media screen and (max-width:320px){.button>div{font-size:18px;padding:3px}}.button .button-caret{-o-object-fit:cover;object-fit:cover;position:absolute;width:12px;right:20px;top:18px}@media screen and (max-width:320px){.button .button-caret{width:8px;right:10px;top:14px}}.layer{width:60%;bottom:10px;margin:auto}.layer img{width:100%;margin-bottom:10px}.layer .layer-point{position:relative;margin-bottom:10px}.layer .layer-point .point-title{color:#2a4221;font-weight:700;text-align:center;font-size:24px}@media screen and (max-width:320px){.layer .layer-point .point-title{font-size:22px}}.layer .layer-point .point{color:#2a4221;font-weight:700;font-size:50px;line-height:1;background:#fff;padding:5px 10px;border-radius:15px;border:2px solid #f5cf7a;text-align:center}@media screen and (max-width:576px){.layer .layer-point .point{font-size:36px}}body{font-family:Noto Sans TC,Source Sans Pro,Microsoft JhengHei,微軟正黑體,sans-serif}.layout{position:relative;padding-top:84px;background:#35694b}.layout .body{padding:30px 15px;min-height:calc(100vh - 84px);max-width:576px;margin:auto;background:#fff;position:relative}.layout .layout-top-left{position:absolute;top:0;right:0}.layout .layout-bottom-left{position:absolute;bottom:0;left:0;width:50%}.layoutMomo-title{width:35%}.home{width:30%;margin-right:10px}.momo-product-item{background:#fff;padding:5px 10px;border-radius:15px;border:2px solid #f5cf7a;margin-bottom:10px;position:relative;display:flex;align-items:center;height:110px}.momo-product-item .badge{background:#2a4221;border-radius:50%;margin-right:10px;position:absolute;top:5px;left:5px;color:#fff;padding:initial;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;white-space:pre-wrap;padding:0 2px}.momo-product-item .right-content{width:60%}.momo-product-item .image{width:40%;height:100%;margin-right:10px}.momo-product-item .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.momo-product-item .text{font-size:18px;color:#474747;line-height:1.1}.momo-product-item .point{font-size:25px;color:#2a4221;font-weight:700;line-height:1}.momo-product-item .cta-area{width:45%}.momo-product-item .cta img{width:100%}.momo-product-item .date{color:#2a4221;font-size:12px}.list{margin-bottom:70px}.list>div{margin-bottom:10px}.records{margin-bottom:30px;background:#fff;padding:0 10px 10px 10px;border-radius:15px;border:2px solid #f5cf7a;color:#2a4221}.records .record{display:flex;border-bottom:1px solid #2a4221}.records .head{border-bottom:1px solid #2a4221;font-size:20px;font-weight:500}.records .date,.records .note,.records .point{padding:8px 5px}.records .date{width:30%}.records .note{width:50%}.records .point{width:20%}.records .button-loadmore img{width:35%}.records-tip{padding:5px;margin-bottom:3px;text-align:center;color:#2a4221;font-size:10px}