@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');

.whiteCard{
  /* max-width: 1160px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 28px 32px;
  margin: 36px 0px 36px 0px;
  border-radius: 20px;
  box-shadow: 0 4px 16px 0 rgba(51, 51, 51, 0.05);
  background-color: #fff;
}

.whiteCard .row{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0px 2px #f3f3f3;
  padding: 32px 0 32px;
}

.row:first-of-type{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0px 2px #f3f3f3;
  padding: 0px 0 32px;
}

.row:last-of-type{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 32px 0 32px;
  box-shadow: none;
}

.rowTtile{
  font-family: 'Noto Sans TC';
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333;
}

.rowContent{
  font-family: 'Noto Sans TC';
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666;
}

@media  (min-width:768px) and (max-width:1439px){
  .whiteCard{
    /* max-width: 696px; */
    margin: 36px 0px;
  }
}

@media   (min-width: 376px) and (max-width:767px){
  .whiteCard{
    /* max-width: 696px; */
    margin: 36px 0px;
    border-radius: 0px;
  }
}

@media   (max-width: 375px) {
  .whiteCard{
    /* max-width: 696px; */
    margin: 32px 0px 0px;
    width: 100%;
    border-radius: 0px;
  }
}