/* Loading in all pages */

/*=====Loading V2相關設定=====*/
/* generated by loading.io */
/* 以下Size與位置，都縮小至0.25 */

#yt-spinner-loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.2);
}
.yt-loading-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(720px*0.25);
  height: calc(720px*0.25);
  z-index: 99;
}
.balls-block {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.balls-block div { 
  box-sizing: content-box; 
}

@keyframes balls-block-0 {
  0% {
    background: #31afff;
    transform: translateZ(0) translate(calc(460.8px*0.25), calc(316.8px*0.25));
    backface-visibility: hidden;
  }
  100% {
    background: #0264bd;
    transform: translateZ(0) translate(calc(244.8px*0.25), calc(439.2px*0.25));
    backface-visibility: hidden;
  }
}

@keyframes balls-block-1 {
  0% {
    background: #0264bd;
    transform: translateZ(0) translate(calc(244.8px*0.25), calc(439.2px*0.25));
    backface-visibility: hidden;
  }
  100% {
    background: #0379e6;
    transform: translateZ(0) translate(calc(237.6px*0.25), calc(187.20000000000002px*0.25));
    backface-visibility: hidden;
  }
}

@keyframes balls-block-2 {
  0% {
    background: #0379e6;
    transform: translateZ(0) translate(calc(237.6px*0.25), calc(187.20000000000002px*0.25));
    backface-visibility: hidden;
  }
  100% {
    background: #31afff;
    transform: translateZ(0) translate(calc(460.8px*0.25), calc(316.8px*0.25));
    backface-visibility: hidden;
  }
}

.balls-block div:nth-child(1) {
  animation: balls-block-0 0.6s infinite linear;
  position: absolute;
  width: calc(86.4px*0.25);
  height: calc(86.4px*0.25);
  border-radius: 50%;
}

.balls-block div:nth-child(2) {
  animation: balls-block-1 0.6s infinite linear;
  position: absolute;
  width: calc(86.4px*0.25);
  height: calc(86.4px*0.25);
  border-radius: 50%;
}

.balls-block div:nth-child(3) {
  animation: balls-block-2 0.6s infinite linear;
  position: absolute;
  width: calc(86.4px*0.25);
  height: calc(86.4px*0.25);
  border-radius: 50%;
}




/*for IE9*/
/* .cp-round:after {display:none\9\0;} */
/* .ie9-round{display:block\9\0;} */



/*================Responsive相關設定================*/
@media screen and (max-width:1200px) {
    
}


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


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

}


@media screen and (min-width: 992px) and (max-width: 1199px) {
   
}

    
@media screen and (min-width: 768px) and (max-width: 991px) {
    
}


@media screen and (min-width: 768px){
    
}


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


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


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

}


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