@charset "utf-8";
/* CSS Document */


  /*版頭區塊*/
  @media screen and (min-width:768px){

   /*大標*/ 
   .toppd{top: 160px;}
  }
    @media screen and (max-width:767px){
      .toppd{top: 17vw;}
    }







  /*日期*/
  .TIMER_DAYbox { position: relative;}
  .TIMER_DAYbox .TIMER_DAY {
  display:flex;
  justify-content: center;
  flex-wrap:nowrap;
  position: absolute;
  top: 29px;
  left: 250px;
  width: 26%;
  height: 206px;
  animation: time 1s ease forwards;
  animation-delay: 1s;
  opacity: 0;
  padding: 36px 36px 0 36px;
  font-size: 58px;
  font-weight: bold;
  font-family: "Century Gothic";
  z-index: 3;
  /* transform: rotate(353deg) scale(0.85); */
  box-sizing: border-box;
  color: #ffffff;
  /* text-shadow: 1.5px 1.5px 3px rgb(0 77 156 / 83%); */
  /* background: url(datebg.png?t=1793355748667)no-repeat center / 88% ;*/
  } 
.TIMER_DAYbox .TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAYbox .TIMER_DAY #sendMonth {display: inline-block;text-align: right;letter-spacing: 0px;} 
.TIMER_DAYbox .TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAYbox .TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:12px 0 0 3px; text-align: left; width: 90%;}
.TIMER_DAYbox .TIMER_DAY .box{ width: 100%; display: flex; justify-content: right; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
  .TIMER_DAYbox .TIMER_DAY {position: absolute;width: 34%;top: 2.6vw;left: 24vw;font-size: 7vw;letter-spacing: 0;padding: 4vw 4vw 0 4vw;text-align: left;margin: 0;font-weight: 900;height:22vw;/*transform: rotate(352deg) scale(0.78); */}
.TIMER_DAYbox .TIMER_DAY small {font-size: 4.5vw;}    
.TIMER_DAYbox .TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAYbox .TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAYbox .TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:0.3vw 0 0 0.5vw;}	
.TIMER_DAYbox .TIMER_DAY .box{ height: 8vw; }
}
@keyframes time{
  0%{ opacity: 0;}
  100%{ opacity: 100; }
}











  /*煙*/
.somkebox { position: relative;}
.somkebox .somke01{position:absolute;top: 70vw;left:40vw;z-index:12;width: 75%;mix-blend-mode: screen;}		
.somkebox .somke02{position:absolute;top: 70vw;left:-5vw;z-index:12;width: 75%;mix-blend-mode: screen;animation-delay: 0.3s;}	

  @media screen and (min-width:768px){
.somkebox .somke01{position:absolute;top:650px;bottom: 0;right:-150px;z-index:0;width:787px;mix-blend-mode: screen;}
.somkebox .somke02{position:absolute;top: 650px;bottom: 0;left: -670px;z-index:0;width:924px;animation-delay: 0.3s;mix-blend-mode: screen;}

  }