

/* 背景 */
@media screen and (min-width:768px){
	.bg_deco{z-index: -2;position: fixed;top: 0;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;mix-blend-mode: screen;}
}
@media screen and (max-width:767px){
  .bg_deco{z-index: 0;position: absolute;top: 0;left: 0;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: repeat-y;pointer-events: none;}
}

/*momologo*/
.momologo_super a { display: block; width: 120px; height: 60px; background: url(momo_logo_super.png?t=1785238886770) no-repeat; background-size: 100%;}
@media screen and (min-width:768px){
	.momologo_super {top: 15px;left: 85px;position: absolute;z-index: 999;}
}
@media screen and (max-width:767px){
	.momologo_super {top: 2vw;left: 2vw;position: absolute;z-index: 999;}
	.momologo_super a{background-size:100%;width: 18vw;height: 10vw;}
}

/* 版頭 */
.main,.sub,.date,.coming_soon,.Area_Timecountdown{z-index: 2;}
.main_shine,.sub_shine{z-index: 3;}
@media screen and (min-width:768px){
  .Area_hero{height: 880px;}
  .main{position: relative;top: 120px;left: -230px;width: 60%;}
  .main_shine{position: relative;top: -194px;left: 49px;width: 55%;}
  .sub{position: relative;top: -250px;left: -230px;width: 60%;}
  .sub_shine{position: relative;top: -436px;left: 120px;width: 38%;}
  .date{position: relative;width: 70%;top: -923px;left: 260px;}
  .top_pd{position: relative;top: -1172px;}
  .coming_soon{position: relative;width: 80%;top: -1484px;left: 130px;}
  .Area_Timecountdown{position: relative;top: -1555px;left: 280px;}

}

@media screen and (max-width:767px){
  .Area_hero{height: 153vw;}
  .main{position: absolute;top: 0;}
  .sub{position: relative;top: 32vw;}
  .date{position: relative;top: 25vw;left: -3vw;}
  .top_pd{position: relative;top: -50vw;}
  .coming_soon{position: relative;top: -78vw;left: -5vw;}
  .Area_Timecountdown{position: relative;top: -76vw}

  .main_shine{position: absolute;top: 0;width: 96%;left: 2vw;}
  .sub_shine{position: absolute;top: 31.5vw;width: 65%;left: 16vw;}
}

/* 區標 */
.txt_bg_shine{display: none;}
@media screen and (min-width:768px){
  .Area_title h3{font-size: 60px;margin-top: -18px;}
  .txt_bg_shine{position: relative;top: -187px;height: 0;}
}

@media screen and (max-width:767px){
  .Area_title h3{font-size: 6vw;margin-top: -2vw;}
  .txt_bg_shine{position: relative;top: -19.5vw;height: 0;}
}

/* 公式亮亮 */
@media screen and (min-width:768px){
  .formula_shine{position: relative;top: -320px;height: 0;}
}

@media screen and (max-width:767px){
  .formula_shine{position: absolute;top: 19.5vw;left: 2vw;width: 96%;}
}

/* youtube */
@media screen and (min-width:768px){
  .Area_youtube-video{background: url(youtube_bg.png?t=1785238886770)top center no-repeat;background-size: 100%;height: 1090px;}
  .youtubeArea{width: 85%;top: 82px;left: 70px}
  .youtube_bg_shine{position: relative;top: -509px;height: 0;}
}

@media screen and (max-width:767px){
  .Area_youtube-video{background: url(youtube_bg.png?t=1785238886770)top center no-repeat;background-size: 100%;height: 115vw;}
  .youtubeArea{width: 90%;top: 8vw;left: 4vw;}
  .youtube_bg_shine{position: absolute;width: 89.5%;top: -3vw;left: 3vw;}
}

/* 作圖區 */
.item .PD_into h3,.item .PD_into h4{color: #fff;}
.item .PD_into p del{color: #d1d1d1;}
.item .PD_into p .money,.item .PD_into p .Price{color: #ffe2a8;}
@media screen and (min-width:768px){
  .item li:nth-child(odd){margin-top: 50px;}
  .item li::after{padding-bottom: 180%;}
  .item .PD_img{width: 80%;position: relative;top: 50px;left: 70px;}
  .item .PD_into{margin-top: 175px;}
  .item .PD_into p .Price{font-size: 45px;}
}

@media screen and (max-width:767px){
  .item li:nth-child(odd){margin-top: 5vw;}
  .item li::after{padding-bottom: 180%;}
  .item .PD_img{width: 80%;position: relative;top: 5vw;left: 6vw;}
  .item .PD_into{margin-top: 15vw;}
  
}
