/*行銷3顆活動語法*/ .acty { z-index: 20; position: relative;width: 960px; margin: 0 auto; } .acty::after { z-index: -2; content: ""; display: block; clear: both; position: absolute; width: 960px; height: 215px; top: 0; left: 0; background: url('acty_bg.png?t=1754909732640') center top/100% no-repeat scroll; } .acty img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .acty ul { display: grid; grid-template-columns: repeat(3, auto); padding: 0; margin: 0; } .acty li { list-style: none; } @media screen AND ( max-width: 767px ){ .acty { width: 100%; } .acty::after { width: 100%; height: 23vw; top: 1vw; left: 0; } }@charset "utf-8"; /* CSS Document */ /*基本*/ body{margin:0;padding:0;/* background-color: #6fb4ed; */} /*全BOX版面*/ .WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;overflow:hidden;width:100%;min-width:1220px;text-align:left;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background: url(pc_repeat.jpg?t=1754909732641)top center repeat-y;background-size: 100%;} .WRAPPER img { border:0px; vertical-align:top;} .WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent} /*預設清單樣式*/ .Area .list_00 ul {display:inline-block; margin:0; padding:0;} .Area .list_00 li {list-style:none;float:left;overflow: hidden;} @media screen and (max-width:767px){ .WRAPPER {padding-bottom:30px;min-width: inherit;min-height:100vh;overflow: hidden;background: url(mb_repeat.jpg?t=1754909732641)top center repeat-y;background-size: 100%;} .WRAPPER img { width:100%; height:auto;} } /*背景*/ @media screen and (min-width:768px){ .bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;} .bg_01 {z-index: 0;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;} .bg_02 {z-index: -37;position:absolute;top: 457px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;} .bg_repeat {z-index:-46;position:fixed;top: 0px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;transition:0.5s linear;pointer-events:none;} .bg_deco {z-index: 17;position:fixed;top: 0px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;transition:0.5s linear;pointer-events:none;} } #eWriterBtn_bt_B_000_01 { margin-left: 620px!important; margin-top: 40px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_03 { margin-left: 20px!important; margin-top: 80px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_04 { margin-left: 200px!important; margin-top: 30px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_05 { margin-left: 0px!important; margin-top: 80px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_06 { margin-left: 200px!important; margin-top: 80px!important; z-index: 99!important; } /*編輯按鈕移動*/ #eWriterBtn_bt_B_000_07 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_10 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_13 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_16 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_19 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_v4-he34 { margin-left:450px!important; margin-top: 235px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_41 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_43 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_45 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_47 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_49 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_51 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_53 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_55 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_57 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_59 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } #eWriterBtn_bt_B_000_61 { margin-left:450px!important; margin-top: 60px!important; z-index: 99!important; } @media screen and (max-width: 767px){ } /*區塊底*/ @media screen and (min-width:768px){ .Area_bottom01 {background:url(pc_bottom01.png?t=1742985018600)top center no-repeat;background-size:100%;padding-top:80px;margin-top:-22px;margin-bottom:50px;} } @media screen and (max-width: 767px){ .Area_bottom01 {background: #ffcc82;background-size:100%;padding-top:4vw;} .mo_top {z-index: 1;position:absolute;top: 44px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;} } /*版頭區*/ @media screen and (min-width:768px){ .Area_title {height: 312px;} .line_deco{position: absolute;width: 83%;left: 62px;top: -9px;z-index:5;} .line_deco img{width: 100%;} .bird_01{position: absolute;width: 17%;right: 152px;top: 379px;z-index: 17;} .bird_01 img{width: 100%;} .bird_02{position: absolute;width: 8%;left: 220px;top: 31px;z-index: 9;} .bird_02 img{width: 100%;} .grass{position: absolute;width: 82%;left: 163px;top: 200px;z-index: 9;} .grass img{width: 100%;} .cloud{position: absolute;width: 84%;left: 151px;top: 115px;z-index: 9;} .cloud img{width: 100%;} } @media screen and (max-width: 767px){ .Area_title {height: 28.5vw;} .line_deco{position: absolute;width: 100%;left: 0vw;top: -2vw;z-index: 16;} .bird_01{position: absolute;width: 27%;right: 0vw;top: 38vw;z-index: 16;} .bird_02{position: absolute;width: 10%;left: 10vw;top: 3vw;z-index: 16;} .grass{position: absolute;width: 104%;left: 4vw;top: 21vw;z-index: 16;} .cloud{position: absolute;width: 101%;left: 4vw;top: 12vw;z-index: 16;} } /*主標入稿*/ @media screen and (min-width:768px){ /*主標*/ .Area_title .subtitle {position:absolute;width: 468px;height:auto;top: 31px;left: 388px;z-index: 9;margin: auto;opacity: 0;} .Area_title .subtitle .layout_title {} .Area_title .subtitle .layout_title ul {} .Area_title .subtitle .layout_title .PD_slide:hover{transform:none;} /*date*/ .Area_title .date {position:absolute;top: 56px;left: 316px;width: 200px;z-index: 99;opacity: 0;} .Area_title .date .layout_title {} .Area_title .date .layout_title ul {} .Area_title .date .layout_title .PD_slide:hover{transform:none;} /*pro_p001*/ .Area_title .pro_p001 {position:absolute;top: 183px;left: 2px;width: 588px;z-index: 17;} .Area_title .pro_p001 .layout_title {} .Area_title .pro_p001 .layout_title ul {} .Area_title .pro_p001 .layout_title .PD_slide:hover{transform:none;} /*pro_p001*/ .Area_title .pro_p002 {position:absolute;top: -74px;right: 114px;z-index: 1;width: 312px;} .Area_title .pro_p002 .layout_title {} .Area_title .pro_p002 .layout_title ul {} .Area_title .pro_p002 .layout_title .PD_slide:hover{transform:none;} /*pro_p001*/ .Area_title .pro_p004 {position:absolute;top: 368px;left: 738px;z-index: 1;width: 114px;} .Area_title .pro_p004 .layout_title {} .Area_title .pro_p004 .layout_title ul {} .Area_title .pro_p004 .layout_title .PD_slide:hover{transform:none;} /*副標輪播*/ .Area_title .titile02 {position: absolute;top: 324px;left: 398px;width: 465px;height: 335px;overflow: hidden;z-index: 20;} .Area_title .titile02 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;} .Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);} .Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);} } @media screen and (max-width:767px){ /*主標*/ .Area_title .subtitle {position: absolute;top: 3vw;width: 45.8%;left: 28vw;margin: auto;z-index: 4;} .Area_title .subtitle .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .subtitle .layout_title ul {} /*date*/ .Area_title .date {position:absolute;width: 20%;top: 5vw;left: 18.5vw;z-index: 9;} .Area_title .date .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .date .layout_title ul {} /*pro_p001*/ .Area_title .pro_p001 {position:absolute;width: 59%;top: 19vw;left: -12.5vw;z-index: 10;} .Area_title .pro_p001 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .pro_p001 .layout_title ul {} /*pro_p002*/ .Area_title .pro_p002 {position:absolute;width: 29%;top: -8vw;right: 0vw;z-index: 10;} .Area_title .pro_p002 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .pro_p002 .layout_title ul {} /*pro_p004*/ .Area_title .pro_p004 {position:absolute;width: 18%;top: 45vw;right: 9vw;z-index: 1;} .Area_title .pro_p004 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .pro_p004 .layout_title ul {} /*副標輪播*/ .Area_title .titile02 {position: absolute;top: 34vw;right: 23vw;width: 50%;height: 30vw;overflow: hidden;z-index: 20;} .Area_title .titile02 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;} .Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);} .Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);} } /*版頭品入稿*/ @media screen and (min-width:768px){ .Area_box .bg_01{z-index: -37;position:absolute;top: 0px;left: -390px;width: 2000px;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;} .Area_box .top_box_bg{margin-bottom: 35px;padding-bottom: 262px;} .Area_box .left_list {position: absolute;left: 57px;top: 99px;z-index: 9;} .Area_box .left_list img {width: 61%;} /** 公版 **/ .Area_box {z-index: 13;} .Area_box .PD_layout {width: 89%;overflow:hidden;margin: auto;padding-top: 256px;z-index: 10;} .Area_box .PD_layout ul {display:flex;grid-gap: 0.3em;width: 100%;padding: 0;margin-left: 0;background-color: #ffffff00;} .Area_box .PD_layout ul li {background-color: #fff;border-radius: 1em;margin-right: 0px !important;border-top: none;border: none;} .Area_box .PD_layout .PD_into .Price {} .Area_box .PD_layout .swiper-pagination {position:relative;margin: 20px 0;} .swiper-pagination-clickable .swiper-pagination-bullet{background: #ffffff !important;} } @media screen and (max-width:767px){ .Area_box .left_list {position: absolute;left: 2vw;top: 33vw;width: 6.4%;z-index: 9;} .Area_box .top_box_bg{background: url(frame.png?t=1754909732641)top center no-repeat;background-size: 100% !important;padding-top: 0vw;margin-top: 1vw;padding-bottom: 43vw;} /** 公版 **/ .Area_box {height: 111.5vw;width: 100% !important;z-index: 9;} .Area_box .PD_layout {width: 89%;overflow:hidden;padding-top: 31vw;z-index: 9;} .Area_box .PD_layout ul {display:flex;padding: 0px;grid-gap: 1.2vw;margin-left: 0;border-radius: 0;background-color: #ffffff00;/* width: 81% !important; */} .Area_box .PD_layout ul li {background-color: white;border-radius: 1em;margin-right: 0 !important;border: none;} .Area_box .PD_layout .PD_into .Price {font-size: 25px!important;} .Area_box .PD_layout .PD_into p {height: 2.2em!important ;} .Area_box .PD_layout .PD_into .js-PD_del {font-size: 8px!important;} .Area_box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0;} .swiper-pagination-clickable .swiper-pagination-bullet{background: #664232 !important;} } /*館*/ @media screen and (min-width:768px){ .Area_btn {height:100%;} .Area_btn .pic_003{position: absolute;top: -182px;right: 758px;z-index: 19;} .Area_btn .pic_003 img{width: 60%;} .Area_btn .pic_004{position: absolute;top: -158px;right: -137px;z-index: 17;} .Area_btn .pic_004 img{width: 42%;} /**區標**/ .Area_btn .text{width: 70%;margin: 30px auto -55px;} .Area_btn .text .layout_text {width: 100%;margin:0 auto;padding-top: 35px;} .Area_btn .text .layout_text .PD_slide:hover{transform:none;} .Area_btn .text .layout_text .PD a {pointer-events: none!important} /*按鈕*/ .Area_btn .layout_btn {width: 56%!important;margin: -177px auto 44px auto;} .Area_btn .layout_btn ul {} .Area_btn .layout_btn ul li{} .Area_btn .PD_layout ul {} .Area_btn .PD_layout ul li {padding: 18px;} } @media screen and (max-width:767px){ .Area_btn {height:100%;} .Area_btn .pic_003{position: absolute;top: -19vw;width: 32%;left: -13vw;z-index: 9;} .Area_btn .pic_004{position: absolute;top: -19vw;width: 25%;right: 2vw;z-index: 9;} .Area_btn .PD_layout {} .Area_btn .layout_coupon ul {width: 95% !important;margin: 0 auto !important;} /*按鈕*/ .Area_btn .layout_btn {width: 100%!important;margin: auto;padding-bottom: 2vw;padding-top: 0vw;} .Area_btn .layout_btn ul {width: 91% !important;margin: auto !important;} .Area_btn .layout_btn ul li{padding: 4vw;} /**區標**/ .Area_btn .text {position:relative;width: 100%;margin: 0 auto -1vw;} .Area_btn .text .layout_text {padding-top: 4vw;} .Area_btn .text .layout_text .PD a {pointer-events: none!important} } /* 熱搜話題*/ @media screen and (min-width:768px){ .Area_coupon02 {} .Area_coupon02 .papper_01 {position: absolute;left: -47px;top: 286px;z-index: -3;} .Area_coupon02 .papper_01 img { width: 67%; } .Area_coupon02 .text {margin-bottom: 3vw;width: 70%;margin: -25px auto -6px;} .Area_coupon02 .layout_coupon ul{width: 93% !important;margin: 25px auto 0 !important;} .Area_coupon02 a{} .Area_coupon02 .Area_swiper{height: 256px;width: 82%;margin: auto;} .Area_coupon02 .Area_swiper .Area_swiper_box{padding-bottom: 11px;} .Area_coupon02 .PD_layout-coupon3{width: 100%;margin: 0 auto 32px;} .Area_coupon02 .PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 44% !important; color: #000000 !important;} .Area_coupon02 .PD_layout.PD_layout-coupon3 .PD .threshold{ color: #000000 !important;} } @media screen and (max-width:767px){ .Area_coupon02 {} .Area_coupon02 .box {position: relative;background-color: #fbc764;height: 100%;background-size: 100%;} .Area_coupon02 .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;} /**區標**/ .Area_coupon02 .text {width: 100%;margin: 3vw auto -2vw;} .Area_coupon02 .text .PD_layout {z-index: 0;} .Area_coupon02 .text .layout_text .PD_slide:hover{transform:none;} .Area_coupon02 .text .layout_text .PD a {pointer-events: none!important} .Area_coupon02 .Area_swiper{} .Area_coupon02 .Area_swiper .Area_swiper_box{height: 22vw;} .Area_coupon02 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;} .Area_coupon02 .layout_coupon{padding-top: 1vw;} .Area_coupon02 .text .PD_layout ul {padding: 0;} .Area_coupon02 .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;} .Area_coupon02 .PD_layout ul{width: 100% !important;margin: auto!important;} .Area_coupon02 .PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 44% !important;color: #000000 !important;} .Area_coupon02 .PD_layout.PD_layout-coupon3 .PD .threshold{ color: #000000 !important;} } /* 熱搜話題*/ @media screen and (min-width:768px){ .Area_coupon {} .Area_coupon .text {margin-bottom: 3vw;width: 70%;margin: -25px auto -6px;} .Area_coupon .layout_coupon ul{width: 93% !important;margin: 25px auto 0 !important;} .Area_coupon a{} .Area_coupon .PD_layout {width: 83%;margin: auto;} .Area_coupon .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;} } @media screen and (max-width:767px){ .Area_coupon {} .Area_coupon .box {position: relative;background-color: #fbc764;height: 100%;background-size: 100%;} .Area_coupon .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;} /**區標**/ .Area_coupon .text {width: 100%;margin: 3vw auto -2vw;} .Area_coupon .text .PD_layout {z-index: 0;} .Area_coupon .text .layout_text .PD_slide:hover{transform:none;} .Area_coupon .text .layout_text .PD a {pointer-events: none!important} .Area_coupon .Area_swiper{} .Area_coupon .Area_swiper .Area_swiper_box{height: 22vw;} .Area_coupon .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;} .Area_coupon .layout_coupon{padding-top: 1vw;} .Area_coupon .text .PD_layout ul {padding: 0;} .Area_coupon .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;} .Area_coupon .PD_layout ul{width: 100% !important;margin: auto!important;} } /*主打作圖*/ @media screen and (min-width:768px){ .Area_item02 {height:100%;} .Area_item02 .bg_01{z-index: -1;position:absolute;top: 0px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_item02 .bg_02{z-index: -5;position:absolute;top: 225px;left: -390px;width: 2000px;height: 1020px;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_item02 .bg_03{z-index: -1;position:absolute;bottom: -247px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_item02 .text {position:relative;} .Area_item02 .text .layout_text {width: 60%;margin: 2px auto -7px;padding-top: 290px;} .Area_item02 .text .layout_text ul {margin:0;padding:0;} .Area_item02 .text .layout_text .PD_slide:hover{transform:none;} .Area_item02 .text .layout_text .PD a {pointer-events: none!important} /**公版入稿**/ .Area_item02 .layout_PD {width: 96%;padding-top: 0px;margin-bottom: 201px;} .Area_item02 .layout_PD ul {background-color: #ffffff00;grid-gap: 0.5em;width: 96%;border-radius: 0;} .Area_item02 .layout_PD ul li{border-radius: 1em;background-color: #ffffff;} .Area_item02 .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_item02 .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_item02 .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_item02 .layout_PD .PD .PD_into p{} .Area_item02 .layout_PD .PD .PD_into .js-PD_del{} .Area_item02 .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_item02 .layout_PD .PD .PD_into h4{} .Area_item02 .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_item02 .layout_PD .PD .Price {} .Area_item02 .new_bottom{margin-top: -1vw;} } @media screen and (max-width:767px){ .Area_item02 {height:100%;/* background: url(item_bg_mb.jpg?t=1744877505934)top center repeat-y; */background-size: 100%;} .Area_item02 .deco {position:absolute;width:100%;left:0;top:-10vw;z-index:5;pointer-events: none;} /**區標**/ .Area_item02 .text {position:relative;z-index: 9;width: 98%;margin: -18vw auto 5vw;} .Area_item02 .text .layout_text {margin: 34vw auto -36vw;} .Area_item02 .text .layout_text ul {margin-top: 0vw;padding:0;} .Area_item02 .text .layout_text .PD_slide:hover{transform:none;} .Area_item02 .text .layout_text .PD a {pointer-events: none!important;} /**公版**/ /**公版入稿**/ .Area_item02 .layout_PD {width: 100%;margin: 0vw auto -1vw;background: url(bb_mb_02.jpg?t=1754909732641)top center repeat-y;background-size: 100%;padding-top: 18vw;} .Area_item02 .layout_PD ul {background-color: #ffffff00;grid-gap: 0.5em;width: 95%;border-radius: 0;} .Area_item02 .layout_PD ul li{border-radius: 0.5em;background-color: #ffffff;border: none;} .Area_item02 .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_item02 .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_item02 .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_item02 .layout_PD .PD .PD_into p{} .Area_item02 .layout_PD .PD .PD_into .js-PD_del{} .Area_item02 .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_item02 .layout_PD .PD .PD_into h4{} .Area_item02 .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_item02 .layout_PD .PD .Price {} .Area_item02 .new_bottom{margin-top: -1vw;} } /*活動按鈕02*/ @media screen and (min-width:768px){ .Area_bn02 {} .Area_bn02 .bg_01{z-index:-45;position:absolute;top: -40px;left: -390px;width: 2000px;height: 880px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} /**區標**/ .Area_bn02 .text{position:relative;width: 75%;margin: 26px auto -20px;} .Area_bn02 .text .layout_text {width: 100%;margin:0 auto;padding-top: 0px;} .Area_bn02 .text .layout_text .PD_slide:hover{transform:none;} .Area_bn02 .text .layout_text .PD a {pointer-events: none!important} .Area_bn02 .bn {width: 65%;margin: 55px auto 0;padding-top: 121px;} .Area_bn02 .bn .PD_layout {width: 100%;} .Area_bn02 .bn .PD_layout ul {padding: 0;margin: 0;} .Area_bn02 .bn .PD_layout ul li {} } @media screen and (max-width:767px){ .Area_bn02 {} .Area_bn02 .PD_layout { width: 93%;} .Area_bn02 .layout_coupon ul {width: 95% !important;margin: 0 auto !important;} /*按鈕*/ .Area_bn02 .layout_btn {width: 100%!important;margin: auto;z-index: 9;padding-top: 2.5vw;padding-bottom: 5vw;background-size: 100%;} .Area_bn02 .layout_btn ul {width: 96% !important;margin: auto !important;} .Area_bn02 .layout_btn ul li{padding: 2vw;} /**區標**/ .Area_bn02 .text {position:relative;width: 100%;margin: 3vw auto 0;} .Area_bn02 .text .layout_text {} .Area_bn02 .text .layout_text .PD a {pointer-events: none!important} /** 公版 **/ .Area_bn02 .box {padding-bottom: 0;width: 100%;margin: -1vw auto -9vw;padding-top: 0vw;} .Area_bn02 .box .PD_layout {overflow:hidden;padding-top: 0vw;} .Area_bn02 .box .PD_layout ul {display:flex;height: 40vw;} .Area_bn02 .box .PD_layout ul li {} .Area_bn02 .box .swipwe_remove_box_style ul li {background-color:#fff0!important;} .Area_bn02 .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: #fafae7 !important;} } /*主打作圖*/ @media screen and (min-width:768px){ .Area_item03 {height:100%;} .Area_item03 .bg_01{z-index: -1;position:absolute;top: 29px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_item03 .bg_02{z-index: -5;position:absolute;top: 125px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_item03 .bg_03{z-index: -1;position:absolute;bottom: -233px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_item03 .text {position:relative;} .Area_item03 .text .layout_text {width: 60%;margin: 0px auto 32px;padding-top: 99px;} .Area_item03 .text .layout_text ul {margin:0;padding:0;} .Area_item03 .text .layout_text .PD_slide:hover{transform:none;} .Area_item03 .text .layout_text .PD a {pointer-events: none!important} /**公版入稿**/ .Area_item03 .layout_PD {width: 96%;padding-top: 0px;margin-bottom: 201px;} .Area_item03 .layout_PD ul {background-color: #ffffff00;grid-gap: 0.54em;} .Area_item03 .layout_PD ul li{border-radius: 1em;background-color: #ffffff;} .Area_item03 .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_item03 .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_item03 .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_item03 .layout_PD .PD .PD_into p{} .Area_item03 .layout_PD .PD .PD_into .js-PD_del{} .Area_item03 .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_item03 .layout_PD .PD .PD_into h4{} .Area_item03 .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_item03 .layout_PD .PD .Price {} .Area_item03 .new_bottom{margin-top: -1vw;} } @media screen and (max-width:767px){ .Area_item03 {height:100%;/* background: url(item_bg_mb.jpg?t=1744877505934)top center repeat-y; */background-size: 100%;} .Area_item03 .deco {position:absolute;width:100%;left:0;top:-10vw;z-index:5;pointer-events: none;} /**區標**/ .Area_item03 .text {position:relative;z-index: 9;width: 98%;margin: auto;} .Area_item03 .text .layout_text {margin: 8vw auto -21vw;} .Area_item03 .text .layout_text ul {margin-top: 0vw;padding:0;} .Area_item03 .text .layout_text .PD_slide:hover{transform:none;} .Area_item03 .text .layout_text .PD a {pointer-events: none!important;} /**公版入稿**/ .Area_item03 .layout_PD {width: 100%;margin: 0vw auto -1vw;padding-top: 22vw;} .Area_item03 .layout_PD ul {background-color: #ffffff00;grid-gap: 0.5em;width: 95%;border-radius: 0;} .Area_item03 .layout_PD ul li{border-radius: 0.5em;background-color: #ffffff;border: none;} .Area_item03 .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_item03 .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_item03 .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_item03 .layout_PD .PD .PD_into p{} .Area_item03 .layout_PD .PD .PD_into .js-PD_del{} .Area_item03 .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_item03 .layout_PD .PD .PD_into h4{} .Area_item03 .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_item03 .layout_PD .PD .Price {} .Area_item03 .new_bottom{margin-top: -1vw;} } /*登記*/ @media screen and (min-width:768px){ .Area_danjiall {height:100%;} .Area_danjiall .bg_01{z-index: -1;position:absolute;top: -278px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_danjiall .bg_02{z-index: -5;position:absolute;top: -15px;left: -390px;width: 2000px;height: 1020px;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_danjiall .bg_03{z-index: -1;position:absolute;bottom: -119px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_danjiall .text {position:relative;margin-bottom: 0px;background-size: 72%;} .Area_danjiall .text .layout_text {width: 70%;padding:0;} .Area_danjiall .text .layout_text ul {margin:0;padding:0;} .Area_danjiall .text .layout_text .PD_slide:hover{transform:none;} .Area_danjiall .text .layout_text .PD a {pointer-events: none!important} .Area_danji .danji_box {width:73% !important;margin-bottom: 0 !important;} .Area_danji .danji_box .box_2 img {filter: brightness(0%)!important;} .Area_danjiall .danji_box{margin-bottom:171px;} .Area_danjiall .warningTxt {margin-bottom: 14px;} .Area_danjiall .warningTxt h3 {color: #000000;font-size: 1.5rem;} /*登記贈品文案顏色*/ .Area_danjiall .danji_box ul li .activityText .gifts span {color: #fafae7;} } @media screen and (max-width:767px){ .Area_danjiall {} /**區標**/ .Area_danjiall .text {margin: -3vw auto 0;padding-top: 0vw;} .Area_danjiall .text .layout_text {margin: 21px auto 0;padding-bottom: -1vw;} .Area_danjiall .text .layout_text ul {margin:0;padding:0;} .Area_danjiall .text .layout_text .PD_slide:hover{transform:none;} .Area_danjiall .text .layout_text .PD a {pointer-events: none!important} .Area_danjiall .Area_danji {width: 100%;background: url(bb_mb_02.jpg?t=1754909732641) top center repeat-y;background-size: 100%;} .Area_danjiall .Area_danji .danji_box {width: 98%!important;margin: 0px auto 0!important;} .Area_danjiall .Area_danji .danji_box .box_1 {margin-top: 0vw;} .Area_danji .danji_box .box_2 img {filter: brightness(0%)!important;} .Area_danji .danji_box ul li{ padding: 1vw !important;} .Area_danjiall .warningTxt {} .Area_danjiall .warningTxt h3 {color: #000000;} .Area_danjiall .hatsale_bottom{z-index: -1;position:absolute;bottom: -2vw;left: 0;width: 100%;height: 53px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;} /*登記贈品文案顏色*/ .Area_danjiall .danji_box ul li .activityText .gifts span {color: #fafae7;} } /*主打作圖*/ @media screen and (min-width:768px){ .Area_new {height:100%;} .Area_new .bg_01{z-index: -1;position:absolute;top: 149px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_new .bg_02{z-index: -5;position:absolute;top: 195px;left: -390px;width: 2000px;height: 842px;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_new .bg_03{z-index: -1;position:absolute;bottom: -49px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_new .text {position:relative;} .Area_new .text .layout_text {width: 60%;margin: 0px auto 31px;padding-top: 0px;} .Area_new .text .layout_text ul {margin:0;padding:0;} .Area_new .text .layout_text .PD_slide:hover{transform:none;} .Area_new .text .layout_text .PD a {pointer-events: none!important} /**公版入稿**/ .Area_new .layout_PD {width: 77%;padding-top: 0px;margin-bottom: 101px;} .Area_new .layout_PD ul {background-color: #ffffff00;grid-gap: 1em;width: 96%;border-radius: 0;} .Area_new .layout_PD ul li{border-radius: 1em;background-color: #ffffff;} .Area_new .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_new .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_new .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_new .layout_PD .PD .PD_into p{} .Area_new .layout_PD .PD .PD_into .js-PD_del{} .Area_new .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_new .layout_PD .PD .PD_into h4{} .Area_new .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_new .layout_PD .PD .Price {} .Area_new .new_bottom{margin-top: -1vw;} } @media screen and (max-width:767px){ .Area_new {height:100%;background-size: 100%;} /**區標**/ .Area_new .text {position:relative;z-index: 9;width: 98%;margin: auto;} .Area_new .text .layout_text { margin-top: 5vw; } .Area_new .text .layout_text ul {margin-top: 0vw;padding:0;} .Area_new .text .layout_text .PD_slide:hover{transform:none;} .Area_new .text .layout_text .PD a {pointer-events: none!important;} .Area_new .item_01_mb{width: 96%;margin: auto;} /**公版入稿**/ .Area_new .layout_PD {width: 96%;margin: 0vw auto -1vw;background: url(blue_ff_mb_02.png?t=1754909732641)top center repeat-y;background-size: 100%;} .Area_new .layout_PD ul {background-color: #ffffff00;grid-gap: 0.5em;width: 95%;border-radius: 0;} .Area_new .layout_PD ul li{border-radius: 0.5em;background-color: #ffffff;border: none;} .Area_new .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_new .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_new .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_new .layout_PD .PD .PD_into p{} .Area_new .layout_PD .PD .PD_into .js-PD_del{} .Area_new .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_new .layout_PD .PD .PD_into h4{} .Area_new .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_new .layout_PD .PD .Price {} .Area_new .new_bottom{margin-top: -1vw;} } /*主打作圖*/ @media screen and (min-width:768px){ .Area_new02 {height:100%;} .Area_new02 .bg_01{z-index: -1;position:absolute;top: 149px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_new02 .bg_02{z-index: -5;position:absolute;top: 195px;left: -390px;width: 2000px;height: 842px;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_new02 .bg_03{z-index: -1;position:absolute;bottom: -49px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_new02 .text {position:relative;} .Area_new02 .text .layout_text {width: 60%;margin: 0px auto 31px;padding-top: 0px;} .Area_new02 .text .layout_text ul {margin:0;padding:0;} .Area_new02 .text .layout_text .PD_slide:hover{transform:none;} .Area_new02 .text .layout_text .PD a {pointer-events: none!important} /**公版入稿**/ .Area_new02 .layout_PD {width: 77%;padding-top: 0px;margin-bottom: 101px;} .Area_new02 .layout_PD ul {background-color: #ffffff00;grid-gap: 1em;width: 96%;border-radius: 0;} .Area_new02 .layout_PD ul li{border-radius: 1em;background-color: #ffffff;} .Area_new02 .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_new02 .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_new02 .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_new02 .layout_PD .PD .PD_into p{} .Area_new02 .layout_PD .PD .PD_into .js-PD_del{} .Area_new02 .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_new02 .layout_PD .PD .PD_into h4{} .Area_new02 .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_new02 .layout_PD .PD .Price {} .Area_new02 .new_bottom{margin-top: -1vw;} } @media screen and (max-width:767px){ .Area_new02 {height:100%;background-size: 100%;} /**區標**/ .Area_new02 .text {position:relative;z-index: 9;width: 98%;margin: 4vw auto 0;} .Area_new02 .text .layout_text {} .Area_new02 .text .layout_text ul {margin-top: 0vw;padding:0;} .Area_new02 .text .layout_text .PD_slide:hover{transform:none;} .Area_new02 .text .layout_text .PD a {pointer-events: none!important;} .Area_new02 .item_01_mb{width: 96%;margin: auto;} /**公版入稿**/ .Area_new02 .layout_PD {width: 96%;margin: 0vw auto -1vw;background: url(oo_ff_mb_02.png?t=1754909732641)top center repeat-y;background-size: 100%;} .Area_new02 .layout_PD ul {background-color: #ffffff00;grid-gap: 0.5em;width: 95%;border-radius: 0;} .Area_new02 .layout_PD ul li{border-radius: 0.5em;background-color: #ffffff;border: none;} .Area_new02 .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_new02 .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_new02 .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_new02 .layout_PD .PD .PD_into p{} .Area_new02 .layout_PD .PD .PD_into .js-PD_del{} .Area_new02 .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_new02 .layout_PD .PD .PD_into h4{} .Area_new02 .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_new02 .layout_PD .PD .Price {} .Area_new02 .new_bottom{margin-top: -1vw;} } /* 熱搜話題*/ @media screen and (min-width:768px){ .Area_coupon03 {} .Area_coupon03 .bg_01{z-index: -3;position:absolute;top: -158px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_coupon03 .bg_02{z-index: -5;position:absolute;top: 105px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_coupon03 .bg_03{z-index: -1;position:absolute;bottom: -119px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} .Area_coupon03 .text {margin-bottom: 3vw;margin: 141px auto -6px;} .Area_coupon03 .layout_coupon ul{width: 93% !important;margin: 25px auto 0 !important;} .Area_coupon03 .PD_layout {width: 83%;margin: auto;} .Area_coupon03 .box{margin-bottom: 105px;} /**區標**/ .Area_coupon03 .text {position:relative;} .Area_coupon03 .text .layout_text {width: 60%;margin: 1px auto 31px;padding-top: 102px;} .Area_coupon03 .text .layout_text ul {margin:0;padding:0;} .Area_coupon03 .text .layout_text .PD_slide:hover{transform:none;} .Area_coupon03 .text .layout_text .PD a {pointer-events: none!important} .Area_coupon03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;} .Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000000;} .Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .threshold, .PD_layout.PD_layout-coupon3 .PD h4, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD .threshold, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h4{color: #000000;} } @media screen and (max-width:767px){ .Area_coupon03 {} .Area_coupon03 .box {position: relative;height: 100%;background-size: 100%;background: url(bb_mb_02.jpg?t=1754909732641) top center repeat-y;background-size: 100%;} .Area_coupon03 .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;} /**區標**/ .Area_coupon03 .text {width: 100%;margin: -4vw auto -2vw;} .Area_coupon03 .text .PD_layout {z-index: 0;background: url(bb_mb_02.jpg?t=1754909732641) top center repeat-y;background-size: 100%;} .Area_coupon03 .text .layout_text .PD_slide:hover{transform:none;} .Area_coupon03 .text .layout_text .PD a {pointer-events: none!important} .Area_coupon03 .Area_swiper{} .Area_coupon03 .Area_swiper .Area_swiper_box{height: 22vw;} .Area_coupon03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone{color: #000000;} .Area_coupon03 .layout_coupon{padding-top: 1vw;} .Area_coupon03 .text .PD_layout ul {padding: 0;} .Area_coupon03 .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;} .Area_coupon03 .PD_layout ul{width: 100% !important;margin: auto!important;} .Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000000;} .Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 44%;} .Area_coupon03 .PD_layout.PD_layout-coupon3 .PD .threshold, .PD_layout.PD_layout-coupon3 .PD h4, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD .threshold, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h4{color: #000000;} } @media screen and (min-width: 768px) { .Area_item { height: 100%; } .Area_item .bg_01{z-index: -1;position:absolute;top: -278px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_item .bg_02{z-index: -5;position:absolute;top: -4px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_item .bg_03{z-index: -1;position:absolute;bottom: -119px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} .Area_item .text { position: relative; } .Area_item .text .layout_text {width: 71%;margin: 0px auto 122px;padding-top: 90px;} .Area_item .text .layout_text ul { margin: 0px; padding: 0px; } .Area_item .text .layout_text .PD_slide:hover { transform: none; } .Area_item .text .layout_text .PD a { pointer-events: none !important; } .Area_item .layout_PD {width: 960px;margin: -22px auto 160px!important;padding: 0px !important;} .Area_item .layout_PD ul { margin: 0px; padding: 0px; } .Area_item .layout_PD ul li:nth-child(2n+1) {background: url("mo_item_bg01.png?t=1749727450052") center top / 100% no-repeat;padding-bottom: 0px;height: 602px;} .Area_item .layout_PD ul li:nth-child(2n) {background: url("mo_item_bg02.png?t=1749727450052") center top / 100% no-repeat;height: 461px;} .Area_item .layout_PD ul li a { color: rgb(255, 255, 255); } .Area_item .layout_PD ul li:hover { box-shadow: none; } .Area_item .layout_PD ul li:nth-child(2n+1) .PD_img {width: 63%;position: relative;top: 79px;left: -41px;} .Area_item .layout_PD ul li:nth-child(2n) .PD_img {width: 55%;position: relative;left: 431px;top: 15px;} .Area_item .layout_PD ul li:nth-child(2n+1) .PD_into {width: 36%;position: absolute;top: 203px;left: 498px;text-align: left !important;} .Area_item .layout_PD ul li:nth-child(2n) .PD_into {width: 36%;left: 205px;position: absolute;top: 148px;text-align: left;} .Area_item .layout_PD ul li .PD h3 {font-size: 33px;color: rgb(245 245 245);} .Area_item .layout_PD ul li .PD h4 {font-size: 27px;color: rgb(245 245 245);} .Area_item .layout_PD ul li .PD p {color: #ffe15d;overflow: inherit;line-height: 3em;margin-top: 18px;text-align: center;} .Area_item .layout_PD ul li .js-PD_del {color: rgb(245 245 245);font-size: 22px;} .Area_item .layout_PD ul li .PD p .Price {font-size: 98px;} .Area_item .layout_PD ul li .PD p .money {font-size: 50px;} .Area_item .layout_PD ul li .PD:hover h4 { color: rgb(173, 71, 71) !important; } .Area_item .bottom03 { position: relative; height: 30px; width: 2000px; left: -390px; margin-bottom: 0px; } } @media screen and (max-width: 767px) { .Area_item {z-index: 99;background-size: 100%;} .Area_item .deco { position: absolute; width: 100%; left: 0px; top: -10vw; z-index: 5; pointer-events: none; } .Area_item .text { position: relative; z-index: 9; margin-bottom: 0vw; } .Area_item .text .layout_text {width: 100%;margin: 2.5vw auto -15vw;padding-top: 7vw;top: 0vw;} .Area_item .text .layout_text ul { margin-top: -4vw; padding: 0px; } .Area_item .text .layout_text .PD_slide:hover { transform: none; } .Area_item .text .layout_text .PD a { pointer-events: none !important; } .Area_item .layout_PD {width: 100%;margin-top: 0vw;padding-top: 2vw;padding-bottom: 0vw;background: url(bb_mb_02.jpg?t=1754909732641) top center repeat-y;} .Area_item .layout_PD ul { margin: 0px; padding: 0px; } .Area_item .layout_PD ul li:nth-child(2n+1) {background: url("mo_item_bg01.png?t=1749727450052") center top / 94% no-repeat;padding-bottom: 0vw;/* height: 54vw; */left: 0vw;} .Area_item .layout_PD ul li:nth-child(2n) {background: url("mo_item_bg02.png?t=1749727450052") center top / 113% no-repeat;height: 54vw;left: -5vw;} .Area_item .layout_PD ul li a { color: rgb(255, 255, 255); } .Area_item .layout_PD ul li:hover { box-shadow: none; } .Area_item .layout_PD ul li:nth-child(2n+1) .PD_img {width: 68%;position: relative;left: -6vw;top: 5vw;} .Area_item .layout_PD ul li:nth-child(2n) .PD_img {width: 68%;left: 41vw;position: relative;top: -1vw;} .Area_item .layout_PD ul li:nth-child(2n+1) .PD_into {width: 42%;position: absolute;right: 9vw;top: 16vw;text-align: left !important;} .Area_item .layout_PD ul li:nth-child(2n) .PD_into {width: 42%;position: absolute;top: 16vw;right: 41vw;text-align: left !important;} .Area_item .layout_PD ul li .PD p {color: #ffe15d;margin-top: 1vw;text-align: center;height: 14vw;} .Area_item .layout_PD ul li .PD p .money { font-size: 21px; } .Area_item .layout_PD ul li .PD p .Price {font-size: 41px;} .Area_item .layout_PD ul li .PD h3 {color: rgb(250 250 231);} .Area_item .layout_PD ul li .PD h4 {color: rgb(250 250 231);} .Area_item .layout_PD ul li .js-PD_del {color: rgb(250 250 231);font-size: 0.7rem;} .Area_item .layout_PD ul li .PD:hover h4 { color: rgb(255, 255, 255) !important; } } /*館*/ @media screen and (min-width:768px){ .Area_guan {height:100%;} /**區標**/ .Area_guan .text{width: 68%;margin: 68px auto -5px;} .Area_guan .text .layout_text {margin:0 auto;padding-top: 0px;} .Area_guan .text .layout_text .PD_slide:hover{transform:none;} .Area_guan .text .layout_text .PD a {pointer-events: none!important} /*按鈕*/ .Area_guan .layout_btn {width: 88%!important;margin: 8px auto 42px auto;} .Area_guan .layout_btn ul {} .Area_guan .layout_btn ul li{} .Area_guan .layout_btn02 {width: 52%!important;margin: -178px auto 13px auto;} .Area_guan .layout_btn03 {width: 80%!important;margin: -173px auto 0px auto;} .Area_guan .layout_btn04 {width: 52%!important;margin: -160px auto 21px auto;} .Area_guan .PD_layout ul {} .Area_guan .PD_layout ul li {padding: 6px;} } @media screen and (max-width:767px){ .Area_guan {height:100%;} .Area_guan .PD_layout {} /*按鈕*/ .Area_guan .layout_btn {width: 97%!important;margin: auto;padding-bottom: 6vw;padding-top: 0vw;} .Area_guan .layout_btn ul {width: 100% !important;margin: auto !important;} .Area_guan .layout_btn ul li{padding: 1vw;} /**區標**/ .Area_guan .text {position:relative;width: 100%;margin:0 auto 4vw;} .Area_guan .text .layout_text {padding-top: -3vw;} .Area_guan .text .layout_text .PD a {pointer-events: none!important} .Area_guan .layout_btn ul li:nth-child(even){ } } /*移除公版設定*/ .Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;} .Area .remove_box_style ul li {border: none!important;} @media screen and (max-width:767px){ .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;} .Area .remove_box_style ul {} } /*輪播移除公版設定*/ .Area .swipwe_remove_box_style ul {/* background-color: transparent; */grid-gap: 0;} .Area .swipwe_remove_box_style ul li { border: none!important; background-color: #fff;} .Area .swipwe_remove_box_style ul li, .Area .swipwe_remove_box_style ul li .PD_img img {} @media screen and (max-width:767px){ .Area .swipwe_remove_box_style ul { width: 100%;} .Area .swipwe_remove_box_style ul {} } /*置底*/ .fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom:env(safe-area-inset-bottom);} /* 兼容 iOS >= 11.2 */ .fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;} .fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;} .fixbn ul li img{width:100%;margin:0 auto;} .fixbn ul{ margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } /*2顆按鈕*/ .fixbn .class_00 {position:absolute;width:100%; height: 100%; } .fixbn .class_00 a {display:block;width:100%;height:100%;} .fixbn .class_01 { top:0%;left:0%;} .fixbn .class_02 { top:0%;left:34%;} .fixbn .class_03 { top:0%;left:67%;} /*區塊_all*/ .Area1220 {margin:0 auto;width:1220px;} .Area960 { margin:0 auto; width:960px;} .Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; } .Area a { position:relative; display:block;} .Area .go_bt { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .Area .go_bt:hover { -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95); transform:scale(0.95);} .WRAPPER .go_bt1 { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .WRAPPER .go_bt1:hover { -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px);} @media screen and (max-width:767px){ .Area1220 {width:100%;background-size: 100%;} .Area960 { width:100%;} .Area .go_bt:hover { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;} } /*版頭*/ .Area_top {} .Area_top .momologo {z-index:10;position:absolute;} @media screen and (max-width:767px){ .Area_top { height: auto;} .Area_top .momologo { display:none;} } /*LOGO*/ .momologo { z-index:2; position: absolute; top: 15px; left:15px;} .momologo a { display:block; width:140px; height:21px;} .momologo a svg { width:140px; height:21px; } .momologo a path { fill:#EA27C2; } .momologo-pink a path { fill: #ffffff;}/*LOGO 桃紅色*/ .momologo-white a path { fill:#ffffff; }/*LOGO 白色*/ @media screen and (max-width:767px){ .momologo { display:none;} } /*注意事項區*/ .edm_notice{text-align:center;padding: 7px 10px 15px 10px;color:#414141;font:12px/18px Helvetica;} .edm_notice .apple_notice{ padding:10px 0px 10px 0px; } /*按鈕*/ .bnn { } .bnn a img { transition-duration: 0.1s; backface-visibility: hidden; transform: translateZ(0); display: block; margin: 0; padding: 0px; width: 100%; height: auto; text-align: left; } .bnn:hover a img { -webkit-transform: translateY(10px); transform: translateY(10px); } /*隱鑶*/ .for_pc {} .for_phone { display:none !important;} @media screen and (max-width:767px){ .for_pc { display:none !important;} .for_phone { display: inherit !important;} }