@charset "utf-8";
/*基本*/
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; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { margin-bottom: 0;min-width: inherit; min-height: 100vh; overflow: hidden; margin-bottom: 0;background:url("bg-repeat.jpg?t=1758073839298") repeat;background-size: cover; background-size: 100%}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and ( min-width:768px) {
.bg_01 { z-index:-1; 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:-1; position:absolute; top:3480px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg-repeat { z-index:-2; position:absolute; top:00; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
}

/*MB背景*/
@media screen and ( max-width:767px) {
  .mbg_01 { z-index:-1; position:absolute;top:0;left:0; width:100%; height:100%; background: url(mbg_01.png?t=1758073839299) no-repeat ;  background-position:center top; background-size:100%; pointer-events:none;}
  .mbg_02 { z-index:-1; position: absolute; top: 535vw; left: 0; width: 100%; height:100%;background: url(mbg_02.png?t=1758073839299) no-repeat ;background-size:100%;  }
  
  .mbg-repeat { z-index:-2; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
}
  



/*.bgdeco { z-index:-5; position: absolute; top:1000px; left: 0; width: 100%; min-width:1220px; height: 100%; background: url(deco_repeat.png?t=1758073839299) repeat-y center top; pointer-events: none;}*/
.bgdeco {z-index: 0;position: absolute;top: 0px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position:center top;transition:0.5s linear;pointer-events:none;/*mix-blend-mode: plus-lighter;*/}
.bgdeco2 {z-index: -1;position: absolute;top: 300px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position:center top;transition:0.5s linear;pointer-events:none;/*mix-blend-mode: plus-lighter;*/}

@media screen and (max-width:767px){	
	.m_bg01 { z-index: -40; position:fixed; top: 19px; left: 0; width: 100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
	.m_bg02 { z-index:-9; position:absolute; top:360vw; left:0; width:100%; height:100vw;  background-image: url(mbg_02.png?t=1758073839299) no-repeat; background-position: center top; pointer-events:none;}
  }
  


/*版頭*/
@media screen and (min-width:768px){
.Area_title {width:1220px; height: 540px; position:relative; margin:0 auto; box-sizing:border-box;  padding: 0 0 0 0;}
.Area_title .titlelogo {z-index:3;position:absolute;top: 295px;left: 702px;}		
.Area_title .title01 {z-index:3;position:absolute; top: 95px;left: -16px;} 
.Area_title .title02 {z-index:4;position:absolute;top: 143px;left: 644px;}
.Area_title .coming_soon {z-index:4;position:absolute;top: 424px;left: 468px;}
.Area_title .top_light { position: absolute; top: 46px;left:258px;mix-blend-mode: screen; z-index:4;}
.Area_title .sun { position: absolute; top: -150px;left:258px;mix-blend-mode: screen; z-index:1;}
.Area_title .date { position:absolute;top: 20px; left: 733px;animation-delay:0.3s;}
/*版頭品輪播*/
.Area_title .topPD {z-index:9999;position: absolute;top: 25px;left: 715px;width:100%;}
.Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .5s ease-out; transform: translate(0,0);}	
.Area_title .topPD .PD_layout .PD_img {width:100%; position:absolute; right: 238px ;}
.Area_title .PD_wrapper {background-color: rgba(255,255,255,0.00);}
.Area_title .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}	
.top_deco01 {z-index: 5;;position:absolute; top:150px;left:110px;animation: move 6s linear infinite;}
@keyframes move{
	0%{ transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
.top_deco02 {z-index: 5;;position:absolute; top:100px;left:-150px;}
.top_deco02 img {width:90% ;}
.top_deco03 {z-index: 5;;position:absolute; top:350px;left:1110px;}
.top_deco03 img {width:100% ;}
}

@media screen and (max-width:767px){
.Area_title { width:100%; height:63vw; padding:0 ; margin:0;}
.Area_title .titlelogo {z-index:4;position:absolute;width:40%;top: 9vw;left: 30vw;}	
.Area_title .title01 {z-index: 4;position: absolute;width: 100%;top:10vw;left: 0vw;}
.Area_title .coming_soon {z-index:4;position:absolute;width: 29.3%;top: 44.5vw;left: 35.2vw;}
.Area_title .top_light {z-index:4;position:absolute;width:85%;top: 12vw;left:9vw; mix-blend-mode: screen;}
.Area_title .sun { position: absolute; top:-27vw; left:9vw; mix-blend-mode: screen; z-index:1;}	
.Area_title .date {z-index: 10;position:absolute; width: 30%;top: 45vw;left: 10vw;}	

   /*版頭品輪播*/
   .Area_title .topPD {position: absolute; top:46vw; right: 2.2vw; width: 96%; }
   .Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 80%; box-sizing: content-box; grid-gap: inherit;}
   .Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
   .Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}		
   .Area_title .PD_wrapper {background-color: rgba(255,255,255,0.00);}
   .Area_title .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}	
  .top_deco01 {position:absolute; top: 7.5vw;left: 33.5vw;width: 18%;z-index: 99;animation: move 6s linear infinite;}
    @keyframes move{0%{ transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.top_deco02 {position:absolute; top: 52vw; left:80.7vw; width: 26%}
.top_deco03 {position:absolute; top: 96.5vw; left:-4.8vw; width: 20.5%}
	
.mb_top {z-index: 9999}

/*提醒我按鈕*/
.mo_remind_btn {z-index:10;position: absolute !important; right:-8px; top: 95vw;width: 14%;}
}
	

/*副標*/
.bankArea { position: absolute; top: -114px; left: -16px;z-index: 50 }
.bankArea .box_2 { position: absolute;top:350px; left:73px; }
  .bankArea .box_2 .bank_swiper { width:645px; height: 115px;}
  .bankArea .box_2 .bank_swiper ul { margin: 0; padding: 0; text-align:center;}
  .bankArea .box_2 .bank_swiper ul li { list-style: none outside none; }
  .bankArea .box_2 .bank_swiper img {  width:100%;height:auto; padding-left:0;}
  .bankArea .box_2 .bank_swiper .pagination { position:relative;}
      @media screen and (max-width:767px){
        .bankArea { position: absolute; top: 4vw; left: 47vw; width: 97%;}
        .bankArea .box_1 { position: absolute; top: 0.3vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80%;}
        .bankArea .box_1.go_bt:hover { -webkit-transform: translateX(-50%); transform: translateX(-50%);}
        .bankArea .box_2 { position: absolute; top:22vw; left:6vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:87%;}
        .bankArea .box_2 .bank_swiper { width:100%; height: 20vw;}
        .bankArea .box_2 .bank_swiper img {  width:95%;}
      }



/*版頭品*/
.toppd { position: absolute; top:0px;left:0px; }
/*.toppd .PD_layout ul {}*/
.toppd .PD_layout ul li {border: none; background-color: transparent; }
.toppd .box { position: absolute;top:170px;left:658px; }
.toppd .box .Area_swiper { width:480px; height:430px;}
.toppd .box .Area_swiper ul { margin: 0; padding: 0; text-align:center;background-color: transparent; }
.toppd .box .Area_swiper ul li { list-style: none outside none; border: none;}
.toppd .box .Area_swiper img {  width:100%; height:auto; padding-left:0;}
.toppd .box .Area_swiper .pagination { position:relative;}
      @media screen and (max-width:767px){
        .toppd { position: absolute; top: 32vw; left: 4.5vw; width: 100%;}
        .toppd .box { position: absolute; top: 22vw; left:-3.5vw; width:100%;}
        .toppd .box .Area_swiper { width:100%; height: 84vw;}
		.toppd .box .Area_swiper img {  width:60%; height:auto; padding-left:0;}
 
      }




/*區塊01-行銷宮格區*/
@media screen and (min-width:768px){
.Area01 {top:0px;padding-top: 40px;}
.Area01 .PD_layout[ data-pd-li="BN" ] ul {padding: 0!important}
.Area01 .Area01_bg {position:absolute;z-index:-1;left:-520px;top:0px;width: 2000px; height:2145px;background-image: url("wave_bg.png?t=1758073839299");background-repeat: no-repeat; background-position: top center; }
.Area01 .more_btn {position: absolute;top: 207px;left:929px;z-index: 3;}
      }
@media screen and (max-width:767px){
	    .Area01 .PD_layout[ data-pd-li="BN" ] ul, .PD_layout[ data-pd-li="BN-AWD" ] ul, .PD_layout[ data-pd-li="PDBN" ] ul {padding: 0!important}
        .Area01 {/*top: -3vw; height: 210vw; */z-index: 0}
        .Area01 .Area01_bg {position:absolute;z-index:-1;top:0; left:0;height:217vw;width: 100%; background-size: cover; background-image: url("wave_bg_m.png?t=1758073839299");background-repeat: no-repeat; background-position: top center; }
	    .Area01 .more_btn {z-index: 20;position: absolute;top: 13vw;left: 83vw;width: 13%;}     
        .Area01 .more_btn img { width: 100%; }  
      }



  

  @media screen and (min-width:768px){
    .Area06 .AreaTitle {z-index:999!important;}
    .Area_PD6 .box {z-index:1!important;}
    .Area_PD6_bg {position:absolute;left:-520px;top:0px;width: 2000px; height:1044px; background:url(pd_bg02.png?t=1758073839299) top center no-repeat; background-size:contain;z-index:-1}
   
  }
  @media screen and (max-width:767px){
    /*.Area_PD6 .box{background:url(pd_bg_m.png?t=1758073839299) top no-repeat; background-size:contain;padding-top: 22vw}
    .Area_PD6 .PD_layout{background:url(pd_bg_m3.png?t=1758073839299) repeat-y; background-size:contain;}*/
  }
  
/*行銷活動*/
.Area_event{padding-top:76px;}


@media screen and (max-width:767px){
  .Area_event{padding-top: 70vw;}
}

.Area_danji{width: 96%;}

/*方坊限量好禮!*/
.Area_gift .PD_layout ul{padding: 0; grid-gap: 0!important;display: flex}
.Area_gift .PD_layout .PD_slide {min-width: inherit;}
@media screen and (min-width:768px){
	.Area_gift .PD_layout ul{padding-top: 126px; }
	/*.Area_gift .PD_layout li:nth-of-type(1){max-width: 50%}
	.Area_gift .PD_layout li:nth-of-type(2){max-width: 50%}*/
	.Area_gift_bg {position:absolute;left:0px;top:170px;width: 960px; height:500px; background:url(pd_bg3.png?t=1758073839299) top center no-repeat; background-size:contain;z-index:-1}
}
@media screen and (max-width:767px){
	/*.Area_gift .PD_layout li:nth-of-type(1){max-width: 50%}
	.Area_gift .PD_layout li:nth-of-type(2){max-width: 50%}*/
	.Area_gift .box{background:url(pd_bg3.png?t=1758073839299) top no-repeat; background-size:100%;padding-top: 13vw}
}




/*主打品區*/
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .money,
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .Price,
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p b,
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p small{background: -webkit-linear-gradient(90deg, #c50000 20%, #c50000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.Area04 .PD_layout .PD_img {z-index: 5}
.Area04 .PD_layout .PD_logo img {box-shadow: none!important }	
.Area04 .PD_layout li:nth-child(even) .PD a{flex-direction: row!important;}
.Area04 .PD_layout li:nth-of-type(1){content: "";background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(2){content: "";margin-top:2.5em;background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(3){content: "";background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(4){content: "";background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(5){content: "";margin-top:2.5em;background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(6){content: "";background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}



.Area04{position: relative;height:auto;}
.Area04 .PD_layout ul {padding-top: 0px; padding-left: 0px;padding-right: 0px;}	
.Area04 .PD_layout li {height: 644px;text-align: right;}	  
.Area04 .PD_layout.PD_layout-PDBN_01 .PD h3 {    font-size: 38px;color: #FFF !important; top: 56px !important;padding: 0 81px;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD h4 {top: 125px;font-size: 32px;font-weight: 800;color: #000;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p {top: 145px;height: 89px;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .js-PD_del {position: absolute;font-size:23px;color: #5a5e5e;font-weight: 300;top: 32px;right:200px;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .Price {top:34px;left:2px;font-size: 60px;line-height: 85px;font-family:Century Gothic;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .money {font-size: 36px;font-weight: 600;font-family:Century Gothic;}
/*.Area04 .PD_layout.PD_layout-PDBN_01 .PD p b, .PD_layout .PD p del {font-size: 1.3em;}*/

.Area04 .PD_layout li:nth-child(even) .PD_logo {position: relative;width: 176px;height: 176px;left: 723px; top: -49px;display:none ;}	  
.Area04 .PD_layout li:nth-child(odd) .PD_logo {position: relative;width: 176px;height: 176px;left: -723px;top: -49px;display:none ;}

.Area04 .PD_layout li:nth-child(even) .PD_img{position: relative;width:225px;left: 102px;top: 105px;}		  
.Area04 .PD_layout li:nth-child(odd) .PD_img{position: relative;width:225px;left: -123px;top: 115px;}

.Area04 .PD_layout.PD_layout-PDBN_01 li:nth-child(even) .PD p {top: 160px;}
.Area04 .PD_layout.PD_layout-PDBN_01 li:nth-child(odd) .PD p {top: 165px;}	  

.Area04 .PD_layout li:nth-child(even) .PD_into{width:100%;z-index: 1;position: absolute;left: -20px;top: 310px;}
.Area04 .PD_layout li:nth-child(odd) .PD_into{width:100%;z-index: 1;position: absolute;left: -27px;top: 309px;}		  


@media screen and (max-width:767px){
.Area04 {position:relative;height: auto;padding-bottom: 5vw; font-family:" century Gothic";}
.Area04 .AreaTitle {position:relative;z-index: 1;height:10vw;width: 100%;margin: 0 auto;padding-bottom: 18vw;}	  
.Area04 .PD_layout ul{padding-left: 0em;padding-right:0em;perspective:10vw;/*padding-top: 4.7vw*/  grid-gap:0.1em !important;}
.Area04 .PD_layout li{margin:0;z-index: 2;width: 85%;height:66vw}

.Area04 .PD_layout.PD_layout-PDBN_01 .PD h3 {font-size: 4.4vw;top:34vw !important;color: #FFF;padding: 0 3vw;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD h4 {font-size: 4.4vw;top: 41vw !important;color: #000}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p {top:39vw;/*font-weight: 600;*/}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .Price {top:45vw;left: -2vw;font-size: 2em;font-family:Century Gothic;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .money {font-family:"Century Gothic";font-size: 5vw;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p .js-PD_del {position: absolute;font-size:0.8em;color: #5a5e5e;font-weight: 400;top:8vw;right:25vw;}
.Area04 .PD_layout.PD_layout-PDBN_01 .PD p b, .PD_layout .PD p del {font-size: 0.9em;}

.Area04 .PD_layout li:nth-child(even) .PD_logo {width:18vw;height:18vw;position: relative;left:75.5vw;top: 2vw }		  
.Area04 .PD_layout li:nth-child(odd) .PD_logo {width:18vw;height:18vw;position: relative;left:-46vw;top: 2vw}

.Area04 .PD_layout li .PD_logo img {width:47vw;height:47vw;}

.Area04 .PD_layout li:nth-child(even) .PD_img{position: relative;width:38vw;left:4vw;top:2.5vw}
.Area04 .PD_layout li:nth-child(odd) .PD_img{position: relative;width:38vw;left: -4vw;top:2.5vw}

.Area04 .PD_layout.PD_layout-PDBN_01 li:nth-child(even) .PD p {top:41vw}
.Area04 .PD_layout.PD_layout-PDBN_01 li:nth-child(odd) .PD p {top:41vw}

.Area04 .PD_layout li:nth-child(even) .PD_into{width:94%;z-index: 1;margin-left: 3vw;top:7.4vw;}
.Area04 .PD_layout li:nth-child(odd) .PD_into{width:94%;z-index: 1; margin-left: 4vw;top: 7.4vw;}


.Area04 .PD_layout li:nth-child(even) .PD a{flex-direction: row!important;}
.Area04 .PD_layout li:nth-of-type(1){content: "";background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(2){content: "";margin-top:1.5em;background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(3){content: "";background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(4){content: "";margin-top:1.5em;background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(5){content: "";margin-top:0em;background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}
.Area04 .PD_layout li:nth-of-type(6){content: "";margin-top:1.5em;background: url(PD_bg01.png?t=1758073839299)center top / 100% no-repeat scroll;}


}



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

.PDnew_style li:nth-child(even)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg1.png?t=1758073839299") center top/100% no-repeat scroll;}
/*.PDnew_style li:nth-child(even)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 99;background: url("item_bg1-1.png?t=1758073839299") center top/100% no-repeat scroll;}*/
	
.PDnew_style li:nth-child(odd)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg2.png?t=1758073839299") center top/100% no-repeat scroll;}
/*.PDnew_style li:nth-child(odd)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 99;background: url("item_bg2-1.png?t=1758073839299") center top/100% no-repeat scroll;}*/
.PDnew_style .PD_into {padding:0;border-radius: 0.5em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PDnew_style .PD h3 {color: #000;height: 2em;font-size: 1.85em !important;font-weight:800;position: absolute;top: 20px;left:0px;margin: 0 8% !important;}
.PDnew_style .PD h4 {color: #000;height: 2em;font-size: 1.4em !important;font-weight:800;position: absolute;top: 303px;letter-spacing:0em ;left: 16px;    width:240px !important;overflow: hidden !important;}
.PDnew_style .PD p {max-height: 1.8em;font-size: 2.3em !important;margin-top: 57px;}
.PDnew_style .PD p del{color:#555!important;font-size: 0.6em !important;font-family: "Century Gothic";}
	
.PDnew_style li:nth-child(even) .PD p .money {color: #d90003;}
.PDnew_style li:nth-child(even) .PD p .Price {font-size: 1.2em !important;color: #d90003;font-family: "Century Gothic";}
.PDnew_style li:nth-child(even) .PD small {color: #d90003;font-size: 20px}
	
.PDnew_style li:nth-child(odd) .PD p .money {color: #d90003}
.PDnew_style li:nth-child(odd) .PD p .Price {font-size: 1.2em !important;color: #d90003;font-family: "Century Gothic";}
.PDnew_style li:nth-child(odd) .PD small {color: #d90003;font-size: 20px}
	
.PDnew_style .PD .PD_img {position: relative;top: 40px;width: 80%;margin:12% 7% 6% 9%;}
}
@media screen and (max-width: 767px){
.PDnew_style  {width: 100%;}
	
.PDnew_style li:nth-child(even)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg1.png?t=1758073839299") center top/100% no-repeat scroll;}
/*.PDnew_style li:nth-child(even)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 99;background: url("item_bg1-1.png?t=1758073839299") center top/100% no-repeat scroll;}*/
	
.PDnew_style li:nth-child(odd)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg2.png?t=1758073839299") center top/100% no-repeat scroll;}
/*.PDnew_style li:nth-child(odd)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 99;background: url("item_bg2-1.png?t=1758073839299") center top/100% no-repeat scroll;}*/
	
.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 {color: #000;height: 2em;font-size: 1.3em !important;position: absolute;top:4vw;left:0.5vw;width: 70%;margin: 0 7% !important;text-align: left;}	
.PDnew_style .PD h4 {color: #000;height: 2em;font-size: 1.2em !important;position: absolute;top: 54vw;left:2.5vw}
.PDnew_style .PD p {max-height: 1.6em;font-size: 1.8em !important;position: absolute;top: 57vw;width: 90%;margin: 0 5% !important;font-family: "Century Gothic"; width:200px !important;overflow: hidden !important;}
.PDnew_style .PD p del{color:#555!important;font-size: 0.6em !important;font-family: "Century Gothic";}
.PDnew_style .PD .PD_img {position: relative;top: 8vw;}	
	
.PDnew_style li:nth-child(even) .PD p .money {color:#d90003;font-family: "Century Gothic";;}
.PDnew_style li:nth-child(even) .PD p .Price {font-size: 1.2em !important;color:#d90003;font-family: "Century Gothic";;}
.PDnew_style li:nth-child(even) .PD small {color:#d90003;font-size: 0.5em;font-family: "Century Gothic";}
	
.PDnew_style li:nth-child(odd) .PD p .money {color:#d90003;font-family: "Century Gothic";}
.PDnew_style li:nth-child(odd) .PD p .Price {font-size: 1.2em !important;color: #d90003;font-family: "Century Gothic";}
.PDnew_style li:nth-child(odd) .PD small {color:#d90003;font-size: 0.5em;font-family: "Century Gothic";}
}



/*05*/
@media screen and (min-width: 768px){
.Area05 .AreaTitle {margin-bottom: 20px;}
.Area05 .more{width:30%;}
.Area05 .Area05_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;}	
.Area05 .swiper_box {padding: 1% 0;overflow: hidden;height: 450px;}
.Area05 .swiper_box ul {height: 440px;}	
.Area05 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide{margin-left: -10px;}	
.Area05 .PD_layout .PD p {margin-top:50px !important ;}
}
@media screen and (max-width: 767px){
.Area05 {height: 108vw;margin-bottom: 7vw!important;}	
.Area05 .AreaTitle {position:relative;z-index: 1;height:15vw;width: 100%;margin: 0 auto;padding-bottom: 18vw;}	 
.Area05 .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%;}
/*.Area04 .swiper_box {}*/
.Area05 .more{width: 30%;}
.Area05 .swiper_box ul {margin-bottom: 8vw;height:80vw;}
.Area05 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide li {margin-right: 0.5em;}
.Area05 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide{min-width: 49vw!important;margin-left: -4vw;}
.Area05 .swiper_box .PD_img{width:85%;margin: 5.5vw 0vw 0 3.5vw;}
.Area05 .PD_layout .PD p {margin-top:1vw !important ;}
}

/*06*/
.Area06 .AreaTitle {position:relative;z-index: 1;margin: 0 auto;padding-bottom:0px;}	 
@media screen and (max-width: 767px){
  .Area06 .AreaTitle {position:relative;z-index: 1;height:24vw;margin: 0 auto;padding-bottom:0px;padding-top: 3.5vw;}	 
}


/*07--1帶66公版*/


@media screen and (min-width: 768px){
.Area07{}
.Area07 .AreaTitle {margin-bottom:30px !important ;}
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 {color: #000;font-size:40px;font-family: "Century Gothic";letter-spacing: -1px;width: 120% !important;font-weight: 500;margin-bottom:20px ;}
.box_txt_bg::after {content:"";position: absolute;display:block;top: -12px;left: 110px;width: 90%;height: 110%;pointer-events:none;z-index:-1;background: url("Area07_box_txt_bg.png?t=1758073839299") center top/100% no-repeat scroll;}
.Area07.PD_into{width: 100% !important;}
.Area07 .PD_img {padding:0.3em 0.5em 2em 0 !important;}
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;z-index: 30;}
.box_txt img{width: 60%;}
.box_txt .PD_layout .PD h3 {color: #000;font-size: 1.5em;letter-spacing: -2px;line-height: 11vw;font-family: "Century Gothic","微軟正黑體";max-height: 9vw;font-weight: bold;margin:0vw 0 6vw -11vw ;}
.box_txt_bg::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area07_box_txt_bg.png?t=1758073839299") center top/100% no-repeat scroll;}	
.Area07 .PD_layout[data-pd-img="2"] .PD_img {width: 30% !important; margin:0.5vw 6vw 0 10vw ;}
}







/*10-品牌區*/
.Area10{width: 760px;padding-bottom:50px ;}
.Area10  .PD_layout li {background-color: #FFF;border: 3px solid #000 !important;border-radius: 10px;background-color: #fff !important;}

@media screen and (max-width: 767px){
  .Area10 {width: 96% !important;padding-top:5vw ;padding-bottom:5vw ; }
  .Area10  .PD_layout ul {grid-gap:0.5em !important;}
  .Area10  .PD_layout li {border: 2px solid #000 !important;border-radius: 10px; background-color: #fff !important;}

}

/*BN區*/
.Area_BN .PD_layout .PD img {border-radius: 10px!important;}
@media screen and (max-width: 767px) {
    .PD_layout[ data-pd-li="BN" ] ul, .PD_layout[ data-pd-li="BN-AWD" ] ul, .PD_layout[ data-pd-li="PDBN" ] ul {
        grid-gap: .1em;
    }
}
@media screen and (min-width: 767px) {
.Area_BN {height:100%;z-index: 40;top: 80px}
.Area_BN .title img{ width: 100%;}
.Area_BN .box{width:100%;margin: 0 auto;padding-bottom:80px;}	

/*BN*/
.Area_BN .AreaBN{width:100%;margin: 0 auto;padding-bottom: 15px;}
.Area_BN .swiper-button-next, .swiper-button-prev {top: 42%;}	
/*輪播BN*/
.AreaBN2 {position: relative;width:100%;left:0px;padding-bottom: 30px;margin: 0 auto;}
.AreaBN2 .box_swiper { overflow: hidden;}
.AreaBN2 .box_swiper .PD_layout { position: relative; height:340px;}
.AreaBN2 .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.AreaBN2 .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.AreaBN2 .box_swiper .PD_layout .PD_slide { min-width: inherit;}
 }

@media screen and (max-width: 767px) {
.Area_BN {height:100%;padding-bottom:8vw;top: 5vw}
/*BN*/ 
.Area_BN .AreaBN{width:100%;margin: 0 auto;padding-bottom:2vw;}
.Area_BN .box{width:100%;margin: 0 auto;padding-bottom:0;}	

/*輪播BN*/
.AreaBN2 {position: relative;width: 100%;left:3vw;}
/*  .AreaBN2 .box_swiper .PD_layout { width: 96%; margin: 0 auto; height: 30vw;}*/	
.AreaBN2 .box_swiper { overflow: hidden;}
.AreaBN2 .box_swiper .PD_layout { position: relative; height:36vw;}
.AreaBN2 .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.AreaBN2 .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.AreaBN2 .box_swiper .PD_layout .PD_slide { min-width: inherit;}
}

/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
		  padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index: 99;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}
.fixbn ul{margin-top: 0px;margin-bottom: 0px;padding-left: 0px;}
/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}


/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:50%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:50%;}


/*共用*/
.for_pc { display:block !important;}
.for_m  { display:none !important;}
	@media screen and (max-width:736px){ 
		/*共用*/
		.for_pc { display:none !important;}
		.for_m  { display:block !important;}
	}

/*回版頭*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop { display: none; position:fixed; z-index:201; right:0; padding:14px 6px 3px 10px; font:12px/30px Verdana; text-align:center; color:#fff; cursor:pointer; transition: 0.2s; transform: translateX(200%);
        bottom:90px;
        bottom: calc(90px + constant(safe-area-inset-bottom)*0.6 );
        bottom: calc(90px + env(safe-area-inset-bottom)*0.6 );}
#gotop::before { content: ""; position:absolute; top:9px; left:19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
#gotop::after  { content: ""; z-index:-1; position:absolute; top:50%; left:50%; border-radius:50px 0 0 50px; transform:translate(-50%,-50%); width:44px; height:44px; background-color:rgba(0,0,0,0.8);}
#gotop.cate-open { transform: translateX(0%);}
  /*白色*/
  #gotop { color:#000; }
  #gotop::before { border-color: transparent transparent #000;}
  #gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}



/*旗艦館*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop_2 { display: none; position:fixed; z-index:201; right:0; text-align:center; cursor:pointer; transition: 0.2s; transform: translateY(200%);
        
        bottom: calc(0px + env(safe-area-inset-bottom)*0.6 );}
#gotop_2.cate-open { transform: translateY(0%);}



/*logo*/
@media screen and (min-width:766px){
.go_bt2 {
  -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;}
.go_bt2:hover { 
   filter:brightness(130%);
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);
		  }
	.Area .go_bt {  display:block;
  -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);}
	}



/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto;  border-radius:0; text-align:center; }
.Areabottom {margin-bottom:80px; }
.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);}

	@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;}
		.Areabottom {margin-bottom:5vw; }
	}



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


/*連館按鈕*/
.Area_btn li {list-style: none;}


/*按鈕*/
.Area_btn {width: 80%!important;position: relative; left:0; margin:0px auto; padding:0; text-align: center; height:auto; background:center top no-repeat;}
.Area_btn ul { display: inline-block;margin:0 auto; padding:0; }
.Area_btn ul li a { position:relative; }
.Area_btn ul li a img {  transition-duration: 0.2s; width:100%; margin: 40px auto;}
.Area_btn ul li { float:left; margin:0 5px; transition-duration: 0.3s; }
.Area_btn ul li:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale:(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale:(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale:(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale:(1);filter:brightness(115%);
transform: translateY(-5px); scale:(1);filter:brightness(115%);
}

    @media screen and (max-width:767px){
    .Area_btn ul li a img {  transition-duration: 0.2s; width:100%; margin: 5vw auto 5vw;}
    }

    
	
/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }