/* 各頁面CSS */


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




/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}

/* 輪播軸 */
.swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.swiper-scrollbar-drag{background: #ffffffa8;}


/* 間距共用 */
@media screen and (min-width:768px){
.Area_bottom { margin-bottom: 20px!important; }
.Area_bottom2 { margin-bottom: 50px!important; }
}
@media screen and (max-width:767px){
.Area_bottom { margin-bottom: 2vw!important; }
.Area_bottom2 { margin-bottom: 5vw!important; }	
}
	

.Area_bestPD_bottom2 {
    --pc-font-size: 24px;
    --border-radius: 20px;
    --background-li-color1: #ffffff;
    --background-li-color2: #e9e9e9
}

@media screen and (max-width: 767px) {
    .Area_bestPD_bottom2 .Area_swiper,.Area_bestPD_bottom2 .Area_swiper_box {
        overflow:visible
    }
}

@media screen and (min-width: 768px) {
    .Area_bestPD_bottom2 .Area_swiper_box .PD_layout ul {
        margin-top:16px
    }
}

.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_img {
    padding: .5em;
    background-color: var(--background-li-color1);
    border-radius: .5em .5em 0 0
}

.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into {
    background-color: var(--background-li-color2);
    border-radius: 0 0 .5em .5em;
    padding: .25em
}

@media screen and (min-width: 768px) {
    .Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into {
        padding:.5em
    }

    .Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into h4 span {
        margin-top: .25em
    }
}

.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into h3 {
    position: absolute;
    top: -4%;
    left: 0;
    z-index: 2;
    margin: 0;
    font-size: 3.5vw;
    line-height: 1.4;
    border-radius: var(--border-radius)
}

@media screen and (min-width: 768px) {
    .Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into h3 {
        font-size:var(--pc-font-size)
    }
}

.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into h3 span {
    letter-spacing: -0.05em;
    border-radius: var(--border-radius);
    background-color: #fff221;
    -webkit-box-shadow: 0px 2px 2px #d8d9e4;
    box-shadow: 0px 2px 2px #d8d9e4;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    display: inline
}

.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_into h4 {
    margin-bottom: unset
}

.Area_bestPD_bottom2 .PD_layout-acPD2.PD_layout[data-pd-h4="2"] .PD h4 b,.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_layou[data-pd-h4="2"] .PD h4 span,.Area_bestPD_bottom2 .PD_layout-acPD2.PD_layout-acPD2 h4 span.js-PD_txt2 {
    display: block;
    font-weight: bold
}

@media screen and (min-width: 768px) {
    .Area_bestPD_bottom2 .PD_layout-acPD2.PD_layout[data-pd-h4="2"] .PD h4 b,.Area_bestPD_bottom2 .PD_layout-acPD2 .PD_layou[data-pd-h4="2"] .PD h4 span,.Area_bestPD_bottom2 .PD_layout-acPD2.PD_layout-acPD2 h4 span.js-PD_txt2 {
        font-size:var(--pc-font-size)
    }
}


/* 倒數容器 */
.TimerNick2{display:inline-flex;align-items:center;gap:6px;margin-bottom: 20px;}
/* 數字方塊 */
.TimerNick2 .FontStyle{display:inline-flex;justify-content:center;align-items:center;width: 52px;height: 50px;font: bold 32px "Century Gothic";color: #ffcf40;background: #6a1414;border-radius:6px;}
/* 時分秒文字 */
.TimerNick2 span{margin-right: 6px;font: bold 20px "微軟正黑體","Microsoft JhengHei";color: #ffffff;}
@media screen and (max-width:767px){
.TimerNick2{justify-content:flex-end;gap:1vw;margin-bottom: 2vw;}  
.TimerNick2 .FontStyle{width: 9vw;height:8vw;font-size: 5.5vw;border-radius:1vw;}
}

/* 倒數容器 */
.TimerNick3{display:inline-flex;align-items:center;gap:6px;margin-bottom: 20px;}
/* 數字方塊 */
.TimerNick3 .FontStyle{display:inline-flex;justify-content:center;align-items:center;width: 52px;height: 50px;font: bold 32px "Century Gothic";color: #b41919;background: #ffcf40;border-radius:6px;}
/* 時分秒文字 */
.TimerNick3 span{margin-right: 6px;font: bold 20px "微軟正黑體","Microsoft JhengHei";color: #ffffff;}
@media screen and (max-width:767px){
.TimerNick3{justify-content:flex-end;gap:1vw;margin-bottom: 2vw;}  
.TimerNick3 .FontStyle{width: 9vw;height:8vw;font-size: 5.5vw;border-radius:1vw;}
}



/* 家電mo卡特談 */
.Area_card .box0{display: flex;}

@media screen and (min-width:768px){
.Area_card {margin-bottom: 10px;}
.Area_card .box0 {margin-bottom: 10px;}
.Area_card .box0 .PD_layout[data-pd-li=BN] ul{padding: 10px;}
.Area_card .tit01{margin-bottom: 10px;}
.Area_card .cardbg{background-color: #ffd634; border-radius: 10px; padding: 20px; margin-bottom: 20px;}
}
@media screen and (max-width:767px){
.Area_card {margin-bottom: -2vw;}
.Area_card .box0 {margin-bottom: -1vw;}
.Area_card .box0 .PD_layout[data-pd-li=BN] ul{padding: 3px;}
.Area_card .tit01{margin-bottom: 1vw;}
.Area_card .cardbg{background-color: #ffd634;border-radius: 10px;padding: 1.5vw;margin-bottom: 1vw;}
}



/* 今日瘋搶攻略 */
.Area_stagy{
	@media screen and (max-width:767px){
	  width: 96%;
	}
	.item-bonus{
	  padding: 12px 0 32px;
	  background: linear-gradient(#ff3937 0%, #c9100e 40%);
	  background-size: cover;
	  border-radius: 40px 40px 0 0;
	  @media screen and (max-width:767px){
		border-radius: 3vw 3vw 0 0;
		padding: 2vw 0;
	  }
	  .Area_swiper{
		padding-top: 20px;
		width: 88%;
		@media screen and (max-width:767px){
		  padding-top: 2vw;
		}
	  }
	  .Area_swiper_box .PD_layout li {
		background: transparent;
	  }
	}
  
	.box-main{
	  position: relative;
	  top: -32px;
	  padding:20px;
	  margin: 0 auto;
	  background: #fff;
	  border-radius: 40px;
	  @media screen and (max-width:767px){
		border-radius: 3vw;
		padding: 1vw 0;
		top: -3vw;
	  }
	  &::before,&::after{
		position: absolute;
		/* content: ""; */
		width: 100%;
		display: block;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	  }
	  &::before{
		top: -70px;
		background: url(Area_stagy_01.png?t=1781777744323) no-repeat;
		background-size: contain;
		height: 120px;
		@media screen and (max-width:767px){
		  top: -7vw;
		  height: 12vw;
		}
	  }
	  &::after{
		bottom: -46px;
		background: url(Area_stagy_03.png?t=1781777744323) no-repeat;
		background-size: contain;
		height: 250px;
		@media screen and (max-width:767px){
		  bottom: -4vw;
		  height: 25vw;
		}
	  }
	  .box-group{
		padding:12px 32px;
		display: flex;
		gap: 60px;
		align-items: center;
		align-content: center;
		@media screen and (max-width:767px){
		  gap: 3vw;
		  padding: 1.5vw 4vw;
		}
		&:not(&:last-child){
		  .box-item{
			border-bottom: 1px #757575 solid;
  
		  }
		  .box-item{
			ul{
			  padding: 0;
			  gap: 20px;
			  @media screen and (max-width:767px){
				gap: 2vw;
			  }
			}
		  }
		}
  
		.box-sub{
		  position: relative;
		  width: 15%;
		}
		.box-item{
		  width: 80%;
		}
	  }
	}
  
}

/* 行銷三顆 */
.Area_sales{
	.box-main{
	  .box-item{
		/* 一排三個 */
		.PD_layout.PD_layout-D1_14[data-pd-col-pc="3"] ul.PD_wrapper{
		  gap: 20px;
		  @media screen and (max-width:767px){
			gap: 2vw;width: 96%;
		  }
		  li{
			background: #fff;
			border-radius: 32px;
			overflow: hidden;
			border: 1px solid #fffcec;
			@media screen and (max-width:767px){
			  border-radius: 4vw;
			  border: .5vw solid #fffcec;
			}
			.PD_img{
			  margin: 20px auto 106px;
			  width: 60%;
			  max-width: 146px;
			  @media screen and (max-width:767px){
				margin: 2vw auto 12vw;
				width: 71%;
				max-width: 22.1vw;
			  }
			}
			.PD_into{
			  background: url(sale-bg.png?t=1781777744323)top center no-repeat;
			  background-size: cover;
			  padding: 52px 8px 22px;
			  @media screen and (max-width:767px){
				padding: 6vw 1vw 1.5vw;
  
			  }
			  h3,h4{
				text-align: center;
				font-size: 38px;
				line-height: 36px;
				padding:0;
				margin-bottom: 8px;
				@media screen and (max-width:767px){
				  font-size: 1rem;
				  line-height: 1.1rem;
				  margin-bottom: 1vw;
				}
			  }
			  h4{
				display: flex;
				align-items: center;
				gap: 4px;
				justify-content: center;
				@media screen and (max-width:767px){
				  gap: .5vw;
				}
				&::after{
				  content: "";
				  display: block;
				  background: url(arrow-right.png?t=1781777744323) no-repeat;
				  background-size: contain;
				  width: 16px;
				  height: 28px;
				  @media screen and (max-width:767px){
					width: 3vw;
					height: 3.5vw;
				  }
				}
			  }
			  /* .PD_logo{
				position: absolute;
				top: -2vw;
				right: 10vw;
				width: 14vw;
			  } */
			}
		  }
		}
	  }
	  .bn-main {
		width: 96%;margin: 0 auto;
	  }
	}
}
.PD_layout.PD_layout-D1_14 ul.PD_wrapper{
    --font-h3-color:#fff;
    --font-h4-color:#fce043;
    --font-tag-color:#fff;
    padding: 0;

    .PD_into{
      text-align: center;
      padding: 0 12px 24px;
      background-color:unset;
      font-family: "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";
      @media screen and (max-width:767px){
        padding: 0 1vw 2.6vw 1vw;

      }
      .PD_logo{
        flex:1;
        display: block;
        width: 50%;
        margin: 0 auto 12px;
        @media screen and (max-width:767px){
          width: 45%;
          margin: 0 auto 1.1vw;

        }
      }
      h3{
        flex: 2;
        max-height: unset;
        line-height: 30px;
        font-size: 28px;
        font-weight: bold;
        color: var(--font-h3-color);
        @media screen and (max-width:767px){
          line-height: 3.8vw;
          font-size: 3.5vw;
        }
      }
      h4{
        flex: 2;
        font-size: 32px;
        font-weight: bold;
        color: var(--font-h4-color);
        margin: 0;
        @media screen and (max-width:767px){
          line-height: 4.2vw;
          font-size: 3.8vw;
        }
      }
    }
}

/*Youtube影片浮層css*/
.box_youtube { margin: 0 auto; overflow: hidden }
@media screen and (min-width:768px){
  .box_youtube { width: 900px; border-radius: 20px; }
  .box_youtube_01{margin-bottom: 50px;margin-top: 25px;}
}
@media screen and (max-width:767px){
  .box_youtube { width: 98%; border-radius: 10px;}
  .box_youtube_01{margin-bottom: 2vw;margin-top: 1vw;}

}

.bigpicture { height: 100%;	width: 100%; position: relative; background-position: center center; background-size: cover; cursor: pointer;}
.bigpicture h3 { position: absolute; left: 5%; bottom: 0; z-index: 1; color: #fff; font-size: 20px }
.bigpicture:before,
.bigpicture:after { z-index: 1; content: ''; position: absolute; left: 0; top: 0; right: 0;	bottom: 0;height: 100%;	width: 100%; transition: opacity 0.2s;}
.bigpicture:after { background-repeat: no-repeat; background-position: center; opacity: 1; background-size: 2em;}
.bigpicture:before { background: linear-gradient(0deg, #000, transparent 40%); opacity: 0.7;}
/*.bigpicture:hover:after { opacity: 0.8; }*/
.bigpicture:hover:before { opacity: 0.5; }
.bigpicture:after { height: 100%; width: 100%;	
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
  background-size: 4em;
}
.bigpicture img { width: 100%; border-radius: 10px; aspect-ratio: 1.777777;}
@media screen and (max-width:767px) {
  .bigpicture h3 { font-size: 3vw; left: 1.2em;}
}

/* 最強品類日 */
@media screen and (min-width:768px){
.thebest{margin-bottom: 80px;}
.thebest_mk{margin-bottom: 0px;}
}
@media screen and (max-width:767px){
.thebest{margin-bottom: 3vw;}
.thebest_mk{margin-bottom: -1vw;}
}



/* 01_今日瘋搶攻略 */
.Area_tips .box_all{background: #fde716;  ;border-radius: 16px;}
.Area_tips .box0{display: flex;align-items: center;}
.Area_tips .box1{display: flex;align-items: center;}
.Area_tips .box2{display: flex;align-items: center;}
.Area_tips .Area_swiper_box .PD_layout ul li {background-color: transparent;}
/* .Area_tips .PD_layout.PD_layout-D1_16 ul{grid-gap: 0;padding: 0;} */

@media screen and (min-width:768px){
.Area_tips{width: 960px;margin-bottom: 50px;}
.Area_tips .box0{width: 96%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 20px 20px 20px 0;}
.Area_tips .box0 .tit{flex-basis: 25%;}
.Area_tips .box0 .btn{flex-basis: 75%;min-width: 0;}

.Area_tips .box1{width: 96%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 20px 20px 20px 0;}
.Area_tips .box1 .tit{flex-basis: 25%;}
.Area_tips .box1 .btn{flex-basis: 75%;min-width: 0;}
.Area_tips .box1 .btn ul{grid-gap: 20px;}

.Area_tips .box2{width: 96%;padding: 20px 20px 20px 0;}
.Area_tips .box2 .tit{flex-basis: 25%;}
.Area_tips .box2 .btn{flex-basis: 75%;min-width: 0;}
/* .Area_tips .box2 .btn ul{grid-gap: 20px;} */
.Area_tips .box2 .btn .Area_swiper_box{height: 130px;}

}
@media screen and (max-width:767px){
.Area_tips .box0{width: 100%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 4vw 0 2vw 0;}
.Area_tips .box0 .tit{flex-basis: 25%;}
.Area_tips .box0 .btn{flex-basis: 75%;min-width: 0;padding-right: 2vw;}

.Area_tips .box1{width: 100%;border-bottom: 1px #a4a4a4 solid;margin: 0 auto;padding: 4vw 0 2vw 0;}
.Area_tips .box1 .tit{flex-basis: 25%;}
.Area_tips .box1 .btn{flex-basis: 75%;min-width: 0;}
.Area_tips .box1 .btn ul{grid-gap: .5em;}

.Area_tips .box2{width: 100%;padding: 2vw 0 2vw 0;padding: 4vw 0 2vw 0;}
.Area_tips .box2 .tit{flex-basis: 25%;}
.Area_tips .box2 .btn{flex-basis: 75%;min-width: 0;}
/* .Area_tips .box2 .btn ul{grid-gap: .5em;} */
.Area_tips .box2 .btn .Area_swiper_box{height: 15vw;}
}



/* 02_家電開學熱搜 */
.Area_search .PD_layout-D1_03 ul::before { display: none ; }
.Area_search .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_search .PD_layout-D1_03.PD_layout ul{grid-gap: 0;padding: 0;}
@media screen and (min-width:768px){
  .Area_search{margin-bottom: 50px;}
  .Area_search .keyword{margin-bottom: 20px;}
  .Area_search .layout_key { padding-top: 30px ; }
  /* .Area_search .layout_key ul { padding: 0 20px !important ; } */
  .Area_search .layout_key .PD h3 { color: #000 ;  }
  .Area_search .layout_key .PD_into::after {
    content: "GO";
    position: absolute;
    bottom: 26%;
    left: 73%;
    padding: .045em .45em;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    text-align: center;
    background-color: #1c24f3;
    border-radius: 20em;
    font-family: Arial;
  }
  .Area_search .layout_key ul li { background-color: #fffae8 ; }
  .Area_search .layout_key ul li h3 span { padding-right: 40px ; }
  .Area_search .swiper-scrollbar-drag {background: #fff;}

}
@media screen and (max-width:767px){
  .Area_search{margin-bottom: 5vw;}
  .Area_search .keyword{margin-bottom: 3vw;}
  .Area_search .layout_key {}
  .Area_search .layout_key .PD h3 { color: #000 ; font-size: 4vw ; }
  .Area_search .layout_key .PD_into::after {
    content: "GO";
    position: absolute;
    padding: .045em .45em;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    background-color: #232af5;
    border-radius: 20em;
    font-family: Arial;
    bottom: 29%;
    left: 77%;
    font-size: 2.7vw;
    }
  .Area_search .layout_key ul li { background-color: #fffae8 ; }
  .Area_search .layout_key ul li h3 span { padding-right: 5vw ; }
  .Area_search .swiper-scrollbar-drag {background: #fff;}

}

/* 03_年度爆款 新品集購 */
.Area_new .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_new .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_new .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_new{margin-bottom: 30px;}
.Area_new .pdx30{margin-bottom: 50px;}
  
}
@media screen and (max-width:767px){
.Area_new {margin-bottom: 0vw;}
.Area_new .bn001{margin-bottom: 1vw;}
.Area_new .pdx30{margin-bottom: 3vw;}


}


/* 04_登記活動 */
/* 小家電登記 */
.Area_danji .box01 .danji_box ul li .activityText .gifts span{color: #ed266e !important;}
/* 品牌登記 */
.Area_danji .box02 .danji_box ul li .activityText .gifts span{color: #fde513 !important;}
/* 大家電登記 */
.Area_danji .box03 .danji_box ul li .activityText .gifts span{color: #bd0d0e !important;}
@media screen and (min-width:768px){
/* .Area_danjiall .tit{width: 960px;} */
.Area_danjiall .PD_layout.tit[data-pd-li=BN] ul{padding: 0;grid-gap: 0;}
}
@media screen and (max-width:767px){


}

/* 除濕機特賣 */
.Area_sale .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_sale .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_sale .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_sale .pdx15{margin-bottom: 35px;}
  
}
@media screen and (max-width:767px){
.Area_sale{margin-bottom: -4vw;}
.Area_sale .pdx15{margin-bottom: 3.5vw;}

}


/* 05_今日主打*/
.Area_today .box0{display: flex;align-items: center;}
.Area_today .Area_swiper_box .PD_layout li{background-color: #fff;}
.Area_today .PD_layout[data-pd-into=center] .PD_into{background-color: #48a940;border-radius: 0 0 10px 10px;color: #fff;}
.Area_today .PD_layout[data-pd-h4="1"] .PD h4{color: #fff;}
.Area_today .PD_layout[data-pd-h4="1"] .PD h4 span{display: none;}

.Area_today .PD a:hover h4,
.Area_today .PD a:hover h4 b,
.Area_today .PD a:hover h4 span {color: #f3ae16!important;}



/* 價錢 */
.Area_today .PD_layout .PD p del{color: #ffffff96;}
.Area_today .PD_layout .PD p{color: #fff;}

.Area_today .PD_layout li .PD_img img{border-radius: 0;}

@media screen and (min-width:768px){
.Area_today{margin-bottom: 50px;}
.Area_today .box0 .tit{flex-basis: 15%;}
.Area_today .box0 .pdx10{flex-basis: 85%;min-width: 0;}
  
}
@media screen and (max-width:767px){
/* .Area_today {margin-bottom: 7vw;} */
.Area_today .box0 {margin-bottom: 4vw;}
.Area_today .box0 .tit{flex-basis: 16%;margin-top: -9.5vw;}
.Area_today .box0 .pdx10{flex-basis: 84%;min-width: 0;}

}


/* 06_大電58H快配 */
.Area_58h .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 看更多按鈕 */
/* .Area_58h .PD_layout-btn{margin-top: 0;} */
.Area_58h .PD_layout-btn ul{background-color: transparent;}
.Area_58h  .PD_layout-btn li .PD h3{background: #cca355;}
/* 輪播軸 */
.Area_58h .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_58h .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_58h .pdx15{margin-bottom: 15px;}
.Area_58h .PD_layout-btn{margin-bottom: 20px;}
}
@media screen and (max-width:767px){
.Area_58h{margin-bottom: -6vw;}
.Area_58h .pdx15{margin-bottom: 1.5vw;}
.Area_58h .PD_layout-btn{margin-bottom: 0.5vw;}

}


/* (自入1+2) */
.Area_self .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 看更多按鈕 */
/* .Area_58h .PD_layout-btn{margin-top: 0;} */
.Area_self .PD_layout-btn ul{background-color: transparent;}
.Area_self .PD_layout-btn li .PD h3{background: #fde043;}
/* 輪播軸 */
.Area_self .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_self .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
/* 區標 */
.Area_self .PD_layout.PD_layout-D3_01 .PD h3{font-family: "Century Gothic",Noto Sans TC,sans-serif,system-ui,Helvetica,Arial;color: #fff;width: 40%;font-size: 46px;font-weight: 700;line-height: 1;inset-block-start: 88px;top: -67px;}
.Area_self .PD_layout.PD_layout-D3_01 ul{padding: 0;}
.Area_self .PD_layout.PD_layout-D3_01 .PD_img{padding: 0;display: none;}
.Area_self .PD_layout.PD_layout-D3_01 .PD img{width: 78%;}

.Area_self .pdx15{margin-bottom: 15px;}
.Area_self .PD_layout-btn{margin-bottom: 20px;}
}
@media screen and (max-width:767px){
/* 區標 */
.Area_self .PD_layout.PD_layout-D3_01 .PD h3{font-family: "Century Gothic",Noto Sans TC,sans-serif,system-ui,Helvetica,Arial;color: #fff;width: 40%;font-size: 5.1vw;font-weight: 700;line-height: 1;inset-block-start: 36px;top: -8.7vw;}
.Area_self .PD_layout.PD_layout-D3_01 ul{padding: 0;}
.Area_self .PD_layout.PD_layout-D3_01 .PD img{padding: 0;width: 100%;display: none;}
.Area_self .PD_layout.PD_layout-D3_01 .PD_into{padding: 0;}
.Area_self .Area_swiper ul{margin-bottom: 2vw;}

.Area_self{margin-bottom: -4.8vw;}
.Area_self .pdx15{margin-bottom: 1.5vw;}
.Area_self .PD_layout-btn{margin-bottom: 0.5vw;}

}


/* 07_1帶3公版 */
.Area_good .box_box{background-color: #fcf1db;border-radius: 20px;padding-bottom: 20px;}
@media screen and (min-width:768px){
  .Area_good { margin-bottom: 20px ; }
  .Area_good .box { display: flex; flex-wrap: nowrap ; grid-gap: 50px; }
  .Area_good .box_box {margin-bottom: 40px !important ;}
  .Area_good .PD_box { margin-bottom: 10px; }
  .Area_good .box .BN ul li .PD_into .PD_logo { width: 65% ; }
  .Area_good .box .BN ul li .PD_into h3 { width: 100%; font-size: 33px; color: #000 ; line-height: 2em; text-align: center ; padding: 0 0 0 10px;}
  .Area_good .layout_good ul { width: 95% ; padding: 10px 0px; border-radius: 20px; }

  .Area_good .layout_good_tt ul { padding-bottom: 10px ; }
  .Area_good .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_good .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 50px ; font-size: 35px !important ;  }
  .Area_good .layout_good_tt ul li h4 {  font-size: 23px ; color: #8d5300;  width: 70%; padding-top: 1% ; font-size: 40px !important ; font-weight: 800; }
  .good_bottom { display: flex ; flex-direction: column ; justify-content: space-between; }
}
@media screen and (max-width:767px){
  .Area_good{margin-bottom: 9vw;margin-top: 4vw;}
  .Area_good .box_box {margin-bottom: 2.5vw; }
  .Area_good .box .BN ul li .PD_into h3 { width: 70% ; color: #121212 ; padding-top: 2vw; }
  .Area_good .box .BN ul li .PD_into .PD_logo { width: 40% ; margin-left: 4vw ; margin-top: 1vw; }
  .Area_good .layout_good {  margin-top: -4vw ; }
  .Area_good .layout_good ul { width: 96% ; padding: 0 ; margin-top: 3vw;  }

  .Area_good .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_good .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 20vw ; font-size: 21px !important ; margin-left: 2vw;  }
  .Area_good .layout_good_tt ul li h4 {  font-size: 25px ; color: #8d5300;  width: 70%; padding-top: 1% ; font-weight: 800; }
}



/* 08_兩行文案*/
@media screen and (min-width:768px){
  .Area_txt{margin-bottom: 35px;}
  .Area_txt .layout_good_tt ul { padding-bottom: 10px ; }
  .Area_txt .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_txt .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 50px ; font-size: 35px !important ;  }
  .Area_txt .layout_good_tt ul li h4 {  font-size: 23px ; color: #fff;  width: 70%; padding-top: 1% ; font-size: 40px !important ; font-weight: 800; }
  .Area_txt .Area_swiper_box .PD_layout ul li {background-color: transparent ;}

  
}
@media screen and (max-width:767px){
  .Area_txt{margin-bottom: 5vw;}
  .Area_txt .layout_good {  margin-top: -4vw ; }
  .Area_txt .layout_good ul { width: 96% ; padding: 0 ; margin-top: 3vw;  }

  .Area_txt .layout_good_tt .PD_into { gap: 0 !important;}
  .Area_txt .layout_good_tt ul li h3 {  background-color: #fff; color: #000 !important ; border-radius: 20vw ; font-size: 21px !important ; margin-left: 2vw;  }
  .Area_txt .layout_good_tt ul li h4 {  font-size: 25px ; color: #fff;  width: 70%; padding-top: 1% ; font-weight: 800; }
  .Area_txt .Area_swiper_box .PD_layout ul li {background-color: transparent ;}


}


.Area_page { overflow: hidden;margin-bottom: 20px;margin-bottom: 50px;}
/* --------------------------------------
* 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; margin-bottom: 2vw;}
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #242bf6  !important; background-color: #242bf6  !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                


/* 09_頁籤 */
@media screen and (min-width:768px){

  
}
@media screen and (max-width:767px){
  .Area_page {margin-bottom: 7vw;}
  .Area_K1 .page .PD_layout[data-pd-col-phone="3"] ul{width: 96%;}

}


/* 12_家電超值首選 */
.Area_best .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_best .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_best .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_best{margin-bottom: 20px;}
  
}
@media screen and (max-width:767px){

}

/* 13_超大牌預告(BN) */
@media screen and (min-width:768px){
.Area_bn{margin-bottom: 20px;}
.Area_bn .Area_swiper_box{height: 140px;}
  
}
@media screen and (max-width:767px){
.Area_bn .Area_swiper_box{height: 23vw;}
}

/* 14_今日好便宜 */
.Area_todayc .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_todayc .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_todayc .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_todayc{margin-bottom: 20px;}
  
}
@media screen and (max-width:767px){

}

/* 15_熱搜新品推薦 */
.Area_newhot .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_newhot .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_newhot .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_newhot{margin-bottom: 20px;}

  
}
@media screen and (max-width:767px){

}

/* 16_好便宜搶先看 */
.Area_pre .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 輪播軸 */
.Area_pre .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_pre .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_pre {margin-bottom: 20px;}
  
}
@media screen and (max-width:767px){

}

/* 17_mo+ */
.Area_mo .Area_swiper_box .PD_layout li{background-color: #fff;}
/* 看更多按鈕 */
.Area_mo .PD_layout-btn ul{background-color: transparent;}
.Area_mo .PD_layout-btn li .PD h3{background: #f4ae17;}
/* 輪播軸 */
.Area_mo .swiper-container-horizontal>.swiper-scrollbar{background: #ffffff45;}
.Area_mo .swiper-scrollbar-drag{background: #ffffffa8;}
@media screen and (min-width:768px){
.Area_mo .Area_swiper_box{margin-bottom: 20px;}

  
}
@media screen and (max-width:767px){

.Area_mo .PD_layout-btn ul{padding: 4vw 0 0vw;}

}


/* 18_品牌加碼 */
.Area_brand2 .Area_swiper_box .PD_layout li{background-color: #fff;border-radius: 10px;}
.Area_brand2 .PD_layout.PD_layout-D1_16 ul .PD .PD_img{max-width: 100%;}
.Area_brand2 .PD_layout.PD_layout-D1_16 ul{grid-gap: 0;padding: 0;}

.Area_brand2 .hotSearch .PD_layout .PD_into{background-color: #c9100e; border-radius: 0 0 10px 10px;}
.Area_brand2 .hotSearch .PD_layout .PD h3{color: #fff;}

@media screen and (min-width:768px){
.Area_brand2 .hotSearch{margin-bottom: 30px;}
.Area_brand2 .Area_swiper_box{height: 210px;}
}
@media screen and (max-width:767px){
.Area_brand2 .hotSearch{margin-bottom: 2vw;}
.Area_brand2 .Area_swiper_box{height: 40vw;}
.Area_brand2_PD .PD_layout {width: 96%;}
}


/* 19_AI智能家電 */
.PD_layout.PD_layout-D1_02 {
    background-color: transparent;
}
.Area_wisdom{
	.box-main{
	  display: flex;
  
	  .PD_layout.PD_layout-D1_02{
		ul{
		  padding: 1vw;
		  background: none;
		  gap: 0 1.2vw;
		  background: #fff;
		  li{
			border-radius: 0;
			@media screen and (max-width:767px){
			  /* border-radius: 2vw; */
			}
			&:not(:first-child){
			  border-left: 1px solid #bdbdbd;
			}
			.PD_into{
			  position: relative;
			  color: #212121;
			  background: unset;
			  padding: 12px 0 20px;
			  @media screen and (max-width:767px){
				padding: 3vw 0 4vw;
			  }
			  h3{
				margin: 0 auto;
				color: #212121;
				background: #fde043;
				width: 90%;
				font-size: 1.9rem;
				padding: .2rem;
				box-sizing: border-box;
				position: relative;
				bottom: unset;
				left: unset;
				transform: unset;
				@media screen and (max-width:767px){
				  /* bottom: -5vw; */
				  font-size: .9rem;
				}
			  }
			  h4 span{
				margin: 0 auto;
				width: 90%;
				font-size: 2rem;
				display: -webkit-box;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow:hidden;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				@media screen and (max-width:767px){
  font-size: 1rem;
				}
			  }
			}
		  }
		}
	  }
	}
}
.Area_event{
	.PD_layout-D1_14[data-pd-col-pc="2"]{
	  ul.PD_wrapper{
		padding: 0;
		gap: 16px;
		@media screen and (max-width:767px){
		  gap: 2vw;
		}
		li{
		  padding: 0;
		  background: linear-gradient(360deg,#fff7ca -10%,#fffbe3 40%);
		  background-size: contain;
		  border-radius: 60px 20px;
		  overflow: hidden;
		  @media screen and (max-width:767px){
			border-radius: 10vw 4vw;
		  }
		  .PD{
			a{
			  .PD_img{
				padding: 8px 0 4px;
				width: 90%;
				margin: 0 auto;
				filter: drop-shadow(2px 2px 3px #a3853160);
			  }
			  .PD_into{
				position: relative;
				background:linear-gradient(180deg,#fff7ca -10%,#ffe241 40%) ;
				gap: 4px;
				padding: 24px 0;
				justify-content: center;
				@media screen and (max-width:767px){
				  padding: 8px 0;
				  gap: .8vw;
				}
				h3{
				  color: #212121;
				  line-height: 1.1em;
				  font-size: 2.3em;
				  font-weight: 800;
				  font-family: "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";
				  @media screen and (max-width:767px){
					font-size: 5vw;
				  }
				}
				h4{
				  line-height: 1.1em;
				  font-size: 2em;
				  font-weight: 600;
				  font-family: "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";
				  color: #212121;
				  @media screen and (max-width:767px){
					font-size: 4vw;
				  }
				}
			  }
			}
		  }
	
		}
	  }
	}
}
.bn-main{
	  .PD_layout{
		ul{
		  gap: 20px;
		  @media screen and (max-width:767px){
			gap: 3vw;
		  }
		}
	  }
}

/* 20_BN微調 */
.BNrs{width: 96%;}
@media screen and (max-width:767px){
.BNls{margin-left: 1vw;}
}