@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: #ffffff;
  background-image: url("./imgs/background3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  color: #333;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: normal;
}

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

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

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

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

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

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

a {
  color: #081d97;
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

a {
  color: #081d97;
  text-decoration: none;
}

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

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

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

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

.brand-logo { width:30px;}
.header-title { padding:0px 20px; }
.header-title i { font-size:30px;}

main.main-content {
  position: relative;
  padding: 0px 20px 50px 20px;
  display: block;
  width: 100%;
  min-height: 100vh;
  height: 100%;
}

footer.cms {
  width: 100% auto;
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgba(46, 46, 46, 0.3);
  color: #333;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: normal;
  border-top: 1px solid #333;
  border-radius: 0px;
  padding: 10px 5px;
}

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

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

.memberlogin {
  background: #ffffff;
  background-image: linear-gradient(to left top, #0061f2, #4858f4, #6c4bf4, #8b38f1, #a712eb);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.memberlogin .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);
}

.maincp header.appbar {
  background: rgba(36, 198, 220, 0.7);
  display: block;
  padding: 0px;
  min-height: 60px;
  background-image: linear-gradient(to left, rgba(36, 198, 220, 0.6), rgba(81, 74, 157, 0.6));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

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

h1.mod-title {
  color: cover;
  font-family: "Times New Roman", Times, serif;
  font-size: 30px;
}

.breadcrumbsbox {
  padding: 0px;
  color: #333;
  font-family: "Times New Roman", Times, serif;
  font-size: 30px;
}

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

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



/*=== LoginForm SocialMedia GOOGLE ===*/
button.btn_login_socialmedia_google div {
  background-color: #f94033 !important;
  display: none;
  border-radius: 5px;
}
.memberlogin .btn_login_socialmedia_google {
  background-color: #f94033 !important;
  width: 100%;
  text-align: center !important;
  border-radius: 5px !important;
  border: 0 !important;
  text-transform: uppercase;
}
.memberlogin .btn_login_socialmedia_google span {
  color: #eaebed;
  margin: auto;
}

.memberlogin .btn_login_socialmedia_google :before {
  font-family: "Font Awesome 5 Brands";
  content: "\f1a0";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight:900;
}


/*=== LoginForm SocialMedia FACEBOOK ===*/
.memberlogin .btn_login_socialmedia_facebook  {
  border-radius: 0;
  padding: 0px;
}

.memberlogin .btn_login_socialmedia_facebook  {
  
  color: #fff;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.3s, border-color 0.3s;
  background-color: #0073b1 !important;
  border-radius: 5px !important;
  border: 0px !important;
  padding:10px;
  width: 100%;
}

.memberlogin .btn_login_socialmedia_facebook:hover  {
  background-color: #0b9dec !important;
}

.memberlogin .btn_login_socialmedia_facebook :before {
  font-family: "Font Awesome 5 Brands";
  content: "\f39e";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight:900;
}


/*=== LoginForm SocialMedia GITHUB ===*/
.memberlogin .btn_login_socialmedia_github {
  background-color: #0148a4 !important;
  width: 20vw;
  margin-bottom: 10px;
  height: 4.5vh;
  margin-bottom: 10px;
  color: #eaebed;

  /* font-family:Verdana !important; */
  font-weight: 600 !important;
  border-color: #0148a4 !important;
  border-radius: 25px !important;
  border: 0px !important;
  font-size: 0.9vw !important;
}

/*=== LoginForm SocialMedia MICROSOFT ===*/
.memberlogin .btn_login_socialmedia_ms {
  background-color: #0073b1 !important;
  width: 20vw;
  margin-bottom: 10px;
  height: 4.5vh;
  margin-bottom: 10px;
  color: #eaebed;
  /* font-family: Helvetica,sans-serif !important; */
  font-weight: 600 !important;
  border-radius: 25px !important;
  font-size: 0.9vw !important;
}

/*=== LoginForm SocialMedia TWITTER ===*/
.memberlogin .btn_login_socialmedia_twitter {
  border-radius: 25px !important;
  background-color: #0073b1 !important;
  width: 20vw;
  height: 4.5vh;
  margin-bottom:  10px;
}   

.memberlogin .btn_login_socialmedia_twitter rect{
    background-color:#0073b1 !important;
    fill:#0073b1 !important;
    border-radius: 25px !important;
    stroke:#0073b1 !important;
   
    display: none;
  }

.memberlogin .btn_login_socialmedia_twitter path{
   
    fill:#EAEBED !important;
    border-radius: 25px !important;
  

    display: none;
  }
  div#TwitterLogin_main:before {
    content: "LOGIN WITH TWITTER";
    position: absolute;
    /* margin: 10px; */
    /* text-align: center !important; */
    left: 30%;
    /* top: 5%; */
    margin-top: 8% !important;
    font-size: 1vw !important;
    font-weight: 600 !important;
    color: #eaebed;
}


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

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



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

  .section-sidebar-drawer .MuiDrawer-paper {
    background: #180129;
  }


}