@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background: url(bgrepeat.jpg?t=1792377870152)top center repeat-y;}
}


/*版頭*/
@media screen and (min-width: 768px){
.Area_hero .Area_hero--logo {position:absolute;top: 49px;left: 814px;z-index: 2;width: 9.5%;}
.Area_hero .mainlight {position: absolute;top: 89px;left: 29px;z-index: 2;}
}
.Area_hero .light_01 {position: absolute;width: 314px;top: 546px;left: 46px;pointer-events: none;z-index: 3;mix-blend-mode: color-dodge;animation: fadeInUp_s 5.5s .5s infinite;opacity: 0;}
.Area_hero .light_01 img {width: 91%;}
.Area_hero .light_02 {position: absolute;width: 314px;top: 484px;left: 632px;pointer-events: none;z-index: 3;mix-blend-mode: color-dodge;animation: fadeInUp_s 5.5s 1.5s infinite;opacity: 0;transform: rotate(5deg);}
.Area_hero .light_02 img { width: 91%;}
@media screen and (max-width:767px){
  .Area_hero .Area_hero--logo {position:absolute;top: 5vw;left: 84.5vw;z-index: 2;width: 9%;} 
  .Area_hero .mainlight {position: absolute;top: 9vw;left: 12vw;width: 78%;z-index: 2;}
  .Area_hero .light_01 {width: 62%;top: 40.5vw;left: -13vw;}
  .Area_hero .light_01 img {width: 100%;}
  .Area_hero .light_02 {width: 47%;top: 46.5vw;left: 56vw;}
  .Area_hero .light_02 img { width: 100%;}
}

/*雙11必買 鎮店之寶*/
/*版頭公版上下標.關閉*/
.Area01 .layout_PD .imgTag {display: none !important;}
.Area01 .layout_PD .imgTagBottom {display: none !important;}
.Area01 .layout_PD .prdImgWrap .imgTagRectangle {display: none !important;}
@media screen and (min-width: 768px){
.Area01 {}
.Area01 .layout_PD .PD .PD_img {padding-top: 0!important;padding-bottom: 40px;}
.Area01 .layout_PD .PD_slide .PD_img img {width: 87%;margin: 0;}
.Area01 .layout_PD .PD_slide .PD_into {position: relative;width: 90%;top: 35px;left: 20px;}
.Area01 .layout_PD .PD_slide .PD_into h3 {position: relative;max-height: 1.5em;font-size: 2.3em;}
.Area01 .layout_PD .PD_slide .PD_into h4 {position: relative;font-size: 2em;margin-bottom:0;}
.Area01 .layout_PD li .PD .PD_into p {position: relative;font-size: 1.8em;line-height: 1.2em;height: 1.4em;}
.Area01 .layout_PD .PD_slide .PD p del {position: relative;color: #fff;font-size: 25px;}
.Area01 .layout_PD .PD p .money {font-size: 35px;}
}
@media screen and (max-width: 767px){
  .Area01 {}
  .Area01 .layout_PD .PD .PD_img {padding-top: 0!important;padding-bottom: 7vw;}
  .Area01 .layout_PD .PD_slide .PD_img img {width: 85%;margin: 0;}
  .Area01 .layout_PD .PD_slide .PD_into {position: relative;width: 90%;top: 2vw;left: 2vw;}
  .Area01 .layout_PD .PD_slide .PD_into h3 {position: relative;max-height: 1.6em;font-size: 1em;}
  .Area01 .layout_PD .PD_slide .PD_into h4 {position: relative;font-size: 1em;margin: 0;}
  .Area01 .layout_PD li .PD .PD_into p {position: relative;font-size: 1em;}
  .Area01 .layout_PD .PD_slide .PD p del {color: #fff;z-index: 99;position: relative;font-size: 1em;}
  .Area01 .layout_PD .PD p small {font-size: 1.4em;}	
  .Area_drawing-area-2x1[org="1"] .PD_layout-CSSBG_01 li::after {aspect-ratio: 444 / 670;}
}

/*登記活動*/
@media screen and (min-width: 768px){
.Area03 {}
.Area03 .warningTxt h3 {color: #fff;}
.Area_danji .danji_box {margin-bottom: 0;}
}
@media screen and (max-width: 767px){
  .Area03 {}
  .Area03 .warningTxt h3 {color: #fff;padding-bottom: 3vw;}
  .Area_danji .danji_box {margin-bottom: 0;}
}

/*下方公版*/
@media screen and (min-width: 768px){
.Area05 {}
.Area05 .PD_layout-D3_03 ul {padding: 10px 140px;}
.Area05 .PD_layout-D3_03 ul li .PD h4 {display: none;}
.Area05 .PD_layout-D3_03 ul .PD .PD_logo {background-color: transparent!important;width: 69%;padding: 0;}
.Area05 .PD_layout-D3_03 ul li .PD h3 {font-size: 53px;text-align: left;margin-top: 15px;}
.Area05 .PD_layout-D3_03 .PD_into {margin-left: 53px;}
}
@media screen and (max-width:767px){
  .Area05 {}
  .Area05 .PD_layout-D3_03 ul {padding: 1vw 15vw;}
  .Area05 .PD_layout-D3_03 ul li .PD h4 {display: none;}
  .Area05 .PD_layout-D3_03 ul .PD .PD_logo {background-color: transparent!important;width: 69%;padding: 0;}
  .Area05 .PD_layout-D3_03 ul li .PD h3 {font-size: 22px;text-align: left;margin-top: 6px;}
  .Area05 .PD_layout-D3_03 .PD_into {margin-left: 5vw;}
}

/*焦點品牌牆*/
@media screen and (min-width:768px){
.Area06 {}
.Area06 .layout_bn {width: 70%;}
}
@media screen and (max-width: 767px){
  .Area06 {}
  .Area06 .layout_bn {width: 94%;}
}


.Area_hero-banner .m_momologo { width:30%; position:absolute; z-index:5; top:0; left:0;}