/* 點點 */
.withBG2 .swiper-pagination-bullet{background-color: #000;}
@media screen and (max-width:767px){
  .swiper-pagination-bullet{margin-top: 30px;}
}

/* 滾輪 */
.swiper-scrollbar-drag{background: rgb(0, 0, 0);}
.swiper-scrollbar{background: rgb(0 0 0 / 10%);}

/* 攻略 */
.Area_banner-carousel-1v3 .Acty_grid_col-right{display: block;}
@media screen and (min-width:768px){
  .Area_banner-carousel-1v3 .Acty_grid{padding-bottom: 50px;}
}

@media screen and (max-width:767px){
  .Area_banner-carousel-1v3 .Acty_grid{padding-bottom: 5vw;}
}


.strategy .Area_swiper li { background: #00000000;  }
/* 今日瘋搶攻略 */

  .strategy .Area_swiper_1 { margin-bottom: 21px; }
  .strategy .Area_swiper_1 ul h3 { font-size: 50px; text-align: center; font-weight: 600; height: 55px; line-height: 55px;  background: #fff1b9 ; padding: 21px 55px; height: 89px; padding-left: 34px; border-radius: 21px; }
  .strategy .Area_swiper_1 ul h3::after { content: "GO";  color: #fff ; font-size: 21px; background: #521b93 ; display: block; padding: 3px; text-align: center; width: 34px; height: 34px;  line-height: 34px; border-radius: 50%; position: absolute; top: 28px; right: 8px; }
  .strategy .Area_swiper_1 ul h3 span { margin-right: -8px; }
  .strategy .Area_swiper_1 ul h3 #js-PD_val_1 { color: #121212; }
  .strategy .Area_swiper_1 ul h3 #js-PD_val_2 { color: #521b93; margin-right: 13px; }
  .strategy .Area_swiper_1 ul h3 #js-PD_val_3 { color: #121212;  }
  .strategy .Area_swiper_1 ul h3 #js-PD_val_4 { color: #521b93;  }
  .strategy .box { background-color: #faf5f2 ; padding: 55px 0 20px 0 ; margin: auto ; border-radius: 20px ; }
  .strategy .layout_strategybtn {z-index: 3 ; position: absolute; width: 15%; left: 25px ; }
  .strategy .PD_layout.PD_layout-D1_16 ul li .PD h3 { font-size: 34px; color: #be7d1f ; font-weight: 600;  max-height: 180px; line-height: 40px; }
  .strategy .layout_strategybtn ul { padding: 0 !important ; }
  .strategy .layout_strategy { padding: 0 25px 0 185px ;  }
  .strategy .layout_strategy ul { min-height: 150px ; align-items: end; grid-gap:21px }
  .strategy .layout_strategy ul p { font-size: 55px; text-align: left; font-weight: 600; height: 55px; line-height: 55px; padding-left: 34px; margin-bottom: 13px; font-family: sans-serif; }
  .strategy .layout_strategy ul p span { margin-right: -13px; }
  .strategy .layout_strategy ul p::before { content: ""; background: #be7d1f ; display: block; width: 21px; height: 21px; border-radius: 50%; position: absolute; top: 21px; left: 0px; }
  .strategy .layout_strategy ul p::after { content: "GO";  color: #fff; font-size: 21px; background: #be7d1f ; display: block; padding: 3px; text-align: center; width: 34px; height: 34px;  line-height: 34px; border-radius: 50%; position: absolute; top: 18px; right: 0px; }
  .strategy .layout_strategy ul p #js-PD_val_1 { color: #363636; }
  .strategy .layout_strategy ul p #js-PD_val_2 { color: #be7d1f; }
  .strategy .layout_strategy ul p #js-PD_val_3 { color: #363636; font-size: 21px; }
  .strategy .strategyline { height: 50px ; }
  .strategy .strategyline ul { padding: 0 !important ; }
  .strategy .layout_strategylogo { padding: 20px 0 20px 180px;  }
  .strategy .Area_swiper .PD_img img { border-radius: 0 !important; }
  .strategy .layout_strategylogo ul { height: 130px ; }
  .strategy .layout_strategylogo li { background-color: transparent !important ; }

  .strategy .Area_swiper.category-reco  {   margin-left: 175px; }
  .strategy .category-reco .Area_swiper_box {  padding: 0; }
  .strategy .category-reco .layout_strategy {  padding: 0 0vw 0 0vw;  }
  .strategy .category-reco .layout_strategy ul { grid-gap:0; }
  .strategy .category-reco .PD_img {  width: 30%;  }
  .strategy .category-reco .PD_into {  width: 70%; justify-content:center;  }
  .strategy .category-reco .layout_strategy ul p  {  padding: 0;  }
  .strategy .category-reco p#js-PD_val_1 { color: #363636; }
  .strategy .category-reco p#js-PD_val_2 { color: #be7d1f; }
  .strategy .category-reco ul p::after { top: 144px; right: 40px; }
@media screen and (max-width:767px){
  .strategy .Area_swiper_1 { margin-bottom: 3.4vw ; width: 96% ; }
  .strategy .Area_swiper_1 ul h3 { font-size: 5vw; height: 5.5vw; line-height: 5.5vw; padding: 2.1vw 5.5vw; height: 8.9vw; padding-left: 3.4vw; border-radius: 2.1vw; }
  .strategy .Area_swiper_1 ul h3::after {  font-size: 2.1vw; padding: 0.3vw; width: 3.4vw; height: 3.4vw;  line-height: 3.4vw;   top: 2.8vw; right: 0.8vw; }
  .strategy .Area_swiper_1 ul h3 span { margin-right: -0.8vw; }
  .strategy .Area_swiper_1 ul h3 #js-PD_val_2 { margin-right: 0.8vw; }
  .strategy .box { background-color: #faf5f2 ; padding: 5vw 0 2vw 0 ; margin: auto ; border-radius: 2vw ; width: 96% ;  }
  .strategy .layout_strategybtn { width: 15% ; position: absolute ; left: 2vw ; }
  .strategy .PD_layout.PD_layout-D1_16 ul { grid-gap: 0;  }
  .strategy .PD_layout.PD_layout-D1_16 .PD_into { padding: 0;  }
  .strategy .PD_layout.PD_layout-D1_16 ul li .PD h3 { font-size: 4.2vw; line-height: 5vw;  max-height: 18vw; }
  .strategy .layout_strategy { padding: 0 2vw 0 16vw ; align-items: end; }
  .strategy .layout_strategy ul { min-height: 16vw ; align-items: end; grid-gap:2.1vw;  }
  .strategy .layout_strategy ul p { font-size: 5.5vw; height: 5.5vw; line-height: 5.5vw; padding-left: 3.4vw; margin-bottom: 1.3vw; }
  .strategy .layout_strategy ul p span { margin-right: -1.3vw; }
  .strategy .layout_strategy ul p::before {  width: 2.1vw; height: 2.1vw; top: 2.1vw; left: 0px; }
  .strategy .layout_strategy ul p::after { font-size: 2.1vw;  padding: 0.3vw;  width: 3.4vw; height: 3.4vw;  line-height: 3.4vw; top: 1.8vw; right: 0px; }
  .strategy .layout_strategy ul p #js-PD_val_3 {  font-size: 2.3vw; }

  .strategy .strategyline { height: 5.5vw ;  }
  .strategy .strategyline ul { padding: 0 !important ; }
  .strategy .layout_strategylogo { padding: 2vw 0 2vw 19vw ; }
  .strategy .layout_strategylogo ul { height: 13vw ; }
  .strategy .Area_swiper .PD_img img { border-radius: 0 !important; }
  .strategy .layout_strategylogo li { background-color: transparent !important ; }

  .strategy .category-reco .layout_strategy {  padding: 0 2vw 0 0vw;  }
  .strategy .Area_swiper.category-reco  {   margin-left: 13vw; }
  .strategy .category-reco ul p::after { top: 13vw; right: 0px; }
  
}


/* 家電包套 */
@media screen and (min-width:768px){
  .Area_PD11 .layout_text_PD11 { width: 6% ; position: absolute; left: 25px ; top: 23px ; }
  .Area_PD11 .layout_text_PD11 ul { padding: 0 !important; }
  .Area_PD11 .layout_PD11 .PD_into {  background: #ffe2b6 ;border-radius: 0 0 8px 8px;  padding-bottom: 2em; }
  .Area_PD11 .layout_PD11 .PD_into h3 { color: #000; font-size: 28px; }
  .Area_PD11 .layout_PD11 .PD_into { color: #fff !important ; font-size: 15px !important; }
  .Area_PD11 .layout_PD11 .PD_into h4 .js-PD_txt2 { display: none !important; }
  .Area_PD11 .layout_PD11 ul { height: 100% !important ; padding-bottom: 5px !important ;}
  .Area_PD11 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 180px ; }
  .Area_PD11 .PD_layout[data-pd-h3="5"] .PD h3 span { background-color: rgb(218 218 218 / 90%);  }
  .Area_PD11 .Area_swiper_box { padding-bottom: 25px ; }
  .Area_PD11 .PD .PD_into h4 {position: absolute;bottom: -14px;left: 11%;width: 78%;height: 40px;line-height: 2em;color: #fff ;background-color: #b97e27 ;border-radius: 20em;overflow: visible; font-size: 20px;}
  .Area_PD11 .PD:hover h4 { color: #fff !important ; }
  }
 @media screen and (max-width:767px){
    .Area_PD11_all .bg_repeat { background-color: #ffeda4 ; padding: 1vw 0 3vw ; margin-bottom: 5vw ; }
    .Area_PD11 { padding-bottom: 0 ; margin-top: 0; }
    .Area_PD11 .layout_text_PD11 { width: 14% ; position: absolute; left: 0 ; top: 4vw ; }
    .Area_PD11 .Area_swiper { width: 100%; }
    .Area_PD11 .Area_swiper ul { padding-bottom: 2vw !important ; }
    .Area_PD11 .layout_PD11 .PD_into {  border-radius: 0 0 2vw 2vw ; padding-bottom: 1.4em ;  background: #ffe2b6 ; }
    .Area_PD11 .layout_PD11 .PD_into h3 { color: #000 ; font-size: 4vw ; }
    .Area_PD11 .layout_PD11 .PD_into h4 { bottom: -3.5vw ; height: 8vw ; line-height: 2em ;color: #fff ; background-color: #b97e27 ; border-radius: 20em; overflow: visible ; position: absolute ; left: 11% ; width: 78%; font-size: 4vw ; }
    .Area_PD11 .layout_PD11 .PD_into h4 .js-PD_txt2 { display: none !important; }
    .Area_PD11 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 24vw ; }
    .Area_PD11 .Area_swiper_box .PD_layout .PD p .Price { font-size: 22px ; }
    .Area_PD11 .PD:hover h4 { color: #fff !important ; }
}



/* 各課主打 */
@media screen and (min-width:768px){
  .Area_PD12 .layout_text_PD12 { width: 6% ; position: absolute; left: 25px ; top: 23px ; }
  .Area_PD12 .layout_text_PD12 ul { padding: 0 !important; }
  .Area_PD12 .layout_PD12 .PD_into {  background: #ffe2b6 ;border-radius: 0 0 8px 8px;  padding-bottom: 2em; }
  .Area_PD12 .layout_PD12 .PD_into h3 { color: #000; font-size: 28px; }
  .Area_PD12 .layout_PD12 .PD_into { color: #fff !important ; font-size: 15px !important; }
  .Area_PD12 .layout_PD12 .PD_into h4 .js-PD_txt2 { display: none !important; }
  .Area_PD12 .layout_PD12 ul { height: 100% !important ; padding-bottom: 5px !important ;}
  .Area_PD12 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 180px ; }
  .Area_PD12 .PD_layout[data-pd-h3="5"] .PD h3 span { background-color: rgb(218 218 218 / 90%);  }
  .Area_PD12 .Area_swiper_box { padding-bottom: 25px ; }
  .Area_PD12 .PD .PD_into h4 {position: absolute;bottom: -14px;left: 11%;width: 78%;height: 40px;line-height: 2em;color: #fff ;background-color: #b97e27 ;border-radius: 20em;overflow: visible; font-size: 20px;}
  .Area_PD12 .PD:hover h4 { color: #fff !important ; }
  }
 @media screen and (max-width:767px){
    .Area_PD12_all .bg_repeat { background-color: #ffeda4 ; padding: 1vw 0 3vw ; margin-bottom: 5vw ; }
    .Area_PD12 { padding-bottom: 0 ; margin-top: 0; }
    .Area_PD12 .layout_text_PD12 { width: 14% ; position: absolute; left: 0 ; top: 4vw ; }
    .Area_PD12 .Area_swiper { width: 100%; }
    .Area_PD12 .Area_swiper ul { padding-bottom: 2vw !important ; }
    .Area_PD12 .layout_PD12 .PD_into {  border-radius: 0 0 2vw 2vw ; padding-bottom: 1.4em ;  background: #ffe2b6 ; }
    .Area_PD12 .layout_PD12 .PD_into h3 { color: #000 ; font-size: 4vw ; }
    .Area_PD12 .layout_PD12 .PD_into h4 { bottom: -3.5vw ; height: 8vw ; line-height: 2em ;color: #fff ; background-color: #b97e27 ; border-radius: 20em; overflow: visible ; position: absolute ; left: 11% ; width: 78%; font-size: 4vw ; }
    .Area_PD12 .layout_PD12 .PD_into h4 .js-PD_txt2 { display: none !important; }
    .Area_PD12 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { top: 24vw ; }
    .Area_PD12 .Area_swiper_box .PD_layout .PD p .Price { font-size: 22px ; }
    .Area_PD12 .PD:hover h4 { color: #fff !important ; }
}