/* 各頁面CSS */ /*切換PC置頂選單*/ .cantantBase1{ display: block; } .cantantBase2{ display: none; } /*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;} } .Area_calendar a{pointer-events: none;} .Area_Day .hint {position: absolute; top:56px; left: 41px;} .Area_Day .hint img {width: 250px;} @media screen and (max-width: 767px){ .Area_Day .hint {position: absolute; top:9vw; left: -31vw; width: 100%;} .Area_Day .hint img {width: 25%;} } .NavArea .Nav a {color: #000;} @media screen and (min-width: 768px){ .NavArea { display: block; text-align: center;} .NavArea_tabbar_pc { width: 700px; transform: scale(1.2);} .NavArea_tabbar_pc.cate-fixed { opacity: 0; pointer-events: none;} .NavArea_tabbar_pc .Nav_Btn i { display: none;} .NavArea_tabbar_pc .Nav { width: 100%;} } /** 倒數 **/ .TimerNick {position: absolute;top: 366px;padding: 0 0 0 100px;} .TimerNick .TIMER { margin: 0; padding: 0; text-align: center; color: #fff; font-size: 28px; line-height: 45px; font-weight: 800; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; overflow: visible;} .TimerNick .icon { position: relative; top: 6px; margin-right: 4px; /*filter: drop-shadow(1px 1px 1px rgba(0,0,0,1))*/;} .TimerNick span { float: left;} .TimerNick small { float: left; position: relative; top: 0; font-size: 28px; margin-right: 7px; margin-left: 2px;} .TimerNick .time_day { margin-right: 5px; letter-spacing: 0rem;} .TimerNick .FontStyle { position: relative; font-size: 32px; width: 40px; color: var(--text-color-primary); padding: 0.15em; top: -0.18em; font-family: "Century Gothic";} .TimerNick .FontStyle b { display: inline-block; margin: 0; width: 17px; text-align: center; font-weight: 300;} @media screen and (max-width:767px){ .TimerNick {top: 40vw;height: 6vw;left: -10vw;transform: none; z-index: 99;} .TimerNick .TIMER { font-size: 4vw; line-height: 5vw;} .TimerNick .icon { display: block; top: 0.5vw; width: 4vw; filter: none;} .TimerNick small { top: .55vw; font-size: 3.5vw; margin-right: .1em; margin-left: .1em;} .TimerNick .time_day { position: relative; font-size: 4vw; line-height: 6vw; margin-right: 1vw;} .TimerNick .FontStyle { width: 5vw; font-size: 5vw; padding: .2em;} .TimerNick .FontStyle b { margin: 0; width: 3vw;} } /** 調整第一區位置 **/ @media screen and (min-width: 768px) { .Area_calendar {margin-top: 100px;} } @media screen and (max-width: 767px) { .Area_calendar {margin-top: 4vw;} } /*剁手強牌區*/ .Area_PDrush { color: #000;} @media screen and (min-width:768px){ .Area_PDrush .Area_boxstyle_title {/* inset-block-start: 60px; */} } @media screen and (max-width:767px){ .Area_PDrush {} .Area_PDrush .Area_pageB.Area00 { margin: 0 auto;} } /* -------------------------------------- * Page 頁籤 * -------------------------------------- */ @media screen and (min-width:768px){ .NavArea_tabbar_page { margin: 20px auto 20px ; /*width: 94%;*/ width: 90%; display: block ; text-align: center; transform: scale(1.1);} .NavArea_tabbar_page .Nav_Btn i { display: none;} .NavArea_tabbar_page .Nav { width: 100%;} /*.Nav.menu::-webkit-scrollbar { width: 5px;}*/ } @media screen and (max-width:767px){ .NavArea_tabbar_page { margin: 0 auto 5vw ; width: 98%;} } /*頁籤高亮顏色設定 */ .NavArea.NavArea_tabbar_page .Nav .cate-hover i {border: none !important;background-color: #000000 !important;} .NavArea_tabbar_page .Nav_box { border-radius: 8px; } .NavArea_tabbar_page .Nav li { overflow: visible; } .tab_content .page { display: none } /*logo-4品公版 */ .Area_PDrush .PD_layout_Brand .PD_slide:hover { box-shadow: none;} .Area_PDrush .PD_layout_Brand .PD a { justify-content: center; padding-top: .8em; /*gap: 0.2rem;*/} .Area_PDrush .PD_layout_Brand .PD h3 {background-color: #6f32c5;} .Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 33%;} .Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 65%;} .Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo { margin: 0 auto;} .Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo b::after { content: "看更多";} @media screen and (min-width:768px){ .Area_PDrush .PD_layout_Brand { width: 85.9%; font-size: 1.35em;} .Area_PDrush .PD_layout_Brand ul { padding: 10px 15px; grid-gap: 0; border-radius: 15px; background-color: #fff; overflow: hidden;} .Area_PDrush .PD_layout_Brand .PD_slide { border-top: solid 1px #d1d1d1;} .Area_PDrush .PD_layout_Brand .PD_slide:nth-child(1) { border-top: none;} .Area_PDrush .PD_layout_Brand .PD_slide:nth-child(2) { border-top: none;} .Area_PDrush .PD_layout_Brand .PD_slide:not(:nth-child(2n)) { border-right: solid 1px #d1d1d1;} } @media screen and (max-width:767px){ .Area_PDrush .PD_layout_Brand { font-size: 1.25em;} .Area_PDrush .PD_layout_Brand ul { width: 97.8%; padding: 0 .5em; grid-gap: 0; border-radius: 10px; background-color: #fff; overflow: hidden;} .Area_PDrush .PD_layout_Brand .PD_slide:not(:first-child) { border-top: solid 1px #d1d1d1;} .Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 30%;} .Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 68%;} .Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo {transform: scale(.9); margin-bottom: -.15em;} } /*剁手搶主打品算式圖*/ /*.Hot_PD { width: 95%; margin: 0 auto; padding-left: 10px;}*/ .Hot_PD { width: 86%; margin: 30px auto 0; padding: 40px; padding-bottom: 30px; background: linear-gradient(135deg, #fbff94, #fbff94); border-radius: 15px;} .Hot_PD.PD_layout[data-pd-li*=BN] li:hover { box-shadow: none;transform: translateY(-6px); filter: none;} .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide { position: relative;} .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { display: block; z-index: 5; position: absolute; width: 260px; height: 100px; bottom: 0; right: 0;} .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more a { display: block; width: 100%; height: 100%;} @media screen and (max-width:767px){ .Hot_PD { width: min(97.8%,880px); margin-top: 5vw; padding: 3vw; border-radius: 0.5em;} .Hot_PD.PD_layout[data-pd-li*=BN] li:hover { transform: none;} .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { width: 39vw; height: 14vw;} } /*好康1-回饋公式*/ .Area_pageB.Area00 .PD_layout { position: relative; display: flex; justify-content: center; font-family: "Century Gothic", "微軟正黑體";} .Area_pageB.Area00 .PD_layout .PD h3 { display: block;} .Area_pageB.Area00 .PD_layout .PD_img { width: 100%;} .Area_pageB.Area00 .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0,0,0,0)!important;} .Area_pageB.Area00 .PD_layout .PD h4 span { color: #302f2f;} .Area_pageB.Area00 .PD_layout li .PD_into h3 {color: #FFF;} .Area_pageB.Area00 .PD_layout li .PD_into h4 {color: #FFF;} .Area_pageB.Area00 .PD_layout li .PD_into h4 span {color: #FFF;background-color: #ff177d;border-radius: 5vw;} @media screen and (min-width: 768px){ .Area_pageB.Area00 { position: relative; width:100%; height: 220px; margin-bottom: 20px;} .Area_pageB.Area00 .PD_layout{width: 85.4%;top: 20px;margin: 0 auto;height: 190px;background: linear-gradient(135deg, #000, #000);border-radius: 1em;} .Area_pageB.Area00 .PD_layout ul { width:100%;margin: 0 auto; grid-gap: 20px; background-color: transparent;} .Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto));} .Area_pageB.Area00 .PD_layout li { z-index: 5; border-right: none;} .Area_pageB.Area00 .PD_layout:not([data-pd-btn]) .PD_into { padding:0em 1em 0em 1em;} .Area_pageB.Area00 .PD_layout .PD h3 { margin: 0 auto;color: #000;font-size: 1.5em;line-height: 1;width: 5em;height: 2em;overflow: visible;} .Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 { width: 4.6em;} .Area_pageB.Area00 .PD_layout .PD h4 {margin: 0 auto;color: #000;font-size: 2em;height:auto;font-weight: 600;line-height: 35px;} .Area_pageB.Area00 .PD_layout .PD h4 b{width: 100%;display:flow-root;height: 1em;font-size: 2em;line-height: 1em;} .Area_pageB.Area00 .PD_layout .PD h4 span{margin-top: 10px; font-size: 22px; width: 123px;} .Area_pageB.Area00 .PD_layout .PD h4 small{ font-size: 0.7em;} .Area_pageB.Area00 .PD_layout .PD h3 span small{ font-size: 50px;} .Area_pageB.Area00 .PD_layout .PD_slide {/* background-color: #ff9090; height:166px; border-radius:14px; z-index: -1; */ background:none;} .Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before{content:"+";position:absolute;left:-20px;top:50px;font-size:38px;color: #ff63a8;font-weight: 600;} .Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before{content:"="!important;top:50px!important;} .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height: 150px; width: 390px; bottom: 0; right: 0; z-index: 5;} .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more {display: block; } .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{display: block!important;height: 200px} } @media screen and (max-width:767px){ .Area_pageB.Area00 { width: 97.8%; height: 36vw;} .Area_pageB.Area00 .PD_layout ul { width:100%; margin: 0 auto; grid-template-columns: repeat(3, minmax(0, auto)); grid-gap: .5em;} .Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto)); grid-gap: .3em;} .Area_pageB.Area00 .box .lbtclass { width: 100%!important;} .Area_pageB.Area00 .PD_layout {position: relative;background: linear-gradient(135deg, #000, #000);border-radius: 0.5em;height: 32vw;z-index: 5;} .Area_pageB.Area00 .PD_layout ul { justify-content: center; margin-top: 2vw; background-color: transparent;} .Area_pageB.Area00 .PD_layout li { border-right: none; padding: 0 2vw; border-top: none;} .Area_pageB.Area00 .PD_layout .PD_img { width: 100%;} .Area_pageB.Area00 .PD_layout .PD_into { padding: 0.1em; box-sizing: border-box;} .Area_pageB.Area00 .PD_layout .PD h3 {font-size: 3.8vw;line-height: 1.2;display: contents;} .Area_pageB.Area00 .PD_layout .PD h4 {font-size: 4vw;line-height: 3.3vw;font-weight: 600;width: 100%;} .Area_pageB.Area00 .PD_layout .PD h3 span {overflow: initial;width: 96%;} .Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 span { width: 4.8em; margin: 0 auto;} .Area_pageB.Area00 .PD_layout .PD h4 span { font-size: 0.9em; height: 6vw; line-height: 6vw; width: 19vw; margin-top: 1vw;} .Area_pageB.Area00 .PD_layout .PD h4 b {width: auto;display:flow-root;font-size: 1.8em;height: 1.2em;line-height: 1em;} .Area_pageB.Area00 .PD_layout .PD h3 span small { font-size: 5vw;} .Area_pageB.Area00 .PD_layout li:last-of-type .PD_into>h4 span {color: #FFF;} .Area_pageB.Area00 .PD_layout .PD h4 span::after { content:""; /*background-color: #b50058;*/ border-radius: 8vw; height: 5vw; line-height: 5vw; width: 100%; position: absolute; left: 0; z-index: -1;} .Area_pageB.Area00 .PD_layout .PD_slide { width: fit-content; /*background-color: #ff9090;height: 20vw; border-radius: 2vw;*/ background: none;} .Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before {content:"+";position:absolute;left: -2vw;top: 10vw;font-size:5vw;color: #ff63a8;font-weight: 600;} .Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before { content:"="!important;} .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height:15vw; width:40vw; bottom:0; right: 0; z-index: 5; display: block;} .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{ display: block!important; height: 20vw;} } /* -------------------------------------- * Page 頁籤_202405291900 * -------------------------------------- */ .NavArea_tabbar_page { margin: 0 auto 20px ; width: 94%; } .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);} .NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;} .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important} .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important} .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important} .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 } .NavArea_tabbar_page .Nav li { overflow: visible; } /*頁籤高亮顏色設定 */ .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%} @media screen and (min-width:768px){ .NavArea_tabbar_page { display: block; } } .Area_K1 .content_swiper {overflow: hidden;} /*每日攻略表格調整*/ .Area_K3 .content_swiper{overflow: hidden;} .Area_K3 .PD_layout li {border: none; } .Area_K3 .message-table{width: 1162px; --th-color: #ffffff;--th-bg: #c573d2;--td-color: #555960;--td-bg: #ffffff;--border-color:rgba(64,64,70,.3); /*width:min(96%,800px); */margin-inline:auto} .Area_K3 .message-table table{ width:100%;overflow:hidden; font-size:2rem; border-spacing:0;font-weight:bolder;border-radius:10px} .Area_K3 .message-table table th,.message-table table td{padding-block:0.5rem;border-color:var(--border-color);border-width:0 .5px .5px 0;border-style: groove;} .Area_K3 .message-table table th{color:var(--th-color);background:url(table_topBg.jpg?t=1762774398762) repeat center/100%;background-size:28px 28px} .Area_K3 .message-table table th:last-child{border-right:0} .Area_K3 .message-table table td{/*color:var(--td-color);*/color:#000;background:var(--td-bg);border-color: rgb(0 0 0 / 50%);padding-block:1.3rem;padding: 5px; } .Area_K3 .message-table table td:last-child{border-right:0} .Area_K3 .message-table table tr:last-child td{border-bottom:0} .Area_K3 .message-table table .font-style--number{text-align: center; font-weight:400; font-size: 0.9em; font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Arial} .Area_K3 .message-table table .table-amount{font-size:1.5em} .Area_K3 .focusTxt{color: #ec2aae;font-weight: 400;} .Area_K3 .message-table table td.sub{text-align:center; font-weight:400; } .Area_K3 .message-table table td{text-align: left;font-weight: 400;} .Area_K3 .message-table table tr td:nth-last-child(1){text-align: center;padding-left: 0;font-weight: 400;} @media screen and (max-width: 767px){ .Area_K3 .message-table{width:100%;} .Area_K3 .message-table table{width:100%;overflow:hidden;font-size: 0.9rem;} .Area_K3 .message-table table th{padding-block: 0.5rem;background-size: 3vw 3vw;} .Area_K3 .message-table table td{ line-height: 1.8em; padding-block: .2rem; padding: 0.1rem 0.4rem 0.1rem 0.4rem ; font-weight: 400; } .Area_K3 .SmallTxt{color: #555960;font-size: .8rem;} } .Area_K3 .PD_layout ul {padding: 0;} .Area_K3 .PD_layout .PD h3 { padding-top: 5px; min-width: 10vw; font-size: 2em; max-height: 4em; line-height: 1.3em; color: #FFF; background-color: #ec2aae; border-radius: 50px;} @media screen and (max-width: 767px){ .Area_K3 .PD_layout .PD h3 {font-size: 0.9rem;} } /*品類攻略表格調整*/ .Area_K2 .content_swiper{overflow: hidden;} .Area_K2 .message-table{ --th-color: #ffffff;--th-bg: #c573d2;--td-color: #555960;--td-bg: #ffffff;--border-color:rgba(64,64,70,.3); width:min(96%,800px); margin-inline:auto} .Area_K2 .message-table table{width:100%;overflow:hidden;font-size:2rem;border-spacing:0;font-weight:bolder;border-radius:10px} .Area_K2 .message-table table th,.message-table table td{padding-block:0.5rem;border-color:var(--border-color);border-width:0 .5px .5px 0;border-style: groove;} .Area_K2 .message-table table th{color:var(--th-color);background:url(table_topBg.jpg?t=1762774398762) repeat center/100%;background-size:28px 28px} .Area_K2 .message-table table th:last-child{border-right:0} .Area_K2 .message-table table td{color:#000;background:var(--td-bg);border-color: rgb(0 0 0 / 50%);padding-block:1.3rem; padding-left:1rem;} .Area_K2 .message-table table td:last-child{border-right:0} .Area_K2 .message-table table tr:last-child td{border-bottom:0} .Area_K2 .message-table table .font-style--number{text-align: center; font-weight: 400; font-size: 0.9em;font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Arial} .Area_K2 .message-table table .table-amount{font-size:1.5em} .Area_K2 .focusTxt{color: #ec2aae;font-weight: 400;} .Area_K2 .message-table table td.sub{text-align:center; font-weight: 400; } .Area_K2 .message-table table td{text-align: left;font-weight: 400;} .Area_K2 .message-table table tr td:nth-last-child(1){text-align: center;padding-left: 0;font-weight:400;} @media screen and (max-width: 767px){ .Area_K2 .message-table{width:100%;} .Area_K2 .message-table table{width:100%;overflow:hidden;font-size: 0.9rem;} .Area_K2 .message-table table th{padding-block: 0.5rem;background-size: 3vw 3vw;} .Area_K2 .message-table table td{padding-block: .2rem;padding-left: 0.4rem;font-weight: 400; } .Area_K2 .SmallTxt{color: #555960;font-size: .8rem;} } .Area_K2 .PD_layout ul { padding: 0;} .Area_K2 .PD_layout li {border: none; } .Area_K2 .PD_layout .PD h3 { padding-top: 5px; font-size: 2em; max-height: 4em; line-height: 1.3em; color: #FFF; background-color: #ec2aae; border-radius: 50px;} @media screen and (max-width: 767px){ .Area_K2 .PD_layout .PD h3 { font-size: 0.9rem; } } /* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */ /* css寫法--1104修正 (1)空格異常重KEY、(2)新增第四行*-全部元素背景 */ .articleList .lazy[data-bg=""][data-was-processed="false"], .articleList .lazy[data-bg=""][data-was-processed="false"]::before, .articleList .lazy[data-bg=""][data-was-processed="false"]::after, .articleList .lazy[data-bg=""][data-was-processed="false"] *, .articleList .lazy[data-bg=""][data-was-processed="false"] *::before, .articleList .lazy[data-bg=""][data-was-processed="false"] *::after {background-image: none !important;} /* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */ /* scss寫法--1104修正 (1)空格異常重KEY、(2)新增第四行*-全部元素背景 */ .articleList .lazy[data-bg=""][data-was-processed="false"] { &, &::before, &::after, & *, & *::before, & *::after { background-image: none !important; } }