.cs-title {
bottom: 60% !important;
left: 10% !important;
color: #FFFFFF !important;
background-color: #FFFFFF00 !important;
font-size: 3rem !important;
font-weight: bold !important;
}
/* 手机 */
@media (max-width: 767px) {
.caption-wrap {
bottom: 25% !important;
background-color: #FFFFFF00 !important;
opacity: 1.0 !important;
left: 10px !important;
}
.caption{
font-size: 1.0rem !important;
font-weight: initial !important;
color: #FFFFFF !important;
text-align: left !important;
}
.homepage-news-content {
padding-bottom: 40px !important;
}
.homepage-news-content .uagb-post__text .uagb-post__title,
.homepage-news-content .uagb-post__text .uagb-post__title a {
font-size: 1.5rem !important;
}
.homepage-news-image .uagb-post__image::before{
width: 120px;
height: 120px;
content: '';
border-top: 18px solid;
border-left: 18px solid;
color: #ff671f;
position: absolute;
top: -28px;
left: -0px;
opacity: unset !important;
}
.homepage-news-image .uagb-post__image::after{
width: 120px;
height: 120px;
content: '';
border-right: 18px solid;
border-bottom: 18px solid;
color: #002d72;
position: absolute;
bottom: 27px;
right: -0px;
}
.homepage-news-image .uagb-post__image img {
width: calc(100% - 56px) !important;
margin: auto !important;
}
.homepage-news-title {
font-size: 1.8rem !important;
width: 100% !important;
margin: 50px 0px 20px 0px !important;
}
.homepage-facebook-title {
font-size: 1.8rem !important;
}
.homepage-news-facebook-spacer {
height: 0px !important;
}
}
/* 平板 */
@media (min-width: 768px) {
.caption-wrap {
bottom: 10% !important;
background-color: #FFFFFF00 !important;
opacity: 1.0 !important;
left: 20px !important;
}
.caption{
font-size: 1rem !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-align: left !important;
}
.homepage-news-content {
padding-bottom: 40px !important;
padding-right: 60px !important;
}
.homepage-news-content .uagb-post__text .uagb-post__title,
.homepage-news-content .uagb-post__text .uagb-post__title a {
font-size: 1.8rem !important;
}
.homepage-news-image .uagb-post__image::before{
width: 120px;
height: 120px;
content: '';
border-top: 18px solid;
border-left: 18px solid;
color: #ff671f;
position: absolute;
top: -28px;
left: -0px;
opacity: unset !important;
}
.homepage-news-image .uagb-post__image::after{
width: 120px;
height: 120px;
content: '';
border-right: 18px solid;
border-bottom: 18px solid;
color: #002d72;
position: absolute;
bottom: 27px;
right: -0px;
}
.homepage-news-image .uagb-post__image img {
width: calc(100% - 56px) !important;
margin: auto !important;
}
.homepage-news-title {
font-size: 3rem !important;
width: 100% !important;
margin: 90px 0px 60px 0px !important;
}
}
/* 电脑 */
@media (min-width: 992px) {
.caption-wrap {
bottom: 25% !important;
background-color: #FFFFFF00 !important;
opacity: 1.0 !important;
left: 20px !important;
}
.caption{
font-size: 2rem !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-align: left !important;
}
.homepage-news-image .uagb-post__image::before{
width: 120px;
height: 120px;
content: '';
border-top: 18px solid;
border-left: 18px solid;
color: #ff671f;
position: absolute;
top: -28px;
left: -28px;
opacity: unset !important;
}
.homepage-news-image .uagb-post__image::after{
width: 120px;
height: 120px;
content: '';
border-right: 18px solid;
border-bottom: 18px solid;
color: #002d72;
position: absolute;
bottom: 27px;
right: -28px;
}
.homepage-news-image .uagb-post__image img {
width: 100% !important;
margin: auto !important;
}
.homepage-news-title {
font-size: 3rem !important;
width: 100% !important;
margin: 90px 0px 60px 0px !important;
}
}
/* 大显示器 */
@media (min-width: 1200px) {
.caption-wrap {
bottom: 55% !important;
left: 100px !important;
background-color: #FFFFFF00 !important;
opacity: 1.0 !important;
left: 20px !important;
}
.caption{
font-size: 3rem !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-align: left !important;
}
.homepage-news-image .uagb-post__image::before{
width: 120px;
height: 120px;
content: '';
border-top: 18px solid;
border-left: 18px solid;
color: #ff671f;
position: absolute;
top: -28px;
left: -28px;
opacity: unset !important;
}
.homepage-news-image .uagb-post__image::after{
width: 120px;
height: 120px;
content: '';
border-right: 18px solid;
border-bottom: 18px solid;
color: #002d72;
position: absolute;
bottom: 27px;
right: -28px;
}
.homepage-news-image .uagb-post__image img {
width: 100% !important;
margin: auto !important;
}
.homepage-news-title {
font-size: 3rem !important;
width: 100% !important;
margin: 100px 0px 64px 0px !important
}
}
.homepage-news-content .uagb-post__cta::after {
display: inline-block;
width: 8px;
height: 8px;
margin-bottom: 1px;
margin-left: 0px;
content: '';
transition: all .3s ease 0s;
transform: rotate(45deg);
border-top: 2px solid;
border-right: 2px solid;
color: #ff7d26;
}
.homepage-news-content .uagb-post__cta:hover {
color: #ff7d26 !important;
}
.homepage-news-content .uagb-post__cta a {
color: #ff7d26 !important;
}
.homepage-news-content .uagb-post__cta:hover:after {
margin-left: 0.5rem;
}
.homepage-news-image .uagb-post__image a{
z-index: 99;
position: relative;
}