@charset "UTF-8";

/* 
###########################################################
###### CMS SCSS v1.0.1 (2021-12-19) #######################
###########################################################
*/
body.cms {
  height: 100vh;
  background: #036;
  background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: normal;
}

.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar header {
  background: rgba(35, 141, 247, 0.9);
  display: block;
  padding: 0px;
  min-height: 60px;
  background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar header .MuiToolbar-root {
  position: relative;
}

@media (min-width: 900px) {
  .navbar header .nav-menu-brand {
    position: absolute;
    top: -15px;
    left: 50px;
  }

  .navbar header .nav-menu-brand img {
    border: 0px;
    width: 120px;
  }
}

@media (max-width: 899px) {
  .navbar header .nav-menu-brand {
    position: static;
  }

  .navbar header .nav-menu-brand img {
    border: 0px;
    width: 70px;
  }
}

.navbar header .nav-menu-md {
  padding-left: 180px;
}

.navbar header a,
.navbar header button[type="button"] {
  color: rgba(255, 255, 255, 0.8);
  font: "Times New Roman", Times, serif;
  min-height: 70px;
  background: transparent;
  border-radius: 0px;
}

.navbar header a:hover,
.navbar header button[type="button"]:hover {
  color: white;
  background: rgba(8, 113, 218, 0.9);
  border-radius: 0px;
  text-decoration: none;
}

/* div[role="presentation"] div.MuiPaper-elevation ul[role=menu] {
  background: rgba(115, 183, 250, 0.9);
  color: #003f7e; }

div[role="presentation"] div.MuiPaper-elevation ul a {
  color: #003f7e;
  text-decoration: none; }

div[role="presentation"] div.MuiPaper-elevation ul a:hover {
  color: #005cb8; }

div[role="presentation"] .MuiPopover-paper {
  border-radius: 0px; } */

.nav-drawer .MuiDrawer-paper {
  background: rgba(195, 202, 255, 0.9);
  border: 0px;
  font: "Times New Roman", Times, serif;
  color: #585858;
}

.nav-drawer .navbar-child:hover {
  background: rgba(116, 186, 255, 0.9);
}

.nav-drawer a,
.nav-drawer .drawer-child a,
.nav-drawer .nav-drawer-menu,
.nav-drawer .nav-drawer-user,
.nav-drawer .drawer-child div[role="button"],
.nav-drawer .drawer-child div[role="button"] .MuiListItemIcon-root {
  color: #585858;
  text-decoration: none;
}

.nav-drawer a:hover,
.nav-drawer .drawer-child a:hover,
.nav-drawer .drawer-child div[role="button"]:hover,
.nav-drawer .drawer-child div[role="button"]:hover .MuiListItemIcon-root {
  color: #333333;
  text-decoration: none;
}

h1 {
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

h2 {
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

h3 {
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

h4 {
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

h5 {
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

h6 {
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
}

a {
  color: #ff0000;
  text-decoration: none;
}

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

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

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

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

/* 
input[type="text"],
input[type="password"], textarea {
  color: #ffffff;
  background: #cccccc;
  padding: 16.5px 14px;
  border: 1px solid #0084ff;
  border-radius: 4px; }

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover {
  background: #d1d1d1;
  border: 1px solid #0084ff; } */

main.main-content {
  min-height: 100vh;
  padding: 70px 0px 100px 0px;
  display: block;
  min-width: 100%;
}

.cms-rating {}

body.page-index main.main-content {
  min-height: 100vh;
  padding: 0px 0px 0px 0px;
}

footer.cms {
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0px;
  background: rgba(1, 35, 69, 0.9);
  color: #ffffff;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: normal;
  border: 0px;
  border-radius: 0px;
  padding: 30px 10px;
}

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;
}

/*
.func-newapp
.func-prodapp
.func-albumapp
.func-msgcardapp {

}


*/