.vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer, .vegas-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; border: none; padding: 0; margin: 0 } .vegas-overlay { opacity: .5; background: url(../image/02.png) 50% } .vegas-timer { top: auto; bottom: 0; height: 2px } .vegas-timer-progress { width: 0; height: 100%; background: #fff; transition: width ease-out } .vegas-timer-running .vegas-timer-progress { width: 100% } .vegas-slide, .vegas-slide-inner { margin: 0; padding: 0; background: 50% no-repeat; transform: translateZ(0); will-change: transform, opacity } body .vegas-container { overflow: hidden !important; position: relative } .vegas-video { min-width: 100%; min-height: 100%; width: auto; height: auto } body.vegas-container { overflow: auto; position: static; z-index: -2 } body.vegas-container > .vegas-overlay, body.vegas-container > .vegas-slide, body.vegas-container > .vegas-timer { position: fixed; z-index: -1 } :root body.vegas-container > .vegas-overlay, :root body.vegas-container > .vegas-slide, _::full-page-media, _:future { bottom: -76px } .vegas-transition-blur, .vegas-transition-blur2 { opacity: 0; -webkit-filter: blur(32px); filter: blur(32px) } .vegas-transition-blur2-in, .vegas-transition-blur-in { opacity: 1; -webkit-filter: blur(0); filter: blur(0) } .vegas-transition-blur2-out { opacity: 0 } .vegas-transition-burn, .vegas-transition-burn2 { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%) } .vegas-transition-burn2-in, .vegas-transition-burn-in { opacity: 1; -webkit-filter: contrast(100%) saturate(100%); filter: contrast(100%) saturate(100%) } .vegas-transition-burn2-out { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%) } .vegas-transition-fade, .vegas-transition-fade2 { opacity: 0 } .vegas-transition-fade2-in, .vegas-transition-fade-in { opacity: 1 } .vegas-transition-fade2-out { opacity: 0 } .vegas-transition-flash, .vegas-transition-flash2 { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25) } .vegas-transition-flash2-in, .vegas-transition-flash-in { opacity: 1; -webkit-filter: brightness(1); filter: brightness(1) } .vegas-transition-flash2-out { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25) } .vegas-transition-negative, .vegas-transition-negative2 { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%) } .vegas-transition-negative2-in, .vegas-transition-negative-in { opacity: 1; -webkit-filter: invert(0); filter: invert(0) } .vegas-transition-negative2-out { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%) } .vegas-transition-slideDown, .vegas-transition-slideDown2 { transform: translateY(-100%) } .vegas-transition-slideDown2-in, .vegas-transition-slideDown-in { transform: translateY(0) } .vegas-transition-slideDown2-out { transform: translateY(100%) } .vegas-transition-slideLeft, .vegas-transition-slideLeft2 { transform: translateX(100%) } .vegas-transition-slideLeft2-in, .vegas-transition-slideLeft-in { transform: translateX(0) } .vegas-transition-slideLeft2-out, .vegas-transition-slideRight, .vegas-transition-slideRight2 { transform: translateX(-100%) } .vegas-transition-slideRight2-in, .vegas-transition-slideRight-in { transform: translateX(0) } .vegas-transition-slideRight2-out { transform: translateX(100%) } .vegas-transition-slideUp, .vegas-transition-slideUp2 { transform: translateY(100%) } .vegas-transition-slideUp2-in, .vegas-transition-slideUp-in { transform: translateY(0) } .vegas-transition-slideUp2-out { transform: translateY(-100%) } .vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 { transform: scale(2) rotate(35deg); opacity: 0 } .vegas-transition-swirlLeft2-in, .vegas-transition-swirlLeft-in { transform: scale(1) rotate(0); opacity: 1 } .vegas-transition-swirlLeft2-out, .vegas-transition-swirlRight, .vegas-transition-swirlRight2 { transform: scale(2) rotate(-35deg); opacity: 0 } .vegas-transition-swirlRight2-in, .vegas-transition-swirlRight-in { transform: scale(1) rotate(0); opacity: 1 } .vegas-transition-swirlRight2-out { transform: scale(2) rotate(35deg); opacity: 0 } .vegas-transition-zoomIn, .vegas-transition-zoomIn2 { transform: scale(0); opacity: 0 } .vegas-transition-zoomIn2-in, .vegas-transition-zoomIn-in { transform: scale(1); opacity: 1 } .vegas-transition-zoomIn2-out, .vegas-transition-zoomOut, .vegas-transition-zoomOut2 { transform: scale(2); opacity: 0 } .vegas-transition-zoomOut2-in, .vegas-transition-zoomOut-in { transform: scale(1); opacity: 1 } .vegas-transition-zoomOut2-out { transform: scale(0); opacity: 0 } .vegas-animation-kenburns { animation: kenburns ease-out } @keyframes kenburns { 0% { transform: scale(1.5) } to { transform: scale(1) } } .vegas-animation-kenburnsDownLeft { animation: kenburnsDownLeft ease-out } @keyframes kenburnsDownLeft { 0% { transform: scale(1.5) translate(10%, -10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsDownRight { animation: kenburnsDownRight ease-out } @keyframes kenburnsDownRight { 0% { transform: scale(1.5) translate(-10%, -10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsDown { animation: kenburnsDown ease-out } @keyframes kenburnsDown { 0% { transform: scale(1.5) translateY(-10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsLeft { animation: kenburnsLeft ease-out } @keyframes kenburnsLeft { 0% { transform: scale(1.5) translate(10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsRight { animation: kenburnsRight ease-out } @keyframes kenburnsRight { 0% { transform: scale(1.5) translate(-10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsUpLeft { animation: kenburnsUpLeft ease-out } @keyframes kenburnsUpLeft { 0% { transform: scale(1.5) translate(10%, 10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsUpRight { animation: kenburnsUpRight ease-out } @keyframes kenburnsUpRight { 0% { transform: scale(1.5) translate(-10%, 10%) } to { transform: scale(1) translate(0) } } .vegas-animation-kenburnsUp { animation: kenburnsUp ease-out } @keyframes kenburnsUp { 0% { transform: scale(1.5) translateY(10%) } to { transform: scale(1) translate(0) } } .owl-carousel { display: none; width: 663px; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translateZ(0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../image/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .header { background-color: transparent } .header .container { position: relative; z-index: 100 } .header .nav { z-index: 100 } .header .nav .news { background-color: rgba(27, 70, 115, .7) } .page-wrap { position: relative; top: 64px; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; background-color: transparent; transition: top .2s ease, left .2s ease, right .2s ease, bottom .2s ease } .page-wrap a { text-decoration: underline } .page-wrap .footer a, .page-wrap .header a, .page-wrap .item, .page-wrap .item a, .page-wrap .links a, .page-wrap .menu-wrap a, .page-wrap .menu a, .page-wrap .more, .page-wrap .news-more, .page-wrap .note a, .page-wrap .pagenumber a, .page-wrap .sub-menu a, .page-wrap .title, .page-wrap .title-bar a, .page-wrap .title a, .page-wrap .top-bar a, .page-wrap .view-more { text-decoration: none } .header { position: relative; background-color: #40546a; background-repeat: no-repeat; background-position: 30%; background-size: cover; height: 600px; width:1280px; overflow: hidden } .top-stories { width: 1280px; height: 600px; margin-top: 0px; background-color: transparent; overflow: hidden; position: relative; } .top-stories .background { position: relative; top: 0; right: 0; bottom: 0; left: 0 } .top-stories .background .number { width: 13rem; position: relative; bottom: 6.2rem; left: 50%; margin-left: -27.6rem; color: #fff; font-size: 1.4rem } .top-stories .background .number .index { float: left } .top-stories .background .number .total { float: right; opacity: .6 } .top-stories .background .vegas-timer { top: auto; bottom: 7rem; height: 1px; width: 8rem; left: 50%; margin-left: -25.2rem; background-color: hsla(0, 0%, 100%, .2) } .top-stories .container { position: relative; z-index: 1; padding-top: 0px; padding-bottom: 0px; } .top-stories .container .photos { width: 663px; height:476px; background-color: transparent; position: relative; left:80px; } .top-stories .container .photos .inner { position: absolute; top: 0; left: 0; width: 663px; height: 476px; overflow: hidden } .top-stories .container .photos .inner img { } .top-stories .container .text { width: 555px; position: relative; left:-100px; z-index: 1; right: 10rem; bottom: 0; background-color: transparent; height: 458px; } .top-stories .container .text .item { padding: 3rem } .top-stories .container .text .item .top { font-size: 3.4rem; color: #04418b; font-weight: 700 } .top-stories .container .text .item .title { padding-top: 3rem; padding-bottom: 3rem; line-height: 1 } .top-stories .container .text .item .title a { font-size: 3.8rem; color: #333; font-weight: 700 } .top-stories .container .text .item p { color: #333; font-size: 1.6rem } .top-stories .container .text .item .view { margin-top: 3rem; font-weight: 700; color: #b01f24; font-size: 1.6rem; display: inline-block; padding: .8rem 2rem; border: 1px solid #b01f24 } .top-stories .container .text .item .view:hover { background-color: #b01f24; color: #fff } .top-stories .container .arrow { width: 30px; height: 58px; background-position: 50%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -1rem; cursor: pointer } .top-stories .container .arrow.left { background-image: url(../images/news-banner-direct-left.png); left: 0px; } .top-stories .container .arrow.right { background-image: url(../images/news-banner-direct-right.png); right: 0px; } .top-stories .container .arrow:hover { opacity: 1 } .top-stories .container .text .item .title a, .top-stories .container .text .item p, .news-list .item .info p { word-wrap: break-word; word-break: keep-all; } .top-stories .container .text .item .title a { font-size: 3rem; } .top-stories .container .text .item .top { font-size: 2.8rem; }