@charset "utf-8"; /* CSS Document */ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; } body { padding: 0; margin: 0; } html, body, fieldset, img, iframe, abbr { border: 0; } li { list-style: none; } textarea { overflow: auto; resize: none; } input { outline: none; } a, button { cursor: pointer; } h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: normal; font-style: normal; } a, a:hover { text-decoration: none; } body, textarea, input, button { color: #62a1c9; } html, body { width: 100%; min-height: 930px; height: auto; } html.hidden, body.hidden { overflow: hidden; } .hide { display: none; } /**** DEMO 单行 .text-overflow-ellipsis(1); 多行 .text-overflow-ellipsis(2); ****/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #454545; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #454545; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #454545; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #454545; } /*宽度限制板块*/ .wbox { width: 1200px; margin: 0 auto; clear: both; } .wbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wbox { display: inline-block; } /* Hides from IE-mac \*/ * html .wbox { zoom: 1; } .wbox { display: block; position: relative; } /* End hide from IE-mac */ .no-webp body {background:#fff} .webp body {background:#fff} body { min-width: 1200px; width: 100%; min-height: 930px; height: auto; font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif !important; } input, textarea { margin: 0; padding: 0; border: 0; outline: none; } a, div, button { border: 0; outline: none; } /*********弹层公共样式*********/ .no-webp .Layer {background:#000} .webp .Layer {background:#000} .Layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: -1; } .Layer.on { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 10000; } .pop { position: fixed; top: 50%; left: 50%; z-index: 10000; } .pop .close { position: absolute; top: 6px; right: -83px; display: block; width: 52px; height: 52px; cursor: pointer; z-index: 100001; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .pop .close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .video-pop { width: 800px; height: 450px; margin: -225px 0 0 -400px; display: none; } .video-pop.on { display: block; } .video-pop .video-box { width: 800px; height: 450px; } .libao-pop { width: 826px; height: 511px; margin: -225px 0 0 -400px; display: none; } .libao-pop.on { display: block; } /*********底部版权*********/ .no-webp #NIE-copyRight {background:#000} .webp #NIE-copyRight {background:#000} #NIE-copyRight { color: #ccc; } #NIE-copyRight a { color: #e23a3f; } #NIE-copyRight #ncp-l1 { color: #e23a3f; } #NIE-copyRight #NIE-copyRight-corp { padding: 30px 0!important; } /*********alert组件样式修改*********/ .no-webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm {background-color:#e5c27e} .webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm {background-color:#e5c27e} .alert_box .alert_wrap .alert_main .btns.btnsConfirm { } .no-webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {background-color:#e5c27e} .webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {background-color:#e5c27e} .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover { } .no-webp .alert_box .alert_wrap .alertClose em {background-color:#e5c27e} .webp .alert_box .alert_wrap .alertClose em {background-color:#e5c27e} .alert_box .alert_wrap .alertClose em { } .no-webp .alert_box .alert_wrap .alertClose:hover em {background-color:#e5c27e} .webp .alert_box .alert_wrap .alertClose:hover em {background-color:#e5c27e} .alert_box .alert_wrap .alertClose:hover em { } /*********分享组件样式修改*********/ #NIE-share { text-align: center; position: absolute; right: 150px; top: 42px; z-index: 10; } #NIE-share .NIE-share-more { top: 35px; } #NIE-share ul li { padding: 0; } #NIE-share .NIE-share-txt { margin-left: 6px; margin-right: 11px; font-size: 14px; color: #fbe461; } #NIE-share .NIE-share-iconBtn a { color: #fbe461; font-size: 22px; line-height: 22px; } #NIE-share .NIE-share-iconBtn a:hover { color: #e5c27e; } @-webkit-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-ms-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-o-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-moz-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-ms-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-o-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-moz-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-ms-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-o-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-moz-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-ms-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-o-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-webkit-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } .posr { position: relative; } .posa { position: absolute; } .posf { position: fixed; } .hide { display: none; } .a-hide-content { text-indent: -9999px; overflow: hidden; } input { outline: medium; } /* pc弹窗 */ .no-webp .shiling_btn {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/12+_web_ea711ab3.png) no-repeat} .webp .shiling_btn {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/12+_web_ea711ab3.webp) no-repeat} .shiling_btn { display: block; width: 114px; height: 150px; position: absolute; left: 50%; top: 590px; margin-left: 240px; z-index: 9; } .no-webp .shiling-layer {background:rgba(0, 0, 0, 0.5)} .webp .shiling-layer {background:rgba(0, 0, 0, 0.5)} .shiling-layer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .no-webp .shiling-layer .shiling-pop {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/area_web_76db74a4.png) no-repeat center} .webp .shiling-layer .shiling-pop {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/area_web_76db74a4.webp) no-repeat center} .shiling-layer .shiling-pop { width: 880px; height: 500px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .no-webp .shiling-layer .shiling-pop .shiling-close {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/icon_close_3a0156ff.png) no-repeat} .webp .shiling-layer .shiling-pop .shiling-close {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/icon_close_3a0156ff.webp) no-repeat} .shiling-layer .shiling-pop .shiling-close { display: block; width: 38px; height: 39px; position: absolute; top: 25px; right: 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .shiling-layer .shiling-pop .shiling-close:hover { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .no-webp .shiling-layer .shiling-pop .shiling-title {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/title_web_bdaae3de.png) no-repeat center} .webp .shiling-layer .shiling-pop .shiling-title {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/title_web_bdaae3de.webp) no-repeat center} .shiling-layer .shiling-pop .shiling-title { width: 411px; height: 29px; margin: 0 auto 50px; -webkit-transform: translateX(20px); transform: translateX(20px); } .shiling-layer .shiling-pop .shilin-txt { width: 790px; height: 360px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .shiling-layer .shiling-pop .shilin-txt p { font-size: 12px; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; margin-bottom: 16px; } .shiling-layer .shiling-pop .shilin-txt a { color: #fff; } .main .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-zuojiantou-01:before { content: "\E61C"; } .icon-ic_arrow_r:before { content: "\E601"; } body { margin: 0 auto; min-width: 1200px; position: relative; max-width: 1920px; margin: 0 auto !important; } body #NIE-topBar { position: absolute; top: 0; left: 0; width: 100%; } .no-webp body .main {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/news_bg_6eafa884.jpg); background-repeat: no-repeat; background-position: center top} .webp body .main {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/news_bg_6eafa884.webp); background-repeat: no-repeat; background-position: center top} .no-webp body .main {background-repeat:no-repeat} .webp body .main {background-repeat:no-repeat} .no-webp body .main {background-position:center top} .webp body .main {background-position:center top} body .main { width: 100%; padding-bottom: 23px; } .no-webp body .main .bammer {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/news_banner_aac3f666.png); background-repeat: no-repeat; background-position: center top} .webp body .main .bammer {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/news_banner_aac3f666.webp); background-repeat: no-repeat; background-position: center top} .no-webp body .main .bammer {background-repeat:no-repeat} .webp body .main .bammer {background-repeat:no-repeat} .no-webp body .main .bammer {background-position:center top} .webp body .main .bammer {background-position:center top} body .main .bammer { width: 100%; height: 425px; padding-top: 83px; } body .main .bammer:after { content: ""; clear: both; display: block; } .no-webp body .main .bammer .logo {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/logo2_77ea01be.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .webp body .main .bammer .logo {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/logo2_77ea01be.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .no-webp body .main .bammer .logo {background-repeat:no-repeat} .webp body .main .bammer .logo {background-repeat:no-repeat} .no-webp body .main .bammer .logo {background-position:center center} .webp body .main .bammer .logo {background-position:center center} .no-webp body .main .bammer .logo {background-size:100% 100%} .webp body .main .bammer .logo {background-size:100% 100%} .no-webp body .main .bammer .logo {background-color:transparent} .webp body .main .bammer .logo {background-color:transparent} body .main .bammer .logo { width: 103px; height: 111px; float: left; margin-left: 30px; } body .main .bammer .gw { color: #88a5b6; font-size: 16px; line-height: 38px; width: 126px; height: 38px; float: right; margin-top: 34px; margin-right: 39px; border: 1px solid #88a5b6; display: block; text-indent: 11px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; } body .main .bammer .gw span { display: inline-block; } body .main .bammer .gw i { display: inline-block; } body .main .bammer .gw:hover { border-color: #ffe993; color: #ffe993; } .no-webp body .main .bammer .h6 {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/news_h6_1ae1d6f7.png); background-repeat: no-repeat; background-position: center top} .webp body .main .bammer .h6 {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/news_h6_1ae1d6f7.webp); background-repeat: no-repeat; background-position: center top} .no-webp body .main .bammer .h6 {background-repeat:no-repeat} .webp body .main .bammer .h6 {background-repeat:no-repeat} .no-webp body .main .bammer .h6 {background-position:center top} .webp body .main .bammer .h6 {background-position:center top} body .main .bammer .h6 { margin-top: 60px; width: 100%; height: 88px; } .no-webp body .location {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/ewm_bg_c613be88.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .webp body .location {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/ewm_bg_c613be88.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .no-webp body .location {background-repeat:no-repeat} .webp body .location {background-repeat:no-repeat} .no-webp body .location {background-position:center center} .webp body .location {background-position:center center} .no-webp body .location {background-size:100% 100%} .webp body .location {background-size:100% 100%} .no-webp body .location {background-color:transparent} .webp body .location {background-color:transparent} body .location { width: 206px; height: 310px; position: fixed; top: 50%; right: 61px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 50; } body .location.active { top: 800px; position: absolute; } body .location .fluctuate { width: 206px; height: 275px; padding-top: 35px; text-align: center; } .no-webp body .location .fluctuate .ewm {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/wxcode_8a646531.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .webp body .location .fluctuate .ewm {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/wxcode_8a646531.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .no-webp body .location .fluctuate .ewm {background-repeat:no-repeat} .webp body .location .fluctuate .ewm {background-repeat:no-repeat} .no-webp body .location .fluctuate .ewm {background-position:center center} .webp body .location .fluctuate .ewm {background-position:center center} .no-webp body .location .fluctuate .ewm {background-size:100% 100%} .webp body .location .fluctuate .ewm {background-size:100% 100%} .no-webp body .location .fluctuate .ewm {background-color:transparent} .webp body .location .fluctuate .ewm {background-color:transparent} body .location .fluctuate .ewm { margin: 0 auto; width: 122px; height: 122px; position: relative; } .no-webp body .location .fluctuate .ewm > p {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/xz_line_a4174dfc.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .webp body .location .fluctuate .ewm > p {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/xz_line_a4174dfc.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .no-webp body .location .fluctuate .ewm > p {background-repeat:no-repeat} .webp body .location .fluctuate .ewm > p {background-repeat:no-repeat} .no-webp body .location .fluctuate .ewm > p {background-position:center center} .webp body .location .fluctuate .ewm > p {background-position:center center} .no-webp body .location .fluctuate .ewm > p {background-size:100% 100%} .webp body .location .fluctuate .ewm > p {background-size:100% 100%} .no-webp body .location .fluctuate .ewm > p {background-color:transparent} .webp body .location .fluctuate .ewm > p {background-color:transparent} body .location .fluctuate .ewm > p { width: 100%; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: scan_top 1.5s infinite alternate linear; animation: scan_top 1.5s infinite alternate linear; } body .location .fluctuate > p { color: #ffffff; font-size: 14px; line-height: 36px; text-align: center; } .no-webp body .location .fluctuate .link-apple {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/app_xz_4bd09b93.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .webp body .location .fluctuate .link-apple {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/app_xz_4bd09b93.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .no-webp body .location .fluctuate .link-apple {background-repeat:no-repeat} .webp body .location .fluctuate .link-apple {background-repeat:no-repeat} .no-webp body .location .fluctuate .link-apple {background-position:center center} .webp body .location .fluctuate .link-apple {background-position:center center} .no-webp body .location .fluctuate .link-apple {background-size:100% 100%} .webp body .location .fluctuate .link-apple {background-size:100% 100%} .no-webp body .location .fluctuate .link-apple {background-color:transparent} .webp body .location .fluctuate .link-apple {background-color:transparent} body .location .fluctuate .link-apple { width: 122px; height: 36px; margin: 0 auto; display: block; } .no-webp body .location .fluctuate .link-android {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/and_xz_2a79e4c2.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .webp body .location .fluctuate .link-android {background-image:url(https://ws.res.netease.com/pc/gw/20250401201045/img/and_xz_2a79e4c2.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; background-color: transparent} .no-webp body .location .fluctuate .link-android {background-repeat:no-repeat} .webp body .location .fluctuate .link-android {background-repeat:no-repeat} .no-webp body .location .fluctuate .link-android {background-position:center center} .webp body .location .fluctuate .link-android {background-position:center center} .no-webp body .location .fluctuate .link-android {background-size:100% 100%} .webp body .location .fluctuate .link-android {background-size:100% 100%} .no-webp body .location .fluctuate .link-android {background-color:transparent} .webp body .location .fluctuate .link-android {background-color:transparent} body .location .fluctuate .link-android { width: 122px; height: 36px; margin: 10px auto 0; display: block; } @-webkit-keyframes scan_top { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(112px); transform: translateY(112px); } } @keyframes scan_top { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(112px); transform: translateY(112px); } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .no-webp .mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.4)} .webp .mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.4)} .mCSB_scrollTools .mCSB_draggerRail{ filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .no-webp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .webp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .no-webp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .webp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .no-webp .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .webp .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .no-webp .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .webp .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .no-webp .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .webp .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .no-webp .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .webp .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .no-webp .mCSB_scrollTools .mCSB_buttonUp, .no-webp .mCSB_scrollTools .mCSB_buttonDown, .no-webp .mCSB_scrollTools .mCSB_buttonLeft, .no-webp .mCSB_scrollTools .mCSB_buttonRight {background-repeat:no-repeat} .webp .mCSB_scrollTools .mCSB_buttonUp, .webp .mCSB_scrollTools .mCSB_buttonDown, .webp .mCSB_scrollTools .mCSB_buttonLeft, .webp .mCSB_scrollTools .mCSB_buttonRight {background-repeat:no-repeat} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ /* css sprites */ /* background-image: url(mCSB_buttons.png); */ opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .no-webp .mCSB_scrollTools .mCSB_buttonUp {background-position:0 0} .webp .mCSB_scrollTools .mCSB_buttonUp {background-position:0 0} .mCSB_scrollTools .mCSB_buttonUp{ /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .no-webp .mCSB_scrollTools .mCSB_buttonDown {background-position:0 -20px} .webp .mCSB_scrollTools .mCSB_buttonDown {background-position:0 -20px} .mCSB_scrollTools .mCSB_buttonDown{ /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .no-webp .mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -40px} .webp .mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -40px} .mCSB_scrollTools .mCSB_buttonLeft{ /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .no-webp .mCSB_scrollTools .mCSB_buttonRight {background-position:0 -56px} .webp .mCSB_scrollTools .mCSB_buttonRight {background-position:0 -56px} .mCSB_scrollTools .mCSB_buttonRight{ /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .no-webp .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.15)} .webp .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.15)} .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0} .webp .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0} .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px} .webp .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px} .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px} .webp .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px} .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px} .webp .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px} .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .webp .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.1)} .webp .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.1)} .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px 0} .webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px 0} .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -20px} .webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -20px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -40px} .webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -40px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -56px} .webp .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -56px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ } /* theme: "dark-2" */ .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px 0} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px 0} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -20px} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -20px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -40px} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -40px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -56px} .webp .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -56px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.1)} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.1)} .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px 0} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px 0} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -20px} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -20px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -40px} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -40px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -56px} .webp .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -56px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ } /* theme: "dark-thick" */ .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px 0} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px 0} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -20px} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -20px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -40px} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -40px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -56px} .webp .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -56px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .no-webp .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .webp .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .no-webp .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.1)} .webp .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.1)} .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.15)} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.15)} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px} .webp .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .no-webp .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .webp .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .no-webp .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.15)} .webp .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.15)} .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .no-webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {background-position:0 -72px} .webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {background-position:0 -72px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {background-position:0 -92px} .webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {background-position:0 -92px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -112px} .webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -112px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {background-position:0 -128px} .webp .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {background-position:0 -128px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "rounded-dark", "rounded-dots-dark" */ .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.15)} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.15)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px -72px} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px -72px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -92px} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -92px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -112px} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -112px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -128px} .webp .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -128px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-color:transparent} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .webp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-color:transparent} .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-position:center} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .webp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-position:center} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ } .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {background-repeat:repeat-y} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {background-repeat:repeat-y} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .no-webp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-repeat:repeat-x} .webp .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .webp .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-repeat:repeat-x} .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; } .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px -72px} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px -72px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -92px} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -92px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -112px} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -112px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -128px} .webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -128px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px -72px} .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px -72px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -92px} .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -92px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -112px} .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -112px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -128px} .webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -128px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-repeat:repeat-y} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-repeat:repeat-y} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)))} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)))} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-repeat:repeat-x} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-repeat:repeat-x} .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)))} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)))} .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .no-webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .webp .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .no-webp .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .webp .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#555} .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#555} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .no-webp .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .webp .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .webp .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .webp .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .webp .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "3d-dark" */ .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .webp .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#555} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#555} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background-color:#000} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background-color:#000} .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background-color:rgba(0,0,0,0.05)} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background-color:rgba(0,0,0,0.05)} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .webp .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#777} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#777} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {background-color:#fff} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {background-color:#fff} .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {background-color:rgba(0,0,0,0.05)} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {background-color:rgba(0,0,0,0.05)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .webp .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .webp .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.2)} .webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.2)} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.5)} .webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.5)} .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.2)} .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.2)} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.5)} .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.5)} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .no-webp .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .webp .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .no-webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .webp .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "dark-3" */ .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .webp .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .no-webp .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .webp .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.2)} .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .no-webp .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .webp .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px} .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .webp .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px} .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .webp .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px} .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .webp .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .webp .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px} .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.1)} .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ } .no-webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .webp .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ } /* theme "inset-2", "inset-2-dark" */ .no-webp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .no-webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .webp .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .webp .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent} .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff} .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.6)} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(255,255,255,0.6)} .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000} .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.6)} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(0,0,0,0.6)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ } .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.75)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000} .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(255,255,255,0.75)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ } .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(255,255,255,0.85)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ } .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff} .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .no-webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .webp .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(255,255,255,0.9)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } /* ---------------------------------------- */ @charset "utf-8"; /* CSS Document */ html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; } body { padding: 0; margin: 0; } html, body, fieldset, img, iframe, abbr { border: 0; } li { list-style: none; } textarea { overflow: auto; resize: none; } input { outline: none; } a, button { cursor: pointer; } h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: normal; font-style: normal; } a, a:hover { text-decoration: none; } body, textarea, input, button { color: #62a1c9; } html, body { width: 100%; min-height: 930px; height: auto; } html.hidden, body.hidden { overflow: hidden; } .hide { display: none; } /**** DEMO 单行 .text-overflow-ellipsis(1); 多行 .text-overflow-ellipsis(2); ****/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #454545; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #454545; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #454545; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #454545; } /*宽度限制板块*/ .wbox { width: 1200px; margin: 0 auto; clear: both; } .wbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wbox { display: inline-block; } /* Hides from IE-mac \*/ * html .wbox { zoom: 1; } .wbox { display: block; position: relative; } /* End hide from IE-mac */ .no-webp body {background:#fff} .webp body {background:#fff} body { min-width: 1200px; width: 100%; min-height: 930px; height: auto; font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif !important; } input, textarea { margin: 0; padding: 0; border: 0; outline: none; } a, div, button { border: 0; outline: none; } /*********弹层公共样式*********/ .no-webp .Layer {background:#000} .webp .Layer {background:#000} .Layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: -1; } .Layer.on { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 10000; } .pop { position: fixed; top: 50%; left: 50%; z-index: 10000; } .pop .close { position: absolute; top: 6px; right: -83px; display: block; width: 52px; height: 52px; cursor: pointer; z-index: 100001; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .pop .close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .video-pop { width: 800px; height: 450px; margin: -225px 0 0 -400px; display: none; } .video-pop.on { display: block; } .video-pop .video-box { width: 800px; height: 450px; } .libao-pop { width: 826px; height: 511px; margin: -225px 0 0 -400px; display: none; } .libao-pop.on { display: block; } /*********底部版权*********/ .no-webp #NIE-copyRight {background:#000} .webp #NIE-copyRight {background:#000} #NIE-copyRight { color: #ccc; } #NIE-copyRight a { color: #e23a3f; } #NIE-copyRight #ncp-l1 { color: #e23a3f; } #NIE-copyRight #NIE-copyRight-corp { padding: 30px 0!important; } /*********alert组件样式修改*********/ .no-webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm {background-color:#e5c27e} .webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm {background-color:#e5c27e} .alert_box .alert_wrap .alert_main .btns.btnsConfirm { } .no-webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {background-color:#e5c27e} .webp .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {background-color:#e5c27e} .alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover { } .no-webp .alert_box .alert_wrap .alertClose em {background-color:#e5c27e} .webp .alert_box .alert_wrap .alertClose em {background-color:#e5c27e} .alert_box .alert_wrap .alertClose em { } .no-webp .alert_box .alert_wrap .alertClose:hover em {background-color:#e5c27e} .webp .alert_box .alert_wrap .alertClose:hover em {background-color:#e5c27e} .alert_box .alert_wrap .alertClose:hover em { } /*********分享组件样式修改*********/ #NIE-share { text-align: center; position: absolute; right: 150px; top: 42px; z-index: 10; } #NIE-share .NIE-share-more { top: 35px; } #NIE-share ul li { padding: 0; } #NIE-share .NIE-share-txt { margin-left: 6px; margin-right: 11px; font-size: 14px; color: #fbe461; } #NIE-share .NIE-share-iconBtn a { color: #fbe461; font-size: 22px; line-height: 22px; } #NIE-share .NIE-share-iconBtn a:hover { color: #e5c27e; } @-webkit-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-ms-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-o-keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @keyframes right_out { 0% { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @-webkit-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-moz-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-ms-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-o-keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes video1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-moz-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-ms-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-o-keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @keyframes video2 { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-moz-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-ms-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-o-keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @keyframes updown { 0% { top: 380px; opacity: 1; } 50% { top: 390px; opacity: 0.8; } 100% { top: 380px; opacity: 1; } } @-webkit-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes ship { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(4000px, -2000px, 0); -moz-transform: translate3d(4000px, -2000px, 0); -ms-transform: translate3d(4000px, -2000px, 0); -o-transform: translate3d(4000px, -2000px, 0); transform: translate3d(4000px, -2000px, 0); } 30% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-30px, -3px, 0); -moz-transform: translate3d(-30px, -3px, 0); -ms-transform: translate3d(-30px, -3px, 0); -o-transform: translate3d(-30px, -3px, 0); transform: translate3d(-30px, -3px, 0); } 40% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(10px, 1px, 0); -moz-transform: translate3d(10px, 1px, 0); -ms-transform: translate3d(10px, 1px, 0); -o-transform: translate3d(10px, 1px, 0); transform: translate3d(10px, 1px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 45% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-ms-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes top_out { 0% { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -500px, 0); -moz-transform: translate3d(0, -500px, 0); -ms-transform: translate3d(0, -500px, 0); -o-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } 42% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } .posr { position: relative; } .posa { position: absolute; } .posf { position: fixed; } .hide { display: none; } .a-hide-content { text-indent: -9999px; overflow: hidden; } input { outline: medium; } /* pc弹窗 */ .no-webp .shiling_btn {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/12+_web_ea711ab3.png) no-repeat} .webp .shiling_btn {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/12+_web_ea711ab3.webp) no-repeat} .shiling_btn { display: block; width: 114px; height: 150px; position: absolute; left: 50%; top: 590px; margin-left: 240px; z-index: 9; } .no-webp .shiling-layer {background:rgba(0, 0, 0, 0.5)} .webp .shiling-layer {background:rgba(0, 0, 0, 0.5)} .shiling-layer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .no-webp .shiling-layer .shiling-pop {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/area_web_76db74a4.png) no-repeat center} .webp .shiling-layer .shiling-pop {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/area_web_76db74a4.webp) no-repeat center} .shiling-layer .shiling-pop { width: 880px; height: 500px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .no-webp .shiling-layer .shiling-pop .shiling-close {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/icon_close_3a0156ff.png) no-repeat} .webp .shiling-layer .shiling-pop .shiling-close {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/icon_close_3a0156ff.webp) no-repeat} .shiling-layer .shiling-pop .shiling-close { display: block; width: 38px; height: 39px; position: absolute; top: 25px; right: 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .shiling-layer .shiling-pop .shiling-close:hover { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .no-webp .shiling-layer .shiling-pop .shiling-title {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/title_web_bdaae3de.png) no-repeat center} .webp .shiling-layer .shiling-pop .shiling-title {background:url(https://ws.res.netease.com/pc/gw/20250401201045/img/title_web_bdaae3de.webp) no-repeat center} .shiling-layer .shiling-pop .shiling-title { width: 411px; height: 29px; margin: 0 auto 50px; -webkit-transform: translateX(20px); transform: translateX(20px); } .shiling-layer .shiling-pop .shilin-txt { width: 790px; height: 360px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .shiling-layer .shiling-pop .shilin-txt p { font-size: 12px; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 20px; margin-bottom: 16px; } .shiling-layer .shiling-pop .shilin-txt a { color: #fff; } body .main { max-height: 1599px; } body .main > .content { width: 1200px; margin: 0 auto; } body .main > .content:after { content: ""; clear: both; display: block; } body .main > .content .recurrence { color: #88a5b6; font-size: 28px; line-height: 48px; width: 48px; height: 48px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; border: 1px solid #88a5b6; float: left; text-align: center; } body .main > .content .recurrence:hover { border-color: #ffe993; color: #ffe993; } body .main > .content h1 { color: #fff; font-size: 38px; line-height: 38px; margin: 0 30px 0 80px; text-align: center; padding-bottom: 30px; } body .main > .content .detailsInfo { color: #7c94a6; font-size: 14px; line-height: 18px; padding-bottom: 55px; text-align: center; } body .main > .content img { height: auto !important; vertical-align: top; max-width: 100%; } body .main > .content .artText { height: 920px; min-height: 500px; } body .main > .content .artText.active { height: auto; } body .main > .content .artText p { color: #babfc3; font-size: 14px; line-height: 36px; padding-bottom: 36px; } body .main > .content .artText h2 { color: #ffffff; font-size: 18px; line-height: 34px; padding-bottom: 38px; font-weight: 600; } body .main > .content .artText a { color: #ffe993; } .no-webp body .mCSB_scrollTools .mCSB_draggerRail {background-color:transparent !important} .webp body .mCSB_scrollTools .mCSB_draggerRail {background-color:transparent !important} body .mCSB_scrollTools .mCSB_draggerRail { } .no-webp body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#7faecf !important} .webp body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#7faecf !important} body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { } table { border-collapse: collapse; border-spacing: 0; } table { width: 800px; font-size: 16px; color: #babfc3; text-align: center; line-height: 32px; margin: 0 auto 24px; } table td { height: 32px; line-height: 32px; border: 1px #babfc3 solid; } .no-webp table thead {background:#babfc3} .webp table thead {background:#babfc3} table thead { color: #fff9eb; font-weight: bold; } table thead tr { height: 35px; line-height: 35px; } table thead tr th { border: 1px #babfc3 solid; } table.huiliu_table tbody .td165 { width: 165px; } table.huiliu_table tbody .td110 { width: 110px; } video { max-width: 100% !important; margin: 0 auto; }