.wrapper-box-blog-layout03{display:grid;grid-gap:15px}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03{grid-template-columns:repeat(var(--blog-render-content-layout-03),1fr)}}@media only screen and (min-width:601px){.wrapper-box-blog-layout03{grid-template-columns:repeat(var(--blog-render-content-layout-03),1fr)}}.wrapper-box-blog-layout03 .wrapper-content{display:grid;grid-gap:15px;background-color:var(--blog-bg-color);border:1px solid var(--blog-border-color);border-radius:var(--blog-border-radius);box-shadow:var(--blog-box-shadow);overflow:hidden}.wrapper-box-blog-layout03 .wrapper-content .wrapper-img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;padding-top:var(--blog-img-ratio-03);position:relative;overflow:hidden;margin-bottom:15px}.wrapper-box-blog-layout03 .wrapper-content .wrapper-img:hover img{transform:var(--all-blog-img-scale)}.wrapper-box-blog-layout03 .wrapper-content .wrapper-img img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%!important;transition:transform .2s}.wrapper-box-blog-layout03 .wrapper-content .wrapper-detail{position:relative;text-align:var(--blog-align-x)}.wrapper-box-blog-layout03 .wrapper-content .wrapper-detail .wrapper-button{width:100%;text-align:var(--blog-align-x);position:absolute;bottom:var(--button-padding);right:0;left:0}.wrapper-box-blog-layout03 .wrapper-content .wrapper-detail .wrapper-cate{flex-wrap:wrap;display:flex;grid-gap:4px;gap:4px;justify-content:var(--blog-align-x)}.wrapper-box-blog-layout03 .wrapper-content .wrapper-detail .wrapper-detail-content{padding:var(--blog-padding-wrapper-content-layout02)}.wrapper-box-blog-layout03 .wrapper-content .badge-blog{border-radius:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--blog-category-bg-color)}.wrapper-box-blog-layout03 .wrapper-content .badge-blog .cate{padding:4px 6px!important}.wrapper-box-blog-layout03 .wrapper-content .badge-blog a{color:var(--blog-category-fcolor);font-size:var(--blog-category-fs-normal);font-family:var(--blog-category-family),Tahoma;-webkit-text-decoration:var(--blog-category-decoration);text-decoration:var(--blog-category-decoration);font-weight:var(--blog-category-weight);font-style:var(--blog-category-style)}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .badge-blog a{font-size:var(--blog-category-fs)}}.wrapper-box-blog-layout03 .wrapper-content .blog-lable-name a,.wrapper-box-blog-layout03 .wrapper-content .blog-lable-name h3{color:var(--blog-name-fcolor)!important;font-family:var(--blog-name-family),Tahoma!important;font-size:var(--blog-name-fs-normal)!important;font-weight:var(--blog-name-weight)!important;font-style:var(--blog-name-style)!important;-webkit-text-decoration:var(--blog-name-decoration)!important;text-decoration:var(--blog-name-decoration)!important;line-height:1.4!important}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .blog-lable-name a,.wrapper-box-blog-layout03 .wrapper-content .blog-lable-name h3{font-size:var(--blog-name-fs)}}.wrapper-box-blog-layout03 .wrapper-content .blog-lable-name a:hover,.wrapper-box-blog-layout03 .wrapper-content .blog-lable-name h3:hover{opacity:.7!important;color:var(--blog-name-fcolor);text-decoration:unset!important}.wrapper-box-blog-layout03 .wrapper-content .blog-lable-intro{color:var(--blog-intro-fcolor);font-size:var(--blog-intro-fs-normal);line-height:1.4!important;font-family:var(--blog-intro-family),Tahoma;-webkit-text-decoration:var(--blog-intro-decoration);text-decoration:var(--blog-intro-decoration);font-weight:var(--blog-intro-weight);font-style:var(--blog-intro-style)}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .blog-lable-intro{font-size:var(--blog-intro-fs)}}.wrapper-box-blog-layout03 .wrapper-content .blog-lable-intro h3{color:var(--blog-intro-fcolor);font-size:var(--blog-intro-fs-normal);line-height:1.4!important;font-family:var(--blog-intro-family),Tahoma;-webkit-text-decoration:var(--blog-intro-decoration);text-decoration:var(--blog-intro-decoration);font-weight:var(--blog-intro-weight);font-style:var(--blog-intro-style)}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .blog-lable-intro h3{font-size:var(--blog-intro-fs)}}.wrapper-box-blog-layout03 .wrapper-content .blog-lable-author,.wrapper-box-blog-layout03 .wrapper-content .blog-lable-date{color:var(--blog-date-fcolor);font-size:var(--blog-date-fs-normal);line-height:1.2;font-family:var(--blog-date-family),Tahoma;-webkit-text-decoration:var(--blog-date-decoration);text-decoration:var(--blog-date-decoration);font-weight:var(--blog-date-weight);font-style:var(--blog-date-style)}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .blog-lable-author,.wrapper-box-blog-layout03 .wrapper-content .blog-lable-date{font-size:var(--blog-date-fs)}}.wrapper-box-blog-layout03 .wrapper-content .blog-lable-author img{width:var(--blog-date-fs-normal);height:var(--blog-date-fs-normal);border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-top:-2px}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .blog-lable-author img{width:var(--blog-date-fs);height:var(--blog-date-fs)}}.wrapper-box-blog-layout03 .wrapper-content .btn-blog-readmore{margin:0 var(--button-padding);color:var(--button-label-color);background-color:var(--button-background-color);border-color:var(--button-border-color)}.wrapper-box-blog-layout03 .wrapper-content .btn-blog-readmore.hover,.wrapper-box-blog-layout03 .wrapper-content .btn-blog-readmore:hover{color:var(--button-label-color-hover);background-color:var(--button-background-color-hover);border-color:var(--button-border-color-hover)}.wrapper-box-blog-layout03 .wrapper-content .btn{font-family:var(--button-label-family),Tahoma!important;font-size:var(--button-label-size-normal)!important;border-radius:var(--button-style-radius)!important}@media only screen and (max-width:1139px){.wrapper-box-blog-layout03 .wrapper-content .btn{font-size:var(--button-label-size)!important}}.wrapper-box-blog-layout03 .wrapper-content .btn.hover,.wrapper-box-blog-layout03 .wrapper-content .btn:hover{text-decoration:none}