@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft JhengHei"}
.table td {vertical-align: middle;}
.hidediv {display:none;}
/*間距使用*/
.mg-f-10{margin-left: 10px}
.mg-f-20{margin-left: 20px}
.l-h-46{line-height: 46px !important}
/*文字樣式*/
.fontred{color: #dc3545}
.fontDgray{color: #333}
.fontMediumgray{ color: #666 }
.fontgreen{color: #3bb001}
.fontred{color: #ff4500}
.fontb{font-weight: bold;}
.f-z-14px{font-size: 14px}

/*圖片處理*/
.img_wap{
    padding-bottom: 56%;
    width: 100%;
    position: relative;
  }
  .img_wap75{
    padding-bottom: 75%;
    width: 100%;
    position: relative;
  }
.img_wap100{
    padding-bottom: 100%;
    width: 100%;
    position: relative;
  }
  .img_wap150{
    padding-bottom: 150%;
    width: 100%;
    position: relative;
  } 
  .img_wap200{
    padding-bottom: 200%;
    width: 100%;
    position: relative;
  }

  .img_wap img, .img_wap100 img, .img_wap200 img,   .img_wap150 img, .img_wap75 img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  
  object-fit:cover
  }


/*背景顏色*/
.bg-white-tr{background-color:rgba(100%,100%,100%,90%);}
.bg-red{background-color:#dc3545;}
.bg-rgb-gray{background-color: rgba(150, 157, 171, 0.1)}

/*icon標誌設定*/
.istyle .table td i{font-size: 20px}
.istyle .table td {min-width: 150px}
.istyle .table td:last-child{min-width: auto}
.istyle .table td:first-child{min-width: auto}
.minw100{min-width: 100px}

/*自訂樣式*/
.code {
	font-family: Arial;
	font-style: italic;
	font-size: 28px;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
	float: left;
	cursor: pointer;
	width: 120px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	vertical-align: middle;
}
.btn-az-primary:hover, .btn-az-primary:active {background-color:#b72525;border-color:#b72525;}
.btn-az-primary:not(:disabled):not(.disabled):active, .btn-az-primary:not(:disabled):not(.disabled).active, .show > .btn-az-primary.dropdown-toggle{background-color:#b72525;border-color:#b72525;}
.btn-az-primary:not(:disabled):not(.disabled):active:focus, .btn-az-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-az-primary.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(221, 12, 12, 0.5);}

/*註冊頁面*/
.az-bodybg{ background-image:url(../image/shopping_img.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover}
.az-column-signup-left > div{max-width: 600px}
.az-logo{font-family:"Microsoft JhengHei"}

/*登入頁面*/
.az-card-signin{background-color:rgba(255, 255, 255, 0.8); height: 660px}
/*錯誤頁面*/
.az-error-wrapper{background-color:rgba(255, 255, 255, 0.8)}
/*會員資料*/
.search-box .btn{position: absolute;top:0;right:15px;background-color: transparent;}
.table th, .table td{ word-break:keep-all;vertical-align:middle; }
.az-adicon{position: relative;width: 100px;height: 100px; border-radius: 100%;display: flex;align-items: center;color: #fff;font-weight: 600;font-size: 36px;justify-content: center;}

#bankwarp{}
#bankwarp .az-contact-info-header{padding-left: 0px}
#bankwarp .az-contact-info-header h4{font-size: 22px}
#bankwarp .az-contact-info-header .media {display: flex;}
#bankwarp .az-contact-info-header .media-body{margin-top: 0px; margin-left: 30px}
@media (max-width: 576px) {
#bankwarp .az-adicon{height: 60px;width: 60px}
#bankwarp .az-contact-info-header .media-body{margin-left: 15px}
}

/* ###### 3.11 Pagination ###### */
.my-page-item:first-child .my-page-link,
.my-page-item:last-child .my-page-link {
  border-radius: 0; }

.my-page-item + .my-page-item {
  margin-left: 1px; }

.my-page-item .active a{
  color:#fff;
  background-color: #fb6969; }

.my-page-link a{
  color: #494c57;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 38px;
  border-width: 0;
  background-color: #e9ecef;
  margin-left: 0;
  font-weight: 500; }
  .my-page-link a i {
    font-size: 18px;
    line-height: 0; }
  .my-page-link a:hover, .my-page-link a:focus {
    color: #212229;
    background-color: #dee2e6; }

/*聊天頁面*/
@media (min-width: 992px) {
  .az-chat-list {
    height: calc(100% - 0px);
    position: relative; } }

.az-chat-body {
  position: relative;
  padding-bottom: 50px; }
  @media (min-width: 992px) {
    .az-chat-body {
      padding-bottom: 0;
      height: calc(100% - 0px);
      overflow: hidden; } }

@media (min-width: 992px) {
  .az-content-app {
    height: calc(100vh - 250px); } }

.az-content-app .container,
.az-content-app .container-fluid {
  height: 92%;
  padding: 0; }