@charset "UTF-8";
/* 編寫順序
 *
 * - 色彩
 * - 文字
 * - Header、Footer 設定
 * - Breakpoints
 */
/*----------------------------------------------------------
	Theme Color 主/輔 顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	文字顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	錯誤顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	提示顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	醒目顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	Money 貨幣顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	社群顏色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	背景色
-----------------------------------------------------------*/
/*----------------------------------------------------------
	側選單
-----------------------------------------------------------*/
/*----------------------------------------------------------
	分隔線
-----------------------------------------------------------*/
/*----------------------------------------------------------
	遮罩
-----------------------------------------------------------*/
/*----------------------------------------------------------
	表格
-----------------------------------------------------------*/
/*----------------------------------------------------------
	表單
-----------------------------------------------------------*/
/***********************************************************
	Font 文字
***********************************************************/
/*----------------------------------------------------------
	預設
-----------------------------------------------------------*/
/*----------------------------------------------------------
	標題字
-----------------------------------------------------------*/
/*----------------------------------------------------------
	字體
-----------------------------------------------------------*/
/***********************************************************
	桌機選單 選項 PC Menu Options
***********************************************************/
/***********************************************************
	頁尾 選項 Footer Options
***********************************************************/
/***********************************************************
	Breakpoints
***********************************************************/
body {
  font-family: "Noto Serif TC";
  font-weight: 700;
}

/*共同 start*/
.ex-wrap-left {
  width: 25%;
}
@media (max-width: 1200px) {
  .ex-wrap-left {
    width: 50%;
    margin: 0 auto 48px;
  }
}
@media (max-width: 768px) {
  .ex-wrap-left {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .wrap-left {
    margin: 0 0 24px;
  }
}

.fa-chevron-down {
  font-size: 20px;
  margin-left: 12px;
}
@media (max-width: 576px) {
  .fa-chevron-down {
    font-size: 16px;
    margin-left: 2px;
  }
}

.sidemenu-simple {
  border: 2px solid #002f84;
  padding: 48px;
}
@media (max-width: 1200px) {
  .sidemenu-simple {
    padding: 32px;
  }
}

.sidemenu-simple-title {
  font-size: 1.093vmax;
  font-weight: 700;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .sidemenu-simple-title {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .sidemenu-simple-title {
    margin-bottom: 16px;
  }
}

.sidemenu-simple-body {
  font-size: 18px;
}
@media (max-width: 768px) {
  .sidemenu-simple-body {
    font-size: 16px;
  }
}

.a-user {
  height: -moz-fit-content;
  height: fit-content;
}

.ex-manage-profile {
  width: 72%;
}
@media (max-width: 1200px) {
  .ex-manage-profile {
    width: 100%;
  }
}

.password-groups, .manage-profile {
  width: 48%;
  border: 2px solid #002f84;
  padding: 48px;
}
@media (max-width: 1200px) {
  .password-groups, .manage-profile {
    padding: 32px;
    width: 48%;
  }
}
@media (max-width: 767px) {
  .password-groups, .manage-profile {
    width: 100%;
  }
}

/*共同 end*/
#login .m-portal-side {
  border: 1px solid #002f84;
  z-index: 1;
}
#login .login-title {
  font-size: 24px;
}
#login .form-control {
  border: 1px solid #898998 !important;
  height: 32px;
}
#login .remember, #login .link-register {
  font-size: 20px;
}
@media (max-width: 992px) {
  #login .remember, #login .link-register {
    font-size: 16px;
  }
}
#login .custom-control-label::before, #login .custom-control-label::after {
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 768px) {
  #login .custom-control-label::before, #login .custom-control-label::after {
    width: 16px;
    height: 16px;
  }
}
#login .fa-user {
  width: 24px;
}
#login .form-control {
  border-radius: 0.5rem !important;
}
#login .help-block {
  font-size: 16px;
  color: red;
}

#validation-form {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.portal-panel {
  width: 50%;
  margin: 0 auto;
  padding-top: 6vmax;
}
@media (max-width: 992px) {
  .portal-panel {
    width: 100%;
  }
}
.portal-panel .form-row {
  width: 90%;
  margin: 0 auto;
}

.p-member {
  padding-top: 6vmax;
  padding-bottom: 6vmax;
}
@media (max-width: 1600px) {
  .p-member {
    padding-top: calc(100px + 6vmax);
  }
}
@media (max-width: 1200px) {
  .p-member {
    padding-top: 6vmax;
  }
}
.p-member .form-control {
  border: 1px solid #989898;
}

.p-shopping-record {
  padding-top: 6vmax;
}
.p-shopping-record .ex-manage-profile {
  width: 100%;
}
@media (max-width: 1200px) {
  .p-shopping-record .ex-manage-profile {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .p-shopping-record .ex-manage-profile {
    width: 100%;
  }
}
.p-shopping-record .table-shopping-record {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.p-shopping-record .table-shopping-record th, .p-shopping-record .table-shopping-record td {
  border: 1px solid #ddd;
  padding: 8px;
}
.p-shopping-record .table-shopping-record th {
  background-color: #f4f4f4;
  font-weight: bold;
}
.p-shopping-record .table-shopping-record tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.p-shopping-record .table-shopping-record tbody tr:hover {
  background-color: #f1f1f1;
}/*# sourceMappingURL=member.css.map */