@charset "utf-8";
/* ▼▼▼ loading ▼▼▼ */
#loading{ position:absolute; width:100%; height:100%; left:0; top:0; overflow-x:hidden; }
.loader{ position:absolute; left:50%; top:50%; width:40px; height:50px; margin:-25px 0 0 -15px; text-align:center; display:inline-block; vertical-align:top; z-index:100000;}
.mask2{position:fixed; background:rgba(0,0,0,1); width:100%; height:100%; z-index:99900; left:0; top:0; overflow-x:hidden; }
/* Loading Animation  */
div#loadingAnimation{width:60%; position:absolute; top:50%; left:50%; margin:0 0 0 -30%; z-index:100000; text-align:center; font-size:0.9375rem;}
.ltr{ color:white; }
span:nth-child(1){-webkit-animation-delay:100ms; animation-delay:100ms; }
span:nth-child(2){-webkit-animation-delay:200ms; animation-delay:200ms; }
span:nth-child(3){-webkit-animation-delay:300ms; animation-delay:300ms; }
span:nth-child(4){-webkit-animation-delay:400ms; animation-delay:400ms; }
span:nth-child(5){-webkit-animation-delay:500ms; animation-delay:500ms; }
span:nth-child(6){-webkit-animation-delay:600ms; animation-delay:600ms; }
span:nth-child(7){-webkit-animation-delay:700ms; animation-delay:700ms; }
.blink{animation-name:blinker; animation-duration:1.75s; animation-timing-function:linear; animation-iteration-count:infinite; -webkit-animation-name:blinker; -webkit-animation-duration:1.75s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; }
@-moz-keyframes blinker{0%{opacity:1.0; } 50%{opacity:0.0; } 100%{opacity:1.0; } }
@-webkit-keyframes blinker{0%{opacity:1.0; } 50%{opacity:0.0; } 100%{opacity:1.0; } }
@keyframes blinker{0%{opacity:1.0; } 50%{opacity:0.0; } 100%{opacity:1.0; } }
.delayed span.blink{-webkit-animation-duration:.8s; animation-duration:.8s; }
.spinner{z-index:100000; width:40px; height:40px;  position:absolute; left:50%; transform:translateX(-50%); top:calc(50% - 50px);}
.double-bounce1, .double-bounce2{width:100%; height:100%; border-radius:50%; background-color:#333; opacity:0.6; position:absolute; top:0; left:0; -webkit-animation:sk-bounce 2.0s infinite ease-in-out; animation:sk-bounce 2.0s infinite ease-in-out; }
.double-bounce2{-webkit-animation-delay:-1.0s; animation-delay:-1.0s; }
@-webkit-keyframes sk-bounce{0%, 100%{ -webkit-transform:scale(0.0) } 50%{ -webkit-transform:scale(1.0) } }
@keyframes sk-bounce{0%, 100%{transform:scale(0.0); -webkit-transform:scale(0.0); } 50%{transform:scale(1.0); -webkit-transform:scale(1.0); } }
.loadingtxt{ display:inline-block; color:#fff; font-size:1rem; position:absolute; top:250px; left:50%; transform:translateX(-50%);  z-index:100000; letter-spacing:5px;}

/* ▲▲▲ loading ▲▲▲  */

.num{ margin:0 -.03em; display:inline-block; position:relative; overflow:hidden;  } 
.num:before,.num:after{ content:'';  width:100%;}
.num:before{position:absolute; left:0; bottom:0; width:100%; padding-top:4883%; background-position:top center; background-size:100% auto; }
.num:after{ padding-top:175%; display:block;} 

.num_list-01 .num,.num_list-02 .num{ /* font-size:7.5rem; */ font-size:7.4rem;width:.51em; }
.num_list-01 .num:before,.num_list-02 .num:before{ background-image:url(../image/number-b.png); }
.num_list-03 .num{  color:#ffd02d; width:3rem; height:auto;}
.num_list-03 .num.n-comma{ width:.7rem; height:auto;}
.num_list-03 .num.n-comma:before{ background-image:url(../image/number-comma.png); background-repeat:no-repeat; padding-top:250%; display:block; position:relative;} 
.num_list-03 .num:before{ background-image:url(../image/number.png); }
.num_list-04 .num{  color:#fff; font-size:5rem; width:.55em; }
.num_list-04 .num:before{ background-image:url(../image/number-w.png); }
.num:nth-last-of-type(3n+4){ width:.55em; }
.num:nth-last-of-type(3n+4):after{ display:none; position:absolute; content:','; right:0; font-family:Arial Narrow,Arial,sans-serif; font-size:.8em; bottom:0; line-height:1em;}
.num_list .num:before{ transform:translateY(0); }
.num_list-03 .num:before{ transform:translateY(.64%); }
/* 調整看到BUG 線 */
.num_list.act .num.n1:before{ transform:translateY(53.0%);}
.num_list.act .num.n2:before{ transform:translateY(57.74%); }
.num_list.act .num.n3:before{ transform:translateY(62.5%); }
.num_list.act .num.n4:before{ transform:translateY(67.3%); }
.num_list.act .num.n5:before{ transform:translateY(72%); }
/* .num_list.act .num.n6:before{ transform:translateY(29.15%); } */
.num_list.act .num.n6:before{ transform:translateY(29.13%); }
.num_list.act .num.n7:before{ transform:translateY(33.9%); }
.num_list.act .num.n8:before{ transform:translateY(38.68%); }
.num_list.act .num.n9:before{ transform:translateY(43.4%); }
.num_list.act .num.n0:before{ /* transform:translateY(48.2%); */ transform:translateY(48.18%); }
.num_list{ padding-top:.3em; }
.num_list.act .num.plus:nth-last-of-type(1):before{ animation:plus-act 2.3s normal backwards; }
.num_list.act .num.plus:nth-last-of-type(2):before{ animation:plus-act 3s normal backwards; }
.num_list.act .num.plus:nth-last-of-type(3):before{ animation:plus-act 3.8s normal backwards; }
.num_list.act .num.plus:nth-last-of-type(4):before{ animation:plus-act 4.5s normal backwards; }
.num_list.act .num.plus:nth-last-of-type(5):before{ animation:plus-act 5s normal backwards; }
@keyframes plus-act{ from{transform:translateY(0);}  }
.num_list-01,.num_list-02{ width:calc(90%); color:#6ecff5; background:transparent; }
.num_list-03{display:inline-block; padding:1.4em 0 1em; }
.turbine .motion-box__num{ position:relative; background-image:url('../image/elite__turbine__num_mobile.png'); background-size:cover; width:100%; padding-top:98.16%; display:block; margin:0 0 60px 0; color:#fff;}
.turbine .motion-box__num > div{ position:absolute; }
.turbine .motion-box__num .bar{ width:26.75%; bottom:16.5%; }
.turbine .motion-box__num .bar p{ font-size:1rem; transform:scale(.625); width:150%; margin:0 0 .5em -25%; text-align:center; } 
.turbine .motion-box__num .bar-1{ left:23.4%;  }
.turbine .motion-box__num .bar-2{ right:10px;  }
.turbine .motion-box__num .bar:after{ content:''; background-image:url('../image/elite__turbine__num__bar.gif'); background-position:0 bottom; background-size:100% auto; display:block; opacity:1; }

.turbine .motion-box__num .text_block{ text-align:center; bottom:50%; left:8.5%; width:56.85%;  opacity:0;}
.turbine .motion-box__num .text_block p{ font-size:.93rem; /* letter-spacing:.1em; */ line-height:1.4em; margin-bottom:1.4em;}
.turbine .motion-box__num .circlenum__num{ position:relative;/*  width:42.75%; */  width:42.9%; margin:0 auto;}
.turbine .motion-box__num .circlenum__num .percent{  position:absolute; width:2rem; right:-2rem; bottom:0;}
.turbine .motion-box__num .circlenum__num .percent:after{ content:''; display:block; width:100%; padding-top:87.5%; background:url(../image/elite__turbine__num_mobile__percent.png); background-size:cover; }

.turbine .motion-box__num.act .bar:after{ animation:bar-act 3.5s normal backwards; }
.turbine .motion-box__num.act .bar-1:after{padding-top:70%; background-position:0 30%;}
.turbine .motion-box__num.act .bar-2:after{padding-top:156.25%;}
@keyframes bar-act{ from{ padding-top:0; opacity:.6;}  }

.turbine .motion-box__num.act .text_block{ opacity:1; animation:text_block-act 4.5s 3.5s normal backwards;}
@keyframes text_block-act{ from{ opacity:0; }  }

.turbine .motion-box__num.act .num_list .num.plus:nth-last-of-type(1):before{ animation:plus-act 2.5s 3.5s normal backwards; }
.turbine .motion-box__num.act .num_list .num.plus:nth-last-of-type(2):before{ animation:plus-act 3.5s 3.5s normal backwards; }




/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){
.num{  }
.num_list-01 .num,.num_list-02 .num{ /* width:5.4rem; */ width: 80px;}
/* .num_list-03 .num{ width:3.4rem; } */
.num_list-03 .num{ /* width:3.2rem; */ width:51px; vertical-align: bottom; }
.num_list-04 .num{ width:5rem; }
.num_list-01,.num_list-02{ width:calc(65% - .09em); text-align:right; }
.num_list.act .num.n0:before{ /* transform:translateY(48.2%); */ transform:translateY(48.15%); }

.turbine .motion-box__num{ background-image:url('../image/elite__turbine__num_pc.png'); width:807px; padding-top:538px; background-size:contain; margin:0 auto 130px auto;}
.turbine .motion-box__num .bar{ width:160px; bottom:7%; }
.turbine .motion-box__num .bar-1{ left:226px;  }
.turbine .motion-box__num.act .bar-1:after{ padding-top:60%; }
.turbine .motion-box__num .bar-2{ right:70px;  }
.turbine .motion-box__num .bar p{ transform:scale(1); font-size:1.1rem; margin:0 0 .9em -25%;}
.turbine .motion-box__num .circlenum__num .percent{ width:4rem; right:-4.4rem; }
.turbine .motion-box__num .text_block{ margin-bottom:-2rem; width:45%; left:15.5%;} 
.turbine .motion-box__num .text_block p{ /* font-size:1.2rem; */ font-size:1.625rem; }

}





/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){
.num_list-01 .num,.num_list-02 .num{ /*  font-size:8.5rem;*/ width:4.1rem;}
.num_list.act .num.n0:before{ /* transform:translateY(48.2%); */ transform:translateY(48.2%); }
.turbine .motion-box__num{ transform:scale(.8); transform-origin:26% 50%;} 
.num_list.act .num.n5:before{ transform:translateY(72%); }


}