@charset "UTF-8";
/* mixins and variables */
/* -------------------------------------------------------------
	Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
	By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

	List of CSS3 Sass Mixins File to be @imported and @included as you need

	The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
	ENDING css files

	note: All CSS3 Properties are being supported by Safari 5
	more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/* no select */
/* white and gray */
.body-landpage {
  -webkit-background-size: cover;
  -khtml-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/bg_002.jpg");
  height: 100vh;
  overflow: hidden;
}
.body-landpage:before {
  content: "";
  width: 450px;
  height: 160px;
  -webkit-background-size: contain;
  -khtml-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  background-image: url("images/bg_002_mask.png");
  right: 0;
  top: 0;
}

/* 右上角動畫 */
.landpage-aurora-wrapper {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  overflow: hidden;
}

.landpage-aurora {
  position: absolute;
  bottom: 250px;
  right: -190px;
}

/* 登入
-------------- */
.forget-password-form, .login-form {
  width: 360px;
  margin: 0 auto 0;
  padding-top: calc(50vh - 300px);
}
.forget-password-form .logo-wrapper, .login-form .logo-wrapper {
  margin: 0 auto 60px;
  width: 344px;
}
.forget-password-form .logo-wrapper img, .login-form .logo-wrapper img {
  width: 100%;
}
.forget-password-form input, .login-form input {
  padding-left: 15px;
  padding-right: 15px;
}

.login-form input {
  border-radius: 50px;
}
.login-form .btn-primary {
  float: right;
  margin-top: 15px;
  border-radius: 50px;
  width: 100%;
}

.verify-code-wrapper {
  padding-top: 30px;
}
.verify-code-wrapper input {
  float: left;
  border-radius: 0;
  border-width: 0 0 1px 0;
  background-color: transparent;
  width: calc(100% - 100px - 50px - 0px);
  margin-right: 0px;
}
.verify-code-wrapper input.error {
  box-shadow: none;
}
.verify-code-wrapper img {
  float: right;
  width: 100px;
}
.verify-code-wrapper button {
  float: right;
  text-align: center;
  padding: 8px 0;
  width: 50px;
  color: rgba(124, 135, 158, 0.75);
}
.verify-code-wrapper button:hover {
  color: #c5d2e8;
}

/* 忘記密碼 */
.forget-password-link {
  opacity: 0.5;
  margin-top: 15px;
  display: inline-block;
}

/* 忘記密碼
-------------- */
.forget-password-form-row input {
  border-radius: 50px 0 0 50px !important;
}
.forget-password-form-row .btn-primary {
  border-radius: 0 50px 50px 0;
}

/* 首頁
-------------- */
.home-info {
  position: absolute;
  width: 400px;
  left: calc(50% - 730px);
  top: calc(50% - 240px);
  z-index: 2;
  background-color: rgba(17, 25, 44, 0.75);
  box-shadow: 0 0 30px 50px rgba(17, 25, 44, 0.75);
  border-radius: 40px;
}
.home-info .now-time {
  margin-bottom: 15px;
}
.home-info .title-wellcom {
  position: relative;
  font-size: 2.2222222222rem;
  padding-bottom: 10px;
  padding-right: 20px;
  margin-bottom: 30px;
  max-width: 100%;
}
.home-info .title-wellcom span {
  display: inline-block;
  word-break: break-word;
}
.home-info .title-wellcom:after {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 0;
  height: 4px;
  width: 80px;
  background-color: #626afa;
}

/* 首頁選單 */
.home-menu {
  position: absolute;
  left: calc(50% - 340px);
  top: calc(50% - 360.5px);
  width: 1086px;
  height: 721px;
  color: white;
  z-index: 2;
  /* pointer-events: none; */
  /* active pointer-events */
  /* 第0層 */
  /* 第1層 */
  /* dropdown */
  /* 第2層 */
  /* 第3層 */
  /* icon */
}
.home-menu a {
  display: inline-block;
  position: relative;
}
.home-menu .first-layer,
.home-menu .first-layer-title,
.home-menu .first-layer-dots {
  pointer-events: none;
}
.home-menu .home-menu-page,
.home-menu .first-layer-page.active,
.home-menu .hexagon-range-path {
  pointer-events: none;
}
.home-menu .home-menu-page.active,
.home-menu .home-menu-page.active .first-layer-page.active,
.home-menu .home-menu-page.active .hexagon-range-path {
  pointer-events: auto;
}
.home-menu .home-menu-page {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.3s all ease-in-out 0s;
  -khtml-transition: 0.3s all ease-in-out 0s;
  -moz-transition: 0.3s all ease-in-out 0s;
  -ms-transition: 0.3s all ease-in-out 0s;
  -o-transition: 0.3s all ease-in-out 0s;
  transition: 0.3s all ease-in-out 0s;
  opacity: 0;
}
.home-menu .home-menu-page .first-layer {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -khtml-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.2s all ease-in-out 0s;
  -khtml-transition: 0.2s all ease-in-out 0s;
  -moz-transition: 0.2s all ease-in-out 0s;
  -ms-transition: 0.2s all ease-in-out 0s;
  -o-transition: 0.2s all ease-in-out 0s;
  transition: 0.2s all ease-in-out 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(1) {
  -webkit-transition: transform 0.3s ease-in-out 0.6s ,  opacity 0.3s ease-in-out 0.6s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.6s ,  opacity 0.3s ease-in-out 0.6s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.6s ,  opacity 0.3s ease-in-out 0.6s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.6s ,  opacity 0.3s ease-in-out 0.6s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.6s ,  opacity 0.3s ease-in-out 0.6s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.6s ,  opacity 0.3s ease-in-out 0.6s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(2) {
  -webkit-transition: transform 0.3s ease-in-out 0.55s ,  opacity 0.3s ease-in-out 0.55s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.55s ,  opacity 0.3s ease-in-out 0.55s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.55s ,  opacity 0.3s ease-in-out 0.55s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.55s ,  opacity 0.3s ease-in-out 0.55s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.55s ,  opacity 0.3s ease-in-out 0.55s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.55s ,  opacity 0.3s ease-in-out 0.55s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(3) {
  -webkit-transition: transform 0.3s ease-in-out 0.5s ,  opacity 0.3s ease-in-out 0.5s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.5s ,  opacity 0.3s ease-in-out 0.5s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.5s ,  opacity 0.3s ease-in-out 0.5s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.5s ,  opacity 0.3s ease-in-out 0.5s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.5s ,  opacity 0.3s ease-in-out 0.5s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.5s ,  opacity 0.3s ease-in-out 0.5s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(4) {
  -webkit-transition: transform 0.3s ease-in-out 0.45s ,  opacity 0.3s ease-in-out 0.45s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.45s ,  opacity 0.3s ease-in-out 0.45s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.45s ,  opacity 0.3s ease-in-out 0.45s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.45s ,  opacity 0.3s ease-in-out 0.45s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.45s ,  opacity 0.3s ease-in-out 0.45s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.45s ,  opacity 0.3s ease-in-out 0.45s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(5) {
  -webkit-transition: transform 0.3s ease-in-out 0.4s ,  opacity 0.3s ease-in-out 0.4s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.4s ,  opacity 0.3s ease-in-out 0.4s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.4s ,  opacity 0.3s ease-in-out 0.4s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.4s ,  opacity 0.3s ease-in-out 0.4s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.4s ,  opacity 0.3s ease-in-out 0.4s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.4s ,  opacity 0.3s ease-in-out 0.4s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(6) {
  -webkit-transition: transform 0.3s ease-in-out 0.35s ,  opacity 0.3s ease-in-out 0.35s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.35s ,  opacity 0.3s ease-in-out 0.35s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.35s ,  opacity 0.3s ease-in-out 0.35s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.35s ,  opacity 0.3s ease-in-out 0.35s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.35s ,  opacity 0.3s ease-in-out 0.35s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.35s ,  opacity 0.3s ease-in-out 0.35s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page .first-layer:nth-last-child(7) {
  -webkit-transition: transform 0.3s ease-in-out 0.3s ,  opacity 0.3s ease-in-out 0.3s ,  z-index 0s linear 0s;
  -khtml-transition: transform 0.3s ease-in-out 0.3s ,  opacity 0.3s ease-in-out 0.3s ,  z-index 0s linear 0s;
  -moz-transition: transform 0.3s ease-in-out 0.3s ,  opacity 0.3s ease-in-out 0.3s ,  z-index 0s linear 0s;
  -ms-transition: transform 0.3s ease-in-out 0.3s ,  opacity 0.3s ease-in-out 0.3s ,  z-index 0s linear 0s;
  -o-transition: transform 0.3s ease-in-out 0.3s ,  opacity 0.3s ease-in-out 0.3s ,  z-index 0s linear 0s;
  transition: transform 0.3s ease-in-out 0.3s ,  opacity 0.3s ease-in-out 0.3s ,  z-index 0s linear 0s;
}
.home-menu .home-menu-page.active {
  opacity: 1;
}
.home-menu .home-menu-page.active .first-layer {
  opacity: 1;
  -webkit-transform: none;
  -khtml-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.home-menu .first-layer {
  position: absolute;
  width: 30.2025782689%;
  height: 39.3897364771%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  /* hover shadow */
}
.home-menu .first-layer:nth-child(1) {
  left: 0.3683241252%;
  top: 20.1109570042%;
  background-image: url("images/menu_001.png");
}
.home-menu .first-layer:nth-child(2) {
  left: 23.664825046%;
  top: 0%;
  background-image: url("images/menu_002.png");
}
.home-menu .first-layer:nth-child(4) {
  left: 46.8692449355%;
  top: 20.1109570042%;
  background-image: url("images/menu_003.png");
}
.home-menu .first-layer:nth-child(6) {
  left: 70.1657458564%;
  top: 0%;
  background-image: url("images/menu_004.png");
}
.home-menu .first-layer:nth-child(3) {
  left: 23.664825046%;
  top: 40.3606102635%;
  background-image: url("images/menu_005.png");
}
.home-menu .first-layer:nth-child(5) {
  left: 46.8692449355%;
  top: 60.6102635229%;
  background-image: url("images/menu_006.png");
}
.home-menu .first-layer:nth-child(7) {
  left: 70.1657458564%;
  top: 40.3606102635%;
  background-image: url("images/menu_007.png");
}
.home-menu .first-layer .first-layer-title {
  position: absolute;
  right: 43%;
  top: 9%;
  font-size: 1.1111111111rem;
  font-weight: bold;
}
@media (max-width: 1599px) {
  .home-menu .first-layer .first-layer-title {
    font-size: 1rem;
  }
}
@media (max-width: 1199px) {
  .home-menu .first-layer .first-layer-title {
    font-size: 0.8888888889rem;
  }
}
.home-menu .first-layer .hexagon-range-svg {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.home-menu .first-layer:after {
  content: "";
  z-index: -1;
  position: absolute;
  overflow: hidden;
  top: -10.5633802817%;
  right: -9.1463414634%;
  bottom: -10.5633802817%;
  left: -9.1463414634%;
  -webkit-background-size: contain;
  -khtml-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/menu_shadow.png");
  opacity: 0;
  -webkit-transition: 0.15s all ease-in-out 0s;
  -khtml-transition: 0.15s all ease-in-out 0s;
  -moz-transition: 0.15s all ease-in-out 0s;
  -ms-transition: 0.15s all ease-in-out 0s;
  -o-transition: 0.15s all ease-in-out 0s;
  transition: 0.15s all ease-in-out 0s;
  pointer-events: none;
}
.home-menu .first-layer.hover:after {
  opacity: 1;
}
.home-menu .first-layer-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: center;
  padding-bottom: 10px;
}
.home-menu .first-layer-dots span {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-transition: 0.16s all ease-in-out 0s;
  -khtml-transition: 0.16s all ease-in-out 0s;
  -moz-transition: 0.16s all ease-in-out 0s;
  -ms-transition: 0.16s all ease-in-out 0s;
  -o-transition: 0.16s all ease-in-out 0s;
  transition: 0.16s all ease-in-out 0s;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.home-menu .first-layer-dots span.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
}
.home-menu .first-layer-dots span + span {
  margin-left: 4px;
}
.home-menu .first-layer-page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 70px;
  /* animation */
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -khtml-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
@media (max-width: 1599px) {
  .home-menu .first-layer-page {
    padding-top: 60px;
  }
}
@media (max-width: 1199px) {
  .home-menu .first-layer-page {
    padding-top: 40px;
  }
}
.home-menu .first-layer-page > li {
  position: relative;
  z-index: 1;
  display: none;
}
.home-menu .first-layer-page > li > a {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 5px;
  line-height: 40px;
}
@media (max-width: 1599px) {
  .home-menu .first-layer-page > li > a {
    line-height: 34px;
  }
}
@media (max-width: 1199px) {
  .home-menu .first-layer-page > li > a {
    line-height: 28px;
  }
}
.home-menu .first-layer-page > li > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.home-menu .first-layer-page > li:nth-child(1) {
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s ,  transform 0.2s ease-in-out 0.2s ,  z-index 0s 0s;
  -khtml-transition: opacity 0.2s ease-in-out 0.2s ,  transform 0.2s ease-in-out 0.2s ,  z-index 0s 0s;
  -moz-transition: opacity 0.2s ease-in-out 0.2s ,  transform 0.2s ease-in-out 0.2s ,  z-index 0s 0s;
  -ms-transition: opacity 0.2s ease-in-out 0.2s ,  transform 0.2s ease-in-out 0.2s ,  z-index 0s 0s;
  -o-transition: opacity 0.2s ease-in-out 0.2s ,  transform 0.2s ease-in-out 0.2s ,  z-index 0s 0s;
  transition: opacity 0.2s ease-in-out 0.2s ,  transform 0.2s ease-in-out 0.2s ,  z-index 0s 0s;
  margin-left: 15%;
}
.home-menu .first-layer-page > li:nth-child(2) {
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out 0.25s ,  transform 0.2s ease-in-out 0.25s ,  z-index 0s 0s;
  -khtml-transition: opacity 0.2s ease-in-out 0.25s ,  transform 0.2s ease-in-out 0.25s ,  z-index 0s 0s;
  -moz-transition: opacity 0.2s ease-in-out 0.25s ,  transform 0.2s ease-in-out 0.25s ,  z-index 0s 0s;
  -ms-transition: opacity 0.2s ease-in-out 0.25s ,  transform 0.2s ease-in-out 0.25s ,  z-index 0s 0s;
  -o-transition: opacity 0.2s ease-in-out 0.25s ,  transform 0.2s ease-in-out 0.25s ,  z-index 0s 0s;
  transition: opacity 0.2s ease-in-out 0.25s ,  transform 0.2s ease-in-out 0.25s ,  z-index 0s 0s;
  margin-left: 10%;
}
.home-menu .first-layer-page > li:nth-child(3) {
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out 0.3s ,  transform 0.2s ease-in-out 0.3s ,  z-index 0s 0s;
  -khtml-transition: opacity 0.2s ease-in-out 0.3s ,  transform 0.2s ease-in-out 0.3s ,  z-index 0s 0s;
  -moz-transition: opacity 0.2s ease-in-out 0.3s ,  transform 0.2s ease-in-out 0.3s ,  z-index 0s 0s;
  -ms-transition: opacity 0.2s ease-in-out 0.3s ,  transform 0.2s ease-in-out 0.3s ,  z-index 0s 0s;
  -o-transition: opacity 0.2s ease-in-out 0.3s ,  transform 0.2s ease-in-out 0.3s ,  z-index 0s 0s;
  transition: opacity 0.2s ease-in-out 0.3s ,  transform 0.2s ease-in-out 0.3s ,  z-index 0s 0s;
  margin-left: 10%;
}
.home-menu .first-layer-page > li:nth-child(4) {
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out 0.35s ,  transform 0.2s ease-in-out 0.35s ,  z-index 0s 0s;
  -khtml-transition: opacity 0.2s ease-in-out 0.35s ,  transform 0.2s ease-in-out 0.35s ,  z-index 0s 0s;
  -moz-transition: opacity 0.2s ease-in-out 0.35s ,  transform 0.2s ease-in-out 0.35s ,  z-index 0s 0s;
  -ms-transition: opacity 0.2s ease-in-out 0.35s ,  transform 0.2s ease-in-out 0.35s ,  z-index 0s 0s;
  -o-transition: opacity 0.2s ease-in-out 0.35s ,  transform 0.2s ease-in-out 0.35s ,  z-index 0s 0s;
  transition: opacity 0.2s ease-in-out 0.35s ,  transform 0.2s ease-in-out 0.35s ,  z-index 0s 0s;
  margin-left: 18%;
}
.home-menu .first-layer-page > li {
  opacity: 0;
  -webkit-transform: translateX(-30px);
  -khtml-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
}
.home-menu .first-layer-page.active {
  opacity: 1;
}
.home-menu .first-layer-page.active > li {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -khtml-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.home-menu .menu-dropdown {
  position: relative;
  /* .menu-dropdown.open */
}
.home-menu .menu-dropdown > a {
  padding-right: 24px !important;
}
.home-menu .menu-dropdown > a:after {
  display: block;
  font-size: 0.8888888889rem;
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  content: "\f0da";
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
  font-weight: 900;
  color: white;
  -webkit-transition: 0.2s all ease-in-out 0s;
  -khtml-transition: 0.2s all ease-in-out 0s;
  -moz-transition: 0.2s all ease-in-out 0s;
  -ms-transition: 0.2s all ease-in-out 0s;
  -o-transition: 0.2s all ease-in-out 0s;
  transition: 0.2s all ease-in-out 0s;
  width: 24px;
  line-height: 24px;
  text-align: center;
}
.home-menu .menu-dropdown.open {
  z-index: 2;
}
.home-menu .menu-dropdown.open > .menu-dropdown-submenu {
  display: block;
}
.home-menu .first-layer-page > .menu-dropdown.open > a:after {
  -webkit-transform: rotate(90deg);
  -khtml-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.home-menu .menu-dropdown-submenu {
  position: absolute;
  left: 0;
  top: 100%;
  border-radius: 10px;
  background-color: rgba(11, 17, 27, 0.95);
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.1), 0 3px 8px rgba(0, 0, 0, 0.24), 0 3.5px 9.5px rgba(0, 0, 0, 0.23);
  padding: 8px 0;
  min-width: 10em;
  white-space: nowrap;
  z-index: 1000;
  /* active */
  display: none;
}
.home-menu .menu-dropdown-submenu a {
  display: block;
}
.home-menu .menu-dropdown-submenu > li > a {
  padding: 8px 15px;
}
.home-menu .menu-dropdown-submenu > li > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.home-menu .third-layer {
  left: 100%;
  top: 0;
}
.home-menu .hm-ic {
  margin-right: 6px;
}

.home-menu-nav {
  position: fixed;
  right: calc(50% - 630px);
  bottom: calc(50% - 390px);
  z-index: 3;
}
.home-menu-nav .btn-outline {
  height: 50px;
  width: 50px;
  padding: 0;
  border-radius: 50%;
  margin: 0 2px;
}
.home-menu-nav .btn-outline, .home-menu-nav .btn-outline i {
  line-height: 48px;
}
.home-menu-nav .btn-outline i {
  margin: 0;
  font-size: 1.3888888889rem;
}

.home-menu-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: center;
  padding-bottom: 10px;
  pointer-events: none;
}
.home-menu-dots span {
  display: inline-block;
  margin: 0 2px;
  width: 60px;
  height: 6px;
  border-radius: 50px;
  -webkit-transition: 0.1s all ease-in-out 0s;
  -khtml-transition: 0.1s all ease-in-out 0s;
  -moz-transition: 0.1s all ease-in-out 0s;
  -ms-transition: 0.1s all ease-in-out 0s;
  -o-transition: 0.1s all ease-in-out 0s;
  transition: 0.1s all ease-in-out 0s;
  background-color: rgba(255, 255, 255, 0.1);
}
.home-menu-dots span.active {
  background-color: #626afa;
  border-color: transparent;
}
.home-menu-dots span + span {
  margin-left: 4px;
}

/* icon */
.hm-ic {
  width: 32px;
  height: 32px;
  -webkit-background-size: contain;
  -khtml-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1599px) {
  .hm-ic {
    width: 24px;
    height: 24px;
  }
}

.hm-ic-000 {
  background-image: url("images/menu_icon.png");
}

.hm-ic-000 {
  background-image: url("images/menu_icon.png");
}

/* RWD */
@media (max-width: 1599px) {
  .home-info {
    width: 320px;
    left: calc(50% - 584px);
    top: calc(50% - 192px);
  }
  .home-info .title-wellcom {
    font-size: 2.2222222222rem;
  }

  .home-menu {
    left: calc(50% - 272px);
    top: calc(50% - 288.4px);
    width: 868.8px;
    height: 576.8px;
    font-size: 0.8888888889rem;
  }

  .home-menu-nav {
    right: calc(50% - 504px);
    bottom: calc(50% - 312px);
  }
}
@media (max-width: 1199px) {
  .home-info {
    width: 240px;
    left: calc(50% - 438px);
    top: calc(50% - 144px);
  }
  .home-info .title-wellcom {
    font-size: 1.6666666667rem;
  }

  .home-menu {
    left: calc(50% - 204px);
    top: calc(50% - 216.3px);
    width: 651.6px;
    height: 432.6px;
    font-size: 0.7777777778rem;
  }

  .home-menu-nav {
    right: calc(50% - 378px);
    bottom: calc(50% - 234px);
  }
}
/* home alert */
.home-alert {
  position: absolute;
  bottom: calc(100% + 15px);
  left: 0;
  padding: 8px 15px;
  border-radius: 0px;
  border: 1px solid #ff4347;
  color: #ff4347;
}
.home-alert:before, .home-alert:after {
  content: "";
  z-index: -1;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: 1.2s home-alert-animation 0s ease-in-out infinite;
  -khtml-animation: 1.2s home-alert-animation 0s ease-in-out infinite;
  -moz-animation: 1.2s home-alert-animation 0s ease-in-out infinite;
  -ms-animation: 1.2s home-alert-animation 0s ease-in-out infinite;
  -o-animation: 1.2s home-alert-animation 0s ease-in-out infinite;
  animation: 1.2s home-alert-animation 0s ease-in-out infinite;
  outline: 3px double #ff4347;
}
.home-alert:before {
  -webkit-animation-delay: 0.6s;
  -khtml-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.home-alert i {
  line-height: 24px;
  width: 24px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  font-size: 0.7777777778rem;
}
.home-alert:hover {
  color: white;
  background-color: #ff4347;
}
.home-alert:active {
  background-color: #cd3538;
}

@-webkit-keyframes home-alert-animation {
  from {
    outline: 3px double #ff4347;
  }
  to {
    outline: 12px double transparent;
  }
}
@-moz-keyframes home-alert-animation {
  from {
    outline: 3px double #ff4347;
  }
  to {
    outline: 12px double transparent;
  }
}
@-ms-keyframes home-alert-animation {
  from {
    outline: 3px double #ff4347;
  }
  to {
    outline: 12px double transparent;
  }
}
@-o-keyframes home-alert-animation {
  from {
    outline: 3px double #ff4347;
  }
  to {
    outline: 12px double transparent;
  }
}
@keyframes home-alert-animation {
  from {
    outline: 3px double #ff4347;
  }
  to {
    outline: 12px double transparent;
  }
}

/*# sourceMappingURL=landpage.css.map */