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

/*背景*/
@media screen and (min-width:767px){
.pc_top {z-index: -1;position:absolute;top: 0;left:0;width:100%;height: 100%; background: url(pc_top.jpg?t=1793087226356) no-repeat center;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco {z-index: -1;position:absolute;top: 900px;left:0;width:100%;height: 100%; background: url(top_deco.png?t=1793087226356) no-repeat center;background-repeat:repeat-y;background-position: center top;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){
.mb_top {position: absolute;top: 10vw;left:0;width:100%;height: 100%; background: url(mb_top.jpg?t=1793087226356) no-repeat top center; background-size: 100%;z-index:-1;}
}

/*版頭*/
@media screen and (min-width:767px){
  .Area_hero {height: 1110px;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 8%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 33%;left: 42%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {width:55%;top:28%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top:77.5%;left: 33%;}

.Area_hero .top_deco01 {position:absolute;top: 105px;left: 185px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco02 {position:absolute;top: 138px;left: 120px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco03 {position:absolute;top: 308px;left: 740px;z-index: 1;pointer-events: none;}
}
@media screen and (max-width:767px){
  .Area_hero {height: 116vw;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 30%;left: 40%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {top: 25%;left: -7%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top: 77%;left: 34%;}

  .Area_hero .top_deco01 {position: absolute;top: 7vw;left: 20vw;width: 5%;}
  .Area_hero .top_deco02 {position: absolute;top: 13vw;left: 14.5vw;width: 4%;}
  .Area_hero .top_deco03 {position: absolute;top: 30vw;left: 75.5vw;width: 3.5%;}
}


/* 折價券改顏色 */
.PD_layout.PD_layout-coupon3 .PD .divine_coupon {color: #000;}
.PD_layout.PD_layout-coupon3 .PD .threshold {color: #000;}


/*作圖區*/
.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: #e7ceb3;}
.Area_item .layout_PD ul li:nth-child(even) .PD p {color: #e7ceb3;}
.Area_item .layout_PD ul li .PD h3 {color: #fff;}	
.Area_item .layout_PD ul li .PD h4 {color: #fff;}
.Area_item .layout_PD ul li .js-PD_del {color: #fff;}
.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;}
.Area_item .box {/*background:url(pcitem_bgrp.jpg?t=1793087226356)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=1793087226356)top center no-repeat !important;background-size: 100%;padding-bottom: 130px;}
.Area_item .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1793087226356)top center no-repeat !important;background-size: 100%;padding-bottom:60px;}
.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:36%;margin:65px 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:36%;margin:0 auto;position:absolute;top:50px;left:545px;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(even) .PD_into {width:50%;margin:70px 0 0 40px;text-align:center!important;}	
.Area_item .layout_PD ul li:nth-child(odd) .PD_into {width:50%;margin:155px 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;}	
/* buybuy */
.Area_item ul li .PD_arrow {width:10%;position: absolute;top:410px;left:870px;z-index:99;}
.Area_item ul li .PD_arrow_2 {width:10%;position: absolute;top:380px;left:380px;z-index:99;}
}
@media screen and (max-width:767px){
.Area_item {padding-top: 0vw!important;}
.Area_item .box {/*background:url(item_bgrp.jpg?t=1793087226356)top center repeat-y;background-size: 100%;*/}
/**公版**/
.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=1793087226356)top center no-repeat !important;background-size:98%!important;padding-bottom: 6vw;}
.Area_item .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1793087226356)top center no-repeat !important;background-size:98%!important;padding-bottom: 5vw;}
.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:40%;margin:3.5vw 0px 0px 4.5vw;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(odd) .PD_img {width:41%;margin:0 auto;left: 55vw;top: 3vw;position: absolute;/*background-color: #fff;border-radius: 50%;*/}
.Area_item .layout_PD ul li:nth-child(even) .PD_into {width:50%;margin:12vw 0px 0px 4vw;}	
.Area_item .layout_PD ul li:nth-child(odd) .PD_into {width:50%;margin:16vw 0px 0px 4vw;}	
.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;}
/* buybuy */
.Area_item ul li .PD_arrow {width:8%;position: absolute;top:43vw;left:85vw;z-index:99;}
.Area_item ul li .PD_arrow_2 {width:8%;position: absolute;top:41vw;left:41vw;z-index:99;}
}


/* 公版更新 */
@media screen and (min-width:767px){
.Area_brand-1-plus-2 .b_box .PD_layout.PD_layout-D3_02 ul {padding:25px 0;}
}

/* 新增區標 */
@media screen and (min-width:767px){
.Area_txt .PD_layout.PD_layout-D3_01 .PD h3 {padding-top:20px;color: #fff;}
.Area_txt  .PD_layout.PD_layout-D3_01 .PD img {width: 85%;}
}

@media screen and (max-width:767px){
  .Area_txt .PD_layout.PD_layout-D3_01 ul {grid-gap:0;padding: 0;}
  .Area_txt .PD_layout.PD_layout-D3_01 .PD_img {padding:0;}
  .Area_txt  .PD_layout.PD_layout-D3_01 .PD img {width: 100%;height:100%;}
  .Area_txt .PD_layout.PD_layout-D3_01 .PD h3 {padding-top: 1vw;color: #fff;}
  }