/* serviceItems ============= */
.h3{ text-align: center; display: none;}
/* serviceTops */
.serviceTops { max-width: 1400px; margin: 120px auto; 
  display: flex; justify-content: space-between; }

.serviceTop { background: white; height: 600px; box-shadow: 0 0 6px rgba(0, 0, 6, .23); 
  position: relative; overflow: hidden; margin: 30px; flex-grow: 1; }
.serviceTop img { width: 100%; height: auto; }

.serviceTopDesc { background: transparent; color: #3C3C3C; text-align: center; font-size: 26px; 
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 90px 8% 20px; position: absolute; top: 200px; left: 0; width: 100%; z-index: 1; cursor: default; }
.serviceTopDesc .title { background: rgba(0, 172, 195, 0.7); color: white;  
  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 28px; width: 80%; margin: 0 auto; padding: 10px; font-family: 'Noto Sans TC', 'Roboto', sans-serif; }
.serviceTopDesc .Vline { margin: 20px;}
.serviceTopDesc .listArea { max-width: 600px; margin: 50px auto; overflow: hidden; }
.serviceTopDesc .list { float: left; 
  font-size: 18px; text-align: left; display: none; }
.serviceTopDesc .list:nth-of-type(1){ width: 45%; }
.serviceTopDesc .list:nth-of-type(2){ width: 55%; }
.serviceTop:nth-of-type(2) .list:nth-of-type(1){ width: 55%; }
.serviceTop:nth-of-type(2) .list:nth-of-type(2){ width: 45%; }
.serviceTopDesc .list li { list-style-type: disc; margin-left: 30px; }
.serviceTopDesc .titleEn { font-size: 18px; color: #C7C7C7; margin-top: 50px; padding-bottom: 15px; }

.serviceTop:hover .serviceTopDesc ,.serviceTop:focus .serviceTopDesc { top:0!important; background-color: #00adc3; color: #fff; }
.serviceTop:hover .serviceTopDesc .list, .serviceTop:focus .serviceTopDesc .list { display:block!important; }
.serviceTop:hover .serviceTopDesc .title, .serviceTop:focus .serviceTopDesc .title { background-color: #D9F3F6; color: #00adc3; }

/* medium以下尺寸 */
@media (max-width: 992px) {
  .h3{ display: block; margin-top: 30px;margin: 0px 0 0px;}

  .serviceTops { margin: 0px auto;}
  .serviceTops{ flex-direction: column;}
  .serviceTopDesc { font-size: 20px;}
  .serviceTopDesc .title { font-size: 24px; }
  .serviceTopDesc .list { font-size: 14px; }
  .serviceTopDesc .titleEn { font-size: 14px;   }
  .serviceTopDesc .list { margin: 20px 0;  }
  .serviceTopDesc .titleEn { margin-top: 30px;  }

  }
/* small 以下尺寸 */
@media (max-width: 601px) {

  /* card 在手機時加 bottom 加底線 */
  .ServiceItem { border-bottom: 1px solid rgba(185, 185, 185, 0.74); padding-bottom: 36px; margin-bottom: 60px;}
  .ServiceItem:last-of-type { border-bottom: none ;}
  .serviceTopDesc .title { font-size: 24px; }
  .serviceTopDesc .list { font-size: 14px; }
  .serviceTopDesc .titleEn { font-size: 14px;   }
}

/*.ServiceNote .title { margin-top: 10px; }*/

/*  我們的客戶 ============= */
.clientList .w3-col { padding: 25px; text-align: center; }
.clientList img { max-width: 100%; height: auto; }
@media (max-width: 601px) {
  .clientList .w3-col { padding: 10px 10px; }
  h3 {    margin: 0px 0 15px;}
}