@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=1749727450051)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=1749727450051)top center repeat-y;background-size: 100%;} .WRAPPER img { width:100%; height:auto;} } @media screen and (max-width: 767px){ :root { --angle: 45deg; --opacity: 0.5; } *, *::before, *::after { box-sizing: border-box; } .rainbow { pointer-events: none; width: 100%; height: 100%; position: fixed; border-radius: 10px; padding: 2rem; z-index: 10 !important; margin: auto; top: 0; display: grid; place-content: center; text-align: center; font-size: 1.5em; --border-size: 0.7rem; border: var(--border-size) solid transparent; /* Paint an image in the border */ border-image: conic-gradient(from var(--angle), #ffe907 0deg 90deg, #ffed51 90deg 180deg, #ffe907 180deg 270deg, #ffe907 270deg 360deg) 1 stretch; background: rgb(255 255 255 / 0%); } @property --opacity { syntax: ""; initial-value: 0.5; inherits: false; } @property --angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes opacityChange { to { --opacity: 1; } } @keyframes rotate { to { --angle: 360deg; } } .rainbow { animation: rotate 8s linear infinite, opacityChange 5s infinite alternate; } } @media screen and (min-width:768px){ :root { --angle: 45deg; --opacity: 0.5; } *, *::before, *::after { box-sizing: border-box; } .rainbow { pointer-events: none; width: 100%; height: 100%; left: 0px; position: fixed; border-radius: 10px; z-index: 10 !important; margin: auto; top: 0; display: grid; place-content: center; text-align: center; font-size: 1.5em; --border-size: 1.7rem; border: var(--border-size) solid transparent; /* Paint an image in the border */ border-image: conic-gradient(from var(--angle), #ffe907 0deg 90deg, #ffed51 90deg 180deg, #ffe907 180deg 270deg, #ffe907 270deg 360deg) 1 stretch; background: rgb(255 255 255 / 0%); } @property --opacity { syntax: ""; initial-value: 0.5; inherits: false; } @property --angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes opacityChange { to { --opacity: 1; } } @keyframes rotate { to { --angle: 360deg; } } .rainbow { animation: rotate 8s linear infinite, opacityChange 5s infinite alternate; } } /*背景*/ @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: -1;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_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_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: 810px;} .blue_ball02_mb{position: absolute;width: 3%;left: 450px;top: 581px;z-index: 9;} .blue_ball02_mb img{width: 100%;} .blue_ball_mb{position: absolute;width: 33%;right: -390px;top: -49px;z-index: 9;} .blue_ball_mb img{width: 100%;} .pp_01_mb{position: absolute;width: 22%;left: 1340px;top: 661px;z-index: 9;} .pp_01_mb img{width: 100%;} .curve_pink_pc{position: absolute;width: 2000px;left: -390px;top: 623px;z-index: 12;} .curve_pink_pc img{width: 100%;} .pro_p004{position: absolute;width: 3%;left: 450px;top: 581px;z-index: 9;} .pro_p004 img{width: 100%;} .date_bgg_pc{position: absolute;width: 47%;left: -120px;top: -2px;z-index: 15;} .date_bgg_pc img{width: 100%;} } @media screen and (max-width: 767px){ .Area_title {height: 88.5vw;} .blue_ball02_mb{position: absolute;width: 81.5%;left: -2vw;top: 23vw;z-index: 3;} .blue_ball_mb{position: absolute;width: 34.5%;right: -8vw;top: -2vw;z-index: 3;} .pp_01_mb{position: absolute;width: 26.5%;right: -2vw;top: 70vw;z-index: 3;} .curve_pink_mb{position: absolute;width: 100%;right: 0vw;top: 69vw;z-index: 15;} .pro_p004{position: absolute;width: 100%;right: 0vw;top: 69vw;z-index: 3;} } /*主標入稿*/ @media screen and (min-width:768px){ /*主標*/ .Area_title .t_01 {position:absolute;width: 252px;height:auto;top: 183px;left: 376px;z-index: 4;margin: auto;opacity: 0;} .Area_title .t_01 .layout_title {} .Area_title .t_01 .layout_title ul {} .Area_title .t_01 .layout_title .PD_slide:hover{transform:none;} .Area_title .t_02 {position:absolute;width: 243px;height:auto;top: 153px;left: 596px;z-index: 3;margin: auto;opacity: 0;} .Area_title .t_02 .layout_title {} .Area_title .t_02 .layout_title ul {} .Area_title .t_02 .layout_title .PD_slide:hover{transform:none;} .Area_title .t_03 {position:absolute;width: 255px;height:auto;top: 379px;left: 261px;z-index: 4;margin: auto;opacity: 0;} .Area_title .t_03 .layout_title {} .Area_title .t_03 .layout_title ul {} .Area_title .t_03 .layout_title .PD_slide:hover{transform:none;} .Area_title .t_04 {position:absolute;width: 242px;height:auto;top: 448px;left: 486px;z-index: 4;margin: auto;opacity: 0;} .Area_title .t_04 .layout_title {} .Area_title .t_04 .layout_title ul {} .Area_title .t_04 .layout_title .PD_slide:hover{transform:none;} .Area_title .t_05 {position:absolute;width: 248px;height:auto;top: 411px;left: 705px;z-index: 4;margin: auto;opacity: 0;} .Area_title .t_05 .layout_title {} .Area_title .t_05 .layout_title ul {} .Area_title .t_05 .layout_title .PD_slide:hover{transform:none;} .Area_title .t_06 {position:absolute;width: 518px;height:auto;top: 281px;left: 469px;z-index: 4;margin: auto;opacity: 0;} .Area_title .t_06 .layout_title {} .Area_title .t_06 .layout_title ul {} .Area_title .t_06 .layout_title .PD_slide:hover{transform:none;} /*date*/ .Area_title .date {position:absolute;top: 11px;left: 558px;width: 336px;z-index: 9;display: none;} .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: 280px;left: 299px;width: 748px;z-index: 3;} .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: 76px;right: -121px;z-index: 1;width: 548px;animation: float 5s 2s infinite;} .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_p003 {position:absolute;top: 535px;left: 2px;z-index: 7;width: 352px;animation: float 5.5s 2.8s infinite;} .Area_title .pro_p003 .layout_title {} .Area_title .pro_p003 .layout_title ul {} .Area_title .pro_p003 .layout_title .PD_slide:hover{transform:none;} /*pro_p001*/ .Area_title .pro_p004 {position:absolute;top: 392px;left: -388px;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;width:477px;top: 595px;left: 394px;overflow: hidden;z-index: 7;} .Area_title .titile02 .PD_layout {} .Area_title .titile02 .PD_layout ul {display:flex;} .Area_title .titile02 .PD_layout ul li {} .Area_title .titile02 .PD_slide:hover{transform:none;} .Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;} /*日期*/ .Area_title .TIMER_DAY {position:absolute;top: 51px;left: 270px;width: 168px;z-index: 19;display:block;font-size: 51px;font-family:"segoe-ui", sans-serif;font-weight: 900;font-style: normal;color: #ffffff;letter-spacing: 1px;text-align:center;animation:fadeInUp_s 1.5s 0.3s ease-in-out forwards;opacity: 0;} .Area_title .TIMER_DAY small {font-size: 25px;} .Area_title .TIMER_DAY #sendMonth {width: 28px;text-align: center;display: inline-block;margin-right: 13px;} .Area_title .TIMER_DAY #sendToday {width: 68px;text-align: left;display: inline-block;margin-left: 1px;} } @media screen and (max-width:767px){ /*主標*/ .Area_title .t_01 {position: absolute;top: 19vw;width: 23%;left: 27vw;margin: auto;z-index: 11;} .Area_title .t_01 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .t_01 .layout_title ul {} .Area_title .t_02 {position: absolute;top: 16vw;width: 22%;left: 50vw;margin: auto;z-index: 4;} .Area_title .t_02 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .t_02 .layout_title ul {} .Area_title .t_03 {position: absolute;top: 39vw;width: 24%;left: 15vw;margin: auto;z-index: 10;} .Area_title .t_03 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .t_03 .layout_title ul {} .Area_title .t_04 {position: absolute;top: 45vw;width: 24%;left: 38vw;margin: auto;z-index: 10;} .Area_title .t_04 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .t_04 .layout_title ul {} .Area_title .t_05 {position: absolute;top: 43vw;width: 23%;left: 61vw;margin: auto;z-index: 16;} .Area_title .t_05 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .t_05 .layout_title ul {} .Area_title .t_06 {position: absolute;top: 30vw;width: 49%;left: 38vw;margin: auto;z-index: 16;} .Area_title .t_06 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .t_06 .layout_title ul {} /*date*/ .Area_title .date {position:absolute;width: 41%;top: 0vw;left: -2vw;z-index: 24;} .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: 75%;top: 28vw;left: 18.5vw;z-index: 9;} .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: 62%;top: 7vw;right: -26vw;z-index: 10;animation: float 5s 2.5s infinite;} .Area_title .pro_p002 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .pro_p002 .layout_title ul {} /*pro_p003*/ .Area_title .pro_p003 {position:absolute;width: 33%;top: 54vw;left: -8vw;z-index: 14;animation: float 4.5s 2.7s infinite;} .Area_title .pro_p003 .layout_title {/* width: 91%; */left: 0;right: 0;margin: auto;} .Area_title .pro_p003 .layout_title ul {} /*pro_p004*/ .Area_title .pro_p004 {position:absolute;width: 13%;top: 40vw;left: -4vw;z-index: 8;} .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;width: 51%;top: 62vw;left: 25vw;overflow: hidden;z-index: 9;} .Area_title .titile02 .PD_layout {} .Area_title .titile02 .PD_layout ul {display:flex;} .Area_title .titile02 .PD_layout ul li {} .Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;} /*日期*/ .Area_title .TIMER_DAY {position:absolute;top: 2.5vw;left: 18vw;width: 19%;z-index:62;display:block;font-size: 26px;color: #ffffff;letter-spacing: 1px;font-family:"segoe-ui", sans-serif;font-weight: 900;font-style: normal;text-align:center;animation:fadeInUp_s 1.5s 0.3s ease-in-out forwards;opacity: 0;} .Area_title .TIMER_DAY small {font-size: 11px;} .Area_title .TIMER_DAY #sendMonth {width: 13px;text-align: center;display: inline-block;margin-right: 0vw;} .Area_title .TIMER_DAY #sendToday {width: 35px;text-align: left;display: inline-block;margin-left: -1vw;} } /*版頭品入稿*/ @media screen and (min-width:768px){ .Area_box{z-index: 99;} .Area_box .bg_01{z-index: -37;position:absolute;top: 0px;left: -390px;width: 2000px;height: 654px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} .Area_box .bg_02{z-index: -37;position:absolute;top: 201px;left: -390px;width: 2000px;height: 450PX;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_box .bg_03{z-index: 0;position:absolute;bottom: -146px;left: -390px;width: 2000px;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;} .Area_box .top_box_bg{margin-bottom: 35px;padding-bottom: 1px;} .Area_box .left_list {position: absolute;left: 57px;top: 99px;z-index: 9;} .Area_box .left_list img {width: 61%;} /**search**/ .Area_box .search {margin: 3px auto 18px;width: 57%;} .Area_box .search .layout_text {padding:0;} .Area_box .search .layout_text ul {margin:0;padding:0;} .Area_box .search .layout_text .PD_slide:hover{transform:none;} /* .Area_box .search .layout_text .PD a {pointer-events: none!important} */ /**區標**/ .Area_box .text {position:relative;margin: 30px auto 0 -103px;width: 80%;} .Area_box .text .layout_text {width: 70%;padding:0;} .Area_box .text .layout_text ul {margin:0;padding:0;} .Area_box .text .layout_text .PD_slide:hover{transform:none;} .Area_box .text .layout_text .PD a {pointer-events: none!important} /**公版入稿**/ .Area_box .layout_PD {width: 96%;margin-bottom: 201px;margin-top: -10px;} .Area_box .layout_PD ul {/* background-color: #ffffff00; */grid-gap: 0em;width: 96%;border-radius: 0;} .Area_box .layout_PD ul li{border-radius: 0;} .Area_box .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_box .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_box .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_box .layout_PD .PD .PD_into p{} .Area_box .layout_PD .PD .PD_into .js-PD_del{} .Area_box .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_box .layout_PD .PD .PD_into h4{} .Area_box .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_box .layout_PD .PD .Price {} .Area_box .TimerNick {position: absolute;top: 109px;right: -230px;padding: 0px;margin: 0px;text-align: center;z-index: 10;width: 80%;} .Area_box .TimerNick .FontStyle {display: inline-block;margin: 0px;padding: 17px;width: 49px;font-family: segoe-ui;color: #ffe907;letter-spacing: 0px;font-size: 38px;text-align: center;} .Area_box .TimerNick span {padding-left: 22px;padding-right: 15px;font-family: segoe-ui;letter-spacing: 0vw;color: rgb(255 255 255);font-size: 25px;} .Area_box .TimerNick small { position: relative; font-family: segoe-ui; letter-spacing: 0px; color: rgb(149, 193, 255); } } @media screen and (max-width:767px){ .Area_box{z-index: 18;} /**search**/ .Area_box .search {width: 94%;margin: auto;} .Area_box .search .PD_layout {z-index: 0;} .Area_box .search .PD_layout ul{} .Area_box .search .PD_layout ul li{padding: 1vw;} .Area_box .search .layout_text .PD_slide:hover{transform:none;} /* .Area_box .search .layout_text .PD a {pointer-events: none!important} */ /**text**/ .Area_box .text {width: 100%;margin: 1vw auto -2vw;} .Area_box .text .PD_layout {z-index: 0;background-color: #ffa9cf;} .Area_box .text .PD_layout ul{} .Area_box .text .PD_layout ul li{padding: 1vw;} .Area_box .text .layout_text .PD_slide:hover{transform:none;} .Area_box .text .layout_text .PD a {pointer-events: none!important} /**公版入稿**/ .Area_box .layout_PD {width: 100%;margin: 0vw auto 1vw;background-color: #ffa9cf;padding-bottom: 5vw;} .Area_box .layout_PD ul {/* background-color: #ffffff00; */grid-gap: 0em;width:93%;border-radius: 0;} .Area_box .layout_PD ul li{border-radius: 0;} .Area_box .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;} .Area_box .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;} .Area_box .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;} .Area_box .layout_PD .PD .PD_into p{} .Area_box .layout_PD .PD .PD_into .js-PD_del{} .Area_box .layout_PD .PD .PD_into h3{color: #fdebdd;} .Area_box .layout_PD .PD .PD_into h4{} .Area_box .layout_PD .PD .js-PD_del {font-size: 12px !important;} .Area_box .layout_PD .PD .Price {} .Area_box .TimerNick {position: absolute;top: 18.5vw;right: 4.5vw;padding: 0px;margin: 0px;text-align: center;z-index: 10;} .Area_box .TimerNick .FontStyle {display: inline-block;margin: 0px;padding: 1vw;width: 9vw;font: 21px / 10px segoe-ui;color: #FFEB3B;text-align: center;} .Area_box .TimerNick span {padding-left: 0vw;font-size: 10px;font-family: segoe-ui;letter-spacing: 0vw;color: rgb(255 255 255);} .Area_box .TimerNick small { position: relative; font-size: 15px; font-family: ; letter-spacing: 0px; color: rgb(149, 193, 255); } } /*折價券*/ @media screen and (min-width:768px){ .Area_coupon {height:100%;} /**區標**/ .Area_coupon .text {position:relative;} .Area_coupon .text .layout_text {width: 82%;margin: 1px auto 25px;} .Area_coupon .text .layout_text ul {margin:0;padding: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_box {width:98%;} /*定卡折價券*/ .Area_coupon .PD_layout-oneClick {margin-bottom:50px;} .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000000 !important;} } @media screen and (max-width:767px){ .Area_coupon {height:100%;} /**區標**/ .Area_coupon .text {margin: -3vw auto 0;padding-top: 0vw;} .Area_coupon .text .layout_text {margin: 8vw auto 4vw;} .Area_coupon .text .layout_text ul {margin:0;padding: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_box {width: 89%;} /*定卡折價券*/ .Area_coupon .PD_layout-oneClick {width: 94%;} /*3p品類券*/ .Area_coupon .Area_coupon_ppp { width: 95%;margin: auto;} .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000000 !important;} } /*輪播bn*/ @media screen and (min-width:768px){ .Area_banner {height:100%;} /**公版**/ .Area_banner .Area_swiper {height:310px;} } @media screen and (max-width:767px){ .Area_banner {height:100%;} /**公版**/ .Area_banner .Area_swiper {height:50vw;width: 91%;} } /*登記*/ @media screen and (min-width:768px){ .Area_danjiall {height:100%;} .Area_danjiall .bg_02{z-index: -95;position:absolute;top: -39px;left: -390px;width: 2000px;height: 520px;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_danjiall .bg_03{z-index: -61;position:absolute;bottom: -170px;left: -390px;width: 2000px;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_danjiall .text {position:relative;margin: 41px auto 17px;} .Area_danjiall .text .layout_text {width: 72%;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 .warningTxt {margin-bottom: 14px;} .Area_danjiall .warningTxt h3 {color: #000000;font-size: 1.5rem;} /*登記贈品文案顏色*/ .Area_danjiall .danji_box ul li .activityText .gifts span {color: #ffffff;} } @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%;} .Area_danjiall .Area_danji .danji_box {width: 93%!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: #ffffff;} } /*活動日曆*/ @media screen and (min-width:768px){ .Area_day {height:100%;} .Area_day .bnn_hot{position: absolute;top: 78px;left: -109px;width: 28%;z-index: 15;} /**區標**/ .Area_day .text {margin: -3vw auto 0;padding-top: 0vw;width: 95%;} .Area_day .text .layout_text {margin: 8vw auto 4vw;} .Area_day .text .layout_text ul {margin:0;padding:0;} .Area_day .text .layout_text .PD_slide:hover{transform:none;} .Area_day .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_day .bnn {margin: -3vw auto 0;padding-top: 0vw;} .Area_day .bnn .layout_text {margin: 8px auto 14px;width: 86%;} .Area_day .bnn .layout_text ul {margin:0;padding:0;} .Area_day .bnn .layout_text .PD_slide:hover{transform:none;} .Area_day .bnn .layout_text .PD a {pointer-events: none!important} /*公版*/ .Area_day .layout_PD {} .Area_day .layout_PD ul {width:87%!important;margin:0 auto!important;padding:0!important ;} .Area_day .layout_PD ul li {background:url(day_bgg.png?t=1749727450052)top center no-repeat;background-size:100%;} .Area_day .layout_PD ul li a {color: #feced9} .Area_day .layout_PD .PD p {position:absolute;top: -3px;left: 114px;color:#ffb4da;font-size: 31px;} .Area_day .layout_PD .PD p .Price {font-size:1em;color: #000000;} .Area_day .layout_PD .PD p .money {display: none !important;;} .Area_day .layout_PD .PD_img {padding-top: 60px;width: 90%;margin: 0 auto;} .Area_day .layout_PD .PD_img img {border-radius:50%;} .Area_day .layout_PD .PD_into {padding-top: 14px;} .Area_day .layout_PD .PD_into h4 {font-size: 32px;line-height: 53px;} .Area_day .layout_PD .PD_into .js-PD_txt1 {color:#ffffff} } @media screen and (max-width:767px){ .Area_day{height:100%;} .Area_day .bnn_hot{position: absolute;top: 10vw;left: -9vw;width: 29%;z-index: 15;} /**區標**/ .Area_day .text {position:relative;margin: 6vw auto -3vw;width: 99%;} .Area_day .text .layout_text {padding:0;} .Area_day .text .layout_text ul {margin:0;padding:0;} .Area_day .text .layout_text .PD_slide:hover{transform:none;} .Area_day .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_day .bnn {position:relative;margin: 6vw auto 2vw;width: 90%;} .Area_day .bnn .layout_text {padding:0;} .Area_day .bnn .layout_text ul {margin:0;padding:0;} .Area_day .bnn .layout_text .PD_slide:hover{transform:none;} .Area_day .bnn .layout_text .PD a {pointer-events: none!important} /*公版*/ .Area_day .layout_PD { width: 95%; } .Area_day .layout_PD ul {width:96%!important;margin:0 auto!important;padding:0!important ;} .Area_day .layout_PD ul li {background:url(day_bgg.png?t=1749727450052)top center no-repeat;background-size:100%;} .Area_day .layout_PD ul li a {color: #feced9} .Area_day .layout_PD .PD p {position:absolute;top: -1vw;left: 13vw;color: #000000;} .Area_day .layout_PD .PD p .Price {font-size: 0.9em;} .Area_day .layout_PD .PD p .money {display: none !important;;} .Area_day .layout_PD .PD_img {padding-top: 6vw;} .Area_day .layout_PD .PD_img img {border-radius:50%;} .Area_day .layout_PD .PD_into {padding-top: 2vw;} .Area_day .layout_PD .PD_into .js-PD_txt1 {color:#ffffff} } /*btn*/ @media screen and (min-width:768px){ .Area_btn04 {height:100%;} .Area_btn04 .bg_02{z-index: -37;position:absolute;top: 51px;left: -500px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} /**區標**/ .Area_btn04 .text {margin: -3vw auto 0;padding-top: 0vw;width: 95%;} .Area_btn04 .text .layout_text {margin: 8vw auto 4vw;} .Area_btn04 .text .layout_text ul {margin:0;padding:0;} .Area_btn04 .text .layout_text .PD_slide:hover{transform:none;} .Area_btn04 .text .layout_text .PD a {pointer-events: none!important} /*公版*/ .Area_btn04 .layout_PD {width: 91%;margin-top: 3px;padding-top: 71px;padding-bottom: 91px;} .Area_btn04 .layout_PD ul {width:96%!important;margin:0 auto!important;padding:0!important;grid-gap: 0px !important;} .Area_btn04 .layout_PD ul li {} .Area_btn04 .layout_PD ul li a {color: #feced9} .Area_btn04 .layout_PD .PD p {position:absolute;top: -3px;left: 114px;color:#ffb4da;font-size: 31px;} .Area_btn04 .layout_PD .PD p .Price {font-size:1em;color: #000000;} .Area_btn04 .layout_PD .PD p .money {display: none !important;;} .Area_btn04 .layout_PD .PD_img {padding-top: 51px;width: 38% !important;margin: 0 auto;} .Area_btn04 .layout_PD .PD_img img {border-radius:50%;} .Area_btn04 .layout_PD .PD_into {padding-top: 70px;} .Area_btn04 .layout_PD .PD_into h4 {font-size: 29px;line-height: 53px;color: #000000;} .Area_btn04 .layout_PD .PD_into .js-PD_txt1 {} .Area_btn04 .layout_PD .PD_into .PD_btn{height: 32px;width: 66px;} .Area_btn04 .layout_PD .PD_into .PD_btn b{font-size: 21px;line-height: 34px;} .Area_btn04 .layout_PD .PD_into .PD_into_PDgo{position: absolute !important;top: 160px !important;left: 222px !important;} .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{padding-left: .2em !important;} .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after{ content: "GO" !important;} .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{background-color: #000000 !important;} } @media screen and (max-width:767px){ .Area_btn04{height:100%;background: url(yellow_bg_mb.png?t=1749727450052)top center no-repeat;background-size: 100%;} /**區標**/ .Area_btn04 .text {position:relative;margin: 6vw auto -3vw;width: 99%;} .Area_btn04 .text .layout_text {padding:0;} .Area_btn04 .text .layout_text ul {margin:0;padding:0;} .Area_btn04 .text .layout_text .PD_slide:hover{transform:none;} .Area_btn04 .text .layout_text .PD a {pointer-events: none!important} /*公版*/ .Area_btn04 .layout_PD {} .Area_btn04 .layout_PD ul {width:96%!important;margin: 3vw auto!important;padding-top: 5vw;padding-bottom: 6vw;} .Area_btn04 .layout_PD ul li {} .Area_btn04 .layout_PD ul li a {color: #feced9} .Area_btn04 .layout_PD .PD p {position:absolute;top: -1vw;left: 13vw;color: #000000;} .Area_btn04 .layout_PD .PD p .Price {font-size: 0.9em;} .Area_btn04 .layout_PD .PD p .money {display: none !important;;} .Area_btn04 .layout_PD .PD_img {padding-top: 4vw;width: 45% !important;} .Area_btn04 .layout_PD .PD_img img {border-radius:50%;} .Area_btn04 .layout_PD .PD_into {padding-top: 6vw;text-align: left !important;width: 69% !important;} .Area_btn04 .layout_PD .PD_into h3{font-size: 1.4em;} .Area_btn04 .layout_PD .PD_into h4{font-size: 0.89em;color: #000000;!i;!;} .Area_btn04 .layout_PD .PD_into .js-PD_txt1 {color: #000000;} .Area_btn04 .layout_PD .PD_into .PD_btn{height: 1em;} .Area_btn04 .layout_PD .PD_into .PD_btn b{font-size: .675em;line-height: 1.4em;} .Area_btn04 .layout_PD .PD_into .PD_into_PDgo{position: absolute !important;bottom: 0.7em !important;!i;!;!u;!;} .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{padding-left: .2em !important;} .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after{ content: "GO" !important;} .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{background-color: #000000 !important;} } /*活動日曆*/ @media screen and (min-width:768px){ .Area_brand {height:100%;} /**區標**/ .Area_brand .text {margin: -2vw auto 0;padding-top: 0vw;width: 90%;} .Area_brand .text .layout_text {margin: 8vw auto 4vw;} .Area_brand .text .layout_text ul {margin:0;padding:0;} .Area_brand .text .layout_text .PD_slide:hover{transform:none;} .Area_brand .text .layout_text .PD a {pointer-events: none!important} } @media screen and (max-width:767px){ .Area_brand{height:100%;} /**區標**/ .Area_brand .text {position:relative;margin: 6vw auto 5vw;width: 99%;} .Area_brand .text .layout_text {padding:0;} .Area_brand .text .layout_text ul {margin:0;padding:0;} .Area_brand .text .layout_text .PD_slide:hover{transform:none;} .Area_brand .text .layout_text .PD a {pointer-events: none!important} } /*01_情境圖作圖*/ @media screen and (min-width: 768px){ .newpd_style {} .newpd_style .PD_layout .PD p del {display: none;} .newpd_style .PD_layout .PD_into{ position: relative; bottom:104px;left:34px;} .newpd_style .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#f12b46; position: relative; right: -180px;bottom: 37px; } .newpd_style .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;} .newpd_style .PD_layout .PD h4 {font-size: 22px;top:9px;position: relative;color: #fff;} .newpd_style .PD_layout .PD h3 {font-size: 25px;color: #fff;position: relative; top: 18px;} .newpd_style .Area_PD9 .PD_slide {height:395px;background-color: #0000!important;} } @media screen and (max-width: 767px){ .newpd_style { margin-bottom: -11vw;} .newpd_style .PD_layout .PD p del {display: none;} .newpd_style .PD_layout .PD_into{bottom: 3.5vw; position: relative; left: 2vw;} .newpd_style .PD_layout .PD p {height: 2.3em;line-height: 2em; color:#f12b46; position:absolute; right: 6vw; bottom: 22vw; } .newpd_style .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;} .newpd_style .PD_layout .PD h4 {font-size: 22px;top: -18vw;left: 2vw;position: relative;color: #fff;} .newpd_style .PD_layout .PD h3 {font-size: 22px;color: #ffffff;position: relative;top: -15.8vw; left: 2vw;} .newpd_style .Area_PD9 .PD_slide {height:94vw;background-color: #0000!important;} .newpd_style .Area_swiper_box .swiper-pagination { bottom: 33px !important;} .newpd_style .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;} } /*強檔預告區*/ @media screen and (min-width:768px){ .Area_hot {height:100%;} .Area_hot .box {position:relative;margin-bottom: 125px;} .Area_hot .bg_01{z-index: -37;position:absolute;top: 51px;left: -500px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_hot .bg_02{z-index: -37;position:absolute;top: 211px;left: -500px;width: 2000px;height: 970px;background-repeat: repeat-y;background-position: center top;pointer-events:none;} .Area_hot .bg_03{z-index: -37;position:absolute;bottom: -157px;left: -500px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_hot .text {margin: -3vw auto 0;padding-top: 0vw;} .Area_hot .text .layout_text {margin: 8vw auto 4vw;} .Area_hot .text .layout_text ul {margin:0;padding:0;} .Area_hot .text .layout_text .PD_slide:hover{transform:none;} .Area_hot .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_hot .box .layout_text {width: 57.3%;margin: 23px auto -14px;background: url(deco_line.png?t=1749727450052)top center no-repeat;background-size: 100%;padding-bottom: 5px;} .Area_hot .box .layout_text ul {margin:0;padding:0;} .Area_hot .box .layout_text .PD_slide:hover{transform:none;} .Area_hot .box .layout_text .PD a {pointer-events: none!important} .Area_hot .box .layout_text .PD .PD_into h3{font-size: 34px;color: #4ecdf6;margin-top: -18px;} /**公版**/ .Area_hot .box .PD_layout1 .PD_btn{background-image:repeating-linear-gradient(45deg, #00bfff -2%, #7fdfff 120%);} .Area_hot .box .Area_swiper .PD_layout1 ul li{border: 2px solid #4ccef5;} .Area_hot .bottom {background:url(m_bottom.png?t=1749727450052)top center no-repeat;background-size:100%;padding-top:7vw;} } @media screen and (max-width:767px){ .Area_hot {height:100%;z-index: 99;} .Area_hot .box {position:relative;margin-bottom: 5vw;width: 100%;margin: auto;background-color: #ffffff;padding-top: 2vw;} /**區標**/ .Area_hot .text {position:relative;margin: 4vw auto -1vw;width: 100%;background: url(cloud_01_mb.png?t=1749727450052)top center no-repeat;background-size: 100%;padding-bottom: 7vw;} .Area_hot .text .layout_text {padding:0;top: 4vw;} .Area_hot .text .layout_text ul {margin:0;padding:0;} .Area_hot .text .layout_text .PD_slide:hover{transform:none;} .Area_hot .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_hot .box .layout_text {width: 96%;margin-top: 3vw;margin-bottom: -2vw;padding-bottom: 0vw;background: url(deco_line.png?t=1749727450052)top center no-repeat;background-size: 100%;} .Area_hot .box .layout_text ul {margin:0;padding:0;} .Area_hot .box .layout_text .PD_slide:hover{transform:none;} .Area_hot .box .layout_text .PD a {pointer-events: none!important} .Area_hot .box .layout_text .PD .PD_into h3{font-size: 24px;color: #4ccef5;margin-top: -3vw;} /**公版**/ .Area_hot .box .PD_layout1 .PD_btn{background-image:repeating-linear-gradient(45deg, #00bfff -2%, #7fdfff 120%);} .Area_hot .box .Area_swiper .PD_layout1 ul li{ border: 0.08em solid #4ccef5;} .Area_hot .bottom {background:url(m_bottom.png?t=1749727450052)top center no-repeat;background-size:100%;padding-top:7vw;} } /*驚喜預告*/ @media screen and (min-width:768px){ .Area_preview {height:100%;} /**區標**/ .Area_preview .text {padding-top: 2px;width: 95%;} .Area_preview .text .layout_text {margin: 85px auto 30px;} .Area_preview .text .layout_text ul {margin:0;padding:0;} .Area_preview .text .layout_text .PD_slide:hover{transform:none;} .Area_preview .text .layout_text .PD a {pointer-events: none!important} /*公版*/ .Area_preview .layout_PD {background:url(preview_bg.png?t=1749727450052)top center no-repeat;background-size:100%;} .Area_preview .layout_PD ul {width: 98%!important;margin:0 auto!important;padding-top: -2px!important;} .Area_preview .layout_PD .PD .PD_into h3 {position: relative;left: 586px;top: 34px;color:#ffff;font-size: 2.2em;} .Area_preview .layout_PD .PD .PD_into h4 {position: relative;left: 109px;top: -13px;color: #FFFF;font-size: 41px;width: 30%;} .Area_preview .layout_PD .PD .PD_into p {position: relative;left: 574px;top: -107px;color: #ee81e7;font-size: 30px;} .Area_preview .layout_PD .PD p del{color:#ffffff;} .Area_preview .layout_PD .PD p .money{color: #e43683;font-size: 45px;} .Area_preview .layout_PD .PD p .Price {color: #e43683;font-size: 69px;} } @media screen and (max-width:767px){ .Area_preview {height:100%;} /**區標**/ .Area_preview .text {position:relative;margin: 4vw auto -1vw;width: 100%;padding-bottom: 7vw;} .Area_preview .text .layout_text {padding:0;top: 4vw;} .Area_preview .text .layout_text ul {margin:0;padding:0;} .Area_preview .text .layout_text .PD_slide:hover{transform:none;} .Area_preview .text .layout_text .PD a {pointer-events: none!important} /*公版*/ .Area_preview .layout_PD {background-size:100%;padding-bottom: 0;background:url(preview_bg.png?t=1749727450052)top center no-repeat;background-size: 88%;} .Area_preview .layout_PD ul {width: 89%!important;margin: 0px auto!important;padding-top: 0vw!important;} .Area_preview .layout_PD .PD .PD_into h3 {position: relative;left: 53vw;top: 0.5vw;color:#ffff;font-size: 0.8em;} .Area_preview .layout_PD .PD .PD_into h4 {position: relative;left: 5vw;top: -5vw;color: #FFFF;font-size: 1em;} .Area_preview .layout_PD .PD .PD_into p {position: relative;right: -48vw;top: -14vw;} .Area_preview .layout_PD .PD p del{color:#ffffff;font-size: 0.6em;} .Area_preview .layout_PD .PD p .money{color: #e43683;font-size: 1em;} .Area_preview .layout_PD .PD p .Price {color: #e43683;font-size: 1.6em;} } /*強檔預告區*/ @media screen and (min-width:768px){ .Area_hot02 {height:100%;} .Area_hot02 .box {position:relative;margin-bottom: 5vw;} .Area_hot02 .bg_01{z-index: -37;position:absolute;top: 51px;left: -500px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_hot02 .bg_02{z-index: -40;position:absolute;top: 211px;left: -500px;width: 2000px;height: 820px;background-repeat: repeat-y;background-position: center top;pointer-events:none;} .Area_hot02 .bg_03{z-index: -37;position:absolute;bottom: -157px;left: -500px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} /**區標**/ .Area_hot02 .text {margin: -3vw auto 0;padding-top: 0vw;width: 95%;} .Area_hot02 .text .layout_text {margin: 78px auto 40px;} .Area_hot02 .text .layout_text ul {margin:0;padding:0;} .Area_hot02 .text .layout_text .PD_slide:hover{transform:none;} .Area_hot02 .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_hot02 .box .layout_text {width: 57.3%;margin: 23px auto -14px;background: url(deco_line.png?t=1749727450052)top center no-repeat;background-size: 100%;padding-bottom: 6px;} .Area_hot02 .box .layout_text ul {margin:0;padding:0;} .Area_hot02 .box .layout_text .PD_slide:hover{transform:none;} .Area_hot02 .box .layout_text .PD a {pointer-events: none!important} .Area_hot02 .box .layout_text .PD .PD_into h3{font-size: 34px;color: #4ecdf6;margin-top: -23px;} /**公版**/ .Area_hot02 .box .PD_layout1 .PD_btn{background-image:repeating-linear-gradient(45deg, #00bfff -2%, #7fdfff 120%);} .Area_hot02 .box .Area_swiper .PD_layout1 ul li{border: 2px solid #4ccef5;} .Area_hot02 .bottom {background:url(m_bottom.png?t=1749727450052)top center no-repeat;background-size:100%;padding-top:7vw;} } @media screen and (max-width:767px){ .Area_hot02 {height:100%;z-index: 99;} .Area_hot02 .box {position:relative;margin-bottom: 5vw;width: 100%;margin: auto;background-color: #ffffff;padding-top: 2vw;} /**區標**/ .Area_hot02 .text {position:relative;margin: 0vw auto -1vw;width: 100%;background: url(cloud_01_mb.png?t=1749727450052)top center no-repeat;background-size: 100%;padding-bottom: 7vw;} .Area_hot02 .text .layout_text {padding:0;top: 4vw;} .Area_hot02 .text .layout_text ul {margin:0;padding:0;} .Area_hot02 .text .layout_text .PD_slide:hover{transform:none;} .Area_hot02 .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_hot02 .box .layout_text {width: 96%;margin-top: 3vw;margin-bottom: -2vw;padding-bottom: 0vw;background: url(deco_line.png?t=1749727450052)top center no-repeat;background-size: 100%;} .Area_hot02 .box .layout_text ul {margin:0;padding:0;} .Area_hot02 .box .layout_text .PD_slide:hover{transform:none;} .Area_hot02 .box .layout_text .PD a {pointer-events: none!important} .Area_hot02 .box .layout_text .PD .PD_into h3{font-size: 24px;color: #4ccef5;margin-top: -3vw;} /**公版**/ .Area_hot02 .box .PD_layout1 .PD_btn{background-image:repeating-linear-gradient(45deg, #00bfff -2%, #7fdfff 120%);} .Area_hot02 .box .Area_swiper .PD_layout1 ul li{ border: 0.08em solid #4ccef5;} .Area_hot02 .bottom {background:url(m_bottom.png?t=1749727450052)top center no-repeat;background-size:100%;padding-top:7vw;} } @media screen and (min-width: 768px) { .Area_item { height: 100%; } .Area_item .bg_01 { z-index: -1; position: absolute; top: 190px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; mix-blend-mode: screen; } .Area_item .bg_03 { z-index: -1; position: absolute; bottom: -191px; 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: -64px auto !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: 432px;} .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: 55%;position: relative;top: -13px;left: -31px;} .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: 128px;left: 468px;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: 29px; color: rgb(68, 68, 68); } .Area_item .layout_PD ul li .PD h4 { font-size: 25px; color: rgb(68, 68, 68); } .Area_item .layout_PD ul li .PD p {color: #4ccef5;overflow: inherit;line-height: 4em;margin-top: 18px;} .Area_item .layout_PD ul li .js-PD_del { color: rgb(71, 71, 71); font-size: 22px; } .Area_item .layout_PD ul li .PD p .Price { font-size: 52px; } .Area_item .layout_PD ul li .PD p .money { font-size: 40px; } .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; } .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: 16vw; padding-bottom: 0vw; } .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 / 113% no-repeat;padding-bottom: 0vw;height: 50vw;left: 3vw;} .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: -10vw;top: -3vw;} .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: 13vw;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:#4ccef5; margin-top: 3vw; } .Area_item .layout_PD ul li .PD p .money { font-size: 21px; } .Area_item .layout_PD ul li .PD p .Price { font-size: 28px; } .Area_item .layout_PD ul li .PD h3 { color: rgb(68, 68, 68); } .Area_item .layout_PD ul li .PD h4 { color: rgb(68, 68, 68); } .Area_item .layout_PD ul li .js-PD_del { color: rgb(97, 93, 94); 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_item02 {height:100%;} .Area_item02 .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_item02 .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_item02 .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_item02 .text {position:relative;} .Area_item02 .text .layout_text {width: 72%;margin: 0px auto 122px;padding-top: 115px;} .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 .TimerNick2 {position: absolute;top: 269px;right: 103px;padding: 0px;margin: 0px;text-align: center;z-index: 10;width: 80%;} .Area_item02 .TimerNick2 .FontStyle {display: inline-block;margin-right: 43px;padding: 17px;width: 49px;font-family: segoe-ui;color: #ffe907;letter-spacing: 0px;font-size: 38px;text-align: center;} .Area_item02 .TimerNick2 span {padding-left: 22px;padding-right: 15px;font-family: segoe-ui;letter-spacing: 0vw;color: rgb(255 255 255);font-size: 25px;} .Area_item02 .TimerNick2 small { position: relative; font-family: segoe-ui; letter-spacing: 0px; color: rgb(149, 193, 255); } /**公版入稿**/ .Area_item02 .layout_PD {width: 96%;margin-bottom: 70px;} .Area_item02 .layout_PD ul {/* background-color: #ffffff00; */grid-gap: 0em;width: 99%;border-radius: 0;} .Area_item02 .layout_PD ul li{border-radius: 0;} .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 {} .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;} .Area_item02 .text .layout_text {width: 100%;margin: 0 auto 13vw;padding-top: 8vw;} .Area_item02 .text .layout_text ul {margin-top: -4vw;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: 93%;margin: 0vw auto -8vw;background-size: 100%;} .Area_item02 .layout_PD ul {/* background-color: #ffffff00; */grid-gap: 0em;width:93%;border-radius: 0;padding: 0;} .Area_item02 .layout_PD ul li{border-radius: 0;} .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;} .Area_item02 .TimerNick2 {position: absolute;top: 25.5vw;right: 22.5vw;padding: 0px;margin: 0px;text-align: center;z-index: 10;} .Area_item02 .TimerNick2 .FontStyle {display: inline-block;margin: 0px;padding: 1vw;width: 13vw;font: 21px / 10px segoe-ui;color: #FFEB3B;text-align: center;} .Area_item02 .TimerNick2 span {padding-left: 0vw;font-size: 13px;font-family: segoe-ui;letter-spacing: 0vw;color: rgb(255 255 255);} .Area_item02 .TimerNick2 small { position: relative; font-size: 15px; font-family: segoe-ui; letter-spacing: 0px; color: rgb(149, 193, 255); } } /*大牌區*/ @media screen and (min-width:768px){ .Area_brand02 {height:100%;} .Area_brand02 .box {background:url(brand_bg01_pc.png?t=1749727450052)top center no-repeat;background-size: 100%;padding-bottom: 89px;} .Area_brand02 .box:nth-child(odd) {background:url(brand_bg01_pc.png?t=1749727450052)top center no-repeat;background-size:100%;} /**區標**/ .Area_brand02 .text {position:relative;} .Area_brand02 .text .layout_text {width: 92%;margin: -8px auto 12px;padding-top: 35px;} .Area_brand02 .text .layout_text ul {margin:0;padding:0;} .Area_brand02 .text .layout_text .PD_slide:hover{transform:none;} .Area_brand02 .text .layout_text .PD a {pointer-events: none!important} /**品牌LOGO**/ .Area_brand02 .box .PD_layout-D1_02C {padding-top: 66px;width: 90%;margin: 0 0 0 162px;} .Area_brand02 .box .PD_layout-D1_02C ul{padding-top: 10px;} .Area_brand02 .box .PD_layout-D1_02C ul li a {padding-top:0} .Area_brand02 .box .PD_layout-D1_02C ul li:hover {box-shadow:none;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD_img {width: 28%;position: absolute;left: -99px;top: -46px;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD_img img{border-radius: 5em;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD_into {margin: -17px 0 0 180px;padding:0;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD h3 {font-size: 1.5em;background-color:#ffffff00;margin: 0;padding: 0;color: #ffffff;} /**公版**/ .Area_brand02 .box .Area_swiper {border-radius:0;width: 96%;} .Area_brand02 .box .layout_PD ul {border-radius:0;margin: 0;padding: 0;} .Area_brand02 .box .layout_PD ul li{} } @media screen and (max-width:767px){ .Area_brand02 {height:100%;} /**區標**/ .Area_brand02 .text {position:relative;z-index: 9;} .Area_brand02 .text .layout_text {width: 100%;margin: 4vw auto 4vw;padding-top: 17vw;} .Area_brand02 .text .layout_text ul {margin-top: -4vw;padding:0;} .Area_brand02 .text .layout_text .PD_slide:hover{transform:none;} .Area_brand02 .text .layout_text .PD a {pointer-events: none!important;} .Area_brand02 .box {background:url(brand_bg01.png?t=1749727450052)top center no-repeat;background-size: 89%; margin-bottom: 4vw;} .Area_brand02 .box:nth-child(odd) {background:url(brand_bg01.png?t=1749727450052)top center no-repeat;background-size:89%; margin-bottom: 4vw;} /**品牌LOGO**/ .Area_brand02 .box .PD_layout-D1_02C {padding-top: 0vw;} .Area_brand02 .box .PD_layout-D1_02C ul{width:78%!important;margin: 0 auto;padding: 0vw 0 0vw 0;} .Area_brand02 .box .PD_layout-D1_02C ul li a {padding-top:0} .Area_brand02 .box .PD_layout-D1_02C ul li:hover {box-shadow:none;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD_img {width: 37%;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD_img img{border-radius: 5em;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD_into {margin: -5vw 0 0 13vw;padding:0;} .Area_brand02 .box .PD_layout-D1_02C ul li .PD h3 {font-size: 1.2em;background-color:#ffffff00;margin: 0;padding: 0;color: #ffffff;} /**公版**/ .Area_brand02 .box .Area_swiper {border-radius:0;width: 87%;padding-bottom: 4vw;} /* .Area_brand02 .box .layout_PD ul {border-radius:0;padding: 0;margin-bottom: 3vw;} */ .Area_brand02 .bottom {background:url(sale_bottom.png?t=1749727450052)top center no-repeat;background-size:100%;padding-top:7vw;} } /*館*/ @media screen and (min-width:768px){ .Area_act {height:100%;} .Area_act .bg_01{z-index: -1;position:absolute;top: 14px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;} .Area_act .bg_02{z-index: -5;position:absolute;top: 77px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;} .Area_act .bg_03{z-index: -1;position:absolute;bottom: -203px;left: -390px;width: 2000px;height: 550px;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;} .Area_act .mo_activity{width: 78%;margin: 1px auto 31px;} /**區標**/ .Area_act .text{width: 72%;margin: 19px auto 24px;} .Area_act .text .layout_text {width: 100%;margin:0 auto;padding-top: 0px;} .Area_act .text .layout_text .PD_slide:hover{transform:none;} .Area_act .text .layout_text .PD a {pointer-events: none!important} .Area_act .PD_layout ul {} .Area_act .PD_layout ul li {padding: 1px;} .Area_act .layout_PD ul {padding:0!important;grid-gap:1px!important;} .Area_act .layout_PD ul li {background:url(shop_li.png?t=1749727450052)top center no-repeat;background-size:100%;padding-bottom:10px!important;} .Area_act .layout_PD .PD_img {padding-top: 105px;width: 100%;margin:0 auto;} .Area_act .layout_PD .PD h3 {position:absolute;width:85%;top: 46px;left: 50%;transform: translateX(-50%);font-weight:900;font-size: 19px;color: #000f;line-height: 50px;border-radius: 2vw} .Area_act .layout_PD .PD .PD_into .txtn {position:absolute;width: 67%;top: 25px;left: 50%;transform: translateX(-50%);font-weight:900;font-size: 20px;color: #000;line-height: 32px;/* background: #fff; */border-radius: 10px;} .Area_act .layout_PD .PD_slide { min-width: inherit; } } @media screen and (max-width:767px){ .Area_act {height:100%;} .Area_act .mo_activity{width: 90%;margin: auto;} .Area_act .PD_layout {} .Area_act .layout_coupon ul {width: 95% !important;margin: 0 auto !important;} .Area_act .box_all{background: url(aa_mb_02.png?t=1749727450052)top center repeat-y;background-size: 100%;margin-top: -16vw;} /**區標**/ .Area_act .text {position:relative;width: 100%;margin: auto;} .Area_act .text .layout_text {padding-top: 1vw;margin-bottom: 2vw;} .Area_act .text .layout_text .PD a {pointer-events: none!important} .Area_act .layout_PD {width:96%;margin: 3vw auto 0;} .Area_act .layout_PD ul {margin:0;padding:0;} .Area_act .layout_PD ul li {height:72vw;background:url(shop_li.png?t=1749727450052)top center no-repeat;background-size:100%;padding-top:72px;} .Area_act .layout_PD .PD_img {width: 100%;margin: -5vw auto 0;} .Area_act .layout_PD .PD h3 {position:absolute;width:85%;top: 7.1vw;left:50%;transform: translateX(-50%);font-weight:900;font-size: 0.9em;color: #000;line-height: 8vw;border-radius: 2vw} .Area_act .layout_PD .PD .PD_into .txtn {position:absolute;width:90%;top: 1.2vw;left: 51%;transform: translateX(-50%);font-weight:900;font-size: 1em;color: #000;line-height: 8vw;} .Area_act .layout_PD .PD_slide { min-width: inherit; } .Area_act .Area_swiper_box{width: 96%;margin: auto;} } /*下方公版*/ @media screen and (min-width:768px){ .Area_below {height:100%;} .Area_below .bg_02 {z-index: -2;position: absolute;top: -25px;left: -390px;width: 2000px;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;} .Area_below .bg_03 {z-index: -2;position: absolute;bottom: -114px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events: none;} .Area_below .box {position:relative;background-color: #ffe907;border-radius: 38px;margin-bottom: 41px;} /**區標**/ .Area_below .text {position:relative;} .Area_below .text .layout_text {width: 100%;margin:72px auto 0;padding: 0;} .Area_below .text .layout_text ul {margin:0;padding:0;} .Area_below .text .layout_text .PD_slide:hover{transform:none;} .Area_below .text .layout_text .PD a {pointer-events: none!important} .Area_below .below_box{display: flex;flex-wrap: nowrap;flex-direction: column;} /**區標**/ .Area_below .box .layout_text {width: 100%;margin: 0;background: url(deco_line02.png?t=1749727450052)top center no-repeat;background-size: 61%;margin-top: 32px;} .Area_below .box .layout_text ul {margin:0;padding:0;} .Area_below .box .layout_text .PD_slide:hover{transform:none;} .Area_below .box .layout_text .PD a {pointer-events: none!important} .Area_below .box .layout_text .PD .PD_into h3{font-size: 41px;color: #4ccef5;margin-top: -17px;} .Area_below .box:nth-child(15) .layout_text .PD .PD_into h3 {} /**公版**/ .Area_below .box .layout_PD {width: 90%;margin: -50px auto;padding-bottom: 21px;margin-bottom: 41px;} .Area_below .box .layout_PD ul {border: 6px solid #73bfb5;padding: 16px;} .Area_below .below_box .box:nth-child(15) .layout_text ul {grid-template-columns: repeat(1, auto) !important ;} .Area_below .below_box .box:nth-child(15) .layout_text {background-size: 66%;} .Area_below .below_box .box:nth-child(15){width: 1200px;} .Area_below .below_box .box:nth-child(15) ul{grid-template-columns: repeat(4, auto) !important ;} .Area_below .below_box .box:nth-child(15) ul li{border-top: none;} .Area_below .tagstyle{width: 86%;margin: auto;} .Area_below .below_box{width: 100%;margin: auto;overflow: hidden;} } @media screen and (max-width:767px){ .Area_below {height:100%;} .Area_below .box {width:100%;margin-bottom:5vw;} .Area_below .tagstyle{margin-top:6vw;} /**區標**/ .Area_below .text {position:relative;} .Area_below .text .layout_text {width: 90%;margin: 0vw auto 0;padding-bottom: 0vw;} .Area_below .text .layout_text ul {margin:0;padding:0;} .Area_below .text .layout_text .PD_slide:hover{transform:none;} .Area_below .text .layout_text .PD a {pointer-events: none!important} /**區標**/ .Area_below .box .layout_text {width: 96%;margin-top: 5vw;margin-bottom: 1vw;padding-bottom: 0vw;background: url(deco_line02.png?t=1749727450052)top center no-repeat;background-size: 100%;top: 5vw;} .Area_below .box .layout_text ul {margin:0;padding:0;} .Area_below .box .layout_text .PD_slide:hover{transform:none;} .Area_below .box .layout_text .PD a {pointer-events: none!important} .Area_below .box .layout_text .PD .PD_into h3{font-size: 1.3em;color: #0eafdf;margin-top: -3vw;margin-bottom: 2vw;} /**公版**/ .Area_below .box .layout_PD {width: 98%;margin:0 auto;padding-top: 0vw;padding-bottom: 2vw;} .Area_below .box .layout_PD ul {border-radius: 0vw;border: 3px solid #51b0a4;} .Area_below .tagstyle{width: 86%;margin: auto;} .Area_below .below_box{width: 96%;margin: auto;background-color: #ffe907;} } /*館*/ @media screen and (min-width:768px){ .Area_logo {height:100%;} /**區標**/ .Area_logo .text{width: 65%;margin: 68px auto 45px;} .Area_logo .text .layout_text {width: 100%;margin:0 auto;padding-top: 0px;} .Area_logo .text .layout_text .PD_slide:hover{transform:none;} .Area_logo .text .layout_text .PD a {pointer-events: none!important} /*按鈕*/ .Area_logo .layout_btn {width: 86%!important;margin: 23px auto 42px auto;} .Area_logo .layout_btn ul {} .Area_logo .layout_btn ul li{} .Area_logo .PD_layout ul {} .Area_logo .PD_layout ul li {padding: 5px;} } @media screen and (max-width:767px){ .Area_logo {height:100%;} .Area_logo .PD_layout {} /*按鈕*/ .Area_logo .layout_btn {width: 89%!important;margin: auto;padding-bottom: 6vw;padding-top: 2vw;} .Area_logo .layout_btn ul {width: 100% !important;margin: auto !important;} .Area_logo .layout_btn ul li{padding: 1vw;} /**區標**/ .Area_logo .text {position:relative;width: 100%;margin:0 auto 4vw;} .Area_logo .text .layout_text {padding-top: 4vw;} .Area_logo .text .layout_text .PD a {pointer-events: none!important} } /*館*/ @media screen and (min-width:768px){ .Area_guan {height:100%;} /**區標**/ .Area_guan .text{width: 65%;margin: 68px auto 45px;} .Area_guan .text .layout_text {width: 100%;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: 55%!important;margin: 63px auto 42px auto;} .Area_guan .layout_btn ul {} .Area_guan .layout_btn ul li{} .Area_guan .layout_btn04 {width: 52%!important;margin: -160px auto 21px auto;} .Area_guan .PD_layout ul {} .Area_guan .PD_layout ul li {padding: 11px;} } @media screen and (max-width:767px){ .Area_guan {height:100%;} .Area_guan .PD_layout {} /*按鈕*/ .Area_guan .layout_btn {width: 89%!important;margin: auto;padding-bottom: 2vw;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: 4vw;} .Area_guan .text .layout_text .PD a {pointer-events: none!important} } /*移除公版設定*/ .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: 19 !important;position: absolute;top: 37px;left: -75px;} .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 65px 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;} } /*分享浮層*/ .floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center; border-radius:20px;} .floatBox img { width:100%; height:auto;} .floatBox .go_bt { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .floatBox .go_bt:hover { filter: brightness(120%); -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);} .floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2} .floatBox .closeButton:hover {background-color:#666; text-decoration:none;} .floatBox .title { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em; color:#ffd800; text-align:center} .floatBox .box_ { margin:0 auto; width:90%;} .floatBox .box_:after { content: ""; display:block; clear:both;} .floatBox .box_btn { margin:20px auto 0; width: 80%;} .floatBox .box_btn a { display:block; margin:3% 0;} .floatBox .box_btn img { width:100%;} .floatBox .box_btn .btn { margin:0 auto; width:60%;} .floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;} @media screen and (max-width:767px){ .floatBox { padding:5% 0; width:90%; height: auto;} .floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2} .floatBox .closeButton:hover {background-color:#666; text-decoration:none} .floatBox .title { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;} .floatBox .box_btn { margin:2% auto 0;} .floatBox .box_btn .btn { margin:0 auto; width:80%;} } /*輪播移除公版設定*/ .Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;} .Area .swipwe_remove_box_style ul li { border: none!important; background-color:transparent;} .Area .swipwe_remove_box_style ul li, .Area .swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;} @media screen and (max-width:767px){ .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0.2em;} .Area .swipwe_remove_box_style ul {} }