@charset "utf-8";

/*版頭區*/
@media screen and (min-width:768px){
  .light{position: absolute;width: 100%;left: 77px;top: 251px;z-index: 4;pointer-events: none;mix-blend-mode: screen;opacity: .5;}
  .light img{width: 100%;}
  .light02{position: absolute;width: 41.3%;left: 224px;top: 298px ;z-index: 102;pointer-events: none;animation: fadeInLeft_s 5s  ease-in infinite;opacity: 0;mix-blend-mode: screen;}
  .light02 img{width: 100%;}
  .light03{position: absolute;width: 41.3%;left: 0 ;top: 127px ;z-index: 102;pointer-events: none;animation: fadeInRight_s 5s  ease-in infinite;opacity: 0;mix-blend-mode: screen;}
  .light03 img{width: 100%;}
  .light_02{position: absolute;width: 49.7%;left: 277px;top: 900px ;z-index: 102;pointer-events: none;animation: fadeInUp_s 5.5s .5s infinite;opacity: 0;mix-blend-mode: color-dodge;}
  .light_02 img{width: 100%;}
  .light_03{position: absolute;width: 59.7%;left: 277px;top: 592px ;z-index: 102;pointer-events: none;animation: fadeInUp_s 5.5s 1.5s infinite;opacity: 0;mix-blend-mode: color-dodge;}
  .light_03 img{width: 100%;}
}
  @media screen and (max-width: 767px){
  .light{position: absolute;width: 101%;left: 14vw;top: 19vw;z-index: 4;pointer-events: none;mix-blend-mode: screen;}
  .light02{position: absolute;width: 73%;left: 0vw ; top: 10vw ; right: 87vw ; z-index: 66 ; pointer-events: none;mix-blend-mode: screen;animation: fadeInLeft_s 2s  ease-in infinite;opacity: 0;}
  .light03{position: absolute;width: 73%;right: 0vw ;top: 28.5vw; left: 0vw; z-index: 66;pointer-events: none;mix-blend-mode: screen;animation: fadeInRight_s 2s  ease-in infinite;opacity: 0;}
  .light_02 {position:absolute;width: 76%;top:69.5vw;right: -6vw;pointer-events:none;z-index: 16;mix-blend-mode: color-dodge;animation: fadeInUp_s 5.5s .5s infinite;opacity: 0;}
  .light_03 {position:absolute;width: 76%;top:69.5vw;right: 5vw;pointer-events:none;z-index: 16;mix-blend-mode: color-dodge;animation: fadeInUp_s 5.5s 1.5s infinite;opacity: 0;transform: rotate(5deg);}
}


/* 微調 */
@media screen and (max-width:767px){
}


/*閃光*/				  
.brightness-play4 { -webkit-animation:brightness-play4 4s infinite ;
    animation:brightness-play4 4s infinite ;
}
@keyframes brightness-play4 {
0% { 
filter:brightness(101%);
}
25% { 
filter:brightness(100%);
}
80% { 
filter:brightness(120%);
}
85% { 
filter:brightness(100%);
}
90% { 
filter:brightness(120%);
}
100% { 
filter:brightness(101%);
}
}