/*home in*/

html,body,input,select {
margin:0px;
padding:0px;
--font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Geneva, sans-serifs;
font-family:"Helvetica","Arial","sans-serif","PingFang TC","Heiti TC","Noto Sans TC","aktiv-grotesk","source-han-sans-traditional","Segoe UI","Roboto","Helvetica Neue","Microsoft JhengHei","Microsoft YaHei","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

}

html {
color:#5f5855;
}

.wrap {
scroll-behavior: smooth;
}

.hide ,.none {
display:none;	
}

a,a:hover,a:active {
 text-decoration:none;
 color:inherit;
}

.csr,.ptr {
cursor:pointer;	
}


.relbox {
position:relative;
display:block;
width:100%;
height:100%;	
}

.abs {
position:absolute;	
}


.tleft {
 text-align:left;	
}
.tjustfy {
 text-align:justify;	
}
.tright {
 text-align:right;	
}
.tcenter {
 text-align:center;	
}

.full {
width:100%;
display:block;	
}

.alpha0{
opacity:0;	
}





@media screen  and (max-width: 1280px) {

 
}
@media screen  and (max-width: 640px) {

	
  	
  button,
  select,
  _input,
  a:active,a:focus,a:hover{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: transparent;
	outline: none!important;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
  }
  
 
  
}
.footer {
background-color:#d6cfb8;		
width:100%;
text-align:center;
height:140px;
display:block;
}


@media screen and (max-width:640px){
	
.footer,.footer .flogo {
height:70px;
}	


}


html,body {
margin:0;
padding:0;

}

body {
width:100%;
display:block;
background-color:#008dd3;
}


.wmid {
margin:auto;
width:100%;
max-width:1380px;	
box-sizing:border-box;
display:block;
height:100%;
min-height:0;
position:relative;
}

.okiwrap {
display:block;
width:100%;
max-width:750px;
margin:auto;
background-color:#f3f3f1
}


.wrap {
width:100%;
height:auto;
display:block;
position:absolute;
left:0;
top:0;
}

.bwrap {
position:fixed;
width:100%;
height:100%;
overflow:hidden;
left:0;
top:0;
background-color:#f2f2f2
}





.okiwrap .wbg {
overflow:hidden;
background-color:#fff;
}

.sec {
display:block;
width:100%;
height:100%;
}
.secbg {
background-size:100vw 100vh;
background-position:left center;	
}






::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}


::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 

::-webkit-scrollbar-thumb {
  background: #aaa; 
}


::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}


.okiloading_sp {
  display:block;
  text-align:center;
  width:100%;
  height:120px;	
}
  
.okiloading_sp .load_icon {
  display:block;
  border:2px solid #008cd7;
  -border-right:rgba(0,153,153,0);
  border-width:2px 2px 2px 0;
  height:50px;
  width:50px;
  border-radius:50px;
  animation: 1s okiloadingani_sp infinite linear;
  -webkit-animation: 1s okiloadingani_sp infinite linear;
  margin:auto;
}

@keyframes okiloadingani_sp {
  0% {transform:rotate(0deg);-webki-transform:rotate(0deg)}
  100% {transform:rotate(360deg);-webki-transform:rotate(360deg)}
}



.scrollmsg {
display:none;
position:fixed;
left:10px;
top:10px;
background:rgba(0,0,0,.8);
color:#fff;
width:auto;
height:auto;	
min-width:100px;
min-height:100px;
font-size:9pt;
padding:20px;
}
.local .scrollmsg {
display:block;
z-index:9999;
}



.local .sec ,.local .wmid  {
border:1px solid #f00;	
box-sizing:border-box;
}
.local .bwrap {
border:1px solid #0f0;	
box-sizing:border-box;	
}

.abtn {display:block}
.abtn img {width:100%;height:100%}
.local .abtn {
background-color:rgba(255,0,0,.6);	
}




header {
display:block;	
position:fixed;
top:0px;
left:0px;
width:100%;
text-align:Center;
height:90px;	
z-index:10;
background-color:#fff;
}
header .wmid{
max-width:1280px;
width:100%;
text-align:left;
}

.show640 {
display:none	
}

@media screen and (max-width:1280px){
	


	
}
@media screen  and (max-width: 960px) {

header {
display:block;	
position:fixed;
top:0px;
left:0px;
width:100%;
text-align:Center;
height:45px;	
z-index:10;
background-color:#fff;
}
header .wmid .logo{
height:45px;	
max-height:100%;

}


	
}
@media screen  and (max-width: 640px) {
.show640 {
display:block	
}


	
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.okicss {
   }
  .okicss .lazyslider .item {
    display: none; }
  .okicss .lazyslider[class~=slider] .item {
    display: block; }
  .okicss .slider {
    width: 100%;
    height: 100%;
    position: relative;
     }
    .okicss .slider .owl, .okicss .slider .owl-stage-outer, .okicss .slider .owl-stage, .okicss .slider .owl-item {
      min-height: 100%;
      height: 100%; }
    .okicss .slider .item {
      background-size: cover;
      background-position: center center;
      min-height: 100%;
      width: 100%;
      display: block; }
    .okicss .slider .prev, .okicss .slider .next {
      width: 30px;
      height: auto;
      display: block;
      position: absolute;
      top: 50%;
      -background: rgba(0, 0, 0, .7);
      z-index: 2;
      transform: translateY(-50%);
      border-radius: 20px;
      cursor: pointer;
      text-align: center;
      line-height: 40px;
      -overflow: hidden;
      transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); }
      .okicss .slider .prev:hover, .okicss .slider .next:hover {
        -background: rgba(0, 0, 0, .4); }
      .okicss .slider .prev img, .okicss .slider .next img {
        width: 100%;
        height: 100%;
        transform: scale(0.5, 0.5);
        display: block;
        
        filter: brightness(1000%); }
    .okicss .slider .prev {
      left: 10px; }
    .okicss .slider .next {
      right: 10px; }
    .okicss .slider .owl-dots {
      position: absolute;
      bottom: 0px;
      text-align: center;
      width: 100%; }
      .okicss .slider .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 10px;
        border: 2px solid #fff;
        background-color: rgba(0, 0, 0, 0);
        margin: 10px; }
        .okicss .slider .owl-dots .owl-dot[class~=active] {
          border-color: ;
          background-color: ; }
  @media (max-width: 1920px) {
  .okicss {
     } }
  @media (max-width: 640px) {
  .okicss {
     } }





html,body {
margin:0;
padding:0;

}

body {
width:100%;
display:block;
background-color:#008dd3;
}


.wmid {
margin:auto;
width:100%;
max-width:1380px;	
box-sizing:border-box;
display:block;
height:100%;
min-height:0;
position:relative;
}

.okiwrap {
display:block;
width:100%;
max-width:750px;
margin:auto;
background-color:#f3f3f1
}


.wrap {
width:100%;
height:auto;
display:block;
position:absolute;
left:0;
top:0;
}

.bwrap {
position:fixed;
width:100%;
height:100%;
overflow:hidden;
left:0;
top:0;
background-color:#f2f2f2
}





.okiwrap .wbg {
overflow:hidden;
background-color:#fff;
}

.sec {
display:block;
width:100%;
height:100%;
}
.secbg {
background-size:100vw 100vh;
background-position:left center;	
}






::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}


::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 

::-webkit-scrollbar-thumb {
  background: #aaa; 
}


::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}


.okiloading_sp {
  display:block;
  text-align:center;
  width:100%;
  height:120px;	
}
  
.okiloading_sp .load_icon {
  display:block;
  border:2px solid #008cd7;
  -border-right:rgba(0,153,153,0);
  border-width:2px 2px 2px 0;
  height:50px;
  width:50px;
  border-radius:50px;
  animation: 1s okiloadingani_sp infinite linear;
  -webkit-animation: 1s okiloadingani_sp infinite linear;
  margin:auto;
}

@keyframes okiloadingani_sp {
  0% {transform:rotate(0deg);-webki-transform:rotate(0deg)}
  100% {transform:rotate(360deg);-webki-transform:rotate(360deg)}
}



.scrollmsg {
display:none;
position:fixed;
left:10px;
top:10px;
background:rgba(0,0,0,.8);
color:#fff;
width:auto;
height:auto;	
min-width:100px;
min-height:100px;
font-size:9pt;
padding:20px;
}
.local .scrollmsg {
display:block;
z-index:9999;
}



.local .sec ,.local .wmid  {
border:1px solid #f00;	
box-sizing:border-box;
}
.local .bwrap {
border:1px solid #0f0;	
box-sizing:border-box;	
}

.abtn {display:block}
.abtn img {width:100%;height:100%}
.local .abtn {
background-color:rgba(255,0,0,.6);	
}




header {
display:block;	
position:fixed;
top:0px;
left:0px;
width:100%;
text-align:Center;
height:90px;	
z-index:10;
background-color:#fff;
}
header .wmid{
max-width:1280px;
width:100%;
text-align:left;
}

.show640 {
display:none	
}

@media screen and (max-width:1280px){
	


	
}
@media screen  and (max-width: 960px) {

header {
display:block;	
position:fixed;
top:0px;
left:0px;
width:100%;
text-align:Center;
height:45px;	
z-index:10;
background-color:#fff;
}
header .wmid .logo{
height:45px;	
max-height:100%;

}


	
}
@media screen  and (max-width: 640px) {
.show640 {
display:block	
}


	
}
.footer {
background-color:#d6cfb8;		
width:100%;
text-align:center;
height:140px;
display:block;
}


@media screen and (max-width:640px){
	
.footer,.footer .flogo {
height:70px;
}	


}

.okisiema-m {
box-sizing:border-box;
position:relative;	
}

.okisiema-m .siema img {
  width: 100%;
}


.okisiema-m .rb {
xborder:1px solid #f00;	
}

.okisiema-m .tab{
position:absolute;
top:50%;
width:50px;
height:50px;
display:block;
margin-top:-25px;
z-index:4;
cursor:pointer;
}
.okisiema-m .tab[class~=tleft]{
position:absolute;
left:0px;
}
.okisiema-m .tab[class~=tright]{
position:absolute;
right:0px;
}

.okisiema-m .pagerbox{
position:absolute;
left:0px;
bottom:0px;
height:50px;
display:block;
width:100%;
text-align:center;
z-index:4;
}

.okisiema-m .pagerbox i{
 width:8px;
 height:8px;
 border:3px solid rgba(0,0,0,0);
 margin:5px;
 display:inline-block;
 border-radius:10px;
 background-color:#333;
 cursor:pointer;
 
}
.okisiema-m .pagerbox i[class~=on]{
 width:10px;
 height:10px;	
 border:3px solid #3DBDBF;
 background-color:#fff;
 xbox-shadow:3px 3px 3px rgba(0,0,0,.6); 
 transform:translateY(1px);
 -webkit-transform:translateY(1px); 
}



.okisiema-m .siema {
  width: 100%;
  opacity:0;
}

.okisiema-m .siema[class~=on] {
  width: 100%;
  opacity:1;
  z-index:2;
  position:relative;
}


.okisiema-m .fbg {
 position:relative;
 z-index:1;
}
.okisiema-m .fbg img {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;	
 z-index:0;
 opacity:0;
 transition:all .3s;
}
.okisiema-m .fbg img[class~=on] {
 opacity:1;
 z-index:1;
}


@media screen  and (max-width: 640px) {
 
.okisiema-m .pagerbox{
display:none;
}
}

.okisiema {
box-sizing:border-box;
position:relative;	
}

.okisiema .siema img {
  width: 100%;
}


.okisiema .rb {
xborder:1px solid #f00;	
}

.okisiema .tab{
position:absolute;
top:50%;
width:100px;
height:100px;
display:block;
margin-top:-50px;
z-index:4;
cursor:pointer;
}
.okisiema .tab[class~=tleft]{
position:absolute;
left:0px;
}
.okisiema .tab[class~=tright]{
position:absolute;
right:0px;
}

.okisiema .tab img{
width:100%;
}



.okisiema .siema .relbox {
  position:relative;
}




.okisiema .pagerbox{
position:absolute;
left:0px;
bottom:0px;
height:50px;
display:block;
width:100%;
text-align:center;
z-index:4;
}

.okisiema .pagerbox i{
 width:8px;
 height:8px;
 border:3px solid rgba(0,0,0,0);
 margin:5px;
 display:inline-block;
 border-radius:10px;
 background-color:#999;
 cursor:pointer;
 
}

.okisiema .pagerbox i[class~=on]{
 width:8px;
 height:8px;
 border:3px solid rgba(0,0,0,0);
 margin:5px;
 display:inline-block;
 border-radius:10px;
 background-color:#333;
 cursor:pointer;
 
}




.okisiema .siema {
  width: 100%;
  opacity:1;
}

.okisiema .siema[class~=on] {
  width: 100%;
  opacity:1;
  z-index:2;
  position:relative;
}


.okisiema .fbg {
 position:relative;
 z-index:1;
 display:none;
}


@media screen  and (max-width: 640px) {

.okisiema .tab{
position:absolute;
top:50%;
width:60px;
height:50px;
display:block;
margin-top:-25px;
z-index:4;
cursor:pointer;
}
 
.okisiema .pagerbox{
xdisplay:none;
bottom:0px;
height:30px;
}



.okisiema .pagerbox i{
 width:4px;
 height:4px;
 
 margin:3px;
 display:inline-block;
 border-radius:10px;
 background-color:#999;
 cursor:pointer;
 
}

.okisiema .pagerbox i[class~=on]{
 width:4px;
 height:4px;
 margin:3px;
 display:inline-block;
 border-radius:10px;
 background-color:#333;
 cursor:pointer;
 
}



}
[data-scrollbar],[scrollbar],scrollbar{display:block;position:relative}[data-scrollbar] .scroll-content,[scrollbar] .scroll-content,scrollbar .scroll-content{-webkit-transform:translateZ(0);transform:translateZ(0)}[data-scrollbar].sticky .scrollbar-track,[scrollbar].sticky .scrollbar-track,scrollbar.sticky .scrollbar-track{background:hsla(0,0%,87%,.75)}[data-scrollbar] .scrollbar-track,[scrollbar] .scrollbar-track,scrollbar .scrollbar-track{position:absolute;opacity:0;z-index:1;transition:opacity .5s ease-out,background .5s ease-out;background:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-scrollbar] .scrollbar-track.show,[data-scrollbar] .scrollbar-track:hover,[scrollbar] .scrollbar-track.show,[scrollbar] .scrollbar-track:hover,scrollbar .scrollbar-track.show,scrollbar .scrollbar-track:hover{opacity:1}[data-scrollbar] .scrollbar-track:hover,[scrollbar] .scrollbar-track:hover,scrollbar .scrollbar-track:hover{background:hsla(0,0%,87%,.75)}[data-scrollbar] .scrollbar-track-x,[scrollbar] .scrollbar-track-x,scrollbar .scrollbar-track-x{bottom:0;left:0;width:100%;height:8px}[data-scrollbar] .scrollbar-track-y,[scrollbar] .scrollbar-track-y,scrollbar .scrollbar-track-y{top:0;right:0;width:4px;height:100%}[data-scrollbar] .scrollbar-thumb,[scrollbar] .scrollbar-thumb,scrollbar .scrollbar-thumb{position:absolute;top:0;left:0;width:4px;height:8px;background:rgba(0,0,0,.5);border-radius:4px}[data-scrollbar] .overscroll-glow,[scrollbar] .overscroll-glow,scrollbar .overscroll-glow{position:absolute;top:0;left:0;width:100%;height:100%}

html,body,input,select {
margin:0px;
padding:0px;
--font-family: 微軟儷黑體, 微軟正黑體, Arial, Helvetica, Geneva, sans-serifs;
font-family:"Helvetica","Arial","sans-serif","PingFang TC","Heiti TC","Noto Sans TC","aktiv-grotesk","source-han-sans-traditional","Segoe UI","Roboto","Helvetica Neue","Microsoft JhengHei","Microsoft YaHei","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

}

html {
color:#5f5855;
}

.wrap {
scroll-behavior: smooth;
}

.hide ,.none {
display:none;	
}

a,a:hover,a:active {
 text-decoration:none;
 color:inherit;
}

.csr,.ptr {
cursor:pointer;	
}


.relbox {
position:relative;
display:block;
width:100%;
height:100%;	
}

.abs {
position:absolute;	
}


.tleft {
 text-align:left;	
}
.tjustfy {
 text-align:justify;	
}
.tright {
 text-align:right;	
}
.tcenter {
 text-align:center;	
}

.full {
width:100%;
display:block;	
}

.alpha0{
opacity:0;	
}





@media screen  and (max-width: 1280px) {

 
}
@media screen  and (max-width: 640px) {

	
  	
  button,
  select,
  _input,
  a:active,a:focus,a:hover{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: transparent;
	outline: none!important;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
  }
  
 
  
}
.ctr-home {
  /*ctr-home*/ }
  .ctr-home .mvbox {
    position: relative;
    /*sec-5*/ }
    .ctr-home .mvbox iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .ctr-home .sec-5 .iptbox, .ctr-home .sec-7 .iptbox {
    display: block;
    margin-top: 2%;
    margin-left: 10%;
    border: 2px solid #0092dc;
    border-radius: 20px;
    width: 80%;
    padding-bottom: 8%;
    position: relative;
    overflow: hidden; }
  .ctr-home .sec-5 .iptbox[class~=schbox] {
    border: 2px solid #e7346e; }
  .ctr-home .sec-5 .iptbox[class~=err] {
    border: 2px solid #f00; }
  .ctr-home .sec-5 .iptbox input, .ctr-home .sec-7 .iptbox input {
    xdisplay: none;
    position: absolute;
    left: 2%;
    top: 6%;
    width: 95%;
    height: 80%;
    font-size: 14pt;
    border: 1px solid rgba(0, 0, 0, 0); }
  .ctr-home .sec-5 .iptbox select, .ctr-home .sec-7 .iptbox select {
    position: absolute;
    left: 2%;
    top: 6%;
    width: 95%;
    height: 80%;
    font-size: 14pt;
    border: 1px solid rgba(0, 0, 0, 0); }
  .ctr-home .sec-5 .iptbox .icn, .ctr-home .sec-7 .iptbox .icn {
    position: absolute;
    right: 2%;
    top: 6%;
    width: auto;
    height: 80%; }
  .ctr-home .sec-5 .chkrow {
    width: 65%;
    display: block;
    margin-left: 20%;
    position: relative;
    margin-bottom: 3%;
    font-size: 14pt; }
  .ctr-home .sec-5 .chkrow img {
    width: 5%;
    position: absolute;
    left: -7%;
    top: 10%; }
  .ctr-home .sec-5 .s5regbtn {
    width: 60%;
    display: block;
    margin-left: 20%; }
  .ctr-home .sec-5 .gorule {
    color: #008cd7; }
  .ctr-home .sec-7 .s7ruleopn {
    width: 60%;
    margin-left: 20%; }
  .ctr-home .sec-8 .winbox {
    text-align: center; }
  @media screen and (max-width: 750px) {
  .ctr-home .sec-5 .iptbox input, .ctr-home .sec-5 .iptbox select {
    font-size: 3.2vw;
    padding-left: 2vw; }
  .ctr-home .sec-7 .iptbox input, .ctr-home .sec-7 .iptbox select {
    font-size: 3.2vw; }
  .ctr-home .sec-5 .chkrow {
    font-size: 2.8vw;
    /*sec-7 winner*/ }
  .ctr-home .pztitle .dt {
    font-size: 3.2vw; }
  .ctr-home .pztitle .dp {
    font-size: 3vw; }
  .ctr-home .winner {
    font-size: 4.2vw;
    letter-spacing: 0.5vw; } }

@keyframes fire {
  0% {
    opacity: 0;
    transform: scale(0, 0); }

  25% {
    opacity: 1;
    transform: scale(0.2, 0.2); }

  90% {
    opacity: 1;
    transform: scale(1, 1); }

  100% {
    opacity: 0;
    transform: scale(1, 1); } }

@keyframes bblr {
  0% {
    transform: translate(-60%, 0%); }

  50% {
    transform: translate(60%, 0%); }

  100% {
    transform: translate(-60%, 0%); } }

@keyframes bbtop {
  0% {
    top: 110vh; }

  100% {
    top: -30vh; } }