@charset "UTF-8";

/* 
###########################################################
###### CMS ADMINCP SCSS v1.0.1 (2022-01-05) #######################
###########################################################
*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body.cms {
  padding: 0px;
  margin: 0px;
  min-height: 100vh;
  background-image: linear-gradient(to right top, #051937, #002058, #002479, #282197, #530db1);
  color: #ffffff;
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

h1 {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

h2 {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

h3 {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

h4 {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

h5 {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

h6 {
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

a {
  color: #1f40fc;
  text-decoration: none;
}

a:hover {
  color: #3b59ff;
  text-decoration: none;
}

a:visited {
  color: #3b59ff;
  text-decoration: none;
}

a:focus {
  color: #3b59ff;
  text-decoration: none;
}

a:active {
  color: #3b59ff;
  text-decoration: none;
}

header .section-appbar .MuiToolbar-root {
  position:relative;
}

.brand-logo {
  position:absolute;
  width: 80px;
  top :5px;
}

.header-title {
  padding: 0px 20px;
}

.header-title i {
  font-size: 30px;
}

.main-content {
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: 100%;


}

.section-logo {}

.section-appbar {
  background: transparent;
  background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #020024 100%);
  border: 0px;
  filter: drop-shadow(0 0 0.75rem #000);
}

.section-appbar .btn-toggle-drawer {}

.section-appbar .nav-btn {
  font-size: 23px;
  color: #fffff0;
}

.section-sidebar-drawer .cms-drawer {
  background: url('imgs/nyx-bg.jpg') top center no-repeat;
  background-color: #2b0149;
}

.section-sidebar-drawer .cms-drawer .MuiTypography-root {
  color: #ffffff;
}

.section-sidebar-drawer .cms-drawer .Mui-selected {
  background-color: #2b0447;
}

.section-main {
  display:block;
  min-height:100vh;
  padding-bottom: 100px
}

.section-footer {
  width: 100%;
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgba(46, 46, 46, 0.3);
  color: #efefef;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border-top: 1px solid #333;
  border-radius: 0px;
  padding: 10px 5px;
}

.section-footer .row {
  padding-bottom: 10px;
}

.section-footer .copyright {
  text-align: center;
}

body.lang-zh-hans {
  color: #efefef;
  font-family: "Hiragino Kaku Gothic Pro", "WenQuanYi Zen Hei", "微軟正黑體", "蘋果儷中黑", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

.nav-menu-md {
  padding-left: 50px;
}

.nav-menu-md a,
.nav-menu-md a:visited,
.nav-menu-md .MuiButton-root {
  font-size: 15px;
  color: #efefef;
}

.nav-menu-md a:hover,
.nav-menu-md .MuiButton-root:hover {
  color: #efefef;

  background: rgba(116, 186, 255, 0.25);
}


.nav-header-md {}

.nav-header-md button {
  color: #ffffff;
}


.nav-submenu .MuiPaper-root {}

.nav-submenu .navbar-child {}


#admincp {
  display: block;
  min-height: 100vh;
}


.banner-content .info {
  display: block;
  margin: auto;
  width: 100%;
  bottom: 30%;
}

.banner-content .info .inner-element #linkCaption {
  border: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
}

.name-tag {
  text-align:center;
  font-size:28px;
  padding:30px 0px;
}









.adminloginx {
  background: #ffffff;
  background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.adminloginx .MuiCard-root {
  box-shadow: 15px 14px 31px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 15px 14px 31px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 15px 14px 31px 0px rgba(0, 0, 0, 0.75);
}


div.panelmenu ul {
  background: rgba(195, 202, 255, 0.1);
}

div.accountmenu ul .MuiTypography-root,
div.panelmenu ul .MuiTypography-root {
  color: #585858;
  font-size: 13px;
}

div.accountmenu ul a:hover,
div.panelmenu ul a:hover {
  background: rgba(116, 186, 255, 0.2);
}

div.accountmenu ul a,
div.accountmenu ul a:visited,
div.accountmenu ul a:focus,
div.panelmenu ul a,
div.panelmenu ul a:visited,
div.panelmenu ul a:focus {
  color: #081d97;
}

div.accountmenu ul .MuiListItemIcon-root,
div.panelmenu ul .MuiListItemIcon-root {
  min-width: 30px !important;
  max-width: 30px !important;
}

#admincp_msgcard {
  min-height: 100vh;
  background: #036;
  background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #333;
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

h1.mod-title {
  color: cover;
  font-family: Verdana, sans-serif;
  font-size: 30px;
}

.breadcrumbsbox {
  padding: 0px;
  color: #333;
  font-family: Verdana, sans-serif;
  font-size: 30px;
}

.breadcrumbsbox a,
.breadcrumbsbox a:active,
.breadcrumbsbox a:focus,
.breadcrumbsbox a:visited {
  color: #081d97;
}

.breadcrumbsbox a:hover {
  color: #0a23b8;
}

.page-intro .card h5 {
   
color: #000 !important;

}

.page-intro .feature-icon {
	font-size: 2.5rem;
	color: #3498db !important;
}

.page-intro .how-it-works .card-img-top {
	cursor: pointer;
}

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



@media only screen and (max-width: 900px),
@media only screen and (max-width: 600px) {
  body.cms {}

  .section-appbar {
    padding: 5px 3px;
  }

  .section-appbar .nav-btn {
    font-size: 25px;
    color: #ffffff;
  }

  .section-sidebar-drawer .cms-drawer a {}

  .section-sidebar-drawer .cms-drawer .MuiTypography-body1 {
    font-size: 20px;
  }



  .banner-content .info {
    display: block;
    margin: auto;
    width: 100%;
    bottom: 10%;
  }

  .banner-content .info .inner-element #linkCaption {
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
  }

  .name-tag {
    font-size:13px;
    padding:20px 0px;
  }
  

}