/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }

/*區塊背景改色*/
@media screen and (min-width: 768px) {
    .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
        background: url(Area_boxstyle_hasbg_top.png?t=1759477453514) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom.png?t=1759477453514) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_center.png?t=1759477453514) bottom center / 100% repeat-y;
    }
}
@media screen and (max-width: 767px) {
    .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
        background: url(m_Area_boxstyle_hasbg_top.png?t=1759477453514) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom.png?t=1759477453514) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_center.png?t=1759477453514) center top 10vw / 100% calc(100% - 13vw) no-repeat;
    }
}



/*9品公版_MB調整*/
@media screen and (max-width:767px){
.Area_Brand .PD_layout-D1_01[data-pd-pdlogo="4"] .PD h4 b{ font-size: 16px;}
.Area_Brand .PD_layout-D1_01.PD_layout[data-pd-pdlogo="4"][data-pd-col-phone="3"] ul{padding:0px;}
}

/*銀行輪播*/
.bankall {height: 320px;}
.bank_text {position: absolute;top: 20px;left: 220px;width: 65%;}
.Area_bank { position: relative; overflow: hidden; margin: 0 auto 0px;background-color: #fff;border-radius: 15px; }
.Area_bank .box .PD_layout ul {display: flex; flex-wrap: nowrap!important;padding:0 !important;background: none;}
.Area_bank .box .PD_layout ul.PD_wrapper{height: 200px;}
.Area_bank .box .PD_layout ul.PD_wrapper li{ width: 304px; margin: 0; border: none!important;}
.Area_bank .box .PD_layout .PD_img img{ border: none!important;}
.Area_bank .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {font-size: 1em;}
.Area_bank .swiper-pagination-bullet{background-color: #ff3727;}
@media screen and (max-width:767px){
.bankall {height: 39vw;}
.bank_text {position: absolute;width: 100%; top: 1.5vw;left: 0;}
.Area_bank {margin: 0;background-color: #fff;border-radius: 10px;}
.Area_bank .box .PD_layout ul {flex-wrap: nowrap;background: none;}
.Area_bank .box .PD_layout ul.PD_wrapper{height: 24vw;margin-bottom: -1vw;margin-top: 2vw;}
.Area_bank .box .PD_layout ul.PD_wrapper li{ padding: 0;}
.Area_bank .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {scale: 0.6;}
}


/**a連結不能觸及**/
.Area_24hr .bank_text a{ pointer-events: none;}
/**限搶倒數**/
.Area_24hr {position: relative;}
.Area_24hr .TimerNick3 {position: absolute;top: 164px;left: 50%;transform: translateX(-50%);z-index: 15;display:inline-block;padding-right:14px;height:0px;text-align:right;}
.Area_24hr .TimerNick3 .FontStyle3 {display:inline-block;margin:0px 0 0 0;padding: 9px;border:0px;width: 39px;font: bold 35px/38px Century Gothic;color:#fff;letter-spacing:-1px;text-align:center;background: #ff3727;border-radius: 9em;}
.Area_24hr .TimerNick3 div:nth-of-type(2)
.Area_24hr .TimerNick3 div:nth-of-type(3) { width:60px;}
.Area_24hr .TimerNick3 span { padding-left:2px; font: bold 25px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
.Area_24hr .Area_boxstyle .Area_boxstyle_box1 {padding-block-start:150px;}
@media screen and (max-width:767px){
.Area_24hr .TimerNick3 {z-index:2;position: absolute;top: 17.5vw;left: 45%;display:inline-block;margin:0;padding-right:5%;width:85%;height:0;padding-bottom:10%;overflow:hidden;text-align:right;}
.Area_24hr .TimerNick3 .FontStyle3 { display:inline-block; margin:0vw 0 0 1vw ; padding:0; border:0px; width:9vw; height: 9vw; font: bold 5.5vw/9vw Century Gothic; color:#fff; letter-spacing:-1px; text-align:center; background:#ff731e; border-radius: 7em;}
.Area_24hr .TimerNick3 div:nth-of-type(2),
.Area_24hr .TimerNick3 div:nth-of-type(3) { width:9vw;}
.Area_24hr .TimerNick3 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.1em;color: #000;}
.Area_24hr .Area_boxstyle .Area_boxstyle_box1 {padding-block-start:9vw;}
}

/**限搶倒數-公版調位置**/
@media screen and (min-width:768px){
  /* .Area01   {background-color: #826eff;}	 */
  .Area01 ul {width: 90%;}	
  .Area01 .PD_layout  ul  {padding:75px 0 20px 0 !important;}		
  }
  @media screen and (max-width:767px){
  .Area01 .PD_layout  ul  {padding:13vw 0 3vw 0 !important;position: relative;top:24px;}
  .Area01 .PD_layout   {padding:0vw 0 10vw 0 !important}
  }


/*活動4顆*/
.guanall {height: 440px;}
.Area_guan .layout_guan {width:80%;padding: 0;}
.Area_guan .layout_guan ul {grid-gap:0 0em;}
@media screen and (max-width:767px){
.guanall { margin-bottom: 0vw !important;height: auto;}
.Area_guan { margin-bottom: 0; }
.Area_guan .layout_guan {width: 100%;padding: 0;}
.Area_guan .layout_guan ul {grid-gap:0.1em;}
.Area_guan .layout_guan ul li{padding: 0;}
}


/*作圖區6品*/
@media screen and (min-width:768px){
.Area_item {height: auto;padding-bottom:0;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
/*作圖區*/
.Area_item .PD_layout.layout_item .PD p b {color: #19689e;background-color: #ffd700;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
.Area_item .PD_layout.layout_item .PD_slide .PD p del {position: absolute;top: 54px;left:26px;color:#ffffff;    font-size: 25px;}
.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#ffe744;font-size: 2.7em;}
.Area_item .PD_layout.layout_item .PD p {position: relative;top:65px;left:95px;height: 6em;padding: 13% 0 0;line-height: 1.6em;font-size:1.4em;color:#ffe744!important;font-weight:700;}
.Area_item .PD_layout.layout_item li {background: url("item_bg.png?t=1759477453514") center top / 100% no-repeat scroll;}	
.Area_item .PD_layout.layout_item {padding:0;width: 91%;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_item .PD_layout.layout_item .PD_slide {height:515px;padding:0;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {width: 80%;padding-left:0;position: absolute;left:0px;top: 183px;text-align: center;font-size: 1em;color: #fff;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:65%;margin:36% 0% 0% 17%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top:-125px;left:40px;max-height: 1.4em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 2.6em;line-height: 1.6em;color:#ffffff;text-align: center;    background: transparent!important;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2.4em;color: #ffffff;text-align: center;position: relative;top:120px;left:40px;font-weight:900;}
.Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#ffffff;}
}
	
@media screen and (max-width:767px){
.Area_item {height:100%;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	 
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
/*作圖區*/
.Area_item .PD_layout.layout_item {padding: 0 0 0 0;}
.Area_item .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
.Area_item .PD_layout.layout_item li {width:100%;height:68vw;left:0vw;background: url("item_bg.png?t=1759477453514") center top / 102% no-repeat scroll;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top:45vw;width: 100%;text-align:center;font-size: 0.7em;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:0.7vw;top:-37.5vw;height: 14vw;border-radius:50%;display: block;    z-index: 90;}
.Area_item .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important;/*border: 7vw solid #ffffff;*/}
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:71%;margin:36% 0% 0% 15%;box-shadow: unset;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 2.0em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #ffffff;top:-39vw;left:1vw;position: relative;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.9em;color:#ffffff;margin: 0;line-height: 1em;text-align: center;top:-3vw;position: relative;left:1vw;font-weight: 900;}
}  
  

/*登記活動 字體顏色*/
.Area_danji_sample .danji_box ul li .activityText .gifts span { color: #4E4BFF;}
/* .warningTxt h3 {color: #000 !important;}   */


/*09-新店駕到-3x5*/
.Area09 { background-color: #1e4bc8; height:auto ; padding: 22px 0 22px!important; border-radius:4.5vw 4.5vw 2vw 2vw;margin-bottom:15px ;}
.Area09 .A09_box_01 ul { background: transparent; grid-gap: .7em 1.5vw;}
.Area09 .A09_box_01 ul li {border: none;padding-top: 18vw;border-radius: 10px;overflow: hidden; max-width: 0vw;background: url("Area09_bg.png?t=1759477453514") center top/100% no-repeat scroll;}
.Area09 .A09_box_01 ul li .PD {background: #fff;}
/* 品牌名隱藏 */
.Area09 .A09_box_01 .PD .PD_into .PD_logo { position: absolute;top: 0;padding: .5vw;background: #fff;border-radius: 12px; width: 100%;box-sizing: border-box;border: 6px solid #00f083;}
.Area09 .A09_box_01 .PD .PD_into .PD_logo img { width: 100%;box-sizing: border-box;}
.Area09 .A09_box_01 .PD .PD_into .txtn { width: 90%; position: absolute; top: 1.5vw; left: 50%; transform: translateX(-50%); padding: 0; font-weight: 900; font-size: 5vw; color: #000; line-height: 9vw; background: #fff; border-radius: 2vw;}
.Area09 .A09_box_01 .PD .PD_into h3 { width: 100%; position: absolute; top: 11vw; left: 50%; transform: translateX(-50%); padding: .5vw; font-weight: 700; font-size: 4vw; color: #fff; line-height: 4.4vw;}
.Area09 .PD_layout-btn { padding: 0; background: unset;}
.Area09 .PD_layout-btn h3{ background: #000; color: #fff; padding: 2vw 5vw; border-radius: 50vw;}
.Area09 .A09_box_01 .active ul li {display: list-item;}
.Area09 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide, .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide {padding-bottom: 0em;}

@media screen and (min-width:768px) {
.Area09 { background-color: #1e4bc8; padding: 4vw 0 0vw; border-radius: 50px 50px 20px 20px;margin-bottom:3vw ;}
.Area09 .A09_box_01 ul {background: transparent; gap: 15px;}
.Area09 .A09_box_01 ul li {border: none;padding-top: 161px;border-radius: 10px;overflow: hidden; max-width: 0;}
/* 品牌名隱藏 */
.Area09 .A09_box_01 .PD .PD_into .PD_logo {position: absolute;top: 0;padding: .5vw;background: #fff;border-radius: 12px; width: 100%;box-sizing: border-box;border: 6px solid #00f083;}
.Area09 .A09_box_01 .PD .PD_into .PD_logo img{ width: 100%;box-sizing: border-box;}
.Area09 .A09_box_01 .PD .PD_into h3 {width: 100%;position: absolute;top: 103px;left: 50%;transform: translateX(-50%);padding: .5vw;font-weight: 700;font-size: 24px;line-height: 33px;}
.Area09 .A09_box_01 .PD .PD_into .txtn { top: 20px; font-size: 36px; line-height: 2;}
.Area09 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide, .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide {padding-bottom: 0em;}
}

/*h2共用樣式*/
@media screen and (min-width:768px){
.Area09 .PD_title { margin: 0vw auto 0vw;width:75%;z-index: 10;}
.Area09 .PD_title a {pointer-events: none;}

.Area09 .PD_title h2 .js-PD_txt3 { position: relative; top:20px ;margin: 0 auto; text-align: center; color: #522e1b; font-size: 50px; font-weight: 600; font-family: "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
/*背景樣式*/
.Area09 .PD_title h2 { background: url(Area_h2_01.png?t=1759477453514) center top no-repeat; background-size: contain;  line-height: 1.5;margin:0vw auto;width:800px ;height: 118px;}

.Area09.hasbg .PD_title h2 { background-image: none; height: 12.9vw; line-height: 1.6;}  
}
@media screen and (max-width:767px){
.Area09 .PD_title { margin: 0vw auto 0vw;width:100%;}
.Area09 .PD_title a {pointer-events: none;}
.Area09 .PD_title h2 .js-PD_txt3 { position: relative; top:3vw ;margin: 0 auto; text-align: center; color: #522e1b; font-size: 6vw; font-weight: 600; font-family: "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
/*背景樣式*/
.Area09 .PD_title h2 { background: url(Area_h2_01.png?t=1759477453514) center top no-repeat; background-size: 100%; height: 15vw; line-height: 1.5;margin:0vw auto;}
.Area09.hasbg .PD_title h2 { background-image: none; height: 12.9vw; line-height: 1.6;}  
}


/*16-各部專區*/
.Area09 { overflow: hidden;}
.Area09 .box { position: relative; background-color: #820f00; border-radius: 15px; overflow: hidden;}
.Area09 .swiper-pagination { /*--swiper-pagination-color: #fff;*/ bottom: 1vw;}
.Area09 .swiper-pagination-bullet { background: #fff;}
.Area09 .PD-1 { width: 96%;}
.Area09 .page_box { padding-bottom: 0px;}
/*抵用券(線上入稿)*/
.Area09 .layout_C16 { overflow: hidden;}
.Area09 .layout_C16 ul { display: flex;flex-wrap: nowrap; height: 190px;}
.Area09 .layout_C16 .PD_slide { background: url(PD_couponShop_bg.png?t=1759477453514) no-repeat; background-size: 100%; font-size: 3.7vw; font-family: Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}

/*.Area16 .layout_C16 .PD .txta span { display: inline; margin-right: -.06em;}*/
.Area09 .layout_C16 .PD .txta .money { font-size: 1.5em; position: relative; top: -0.1em;}
.Area09 .layout_C16 .PD .txta .Discount { font-size: 2.5em;}
.Area09 .layout_C16 .PD .txta .Dis_unit { font-size: 1.5em; position: relative; top: -0.2em;}

@media screen and (max-width:767px){
.Area09 .box { position: relative; background-color: #820f00; border-radius: 15px; margin: 0 2vw 6vw; padding-bottom: 2vw;}
.Area09 .page_box { padding-bottom: 0vw;}
.Area09 .PD-1 { width: 100%;}
.Area09 .PD_layout.PD-1 ul { padding-top: .6em;}
.Area09 .PD_layout.PD-1 .PD_btn.more i { display: none;}
/*抵用券(線上入稿)*/
.Area09 .layout_C16 ul { height: 30vw; padding: 0; grid-gap: 0;}

.Area09 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex;} 
.Area09 .layout_C16 .PD .txta { display: flex; justify-content: center; align-items: flex-end; color: #fff; /*font-size: 2.5em;*/ /*line-height: 1.2;*/ font-weight: 700; letter-spacing: -0.025em; text-align: center; margin: 7vw 0; padding: 0; width: 29%;}
.Area09 .layout_C16 .PD .txtb { position: absolute; top: 2.4vw; left: 32%; color: #000; font-size: 1em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #ddecfc; padding: .05em .35em .15em; border-radius: 1vw;}
.Area09 .layout_C16 .PD .txtc { position: absolute; top: 10.1vw; left: 33%; color: #000; font-size: 1.2em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
.Area09 .layout_C16 .PD .txtd { position: absolute; top: 12vw; left: 33%; color: #000; font-size: .9em; font-weight: 500; letter-spacing: -0.02em; text-align: left; display: none;}
    
}
@media screen and (min-width:768px){
/*抵用券(線上入稿)*/
.Area09 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex; font-size: 32px;}
.Area09 .layout_C16 .PD .txta { margin: 40px 0; font-size: 27px;display: flex; justify-content: center; align-items: flex-end; color: #fff; /*font-size: 2.5em;*/ /*line-height: 1.2;*/ font-weight: 700; letter-spacing: -0.025em; text-align: center; padding: 0; width: 29%;}
.Area09 .layout_C16 .PD .txtb { top: 15px;position: absolute; left: 32%; color: #000; font-size: 0.8em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #ddecfc; padding: .05em .35em .15em; border-radius: 1vw;}
.Area09 .layout_C16 .PD .txtc { top: 62px;position: absolute;  left: 33%; color: #000; font-size: 0.85em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
}



/*mo店+專區*/
.Area05 .PD_title { margin: 30px auto 10px;}
.Area05 .PD_title a{ pointer-events: none; }
.Area05 .title{margin-bottom: -60px;}
.Area05 .boxtop {position: relative;}
.Area05 .boxrepeat01 { background: url(boxrepeat05_m.png?t=1759477453514)top center repeat-y; margin: 0 auto; padding: 10px 150px 0; box-sizing: border-box;}
.Area05 .btn ul { padding: 10px 30px 20px; grid-gap: 0 30px;}
.Area05 .NavArea_tabbar_page { width: 98%; margin: 0 auto 10px;}
.Area05 .NavArea_tabbar_page .Nav .swiper-slide-active i { border: 1px solid #ff6248   !important; background-color: #ff6248   !important;}
.Area05 .content_swiper { overflow: hidden;margin:auto ; width:98% ;}
@media screen and (max-width:767px){
.Area05 .PD_title { margin: 5vw auto 1vw;}
.Area05 .page_box .PD_layout ul {margin-top:2vw ; width: 98%;}
.Area05 .title{margin-bottom: -6vw;}
.Area05 .boxtop {position: relative;}
.Area05 .boxrepeat01 { background: url(boxrepeat05_m.png?t=1759477453514)top center repeat-y; background-size: 100%; padding: 0vw 0.5em 0;margin-top:0vw ;}
.Area05 .btn ul { padding: 3vw 0.5em 3vw; grid-gap: 0 0.5em;}
.Area05 .NavArea_tabbar_page { margin: 0 auto 0vw;}
}


/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
.NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #fff !important; background-color: #fff !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}



/*輪播bnx5*/
.Area_BN {padding: 10px 0 75px 0;margin-bottom: 0;}
.Area_BN .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px;transition-delay:0s;opacity: 1;}
.Area_BN  .swiper-pagination-bullet{border-radius:20px;}
.Area_BN .Area_swiper_box .PD_layout li {background: none;}
.Area_BN .box {background:#ff6248;padding:14px 0;border-radius: 10px;}

@media screen and (max-width:767px){
.Area_BN {margin: 0 0 6vw 0;padding: 4vw 0 0 0;}
.Area_BN .Area_swiper_box .PD_layout li {background: none;}
.Area_BN .Area_swiper_box{padding-bottom:6vw;}
.Area_BN .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {scale: 0.6;}
}


/*熱搜關鍵字*/
.hot_word {}
.hot_word .PD_layout-D1_03 { width: 90%; padding-bottom: 100px; margin: 0 auto;}
.hot_word .PD_layout-D1_03 ul { margin: 0; padding: 0; grid-gap: 10px; display: flex; flex-direction: row; flex-wrap: wrap;}
.hot_word .PD_layout-D1_03 ul::before { display: none;}	
.hot_word .PD_layout-D1_03 ul li { list-style: none; float: left; margin: 0; padding: 0; min-width: 32%; border-radius: .5em; background-color: #ff6248;}	
.hot_word .PD_layout-D1_03 ul li:hover { box-shadow: none;}	
.hot_word .PD_layout-D1_03 .PD h3 { font-weight: bolder; color: #fff;}	
@media screen and (max-width:767px){
.hot_word {}
.hot_word .PD_layout-D1_03 { width: 100%;padding-bottom: 10vw;}
.hot_word .PD_layout-D1_03 ul { width: 90%!important; padding: 0; margin: 0 auto; display: flex; flex-direction: column;}
.hot_word .PD_layout-D1_03 ul li { padding: 1vw; width: 100%;}	
.hot_word .PD_layout-D1_03 .PD h3 { font-weight: 600; font-size: .95em;}	
}


.Area06 .swiper-pagination-bullet-active{background:#fff !important;}
/*品類券*/
@media screen and (min-width:768px){
.Area06 {}
.Area06 .Area06_btn {position: absolute;top: 37px;left: 855px;}
.Area06 .Area06_BN {width: 79%;}
}
@media screen and (max-width:767px){
.Area06 {}
.Area06 .Area06_btn {position: absolute;top: 0vw;left: 75vw;width: 50%;}
.Area06 .swiper-pagination-bullet-active {background: #fff;}
.Area06 .swiper-pagination-bullet {background: #fff;}
.Area06  .Area_swiper_box{padding-bottom:7vw;}
}

/*區標*/
@media screen and (min-width:768px){
    .box_txt {position: absolute;margin: 0 auto;width: 95%;height: auto;left: 34px;top:4px;}
    .box_txt img {width: 85%;}
    .txt2 ul {position: relative;padding: 0;margin: 0;list-style: none;height: 176px;top:0;}
    .txt2 ul li { background-color: transparent; pointer-events: none;padding: 0;}
    .txt2 .PD_into {padding: 0;}
    .txt2 ul li h5 {position: relative;top:62px;margin: 0;padding: 0;width: 100%;font: 46px/46px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;color: #fff;letter-spacing:-4px;}
    }
    @media screen and (max-width:767px){
    .box_txt {position: absolute;margin: 0 auto;width: 100%;top: 0vw;right: 1vw;}
    .box_txt img {width: 100%;}
    .txt2 ul {padding: 0;margin: 0;list-style: none;height: 19vw;}
    .txt2 ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
    .txt2 .PD_into {padding: 0;}
    .txt2 ul li h5 {position: relative;top:5.0vw;margin: 0;padding: 0;width: 100%;font: 5vw/7vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: -0.5vw;overflow: hidden;color: #fff;}
    }