@charset "utf-8"; @font-face { font-family: "iconfont"; src: url('/fonts/iconfont.eot'); src: url('/fonts/iconfont.eot') format('embedded-opentype'), url('/public/ui/v2/static/fonts/iconfont/iconfont.woff?t=1497855280632') format('woff'), url('/public/ui/v2/static/fonts/iconfont/iconfont.ttf?t=1497855280632') format('truetype'), url('/public/ui/v2/static/fonts/iconfont/iconfont.svg?t=1497855280632#iconfont') format('svg') } .iconfont { font-family: "iconfont"!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-next:before { content: "\e601" } .icon-next2:before { content: "\e636" } .icon-prev2:before { content: "\e637" } .icon-prev1:before { content: "\e648" } .icon-next1:before { content: "\e655" } .icon-prev:before { content: "\e606" } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px } .slick-slide:not(:first-child) { display: none } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto } .slick-arrow.slick-hidden { display: none } .webui-popover-content { display: none } .webui-popover-rtl { direction: rtl; text-align: right } .webui-popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; min-width: 50px; min-height: 32px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .webui-popover.top, .webui-popover.top-left, .webui-popover.top-right { margin-top: -10px } .webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom { margin-left: 10px } .webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right { margin-top: 10px } .webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom { margin-left: -10px } .webui-popover.pop { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5); -o-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5); transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5); opacity: 0; filter: alpha(opacity=0) } .webui-popover.pop-out { -webkit-transition-property: "opacity,transform"; -o-transition-property: "opacity,transform"; transition-property: "opacity,transform"; -webkit-transition: .15s linear; -o-transition: .15s linear; transition: .15s linear; opacity: 0; filter: alpha(opacity=0) } .webui-popover.fade, .webui-popover.fade-out { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; filter: alpha(opacity=0) } .webui-popover.out { opacity: 0; filter: alpha(opacity=0) } .webui-popover.in { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100) } .webui-popover .webui-popover-content { padding: 9px 14px; overflow: auto; display: block } .webui-popover .webui-popover-content>div:first-child { width: 99% } .webui-popover-inner .close { font-family: arial; margin: 8px 10px 0 0; float: right; font-size: 16px; font-weight: 700; line-height: 16px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); text-decoration: none } .webui-popover-inner .close:hover, .webui-popover-inner .close:focus { opacity: .5; filter: alpha(opacity=50) } .webui-popover-inner .close:after { content: "\00D7"; width: .8em; height: .8em; padding: 4px; position: relative } .webui-popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 700; line-height: 18px; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-radius: 5px 5px 0 0 } .webui-popover-content { padding: 9px 14px; overflow: auto; display: none } .webui-popover-inverse { background-color: #333; color: #eee } .webui-popover-inverse .webui-popover-title { background: #333; border-bottom: 1px solid #3b3b3b; color: #eee } .webui-no-padding .webui-popover-content { padding: 0 } .webui-no-padding .list-group-item { border-right: none; border-left: none } .webui-no-padding .list-group-item:first-child { border-top: 0 } .webui-no-padding .list-group-item:last-child { border-bottom: 0 } .webui-popover>.webui-arrow, .webui-popover>.webui-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .webui-popover>.webui-arrow { border-width: 11px } .webui-popover>.webui-arrow:after { border-width: 10px; content: "" } .webui-popover.top>.webui-arrow, .webui-popover.top-right>.webui-arrow, .webui-popover.top-left>.webui-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0 } .webui-popover.top>.webui-arrow:after, .webui-popover.top-right>.webui-arrow:after, .webui-popover.top-left>.webui-arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 } .webui-popover.right>.webui-arrow, .webui-popover.right-top>.webui-arrow, .webui-popover.right-bottom>.webui-arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25) } .webui-popover.right>.webui-arrow:after, .webui-popover.right-top>.webui-arrow:after, .webui-popover.right-bottom>.webui-arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .webui-popover.bottom>.webui-arrow, .webui-popover.bottom-right>.webui-arrow, .webui-popover.bottom-left>.webui-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); border-top-width: 0 } .webui-popover.bottom>.webui-arrow:after, .webui-popover.bottom-right>.webui-arrow:after, .webui-popover.bottom-left>.webui-arrow:after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 } .webui-popover.left>.webui-arrow, .webui-popover.left-top>.webui-arrow, .webui-popover.left-bottom>.webui-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .webui-popover.left>.webui-arrow:after, .webui-popover.left-top>.webui-arrow:after, .webui-popover.left-bottom>.webui-arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .webui-popover-inverse.top>.webui-arrow, .webui-popover-inverse.top-left>.webui-arrow, .webui-popover-inverse.top-right>.webui-arrow, .webui-popover-inverse.top>.webui-arrow:after, .webui-popover-inverse.top-left>.webui-arrow:after, .webui-popover-inverse.top-right>.webui-arrow:after { border-top-color: #333 } .webui-popover-inverse.right>.webui-arrow, .webui-popover-inverse.right-top>.webui-arrow, .webui-popover-inverse.right-bottom>.webui-arrow, .webui-popover-inverse.right>.webui-arrow:after, .webui-popover-inverse.right-top>.webui-arrow:after, .webui-popover-inverse.right-bottom>.webui-arrow:after { border-right-color: #333 } .webui-popover-inverse.bottom>.webui-arrow, .webui-popover-inverse.bottom-left>.webui-arrow, .webui-popover-inverse.bottom-right>.webui-arrow, .webui-popover-inverse.bottom>.webui-arrow:after, .webui-popover-inverse.bottom-left>.webui-arrow:after, .webui-popover-inverse.bottom-right>.webui-arrow:after { border-bottom-color: #333 } .webui-popover-inverse.left>.webui-arrow, .webui-popover-inverse.left-top>.webui-arrow, .webui-popover-inverse.left-bottom>.webui-arrow, .webui-popover-inverse.left>.webui-arrow:after, .webui-popover-inverse.left-top>.webui-arrow:after, .webui-popover-inverse.left-bottom>.webui-arrow:after { border-left-color: #333 } .webui-popover i.icon-refresh:before { content: "" } .webui-popover i.icon-refresh { display: block; width: 30px; height: 30px; font-size: 20px; top: 50%; left: 50%; position: absolute; margin-left: -15px; margin-right: -15px; background: url('/app/system/include/static2/vendor/img/loading.gif') no-repeat } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotate { 100% { transform: rotate(360deg) } } .webui-popover-backdrop { background-color: rgba(0, 0, 0, .65); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998 } .webui-popover .dropdown-menu { display: block; position: relative; top: 0; border: none; box-shadow: none; float: none } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, .5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .slick-loading .slick-list { background: #fff url('/public/ui/v2/static/plugin/slick/ajax-loader.gif') center center no-repeat } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/public/ui/v2/static/plugin/slick/fonts/slick.eot'); src: url('/public/ui/v2/static/plugin/slick/fonts/slick.eot#iefix') format('embedded-opentype'), url('/public/ui/v2/static/plugin/slick/fonts/slick.woff') format('woff'), url('/public/ui/v2/static/plugin/slick/fonts/slick.ttf') format('truetype'), url('/public/ui/v2/static/plugin/slick/fonts/slick.svg#slick') format('svg') } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir='rtl'] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '←' } [dir='rtl'] .slick-prev:before { content: '→' } .slick-next { right: -25px } [dir='rtl'] .slick-next { right: auto; left: -25px } .slick-next:before { content: '→' } [dir='rtl'] .slick-next:before { content: '←' } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:hover, .slick-dots li button:focus { outline: none } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: black } .ladda-button { position: relative } .ladda-button .ladda-spinner { position: absolute; z-index: 2; top: 50%; display: inline-block; width: 32px; height: 32px; margin-top: 0; pointer-events: none; opacity: 0 } .ladda-button .ladda-label { position: relative; z-index: 3 } .ladda-button .ladda-progress { position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 100%; -webkit-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all; opacity: 0; background: rgba(0, 0, 0, .2) } .ladda-button[data-loading] .ladda-progress { visibility: visible; opacity: 1 } .ladda-button, .ladda-button .ladda-label, .ladda-button .ladda-spinner { -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all; -o-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all; transition: .3s cubic-bezier(.175, .885, .32, 1.275) all } .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner { -webkit-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all } .ladda-button[data-style=expand-right] .ladda-spinner { right: -6px } .ladda-button[data-style=expand-right].btn-xs .ladda-spinner, .ladda-button[data-style=expand-right][data-size='s'] .ladda-spinner, .ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner { right: -12px } .ladda-button[data-style=expand-right][data-loading] { padding-right: 45px } .ladda-button[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1 } .ladda-button[data-style=expand-right][data-loading] .btn-xs, .ladda-button[data-style=expand-right][data-loading][data-size='s'], .ladda-button[data-style=expand-right][data-loading][data-size=xs] { padding-right: 30px } .ladda-button[data-style=expand-left] .ladda-spinner { left: 26px } .ladda-button[data-style=expand-left].btn-xs .ladda-spinner, .ladda-button[data-style=expand-left][data-size='s'] .ladda-spinner, .ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner { left: 15px } .ladda-button[data-style=expand-left][data-loading] { padding-left: 45px } .ladda-button[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1 } .ladda-button[data-style=expand-left][data-loading].btn-xs, .ladda-button[data-style=expand-left][data-loading][data-size='s'], .ladda-button[data-style=expand-left][data-loading][data-size=xs] { padding-left: 30px } .ladda-button[data-style=expand-up] { overflow: hidden } .ladda-button[data-style=expand-up] .ladda-spinner { top: -32px; left: 50%; margin-left: 0 } .ladda-button[data-style=expand-up][data-loading] { padding-top: 30px } .ladda-button[data-style=expand-up][data-loading] .ladda-spinner { top: 16px; margin-top: 0; opacity: 1 } .ladda-button[data-style=expand-up][data-loading].btn-xs, .ladda-button[data-style=expand-up][data-loading][data-size='s'], .ladda-button[data-style=expand-up][data-loading][data-size=xs] { padding-top: 32px } .ladda-button[data-style=expand-up][data-loading].btn-xs .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size='s'] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner { top: 4px } .ladda-button[data-style=expand-down] { overflow: hidden } .ladda-button[data-style=expand-down] .ladda-spinner { top: 44px; left: 50%; margin-left: 0 } .ladda-button[data-style=expand-down].btn-xs .ladda-spinner, .ladda-button[data-style=expand-down][data-size='s'] .ladda-spinner, .ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner { top: 30px } .ladda-button[data-style=expand-down][data-loading] { padding-bottom: 30px } .ladda-button[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1 } .ladda-button[data-style=expand-down][data-loading].btn-xs, .ladda-button[data-style=expand-down][data-loading][data-size='s'], .ladda-button[data-style=expand-down][data-loading][data-size=xs] { padding-bottom: 23px } .ladda-button[data-style=slide-left] { overflow: hidden } .ladda-button[data-style=slide-left] .ladda-label { position: relative } .ladda-button[data-style=slide-left] .ladda-spinner { left: 100%; margin-left: 0 } .ladda-button[data-style=slide-left][data-loading] .ladda-label { left: -100%; opacity: 0 } .ladda-button[data-style=slide-left][data-loading] .ladda-spinner { left: 50%; opacity: 1 } .ladda-button[data-style=slide-right] { overflow: hidden } .ladda-button[data-style=slide-right] .ladda-label { position: relative } .ladda-button[data-style=slide-right] .ladda-spinner { right: 100%; left: 16px; margin-left: 0 } .ladda-button[data-style=slide-right][data-loading] .ladda-label { left: 100%; opacity: 0 } .ladda-button[data-style=slide-right][data-loading] .ladda-spinner { left: 50%; opacity: 1 } .ladda-button[data-style=slide-up] { overflow: hidden } .ladda-button[data-style=slide-up] .ladda-label { position: relative } .ladda-button[data-style=slide-up] .ladda-spinner { left: 50%; margin-top: 1em; margin-left: 0 } .ladda-button[data-style=slide-up][data-loading] .ladda-label { top: -1em; opacity: 0 } .ladda-button[data-style=slide-up][data-loading] .ladda-spinner { margin-top: 0; opacity: 1 } .ladda-button[data-style=slide-down] { overflow: hidden } .ladda-button[data-style=slide-down] .ladda-label { position: relative } .ladda-button[data-style=slide-down] .ladda-spinner { left: 50%; margin-top: -2em; margin-left: 0 } .ladda-button[data-style=slide-down][data-loading] .ladda-label { top: 1em; opacity: 0 } .ladda-button[data-style=slide-down][data-loading] .ladda-spinner { margin-top: 0; opacity: 1 } .ladda-button[data-style=zoom-out] { overflow: hidden } .ladda-button[data-style=zoom-out] .ladda-spinner { left: 50%; margin-left: 32px; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5) } .ladda-button[data-style=zoom-out] .ladda-label { position: relative; display: inline-block } .ladda-button[data-style=zoom-out][data-loading] .ladda-label { -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); opacity: 0 } .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { margin-left: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1 } .ladda-button[data-style=zoom-in] { overflow: hidden } .ladda-button[data-style=zoom-in] .ladda-spinner { left: 50%; margin-left: -16px; -webkit-transform: scale(.2); -ms-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2) } .ladda-button[data-style=zoom-in] .ladda-label { position: relative; display: inline-block } .ladda-button[data-style=zoom-in][data-loading] .ladda-label { -webkit-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); opacity: 0 } .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { margin-left: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1 } .ladda-button[data-style=contract] { overflow: hidden; width: 100px } .ladda-button[data-style=contract] .ladda-spinner { left: 50%; margin-left: 0 } .ladda-button[data-style=contract][data-loading] { width: 52px; border-radius: 50% } .ladda-button[data-style=contract][data-loading] .ladda-label { opacity: 0 } .ladda-button[data-style=contract][data-loading] .ladda-spinner { opacity: 1 } .ladda-button[data-style=contract-overlay] { overflow: hidden; width: 100px; -webkit-box-shadow: 0 0 0 3000px transparent; box-shadow: 0 0 0 3000px transparent } .ladda-button[data-style=contract-overlay] .ladda-spinner { left: 50%; margin-left: 0 } .ladda-button[data-style=contract-overlay][data-loading] { width: 52px; border-radius: 50%; -webkit-box-shadow: 0 0 0 3000px rgba(0, 0, 0, .8); box-shadow: 0 0 0 3000px rgba(0, 0, 0, .8) } .ladda-button[data-style=contract-overlay][data-loading] .ladda-label { opacity: 0 } .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner { opacity: 1 } .hidden { display: none } a:hover, a:active { text-decoration: none } body.ny-nobanner.met-navfixed, body.indexbanner-indexhasbg.met-navfixed { padding-top: 60px } body.ny-nobanner.met-navfixed-navclamp, body.indexbanner-indexhasbg.met-navfixed-navclamp { padding-top: 120px } .dropdown-menu.overflow-visible { overflow: visible } .head_nav_met_16_4_38 { min-height: 60px } .head_nav_met_16_4_38 { background: transparent } .head_nav_met_16_4_38.bgcolor { background: #ffffff; background: #ffffff } body.ny-nobanner .head_nav_met_16_4_38 { background: #ffffff; background: #11589e } body.ny-nobanner #tophead { background: #ffffff !important; background: !important } .head_nav_met_16_4_38.navbar-shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, .1); background: #ffffff; background: #11589e } .met-head.navbar-fixed-top { z-index: 100 } .head_nav_met_16_4_38.header-zindex { z-index: 1601 } .head_nav_met_16_4_38 .met-langlist .dropdown .dropdown-menu a { line-height: normal } .head_nav_met_16_4_38 .met-logo img { max-height: 50px } .head_nav_met_16_4_38 .met-logo, .head_nav_met_16_4_38 .navbar-toggler, .met-navfixed-navclamp .head_nav_met_16_4_38 .met-langlist .dropdown { height: 60px; line-height: normal } .head_nav_met_16_4_38 .navbar-toggler { width: auto; color: #333333; color: } .head_nav_met_16_4_38 .navbar-collapse { overflow-x: hidden } .head_nav_met_16_4_38 .navbar-collapse.flex-navlist { width: 100% } .head_nav_met_16_4_38 .navlist.flex { width: 100%; margin-right: 0!important } .head_nav_met_16_4_38 .navlist.flex .nav-item { flex: auto; text-align: center } .head_nav_met_16_4_38 .navlist.flex .nav-item .nav-link { height: 50px; line-height: 50px; padding: 0 } .head_nav_met_16_4_38 .navlist.flex .nav-item>.dropdown-menu { top: 50px } .head_nav_met_16_4_38 .dropdown-menu { background-color: #ffffff; background-color: ; border: none } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu .dropdown-item { color: #333333; color: } .dropdown-menu.dropdown-menu-bullet:before, .dropdown-menu.dropdown-menu-bullet:after { border-bottom-color: #ffffff; border-bottom-color: } .head_nav_met_16_4_38 .navlist .dropdown-menu .dropdown-item:hover, .head_nav_met_16_4_38 .navlist .dropdown-menu .dropdown-item.active { background: #ffffff!important; color: #14528d !important; color: !important } .head_nav_met_16_4_38 .met-head-user .dropdown-item:hover i { color: #14528d; color: } .head_nav_met_16_4_38.navbar-default .navbar-nav>.open>.nav-link, .head_nav_met_16_4_38.navbar-default .navbar-nav>.open>.nav-link:focus, .head_nav_met_16_4_38.navbar-default .navbar-nav>.open>.nav-link:hover { color: #14528d; color: #1c7fe3 } .head_nav_met_16_4_38 .met-head-user .shop_cart { font-size: 1rem } @media screen\0 { .head_nav_met_16_4_38 .navlist.flex { text-align: center } .head_nav_met_16_4_38 .navlist.flex .nav-item { display: inline-block; float: none } .head_nav_met_16_4_38 .navlist.flex .nav-item .nav-link { padding: 0 20px } } .head_nav_met_16_4_38.navbar-shadow .navlist .nav-item a.nav-link:hover, .head_nav_met_16_4_38 .navlist .nav-item a.nav-link:hover, .head_nav_met_16_4_38.navbar-shadow .navlist .nav-item a.nav-link:hover span, .head_nav_met_16_4_38 .navlist .nav-item a.nav-link:hover span { background: none!important; color: #14528d !important; color: #1c7fe3 !important } .head_nav_met_16_4_38 .dropdown-item, .head_nav_met_16_4_38 .navlist .nav-item a.nav-link { color: #333333; color: #333333; background: transparent } .ny-nobanner .navlist .nav-item a.nav-link, .head_nav_met_16_4_38.navbar-shadow .navlist .nav-item a.nav-link { color: #333333; color: } .head_nav_met_16_4_38 .navlist .nav-item .dropdown-menu a:hover, .head_nav_met_16_4_38 .navlist .nav-item .dropdown-menu a:hover span, .head_nav_met_16_4_38 .navlist .nav-item a.nav-link.active, .head_nav_met_16_4_38 .navlist .nav-item a.nav-link.active span { background: none!important; color: #14528d !important; color: #1c7fe3 !important } .ny-nobanner .navlist .nav-item a.active, .head_nav_met_16_4_38.navbar-shadow .navlist .nav-item a.active { color: #14528d; color: #1c7fe3 } .head_nav_met_16_4_38 .dropdown-submenu>.dropdown-item.dropdown-a:after { border-top: 0.286rem solid; border-right: 0.286rem solid transparent; border-left: 0.286rem solid transparent } .head_nav_met_16_4_38 .dropdown-submenu .dropdown-menu.block { position: static; border-right: none; border-left: none; padding-left: 10px } @media (max-width:767px) { body.ny-nobanner.met-navfixed, body.met-navfixed { padding-top: 60px } .head_nav_met_16_4_38 .dropdown-submenu .dropdown-menu { padding-left: 10px } .head_nav_met_16_4_38 .dropdown-menu-right.dropdown-menu-bullet:after, .head_nav_met_16_4_38 .dropdown-menu-right.dropdown-menu-bullet:before { display: none } .head_nav_met_16_4_38 .navlist .nav-item a.active { background: none !important } .head_nav_met_16_4_38 .met-head-shop li { display: block !important; margin: 0 } } .head_nav_met_16_4_38 .met-langlist .dropdown-menu { top: 60px; padding: 0; margin: 0 } .head_nav_met_16_4_38 .met-langlist .dropdown-menu a+a { border-top: 1px solid rgba(255, 255, 255, 0.2) } .head_nav_met_16_4_38 .met-langlist .dropdown-item { color: #333333; color: } .head_nav_met_16_4_38 .met-langlist .modal { background: rgba(0, 0, 0, .3) } @media (min-width:768px) { .head_nav_met_16_4_38 .met-langlist .nav-link { padding: 0; overflow: visible; margin-left: 15px } .head_nav_met_16_4_38 .met-langlist .dropdown { height: 60px; line-height: 60px } .head_nav_met_16_4_38 .navlist .nav-item .nav-link { padding-top: 0px; padding-bottom: 0px; height: 60px; line-height: 60px } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu { top: 65px; padding: 0 } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu>.dropdown-submenu .dropdown-menu { padding: 0 } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu { border: none } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu .border-top1 { border-top: 1px solid rgba(255, 255, 255, 0.2) } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu.dropdown-menu-bullet { top: 67px } .head_nav_met_16_4_38 .met-head-user { height: 60px } .head_nav_met_16_4_38 .met-langlist, .head_nav_met_16_4_38 .met-head-user { margin-left: 15px } } @media (max-width:767px) { #tophead { display: none } .head_nav_met_16_4_38 { background: #ffffff; background: #11589e } .head_nav_met_16_4_38 .met-langlist .dropdown { padding: .715rem 1.072rem } .head_nav_met_16_4_38 .met-langlist a { padding: 5px 15px 5px 5px !important } .head_nav_met_16_4_38 .navlist .nav-item { margin-left: 0!important } .head_nav_met_16_4_38 .met-logo { margin-left: 10px } .head_nav_met_16_4_38 .met-logo img { max-width: 150px } .head_nav_met_16_4_38 .navbar-collapse { width: 100% } .met-head.navbar-fixed-top .head_nav_met_16_4_38 .navbar-collapse { max-height: 340px; overflow-y: auto } .head_nav_met_16_4_38 .navbar-nav { margin: 10px 0!important } .head_nav_met_16_4_38 .navlist .nav-item a.active { background: #f5f5f5 } .head_nav_met_16_4_38 .met-langlist { margin-right: 5px } .head_nav_met_16_4_38 .navlist .nav-item a.nav-link { color: #333333; color: } .head_nav_met_16_4_38 .met-langlist .btn-outline.btn-default { color: #333333; color: ; border-color: #333333; border-color: } .head_nav_met_16_4_38.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item { color: #333333; color: } .head_nav_met_16_4_38 .navlist .nav-item>.dropdown-menu .border-top1 { border-top: 0px solid rgba(255, 255, 255, 0.2) } } .navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:hover { background-color: transparent } .met-mask { width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 99; background: rgba(0, 0, 0, .2) } .met-head-user .dropdown>a { padding-top: 0px; padding-bottom: 0px; height: 40px; line-height: 40px; color: #333333; color: #333333; background: transparent } .ny-nobanner .met-head-user .dropdown>a, .head_nav_met_16_4_38.navbar-shadow .met-head-user .dropdown>a { color: #333333; color: } .met-head-user .dropdown .dropdown-item>a { color: #333333; color: #333333 } .met-head-user .dropdown-menu { top: 45px; padding: 0 } .met-head-user .dropdown-menu-footer { line-height: 35px } .met-head-user .met-head-user-column .avatar img { max-height: 30px } @media (min-width:768px) { .met-head-user>li:nth-child(2) { margin-left: 10px } } @media (max-width:767px) { .met-head-user>li { display: block } .met-head-user>li:first-child { margin-bottom: 10px } } .met-head-user-toggler.active i { display: none } .met-head-user-toggler.active i:first-child { display: inline-block } .met-head-user-toggler i { position: relative; top: -5px } .met-head-user-toggler i:first-child { display: none } .met-head-user li a.btn-outline { color: #14528d; color: #1c7fe3; background-color: transparent; border-color: #14528d; border-color: #1c7fe3; border-radius: 3px } .met-head-user li a.btn-outline:hover { border-color: #14528d; background-color: #14528d; color: #ffffff; border-color: #1c7fe3; background-color: #1c7fe3 } .met-head-user li a.btn-success { border-color: #14528d; background-color: #14528d; color: #ffffff; border-color: #1c7fe3; background-color: #1c7fe3; border-radius: 3px } .met-head-user li a.btn-success:hover { opacity: 0.8 } .head_nav_met_16_4_38 .met-head-user li .dropdown-menu li+li .dropdown-item { border-top: 1px solid rgba(255, 255, 255, 0.2) } .head_nav_met_16_4_38 .met-head-user .dropdown i, .head_nav_met_16_4_38 .met-head-user li .dropdown-menu .dropdown-item { color: #333333; color: } .head_nav_met_16_4_38 .met-head-user li .dropdown-menu .dropdown-item:hover { background: #ffffff!important; color: #14528d; color: } .head_nav_met_16_4_38.navbar-default .hamburger .hamburger-bar, .head_nav_met_16_4_38.navbar-default .hamburger:after, .head_nav_met_16_4_38.navbar-default .hamburger:before { background-color: #333333; background-color: } .met-langlist .btn-outline.btn-default { color: #14528d; color: #1c7fe3; background-color: transparent; border-color: #14528d; border-color: #1c7fe3; border-radius: 3px } .met-langlist .btn-outline.btn-default:hover, .met-langlist .btn-outline.btn-default:active, .met-langlist .btn-outline.btn-default:focus { border-color: #14528d; border-color: #1c7fe3; background-color: #14528d; background-color: #1c7fe3; color: #ffffff } .head_nav_met_16_4_38 .met-head-shop .shop_cart i { color: #333333; color: #333333 } .ny-nobanner .met-head-shop .shop_cart i, .head_nav_met_16_4_38.navbar-shadow .met-head-shop .shop_cart i { color: #333333; color: } #topcart-body { color: #333333; color: } .banner_met_11_1_2 { width: 100%; height: auto; display: table } .banner_met_11_1_2.slick-slider { display: block } .banner_met_11_1_2 .slick-list, .banner_met_11_1_2 .slick-track { height: 100% } .banner_met_11_1_2 .slick-slide { height: auto; position: relative; overflow: hidden; display: block; width: 100% } .banner_met_11_1_2 .slick-slide img { display: none } .banner_met_11_1_2 .slick-slide:nth-child(1) img { display: block!important; height: auto } .banner_met_11_1_2 .animation-fade { -webkit-animation-duration: .66s !important; -o-animation-duration: .66s !important; animation-duration: .66s !important } @media (max-width:767px) { .banner_met_11_1_2 .slick-dots { bottom: 5px } .banner_met_11_1_2 .slick-dots li { width: 15px; height: 15px; margin: 0 } } .banner_met_11_1_2 .slick-arrow { width: 40px; height: 40px; top: 50%; text-align: center; display: none !important; z-index: 1; position: absolute } .banner_met_11_1_2 .slick-arrow:before { display: none } .banner_met_11_1_2:hover .slick-arrow { display: block } .banner_met_11_1_2 .slick-arrow.slick-prev { background: #14528d; background: ; opacity: .58; left: 20px } .banner_met_11_1_2 .slick-arrow.slick-prev i { background: url(/ui/banner/met_11_1/img/jiantou.png) repeat 0 0 } .banner_met_11_1_2 .slick-arrow.slick-next { background: #14528d; background: ; opacity: .58; right: 20px } .banner_met_11_1_2 .slick-arrow.slick-next i { background: url(/ui/banner/met_11_1/img/jiantou.png) repeat -39px 0 } .banner_met_11_1_2 .slick-arrow:hover { opacity: .9; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1) } .banner_met_11_1_2 .slick-arrow:hover i { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) } .banner_met_11_1_2 .slick-arrow i { font-size: 0; color: #fff !important; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; width: 40px; height: 40px } @media (max-width:767px) { .banner_met_11_1_2 .slick-arrow i { font-size: 50px } } .banner_met_11_1_2 .slick-dots { margin: 0; bottom: 20px } .banner_met_11_1_2 .slick-dots li { margin: 0 2px } @media (max-width:991px) {} @media (min-width:768px) { .banner_met_11_1_2:hover .slick-arrow { display: block !important } } @media (max-width:767px) { .banner_met_11_1_2 .slick-dots { bottom: 5px } } .banner_met_11_1_2 .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .banner_met_11_1_2 .banner-text .container { height: 100%; display: table; text-align: center } .banner_met_11_1_2 .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle } .banner_met_11_1_2 .banner-text.p-0 .container { text-align: left } .banner_met_11_1_2 .banner-text.p-0 .container .banner-text-con div { width: 60%; float: left } .banner_met_11_1_2 .banner-text.p-1 .container { text-align: right } .banner_met_11_1_2 .banner-text.p-1 .container .banner-text-con div { width: 60%; float: right } .banner_met_11_1_2 .banner-text.p-2 { top: 10% } .banner_met_11_1_2 .banner-text.p-2 .container .banner-text-con { vertical-align: top } .banner_met_11_1_2 .banner-text.p-3 { top: auto; bottom: 10% } .banner_met_11_1_2 .banner-text.p-3 .container .banner-text-con { vertical-align: bottom } .banner_met_11_1_2 .banner-text.p-2 .container .banner-text-con div, .banner_met_11_1_2 .banner-text.p-3 .container .banner-text-con div, .banner_met_11_1_2 .banner-text.p-4 .container .banner-text-con div { width: 60%; display: inline-block } .banner_met_11_1_2 .banner-text h3, .banner_met_11_1_2 .banner-text p { color: #fff } .banner_met_11_1_2 .banner-text h3 { margin: 0; font-size: 42px } .banner_met_11_1_2 .banner-text p { font-size: 28px; margin: 20px 0 0; text-shadow: none } .banner_met_11_1_2 .banner-text .btn { margin-top: 30px; font-size: 20px } .banner_met_11_1_2 .banner-text .btn { position: relative; z-index: 2 } .banner_met_11_1_2 .banner-text>a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1 } @media (max-width:991px) { .banner_met_11_1_2 .banner-text h3 { font-size: 30px } .banner_met_11_1_2 .banner-text p { font-size: 20px } } @media (max-width:767px) { .banner_met_11_1_2 .banner-text .container { width: 100% } .banner_met_11_1_2 .banner-text.p-4 .container .banner-text-con { width: 100% } .banner_met_11_1_2 .banner-text h3 { font-size: 24px } .banner_met_11_1_2 .banner-text p { margin-top: 15px; font-size: 18px } .banner_met_11_1_2 .banner-text .btn { margin-top: 20px; font-size: 16px } } @media (max-width:479px) { .banner_met_11_1_2 .banner-text h3 { font-size: 20px } .banner_met_11_1_2 .banner-text p { margin-top: 10px; font-size: 16px } } .banner_met_11_1_2-ny { background-color: #ffffff; background-color: ; height: 120px } .banner_met_11_1_2-ny h1 { margin: 0px; padding: 10px 30px; font-size: 35px; text-shadow: none; color: #333333; color: } .link_met_11_1_39 { background-color: #ffffff; background-color: } .link_met_11_1_39 .breadcrumb-item { float: none; display: inline-block; padding: 0 5px } .link_met_11_1_39 .breadcrumb-item.split { padding: 0 } .link_met_11_1_39 .breadcrumb-item a { color: #666666; color: ; transition: color 0.2s ease-out } .link_met_11_1_39 .breadcrumb-item a:hover { color: #14528d; color: } .link_met_11_1_39 .breadcrumb-item+.breadcrumb-item::before { color: #666666; color: } .link_met_11_1_39 .breadcrumb-item:nth-child(1) { color: #333333; color: ; font-size: 16px } .link_met_11_1_39 .container { border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid; border-top: 1px solid } .link_met_11_1_39 .breadcrumb-item+.breadcrumb-item::before { display: none } .link_met_11_1_39 .breadcrumb-item+.breadcrumb-item.split::before { display: inline-block } @media (max-width:767px) { .link_met_11_1_39 .container { text-align: left } } .foot_nav_met_11_1_3 { padding: 40px 0px; background: } @media (max-width:991px) { .foot_nav_met_11_1_3 { padding: 30px 0 } .foot_nav_met_11_1_3 .list { margin-bottom: 20px } } @media (max-width:767px) { .foot_nav_met_11_1_3 { padding: 20px 0 } .foot_nav_met_11_1_3 .list { margin-bottom: 15px } } .foot_nav_met_11_1_3 .list h4 { text-shadow: none } .foot_nav_met_11_1_3 .list h4 a { color: #333333; color: } .foot_nav_met_11_1_3 .list a:hover, .foot_nav_met_11_1_3 .list a:hover span { color: #14528d !important; color: !important } .foot_nav_met_11_1_3 .list ul li { margin-bottom: 3px; list-style: none; padding: 0 } .foot_nav_met_11_1_3 .list ul li a { color: #666666; color: ; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .foot_nav_met_11_1_3 .list ul li a>span { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .foot_nav_met_11_1_3 .info em { font-style: normal } .foot_nav_met_11_1_3 .info>a { display: inline-block; color: #333333!important; color: !important; transition: all .66s cubic-bezier(.17, .84, .44, 1); width: 35px; height: 30px; margin: 0 10px; background-color: #666666; background-color: ; background-color: } .foot_nav_met_11_1_3 .info p { color: #666666; color: } .foot_nav_met_11_1_3 .info em a { display: inline-block; color: #333333; color: ; transition: all .66s cubic-bezier(.17, .84, .44, 1); padding: 5px } .foot_nav_met_11_1_3 .info em a:hover { background: #14528d; background: ; color: #fff; text-decoration: none } .foot_nav_met_11_1_3 .info i { font-size: 20px; cursor: pointer; color: #ffffff; margin-top: 5px } .foot_nav_met_11_1_3 .info>a:hover { text-decoration: none; background: #14528d; background: ; color: #fff } .foot_nav_met_11_1_3 .info>a:hover i { color: #fff } .foot_info_met_11_1_5 { line-height: 1.8; background-color: #14528d; padding: 20px 0px } .foot_info_met_11_1_5 p { margin-bottom: 0px; color: #333333; color: #ffffff } .foot_info_met_11_1_5 p img { max-width: 100%; height: auto!important } .foot_info_met_11_1_5 .powered_by_metinfo { color: #666666; color: #ffffff } .foot_info_met_11_1_5 .met-langlist .btn-lang { background: transparent; color: #333333; color: #ffffff; border-color: #333333; border-color: #ffffff } .foot_info_met_11_1_5 .met-langlist .btn-lang:hover, .foot_info_met_11_1_5 .met-langlist .btn-lang:focus, .foot_info_met_11_1_5 .met-langlist .btn-lang:active { color: #fff; border-color: #14528d; border-color: ; background-color: #14528d; background-color: } .foot_info_met_11_1_5 .met-langlist .dropdown-menu .dropdown-item { color: #333333; color: } .foot_info_met_11_1_5 .met-langlist { margin-top: 10px } .foot_info_met_11_1_5 .met-langlist .btn-lang .flag-icon { margin-right: 3px } .foot_info_met_11_1_5 .met-langlist .dropdown-menu { min-width: 0 } .foot_info_met_11_1_5 .met-langlist .dropdown-menu .dropdown-item { white-space: nowrap } .foot_info_met_11_1_5 .met-langlist .dropdown-menu { min-width: 100% } @media (max-width:479px) { .met-langlist .btn-lang { padding-left: 5px; padding-right: 5px } } .foot_info_met_11_1_5 .powered_by_metinfo a { color: #14528d; color: } .foot_info_met_11_1_5_bottom { overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100% } .foot_info_met_11_1_5_bottom a.item { color: #ffffff; padding: 5px 0; display: inline-block } .foot_info_met_11_1_5_bottom a.item i { color: #ffffff; font-size: 16px; display: block } .foot_info_met_11_1_5_bottom { display: none } .foot_info_met_11_1_5_bottom.iskeshi { display: block } .foot_info_met_11_1_5_bottom .main { display: flex; background-color: #14528d; } .foot_info_met_11_1_5_bottom .main>div { flex: 1 } @media (max-width:767px) { .foot_info_met_11_1_5_bottom { display: block } } .back_top_met_16_1_4.met-scroll-top { position: fixed; right: 10px; bottom: 20px; z-index: 1601 } .back_top_met_16_1_4.met-scroll-top { border-color: #ffffff; background-color: #ffffff; border-color: #14528d; background-color: #14528d; color: #ffffff } .back_top_met_16_1_4.met-scroll-top:hover, .back_top_met_16_1_4.met-scroll-top:focus { border-color: #14528d; background-color: #14528d; border-color: ; background-color: ; color: #ffffff } .back_top_met_16_1_4.views { bottom: 70px } @media (max-width:767px) { .back_top_met_16_1_4.met-scroll-top { bottom: 70px } } .subcolumn_nav_met_16_1_8 { background-color: #ffffff; border-color: #f0f2f5 } .subcolumn_nav_met_16_1_8 { background-color: } .subcolumn_nav_met_16_1_8 .product-search form { max-width: 500px; margin: 0 auto 10px } .subcolumn_nav_met_16_1_8 .subcolumn_nav_met_16_1_8-ul>li a:hover, .subcolumn_nav_met_16_1_8 .subcolumn_nav_met_16_1_8-ul>li a.active { color: #14528d; color: } .subcolumn_nav_met_16_1_8.container { border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 37, 55, 0.05); margin: 10px auto } .subcolumn_nav_met_16_1_8-ul { font-size: 0 } @media (max-width:767px) { .subcolumn_nav_met_16_1_8-ul { white-space: nowrap } .subcolumn_nav_met_16_1_8 .subcolumn-nav { height: 54px } .subcolumn_nav_met_16_1_8.container { margin: 10px .9375rem } } .subcolumn_nav_met_16_1_8-ul li { display: inline-block; vertical-align: top } .subcolumn_nav_met_16_1_8-ul li>a { display: block; padding: 5px 10px; font-size: 16px } .subcolumn_nav_met_16_1_8-ul li a { color: #333333 } .subcolumn_nav_met_16_1_8-ul li a { color: } .subcolumn_nav_met_16_1_8-ul li .dropdown-menu { top: 40px; background-color: #ffffff; border-color: #ffffff } .subcolumn_nav_met_16_1_8-ul li .dropdown-menu a { color: #333333; color: ; color: } .subcolumn_nav_met_16_1_8-ul li .dropdown-menu a:hover, .subcolumn_nav_met_16_1_8-ul li .dropdown-menu a:active, .subcolumn_nav_met_16_1_8-ul li .dropdown-item.active { color: #14528d !important; color: !important; color: !important } .subcolumn_nav_met_16_1_8 .dropdown-item:hover, .subcolumn_nav_met_16_1_8 .dropdown-item.active { background-color: transparent !important } .subcolumn_nav_met_16_1_8 .product-search .form-control:focus { border-color: #14528d; color: } .subcolumn_nav_met_16_1_8 .swiper-container { z-index: 99 } .para_search_met_16_1_40 { background: ; padding: 30px 0px } @media (max-width:992px) { .para_search_met_16_1_40 { padding: 20px 0px } } .para_search_met_16_1_40 .btn-outline.btn-primary { color: #14528d; border-color: #14528d; color: ; border-color: } .para_search_met_16_1_40 .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.btn-outline.btn-primary.dropdown-toggle { background-color: #14528d; color: #fff !important; background-color: } .para_search_met_16_1_40 .order a { color: #333333; color: ; font-size: 14px; background: #fff; background: ; border-radius: 2px } .para_search_met_16_1_40 .order a:hover { color: #14528d; color: } .para_search_met_16_1_40 .pricetxt { color: #333333; color: } .para_search_met_16_1_40 .price_num { border-color: #e4eaec } .para_search_met_16_1_40 .pricesearch { border-color: #f96868; background-color: #f96868; color: #ffffff } .para_search_met_16_1_40 .pricesearch:hover { opacity: 0.8 } .para_search_met_16_1_40 .type-order { border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4 } .para_search_met_16_1_40 .type-order { border-color: } .para_search_met_16_1_40 .type-order>div { background: #e5e5e5; border-bottom: 1px solid #ededed } .para_search_met_16_1_40 .type-order>div { background: ; border-color: ; color: } .para_search_met_16_1_40 .type-order ul { background: #fafafa } .para_search_met_16_1_40 .type-order ul { padding: 0; margin: 0; background: #fafafa } .para_search_met_16_1_40 .type-order ul li { height: 40px; line-height: 40px } .para_search_met_16_1_40 .type-order .attr-name { height: 40px; line-height: 40px; white-space: nowrap; position: relative; overflow: hidden } .para_search_met_16_1_40 .type-order .attr-value a { color: #666666; color: } .para_search_met_16_1_40 .type-order .attr-value a:hover, .para_search_met_16_1_40 .type-order ul li.para_select_option a { color: #14528d; color: } @media (max-width:480px) { .para_search_met_16_1_40 .pricesearch {} } @media (max-width:767px) { .para_search_met_16_1_40 { padding: 10px 0px } .para_search_met_16_1_40 .order .order-list { margin-bottom: 13px } .para_search_met_16_1_40 .w-100 { width: 70px !important } } .news_list_page_met_11_1_9 { padding: 30px 0 } .news_list_page_met_11_1_9 .met-news-list { background: #ffffff; padding: 30px } .news_list_page_met_11_1_9 { background: } .news_list_page_met_11_1_9 .met-news-list li { padding: 30px 0; border-bottom: 1px solid #ffffff; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); position: relative } .news_list_page_met_11_1_9 .met-news-list li:first-child { padding-top: 0 } .news_list_page_met_11_1_9 .met-news-list li h4 { margin: 0 0 20px; font-size: 22px } .news_list_page_met_11_1_9 .met-news-list li h4 a { color: #333333; font-size: 20px; text-shadow: none; position: relative } .news_list_page_met_11_1_9 .met-news-list li:hover h4 a { color: #14528d; color: } .news_list_page_met_11_1_9 .met-news-list li:after { content: ''; width: 660px; height: 1px; background: #333333; background: ; color: #333333; color: ; position: absolute; bottom: 0; left: 0; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1) } .news_list_page_met_11_1_9 .met-news-list li:hover::after { width: 100%; background-color: #14528d; background-color: } .news_list_page_met_11_1_9 .met-news-list li:hover a { text-decoration: none } .news_list_page_met_11_1_9 .met-news-list li p { font-size: 16px } .news_list_page_met_11_1_9 .met-news-list li p.des { color: #666666; color: ; margin-bottom: 10px; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news_list_page_met_11_1_9 .met-news-list li p.info { margin-bottom: 0px; font-size: 16px; color: #666666; color: } .news_list_page_met_11_1_9 .met-news-list li .media-body p.info { margin: 0 } .news_list_page_met_11_1_9 .met-news-list li p.info span { margin-left: 10px } .news_list_page_met_11_1_9 .met-news-list li p.info span:first-child { margin: 0 } .news_list_page_met_11_1_9 .met-news-list li p.info i { color: #666666; color: } .news_list_page_met_11_1_9 .sidebar-column li a { display: block; font-size: 16px; color: #666666; color: } .news_list_page_met_11_1_9 .sidebar-column li a:hover { color: #333333 } .news_list_page_met_11_1_9 .sidebar-column li i { float: right; margin-top: 2px; font-size: 14px } .news_list_page_met_11_1_9 .sidebar-column li ul a { font-size: 14px; color: #666666; color: } .news_list_page_met_11_1_9 .sidebar-news-list ul li a { color: #666666; color: } .news_list_page_met_11_1_9 .sidebar-news-list ul li a:hover { color: #333333 } .news_list_page_met_11_1_9 .met-sidebar { box-shadow: none } .news_list_page_met_11_1_9 .slick-slide { width: 100%; position: relative; display: block } .news_list_page_met_11_1_9 .media-chief img { width: 100%; margin-bottom: 20px } .news_list_page_met_11_1_9 .headlines-text { width: 100%; position: absolute; left: 0; bottom: 0px; text-align: center; background: rgba(0, 0, 0, .38); padding: 15px } .news_list_page_met_11_1_9 .headlines-text h3 { color: #fff; margin: 0 } .news_list_page_met_11_1_9 .slick-next { right: 0px; z-index: 2; height: 100%; width: 40px } .news_list_page_met_11_1_9 .slick-prev { left: 0px; z-index: 2; height: 100%; width: 40px } .news_list_page_met_11_1_9 .met-news-body .slick-dots { display: none !important } @media (max-width:991px) { .news_list_page_met_11_1_9 .met-news-list li h4 { font-size: 18px; margin-bottom: 10px } } @media (max-width:767px) { .news_list_page_met_11_1_9 { padding: 0 } .news_list_page_met_11_1_9 .met-news-list li { padding: 20px 0 } .news_list_page_met_11_1_9 .met-news-list li .media-left { padding-right: 10px } .news_list_page_met_11_1_9 .met-news-list li .media-left .media-object { width: 100px } .news_list_page_met_11_1_9 .met-news-list li h4 { font-size: 16px; margin-bottom: 5px } .news_list_page_met_11_1_9 .met-news-list li p { font-size: 14px } .news_list_page_met_11_1_9 .headlines-text { bottom: 0px } .news_list_page_met_11_1_9 .headlines-text h3 { font-size: 16px } .news_list_page_met_11_1_9 .met-news-list li p.des { margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .news_list_page_met_11_1_9 .media-left .media-object { height: 62.5px } .news_list_page_met_11_1_9 .met-news-list li:after { width: 100px } .news_list_page_met_11_1_9 .met-news-list li p.info { margin-left: 0px } } @media (max-width:479px) { .news_list_page_met_11_1_9 .met-news-list li .media-left { display: table-cell } } @media (max-width:349px) { .news_list_page_met_11_1_9 .met-news-list li .media-left, .news_list_page_met_11_1_9 li .media-body { width: 100% } .news_list_page_met_11_1_9 .met-news-list li .media-left { padding: 0; width: 30%; display: table-cell; padding-right: 10px } .news_list_page_met_11_1_9 .met-news-list li .media-left .media-object { width: auto; max-width: 100% } .news_list_page_met_11_1_9 .met-news-list li .media-body { margin-top: 15px } } .news_list_page_met_11_1_9 .input-search .form-control { border-radius: 0 } .news_list_page_met_11_1_9 .input-search .form-control:focus { border-color: #333333; border-color: } .news_list_page_met_11_1_9 .card { background: #fff } .news_list_page_met_11_1_9 .card-body { padding: 20px } .news_list_page_met_11_1_9 .card-body .card-title a { color: #333333; color: } .news_list_page_met_11_1_9 .card-body .card-title a:hover { color: #14528d; color: } .news_list_page_met_11_1_9 .card-body p { color: #666666; color: } .news_list_page_met_11_1_9 .service-list .item { padding: 50px } @media (max-width:767px) { .news_list_page_met_11_1_9 .service-list .item { padding: 15px 30px } } .news_list_page_met_11_1_9 .service-list .item a { width: 100%; display: block; position: relative } .news_list_page_met_11_1_9 .service-list .item a img { width: 100%; margin: 0 auto } .news_list_page_met_11_1_9 .service-list .item h4 { font-size: 16px; height: 46px; line-height: 46px; color: #333333; color: ; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; border-bottom: 1px solid #ffffff; text-align: left; width: 100% } .news_list_page_met_11_1_9 .service-list .item h4:before { position: absolute; content: ""; width: 10px; height: 1px; background-color: #333333; background-color: ; margin-top: 46px; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) } .news_list_page_met_11_1_9 .service-list .item p { color: #666666; color: ; font-size: 13px; line-height: 24px; height: 50px; overflow: hidden; width: 100%; margin-top: 10px } .news_list_page_met_11_1_9 .service-list .item:hover h4:before { width: 100%; background-color: #14528d; background-color: } .news_list_page_met_11_1_9 .service-list .item:hover h4 { color: #14528d; color: } .news_list_page_met_11_1_9 .service-list .item:hover a { text-decoration: none } .met_pager { margin-top: 20px; text-align: center } .met_pager * { display: inline-block } .met_pager a { padding: 9px 15px; border: 1px solid #e4eaec; border-right: none; background: #ffffff; text-align: center; color: #76838f } .met_pager a:hover { background: #f5f5f5; color: #76838f; color: ; text-decoration: none } .met_pager a.NextA { border-right: 1px solid #e4eaec } .met_pager .PreSpan, .met_pager .NextSpan { padding: 9px 15px; border: 1px solid #e4eaec; background: #ffffff; color: #ccd5db; cursor: default } .met_pager .firstPage, .met_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px } .met_pager a.Ahover { background: #14528d; background: ; border-color: #14528d; border-color: ; color: #ffffff; cursor: default } .met_pager a.Ahover:hover { background: #14528d; background: ; border-color: #14528d; border-color: ; color: #ffffff } .met_pager a { text-decoration: none } .met_pager a:active, .met_pager a:focus, .met_pager a:hover { text-decoration: none } .met_pager .PageText { display: none; margin-left: 10px; color: #aaa } .met_pager input { display: none } .met_pager .firstPage, .met_pager .lastPage { height: auto; line-height: inherit } .pager li { width: 49%; display: inline-block } .pager li a { max-width: 100% } .news_list_page_met_11_1_9 #met-pager-btn { background: #14528d; background: ; border-color: #14528d; border-color: ; color: #ffffff } .sidebar_met_16_1_10.met-sidebar { margin-left: 30px; padding: 20px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); background-color: #ffffff } .sidebar_met_16_1_10.met-sidebar .list-group-item { background-color: #ffffff; border-color: #f0f2f5 } .sidebar_met_16_1_10 .sidebar-column li a { display: block; font-size: 16px } .sidebar_met_16_1_10 .sidebar-column li i { float: right; margin-top: 2px; font-size: 14px } .sidebar_met_16_1_10 .sidebar-column li ul a { font-size: 14px } .sidebar_met_16_1_10 .sidebar-news-list h3 { color: #333333 } .sidebar_met_16_1_10 .sidebar-news-list h3 { color: } .sidebar_met_16_1_10 .sidebar-news-list .list-group a { color: #333333; color: } .sidebar_met_16_1_10 .input-search .iconcolor { color: #1f1f1f } .sidebar_met_16_1_10 .sidebar-column li a { color: #333333 } .sidebar_met_16_1_10 .sidebar-column li a { color: } .sidebar_met_16_1_10 .sidebar-column li a:hover, .sidebar_met_16_1_10 .sidebar-column li a.active { color: #14528d; color: } .sidebar_met_16_1_10 .sidebar-news-list li a:hover { color: #14528d; color: } .sidebar_met_16_1_10 .form-control.focus, .sidebar_met_16_1_10 .form-control:focus { border-color: #14528d; color: } .sidebar_met_16_1_10 .form-control { background-color: #ffffff; border-color: #e4eaec } .sidebar_met_16_1_10 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #e4eaec } .sidebar_met_16_1_10 .form-control:hover { border-color: } @media (max-width:991px) { .sidebar_met_16_1_10.met-sidebar { margin-left: 10px; margin-top: 0px } } @media (max-width:767px) { .sidebar_met_16_1_10.met-sidebar { margin-top: 25px; margin-left: 0 } .sidebar_met_16_1_10 .m0 { margin: 0px } } .sidebar_met_16_1_10.met-sidebar>:not(:first-child) { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #f0f2f5 } .sidebar_met_16_1_10 .leftsidebar { margin-left: 0!important; margin-right: 30px } @media (max-width:991px) { .sidebar_met_16_1_10 .leftsidebar { margin-right: 0px } } .sidebar_met_16_1_10 .form-control { background-color: #ffffff; color: #e4eaec; border-color: #e4eaec } /* FILE ARCHIVED ON 10:01:16 Jul 01, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:58:06 Apr 18, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.568 exclusion.robots: 0.03 exclusion.robots.policy: 0.019 esindex: 0.011 cdx.remote: 16.049 LoadShardBlock: 74.033 (3) PetaboxLoader3.datanode: 594.536 (4) load_resource: 714.378 PetaboxLoader3.resolve: 52.082 */