/* 各頁面CSS */ .Area_pcmenu{padding-top:50px ;} .Area_pcmenu .box{margin: 0 auto;width:900px ;position:relative;padding:25px 10px 25px 10px;border-radius:.5rem;background:rgba(199,156,255,.82)}.Area_pcmenu .box .Nav-container{display:flex;justify-content:center;margin:0;padding:0}.Area_pcmenu .box .Nav-container .Nav-slide{display:inline-block;box-sizing:border-box;white-space:nowrap;font:bolder 1.325rem/1 var(--primary-font-family);color:#fff;position:relative;text-align:center;cursor:pointer;transition:.5s;padding-inline:1rem;font-weight:bold;font-size:1.15em}.Area_pcmenu .box .Nav-container .Nav-slide:not(:last-child){border-right:.15rem solid #fff}.Area_pcmenu .box .Nav-container .Nav-slide.cate-hover{color:#000}.Area_pcmenu .box .Nav-container .Nav-slide:hover{color:#fcff00;transition:.5s}@media screen and (min-width: 768px){.message-1{font-size:1.25rem;line-height:125%}.my-1{margin-top:.5rem;margin-bottom:.5rem}.message-2{font-size:1.5rem;line-height:130%}.my-2{margin-top:1rem;margin-bottom:1rem}.message-3{font-size:1.75rem;line-height:135%}.my-3{margin-top:1.5rem;margin-bottom:1.35rem}.message-4{font-size:2rem;line-height:140%}.my-4{margin-top:2rem;margin-bottom:2rem}.message-5{font-size:2.25rem;line-height:145%}.my-5{margin-top:2.5rem;margin-bottom:2.5rem}.message-6{font-size:2.5rem;line-height:150%}.my-6{margin-top:3rem;margin-bottom:3rem}.message-7{font-size:2.75rem;line-height:155%}.my-7{margin-top:3.5rem;margin-bottom:3.5rem}.message-8{font-size:3rem;line-height:160%}.my-8{margin-top:4rem;margin-bottom:4rem}.message-9{font-size:3.25rem;line-height:165%}.my-9{margin-top:4.5rem;margin-bottom:4.5rem}.message-10{font-size:3.5rem;line-height:170%}.my-10{margin-top:5rem;margin-bottom:5rem}}@media screen and (max-width: 767px){.message-1{font-size:.625rem;line-height:125%}.my-1{margin-top:.275rem;margin-bottom:.275rem}.message-2{font-size:.75rem;line-height:130%}.my-2{margin-top:.55rem;margin-bottom:.55rem}.message-3{font-size:.875rem;line-height:135%}.my-3{margin-top:.825rem;margin-bottom:.825rem}.message-4{font-size:1rem;line-height:140%}.my-4{margin-top:1.1rem;margin-bottom:1.1rem}.message-5{font-size:1.125rem;line-height:145%}.my-5{margin-top:1.375rem;margin-bottom:1.375rem}.message-6{font-size:1.25rem;line-height:150%}.my-6{margin-top:1.65rem;margin-bottom:1.65rem}.message-7{font-size:1.375rem;line-height:155%}.my-7{margin-top:1.925rem;margin-bottom:1.925rem}.message-8{font-size:1.5rem;line-height:160%}.my-8{margin-top:2.2rem;margin-bottom:2.2rem}.message-9{font-size:1.625rem;line-height:165%}.my-9{margin-top:2.475rem;margin-bottom:2.475rem}.message-10{font-size:1.75rem;line-height:170%}.my-10{margin-top:2.75rem;margin-bottom:2.75rem}} /*切換PC置頂選單*/ .cantantBase1{ display: block; } .cantantBase2{ display: none; } /* Phone置頂選單 */ @media screen and (min-width:768px){ .NavArea { display: block; width: 880px; margin-top: 60px; margin-bottom: 50px;} .NavArea[data-light=icon] .Nav ul { display: flex; justify-content: center; padding-left: 50px !important; padding-right: 50px;} } @media screen and (max-width: 767px){ .NavArea_tabbar { margin: 0 auto; width: 93%; margin: 3vw auto;} } @media screen and (min-width:768px){ .hero-btn-wrap { top: 1%; right: 21%; z-index: 10; } } /*版頭主標*/ .hero-title .lg-text.t1101hide li { list-style: none; } .hero-title .lg-text.t1101hide p { z-index: 10; display: block; } /*momo幣這裡用*/ @media screen and (min-width: 768px) { .Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;} .Area_grabmoney_coupon .PD_layout img { border-radius: 10px;} } @media screen and (max-width: 767px) { .Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;} .Area_grabmoney_coupon .PD_layout img { border-radius: .5em;} } /* A01夜貓搶 */ .danji-pd-body .pd-info-brand { margin-left: 0;} /*.agreeArea .box h3 { background-color: #dfd2a3;}*/ @media screen and (min-width: 768px){ .Area01 .box { padding-block-start: 110px;} .Area01 .box { margin-bottom: -100px;} } @media screen and (max-width: 767px){ .Area01 .box { padding-block-start: 11.5vw;} .Area01 .box { margin-bottom: -7vw;} } /*提醒我按鈕*/ .mo_remind_btn {z-index:10; position: absolute !important;right:0;top:52vw;width:20%;} /* A04頁籤 */ /* -------------------------------------- * Page 頁籤_202405291900 * -------------------------------------- */ .NavArea_tabbar_page { margin: 0 auto 70px ; width: 94%; } .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-40.5%, 0, 0);} .NavArea_tabbar_page .Nav_box { border-radius: 8px; padding: 0 2%;} @media screen and (min-width: 768px){ .NavArea_tabbar_page[data-num="12"] .Nav-wrapper { transform: translate3d(45.5%, 0, 0)!important} } @media screen and (max-width: 767px){ .NavArea_tabbar_page { margin: 0 auto 5vw ; width: 94%; } } .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 } .NavArea_tabbar_page .Nav li { overflow: visible; } .content_swiper{ width:100%;overflow: hidden; } @media screen and (min-width:768px){ .NavArea_tabbar_page { display: block; } .content_swiper{ width:100%;overflow: hidden; } } /*頁籤高亮顏色設定 */ .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;} .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;} /*推編輯按鈕 */ .NavArea_tabbar_page .Nav input { position: fixed; left: 30%} .Nav_box { width:100% ;overflow: hidden;} /* 調整看更多按鈕*/ .PD_layout-D1_05.PD_layout[data-pd-btn*=icon-][data-pd-btn-more] .PD_btn.more{display: none;} .PD_layout-D1_05.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn { width: 12.2%; } /* -------------------------------------- *【佈局】主軸方向 無=直 row=橫 row-reverse橫反向 pc-row=PC橫 pc-row-reverse=PC橫反向 phone-row=Phone橫 phone-row-reverse=Phone橫反向 * -------------------------------------- */ /*forRWD*/ .PD_layout-D1_05.PD_layout[data-pd-direction="row"] .PD a, .PD_layout-D1_05.PD_layout[data-pd-direction="row-reverse"] .PD a { flex-wrap: nowrap; justify-content: flex-start;} .PD_layout-D1_05.PD_layout[data-pd-direction="row"] .PD_img, .PD_layout-D1_05.PD_layout[data-pd-direction="row-reverse"] .PD_img { width: 45%;} .PD_layout-D1_05.PD_layout[data-pd-direction="row"] .PD_into, .PD_layout-D1_05.PD_layout[data-pd-direction="row-reverse"] .PD_into { width: 55%;} .PD_layout-D1_05.PD_layout[data-pd-direction="row"] .PD a { flex-direction: row;} .PD_layout-D1_05.PD_layout[data-pd-direction="row-reverse"] .PD a { flex-direction: row-reverse;} /*forPC*/ @media screen and (min-width:768px){ .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row"] .PD a, .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row-reverse"] .PD a { flex-wrap: nowrap; justify-content: flex-start;} .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row"] .PD_img, .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row-reverse"] .PD_img { width: 45%;} .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row"] .PD_into, .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row-reverse"] .PD_into { width: 55%;} .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row"] .PD a { flex-direction: row;} .PD_layout-D1_05.PD_layout[data-pd-direction="pc-row-reverse"] .PD a { flex-direction: row-reverse;} .Area1220 .PD_layout-D1_05 .PD p { margin-top: 1em !important;} } /*forPhone*/ @media screen and (max-width:767px){ .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row"] .PD a, .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row-reverse"] .PD a { flex-wrap: nowrap; justify-content: flex-start;} .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row"] .PD_img, .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row-reverse"] .PD_img { width: 45%;} .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row"] .PD_into, .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row-reverse"] .PD_into { width: 55%;} .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row"] .PD a { flex-direction: row;} .PD_layout-D1_05.PD_layout[data-pd-direction="phone-row-reverse"] .PD a { flex-direction: row-reverse;} } /*公版補圖*/ @media screen and (min-width: 768px) { .Area_hotPD .PD_layout ul::after { position: relative; width: 100%; background: url(https://img1.momoshop.com.tw/ecm/img/online/10/007/00/144/images/Area_hotPD_bg.png?t=1759485870666) no-repeat center; background-size: 100%; background-size: 96%; } } @media screen and (max-width: 767px) { .Area_hotPD .PD_layout ul::after { position: relative; width: 100%; background: url(https://img1.momoshop.com.tw/ecm/img/online/10/007/00/144/images/Area_hotPD_bg.png?t=1759485870666) no-repeat center; background-size: 100%; background-size: 96%; } } /*調整標題與內容距離*/ .box_1{margin-top:-30px ;} @media screen and (max-width: 767px) { .box_1{margin-top:-5vw;} } /*調整內容小標距離*/ .danji-pd-head b { margin-left: 40px; } @media screen and (max-width: 767px) { .danji-pd-head b { margin-left: 2.2vw; } .danji-pd-head { font-size: 1.15rem; letter-spacing:-0.01em; } } /*隱藏共用素材*/ /*.Fixedfooter {display: none !important;} .cantantBase{display: none !important;} .fixarea{display: none !important;}*/