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

/*背景*/
.pc_top {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
@media screen and (max-width:767px){
  .Area_topbg { position: absolute;min-width: inherit;  background: url(mb_top.jpg?t=1782808135304) no-repeat center; background-size: 100%;}
}

/*間距*/
.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: 1070px;}
.Area_hero--title {top: 40px;}
.Area_hero--PD {top: 380px;left:30px;width:95%;}
.Area_hero .top_deco01 {position:absolute;top: 453px;left: 16px;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_hero {height: 114vw;}
  .Area_hero--title {left:0vw;top: 5vw;}
  .Area_hero--PD {left:2vw;top: 40vw;}
  .Area_hero .top_deco01 {position: absolute;top: 44vw;left: 1vw;width: 18%;}
  .Area_hero .top_deco02 {position: absolute;top: 37vw;left: 70.5vw;width: 24%;}
}

/* 1大2小 */
.Area_bn-grid-3x1 .PD_layout li:nth-child(1) {width: 100%;grid-area: a;}
.Area_bn-grid-3x1 .PD_layout li:nth-child(2) {width: 100%;grid-area: b;}
.Area_bn-grid-3x1 .PD_layout li:nth-child(3) {width: 100%;grid-area: c;}
@media screen and (min-width:767px){
  .Area_bn-grid-3x1 .PD_layout ul {display: grid;
    grid-template-areas:
     "a b"
     "c c";
 }}
@media screen and (max-width:767px){
.Area_bn-grid-3x1 .PD_layout ul {display: grid;
  grid-template-areas:
   "a b"
   "c c";
 }}


/*主打品*/
@media screen and (min-width:768px){
  .Area_item {height:100%;}

  /*公版*/		
  .Area_item .PD_layout-CSSBG_01 {width:90%;margin:0 auto}
  .Area_item .PD_layout-CSSBG_01 ul {}
  .Area_item .PD_layout-CSSBG_01 ul li {}
  .Area_item .PD_layout-CSSBG_01 ul li::after{position: relative;z-index: 0;width:100%;height:0;padding-bottom:125%;background-image: url(PD_layout-CSSBG000.png?t=1782808135304);background-repeat: no-repeat;background-size:100%;}
  .Area_item .PD_layout-CSSBG_01 ul li:hover {box-shadow: none; }
  .Area_item .PD_layout-CSSBG_01 ul li .PD_img {padding-top:0!important;background-image: url(PD_layout-CSSBG_01.png?t=1782808135304);background-repeat: no-repeat;background-size:100%;z-index: 5;}
  .Area_item .PD_layout-CSSBG_01 ul li .PD_img img {border-radius:50%!important;width:86%;padding: 30px 0;}
  .Area_item .PD_layout-CSSBG_01 ul li .PD_into {width:100%;height:220px;background-image: url(PD_layout-CSSBG.png?t=1782808135304);background-repeat: no-repeat;background-size:100%;position: relative;top:-95px;z-index:9}
  .Area_item .PD_layout-CSSBG_01 ul li .PD h3{margin-top: 50px!important;margin-bottom: 30px;color: #fff;font-size: 28px;}
  .Area_item .PD_layout-CSSBG_01 ul li .PD h4{font-size: 21px;}
  .Area_item .PD_layout-CSSBG_01 ul li .PD p .Price{font-size:38px;}
  .Area_item .PD_layout-CSSBG_01 ul li .imgTagRectangle {display:none!important}
  }
  @media screen and (max-width:767px){
  .Area_item	{height:100%;}
  /*公版*/		
  .Area_item .PD_layout-CSSBG_01 {}
  .Area_item .PD_layout-CSSBG_01 ul {}
  .Area_item .PD_layout-CSSBG_01 ul li {}
  .Area_item .PD_layout-CSSBG_01 ul li::after{position: relative;z-index:2; width:100%;height:0;padding-bottom:144%; background-image: url(PD_layout-CSSBG000.png?t=1782808135304);background-repeat: no-repeat;background-size:100%;}
  .Area_item .PD_layout-CSSBG_01 ul li:hover {box-shadow: none; }
  .Area_item .PD_layout-CSSBG_01 ul li .PD_img {padding-top:0!important;background-image: url(PD_layout-CSSBG_01.png?t=1782808135304);background-repeat: no-repeat;background-size:100%;z-index: 5; }
  .Area_item .PD_layout-CSSBG_01 ul li .PD_img img {border-radius:50%!important;width:86%;padding: 3vw 0; }
  .Area_item .PD_layout-CSSBG_01 ul li .PD_into {width:100%;height: 74vw;padding-bottom: 37%;background-image: url(PD_layout-CSSBG.png?t=1782808135304);background-repeat: no-repeat;background-size:100%;position: relative;top: -8vw;z-index: 6;}
  .Area_item .PD_layout-CSSBG_01 ul li .PD h3{margin-top: 3vw!important;margin-bottom: 2vw;color: #fff;}
  .Area_item .PD_layout-CSSBG_01 ul li .imgTagRectangle {display:none!important}
    
}


/*共用樣式*/
.Area_item .prdImgWrap .imgTagRectangle,
.Area_item .prdImgWrap .imgTagBottom { display: none!important;}

/* 一帶二 */
@media screen and (min-width:767px){
  .bn2pd .PD_layout.PD_layout-D3_02 ul li .PD h3 {color:#352a26;}
  .bn2pd .Area_brand-1-plus-2 .b_box .PD_layout.PD_layout-D3_02 ul {padding:40px 0 30px 0;}
  .Area_brand-1-plus-2 .b_box .box {background:url(comp_block_20260428003__brand-1-plus-2_1781679050184.png?t=1782808135304) top center no-repeat;background-size: 100%;height:520px;}
  .bn2pd .Area_brand-1-plus-2 .b_box .PD_layout ul {width:93%;}
  }
@media screen and (max-width:767px){
.bn2pd .PD_layout.PD_layout-D3_02 ul li .PD h3 {color:#352a26;}
.bn2pd .Area_brand-1-plus-2 .b_box .PD_layout.PD_layout-D3_02 ul {padding:7vw 0vw 5vw 0vw;}
.Area_brand-1-plus-2 .b_box .box {background:url(comp_block_20260428003__brand-1-plus-2_1781679050184.png?t=1782808135304) top center no-repeat;background-size: 100%;height:103vw;}
.bn2pd .Area_brand-1-plus-2 .b_box .PD_layout ul {width:93%;}
}


/* 公版 */
@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=1782808135304);}
  }
@media screen and (max-width:767px){
 .Area_pdbox .Area_pd-grid-4x2 {height:132vw;}
 }