.tab-list { margin: 0; padding: 0; list-style: none; } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -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: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 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-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .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 { -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 */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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("/www91mjsccom/Public/site/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -o-transition: transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } select.bs-select-hidden, select.selectpicker { display: none !important; } .btn-js-select, .js-select.form-control:not(.btn-group) { background-color: inherit; color: inherit; border: 1px solid #ccc; width: 100%; text-align: left; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#888' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem 1rem; padding-right: 1.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn-js-select:focus, .js-select.form-control:not(.btn-group):focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .js-select { position: relative; } .js-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .js-select > .dropdown-toggle.bs-placeholder { color: #999; } .js-select > .dropdown-toggle.bs-placeholder:hover, .js-select > .dropdown-toggle.bs-placeholder:focus, .js-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .js-select > select { display: none; } .js-select.mobile-false > select { position: absolute !important; top: 0; left: 0; opacity: 0; display: block !important; width: 100%; height: 100%; z-index: 2; } .has-error .js-select .dropdown-toggle, .error .js-select .dropdown-toggle { border-color: #dc3545; } .js-select.fit-width { width: auto !important; } .js-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .js-select.form-control.btn-group { margin-bottom: 0; padding: 0; border: 0; } .js-select.form-control.btn-group:not([class*="col-"]) { width: 100%; } .js-select.form-control.btn-group.input-group-btn { z-index: auto; } .js-select.form-control.btn-group.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .js-select.btn-group:not(.input-group-btn), .js-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .js-select.btn-group.dropdown-menu-right, .js-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .row .js-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .js-select.btn-group, .form-horizontal .js-select.btn-group, .form-group .js-select.btn-group { margin-bottom: 0; } .form-group-lg .js-select.btn-group.form-control, .form-group-sm .js-select.btn-group.form-control { padding: 0; } .form-group-lg .js-select.btn-group.form-control .dropdown-toggle, .form-group-sm .js-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .form-inline .js-select.btn-group .form-control { width: 100%; } .js-select .dropdown-toggle:after { display: none; } .js-select.btn-group.disabled { cursor: not-allowed; } .js-select.btn-group.disabled:focus { outline: none !important; } .js-select.btn-group > .disabled { cursor: not-allowed; } .js-select.btn-group > .disabled:focus { outline: none !important; } .js-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .js-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .js-select.btn-group .dropdown-toggle .filter-option { display: block; overflow: hidden; width: 100%; text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .js-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .js-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .js-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .js-select.btn-group .dropdown-menu li { position: relative; } .js-select.btn-group .dropdown-menu li.active small { color: #fff; } .js-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .js-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .js-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .js-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .js-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .js-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .js-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .js-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .js-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .js-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .js-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .js-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .dropdown-menu.inner { display: block; } .dropdown-menu.inner a { display: block; padding: 0.25em 0.75em; color: #444; outline: 0; } .dropdown-menu.inner a:hover { background-color: #f5f5f5; } .dropdown-menu.inner .selected a { background-color: #f5f5f5; color: #cd0001; } .js-select-searching li a { display: none !important; } .js-select-searching li.no-results a { display: block; } .js-select-loader { position: relative; } .js-select-loader .spinner { position: absolute; bottom: 0.375rem; right: 0.5rem; background-color: #ffffff; z-index: 99; } .ajax-load-container { text-align: center; display: none; } .ajax-loading .ajax-load-container, .ajax-complete .ajax-load-container { display: block; } .ajax-loading .ajax-load-btn-txt, .ajax-complete .ajax-load-btn-txt { display: none; } .ajax-spinner { border: 3px solid #a90001; border-top: 3px solid #FFF; border-radius: 50%; display: inline-block; vertical-align: middle; width: 21px; height: 21px; margin-right: 5px; -webkit-animation: loader-spin 1.2s linear infinite; animation: loader-spin 1.2s linear infinite; } @-webkit-keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .masonry-item img { -webkit-transition: all .35s ease !important; -o-transition: all .35s ease !important; transition: all .35s ease !important; opacity: 1; } .masonry-lazy-error { height: 120px; position: relative; background-color: #ddd; } .masonry-lazy-error:before { width: 30px; height: 30px; content: "×"; display: block; border: 2px solid; position: absolute; margin: auto; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; color: #dc3545; font-size: 20px; line-height: 24px; text-align: center; border-radius: 50%; opacity: .5; } .masonry-lazy-error img { opacity: 0; } .masonry-lazy-loading { position: relative; height: 120px; overflow: hidden; } .masonry-lazy-loading:before, .masonry-lazy-loading:after { width: 30px; height: 30px; content: ""; display: block; border: 3px solid transparent; position: absolute; margin: auto; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; border-top-color: #cd0001; border-radius: 50%; -webkit-animation: spinner 1s infinite ease; animation: spinner 1s infinite ease; } .masonry-lazy-loading:after { border-left-color: #cd0001; -webkit-animation: spinner2 1s infinite linear; animation: spinner2 1s infinite linear; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .masonry-lazy-loading img { opacity: 0; } @-webkit-keyframes spinner { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spinner2 { from { -webkit-transform: rotate(20deg); transform: rotate(20deg); } to { -webkit-transform: rotate(380deg); transform: rotate(380deg); } } @keyframes spinner2 { from { -webkit-transform: rotate(20deg); transform: rotate(20deg); } to { -webkit-transform: rotate(380deg); transform: rotate(380deg); } } [data-toggle="img"] { position: relative; } [data-toggle="img"] img { opacity: 0; display: block; width: 0; height: 0; } [data-toggle="img"]:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; display: block; opacity: 1; -webkit-transition: opacity .35s; -o-transition: opacity .35s; transition: opacity .35s; z-index: 2; background-color: #eee; } .img-cover, .img-contain { background-position: center center; background-repeat: no-repeat; background-color: #eee; position: relative; } .img-cover { background-size: cover; } .img-contain { background-size: contain; } .img-loaded:after { opacity: 0; } .img-parallax { overflow: hidden; position: relative; } .parallax-bg { position: absolute; top: 0; min-height: 100%; width: 100%; left: 0; z-index: 1; } .z-index-3 { position: relative; z-index: 3; } /*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */ .grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-filter: gray; filter: gray; } .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; -o-transition: filter .5s; transition: filter .5s; transition: filter .5s, -webkit-filter .5s; } .grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .grayscale.grayscale-off { -webkit-filter: grayscale(0); filter: grayscale(0); } .grayscale.grayscale-replaced { -webkit-filter: none; filter: none; } .grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg { opacity: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; } } .lightbox-modal .modal-dialog, .lightbox-modal .modal-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; margin: 0; } .lightbox-modal .modal-content { background-color: rgba(0, 0, 0, 0.75); } .lightbox-control { position: absolute; top: 50%; height: 0; width: 100%; left: 0; z-index: 999; } .lightbox-control > button { position: relative; z-index: 99; } .lightbox-next { float: right; } .lightbox-prev { float: left; } .lightbox-close { position: absolute; top: 0; right: 0; z-index: 99; } .lightbox-container { width: 300px; height: 300px; position: relative; -webkit-transition: width .35s, height .35s; -o-transition: width .35s, height .35s; transition: width .35s, height .35s; } .lightbox-item { width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); margin: auto; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .lightbox-item:not(.active) { width: 100px !important; height: 100px !important; } .lightbox-item.active { opacity: 1; z-index: 200; } .lightbox-item > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lightbox-item.prev-1, .lightbox-item.next-1 { width: 250px !important; height: 300px !important; opacity: .85; z-index: 80; } .lightbox-item.prev-2, .lightbox-item.next-2 { width: 200px !important; height: 250px !important; opacity: .85; z-index: 40; } .lightbox-count { position: absolute; top: 90%; font-size: 22px; color: #FFF; width: 100%; z-index: 99; text-align: center; } .text-desc { color: #666666; line-height: 1.75em; } .top-ads { display: none; } #header .mb-4 { display: none; } .banner { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; background-color: #eee; overflow: hidden; } .banner:before { display: block; content: ""; position: relative; z-index: 1; } .banner-index:before { padding-top: 500px; } @media (max-width: 1199.98px) { .banner-index:before { padding-top: 27.08333%; } } @media (max-width: 767.98px) { .banner-index:before { padding-top: 42.66%; } } .owl-carousel { position: relative; } .owl-carousel .owl-item { max-width: 100%; } .owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 50%; margin-top: -40px; z-index: 3; overflow: hidden; text-decoration: none; background: rgba(0, 0, 0, 0.3); border: none; width: 32px; height: 32px; line-height: 32px; font-size: 20px; text-align: center; color: rgba(255, 255, 255, 0.5); } @media (max-width: 767.98px) { .owl-carousel .owl-prev, .owl-carousel .owl-next { margin-top: -25px; font-size: 18px; } } .owl-carousel .owl-prev { left: 0; right: auto; } .owl-carousel .owl-next { left: auto; right: 0; } .owl-carousel .owl-dots { text-align: right; display: block; position: absolute; width: 100%; bottom: 10px; right: 15px; } .owl-carousel .owl-dots .owl-dot { display: inline-block; position: relative; vertical-align: middle; background: transparent; border: 0; padding: 0; } .owl-carousel .owl-dots .owl-dot.active span { background: #0348a3; } .owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; background: #fff; display: block; border-radius: 50%; margin: 0 4px; position: relative; } @media (max-width: 767.98px) { .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; } } .news-carousel .item, .tab-carousel .item { position: relative; display: block; } .news-carousel .item p, .tab-carousel .item p { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; font-size: 22px; padding-left: 20px; } @media (max-width: 767.98px) { .news-carousel .item p, .tab-carousel .item p { padding: 0 10px; font-size: 16px; bottom: 10px; } } .news-carousel .item-img, .tab-carousel .item-img { background-size: cover; background-position: center center; background-repeat: no-repeat; } .news-carousel .item-img:before, .tab-carousel .item-img:before { content: ''; display: block; padding-top: 63%; } .tab-carousel .item p { color: #333; position: unset; font-size: 18px; line-height: 1.6; margin-top: 10px; margin-bottom: 0; padding: 0; font-weight: bold; } @media (max-width: 767.98px) { .tab-carousel .item p { font-size: 16px; } } .tab-carousel .item-img:before { padding-top: 60%; } .tab-carousel .owl-prev, .tab-carousel .owl-next { display: none; } .tab-carousel .owl-dots { bottom: 50px; } @media (max-width: 991.98px) { .tab-carousel .owl-dots { bottom: 70px; } } .index-news { padding: 25px 0 50px; } @media (max-width: 767.98px) { .index-news { padding: 25px 0; } } .index-judge { padding-bottom: 60px; } @media (max-width: 767.98px) { .index-judge { padding-bottom: 20px; } } .index-judge2 { padding: 0 15px 60px; } @media (max-width: 767.98px) { .index-judge2 { padding: 0; } } .index-contact { padding: 30px 15px; } @media (max-width: 767.98px) { .index-contact { padding: 20px 0; } } .news-title { border-bottom: 1px solid #eeeeee; font-size: 24px; line-height: 40px; background: url("/www91mjsccom/Public/site/img/news-title.png") no-repeat 0 bottom; padding-bottom: 1px; margin-bottom: 0; } @media (max-width: 991.98px) { .news-title { font-size: 20px; } } .news-block { padding: 10px 0 15px; border-bottom: 1px dashed #666666; } .news-block-title { line-height: 38px; max-height: 38px; overflow: hidden; font-weight: bold; } .news-block-title a { font-size: 22px; color: #333333; display: block; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .news-block-title a:hover { color: #cd0001; } @media (max-width: 991.98px) { .news-block-title { line-height: 25px; max-height: 25px; } .news-block-title a { font-size: 18px; } } .news-block-txt { margin-bottom: 0; line-height: 24px; max-height: 48px; overflow: hidden; } .news-block-txt a { font-size: 16px; color: #666666; } @media (max-width: 991.98px) { .news-block-txt a { font-size: 14px; } } .title-img { width: 100%; line-height: 56px; font-size: 26px; color: #fff; text-indent: 80px; background: url("/www91mjsccom/Public/site/img/title.png") no-repeat; } @media (max-width: 767.98px) { .title-img { background-size: auto 100%; line-height: 40px; font-size: 18px; text-indent: 55px; margin-bottom: 15px; } } .judge-item { display: block; text-align: center; } .judge-item:hover .judge-name { color: #cd0001; } .judge-img { margin: 40px auto 0; width: 159px; height: 159px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); border-radius: 50%; } @media (min-width: 768px) and (max-width: 991.98px) { .judge-img { width: 140px; height: 140px; } } @media (max-width: 767.98px) { .judge-img { width: 120px; height: 120px; margin-top: 15px; } } .judge-name { margin: 20px auto; font-size: 18px; color: #333333; line-height: 30px; overflow: hidden; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; } @media (max-width: 767.98px) { .judge-name { font-size: 16px; } } .judge-info { margin: 0 auto; font-size: 15px; color: #666666; line-height: 30px; max-height: 60px; overflow: hidden; position: relative; bottom: 15px; } @media (max-width: 767.98px) { .judge-info { font-size: 14px; line-height: 25px; max-height: 50px; } } .judge-title { width: 100%; height: 45px; line-height: 50px; font-size: 20px; font-weight: bold; color: #0348a3; border-bottom: 1px solid #cccccc; margin-top: 30px; margin-bottom: 20px; } @media (max-width: 767.98px) { .judge-title { font-size: 18px; line-height: 45px; margin: 15px 0; } } .judge-list-item { width: 20%; display: inline-block; padding: 0 5px; padding-bottom: 20px; } @media (min-width: 768px) and (max-width: 991.98px) { .judge-list-item { width: 25%; } } @media (max-width: 767.98px) { .judge-list-item { width: 50%; padding-bottom: 10px; } .judge-list-item:nth-of-type(odd) { padding-left: 0; } .judge-list-item:nth-of-type(even) { padding-right: 0; } } .judge-list-img { border: 1px solid #ccc; } .judge-list-img:before { padding-top: 34.75%; } .zoom img { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; } .zoom:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .contact-grp { padding-bottom: 10px; } .contact-grp p { margin-bottom: 10px; color: #666666; } .contact-grp p.text-add { margin-left: 100px; } @media (max-width: 767.98px) { .contact-grp p { font-size: 14px; } .contact-grp p.text-add { margin-left: 85px; } } .contact-img { width: 121px; height: 121px; margin: 0 auto; } .contact-img-grp { padding: 0; } .contact-img-grp h4 { color: #333333; text-align: center; font-weight: bold; margin-top: 10px; font-size: 16px; } @media (max-width: 767.98px) { .contact-img-grp h4 { font-size: 14px; } } .tab-grp { position: relative; } .tab-grp .general-nav { position: absolute; bottom: 0; right: 0; line-height: 56px; } .tab-grp .general-nav li { display: inline-block; } .tab-grp .general-nav li:not(:first-child) { margin-left: -5px; } .tab-grp .general-nav a { display: block; text-align: center; padding: 0 10px; color: #fefefe; font-size: 14px; letter-spacing: 0px; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .tab-grp .general-nav a:hover, .tab-grp .general-nav a.active { font-weight: bold; color: #0348a3; background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 767.98px) { .tab-grp .general-nav { line-height: 40px; position: unset; background-color: #2d98e2; } .tab-grp .general-nav li { width: 20%; } .tab-grp .general-nav a { padding: 0; font-size: 13px; } .tab-grp .general-nav.v2 li { width: 33.3333%; } .tab-grp .general-nav.v3 li { width: 50%; } } @media (max-width: 458px) { .tab-grp .general-nav a { font-size: 12px; } } .tab-item { margin: 20px 0 40px; padding: 20px 5px; border: 1px solid #0348a3; position: relative; } @media (max-width: 767.98px) { .tab-item { padding: 15px 0; } } .tab-content.v2 { margin: 20px 0 40px; } .tab-content.v2 .row { padding: 0 15px; } .tab-content.v2 .tab-item { margin: 0; padding: 15px; } @media (max-width: 767.98px) { .tab-content.v2 .tab-item { margin-bottom: 20px; } .tab-content.v2 .tab-more { bottom: -20px; } } .tab-text { font-size: 17px; line-height: 1.6em; max-height: 16em; overflow: hidden; letter-spacing: 0px; font-weight: normal; font-stretch: normal; color: #333333; } .tab-text.v2 { font-size: 16px; color: #666; overflow: hidden; max-height: 3.2em; } @media (max-width: 767.98px) { .tab-text { font-size: 14px !important; margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991.98px) { .tab-text { margin-bottom: 30px; } } .tab-more { color: #0348a3; position: absolute; right: 25px; bottom: 5px; } @media (max-width: 767.98px) { .tab-more { bottom: -7px; font-size: 14px; } } .tab-title { font-size: 22px; color: #333; letter-spacing: 0; font-weight: bold; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } @media (max-width: 767.98px) { .tab-title { font-size: 18px; max-height: 22px; overflow: hidden; } } .tab-news { border-bottom: 1px dashed #ccc; display: block; } .tab-news:hover h4 { color: #cd0001; } @media (min-width: 768px) and (max-width: 991.98px) { .tab-list li:last-child { margin-bottom: 30px; } } .tab-list a { font-size: 18px; letter-spacing: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; display: block; color: #333; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .tab-list a:hover { color: #cd0001; } @media (max-width: 767.98px) { .tab-list a { font-size: 14px; line-height: 35px; } } .tab-list span { width: 4px; height: 4px; background-color: #0348a3; border-radius: 50%; position: relative; bottom: 4px; display: inline-block; }