/*
** 原始創作: 中華民國 / 台灣 / 高雄市 / 王裕文 / Tiger老師
**
** Tiger老師是全世界第一個自動架站引擎的發明者
**
** Line ID : hi6vhivv
**
** 電子信箱: hi6vhivv@gmail.com / hi6vhivv@yahoo.com.tw
**
** Tiger老師 / 網業發展研究工作室: https://Tiger.vvv.tw
**
** 服務項目: 專門研發【自動化 / 超速級】架站引擎丶開站平台；從 Web 1.0 開始己經有二十幾年的經歷。
**
** 專業供應:每年至少都會推出一種全新觀念的架站引擎提供給同業採用,歡迎聯絡。
**
** Tiger老師 / 網業發展研究工作室 http://www.tiger.com6.tw
**
** 五元網站｜五省錢超值建站平台: https://www.nt5.tw/
**
**
** 版權所有，本版本日期: 2022-12-12
**
**
** Tiger老師可能是自1999年起第一個專業「賣平台」的個人
**
** 甲傳勝址: Tiger老師為了解決HTTPS安全鎖網址的問題所研究出來的技術= 馬上讓每個網站都具備自己網站的 HTTPS安全鎖網址。
*/

/* 四個方塊 */

.ms-preload {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #;
    z-index: 50000;
    height: 100%;
    width: 100%
}

.loader12 {
  position: relative;
  left: calc(50% - 60px);
  width: 120px;
  height: 120px;
  border-left: 5px solid #de362b;
  border-radius: 50%;
  animation: right5231 1.5s linear infinite;
}

.loader12::before,
  .loader12::after {
  content: "";
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  border-right: 5px solid #fcc62e;
  border-radius: 50%;
  animation: left036 1.5s linear infinite;
}

.loader12::after {
  width: 80px;
  height: 80px;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  border: 0;
  border-top: 5px solid #1a73e9;
  animation: none;
}

@keyframes right5231 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes left036 {
  from {
    transform: rotate(720deg);
  }

  to {
    transform: rotate(0deg);
  }
}