@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;background-color:#fafafa; 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; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
@media screen and (min-width:768px){
.bg_top {z-index: 30;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: 30;position:absolute;top: 800px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -70;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_deco {z-index:20;position:absolute;top: 10vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
}


/*版頭區塊*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
.Area_title .PD_layout ul{ background-color: #0000;  }
.Area_title .PD_layout li { border:none; }

@media screen and (min-width:768px){
.Area_title {height: 710px;}
.top_deco {position: absolute;top: 104px;left: 360px;z-index: 30;}	
}

@media screen and (max-width: 767px){
.Area_title {width:100%;height: 120vw;}
.top_deco {position: absolute;top: 46vw;left: -2vw;width: 45%;z-index: 30;}	
}



/*版頭主標微調*/
.title .PD_layout .PD a{ pointer-events: none; }
.title .PD_layout .PD_slide:hover {filter: brightness(100%); transform: translateY(0);}

@media screen and (min-width: 768px){
.title { z-index: -10; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 99px;left: 63px;z-index: 10;opacity: 1;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 197px;left: 65px;z-index: 20;opacity: 1;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 426px;left: 64px;z-index: 10;opacity: 1;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 72px;left: 1083px;right: -20px;z-index: 20;opacity: 1;}
.title .PD_layout .PD img { width: 100%!important; }
	
/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v1-he1 { margin-left: 10px!important; margin-top: 90px!important; z-index: 99!important; }
#eWriterBtn_bt_B_000_v1-he2 { margin-left: 10px!important; margin-top: 150px!important; z-index: 99!important; }
}

@media screen and (max-width:767px){
.title { z-index: -10; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 4.9vw;left: 8vw;z-index: 10;width: 58.1%;opacity: 1;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 15vw;left: 7vw;z-index: 20;width: 75%;opacity: 1;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 32vw;left: 8vw;z-index: 30;width: 42%;opacity: 1;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 36vw;left: 81vw;z-index: 20;width: 19%;opacity: 1;}	
.title .PD_layout .PD img { width: 100%!important; }
}

/*版頭品輪播*/
.pdbg_a .Area_swiper_box .PD_layout li,.pdbg_b .Area_swiper_box .PD_layout li { background-color: #0000; }
.pdbg_a {width: 51%;position: absolute;top: 10px;left: 64%;transform: translateX(-50%);z-index: 20;}
.pdbg_b {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}v	
.pdbg_a .PD_layout ul,.pdbg_b .PD_layout ul{display: flex;padding: 0;grid-gap: 0;}
.pdbg_a .PD_layout .PD img {width: 100%;}

@media screen and (max-width:767px){
.pdbg_a {width: 74%;position: absolute;top: 38vw;left: 46vw;overflow: hidden;z-index: 10;}
.pdbg_b {width: 100%;position: absolute;top: 0;left: 0;z-index: 10;}
.pdbg_a .Area_swiper_box .swiper-pagination { bottom: 5vw!important }	
}

/*輪播特效*/
@media screen and (min-width:768px){
.pdbg_b .PD_layout .PD img {width: auto;}
.Area_title .pdbg_a .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,-6%);}
.Area_title .pdbg_a .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}	
}



/*公版背景*/
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: 160px;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 {color: #fff7ff;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;}
.line_box.PD_layout ul{ border:#c6c6c6 1px solid; }
.line_box2 { border:#c6c6c6 1px solid; }
	
.box_txt2 {position: relative;margin: 0 auto;width: 75%;z-index: 30;height: 152px;}
.box_txt2 img{width: 100%;}
.box_txt2 .PD_layout .PD h3 {color: #424242;font-size: 3.1em;letter-spacing: -2px;line-height: 160px;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;}
.txtbg01::before {content:"";position: absolute;display:block;top: 10px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg1.png?t=1753168255225") center top/100% no-repeat scroll;}
.txtbg02::before {content:"";position: absolute;display:block;top: 10px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1753168255226") center top/100% no-repeat scroll;}
.txtbg03::before {content:"";position: absolute;display:block;top: 10px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1753168255226") center top/100% no-repeat scroll;}	
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
.box_txt .PD_layout .PD h3 {color: #fff;font-size: 1.5em;letter-spacing: -2px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;}
.line_box.PD_layout ul{ border:#c6c6c6 1px solid; }
	
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index: 30;height: 20vw;}
.box_txt2 img{width: 100%;}
.box_txt2 .PD_layout .PD h3 {color: #424242;font-size: 1.4em;letter-spacing: -1px;line-height: 21vw;font-family: "Century Gothic","微軟正黑體";max-height: 15vw;font-weight: bold;}
.txtbg01::before {content:"";position: absolute;display:block;top: 4vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg1.png?t=1753168255226") center top/100% no-repeat scroll;}
.txtbg02::before {content:"";position: absolute;display:block;top: 4vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1753168255226") center top/100% no-repeat scroll;}
.txtbg03::before {content:"";position: absolute;display:block;top: 4vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1753168255226") center top/100% no-repeat scroll;}
}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 60px!important;}
.Area_bottom2 { margin-bottom: 100px!important; }
}
@media screen and (max-width: 767px){
.Area_bottom {margin-bottom: 5vw!important;}
.Area_bottom2 { margin-bottom: 10vw!important; }	
}




/*區塊2*/	
@media screen and (min-width: 768px){
.Area02 {width: 1050px!important;height: auto;z-index: 30;background: url("Area02_bg.jpg?t=1753168255226") center top/100% repeat-y scroll;border-radius: 1.5em!important;overflow: hidden;}	
.Area02 .box_all{position: relative;padding: 2% 4%;}		
}
@media screen and (max-width: 767px){
.Area02 {z-index: 30;width: 94%!important;background: url("Area02_bg.jpg?t=1753168255226") center top/100% repeat-y scroll;border-radius: 1em!important;overflow: hidden;}	
.Area02 .box_all{position: relative;padding:2%;}		
}




/*區塊3*/	
@media screen and (min-width: 768px){
.Area03 {height: auto;z-index: 30;}	
.Area03 .box01{position: relative;padding: 1% 0;}			
.Area03 .box02{position: relative;padding: 1% 10%;}		
}
@media screen and (max-width: 767px){
.Area03 {z-index: 30;}	
.Area03 .box01,.Area03 .box02{position: relative;padding: 1% 3%;}		
}


/*區塊4*/
@media screen and (min-width: 768px){
.Area04 {height: auto;margin-bottom: 0!important;}
.Area04 .Area09_box {padding: 1% 1%;border-radius: 1em;}	
}
@media screen and (max-width: 767px){
.Area04 {height: auto;}
.Area04 .Area09_box {margin-left: 1vw;padding: 2% 0 0;margin-bottom: 5vw!important;border-radius: 1em 0 0 1em;}	
}
.Area_K2 { margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-start; overflow: auto hidden; border-radius: 1em}
.Area_K2 .box_all  { display: block; height: auto; position: relative}
.Area_K2 .box_ {display: flex;width: max-content;position: relative;white-space: nowrap;flex-direction: row;justify-content: flex-start;}
.box_bn { position: relative; z-index: 0; height: auto  }
.Area_K2 .box_pd { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 1em; z-index: 1}
.Area_K2 .PD_layout li:hover { transform: none }
.Area_K2 .PD_layout_pd ul { display: flex; width: max-content;padding: 0; margin: 0; flex-direction: row; flex-wrap: nowrap; background-color: transparent}

.Area_K2 .PD_layout_pd li { min-width:initial ; float: left; background-color: #fff; border-bottom: solid 1px #d1d1d1 !important; border-left: solid 1px #d1d1d1!important; border-right: none!important }
.PD_layout_bn { position: absolute; ; height: 100%; left: 0; top: 0}
.PD_layout_bn ul { width: 100%; padding: 0; margin: 0;  }

  @media screen and (min-width:768px){ 
    .Area_K2 {position: relative;width: 987px;left: 103px;} 
    .box_bn {width: 193px;}  
    .Area_K2 .PD_layout_pd li { width: 250px; }
	.PD_layout_bn .PD_slide { border-radius: 1em; overflow: hidden; }
  }
  @media screen and (max-width:767px){
    .Area_K2 {position: relative;width: 66vw;padding: 0;margin: 0 0 0 37vw;border-radius: 1em;} 
    .box_bn {width: 34.2vw;margin-left: 2vw;}  
    .Area_K2 .box_pd {margin-left: 0;border-radius: 1em 0 0 1em;} 
    .Area_K2 .PD_layout_pd li {width: 38vw;height: 63vw;} 
	.PD_layout_bn { position: absolute; ; height: 100%; left: 0; top: 0}
	.PD_layout_bn ul { width: 100%; padding: 0; margin: 0;  } 
	.PD_layout_bn .PD_slide { border-radius: 1em; overflow: hidden; }  
  }





@media screen and (min-width: 768px){
.Area_allbg {position: relative;padding: 130px 0 80px;}	
.Area_allbg_top {z-index: -40;position:absolute;top: -70px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area_allbg_repeat {z-index: -45;position:absolute;top: 210px;width:100%;height: 98.5%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}		
.Area_allbg_end {z-index: -40;position:absolute;bottom: -120px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}			
}

@media screen and (max-width: 767px){
.Area_allbg {position: relative;padding: 15vw 0 10vw;}
.m_Area_allbg_top {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%;}
.m_Area_allbg_repeat {z-index:-50;position:absolute;top: 20vw;left:0;width:100%;height: 99.6%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area_allbg_end {z-index:-50;position:absolute;bottom: -3vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
}



/*區塊10*/	
@media screen and (min-width: 768px){
.Area10 {height: auto;z-index: 30;}
.Area10 .PD_box.PD_layout ul {grid-gap: 10px;padding: 2% 9%;}	
.Area10 .PD_box.PD_layout .PD_slide {border-radius: 50em;background-color: #fff;padding: 5%;}
.Area10 .PD_box.PD_layout .PD_img {border:#8e8e8e 1px solid;border-radius: 50em;padding: 6%;}
}
@media screen and (max-width: 767px){
.Area10 {z-index: 30;padding-bottom: 5vw;}	
.Area10 .PD_box.PD_layout ul {padding: 1% 8% 0;}	
.Area10 .PD_box.PD_layout .PD_slide {border-radius: 50em;background-color: #fff;padding: 5%;}
.Area10 .PD_box.PD_layout .PD_img {border:#8e8e8e 1px solid;border-radius: 50em;padding: 6%;}
}






/*區塊_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;}
.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;}


	}




/*版頭*/
.Area_top {}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}


/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

/*隱鑶*/
.for_pc {}
.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){
	.Area00 .bn3 ul{grid-gap: 20px;padding: 7px 120px 0!important;}			
}
@media screen and (max-width: 767px){
	.Area00 .bn3 ul{padding: 0 3%;grid-gap: 2vw 1vw!important;}
}

/*輪播BN*/
.Area_banner2 .Area_swiper_box .PD_layout ul li {background-color: #00000000;}  
@media screen and (min-width:768px){
.Area_banner2 {width:1220px;height: 360px;position:relative;margin: 0px auto 0px auto;box-sizing:border-box;padding: 0px 0 0 0;}
.Area_banner2 .Area_swiper_box ul{display: flex;padding: 0;grid-gap: 0;height: 340px;}
.Area_banner2 .PD_layout ul li.swiper-slide-active img {width: 100%;}  
.Area_banner2 .Area_swiper_box  ul li{}
.Area_banner2 .PD_layout {overflow: hidden;width:100%; }
.Area_banner2 .Area_swiper_box .PD_slide {min-width: inherit;}
.Area_banner2 .Area_swiper_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0!important;}
}
@media screen and (max-width:767px){
.Area_banner2{width:100%;/* height: 60vw; *//* padding: 0vw 0 4vw 0; *//* margin: 0 0 5vw 0; */box-sizing:border-box;}
.Area_banner2 .PD_layout {overflow: hidden;width: 100%;margin: 0vw auto;}
.Area_banner2 .Area_swiper_box ul {display: flex;grid-gap: 0;padding:0;height: 28vw;} 
.Area_banner2 .Area_swiper_box ul li img{width: 99%;height: 100%;}  
}


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffffff;}