@charset "utf-8";
/* CSS Document */

/*基本*/
body { margin: 0; padding: 0;}

/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; min-width: 1220px; background-color: #000; text-align: left; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; 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 { min-width: inherit; min-height: 100vh; overflow: hidden;}
		.WRAPPER img { width: 100%; height :auto;}
	}


/*背景*/
@media screen and (min-width:768px){
	.bg_01 {z-index: -2;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: -2;position:absolute;top:1500px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_03 {z-index: -2;position:absolute;top:3000px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_04 {z-index: -2;position:absolute;top:4500px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_05 {z-index: -2;position:absolute;top:6000px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_06 {z-index: -2;position:absolute;top:7500px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_repeat { z-index:-3;position:absolute;top:3000px; left:0; width:100%; height:100%;background-repeat:repeat-y; background-position: center top;pointer-events:none;}
	.bg_deco { z-index:-1;position:absolute;top:0; left:0; width:100%; height:100%;background-repeat:no-repeat; background-position: center top;animation:rubberBand 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area01_bg {z-index:-1;position:absolute;top: -55px;left: 0;width:100%;height: 900px;min-width:1220px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

	
	}
	@media screen and (max-width: 767px){
		.bg_01 {display: none;}
		/*.mbg_repeat {z-index:-3;position:absolute;top:0; left:0; width:100%; height:100%;background: url(mbg_repeat.jpg?t=1760435146280) center 100% / 100% repeat-y;pointer-events:none}*/
		.mArea01_bg {z-index:-1;position:absolute;width:100%;height: 85vw;background: url(mArea01_bg.png?t=1760435146280) center 100% / 100% no-repeat scroll;pointer-events:none}			

	}
	



/*版頭區*/
@media screen and (min-width:768px){
	.Area_title {height: 910px;}
	.Area_title .top_deco {position:absolute;top: 750px;left: 170px;z-index: 8;pointer-events: none;}
	.Area_title .date {position:absolute; top:200px; left: 790px;}
	.Area_title .date img{width:100%;}
	.Area_title .comingsoon {z-index: 4;position:absolute;width: 960px;height:auto;top: 0px;left: 0px;}	
	.Area_title .sub_bg {position:absolute;width: 527px; height: 113px;top: 216px; left: 221px; }


}
@media screen and (max-width: 767px){
	.Area_title {height:106vw; margin:0 auto ;}
	.Area_title .top_deco {position:absolute;width: 12.5%;top: 78vw;left: -3vw;z-index: 4;pointer-events:none;}
	.Area_title .date {position:absolute;width: 13%;top:24vw;left: 78vw;z-index: 4; pointer-events: none;}
	.Area_title .comingsoon {position: absolute;top: 0vw;}
	.Area_title .topdeco01 {position:absolute;width: 10%;top: 24vw;left: 16vw;z-index: 1;animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco02 {position:absolute;width: 4.5%;top: 1vw;left: 66vw;z-index: 1;animation:fireworks 0.7s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco03 {position:absolute;width: 10%;top: 22vw;left: 82vw;z-index: 1;animation:fireworks 1.1s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}	
	.Area_title .sub_bg { position:absolute;width: 59%; top: 23vw; left:18vw;  }

}

/*主標入稿*/
@media screen and (min-width:768px){
	/*主標*/		
	.Area_title .typetitle {position:absolute;width: 960px;height:auto;top: 0px;left: 0px;z-index: 1;}
	
	/*主標*/		
	.Area_title .subtitle {position:absolute;width: 960px; height:225px; top:9px; left: 0px;z-index:1;}
	
	/*副標輪播*/	
	.Area_title .titile02 { position:absolute; width: 527px; height: 113px;top: 217px; left: 221px; overflow: hidden;}
	.Area_title .titile02 .PD_layout { z-index:18; }
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .PD_slide:hover{transform:none;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	

	/*版頭品入稿*/
	.Area_title .Area_PD1 {position:absolute;top:357px;width: 960px;left: 0px;background:#fff center 100% / 100% no-repeat scroll;border: solid 2px #dbc9a6 !important; }
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout {padding-top:15px;padding-left:30px ; }
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(1){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(2){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout ul{overflow: hidden; border-right: solid 0px #a5a5a5  !important;}
	/*熱銷話題夯品入稿*/
	.Area_PD2 {position:absolute;top: 0px;width: 1220px; height:441px;}
	.Area_PD2 .Area_swiper{width:1000px;height:auto;padding:10px 0 0 78px ;}
	.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}
}

@media screen and (max-width:767px){
	/*主標*/	
	.Area_title .subtitle {position: absolute; top:2vw; left:0vw;width: 100%;}
	/*副標輪播*/	
	.Area_title .titile02 {position:absolute; width: 100%; top: 23vw; left: -3vw; overflow: hidden;}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	.Area_title .titile02 .PD_layout ul li img {width:60%; }
	/*版頭品入稿*/
	.Area_title .Area_PD1 {z-index: 2; position:absolute; width: 86% !important; top: 38vw;left:6.5vw;margin:0 auto !important ;background:#fff center 100% / 100% no-repeat scroll;border: solid 2px #dbc9a6 !important;}
	.Area_title .Area_PD1 .Area_swiper_box { padding-bottom: 0vw !important;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout{padding-top:1vw;padding-left:0vw;width: 100%; }
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li{width: 31% !important}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(1){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(2){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout ul{border-right: solid 0px #a5a5a5  !important;}

	/*熱銷話題夯品入稿*/
	.Area_PD2 { position:relative; width:100%; height:68vw;}
	.Area_PD2 .Area_swiper {position: absolute; top: 3vw; left: 15vw ; width:80%; height:auto;}
	.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}
	.Area_PD2 .Area_swiper_box .PD_layout ul {width: 80%;}
}


/*活動倒數*/
.TimerNick {position: relative;top: 823px;left: 0px;display: inline-block;z-index: 8;text-align: center;color:#FFF;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 10px;padding: 0;border: 0;font: bold 51px/40px Arial;letter-spacing: 0px;text-align: center;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em; }
    @media screen and (max-width:767px){
      .TimerNick  {width: 100%; top: 93vw;left:0vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 5vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/*letter-spacing: -0.05em;*/}
    }




/*攻略*/
@media screen and (min-width:768px){
	.Area_act {width:100% ;height: 100%;margin: 0 auto;}
	.Area_act .layout_coupon ul {width:100% !important;margin: 0 auto !important;}

    .Area_act .PD_layout .PD_slide:hover {transform:translateY(-6px);}
    .Area_act .PD_layout .PD_slide:hover { box-shadow:unset;}

	/**區標**/	
	.Area_act .text {width: 960px;margin: auto;position: absolute;z-index: 9;left: 130px;}	
	.Area_act .box .PD_layout {width: 960px;margin:0 auto;}	

	.Area_act .box00  {width: 960px; padding: 120px 0 0 0;margin: 0 auto; pointer-events: none;}
	.Area_act .box01  {width: 960px;padding: 0px 0;margin: 0 auto; pointer-events: none;}	
	.Area_act .box01 ul {padding: 0; margin: 0;}	
	.Area_act .box02  {width: 960px;padding: 10px 0 0 0;margin: 0 auto;}	
	.Area_act .box03  {width: 960px;padding: 10px 30px 0 0; margin: 0 auto;}	


	/**活動**/
	.Area_act .box03 .PD_layout ul { background: none; row-gap: 0px; padding:0; grid-gap: 0px;}
	.Area_act .box03 .PD_layout li:nth-child(1) {width:320px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(2) {width:320px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(3) {width:320px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(1):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(2):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(3):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #000;}

}

@media screen and (max-width:767px){
	.Area_act .box00 .PD_layout[ data-pd-li="BN" ] ul {padding: 0;}	
	.Area_act .PD_layout {width: 100%;margin: auto;}

	/**區標**/
	.Area_act .text {width: 100%;position: absolute;z-index: 9;}	
	.Area_act .box01  {width: 100%;padding:0;}	
	.Area_act .box02  {width: 100%;padding:0;}	
	.Area_act .box03  {width: 100%;padding:0;}
	.Area_act .box03 .PD_layout ul {background: none;row-gap: 0px;padding: 0 0px;grid-gap: 0px;}
	.Area_act .box03 .PD_layout li:nth-child(1) {width:33vw !important ;}
	.Area_act .box03 .PD_layout li:nth-child(2) {width:33vw !important ;}
	.Area_act .box03 .PD_layout li:nth-child(3) {width:33vw !important ;}
	.Area_act .box03 .PD_layout li:nth-child(1):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(2):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(3):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #000;}
	.Area_act .box02 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #000;}

}


/*Area01*/	
@media screen and (min-width:768px){
	.Area01 {position: relative;height:777px; z-index: 1 }		 
	.Area01 .Area_coupon {height: 218px; overflow: hidden;}
	.Area01 .Area_coupon .PD_layout ul {background: none;row-gap: 10px;padding: 0 30px;}
	.Area01  ul.kind  {position:relative;width: 100%;margin: 30px auto;list-style:none;display:flex;flex-wrap:wrap;box-sizing: border-box; justify-content:center;}
	.Area01  ul.kind h4 {font-size: 30px;color: #fff;margin: 0;padding: 0;}
	.Area01  ul.kind li {position: relative;width: 13%;margin: 0 1.1%;padding: 7px 4px 8px 2px;background-color: #939393;border-radius: 30px;}
	.Area01  ul.kind li.selected {background-color: #b58856;}
	/*.Area01  .kind li:nth-last-child(n+2)::before{content:'>';width: 1px;height: 32px;position: absolute;top: 7px;left: 126px;color: #fe9843;font-weight: 800;font-size: 28px;}*/
	.Area01 h3{font-size: 30px;margin: 15px 0;color: #fddea6;font-weight: 400;}	  
	}
	
	@media screen and (max-width:767px){
	.Area01 {position: relative;width: 100%;height: 60vw}
	.Area01 .Area_coupon {height:25vw; overflow: hidden;}
	.Area01 ul.kind  {position:relative; width: 96%; margin:0 auto; list-style:none;display:flex;flex-wrap:wrap;padding:0;box-sizing: border-box;}
	.Area01 ul.kind h4 {font-size: 4vw;color: #fff;margin: 0;padding: 0;}
	.Area01 ul.kind li {position: relative;width: 14.5%;margin: 0 auto;padding: 5px 2px 5px 2px;background-color: #939393;border-radius: 20px;}
	.Area01 ul.kind li.selected {background-color: #b58856;}
	.Area01 h3{font-size: 3.5vw; margin: 2vw 0;color: #fddea6;font-weight: 400;}
	
	}


/*02-主打品*/
@media screen and (min-width:767px){
.Area02 .text {width: 960px; margin: 0 auto;}
.Area02 .PD_layout.pd {padding-top: 24px;}
.Area02 .PD_layout ul li:nth-child(even) {padding-top:67px;}
}
@media screen and (max-width:767px){
.Area02 {height:556vw; }
.Area02 .text { position: absolute; top: 0vw; left: 0vw; width: 100%;}
.Area02 .PD_layout.pd { position: absolute; top: 13vw; left: 0vw; width: 100%;}
}



/*Area01*/	
/*搶69折券*/
.coupon1 { margin-bottom: 3%;margin-top:2%;}
.coupon1 li {  filter: brightness(.7);}
.coupon1 .selected { filter: brightness(1) !important; animation: pulse 1.5s infinite alternate;}
.coupon1-2 .selected { filter: brightness(1) !important; animation: pulse 1.5s infinite alternate;}

/*區塊01-折價券*/
.coupon1 li { width: 100%;}
.coupon1 img { width: 100%;}	
.Area01 {top: 10px}
.Area01 .Area02bg{z-index: -40;position:absolute;top: -20px;background-repeat:no-repeat;background-position: center top;pointer-events:none;transform:translateX(-546px);}
.Area01 .deco{ position:absolute; top: -5px; left:86px;z-index: 1;}	
.Area01 .warningTxt h3 { color: #FFF;}
.Area01 .PD_layout[ data-pd-li="BN" ] ul {padding: 0!important;grid-gap: 0.4em;}
.Area01 .mArea02bg{z-index: -40;position:absolute;top: 0;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

@media screen and (max-width:767px){
	.Area01 {height: 66vw;}
.coupon1 { margin-bottom: 2%;margin-top: 2%;}
.PD_layout.coupon1 ul {display: grid;  grid-gap: 1.8em; padding: 0 6%;}
.Area01 .deco{ position:absolute; top: -5vw; left:8vw;z-index: 1;background-size: 100%;width:15%;}
.Area01 .warningTxt h3 { color: #FFF;}	

}


/*03*/
.Area03 {padding:60px 0 60px 0 !important;}
@media screen and (max-width:767px){
	.Area03 .box{ background: url(m_06.jpg?t=1760435146281) center 100% / 100% no-repeat scroll;}
}

/*作圖區微調*/
@media screen and (min-width: 768px){
	.Area03 .PD_layout .PD p del {display: none;}
	.Area03 .box .Area_swiper_box{height:490px !important ;}
	.Area03 .PD_layout .PD_into{ top:-106px; position: relative; left:29px;}
	.Area03 .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#c81242;  position: relative; right: 58px; top: -43px;text-align: right; }
	.Area03 .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
	.Area03 .PD_layout .PD h4 {font-size: 22px;top:-4px;position: relative;color: #000000;}	
	.Area03 .PD_layout .PD h3 {font-size: 25px;color: #000000;position: relative; top: 4.2px;}		
	.Area03 .PD_slide {background-color: #0000!important;}
	}
	@media screen and (max-width: 767px){
	.Area03 { padding:10vw 0 5vw 0 !important;}
	.Area03 .PD_layout .PD p del {display: none;}
	
	.Area03 .box .Area_swiper_box{height:80vw !important ; }
	.Area03 .PD_layout .PD_into{ top: -20vw; position: relative; left: 2vw;}
	.Area03 .PD_layout .PD p {height: 2.1em;line-height: 2em; color:#c81242;  position:absolute; right:9vw; top: 7vw; text-align: right;}
	.Area03 .PD_layout .PD p .Price {font-size:2.0em!important; font-weight: 800;top: -4vw;}	
	.Area03 .PD_layout .PD h4 {font-size: 1.1em;top: 0vw;left: 4vw;position: relative;color: #000000;}	
	.Area03 .PD_layout .PD h3 {font-size:1.1em;color: #000000;position: relative;top: 2vw; left: 4vw;}		
	.Area039 .PD_slide {height:80vw;background-color: #0000!important;}
	.Area03 .Area_swiper_box .swiper-pagination { bottom: 0px !important;}	
    .Area03 .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
	.Area03 .Area_swiper_box .PD_layout li {background-color: transparent !important;}
	}
	

/*04*/
.Area04 .box {padding-bottom: 0px;}
.Area04 .text {width: 100%; margin: 0;}
.Area04 .PD_layout .PD_into {width:100% ;}

@media screen and (max-width:767px){
.Area04 .text {width: 100%; margin: 0; }
.Area04 .box {width: 100%; height:100%;padding-bottom: 0vw;}

}

	

.Area04 {padding: 30px 0px !important;}
.Area04 .title { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 864px;}
.Area04 .bgbluerepeat { padding: 0;background: url("Areabg_repty.png?t=1760435146281") center top/100% repeat-y scroll;height: 100%;top: 30px;position: relative;margin-bottom: 51px;}
.Area04 .bg {position: absolute;top:106px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:0;}	
.Area04 .PD_box ul li { position: relative;}
.Area04 .PD_box ul li .PD_img { padding: 0;}
.Area04 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area04 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
/*.Area04 .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
.Area04 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area04 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area04 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area04 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area04 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area04 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area04 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area04 .bgbluerepeat .PD_box ul li {position: relative; border-radius:0px;background-color: #fff;height: 600px;transition: 0.2s ease;border-top: solid 1px #d1d1d1 !important;border-right: solid 1px #d1d1d1 !important;}
.Area04 .bgbluerepeat .PD_layout ul{width: 90%;grid-gap: 0px;}
/*公版上下標隱藏*/	
.Area04 .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

  /*邊線*/
  
  @media screen and (min-width: 768px) {
	.Area04  .bgbluerepeat .PD_box ul {padding: 20px 20px;border-radius:20px ;background-color: #FFF;}
	.Area04  .bgbluerepeat .PD_boxt[data-pd-col-pc="2"] li:nth-child(even){ border-right:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(1){ border-top:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(2){ border-top:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(2n){ border-right:none !important; }	
  }
  @media screen and (max-width: 767px) {
	.Area04  .bgbluerepeat .PD_box ul { padding: 2vw 0; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(even){ border-right:none; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(1){ border-top:none; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(2){ border-top:none; }

  }

@media screen and (max-width:767px){
.Area04 {padding:7vw 0vw 0vw 0vw !important;}
.Area04 .bgbluerepeat .PD_layout ul{width: 97%;}
.Area04 .bgbluerepeat { width: 97%;padding: 0;background:none;height: 100%;top: 85px;position: relative;margin-bottom: 51px;}
.Area04 .bg {position:absolute;top:0;}	
	
  .Area04 .title { width: 100%;}
  .Area04 .PD_box ul li {padding-bottom: 3vw;}	
  .Area04 .PD_box ul { grid-gap: 2em 0;}
  .Area04 .PD_box ul li .PD_into { top:46vw;}
  .Area04 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area04 .PD_box ul li .PD_into h3:after { width: 10em;}
  .Area04 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
  .Area04 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area04 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area04 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area04 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area04 .PD_box ul li .PD_into p .Price { font-size: 28px;}
	/*公版上下標隱藏*/	
.Area04 .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

}


/*輪播LOGO+文字入搞公版*/
.brand_PD {margin-bottom: 40px;}
.brand_PD .box{background: url("layout_bg.png?t=1760435146281") center top/ 100% no-repeat scroll;padding-bottom:50px; }
.brand_PD .Area_swiper_box {margin: 15px auto 15px; padding:0 0 20px 0;overflow: hidden;grid-gap: 0;width:100% ;}
.brand_PD .swiper-pagination-black{--swiper-pagination-color: #fff;}
.brand_PD .Rm_text01 .PD_layout .PD_into{display: flex;flex-direction: row;margin-bottom: 0;padding-top: 18px;padding-left: 70px;height: 125px;}
.brand_PD .Rm_text01 .PD_layout .PD_into .PD_logo{width: 26%;left:78px;top: 1px;position: relative;}  
.brand_PD .Rm_text01 .PD_layout .PD_into h3{width: 50%;font-size: 45px !important;line-height: 2.3em;color: #ffffff;text-align: left;margin-left:187px;height: 200px !important}  
@media screen and (max-width:767px){
.brand_PD{margin-bottom: 2vw;}  
.brand_PD .Area_swiper_box {margin: 0 0 2% 1%;padding: 1% 0 5%;} 
.brand_PD .box{background: url("layout_bg.png?t=1760435146281") center top/ 100% no-repeat scroll;padding-bottom:2vw;}
.brand_PD .box2{background: url("layout_bg.png?t=1760435146281") center top/ 100% no-repeat scroll;}
.brand_PD .Rm_text01 .PD_layout .PD_into{display: flex;flex-direction: row;margin-bottom: -2vw;padding-top: 2.6vw;padding-left: 6.5vw;height: 17vw;}
.brand_PD .Rm_text01 .PD_layout .PD_into .PD_logo{width: 27%; left:9vw; top: -1vw; position: relative;}  
.brand_PD .Rm_text01 .PD_layout .PD_into h3{width:52%;font-size:1.4em !important;line-height: 2.0em;color: #ffffff;text-align: left;margin-left:19vw;}  
    
}


/*作圖公版微調*/
.PDnew_style.PD_layout .PD h4:hover { color: #2e3333;}
@media screen and (min-width: 768px){
.PDnew_style  {width: 90%;}

.PDnew_style li::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("hot.png?t=1760435146281") center top/100% no-repeat scroll;}	
.PDnew_style .PD h4:link{color: #000 !important;}	
.PDnew_style .PD h4:hover{color: #FFF !important;}
.PDnew_style .PD h4:active{color: #eed6a4 !important;}

.PDnew_style .PD_into {padding:0;border-radius: 0.5em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PDnew_style .PD h3 {display: none;}
.PDnew_style .PD h4 {color: #000;font-size: 43px !important;position: relative;bottom: 34px;width:350px ;max-height:150px !important;line-height:43px !important ;text-align: center;margin-left:20px ;overflow: inherit;font-weight:550 ;}
.PDnew_style .PD h4 span.js-PD_txt2 {font-size:32px; font-weight:500;}
.PDnew_style .PD h4 br {display:block !important;}
.PDnew_style .PD p {color:#eed6a4;max-height: 1.8em;font-size: 2.3em !important;margin-top: 13px;margin-left:60px;text-align: left;display: none;}
.PDnew_style .PD p del{color:#eed6a4!important;font-size: 0.6em !important;}
	
.PDnew_style li .PD p .money {color: #eed6a4;}
.PDnew_style li .PD p .Price {font-size: 60px;color: #eed6a4;}
.PDnew_style li .PD p small {color: #eed6a4;font-size: 24px !important}
	
.PDnew_style .PD .PD_img {position: relative;top: 0px;width: 90%;margin:3% 0% 0% 5%;}
}
@media screen and (max-width: 767px){
.PDnew_style  {width: 100%;}
.PDnew_style li::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("hot.png?t=1760435146281") center top/100% no-repeat scroll;}
	
.PDnew_style .PD h4:link{color: #000 !important;}	
.PDnew_style .PD h4:hover{color: #FFF !important;}
.PDnew_style .PD h4:active{color: #eed6a4 !important;}

.PDnew_style .PD_into {padding: 0;/* background-color: #ec170c; */border-radius: 0.5em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
	
.PDnew_style .PD h3 {display: none;}
.PDnew_style .PD h4 {color:  #000;max-height: 5em !important;font-size:2.5em !important;line-height:1.1em;position: absolute;top: 64vw ;margin-left:2vw !important ;text-align: center;width: 95%;overflow: hidden;font-weight:800 ;}
.PDnew_style .PD h4 br {display:block !important;}
.PDnew_style .PD h4 span.js-PD_txt2 {font-size: 0.75em; font-weight:500;}
.PDnew_style .PD p {max-height: inherit;font-size: 1.8em !important;position: absolute;top: 81vw;width: 83%;margin: 0 5% !important;display: none;}
.PDnew_style .PD p del{color: #eed6a4!important;font-size: 0.6em !important;}
.PDnew_style .PD .PD_img {position: relative;top: 3vw;left:5vw ;width:80% ;}	
	
.PDnew_style li .PD p .money {color: #eed6a4;}
.PDnew_style li .PD p .Price {font-size: 1.2em !important;color: #eed6a4;}
.PDnew_style li .PD small {color:  #eed6a4;font-size: 0.5em}

}

.brand_sale .Area_swiper_box .PD_layout li{background-color: #0000;}	
	@media screen and (min-width: 768px){
		.brand_sale .brand_sale_bg {z-index: -5;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;margin: -60px 0;}	
		.brand_sale .Area_swiper_box {padding: 1% 0;overflow: hidden;height:100%;}
		.brand_sale .Area_swiper_box ul {height: 100% !important;}	
		.brand_sale .subtitle {position: absolute;top:-46px;left:52px;z-index: 2;}
		}
		@media screen and (max-width: 767px){
		.brand_sale {margin-bottom: 9vw!important;}	
		.brand_sale .m_Area04_bg {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;;background-size: 100%;}
		.brand_sale .subtitle {position: absolute;top:-4vw;left:7vw;z-index: 2;width: 20%;}
		.brand_sale .Area_swiper_box {padding: 1% 0;overflow: hidden;width:94%;margin:0 auto ;}
		.brand_sale .Area_swiper_box ul {margin-bottom: 0vw;height:100vw;}
		.brand_sale .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide li {margin-right: 0.5em;}
		}
		


/*保養熱銷排行(線上入搞)*/
@media screen and (min-width:768px){
	.Area_Jm{margin-top: 0px !important;}
 .Area_Jm .box_4 {width: 99%;margin: 50px auto;height:auto;padding-bottom:20px;background-color: #98662e;border: 2px solid #000;border-radius:20px;}
 .Area_Jm .title{font-size: 45px;font-weight: 800;color: #FFF;line-height:0.3em ;}
 .Area_Jm .NavArea_tabbar_page .Nav .swiper-slide-active i{ border: 0px solid #000000 !important; background-color: #000000!important;}
 .Area_Jm .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
 }

 @media screen and (max-width:767px){
 .Area_Jm .layout_addgift ul {width:90%;margin:0 auto; padding:5% 1.5% 0% ;grid-gap: 0px;}
 .Area_Jm .layout_addgift ul li {padding:1%;margin:0 auto;}
 .Area_Jm  {margin-bottom: 4vw;}
 .Area_Jm .box_4 {width: 98%;margin: 5vw auto;height:auto;padding-bottom:3vw;background-color: #98662e;border: 2px solid #000;border-radius:10px;}
 .Area_Jm .title{font-size:2.2em;font-weight: 800;color: #FFF;line-height:0.3em ;}
 .Area_Jm .NavArea_tabbar_page{margin: 1vw auto 1vw;padding-top: 2vw;width:98% ;}
 .Area_Jm .NavArea_tabbar_page .Nav .swiper-slide-active i{ border: 0px solid #000000 !important; background-color: #000000 !important;}
 .Area_Jm .NavArea_tabbar_page ul{top: 50%;left:-5%!important;}
 .Area_Jm .NavArea_tabbar_page li{width:28% !important ;}
 }

/*修正公版線條*/	
.Area_Jm .layout_Jm.PD_layout[data-pd-col-pc="3"] li:nth-child(3n){ border-right:none; }
.Area_Jm .layout_Jm.PD_layout[data-pd-col-pc="3"] li:nth-child(1){ border-top:none; }
.Area_Jm .layout_Jm.PD_layout[data-pd-col-pc="3"] li:nth-child(2){ border-top:none; }
.Area_Jm .layout_Jm.PD_layout[data-pd-col-pc="3"] li:nth-child(3){ border-top:none; }


/*BN輪播區*/
.Area_BN{position:relative;margin: 0 auto;width:960px;height:338px ; padding: 0 !important; ;}	
@media screen and (max-width:767px){
	.Area_BN{position:relative;margin: 0 auto;width:100%; height:50vw; padding:0px 0 0px 0 !important ;}	
}


.tag {display: block; width: 960px;padding-bottom: 20px;}
@media screen and (max-width:767px){
	.tag {display: block; width: 100%; margin: 0 auto;padding-bottom:2%;}
	.tag img {width: 37%;}
}


/*品牌區*/
.logo_BN .PD_layout li {background:url("logo_bg.png?t=1760435146281") repeat;background-size: cover; background-size: 100%;margin: 0 auto !important;}
.logo_BN .PD_layout ul {margin: 0 auto !important;}
.logo_BN .PD_layout{margin: 0 auto !important;}
.logo_BN .PD_layout ul{display:inline-grid;}
.logo_BN .PD_layout .PD_img {padding:20px;}	  

.logo_BN .box1  .PD_layout:nth-child(odd){ width: 125%;margin-bottom: 4%}	
.logo_BN .box1  .PD_layout:nth-child(even){ width: 125%;margin-bottom: 4%}	
.logo_BN .box2  .PD_layout .PD {width:100%} 	  
.logo_BN .box2  .PD_layout:nth-child(odd){ width: 77%;margin-bottom: 4%}	
.logo_BN .box2  .PD_layout:nth-child(even){ width: 77%;margin-bottom: 4%}	 
@media screen and (max-width: 767px){
  .logo_BN {width: 100% !important;margin-top:2vw !important}
  .logo_BN  .PD_layout ul {grid-gap:0.5em !important;}
  .logo_BN .PD_layout li {background:url("logo_bg.png?t=1760435146281") no-repeat; background-size: 100%;margin: 0 auto !important;height:35vw !important ;}
  .logo_BN  .PD_layout li img{margin: 0 auto !important; }
  .logo_BN  .PD_layout .PD_img {padding:3.7vw;}	 
}



/*旗艦館*/
@media screen and (min-width:768px){
	.Area05 {position:relative; margin: 0 auto; height:403px ;}	
	.Area05 .Area_guan {padding-top: 80px; }	
	.Area05 .bottom_bg {display: block; width: 2000px; position: absolute; top: 0px; left: -390px; z-index: -1;}

}
@media screen and (max-width:767px){
	.Area05 {position:relative;margin: 0 auto;margin-top:0vw;height:100vw;  background: url(m_07.jpg?t=1760435146281) center 100% / 100% no-repeat scroll;}	
	.Area05 .Area_guan {width:83%;}
	.Area05 .Area_guan .PD_layout ul li:nth-child(even) {padding-top:7vw;}
}



@media screen and (max-width:767px){
	.text .PD_img{width: 100%;}
}
/*移除公版設定*/
.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 .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 { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0;}
}
	

.Area_msg {
    color: #fff !important
}

@media screen and (max-width: 767px) {
    .Area_msg {
        color:#fff !important
    }

    .Area_msg_PDmark {
        color: #fff !important
    }

    .Area_msg_apple {
        color:#fff !important
    }
}

@media screen and (min-width:768px){
	.Area_msg_tiktok {text-align:center;padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	@media screen and (max-width:767px){
	.Area_msg_tiktok {text-align:center; padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	





/*區塊_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%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}


  /*隱鑶*/
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}


/*區塊底*/
@media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 60px;}
	}
	@media screen and (max-width: 767px){
	.Area_bottom {margin-bottom: 5vw }
	}


  /*MB尺寸96%*/
@media screen and (max-width:767px){
  .mb96size {width: 96% !important;}
  }