@charset "utf-8";

/*移除公版設定*/
.Area .remove_box_style ul {background-color: transparent;grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul {width: 100%; }
  .Area .remove_box_style ul { padding: 0; }
}

/*輪播公版移除公版樣式設定*/
/*PD_layout 區塊加上swiper_remove_box_style標籤
css貼上以下語法*/

/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color:transparent;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}

/*點黑區關閉*/
.blackBox .Boxclose { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent;}


/*區塊背景*/
/* .bg00 { position:absolute;z-index: -8;top:0px;left: 50%;transform: translateX(-50%); width: 2000px; height: 1220px; background: url(pc_01.jpg?t=1790941809621) center top / 100% no-repeat;pointer-events: none;} */
/* .bg02 { position:absolute;z-index: -10;top:0px; width:100%; height: 100%; background: linear-gradient( 90deg, #cc2b1e , #9e0703) center top / 100% repeat-y; pointer-events: none;} */
.bg01 { position:absolute;z-index: -8;top:0px;left: 50%;transform: translateX(-50%); width: 2000px; height: 1960px; background: url(Area_topbg.jpg?t=1790941809621) center top / 100% no-repeat;pointer-events: none;}
@media screen and (max-width:767px) {
  /* .bg00 { z-index: -7; position: absolute; top: 10vw; left: 0; width: 100%;height:190vw; aspect-ratio: 960/1224; background: url(mb_01.jpg?t=1790941809621) center top / 100% no-repeat; } */
  /* .bg02 { top: 10vw; left: 0; } */
  .bg01 { top: 9vw; width: 202%; aspect-ratio:2000/1960; }
}


/*區標/背景共用設定*/
.PD_layout-CSSBG_01 .PD p { line-height: 1; top: 0; height: 4em; }
.PD_into h3, .PD_into h4, .PD_into p { font-family: "Arial","Century Gothic","Noto Sans CJK TC";}
h2:where(.Area_title2) h3 { top: 0px!important; }
h2:where(.Area_title) h3 { font-family: "Arial","Century Gothic","Noto Sans CJK TC"; top: 35px; }
h2:where(.Area_title) h4 { display: flex; flex-direction: column; position: absolute; top: 15%; left: 16%; align-items: center; justify-content: center; box-sizing: border-box;  font-family: "Arial" ,"Noto Sans CJK TC"; font-size: 1.5em;  }
h2:where(.Area_title) h4 span { z-index: 2; max-height: 1.2em; overflow: visible; transform: skewY(-8deg); }
h2:where(.Area_title) h4::after { content:"";z-index: 0;position: absolute;top: -34px;left: -39px;width: 215%;background: url(star.png?t=1790941809621)center top / 100% no-repeat;aspect-ratio: 167/165; 
  /*animation: rotateBreath 8s ease-in-out infinite;*/++ transform-origin: center center;
}
@keyframes rotateBreath {
  0%   { transform: rotate(0deg)   scale(1); }
  50%  { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(1); }
}
@media screen and (max-width:767px){
  h2:where(.Area_title2) h3 { top: 3.5vw; }
  h2:where(.Area_title) h3 { font-size: 1.1em; top: 3.5vw; }
  h2:where(.Area_title) h4 { font-size: 1em; top: 1vw; left: 14vw; }
  h2:where(.Area_title) h4 span { width: 100%; transform: skewY(-6deg); }
  h2:where(.Area_title) h4::after {top: -4vw;left: -4.5vw; width: 200%; } 
}

/* 警語 */
@media screen and (max-width:767px){
  .edm_notice { padding: 5vw 1vw;}
  }
  

/*提醒我按鈕*/
.btn_remind { top: 155vw;right: 0vw;width: 5vw; }

/*-----版頭-----*/
.Area_top {position: relative;height: 1470px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
.Area_top img {width: 100%; height: auto; }
/*時間*/
.Area_top .time { z-index: 30; position: absolute;top: 380px;left: 220px; width: 16.5%; }
/*超品logo*/
.Area_top .momologo {z-index: 99;position: absolute;top: 1.5%;left: 12%; display: block; }
.Area_top .momologo a{ display: block; width: 190px; height: 80px; background: url(brand_logo.png?t=1790941809621) no-repeat; background-size: 100%;}
/*品牌logo*/
.Area_top .top_logo {z-index: 5;position:absolute;top: 65px;left: 31%; transform: translateY(-50%); width: 455px; }
/*大標*/ 
.Area_top .title01 { z-index: 5;position:relative; margin: 0 auto; width: 960px; }
.Area_top .title01 .tt01 { position: absolute;top: 177px;left: 55px;width: 41%; }
.Area_top .title01 .tt02 { position: absolute;top: 180px;left: 440px;width: 46%; }
/*副標輪播*/
.Area_top .title02 {z-index: 32;position:absolute;top: 385px;left: 305px; width: 760px; height: 200px; }
.Area_top .title02 .PD_layout ul { display: flex; width: 100%;height: 200px; padding: 0; align-items: center; text-align: center; } 
.Area_top .title02 .PD_layout ul li { pointer-events: none; } 
/*檯子*/
.Area_top .podium {z-index: 5;position:absolute;top: 1190px;left: 135px; width: 955px; }
@media screen and (max-width:767px){
    .Area_top {width:100%;position: relative;height: 154vw;padding:0;}
    /*超品logo*/
    .Area_top .momologo { top: 1.5vw; left: 2vw; }
    .Area_top .momologo a { aspect-ratio: 190/80; width: 21vw; height: auto; }
    /*品牌logo*/
    .Area_top .top_logo { top: 6.5vw;left: 26%;width: 47%; }
    /*時間*/
    .Area_top .time { top: 39vw; left: 8.5vw; width: 22vw;z-index: 5; }  
    /*大標*/ 
    .Area_top .title01 { position:absolute;top: 0vw;left: 0vw; width: 108%; height: auto;z-index: 12;}
    .Area_top .title01 ul{grid-gap:0;}
    .Area_top .title01 .tt01 {z-index: 4;top: 18.5vw;left: 6vw;width: 40vw;}
    .Area_top .title01 .tt02 {z-index: 4;top: 18vw;left: 45.4vw;width: 47vw;}
     /*副標輪播*/
    .Area_top .title02 {width: 80vw;height: 21vw;top: 39.5vw;left: 17vw;}
    .Area_top .title02 .PD_layout ul { height: 21vw; } 
    .Area_top .title02 .PD_layout .PD_into {padding: 0;align-items: center;width: 100%;}
    .Area_top .title02 .PD_layout .PD h3 {font-size: 1.5em;letter-spacing: -0.04em;} 
    /*檯子*/
    .Area_top .podium {z-index: 3;top: 124vw;left: 0vw;width: 100vw;}
  }


/*---版頭品---*/
.top_pd { z-index: 10; position:relative; width: 1220px; height: auto; }
.top_pd .tpd01 { position: absolute;top: 545px;left: 127px; width: 970px; }  
.top_pd .tpd01 ul { grid-gap:0; }  
@media screen and (max-width:767px){
.top_pd { width: 100%; }
.top_pd .tpd01 { top: 57vw;left: -0.5vw;width: 100vw;}  
}


/*活動倒數*/
/* .Area_time { position: relative; width: 2000px; height: 20px; } */
.TimerNick { aspect-ratio: 650 / 30; position: absolute;top: 1345px;left: 50%; transform: translateX(-50%); display: flex;align-items: center; justify-content: center;z-index:8;text-align: center;letter-spacing: 0.2em;font-family: "Arial" ,"Noto Sans CJK TC";}
.TimerNick .FontStyle {margin: 0;padding: 0;font-size: 2.3em;color: #9ec3ea;font-weight: bold;letter-spacing: 0.02em;text-align: center;}
.TimerNick span {font-size: 1.7em;letter-spacing: 0.1em;color: #9ec3ea;}
.TimerNick b { font-weight: normal; line-height: 1; }
@media screen and (max-width:767px){
  .TimerNick  { top:150vw; width: 60%; letter-spacing: -0.05em; text-align: center; justify-content: center; gap: 0.2vw; line-height: 1; }
  .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font-size: 1.3em; line-height: 1; }
  .TimerNick span { padding-left: 0;font-size: 0.95em;letter-spacing: -0.015em; margin: 0; font-weight: 600; }
}      
 
.Areatop_pd { margin: 0 auto 120px; }
.Areatop_pd::before { content: "";z-index: -8;position: absolute;top: -25px;left: 50%;width: 2000px;height: calc(100% - -43px);transform: translateX(-50%); border: 5px solid #fff; background: #1ec7ff no-repeat center top;}
.Areatop_pd::after { content:"";z-index: -8;position: absolute; bottom: -130px; left: 50%; transform: translateX(-50%); width: 100%;aspect-ratio: 833/120;background: url(top_bg.png?t=1790941809621) center top / 100% no-repeat; }
@media screen and (max-width:767px){
  .Areatop_pd { margin: 0 auto 10vw; }
  .Areatop_pd::before {  top: -4vw; width: 100%;height: calc(100% - -6vw); border: 3px solid #fff; }
  .Areatop_pd::after { bottom: -14vw; }
}

/* 公式 */
.Area_formula { aspect-ratio: 2000/600; width: 80%; }
.Area_formula .Area_title h3 { top: 5%; }
.Area_formula .Area_content { width: 100%; margin: 0 auto; }
.Area_formula .Area--bg { top: 9%; }
@media screen and (max-width:767px){
  .Area_formula { width: 100%; }
  .Area_formula .Area_content .PD_layout ul { padding: 0; grid-gap:0; }
  }

/* 主打品 */
.main_PD { margin: -20px auto 100px; } 
.main_PD::before {content: "";z-index: -7;position: absolute;top: 70px;left: 50%;width: 2000px;height: calc(100% - 20px);transform: translateX(-50%);background: url(bgb_top.png?t=1790941809621) top center / contain no-repeat, url(bgb_bottom.png?t=1790941809621) bottom center / contain no-repeat;}
.main_PD::after {content:"";z-index: -8;position: absolute;top: 740px;left: 50%;transform: translateX(-50%);width: 2000px;height: calc(100% - 1360px);background: url(bgb_center.png?t=1790941809621) center top;aspect-ratio: 2000/220;background-size: 100%;}
.main_PD .Area_title { margin-bottom: 50px; } 
.main_PD .PD_layout-CSSBG_01 .PD_slide { width: 100%;aspect-ratio: 480/660; }  
.main_PD .PD_layout-CSSBG_01 li::after { width: 100%;aspect-ratio: 480/660; padding-bottom: 145%; } 
.main_PD .PD_layout-CSSBG_01 .PD_img { order: 1; padding: 0; width: 90%; margin: 0 auto; } 
.main_PD .PD_layout-CSSBG_01 .PD_into { padding: 12px 0 0 0; grid-gap: 10px; }
.main_PD .PD_layout-CSSBG_01 .PD_into h3 { color: #fff; font-size: 34px; font-weight: 600; } 
.main_PD .PD_layout-CSSBG_01 .PD_into h4 b { display: none; } 
.main_PD .PD_layout-CSSBG_01 .PD_into h4 { color: #fff; font-size: 35px; margin: 0 auto; } 
.main_PD .PD_layout-CSSBG_01 .PD_into .oPrice { color: #fff; font-size: 22px; } 
.main_PD .PD_layout-CSSBG_01 .PD_into .money { color: #fff9bc; font-size: 24px; } 
.main_PD .PD_layout-CSSBG_01 .PD_into .Price { color: #fff9bc; font-size: 54px; } 
@media screen and (max-width:767px){
  .main_PD { margin: 0 auto 10vw; } 
  .main_PD::before {top: 7.5vw;width: 180%;height: calc(100% - 4vw);}
  .main_PD::after {top: 67vw;width: 180%;height: calc(100% - 123vw);}
  .main_PD .Area_title { margin-bottom: 9vw; } 
  .main_PD .PD_layout-CSSBG_01 .PD_slide { width: 100%; height: 70vw; }  
  .main_PD .PD_layout-CSSBG_01 li::after {z-index: -5;position: absolute;top: -1vw;padding-bottom: 75vw;}
  .main_PD .PD_layout-CSSBG_01 .PD_img { width: 88%; padding: 0; margin: -8vw auto 0; } 
  .main_PD .PD_layout-CSSBG_01 .PD_into { grid-gap:0.2vw; padding: 0; }
  .main_PD .PD_layout-CSSBG_01 .PD_into h3 { font-size: 4vw; } 
  .main_PD .PD_layout-CSSBG_01 .PD_into h4 { font-size: 4vw; } 
  .main_PD .PD_layout-CSSBG_01 .PD_into .oPrice { font-size: 4vw; } 
  .main_PD .PD_layout-CSSBG_01 .PD_into .money { font-size: 4vw; } 
  .main_PD .PD_layout-CSSBG_01 .PD_into .Price { font-size: 5vw; }   
}


/* 好康攻略 */
.Area_pd-D3_04::before {content: "";z-index: -8;position: absolute;top: -350px;left: 50%;width: 2000px;height: 740px;transform: translateX(-50%);background: url(Strategy_bg.png?t=1790941809622) center top / 100% no-repeat; }
.Area_strategy { margin: 0 auto 250px; }
.Area_strategy::before {content: "";z-index: -8;position: absolute;top: -95px;left: 50%;width: 990px;height: calc(100% - -285px);transform: translateX(-50%);background: url(bga_top.png?t=1790941809622) top center / contain no-repeat, url(bga_bottom.png?t=1790941809622) bottom center / contain no-repeat;}
.Area_strategy::after {content:"";z-index: -8;position: absolute;top: 15px;left: 50%;transform: translateX(-50%);width: 990px;height: calc(100% - 300px);background: url(bga_center.png?t=1790941809622) center top;aspect-ratio: 960/300;background-size: 100%;}
.Area_strategy .Area_danji { width: 93%; margin: 0 auto; }
.Area_strategy .Area_danji .danji_box ul li .activityText .gifts span { color: #032276; }
.Area_strategy .warningTxt h3 { font-size: 1.5em; padding: 0; }
@media screen and (max-width:767px){
  .Area_pd-D3_04::before { width: 130%; aspect-ratio: 2000/740; top: -27vw; }
  .Area_strategy { margin: 0vw auto 20vw; }
  .Area_strategy::before {top: -8vw;width: 100%;height: calc(100% - -21.5vw);}
  .Area_strategy::after {top: 3vw;width: 100%;height: calc(100% - 35vw);}
  .Area_strategy .warningTxt h3 { font-size: 0.98em; }
  }


/*折價券區*/
.Area_coupon { margin: 0 auto 80px; }
.Area_coupon::after { content:"";z-index: -8;position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2000px; height: 1480px;background: url(coupon_bg.png?t=1790941809622) center top / 100% no-repeat; }
.Area_coupon .Area_title { margin-bottom: 30px; }
.Area_coupon .date_bar { pointer-events: none; }
.Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon { color: #bc1313; }
.Area_coupon .PD_layout.PD_layout-coupon3 .PD .threshold { color: #000; }
.Area_coupon .PD_layout.PD_layout-coupon3 .PD h3 { font-weight: 700; }
.Area_coupon .warningTxt h3 { color: #fff; font-size: 1.5em; }
@media screen and (max-width:767px){
  .Area_coupon { margin: 16vw auto 8vw; }
  .Area_coupon::after { top: -3vw;width: 125%; aspect-ratio: 2000/1480; }
  .Area_coupon .Area_title { margin-bottom: 3vw; }
  .Area_coupon .date_bar { margin: 3vw auto 1vw; }
  .Area_coupon .date_bar ul { grid-gap: 0; }
  .Area_coupon .warningTxt h3 { font-size: 1.2em; }
  .Area_coupon3_002 .Area_content { margin: 3vw auto 0vw; padding: 0; }
}

.Area_video { margin: 0 auto 140px; }
.Area_video .Area_title { margin-bottom: 50px; }
.Area_video::after { content:"";z-index: -8;position: absolute; top: 28%; left: 50%; transform: translateX(-50%); width: 2000px; height: 810px;background: url(video_bg.png?t=1790941809622) center top / 100% no-repeat; }
.Area_video .youtubeArea iframe { border-radius: 1em; border: 2px solid #f95f4a; }
.Area_video .video_pd { z-index: 1; position: absolute;top: 400px; left:800px;width: 23%; }
.Area_video .video_pd img { width: 100%; height: auto; }
@media screen and (max-width:767px){
  .Area_video { margin: 1vw auto 23vw; }
  .Area_video.ts_ing { margin: 16vw auto 23vw; }
  .Area_video .Area_title { margin-bottom: 7vw; }
  .Area_video::after { top: 41vw;width: 165%; aspect-ratio: 2000/810; }  
  .Area_video .Area_content { width:96%; margin: 0 auto; }
  .Area_video .youtubeArea iframe { border-radius: 1em; border: 2px solid #f95f4a; }
  .Area_video .video_pd { top: 48vw; left:78vw;width: 21%; }
  }

/* 副打品 */
.sub_PD {  } 
.sub_PD .Area_title { margin-bottom: 40px; } 
.sub_PD .PD_layout-CSSBG_01 .PD_slide { height: 710px; }  
.sub_PD .PD_layout-CSSBG_01 .PD_img { width: 85%; margin: 0 auto; padding: 40px 0 50px; } 
.sub_PD .PD_layout-CSSBG_01 .PD_into { grid-gap: 10px; }
.sub_PD .PD_layout-CSSBG_01 .PD_into h3 { color: #3a1515; font-size: 34px; font-weight: 600; } 
.sub_PD .PD_layout-CSSBG_01 .PD_into h4 b { display: none; } 
.sub_PD .PD_layout-CSSBG_01 .PD_into h4 { color: #fff; font-size: 35px; margin: 0 auto; } 
.sub_PD .PD_layout-CSSBG_01 .PD_into .oPrice { color: #fff; font-size: 22px; } 
.sub_PD .PD_layout-CSSBG_01 .PD_into .money { color: #f8d89a; font-size: 24px; } 
.sub_PD .PD_layout-CSSBG_01 .PD_into .Price { color: #f8d89a; font-size: 54px; } 
@media screen and (max-width:767px){
  .sub_PD { margin: 0 auto; } 
  .sub_PD .Area_title { margin-bottom: 0vw; } 
  .sub_PD .PD_layout-CSSBG_01 .PD_slide { width: 100%; height: 71vw; }  
  .sub_PD .PD_layout-CSSBG_01 .PD_img { padding: 3.5vw 0; margin: 0 auto 5vw; } 
  .sub_PD .PD_layout-CSSBG_01 .PD_into { grid-gap:1.2vw; }
  .sub_PD .PD_layout-CSSBG_01 .PD_into h3 { font-size: 4vw; } 
  .sub_PD .PD_layout-CSSBG_01 .PD_into h4 { font-size: 4vw; } 
  .sub_PD .PD_layout-CSSBG_01 .PD_into .oPrice { font-size: 4vw; } 
  .sub_PD .PD_layout-CSSBG_01 .PD_into .money { font-size: 4vw; } 
  .sub_PD .PD_layout-CSSBG_01 .PD_into .Price { font-size: 5vw; }   
}


/* 下方公版 */
.Area_floor { margin: 0 auto; }
.Area_floor .box_1 { margin: 0 auto; }
.Area_floor .NavArea .Nav .cate-hover a { color: #fff;}
.Area_floor .NavArea_tabbar_page { width: 1100px; }
.Area_floor .NavArea .Nav a { padding: 0 25px; }
.Area_floor .NavArea[data-light="box"] .Nav .cate-hover i { border: 1px solid #d21e17 !important; background-color: #d21e17 !important; }
.Area_floor .box_1 .box .Area_title { margin: 50px auto 30px; }
@media screen and (max-width:767px){
  .Area_floor{ margin: 10vw auto 0vw; }
  .Area_floor .NavArea_tabbar_page { width: 100%; }
  .Area_floor .NavArea .Nav a { padding: 0 2.5vw; }
  .Area_floor .box_1 { margin: 0 auto 10vw; }
  .Area_floor .box_1 .PD_layout.pd, .Area_floor .box_2 .PD_layout.pd { width: 97%; }
  .Area_floor .box_1 .box .Area_title { margin: 5vw auto 3vw; }
  .Area_floor .NavArea_tabbar_floor { margin: 0 auto 0; }
  .Area_floor .Nav_box { width: 95%; margin: 0 auto;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
  }


/* 品類區 */
.Area_category { margin: 100px auto 0; }
.Area_category .Area_content .PD_layout ul { grid-gap: 20px; }
@media screen and (max-width:767px){
  .Area_category { margin: 10vw auto 0; }
  .Area_category .Area_content .PD_layout ul { grid-gap: 2vw; }
}


/* 品牌館 */
.Area_brand { margin: 0 auto;  }
.Area_brand .Area_content .PD_layout ul { grid-gap: 0; }
@media screen and (max-width:767px){
  .Area_brand {  }
  .Area_brand .Area_content { width: 200%; margin: 0 0 0 -50vw; }
}