diff --git a/css/mobile-first.css b/css/mobile-first.css index beaeff2d..1a8faa5b 100644 --- a/css/mobile-first.css +++ b/css/mobile-first.css @@ -1884,35 +1884,43 @@ input.Inquiryphone {width:44% !important;} font-size: 20px; text-transform: uppercase; } -.infopage_ad {float: left; - width: 235px; +.infopage_ad { float: left; + width: 360px; margin: 0 5px 10px 5px; - background: #f5f5f5; - padding: 0 5px 0 0;} -.infopage_ad img {width: 100px; float: left; height: 133px;} + padding: 0 5px 0 0; + position: relative; + border-radius: 6px;} +.infopage_ad img {border-radius: 4px; float: left;} .infopage_ad_content {display: inline-block; } -.content_article_name { font-size: 17px; - line-height: 19px; +.content_article_name {font-size: 20px; + line-height: 22px; margin-bottom: 0; - padding-top: 10px; + padding: 10px; -webkit-line-clamp: 4; display: block; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; - width: auto; - height: 78px;} + width: calc(100% - 25px); + height: calc(100% - 20px); + position: absolute; + background: rgb(0 0 0 / 40%); + border-radius: 4px;} .content_article_name a {text-decoration: none;} .content_article_button { font-size: 17px; margin-right: 0; - background: none; margin-bottom: 5px; + position: absolute; + right: 10px; + bottom: 0; + background: #fff; + border-radius: 50%; } .content_article_button a { width: 33px; - height: 27px; + height: 33px; float: right; display: inline-block;} .content_article_button a:after { @@ -1926,9 +1934,9 @@ input.Inquiryphone {width:44% !important;} margin-right: 12px; margin-top: 10px; transform: rotate( - 45deg - ); - border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; + 45deg ); + border-top: 3px solid #ad1818; + border-right: 3px solid #ad1818; } } @media (max-width: 750px) {