.cms-main-news-list {width: 100%; max-width: 1400px; margin: 10px auto;  padding:0px; display: flex;  flex-wrap: wrap; position: relative; z-index: 1; }
.cms-main-news-list li{ width: calc(100%/4 - 30px); padding: 10px;  margin:30px 15px; box-sizing: border-box;  list-style: none;  transition: all 0.5s ease 0s; background: #fff;}
.cms-main-news-list li:hover{ }
.cms-main-news-list figure img { display: block; width: 100%; max-width:100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.3s linear; position: relative; border: solid 1px #ccc; }
.cms-main-news-list figcaption { box-sizing: border-box; color: #4c4c4c; font-size: 14px; font-weight: 400; line-height: 1.8rem; letter-spacing: 0.5px; padding: 20px;  position: relative;  }
.cms-main-news-list figcaption .wrap { display: -ms-flexbox; display: flex; flex-wrap: wrap;   width: 100%; margin: 0;}
.cms-main-news-list figcaption a h3 { position: relative; font-size: 1.313rem; margin-bottom: 10px; line-height: 2rem; font-weight: 700; color:#ffc107 !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;}
#cms-main .cms-main-news-list figcaption a p { width: 100%; margin: 0px; font-size: 0.9375rem; line-height: 1.5rem; color:#404040; overflow: hidden; word-break: keep-all; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }

.cms-main-news-list .cms-date{  width: 40%; margin-top: -12%;  right: 0px;  padding: 0px;  height: 40px; color:#cacaca; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:flex-start;  -ms-flex-pack: flex-start;justify-content: flex-start; -webkit-box-align:flex-start; -ms-flex-align: flex-start; align-items: flex-start; opacity: 1; z-index: 9; position: relative;}



@media (max-width: 1199.98px) {
.cms-main-news-list li{ width: calc(100%/3 - 30px); }
}


@media (max-width: 798px) {
.cms-main-news-list li{ width: calc(100%/2 - 10px);  padding:10px; margin:10px 5px;}
.cms-main-news-list figcaption {  padding: 20px 0px; }
}


/* Underline From Left */
.hvr-underline-from-left {  display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1;  left: 0; right: 100%; bottom: 0; background:#fed25d; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0;}