@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: #88d1e4;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;}
	}

/*背景*/
@media screen and (min-width:768px){
.bg_00 { z-index:0; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 {z-index:-47;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: -50;position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;}
.bg_03 { z-index:-1;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.bg_deco { z-index:0;position:fixed;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
}
@media screen and (max-width: 767px){
.bg_01{ z-index:-52;position:absolute;bottom:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center bottom; pointer-events:none;background-size:100%;}
.bg_02{z-index:-51;position:absolute;bottom:0;left:0;width:100%;height: 55vw;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;background-size:100%;}
}








/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 895px;}
.deco01 {position:absolute;top: 640px;left: -150px;pointer-events: none;z-index: 2;}
.deco02 {position:absolute;top: 692px;left: 880px;pointer-events:none;z-index: 1;}
.horn {position: absolute;top: 250px;left: 800px;z-index: 0;pointer-events: none;}
.horn02 {position: absolute;top: 250px;left: 150px;transform: scaleX(-1);pointer-events: none;}
}
@media screen and (max-width: 767px){
.Area_title {height: 130vw;}
.m_topbg  {position:relative;width:100%;top:0;left:0;pointer-events:none;}	
.m_top  {position:absolute;width:100%;top:0;pointer-events:none;}	
.deco01 {position:absolute;width: 44%;top: 107vw;left: -24vw;pointer-events: none;z-index: 2;}
.deco02 {position:absolute;width: 27%;top: 114vw;left: 65vw;pointer-events:none;z-index: 1;}
.horn {width: 30vw;top: 26vw;left: 68.5vw;position: absolute;}
.horn02 {width: 30vw;top: 26vw;left: 1.5vw;transform: scaleX(-1);position: absolute;}
	
}




/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 100%;top: 0;}
.Area_title .subtitle .layout_title {position:absolute;width: 70%;top: 57px;left: 180px;}
.Area_title .subtitle .layout_title ul li:hover {box-shadow: none; }

/*副標輪播*/	
.Area_title .subtitle .layout_title02 {width: 44%;position:absolute;top: 355px;left: 346px;overflow:hidden;height: 135px;background:url(title02.png?t=1751272083712)top center no-repeat;background-size:100%;}
.Area_title .subtitle .layout_title02 .PD_layout {} 
.Area_title .subtitle .layout_title02 .PD_layout ul {display:flex;margin:0;padding: 15px 0;grid-gap:0;height:10vw;}
.Area_title .subtitle .layout_title02 .PD_layout ul li {}
.Area_title .subtitle .layout_title02 .PD_layout ul li .PD_img img {width:100%;}
	}
@media screen and (max-width:767px){
.Area_title .subtitle {position:absolute;width: 100%;top: 0;}

/*主標*/	
.Area_title .subtitle .layout_title {position:absolute;width: 90%;left: 5vw;top: 4vw;}
.Area_title .subtitle .layout_title ul {}
	
/*副標輪播*/	
.Area_title .subtitle .layout_title02 {width: 60%;position:absolute;top: 39vw;left: 20vw;overflow:hidden;height: 13vw;z-index:5;background:url(title02.png?t=1751272083712)top center no-repeat;background-size:100%;}
.Area_title .subtitle .layout_title02 .PD_layout {} 
.Area_title .subtitle .layout_title02 .PD_layout ul {display:flex;margin:0;padding: 2vw 0;grid-gap:0;height:10vw;}
.Area_title .subtitle .layout_title02 .PD_layout ul li {}
.Area_title .subtitle .layout_title02 .PD_layout ul li .PD_img img {width:100%;}
	
/*線別*/	
.Area_title .layout_title03 {position:absolute;width: 70%;left: 15vw;top: 33vw;}

	
	
}

/*版頭品*/
@media screen and (min-width:768px){
.Area_title .top_pd {position:absolute;width: 960px;top: 470px;left: 120px;z-index: 2;background-color: #ffffff;border-radius: .8em;border: 4px #ff7800 solid;}
.Area_title .top_pd .layout_PD .PD_into {justify-content:center}	



}
@media screen and (max-width:767px){
.Area_title .top_pd {position:absolute;width:96%;top: 52vw;left: 1%;z-index: 2;background-color: #ffffff;border-radius: .8em;border: 3px #ff7800 solid;}	
.Area_title .top_pd .Area_swiper_box {width:99%;padding-top:2vw;margin-left: 0;}	



}

/*activ*/
@media screen and (min-width:768px){
.Area_activ {height:100%;}
.Area_activ .PD_layout {background:url(tactiv_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding-bottom: 50px;}
.Area_activ .PD_layout ul {width:92%!important;margin: 0 0 0 67px!important;padding-top: 20px!important;}
.Area_activ .PD_layout .PD_img {width:92%;}
  
   
}
@media screen and (max-width:767px){
.Area_activ {height:100%;}
.Area_activ .PD_layout {background:url(tactiv_bg.png?t=1751272083712)top center no-repeat;background-size:100%;}
.Area_activ .PD_layout ul {width:92%!important;margin: 0 0 0 7vw!important;padding-top:2vw!important;}
.Area_activ .PD_layout .PD_img {width:92%;}




}
  





/*登記*/
@media screen and (min-width:768px){
  .Area_danjiall {height:100%;}	
  
  /**區標**/			
  .Area_danjiall .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
  .Area_danjiall .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  
  
  .Area_danjiall .Area_danji {}
  .Area_danjiall .Area_danji .danji_box {}
  .Area_danjiall .Area_danji .danji_box .box_1 {}
  .Area_danjiall .warningTxt {}
  .Area_danjiall .warningTxt h3 {color:#000000;}
}	
@media screen and (max-width:767px){
  .Area_danjiall {height:100%;}	
  
  /**區標**/			
  .Area_danjiall .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
  .Area_danjiall .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  
  .Area_danjiall .Area_danji {padding-bottom:1vw;}
  .Area_danjiall .Area_danji .danji_box {margin:0!important}
  .Area_danjiall .Area_danji .danji_box .box_1 {width: 96%!important;margin:0 auto!important;}
  .Area_danjiall .warningTxt {}
  .Area_danjiall .warningTxt h3 {color: #000000;}
      
}
    
/* 折價券 */
@media screen and (min-width:768px){
  .Area_couponall{margin-bottom: 50px!important;}
  .Area_couponall .coupon01{margin-bottom: 20px!important;}
}

@media screen and (max-width:767px){
.Area_couponall{margin-bottom: 4vw!important;}
}

/*618限定*/
@media screen and (min-width:768px){
  .Area_sale {height:100%;}
  /**區標**/			
  .Area_sale .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
  .Area_sale .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
   
  }
  @media screen and (max-width:767px){
    .Area_sale {height:100%;}
    /**區標**/			
    .Area_sale .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
    .Area_sale .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
    
  }
    

/*活動大賞*/
@media screen and (min-width:768px){
.Area_hot {height:100%;}
/**區標**/			
.Area_hot .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
.Area_hot .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
.Area_hot .layout_tt01 {}
.Area_hot .layout_tt01 ul li .PD h3 {display:block!important;font: 400 30px/40px Arial;color: #ffffff;letter-spacing:0;text-align:center;}


}
@media screen and (max-width:767px){
.Area_hot {height:100%;}
/**區標**/			
.Area_hot .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
.Area_hot .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
.Area_hot .layout_tt01 {}
.Area_hot .layout_tt01 ul li .PD h3 {display:block!important;font: 400 20px/24px Arial;color: #ffffff;letter-spacing:0;text-align:center;}

}



/*輪播bn*/
@media screen and (min-width:768px){
.Area_bn {height:450px;}
/**區標**/			
.Area_bn .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
.Area_bn .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
.Area_bn .layout_BN {}

  
}
@media screen and (max-width:767px){
  .Area_bn {height:100%;}
  /**區標**/			
  .Area_bn .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
  .Area_bn .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  
}
  
/*今日限定*/
@media screen and (min-width:768px){
.Area_limited {height:100%;}
/**區標**/			
.Area_limited .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
.Area_limited .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
 
}
@media screen and (max-width:767px){
  .Area_limited {height:100%;}
  /**區標**/			
  .Area_limited .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
  .Area_limited .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  
}
  




/*下方公版*/
@media screen and (min-width:768px){
.Area_below  {height:100%;}

.Area_below .box {width:100%;margin:0 auto;background-color:#ff9600;border-radius:1em;margin-bottom:50px;}
.Area_below .box:nth-child(even) {background-color: #1580a3;}
 
/**區標**/			
.Area_below .box .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 35px 0;}
.Area_below .box .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #ff4e00;letter-spacing:0;text-align:center;}
.Area_below .box:nth-child(even) .layout_tt ul li .PD h3 {color: #1580a4;}

/*公版*/		
.Area_below .box .layout_PD {width:95%;margin:0 auto;}
.Area_below .box .layout_PD ul {}
    
  }
@media screen and (max-width:767px){
.Area_below  {height:100%;}
.Area_below .box {width:96%;margin:0 auto;background-color:#ff9600;border-radius: 0.5em;margin-bottom:5vw;}
.Area_below .box:nth-child(even) {background-color: #1580a3;}
 
/**區標**/			
.Area_below .box .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
.Area_below .box .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #ff4e00;letter-spacing:0;text-align:center;}
.Area_below .box:nth-child(even) .layout_tt ul li .PD h3 {color: #1580a4;}
 

}

/* 涼夏限定必搶! */
@media screen and (min-width:768px){

  /* 小標題 */
  .Area_hotsale .tit_H{padding-top: 10px;}
  .Area_hotsale .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 40px;font-weight: 800;color: #fff;flex: 1;margin: 0;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
  
  /* 公版 */
  .Area_hotsale .pdx8{width: 95%;padding-bottom: 30px;}
  .Area_hotsale .pd01{margin-bottom: 50px;}
  }
  
  @media screen and (max-width:767px){
  .Area_hotsale{margin-bottom: 6vw;}

  
  /* 小標題 */
  .Area_hotsale .tit_H{padding-top: 1vw;}
  .Area_hotsale .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding: 2vw;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 23px;font-weight: 800;color: #fff;flex: 1;margin: 0;}
  .Area_hotsale .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
  
  /* 公版 */
  .Area_hotsale .pdx8{width: 96%;padding-bottom: 3vw!important;}
  .Area_hotsale .pd01{width: 96%;margin: 0 auto;margin-bottom: 5vw;}
  
  
  }
  

/*大牌狂降趁現在*/
.Area_brand .PD_layout-D1_01 .PD_slide{background-color:#ff9600}
@media screen and (min-width:768px){
  .Area_brand {height:auto;}
  /**區標**/			
  .Area_brand .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 40px 0 50px 0;}
  .Area_brand .layout_tt ul li .PD h3 {display:block!important;font: 600 55px/60px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
  .Area_brand .layout_BN {}
  
    
  }
  @media screen and (max-width:767px){
    .Area_brand {height:auto;}
    /**區標**/			
    .Area_brand .layout_tt {background:url(text_bg.png?t=1751272083712)top center no-repeat;background-size:100%;padding: 3vw 0;}
    .Area_brand .layout_tt ul li .PD h3 {display:block!important;font: 600 23px/35px Arial;color: #1580a4;letter-spacing:0;text-align:center;}
    
  }


/*區標+下方高度共同設定*/
@media screen and (min-width:768px){
  .layout_text ul {margin:0!important;padding:0!important;}
  .layout_PD {width:100%;padding-bottom:50px;}

}

@media screen and (max-width:767px){
  .layout_text ul {margin:0!important;padding:0!important;}
  .layout_PD {width:96%;margin:0 auto;padding-bottom:5vw;}
}
























































/*移除公版設定*/
.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 .remove_box_style ul {
    top: 0;
}
}


/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}


.Area .swipwe_remove_box_style ul li { border: none!important; background-color:transparent;}

.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.2em;}
  .Area .swipwe_remove_box_style ul {}
}
	
/*3品公版間距*/	

.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}
	
	
	













/*置底*/
.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:10;}
.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;
}
/*2顆按鈕*/
.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%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}






/*區塊_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:1300px){
 .for_newphone { display:none !important;} 
}

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