@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background-color: #00b2ed;  background-size: 100%;}
}

/* logo調整 */
@media screen and (min-width:767px){
.momologo {top: 45px;}
}
/*背景*/
@media screen and (min-width:767px){
.pc_top {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%; background: url(pc_top.png?t=1785481351945) no-repeat center;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco01 {position:absolute;top: -21px;z-index: -1;pointer-events: none;}
/* .Area_hero .top_deco02 {position:absolute;top: 349px;left: 750px;z-index: 1;pointer-events: none;} */
}
@media screen and (max-width:767px){
  .Area_topbg { position: absolute;min-width: inherit;  background: url(mb_top.png?t=1785481351945) no-repeat center; background-size: 100%;z-index:-1;}
  .top_deco01 {position: absolute;top: -1vw;left: -4vw;width: 109%;}
  .top_deco02 {position: absolute;top: 37vw;left: 70.5vw;width: 24%;}
}

/*間距*/
.Area_bottom {margin-bottom: 20px;}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 5vw;}
}

/*版頭*/
@media screen and (min-width:767px){
.Area_hero {position: relative;height: 570px;}
.Area_hero--title {top: 40px;left:80px;width:85%;}
.Area_hero--PD {top: 380px;left:53px;width:90%;}
.Area_hero--logo {top: 347px;left: 290px;width: 45%;}
.Area_hero .top_deco01 {position:absolute;top: 35px;left: 185px;z-index: 9;pointer-events: none;}
.Area_hero .top_deco01 img {width:90%;}
.Area_hero .top_deco02 {position:absolute;top: 40px;left: 640px;z-index: 9;pointer-events: none;}
.Area_hero .top_deco02 img {width: 84%;}
.Area_hero .top_deco03 {position:absolute;top: 308px;left: 740px;z-index: 1;pointer-events: none;}
.Area_hero .kiwi {position:absolute;top: 540px;left: 680px;z-index: 1;pointer-events: none;} 
.Area_hero-visual_002[org="1"] .Area_hero-visual_002--bg {background-image:none;}
.Area_pd-carousel2[org="1"] .topPD {height:520px;background: url(topPD_bg-pc.png?t=1785481351945) no-repeat left top / 100%; background-color: transparent;overflow: hidden;}
}
@media screen and (max-width:767px){
  .Area_hero {position: relative;height: 60vw;}
  .Area_hero--title {top: 5vw;left:5vw;width:93%;}
  .Area_hero--PD {left:1vw;top: 38vw;}
  .Area_hero--logo {top: 40vw;left: 29vw;width: 50%;}
  .Area_hero .top_deco01 {position: absolute;top: 4vw;left: 18vw;width:23%;z-index:99;}
  .Area_hero .top_deco02 {position: absolute;top: 7vw;left: 71.5vw;width: 9%;z-index:99;}
  .Area_hero .top_deco03 {position: absolute;top: 30vw;left: 75.5vw;width: 3.5%;}
  .Area_hero .kiwi {position: absolute;top: 56vw;left: 65vw;width: 17%;}
}

/* 日期 */
@media screen and (min-width:767px){
.TIMER_DAY {position:absolute;top:378px;left: 150px;width: 174px;z-index: 180;display:block;font-size: 42px;font-family:"Century Gothic", sans-serif;font-weight: 900;font-style: normal;color: #331b1f;letter-spacing: -1px;text-align:center;transform: rotate(5deg);}
.TIMER_DAY small {font-size: 25px;}
.TIMER_DAY #sendMonth {width: 28px;text-align: center;display: inline-block;margin-right: 2px;}
.TIMER_DAY #sendToday {width: 68px;text-align: left;display: inline-block;margin-left: 1px;}
}
@media screen and (max-width:767px){
/*日期*/	
.TIMER_DAY {position:absolute;top: 43vw;left: 15vw;width: 18%;z-index:62;display:block;font-size: 18px;color: #331b1f;letter-spacing: -2px;font-family:"Century Gothic", sans-serif;font-weight: 900;font-style: normal;text-align:center;transform: rotate(5deg);}
.TIMER_DAY small {font-size: 11px;margin-right: 2vw;}
.TIMER_DAY #sendMonth {width: 13px;text-align: center;display: inline-block;margin-right: 0vw;}
.TIMER_DAY #sendToday {width: 35px;text-align: left;display: inline-block;margin-left: -1vw;}
}

/* 左 */
@media screen and (min-width:767px){
.Area_pd-carousel2 {margin-bottom: 50px;}
/* .Area_pd-carousel2[org="1"] .topPD {background-image:none;} */
.Area_pd-carousel2 .topPD .Area_swiper {width: 85%;
  left: 30px;
  top: 65px;}
}
@media screen and (max-width:767px){
.Area_pd-carousel2 {background-color: transparent !important;}
.Area_pd-carousel2 .topPD .Area_swiper {width: 92%;
left: 9vw;top: 9vw;padding-bottom: 14vw;}
}

/* 攻略 */
@media screen and (min-width:767px){
.Area_group-1 {margin-bottom:200px;}
.Area_group-1_pcbg {}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000;}
}
@media screen and (max-width:767px){
.Area_group-1 {background-color:#e02127;padding-bottom: 2vw;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color:#fff;}
}

/* 倒數區塊 */
@media screen and (min-width:767px){
.Area_time .Area_title {margin-bottom: 10px;left: -170px;}
}
@media screen and (max-width:767px){
.Area_time {padding:0 0 5vw 0;background-color: #e02128;}
.Area_time .Area_title {margin-bottom: 1vw;left: -21vw;}
.Area_content {}
}  

/* 三個標 */
@media screen and (min-width:767px){
.Area_three {}
}
@media screen and (max-width:767px){
.Area_three {padding-bottom: 5vw;}
}

/* 一帶二 */
.Area_brand-dual-price .PD_layout.PD_layout-D3_02 ul li .PD h3
{color: #000;}
.PD_layout.PD_layout-D3_02 .PD_logo {border: 2px solid #0050a4;}

/*mo+輪播*/
.box_mo{ padding: 25px 0 0; }
.box_mo .Area_swiper_box{ padding-bottom: 0; }
.box_mo ul{ padding: 0!important; }
.box_mo .PD_layout ul li { background: url(moPD_bg.png?t=1785481351945) no-repeat left top / 100%; background-color: transparent; padding: 13px 15px 0 14px;}
.box_mo ul li .PD_into{ margin: 25px 0 -1px; }
.box_mo ul li .PD_into h3 {  margin: 6px 0 0; }
.box_mo .PD_layout ul li .PD_into h3 span{ background-color: transparent; max-width: 100%; line-height: 2.5em;}
.box_mo .PD_layout .PD_img{ padding: 5px 15px 10px; }
.box_mo li img{ box-shadow: none!important; border: none!important; background-color: transparent!important;} 
@media screen and (max-width:767px){
  .box_mo{ padding:0 3vw;}
  .box_mo .PD_layout ul li { padding: 1vw .2vw 1vw .2vw;}
  .box_mo ul li .PD_into{ margin:4vw 0 0 0;}
  .box_mo ul li .PD_into h3 {  margin: 2.5vw 0 0; }
 .Area_brand-grid-3x3[org="1"] .PD_layout-D1_01 .js-PD_txt2 {color: #f4207b;}
  .box_mo .PD_logo { width: 75%!important; margin-bottom: -5vw!important; }  
  .box_mo .PD_logo img{ width: 100%!important; height: auto!important;}  
  .box_mo .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 2px!important; }
}
/* 輪播 */
.Area_brand-grid-3x3[org="1"] .PD_layout-D1_01 .PD_slide {background-color: transparent;}

/*主打品*/
.Area_item .prdImgWrap .imgTag,
.Area_item .prdImgWrap .imgTagRectangle,
.Area_item .prdImgWrap .imgTagBottom { display: none!important;}
.Area_item .PD_layout .PD_logo {display: block!important;}
.Area_item .layout_PD ul li:nth-child(odd) .PD p {color: #c34a3e;}
.Area_item .layout_PD ul li:nth-child(even) .PD p {color: #c34a3e;}
.Area_item .layout_PD ul li .PD h3 {color: #1a415f;}	
.Area_item .layout_PD ul li .PD h4 {color: #1a415f;}
.Area_item .layout_PD ul li .js-PD_del {color: #c34a3e;}
.Area_item .layout_PD .PD_logo {display: none !important;}
@media screen and (min-width:768px){
.Area_item {padding-top: 0px!important;margin-bottom:40px!important; 
margin-top: 190px;
}
/* .Area_item .box {background:url(pc_item_bg_mid.png?t=1785481351945)top center repeat-y;background-size: 100%;padding:0 0 70px 0;} */
	/**公版**/	
.Area_item .layout_PD {width:960px;margin:0 auto!important;padding:0!important;}
.Area_item .layout_PD ul {margin:0;padding:0}
.Area_item .layout_PD ul li:nth-child(odd) {background:url(mo_item_bg01.png?t=1785481351945)top center no-repeat;background-size: 100%;padding-bottom: 460px;}
.Area_item .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1785481351945)top center no-repeat;background-size: 100%;padding-bottom:250px;}
.Area_item .layout_PD ul li a {color: #FFFFFF;}
.Area_item .layout_PD ul li:hover {box-shadow: none;}
.Area_item .layout_PD ul li:nth-child(even) .PD_img {width:48%;margin:0 0 0 50px;padding:0 0 0 0px;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(odd) .PD_img {width:48%;margin:0 auto;position:absolute;top:70px;left:455px;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(even) .PD_into {width:49%;margin:0 0 0 0;text-align:center!important;position: absolute;top: 80px;right:20px;}	
.Area_item .layout_PD ul li:nth-child(odd) .PD_into {width:48%;margin:85px 0 0 30px;text-align:center!important}
.Area_item .layout_PD ul li:nth-child(even) .PD_logo {width:18%;position: absolute;top: 50px;left: 345px;}
.Area_item .layout_PD ul li:nth-child(odd) .PD_logo {width:18%;position: absolute;top: 62px;left: 405px;}
.Area_item .layout_PD ul li .PD h3 {font-size: 34px;}		
.Area_item .layout_PD ul li .PD h4 {font-size: 32px;}		
.Area_item .layout_PD ul li .PD p {overflow:inherit;margin-top: 20px;}
.Area_item .layout_PD ul li .js-PD_del {font-size: 27px;}
.Area_item .layout_PD ul li .PD p .Price {font-size: 67px;}	
}
@media screen and (max-width:767px){
.Area_item {padding-top: 0vw!important;padding-bottom:0vw!important;margin-bottom: 10vw !important;}
.Area_item .Area960 {padding-top:10vw!important;}	
/**公版**/
.Area_item .layout_PD {width:100%;margin:0 auto;padding-bottom:0vw}
.Area_item .layout_PD ul {margin:0;padding:0}
.Area_item .layout_PD ul li:nth-child(odd) {background:url(mo_item_bg01.png?t=1785481351945)top center no-repeat;background-size:98%;padding-bottom: 35vw;}
.Area_item .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1785481351945)top center no-repeat;background-size:98%;padding-bottom: 11vw;}
.Area_item .layout_PD ul li a {color: #fff;}
.Area_item .layout_PD ul li:hover {box-shadow: none; }
.Area_item .layout_PD ul li:nth-child(even) .PD_img {width:48%;margin:9vw 0 0 2vw;padding: 0 !important;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(odd) .PD_img {width:48%;margin:0 auto;left: 50vw;top:7vw;position: absolute;padding: 0 !important;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(even) .PD_into {width:50%;margin:0 0 0 0;position: absolute;top: 7vw;right:2vw;}	
.Area_item .layout_PD ul li:nth-child(odd) .PD_into {width:50%;margin:8vw 0px 0px 2vw;}	
.Area_item .layout_PD ul li:nth-child(even) .PD_logo {width:18%;position: absolute;top: 6.5vw;left: 35.5vw;}
.Area_item .layout_PD ul li:nth-child(odd) .PD_logo {width:18%;position: absolute;top: 8vw;left: 43vw;}
}

/** 倒數 **/
.TimerNick { position: relative;top: 0px;left:320px;padding: 0; margin:0 0 30px; width: 100%; text-align: left; z-index:1;}
.TimerNick .FontStyle { display: inline-block; margin: 0; padding: 0; width: 45px; font: normal 30px/30px Arial; color: #0150a3; letter-spacing: -1px; text-align: center;}
.TimerNick span { padding-left: 2px; font: bold 30px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color: #0150a3;}
.TimerNick small{  position: relative; font: bold 15px/24px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0; color: #311840;}
@media screen and (max-width:767px){
.TimerNick { position: relative;top:0vw;left: 0vw;margin: 0 auto;text-align: center;z-index:10;/*background-color:#f79ab9;*/padding:3vw 0 3vw 0;}
.TimerNick .FontStyle {color: #000;}
.TimerNick span {color: #000;}
.TimerNick .FontStyle { width: 7.5vw; font: normal 5vw/4vw Arial;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3),
.TimerNick div:nth-of-type(4){ width: 7.5vw;}
.TimerNick span { font: bold 3.2vw/2vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0;}
}

/* 公版 */
@media screen and (min-width:767px){
  .Area_pdbox .Area_pd-grid-4x2 {height:1020px;padding: 2%;}
  .Area_pdbox .Area_pd-grid-4x2 .Area_pd-grid-4x2--bg {background-image: url(pc_pdbg.png?t=1785481351945);}
  }
@media screen and (max-width:767px){
 .Area_pdbox .Area_pd-grid-4x2 {height:132vw;}
 }


/*折價劵(線上入搞)*/
@media screen and (min-width:768px){
  .Area_coupon {margin-bottom: 0;z-index: 21;}
  .Area_coupon .box ul {width: 920px;margin:0 auto;padding: 0;border-radius: 0;}
  .Area_coupon.Area .remove_box_style ul{grid-gap:0;}
  }
  .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color:#fff;}
  @media screen and (max-width:767px){
  .Area_coupon {padding-bottom: 2vw;z-index: 20;}
  .Area_coupon .box ul {width: 99%;padding: 0;margin: 0 auto;}
  .Area_coupon .box ul li img{width:100%;}
  }
  
  
  /*3p領券:商電抵用券*/
  .Area_coupon_ppp .Area_swiper{width: 94%!important;}
  .Area_coupon .get_all ul li .PD_img img {width: 100%;}
  .Area_coupon .layout_day ul {width: 100%!important;margin:0 auto!important;padding:0!important;grid-gap:0;height: 420px;}
  .Area_coupon .layout_day ul li {background:url(Area02_daybg.png?t=1785481351945)top center no-repeat;background-size:100%;padding-bottom: 0;}
  .Area_coupon .layout_day ul li a {color: #4c2b14;}
  .Area_coupon .layout_day .PD p {position:absolute;top: 12px;left: 175px;color: #10baff;font-size: 1.1em;}
  .Area_coupon .layout_day .PD p .Price {font-size: 1.6em;}
  .Area_coupon .layout_day .PD p .money {display: none !important;;}
  .Area_coupon .layout_day .PD_img {width: 100%;margin:0 auto;padding-top: 54px;}
  .Area_coupon .layout_day .PD_img img {border-radius:50%;}
  .Area_coupon .layout_day .PD_into {padding-top: 7px;}
  .Area_coupon .layout_day .PD h4 {line-height: 2.4em;}
  .Area_coupon .layout_day .PD_into .js-PD_txt1 {color: #10baff;font-size: 36px;}
  .Area_coupon .layout_day .PD_into .js-PD_txt2 {font-size: 40px;padding-top: 20px;color: #fff;}
  .Area_coupon .Area_swiper {width: 96%;left: 0px;top: 0;}
  
  @media screen and (max-width: 767px){
  .Area_coupon .layout_day ul {width:100%!important;margin:0 auto!important;padding:0!important;grid-gap: 0;height: 56vw;}
  .Area_coupon .layout_day .PD_slide { min-width: inherit; }
  .Area_coupon .layout_day ul li {background:url(Area02_daybg.png?t=1785481351945)top center no-repeat;background-size:100%;height:57vw;}
  .Area_coupon .layout_day ul li a {color: #0152a7;}
  .Area_coupon .layout_day .PD p {position:absolute;top: 0vw;left: 23.5vw;color: #00000;}
  .Area_coupon .layout_day .PD p .Price {font-size: 0.9em;}
  .Area_coupon .layout_day .PD p .money {display: none !important;;}
  .Area_coupon .layout_day .PD_img {padding: 7vw 1vw 0;}
  .Area_coupon .layout_day .PD_img img {border-radius: 50%;}
  .Area_coupon .layout_day .PD_into {padding-top: 0;}
  .Area_coupon .layout_day .PD h4 {line-height: 1.7em;}
  .Area_coupon .layout_day .PD_into .js-PD_txt1 {color: #10baff;font-size: 20px;}
  .Area_coupon .layout_day .PD_into .js-PD_txt2 {font-size: 20px;padding-top: 4px;color: #fff;}
  .Area_coupon .Area_coupon_ppp {padding-bottom: 3vw;}
  .Area_coupon .Area_swiper {width: 95%;left: 0;top: 0;}
  }