@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=1786602457633) no-repeat center;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco {z-index: -1;position:absolute;top: 1500px;left:0;width:100%;height: 100%; background: url(top_deco.png?t=1786602457633) repeat-y 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=1786602457633) no-repeat top center; background-size: 100%;z-index:-1;}
}

/*版頭*/
@media screen and (min-width:767px){
.Area_hero {position: relative;height: 1070px;}
.Area_hero--title {top: 250px;left:190px;width:21%;}
.Area_hero--PD {top: 92px;left:0px;width:100%;}
.Area_hero--logo {top: 108px;left: 611px;width: 12%;}
.Area_hero--tag {top: 75px;left: 200px;width:60%;}
.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;}
.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;}
}
@media screen and (max-width:767px){
  .Area_hero {height: 114vw;}
  .Area_hero--title {top: 26vw;left:18vw;width:22%;}
  .Area_hero--tag {top: 6vw;left: 19vw;width: 63%;}
  .Area_hero--PD {left:0vw;top: 8vw;}
  .Area_hero--logo {top: 10vw;left: 64vw;width: 13%;}
  .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%;}
  .Area_hero .kiwi {position: absolute;top: 56vw;left: 65vw;width: 17%;}
}

/* 限搶 */
@media screen and (min-width:768px){
.Area_limt {left:10px;transform: rotate(-4deg);}
} 
@media screen and (max-width:768px){
.Area_limt {left:3vw;transform: rotate(-4deg);}
} 


/*強檔預告區*/
@media screen and (min-width:768px){
	.Area_hot {height:100%;}	
	.Area_hot .box {position:relative;}		
	/**品牌日曆**/	
	.Area_hot .layout_day {margin-bottom: 0px;width: 96%;}
	.Area_hot .layout_day  ul {width:96%!important;margin:0 auto!important;padding:0!important ;}
	.Area_hot .layout_day  ul li {background:url("day_bg.png?t=1764580206360")top center no-repeat;background-size:100%;padding-bottom: 20px;}
	.Area_hot .layout_day ul li a {color: #ffffff;}
	.Area_hot .layout_day .PD p {position:absolute;top: 25px;left: 75px;color: #240a07;}
	.Area_hot .layout_day .PD p .Price {font-size: 2em;}
	.Area_hot .layout_day .PD p .money {display: none !important;;}
	.Area_hot .layout_day .PD_img {width:90%;margin:0 auto;padding-top: 71px;}
	.Area_hot .layout_day .PD_img img {border-radius:50%;}
	.Area_hot .layout_day .PD_into {padding-top: 25px;}
	.Area_hot .layout_day .PD h4 {line-height: 3em;}
	.Area_hot .layout_day .PD_into .js-PD_txt1 {color: #fff5ea;font-size: 35px;}
	.Area_hot .layout_day .PD_into .js-PD_txt2 {font-size: 35px;padding-top: 15px;}
	
	.Area_hot .Area_bottom04 {background-color: #dc2c2e;}
		  
	}
	@media screen and (max-width:767px){
	.Area_hot {height:100%;}	
	.Area_hot .box {position:relative;}		
	/**品牌日曆**/			
	.Area_hot .layout_day {margin-bottom: 0vw;width: 94%;}
	/* .Area_hot .layout_day ul {width:96%!important;margin:0 auto!important;padding:0!important;} */
	.Area_hot .layout_day .PD_slide { min-width: inherit; }  
	.Area_hot .layout_day ul {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.Area_hot .layout_day ul li {background:url("day_bg.png?t=1764580206360")top center no-repeat;background-size: 100%;height: 52vw;}
	.Area_hot .layout_day ul li a {color: #ffffff;font-size: 14px;}
	.Area_hot .layout_day .PD p {position:absolute;top: 1vw;left: 9vw;color: #240a07;}
	.Area_hot .layout_day .PD p .Price {font-size:1em;}
	.Area_hot .layout_day .PD p .money {display: none !important;;}
	.Area_hot .layout_day .PD_img {padding-top: 8vw;margin-bottom: 0.5vw;}
	.Area_hot .layout_day .PD_img img {border-radius: 50%;}
	.Area_hot .layout_day .PD_into {padding-top: 0.5vw;}
	.Area_hot .layout_day .PD_into .js-PD_txt1 {color: #fff5ea;font-size: 16px;}
  .Area_hot .layout_day .PD_into .js-PD_txt2 {color: #ffffff;font-size: 16px;line-height:2.1em;}
	}	


  /*logo_BTN*/
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul li::after{content:"";display:block;pointer-events:none;}   
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul li::after{background: url("Area_logobg.png?t=1786602457633") center top/100% no-repeat scroll;} 
  @media screen and (min-width: 768px){
  .Area_logo {height:780px!important;}  
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul{width: 80%;margin: 0 auto;grid-gap: 15px;}	
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul li{height: 160px!important}   
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul li img{width: 80%; margin-top: 35px;}   
  .Area_logo .PD_layout-CSSBG_01 .PD .PD_img{padding-top: 10px;}
  .Area_logo .PD_layout.guan ul {position: relative;width: 63%;margin: 0 auto;top: 0px;grid-gap:163px;}
  }
  @media screen and (max-width: 767px){
  .Area_logo {margin-bottom: 5vw!important;height:auto;}	
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul {width:98%;margin: 0 auto;padding-top: 2vw; grid-gap: .5em;text-align: center;}	
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul li{display: grid;height: 17vw !important;}
  .Area_logo .PD_layout.PD_layout-CSSBG_01 ul li{width: 100%;}  	
  .Area_logo .PD_layout-CSSBG_01 .PD .PD_img{width: 100%;padding:4.5vw 1vw;}
  }