.cms-main-content{  overflow: hidden;}
.cms-wrapper.section-pad {padding-top: 35px;  padding-bottom: 35px}
@media (max-width:991px) {
.cms-wrapper.section-pad { padding-top: 25px; padding-bottom: 25px  }
}

.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto; font-weight: 700;  }
#cms-main .cms-about p { font-size:0.9375rem; font-weight:400; line-height:1.875rem; width: 100%; display: block; margin-bottom: 2%;}
.cms-about figure img{ width: 100%; max-width: 100%;}
/*about us----*/
.cms-main-about-item {width:100%; height: auto; margin-top:0px;  padding:0px 10px;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; }
.cms-main-txt{width: 100%; margin:0 auto; padding: 0px 20px 0px 0px; display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
#cms-main .cms-main-txt p { width: 100%; font-size:0.9375rem; font-weight:400; line-height: 1.5rem;  margin-bottom: 26px;  }
#cms-main .cms-main-txt p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #000; }
.cms-main-about-card { width:100%;  margin:0px; padding:0px; display: flex; flex-wrap: wrap; align-items: center;position: relative; }


/*about us 單一張圖片----*/
.cms-main-about-card .item{ width: 100%; max-width: 100%; margin:0px; padding: 30px 0px 0px 0px ; height: auto }
.cms-main-about-card .item img{ margin: 0px;  padding:10px; }

@media (max-width: 768px) {
 .cms-main-txt{ padding:0px; }
}
/*about us 三張圖片----*/
.cms-item {width: 100%;  margin:0px auto;  padding:0px; display: flex;  flex-wrap: wrap;flex-direction: row; position: relative; z-index: 1; }
.cms-item li{ display: flex; flex-direction: column;  width: calc(100%/3 - 30px); padding:0px; margin:20px 15px ; box-sizing: border-box;  overflow: hidden; list-style: none;  transition: all 0.5s ease 0s; position: relative; }

.cms-item li.x2{ width: calc(66% - 30px); padding:0px; margin:20px 15px ;}


.cms-item li:hover .item-tag {opacity: 1; }
.cms-item figure img {width: 100%; position: relative; overflow: hidden;  background-color:#f5ecec; transition: all 0.5s ease-in-out;}
.cms-item figure:hover img { opacity: .5;border-color: #df7475;  transform: scale(1.15); }
.cms-item figure {background: #333;  position: relative; overflow: hidden;  }
@media (max-width: 768px) {
.cms-item li{   width: calc(100%/2 - 10px); padding:0px; margin: 5px ; }   
.cms-item li.x2{ width: calc(100% - 10px); padding:0px; margin:5px ;}
    
}