@charset "utf-8";

:root[color-theme='light'] {
    --mpvBoxBg: #f1f4f9;
}

:root[color-theme='dark'] {
    --mpvBoxBg: #0e151d;
}

:root[color-theme='light'] {
    --lncBoxBg: #f1f4f9;
}

:root[color-theme='dark'] {
    --lncBoxBg: #0e151d;
}

.latestNewsletterWrap { width:100%; height:100%; }

.latestNewsletterCon { width:100%; height:100%; border:1px solid #d9d9d9; border-radius:10px; overflow:hidden; }
.latestNewsletterCon > a { display:inline-block; width:100%; height:100%; vertical-align:top; }
.lncThumbCover { width:100%; height:100%; padding:15px 10px; }
.lncThumb { width:100%; height:100%; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:contain; position:relative; overflow:hidden; }




.mainPromotionalVideoWrap { width:100%; height:100%; }

.mainPromotionalVideoCon { width:100%; height:100%; border:1px solid #d9d9d9; border-radius:10px; overflow:hidden; }
.mainPromotionalVideoCon > a { display:inline-block; width:100%; height:100%; vertical-align:top; }
.mpvThumbCover { width:100%; height:265px; padding:32px 25px; }
.mpvThumb { width:100%; height:100%; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden; }
.mpvThumbVideo { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:url("/images/main/video_play.png") no-repeat center calc(50% - 20px), rgba(0,0,0,0.3); display:flex; justify-content: center; align-items: center; }
.mpvThumbVideo > p { color:#fff; font-size:clamp(17px,1.042vw,22px); text-align:center; padding-top:80px; word-break:keep-all; }
.mpvBox { display:flex; min-height:calc(100% - 265px); background:var(--mpvBoxBg); padding:10px; display:flex; align-items: center; justify-content: center; }
.mpvSubj { text-align:center; }
.mpvSubj > span { font-size:clamp(17px,1.042vw,22px); color:var(--fontColorMain); font-weight:600; }


@media (max-width: 1023px) {
    
}
@media (max-width: 767px) {
    .lncThumbCover { height:170px; padding:10px; }

    .mpvThumbCover { height:170px; padding:10px; }
}