@charset "utf-8";
/*基本*/
body{ margin:0; padding:0; background-color: #b3d3ff;}

/*全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-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) {
.Areabg01{ position:absolute;z-index:-2; top:0px; left:0; width:100%; min-width:1220px; height:750px; background-repeat:no-repeat; background-position:center top;}
.light{ position:absolute;z-index:-42; top:444px; left:0; width:100%; min-width:1220px; height:900px; background-repeat:no-repeat; background-position:center top;}
.Areabg02{ position:absolute;z-index:-41; top:794px; left:0; width:100%; min-width:1220px; height:750px; background-repeat:no-repeat; background-position:center top;}
.people{position:absolute;z-index:-42; top:488px; right:1650px; width:336px;   height:629px; background-repeat:no-repeat; background-position:center top;}
.handR { position:fixed;z-index:1; top:450px; right:262px;  width:348px; height:229px; background-repeat:no-repeat; background-position:center top;}
.handL { position:fixed;z-index:1; top:450px; left:262px; width:348px; height:229px; background-repeat:no-repeat; background-position:center top;}
}


/*MB背景*/
@media screen and (max-width:767px){	
.mAreabg01{ position:absolute;z-index:-2; top:0; left:0;width: 100%; height:100%; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.mlight{ position:absolute;z-index:-42; top:61vw; left:0;width: 100%; height:100vw; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.mAreabg02{ position:absolute;z-index:-41; top:109vw; left:0; width: 100%; height:100%; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.handR { position:absolute;z-index:1; top:82vw; right:0vw;  width: 27%; height:22vw; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.people{position:absolute;z-index:-42; top:73vw; right:70vw; width: 40%; height:50vw; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
}


/*版頭*/

@media screen and (min-width:768px){
.Area_title {width:1220px; height: 1266px; 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: 17px;left: 140px;} 

.Area_title .shopnow {z-index:4;position:absolute;top: 977px;left: 888px;}
.Area_title .date { position:absolute; top: 535px; right:69px;}
.Area_title .line { position:absolute; top: 481px; left:186px;z-index: -43;}	

}

@media screen and (max-width:767px){
.Area_title { width:100%; height:140vw; 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: 1.5vw;left: 0vw;}
.Area_title .shopnow {z-index:4;position:absolute;width: 27.3%;top: 108.3vw;left: 61.2vw;}
.Area_title .date {z-index: 10;position:absolute; width: 32%;top: 49vw;left: 66vw;animation-delay:1.1s;}	
.Area_title .line {z-index: -43;position:absolute; width: 24%;top: 62vw;left: 11vw;}	

	


}
	

/*副標*/
.Area_title .bankArea .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.Area_title .bankArea { position: absolute; top: 315px;left: 278px; width: 55%;height: auto; z-index: 5;overflow: hidden;}	
.Area_title .bankArea .PD_layout .PD img {width: 90%;}	
}
@media screen and (max-width:767px){
.Area_title .bankArea {position: absolute;top: 31vw;left: -1vw;width: 97%;z-index: 5;overflow: hidden;}
.Area_title .bankArea .PD_layout .PD img {width: 85%;padding: 0;}
}

/*輪播特效*/
.Area_title .bankArea .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .bankArea .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}


/*版頭品*/
@media screen and (min-width:768px){
	.Area_title .topPD { z-index:99; position: absolute; top: 385px; right: 0px; 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: .8s ease-out; transform: translate(0,0);}	

	.topPD .PD_layout .PD img { width: auto; height: auto;}
  }
  @media screen and (max-width:767px){
	.Area_title .topPD { z-index:99; position: absolute; top: 47vw; right: -3vw; width: 100%;}
	.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);}	
	.topPD .PD_layout .PD img { width: 100%;}
	.topPD .PD_layout[data-pd-li*=BN-AWD] .PD_img { display: block !important;}
  }
  
  

/*活動倒數*/
.TimerNick { position: absolute; top:1080px; left:360px; display: inline-block; z-index:8; text-align: center;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font: normal 35px/30px Arial;color: #fff;letter-spacing:0;text-align: center;}
.TimerNick span {padding-left: 2px;font: normal 39px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;font-weight: 800;letter-spacing: -0.05em;color: #fff;}
@media screen and (max-width:767px){
  .TimerNick  {width: 100%;top:117.5vw;left:-1vw;}
  .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 5.2vw/5.2vw Arial;color: #fff;}
  .TimerNick span {padding-left: 0vw;font: bold 4vw/4vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #fff;}
}







/*區塊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 .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 .more_btn {z-index: 20;position: absolute;top: 13vw;left: 83vw;width: 13%;}     
        .Area01 .more_btn img { width: 100%; }  
      }



/*搶6折券*/
.coupon1 { margin-bottom: 6%;margin-top: 8%;}
.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-折價券*/
@media screen and (min-width:768px){

.PD_layout.coupon1 ul { display: grid; grid-gap: 30px 25px; padding: 0 70px; 
	grid-template-columns: repeat(3, 1fr); /* 三欄等寬 */
	grid-template-rows: auto auto;
  }

  .coupon1 ul li:nth-child(4) {left:135px;}
  .coupon1 ul li:nth-child(5) {left:165px;}
.coupon1 li { width: 100%;}
.coupon1 img { width: 100%;}	

}	

@media screen and (max-width:767px){
.coupon1 { margin-bottom: 9%;margin-top: 9%;}
.PD_layout.coupon1 ul {display: grid;  grid-gap: 1.8em; padding: 0 6%;}
.coupon1 ul li:nth-child(4) {left:13vw;}
.coupon1 ul li:nth-child(5) {left:16vw;}

}





/*嚴選大牌 頁籤輪播區*/
  @media screen and (min-width:768px){
.Area_brand {padding-top: 50px}
	  	  }
.Area_brand .layout_page {/*width:885px; position: absolute; left:60px; */z-index:2;margin: 0 auto}
.Area_brand .layout_page .cate-hover { filter: hue-rotate(60deg) brightness(130%);}
.Area_brand .layout_page ul  { display:flex; flex-direction:row; justify-content:center}
.Area_brand .layout_page ul li { padding: 0; margin:0 20px 20px 0; }
.Area_brand .layout_page ul li img { width:100%;}
.Area_brand .layout_page .PD_slide { background-color:none!important; min-width:inherit;}
.Area_brand .box { position:relative; width:90%; height:375px;  top:15px;  left: 50px; overflow:hidden;}
 

@media screen and (max-width:767px){
  .Area_brand { height:88vw;top: 5vw;}
  .Area_brand .layout_page { position: absolute; height:18vw; width:100%; left: 2%; top:18vw; margin-bottom:0px; z-index:99;}
  .Area_brand .layout_page .cate-hover {filter: hue-rotate(60deg) brightness(130%);}
  .Area_brand .layout_page ul { display:flex; flex-direction: row ;}
  .Area_brand .layout_page ul li { padding: 0 2% 2% 0!important; margin:0!important; width:43%;  z-index:99;}
  .Area_brand .layout_page ul li img {width:100%;}
  .Area_brand .box { width:96%; height:100%;  top:15vw;  left:2vw; overflow:hidden;}
	  }






/* 04_明星品買1送1 */
@media screen and (min-width:768px){
	.Area_PD5 .box {padding-top: 30px;}
}
@media screen and (max-width:767px){
	.Area_PD5 .box{padding-top: 2vw}

}

/*行銷活動*/
.Area_event .PD_layout ul{padding: 0; grid-gap: 0!important;display: flex}
.Area_event .PD_layout .PD_slide {min-width: inherit;}
.Area_event .PD_layout li:nth-of-type(2){max-width: 50%}
.Area_event .PD_layout li:nth-of-type(3){max-width: 50%}
.Area_event .PD_layout li:nth-of-type(5){max-width: 50%}
.Area_event .PD_layout li:nth-of-type(6){max-width: 50%}
@media screen and (min-width:768px){
	.Area_event {padding-top: 223px; }

	.Area_event .box{background-color: #fabd04;}
	.Area_danjibox{background-color: #fabd04;padding-bottom:10px;}
}
@media screen and (max-width:767px){

	.Area_event .box{background-color: #fabd04;}
	.Area_danjibox{background-color: #fabd04;padding-bottom:3vw;}
}





/*主打品區*/
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h3 {}
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .money,
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .Price,
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p b,
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p small{background-color:#002d95 }
	  .Area03 .PD_layout .PD_img {z-index: 5}
	  .Area03 .PD_layout .PD_logo img {box-shadow: none!important }	
	  .Area03 .PD_layout li:nth-child(even) .PD a{flex-direction: row!important;}
	  .Area03 .PD_layout li:nth-child(odd){content: "";background: url(PD01_bg.png?t=1755139119872)center top / 101% no-repeat scroll;}
	  .Area03 .PD_layout li:nth-child(even){content: "";background: url(PD02_bg.png?t=1755139119872)center top / 101% no-repeat scroll;}

 @media screen and (min-width:768px){
	  .Area03{position: relative;height:auto;}
	  .Area03 .PD_layout ul {padding-top: 0px; padding-left: 0px;padding-right: 0px;}	
	  .Area03 .PD_layout li {height: 635px;}	  
	  .Area03 .PD_layout .PD a{height: 587px;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h3 {font-size: 44px;color: #3b3b3b}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h4 {top: 106px;font-size: 36px;color: #002f9c}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p {top: 145px;height: 89px;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .js-PD_del {position: absolute;font-size:32px;color: #484848;font-weight: 400;top: 5px}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .Price {top:34px;left:2px;font-size: 80px;line-height: 85px;font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .money {font-size: 36px;font-weight: 600;font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p b, .PD_layout .PD p del {font-size: 1.3em;}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_logo {position: absolute;width: 208px;height: 175px;left: 553px; top: -142px;}	  
	  .Area03 .PD_layout li:nth-child(odd) .PD_logo {position: absolute;width: 208px;height: 175px;left: -330px;top: -141px;}
	 
	  .Area03 .PD_layout li:nth-child(even) .PD_img{position: relative;width:364px;left: 462px;top: 136px;}		  
	  .Area03 .PD_layout li:nth-child(odd) .PD_img{position: relative;width:364px;left:-462px;top:136px}
	  
	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(even) .PD p {top: 156px;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(odd) .PD p {top: 156px;}	  
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_into{width:50%;z-index: 1;position: absolute;left: 0px;top: 99px;}
	  .Area03 .PD_layout li:nth-child(odd) .PD_into{width:50%;z-index: 1;position: absolute;left: 523px;top: 99px;}		  

}
  @media screen and (max-width:767px){
	  .Area03 {position:relative;height: auto;}
	  .Area03 .Area_title {position:relative;z-index: 1;height:15vw;}	  
	  .Area03 .PD_layout ul{padding-left: 0em;padding-right:0em;perspective:10vw;/*padding-top: 4.7vw*/}
	  .Area03 .PD_layout li{margin:0;z-index: 2;width: 100%;height: 70vw}
	  .Area03 .PD_layout .PD a{height: 50vw;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h3 {font-size: 5.4vw;top:11vw;color: #3b3b3b}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h4 {font-size: 3.8vw;top: 17.8vw;color: #002f9c}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p {top:26vw;/*font-weight: 600;*/}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .Price {top:25vw;left: -2vw;font-size: 2em;font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .money {font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .js-PD_del {position: absolute;font-size:0.8em;color: #484848;font-weight: 400;top: -2vw}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p b, .PD_layout .PD p del {font-size: 0.9em;}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_logo {width:26vw;height:24vw;position: absolute;left:58vw;top: -12vw }		  
	  .Area03 .PD_layout li:nth-child(odd) .PD_logo {width:26vw;height:24vw;position: absolute;left:-33vw;top: -9vw}
	  
	  .Area03 .PD_layout li .PD_logo img {width:47vw;height:47vw;}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_img{position: relative;width:40vw;left:49vw;top:12vw}
	  .Area03 .PD_layout li:nth-child(odd) .PD_img{position: relative;width:40vw;left: -49.5vw;top:12vw}

	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(even) .PD p {top:24vw}
	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(odd) .PD p {top:24vw}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_into{position: absolute;width:50%;z-index: 1;top:2vw;}
	  .Area03 .PD_layout li:nth-child(odd) .PD_into{position: absolute;width:50%;z-index: 1;top:2vw;}	  

}

/*作圖公版微調*/
.PDnew_style.PD_layout .PD h4:hover { color: #2e3333;}
@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=1755139119872") 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_bg1.png?t=1755139119872") 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: #fff;height: 2em;font-size: 1.5em !important;position: absolute;top: 9px;margin: 0 8% !important;}
.PDnew_style .PD h4 {color: #2e3333;height: 2em;font-size: 1.5em !important;position: absolute;top: 303px;width:84%;margin: 0 8% !important;}
.PDnew_style .PD p {max-height: 1.8em;font-size: 2.3em !important;margin-top: 57px;}
.PDnew_style .PD p del{color:#5d5d5d!important;font-size: 0.6em !important;}
	
.PDnew_style li:nth-child(even) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(even) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(even) .PD small {color: #1255b2;font-size: 20px}
	
.PDnew_style li:nth-child(odd) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD small {color: #1255b2;font-size: 20px}
	
.PDnew_style .PD .PD_img {position: relative;top: 40px;width: 90%;margin:6% 7% 6% 5%;;}
}
@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=1755139119872") 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_bg1.png?t=1755139119872") 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: #fff;height: 2em;font-size: 1.3em !important;position: absolute;top: 1vw;width: 70%;margin: 0 2% !important;text-align: left;}	
.PDnew_style .PD h4 {color: #2e3333;height: 2em;font-size: 1.2em !important;position: absolute;top: 55vw;width: 90%;margin: 0 5% !important;}
.PDnew_style .PD p {max-height: 1.6em;font-size: 1.8em !important;position: absolute;top: 59vw;width: 90%;margin: 0 5% !important;}
.PDnew_style .PD p del{color:#5d5d5d!important;font-size: 0.6em !important;}
.PDnew_style .PD .PD_img {position: relative;top: 8vw;}	
	
.PDnew_style li:nth-child(even) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(even) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(even) .PD small {color: #1255b2;font-size: 0.5em}
	
.PDnew_style li:nth-child(odd) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD small {color: #1255b2;font-size: 0.5em}
}

/*04*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .Area04_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;}	
.Area04 .swiper_box {padding: 1% 0;overflow: hidden;height: 450px;}
.Area04 .swiper_box ul {height: 440px;}	
.Area04 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide{margin-left: -10px;}	
.Area04 .subtitle {position: absolute;top:-46px;left:52px;z-index: 2;}
}
@media screen and (max-width: 767px){
.Area04 {height: 99vw;margin-bottom: 1vw!important;}	
.Area04 .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 .subtitle {position: absolute;top:-4vw;left:7vw;z-index: 2;width: 20%;}
.Area04 .swiper_box ul {margin-bottom: 8vw;height:80vw;}
.Area04 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide li {margin-right: 0.5em;}
.Area04 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide{min-width: 49vw!important;margin-left: -4vw;}
}



/*LOGO+1行文案*/
.Area06 {}
.Area06 .bg_top {margin-bottom:-103px;}
.Area06 .box_txt_bg::after {content:"";position: absolute;display:block;margin-top: -120px;margin-left: 115px;width: 76%;height: 100%;pointer-events:none;z-index: -30;background: url("Area06_box_txt_bg.png?t=1755139119872") center top/100% no-repeat scroll;}	
.Area06 .bg_box .text02 .PD_slide {padding: 3% 0 0;}
.Area06 .text02 {width: 100%;margin: auto;height: 172px;}
.Area06 .text02 .PD_layout {width: 70%;}
.Area06 .text02 .PD_layout .PD_into {display: flex;flex-direction: row;margin-top: 0;}
.Area06 .text02 .PD_layout .PD_into .PD_logo {width: 33%;left: 27px;top: 21px;position: relative;}  

.Area06 .text02 .PD_layout .PD_into h3 {width: 50%;font-size: 52px;line-height: 1.8em;color: #151515;margin-top: 18px;left: 112px;position: relative;} 
.Area06 .layout_PD {width: 85%;}
@media screen and (max-width:767px){
  .Area06 {}
  .Area06 .bg_top {margin-bottom:-10vw;}
  .Area06 .box_txt_bg::after {content:"";position: absolute;display:block;margin-top: -14vw;margin-left: 1vw;width: 89%;height: 100%;pointer-events:none;z-index: -30;background: url("Area06_box_txt_bg.png?t=1755139119872") center top/100% no-repeat scroll;}	
  .Area06 .text02 {height: 20vw;}	
  .Area06 .text02 .PD_layout {width: 94%;}
  .Area06 .bg_box .text02 .PD_slide {padding: 3% 0 0;}
  .Area06 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0;}
  .Area06 .text02 .PD_layout .PD_into .PD_logo {width: 29%;top: 1vw;left: 7vw;position: relative;}  
  .Area06 .text02 .PD_layout .PD_into h3{width: 59%;margin-left: 0;font-size: 23px;line-height: 1.2em;color: #151515;margin-top: 2vw;left: 9vw;} 
  .Area06 .layout_PD {width: 97%;}
}





/*區標(線上入稿)*/

.box_txt{ position: relative; margin: 24px auto; margin-top:92px;}

.box_txt::before {content:"";position: absolute;display:block;top:-46px;left: 0;width: 100%;height:135%;pointer-events:none;background: url("m_box_txt_bg.png?t=1755139119872") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#1255b2;font-size: 3.5em;line-height: 2.1em; font-weight: 700;font-family:"Century Gothic","Noto Sans TC"; font-style: italic;}

.box_txt2::before {content:"";position: absolute;display:block;top:-15px;left: 0;width: 100%;height:135%;pointer-events:none;}
.box_txt2 .PD_layout .PD h3 {color:#1255b2;font-size: 3.5em;line-height: 2.1em; font-weight: 700;font-family:"Century Gothic","Noto Sans TC";}

.box_txt li:hover{ transform: none!important; }
.box_txt a{ pointer-events: none;}
.box_txt h3 span{ overflow: visible!important;}

@media screen and (min-width:768px){
  .box_txt {  width: 960px; }
  .box_txt .box_title_deco1{ top: 30%; }
  .box_txt .box_title_deco2, .box_txt .box_title_deco3{ bottom: 2%; }

}

@media screen and (max-width:767px){
  .box_txt{ position: relative; margin: 2vw auto; margin-top:9vw;}
  .box_txt .PD_layout .PD h3 {font-size: 1.5em;line-height: 2em; }
  .box_txt::before{ top:-5vw; }


  .box_txt2{ position: relative; margin: 2vw auto; margin-top:1vw;height: 7vw;}
  .box_txt2 .PD_layout .PD h3 {font-size: 1.5em;line-height: 1.2em; }
  .box_txt2::before{ top:-4vw; }

}





/*發燒強牌*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page { overflow: hidden; /*background-color: #555;*/; border-radius: 0em } 
    .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page { width: 100%; overflow: hidden; /*background-color: #555; */ border-radius: 0em } 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }




  /*頁籤01*/
@media screen and (min-width:768px){
  
	.Area_page2 .text {padding-top: 73px;width: 61%;margin: 0px auto 32px;}
	.Area_page2 .text .PD_layout{z-index: 9;top: 14px;}
	.Area_page2 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_page2 .text .layout_text .PD a {pointer-events: none!important}
	
  
	/*頁籤*/ 
	.Area_page2 .NavArea {display:block!important} 
	.Area_page2 .Nav_box {width: 100%!important;margin: auto;}  
	.Area_page2 .tab_swiper {overflow-y:clip!important}  
	.Area_page2 .NavArea_tabbar_page {padding-bottom: 17px;width: 81%;margin: 65px auto 1px;}  
	.Area_page2 .content_swiper {width: 100%;margin: 0 auto;overflow:hidden;height: 100%;}  
	.NavArea_tabbar_page .Nav_box{border-radius: 88px !important;}
	
	/*公版區*/  
	.Area_page2 .page_box .layout_PD {/* margin-bottom: 73px; */width: 98%;}
	.Area_page2 .page_box .layout_PD ul{width: 100%;margin: auto;}
    }

   @media screen and (max-width:767px){
	.Area_page2 {height: 100%;}
	.Area_page2 .topitem_bottom{z-index:0;position:absolute;bottom: -4vw;left: 0;width: 100%;right: 0;margin: auto;height: 55px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
  

   

	/*頁籤*/ 
	.Area_page2 .tab_swiper {overflow-y:clip!important}  
	.Area_page2 .NavArea_tabbar_page {padding-bottom: 0vw;width: 95% !important;padding-top: 0vw;}  
	.Area_page2 .content_swiper {width: 97%;margin: 0px auto;border-radius: 0vw;height: 100%;overflow: hidden;}  

	}
   
	/*公版區*/  
	.Area_page2 .page_box .layout_PD {}
	.Area_page2 .page_box .layout_PD ul {}
	.Area_page2 .page_box .layout_PD ul li {} 
	.Area_page2 .page_box .layout_PD ul li .PD_into .js-PD_del {font-size: 9px;}  
	.Area_page2 .page_box .layout_PD ul li:hover {box-shadow: none; }  
	.NavArea_tabbar_page{width: 90% !important;}	 

   @media screen and (max-width:767px){
	 .Area_page2 .page_box .layout_PD ul {margin-top: 4vw;}
  }	 
  

/*品類logo*/
.Area08 .PD_layout .PD_wrapper {grid-gap:27px}
.Area08 .logobg_top {z-index: -40;position:absolute;top: 0;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;transform:translateX(-546px);}	
.Area08 .logobg_min {z-index: -40;position:absolute;top: 539px;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;transform:translateX(-546px);background-color: #73a6ed;}


	@media screen and (max-width: 767px) {
	.Area08 .PD_layout .PD_wrapper {grid-gap:4vw}
	.Area08 .mblogobg_top {z-index: -40;position:absolute;top: -6vw;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
	.Area08 .mblogobg_min {z-index: -40;position:absolute;top: 31vw;height: 200%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-color: #73a6ed;}
	}

/*置底*/
.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:120px; }
.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:10vw; }
	}



/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}




/*隱鑶*/
.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; }


    @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:#fff; font:12px/18px Helvetica;}
 .edm_notice .apple_notice{  padding:10px 0px 10px 0px; }