/* COMMON */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_inside>.mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_outside+.mCSB_scrollTools { right: -26px } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { 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; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; 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 } .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 } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .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 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .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; 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; 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; 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 } .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; box-sizing: border-box } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .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 { 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; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { 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 } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .75); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, .75); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .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, .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 { width: 16px; height: 16px; margin: -1px 0 } .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, .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 { width: 4px } .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, .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 { height: 16px; width: 16px; margin: 0 -1px } .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, .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 { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, .2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px } .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(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, .4), inset -1px 0 0 rgba(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, .4), inset 0 -1px 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, .2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .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, .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 { width: 12px } .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, .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 { height: 12px; margin: 2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, .2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, .2); box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, .2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } html { font-size: 62.5%; } html{color:#000;background:#FFF} body,div,dl,dt,dd,ul,figure,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; } body, html{width:100%;height:100%;font-family:'Poppins','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} @font-face{font-family:'i';src:url('../fonts/i.eot?rosuz7');src:url('../fonts/i.eot?rosuz7#iefix') format('embedded-opentype'),url('../fonts/i.ttf?rosuz7') format('truetype'),url('../fonts/i.woff?rosuz7') format('woff'),url('../fonts/i.svg?rosuz7#i') format('svg');font-weight:normal;font-style:normal;} [class^="i-"], [class*=" i-"]{/* use !important to prevent issues with browser extensions that change fonts */ font-family:'i'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1; /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .i { font-family: 'i'; } .i-blank:before { content: "\65"; } * { outline: none; } img { vertical-align: bottom; } a { text-decoration: none; } .table { display: table; } .cell { display: table-cell; } .body { max-width: 1200px; height: 100%; margin: 0 auto; box-sizing: border-box; position: relative; } .thin { max-width: 700px; margin: 0 auto; box-sizing: border-box; } .mid { max-width: 850px; margin: 0 auto; box-sizing: border-box; } .inner { padding: 0 25px; box-sizing: border-box; } .in { width: 100%; height: 100%; position: relative; } h1, h2, h3, h4, h5 { font-weight: 600; font-size: 1.3rem; color: #333; } p, li, a, span { font-size: 1.4rem; color: #333; } .spacer { display: block; width: 100%; clear: both; } .tx_c { text-align: center; } .tx_r { text-align: right; } .tx_l { text-align: left; } .yb { background-image: url(../img/img_pointer_b.png); background-repeat: no-repeat; background-position: center; background-size: 8px; } .yt { background-image: url(../img/img_pointer_t.png); background-repeat: no-repeat; background-position: center; background-size: 8px; } .yr { background-image: url(../img/img_pointer_r.png); background-repeat: no-repeat; background-position: center; background-size: 22px; } .yl { background-image: url(../img/img_pointer_l.png); background-repeat: no-repeat; background-position: center; background-size: 22px; } .bg-gray { background: #fcfcfc; } .bg-dotted { background: url(../img/bg_dotted.png) center top; background-size: 50px; } .edit p { line-height: 2.6rem; } .buttons { overflow: hidden; padding: 0 20px; line-height: 50px; height: 50px; width: 250px; display: block; background: #191919; box-sizing: border-box; margin: 0 auto; position: relative; } .buttons .t { position: relative; z-index: 2; color: #fff; font-weight: 500; letter-spacing: 1px; } .buttons span { display: block; width: 100%; font-size: 1.4rem; } .buttons .y, .buttons .yr, .buttons .yl { position: absolute; right: 0; top: 0; height: 50px; width: 50px; } .buttons.left .y, .buttons .yl { right: auto; left: 0; } .buttons .y { overflow: hidden; z-index: 2; } .buttons.r { float: right; margin: 0 25px 0 0; } .buttons .bg { display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 1); top: 0; left: -100%; } .loader { position: fixed; z-index: 100; top: 0; left: 0; height: 2px; width: 100%; overflow: hidden; } .loader span { position: absolute; left: -100%; display: block; width: 100%; height: 100%; background-color: rgba(233, 219, 45, 1); -webkit-animation: loading 4s ease-in-out 1 alternate; animation: loading 4s ease-in-out 1 alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes loading { 0% { -webkit-transform: translate(0%, 0); transform: translate(0%, 0); } 100% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } @keyframes loading { 0% { -webkit-transform: translate(0%, 0); transform: translate(0%, 0); } 100% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } @-webkit-keyframes loadend { 0% { -webkit-transform: translate(0%, 0); transform: translate(0%, 0); } 100% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } @keyframes loadend { 0% { -webkit-transform: translate(0%, 0); transform: translate(0%, 0); } 100% { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } } .loader .in { transition: all 0.4s; } .is_loaded .loader .in { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .pointer { position: absolute; height: 50px; width: 50px; overflow: hidden; } .pointer span { display: block; height: 50px; width: 50px; position: absolute; top: 0; left: 0; } .pointer .yr { z-index: 2; } .pointer .bg { left: -100%; z-index: 1; background: #000; } .xy { display: block; height: 10px; width: 10px; position: absolute; background: rgba(233, 219, 45, 1); } .xy-large { height: 50px; width: 50px; } .xy-lt { margin: 0 0 0 -5px; left: 25px; top: -5px; } .xy-lb { margin: 0 0 0 -5px; left: 25px; bottom: 5px; } .xy-rt { margin: 0px -5px 0 0; right: 25px; top: -5px; } .xy-rb { margin: 0px -5px 0 0; right: 25px; bottom: 5px; } .xy-lt.xy-large { margin: 0 0 0 -25px; left: 25px; top: -25px; } .xy-lb.xy-large { margin: 0 0 0 -25px; left: 25px; bottom: 25px; } .xy-rt.xy-large { margin: 0px -25px 0 0; right: 25px; top: -25px; } .xy-rb.xy-large { margin: 0px -25px 0 0; right: 25px; bottom: 25px; } .wrap { position: relative; overflow: hidden; } .scroll { overflow: scroll; overflow-x: hidden; } /* 黄色 #e9db2d rgba(233,219,45,1) */ /* HEADER */ .logo { width: 160px; height: 110px; display: block; background: url(../img/logo-b.svg) center no-repeat #fff; text-indent: -9999px; background-size: 100px; } .header { width: 100%; position: absolute; z-index: 99; top: 0; left: 0; } .header-left .logo, .header-left .subtext { display: inline-block; vertical-align: middle; } .header-left { position: absolute; left: 0; top: 0; } .header-right { position: absolute; right: 0; top: 0; } .header-left .subtext { line-height: 100px; font-weight: bold; color: #fff; letter-spacing: 1px; font-size: 1.2rem; padding: 0 20px; box-sizing: border-box; } .nav li a, .nav li span { font-size: 1.2rem; color: #fff; font-weight: 600; letter-spacing: 2px; position: relative; display: block; } .nav li a { padding: 0 25px; box-sizing: border-box; height: 110px; line-height: 110px; } .nav > li { display: inline-block; vertical-align: middle; } .nav .lang li { display: inline-block; vertical-align: middle; } .nav .lang { margin-left: 20px; background: #191919; } .nav .lang { font-size: 0; } .nav .lang li a { height: 28px; line-height: 31px; box-sizing: border-box; padding: 0; width: 33px; text-align: center; font-size: 1.2rem; text-indent: 3px; } .nav .lang li span { display: inline-block; vertical-align: middle; height: 8px; width: 1px; background: #fff; } .nav .lang li a.active { opacity: 0.4; } .nav .page--handle:before { transition: opacity 0.5s; content: ''; opacity: 0; display: block; height: 5px; width: 5px; background: rgba(233, 219, 45, 1); position: absolute; top: 50%; left: 0; margin: -20px 0 0 0; } .nav .page--handle.active:before { opacity: 1; } .nav .lang .page--handle.active:before { display: none; } .nav > li:after { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; } .is_loaded .nav > li:after { display: none; } /* PULLDOWN */ .nav .pulldown-body li { display: block; } .nav .pulldown-body { position: absolute; top: 80px; width: 200px; text-align: left; left: 0; padding-left: 25px; box-sizing: border-box; } .nav .pulldown-body a { color: #fff; box-sizing: border-box; padding: 0; } .nav .pulldown-body li { margin-bottom: 10px; overflow: hidden; } .nav .pulldown-body li a { line-height: 25px; height: 24px; padding-left: 12px; border-left: 2px solid rgba(233, 219, 45, 1); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; background: #000; } .pullldown { position: relative; } .nav .pulldown-body { display: none; } .nav .pulldown-body.active { display: block; } /* FV */ .firstview { height: 750px; background: #030303; } .firstview .table { width: 100%; height: 100%; } .firstview .table .cell { text-align: center; vertical-align: middle; } .main-title { text-align: center; } .scroll-to { border: 2px solid rgba(233, 219, 45, 1); overflow: hidden; display: block; bottom: 50px; left: 50%; width: 50px; height: 50px; position: absolute; box-sizing: border-box; margin-left: -25px; z-index: 2; } .scroll-to span { display: block; height: 100%; width: 100%; } #js-bg-render, #js-hite-render { position: absolute; top: 0; left: 0; } .time { overflow: hidden; position: absolute; right: 25px; bottom: 50px; z-index: 10; width: 50px; height: 50px; } .time span { display: block; height: 100%; width: 100%; background: #e9db2e; position: absolute; top: -100%; left: 0; } .time .in { background: rgba(255, 255, 255, 0.1); } .main-title span { display: inline-block; vertical-align: top; font-size: 6rem; color: #fff; letter-spacing: 1px; line-height: 6.4rem; padding: 0 10px; } /* INDEX */ .sub-title { font-size: 0; text-align: center; } .sub-title div { position: relative; display: inline-block; vertical-align: top; height: 50px; line-height: 53px; } .sub-title .t h2 { font-size: 2.2rem; font-weight: 700; letter-spacing: 1px; } .sub-title .b { display: block; width: 30px; height: 30px; position: absolute; left: -50px; top: 50%; margin-top: -15px; background: rgba(233, 219, 45, 1); } .topics-body .more .pointer { overflow: hidden; } /* TOPICS */ .section-topics { } .topics-list { font-size: 0; text-align: center; } .topics-body { display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; padding: 0 25px; text-align: left; } .cats li { display: inline-block; vertical-align: top; line-height: 50px; } .cats li a { font-weight: bold; font-size: 1.2rem; padding-right: 5px; color: #333; } hr { padding: 0; margin: 0; display: block; height: 2px; width: 20px; background: rgba(233, 219, 45, 1); border: none; } .topics-body h3 a { font-size: 1.5rem; display: block; padding: 11px 0 12px 0; box-sizing: border-box; height: 98px; } .date { font-weight: 600; font-size: 1.2rem; opacity: 0.4; } .more { display: block; line-height: 50px; height: 50px; position: relative; overflow: hidden; width: 100%; } .more .pointer { right: 0; top: 0; z-index: 2; } /* ABOUT */ .panel-ol { font-size: 0; text-align: center; } .panel-body { display: inline-block; vertical-align: top; width: 33.3333%; box-sizing: border-box; padding: 0 25px; } .panel-body a { display: block; height: 300px; position: relative; } .panel-body .table { position: relative; z-index: 2; width: 100%; height: 100%; } .panel-body .table .cell { vertical-align: middle; } .panel-title { display: block; text-align: center; font-size: 2rem; font-weight: 600; letter-spacing: 1px; color: #fff; } .panel-sub { letter-spacing: 1px; color: #fff; font-weight: bold; display: block; text-align: center; } .panel-body .pointer { right: 50px; bottom: 50px; } /* MASK */ .mask-ol { overflow: hidden; } .mask { position: absolute; height: 100%; width: 100%; background: url(../img/img_mask.png) center no-repeat; background-size: cover; top: 100%; left: 0; opacity: 0; } /* COMMUNITY */ .community-list { font-size: 0; text-align: center; } .community-body { text-align: left; display: inline-block; box-sizing: border-box; padding: 0 25px; width: 25%; vertical-align: top;} .community-body .cover { position: relative; display: block; height: 180px; width: 100%; background-color: #ccc;} .community-footer { padding: 20px; box-sizing: border-box; background: #030303; } .name { color: #fff; font-size: 1.3rem; opacity: 0.6; display: block; } .post { color: #fff; font-size: 1.2rem; opacity: 0.6; display: block; } .community-footer h3 a { color: #fff; display: block; padding: 10px 0; font-size: 1.3rem; min-height: 8em;} /* TOGGLE */ .toggle { display: block; position: fixed; z-index: 100; background: #000; right: 0; top: 0; } .toggle .in { width: 18px; padding: 22px 21px; } .toggle span { display: block; height: 2px; width: 18px; background: #fff; } .toggle span.t2 { margin: 5px 0; } .toggle span { transition: all 0.4s; } .is_open_menu .toggle span { background: rgba(233, 219, 45, 1) } .is_open_menu .toggle span.t1 { -webkit-transform: translate(0, 7px); -ms-transform: translate(0, 7px); transform: translate(0, 7px); } .is_open_menu .toggle span.t3 { -webkit-transform: translate(0, -7px); -ms-transform: translate(0, -7px); transform: translate(0, -7px); } .scroll { background: #030303; } .contents { background: #fff; } /* ANIMATION */ .sp { display: none; } .pad { display: none; } /* LOADED */ .show, .show-child > * { transition: all 0.5s; } .show { opacity: 0; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); } .show.is_over { opacity: 1; -webkit-transform: translate(0, 0px); -ms-transform: translate(0, 0px); transform: translate(0, 0px); } /* FOOTER */ .footer { background: #000; } .footer .logo { width: 100px; float: left; background: url(../img/logo-w.svg) no-repeat center top; } .footer .links { width: 100%; box-sizing: border-box; padding-left: 200px; } .footer .table { width: 100%; } .footer .cell { width: 50%; vertical-align: top; box-sizing: border-box; padding-left: 25px; } .footer .cell .cell { padding: 0; } .footer h4 { font-size: 1.4rem; font-weight: 600; letter-spacing: 1px; color: #fff; padding-bottom: 25px; margin-bottom: 25px; margin-top: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer .table li, .footer .table li span, .footer .table li a { font-size: 1.2rem; color: rgba(255, 255, 255, 0.4); } .footer .table li { line-height: 1.5em; margin-bottom: 1em; } .footer .table li a { color: rgba(255, 255, 255, 1); } .footer .table .ft-links li a { padding: 0 5px; font-size: 1.4rem; } address { text-align: center; color: rgba(255, 255, 255, 0.4); line-height: 50px; font-size: 1.2rem; letter-spacing: 1px; } .footer-top { background: #222; } .footer-bottom { background: #111; } .footer .scroll-to { margin: 0; left: auto; right: 0; bottom: 0; } .footer-logoes span, .footer-logoes a { display: block; } .footer-logoes { background: #000; font-size: 0; text-align: center; } .footer-logoes li { display: inline-block; vertical-align: top; padding: 0 10px; } .footer-logoes a { border: 1px solid rgba(255, 255, 255, 0.1); background: #fff; } .footer-logoes a span { text-indent: -9999px; width: 200px; padding: 10px 0; box-sizing: border-box; } .footer-logoes .ft-logo-1 span { background: url(../img/img_ft_logo_1.jpg) no-repeat center; background-size: 160px; } .footer-logoes .ft-logo-2 span { background: url(../img/img_ft_logo_2.jpg) no-repeat center; background-size: 180px; } /* SUBPAGES */ .slideIn { transition: all 0.6s; opacity: 0; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); } .is_loaded .slideIn { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .subpages .firstview { height: 500px !important; background: #000; position: relative; } .subpages .firstview .in { z-index: 2; } .subpages-sub-title, .subpages-header h3, .subpages .firstview h3 { font-weight: bold; color: rgba(233, 219, 45, 1); font-size: 2rem; letter-spacing: 1px; } .subpages-title { font-size: 5rem; color: #fff; line-height: 6.4rem; padding: 0 10px; display: inline-block; letter-spacing: 1px; vertical-align: top; } .subpages .firstview .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; } /* OUTLINE */ .themes-li { float: left; width: 33.3333%; box-sizing: border-box; padding: 30px; } .themes-num { display: block; text-align: center; font-size: 6rem; line-height: 2.3em; font-weight: bold; color: #333; } .themes-in { height: 370px; } .themes-in h3 { letter-spacing: 1px; box-sizing: border-box; padding-left: 30px; position: relative; font-weight: bold; font-size: 1.6rem; min-height :90px;} .themes-in h3:before { content: ''; display: block; height: 10px; width: 10px; background: rgba(233, 219, 45, 1); position: absolute; left: 0; top: 0; } .mCSB_outside+.mCSB_scrollTools { right: -22px; } .themes-wrap { padding: 0 25px; box-sizing: border-box; } .themes-ol { border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } .themes-li { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .panel-two-cols .panel-body { width: 50%; } /* MESSAGE */ .adviser-header .cover, .message-wrap .cover { width: 250px; height: 350px; } .adviser-header .cell, .message-wrap .cell { vertical-align: top; padding: 0 25px; } .personal-name { font-weight: bold; font-size: 1.8rem; margin-bottom: 1em; } .dt, .dd { box-sizing: border-box; padding-left: 16px; color: #333; } .dt { font-size: 1.3rem; border-left: 4px solid rgba(233, 219, 45, 1); padding-left: 12px; font-weight: bold; } .dd, .dd p { font-size: 1.2rem; text-align: left word-break: normal; } /* 2017.11.21 justify to left (r2) */ .dd { margin: 1em 0; } /* ADVISER */ .adviser-header .cell { padding: 0; } .adviser-header .cell:first-child { padding: 0 50px 0 0; } .dt, .dd, .dd p { font-size: 1.4rem; } .personal-wrap .table { margin-bottom: 1em; width: 100%; } .personal-wrap .table .cell { width: 50%; } .adviser-ul { font-size: 0; } .adviser-li { width: 25%; box-sizing: border-box; padding: 0 25px 50px 25px; display: inline-block; vertical-align: top; } .adviser-body .dl dt { font-size: 1.3rem; } .adviser-body .dl dd, .adviser-body .dl dd p, .adviser-body .dl dd a { font-size: 1.2rem; text-align: justify; } .adviser-body .personal-name { font-size: 1.5rem; } .adviser-thumb { width: 100%; height: 250px; margin-bottom: 20px; } .adviser-body .dl dd { margin: 1em 0 2em 0; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #e1e1e1 !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000 !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 2px; height: 100%; margin: 0 auto; border-radius: 0px; text-align: center; } .adviser-li .dd-scroll { height: 160px; } /* COMMUNITY */ .header-shadow { display: block; width: 100%; height: 110px; background: #000; } .archive-title { font-weight: 600; font-size: 3rem; } .archive-sub-title { font-weight: bold; color: rgba(233, 219, 45, 1); font-size: 2rem; letter-spacing: 1px; } .community-wrap .community-body { margin-bottom: 50px; } .author-thumb { width: 120px; height: 140px; } .author .cell { vertical-align: top; } .author .cell:first-child { padding: 0 50px 0 0; box-sizing: border-box; } .author-profile { font-size: 0; } .author-profile .dd, .author-profile .dt { font-size: 1.3rem; } .author-profile .dd { margin: 1em 0 0 0 } .author-profile .dt { padding: 5px 0 0px 10px; } .author-profile-wrap { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; width: 100%; } .author-profile .dl { box-sizing: border-box; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } .author-profile { width: 100%; } .author .author-profile .cell { width: 50%; padding: 0 20px 15px 0; } .author .table { width: 100%; } /* EDITOR */ .editor { word-break: normal; } .single-body .editor { box-sizing: border-box; padding-left: 50px; } .editor pre, .editor code, .editor form, .editor fieldset, .editor legend, .editor input, .editor button, .editor textarea, .editor select, .editor blockquote, .editor p, .editor img, .editor iframe, .editor ul, .editor ol, .editor li { margin-top: 30px; font-size: 1.4rem; } .single-body .editor pre, .single-body .editor code, .single-body .editor form, .single-body .editor fieldset, .single-body .editor legend, .single-body .editor input, .single-body .editor button, .single-body .editor textarea, .single-body .editor select, .single-body .editor blockquote, .single-body .editor p, .single-body .editor img, .single-body .editor iframe, .single-body .editor ul, .single-body .editor ol, .single-body .editor li { margin-top: 50px; font-size: 1.4rem; line-height: 1.8; letter-spacing: 0.5px; } .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin-top: 3em; line-height: 1.8; position: relative; } .editor h5, .editor h6 { margin-top: 1em; } .editor *:first-child { margin-top: 0px; } .editor li { padding-left: 60px; position: relative; box-sizing: border-box; } .editor ol { counter-reset: number; } .editor ol li:before { counter-increment: number; content: counter(number); position: absolute; left: 0; font-weight: bold; display: block; width: 30px; text-align: center; background: #000; color: rgba(233, 219, 45, 1); line-height: 31px; height: 30px; } .editor img { max-width: 100%; height: auto; } .editor h2 { font-size: 2rem; } .editor h3 { font-size: 1.8rem; } .editor h4 { font-size: 1.8rem; } .editor h5 { font-size: 1.6rem; color: #939393; } .editor h2:before, .editor h3:before { display: block; content: ''; position: absolute; height: 30px; width: 30px; background: rgba(233, 219, 45, 1); left: -50px; top: 0; } .editor h3:before { height: 20px; width: 20px; left: -40px; top: 5px; } .editor a { display: inline-block; vertical-align: top; font-weight: bold; color: #0a60ca; } .editor a[target="_blank"]:after { font-family: 'i'; content: "\65"; font-weight: lighter; } .editor a[target="_blank"] { padding-right: 5px; } .editor .alignleft { float: left; padding: 0 30px 30px 0; } .editor .alignright { float: right; padding: 0 0 30px 30px; } .single-body .editor li { margin-top: 1em; } .editor ul li:before { content: ''; position: absolute; left: 10px; top: 6px; display: block; width: 10px; height: 10px; background: rgba(233, 219, 45, 1); } .editor iframe { width: 100%; height: 400px; } .single-body .editor strong { font-weight: bold; display: inline-block; vertical-align: top; position: relative; } .single-body .editor strong:after { position: absolute; width: 100%; height: 5px; bottom: 4px; left: 0; content: ''; display: block; background: rgba(233, 219, 45, 1); z-index: -1; } .single-body .editor table{ width: 100% !important; max-width: 100%; } .single-body .editor table { margin-top: 50px; } .single-body .editor table p{ margin-top: 0; } .single-body .editor table td{border: 1px solid #eee; padding:15px;} /* SINGLE */ .single-title { font-size: 3rem; } .buttons .t.jp { font-weight: bold; } .left { float: left; } .right { float: right; } .single-thumb { width: 100%; height: 300px; background-color: #ccc; } /* TOPICS */ .subpages .topics-list { border-top: 1px solid #e1e1e1; padding-top: 20px; } .subpages .topics-body { width: 100%; border-bottom: 1px solid #e1e1e1; padding: 0; padding-bottom: 20px; margin-bottom: 20px; } .subpages .topics-body h3 a { font-size: 1.5rem; display: block; padding: 0; box-sizing: border-box; height: auto; } .subpages .topics-body .table { width: 100%; } .subpages .topics-body .cell { vertical-align: middle; padding-right: 50px; box-sizing: border-box; } .subpages .topics-body .topics-link { padding-right: 0; } .subpages .cats li { line-height: 1.5em; } .subpages .topics-body * { font-size: 1.4rem; } .topics-date { } .topics-link, .topics-link a { height: 50px; width: 50px; } .topics-link a { background: #000; } .subpages .topics-date { width: 120px; } .subpages .topics-cat { width: 170px; } .topics-header .cell:first-child span { display: inline-block; vertical-align: top; box-sizing: border-box; font-weight: bold; color: #fff; font-size: 1.5rem; background: #000; padding: 0 25px; line-height: 50px; height: 50px; width: 250px; } .topics-header .cell { vertical-align: middle; } .categories { font-size: 0; padding-left: 20px; } .categories li { display: inline-block; vertical-align: middle; margin: 5px; } .categories li a { display: block; padding: 0 20px; color: #000; font-weight: bold; font-size: 1.2rem; background: rgba(0, 0, 0, 0.05); height: 25px; line-height: 26px; border-radius: 3px; } .pagging { text-align: right; font-size: 0; } .pagging span, .pagging a { margin-left: 10px; display: inline-block; vertical-align: top; width: 50px; text-align: center; height: 50px; line-height: 51px; font-weight: bold; font-size: 1.5rem; color: #fff; } .pagging a { background: rgba(0, 0, 0, 1); } .pagging span { background: rgba(0, 0, 0, 0.3); } .categories li a.active { background: rgba(233, 219, 45, 1); } .single-header .date { display: block; margin-bottom: 20px; font-size: 1.4rem; letter-spacing: 1px; } /* EN */ table { border-collapse: collapse; border: none; border-spacing: 0; } th, td { vertical-align: top; font-weight: normal; text-align: left; } caption { text-align: left; } .page-en .themes-in p { font-size: 1.2rem; color: #858585; } .themes-in .mCSB_outside+.mCSB_scrollTools { right: -37px; } .page-en .themes-in h3 { font-size: 1.5rem; line-height: 1.2em; letter-spacing: 0px; } .list-of-advisers thead span { display: block; position: relative; padding: 15px 20px; font-weight: 600; font-size: 1.4rem; } .list-of-advisers thead span:before { content: ''; display: block; width: 2px; height: 20px; top: 0; left: 0; background: rgba(233, 219, 45, 1); position: absolute; } .list-of-advisers tbody { font-size: 1.3rem; color: #333; } .list-of-advisers tbody td, .list-of-advisers tbody th { padding: 10px 20px; vertical-align: middle; } .list-of-advisers { width: 100%; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } .list-of-advisers td, .list-of-advisers th { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .td-add-bg-gray{ background: #ededed; } .list-of-advisers thead .td-add-bg-gray span:before{ display: none; } /* DESKTOP OR HOVER */ @media screen and (min-width:1024px) { .topics-body h3 a, .cats li a, .categories li a { transition: all 0.3s; } .categories li a:hover { background: rgba(0, 0, 0, 0.08); } .cats li a:hover { opacity: 0.8; } .categories li a.active:hover { background: rgba(233, 219, 45, 1); } .footer .table li a, .nav li a, .nav li a span { transition: color 0.2s; } .footer .table li a:hover, .nav li a:hover, .nav li a:hover span { color: rgba(255, 255, 255, 0.5); } /* Google custom search */ .gcsAreaSP{ display: none; } .gcsAreaPC .gsc-control-cse{ border-color: #222222 !important; background-color: #222222 !important; padding: 0 !important; } } /* TABLET */ @media screen and (max-width:1024px) { .scroll { overflow: auto; -webkit-overflow-scrolling: touch; } .header { opacity: 1; -webkit-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; transition: none; } .scroll, .contents { background: inherit; } .pad_hide, .nav .lang li span, .pullldown .t { display: none !important; } .pad { display: block !important; } .nav > li { width: 100%; display: block; } .nav li a { padding: 0 25px; box-sizing: border-box; height: 50px; line-height: 50px; } .pulldown-body { display: block !important; } .nav .pulldown-body { position: relative; top: 0; width: 100%; text-align: left; left: 0; padding-left: 25px; box-sizing: border-box; } .nav .pulldown-body li a { line-height: 50px; height: 50px; padding-left: 0; border-left: none; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .nav .pulldown-body li { margin-bottom: 0; } .nav .lang { background: none; margin: 25px; } .nav .lang li a { height: 50px; line-height: 50px; box-sizing: border-box; padding: 0; width: 50px; border: 1px solid rgba(255, 255, 255, 0.1); } .nav .lang li a.active { opacity: 1; color: rgba(255, 255, 255, 0.4) !important; } .nav .lang li a { color: rgba(255, 255, 255, 1) !important; } .nav > li > a.active:before { background: rgb(255, 255, 255); top: 0; left: 0; margin: 0; } .nav li a, .nav li span { font-size: 1.3rem; } .header-left { position: absolute; float: none; } .header-right { position: fixed; z-index: 99; float: none; background: #000; right: 0; top: 0; height: 100%; padding: 60px 25px; box-sizing: border-box; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); transition: all 0.4s; height: 100%; } .panel-body { padding: 0 10px; } .community-body { padding: 0 10px; width: 25%; } .footer .cell { padding: 0 10px; } .inner { padding: 0 10px; } .body { padding: 0 10px; } .topics-body h3 a { height: auto; } .nav li a.active, .nav li a.active span { color: rgba(233, 219, 45, 1) !important; } .is_open_menu .header-right { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .header-right { width: 50%; } .show { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } /* SUBPAGES */ .subpages .firstview { height: 320px !important; } .subpages-title { font-size: 3.6rem; line-height: 3.8rem; } .subpages-sub-title, .subpages-header h3, .subpages .firstview h3 { font-size: 1.7rem; } .themes-li { float: left; width: 50%; } /* MESSAGE */ .adviser-header .cover, .message-wrap .cover { width: 130px; height: 180px; } .dt, .dd, .dd p { font-size: 1.2rem; } .message-wrap .cell { display: block; } .message-thumb { float: left; } .message-text { clear: both; } .message-wrap .cell.message-profile { width: 100%; margin-bottom: 30px; padding: 0 25px 0 200px; box-sizing: border-box; } .personal-name { font-size: 1.5rem; } .role { width: 100%; display: table; } .role .dl { display: table-cell; width: 50%; vertical-align: top; } .role .dl:first-child { padding-right: 30px; } /* ADVISER */ .mid { max-width: 700px; } .adviser-li { width: 50%; box-sizing: border-box; padding: 0 25px 50px 25px; display: inline-block; vertical-align: top; } /* Google custom search */ .gcsAreaSP{ display: none; } .gcsAreaPC .gsc-control-cse{ border-color: #222222 !important; background-color: #222222 !important; padding: 0 !important; } } /* END TABLET */ /* MOBILE */ @media screen and (max-width:680px) { .header-right { width: 100%; } .nav .pulldown-body, .nav li a { padding: 0; } .nav .lang { background: none; margin: 25px 0; } .nav .pulldown-body li, .nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav > li.lang-ol, .nav > li.pullldown-ol { border: none; } .nav > li > a.active:before, .sp_hide, .header .subtext { display: none !important; } .header .inner, .header .body { padding: 0; } .logo { width: 100px; height: 60px; background-size: 60px; } .main-title span { font-size: 2.3rem; line-height: 1.3em; padding: 0 5px; } .firstview { height: 500px !important; } .spacer { height: 30px !important; } .panel-title { font-size: 1.6rem; } .sub-title .t h2 { font-size: 1.8rem; } .edit.tx_c { text-align: justify; } .mid, .body { padding: 0 20px; } .body .mid { padding: 0; } .community-body, .panel-body, .topics-body { width: 100%; padding: 0; } .topics-body h3 a { font-size: 1.4rem; text-align: justify; padding: 10px 0 5px 0; } .panel-body a { height: 150px; } .community-body { clear: both; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .community-body:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .community-body .cover { height: 60px; width: 60px; display: block; float: left; } .community-body .community-footer { padding: 0 0 0 80px; background: none; box-sizing: border-box; } .community-footer h3 a, .name, .post { color: #333; } .community-footer h3 a { padding: 5px 0 0 0; min-height: 0;} .buttons.r { float: none; margin: 0 auto; } .more { line-height: 20px; height: 20px; } .more .pointer { top: 50%; margin-top: -25px; } .panel-body .pointer { right: 0; bottom: 0; } .footer .logo { width: 60px; float: none; margin: 0 10px; } .footer .body { padding: 0; } .footer .links { width: 100%; box-sizing: border-box; padding-left: 0; } .footer h4 { padding-bottom: 10px; margin-bottom: 10px; } .footer .table li, .footer .table li span, .footer .table li a { font-size: 1.1rem; } .footer-bottom { padding: 0 10px; box-sizing: border-box; } .footer .footer-top .cell .cell { display: block; width: 100%; } .footer-bottom .body { position: static; } .footer { position: relative; } .footer .scroll-to { right: 0px; top: 0px; } .footer .scroll-to { width: 60px; height: 60px; } .footer .footer-bottom .cell { display: block; width: 100%; } .xy-large { height: 10px; width: 10px; } .xy-lt.xy-large { margin: 0 0 0 -5px; left: 25px; top: -5px; } .xy-lb.xy-large { margin: 0 0 0 -5px; left: 25px; bottom: 5px; } .xy-rt.xy-large { margin: 0px -5px 0 0; right: 25px; top: -5px; } .xy-rb.xy-large { margin: 0px -5px 0 0; right: 25px; bottom: 5px; } .header-right { background-image: url(../img/logo-w.svg); background-size: 60px; background-repeat: no-repeat; background-position: 20px 13px; padding: 85px 25px; } address { line-height: 1.3em; padding: 20px; font-size: 1.1rem; letter-spacing: 0px; } .footer .scroll-to { border: none; } .single-body .editor table { word-break: break-all; } /* SUBPAGES */ .subpages-title { padding-top: 20px; font-size: 2.3rem; line-height: 2.5rem; } .subpages .firstview { height: 200px !important; } .archive-sub-title, .subpages-sub-title, .subpages-header h3, .subpages .firstview h3 { font-size: 1.5rem; } /* OUTLINE */ .themes-wrap { padding: 0; } .themes-ol { border-top: none; border-left: none; } .themes-li { float: none; width: 100%; padding: 20px 0; border-right: none; border-bottom: 1px solid #e1e1e1; } .themes-in { height: auto; } .themes-num { font-size: 3rem; } .panel-two-cols .panel-body { width: 100%; } .themes-in h3 { font-size: 1.5rem; } /* MESSAGE */ .personal-name { font-size: 1.4rem; } .message-wrap .cell.message-profile { width: 100%; margin-bottom: 30px; padding: 0 0px 0 0px; box-sizing: border-box; } .adviser-header .cell, .message-wrap .cell { padding: 0; } .message-thumb { float: none; margin-bottom: 30px; background: #eee; } /* ADVISER */ .adviser-header .cover, .message-wrap .cover { width: 100px; height: 130px; overflow: hidden; margin: 0 auto; } .adviser-header .cell, .message-wrap .cell { display: block; } .adviser-header > .table > .cell:first-child { padding: 0 0px 0 0; margin-bottom: 30px; background: #eee; } .adviser-li { width: 50%; box-sizing: border-box; padding: 0; display: inline-block; vertical-align: top; } .adviser-thumb { height: 130px; } .adviser-body .personal-wrap { padding: 10px; box-sizing: border-box; } .adviser-body .dl dd { margin: 5px 0 10px 0; } .adviser-body .dt, .adviser-body .dd { box-sizing: border-box; color: #333; } .adviser-body .personal-name { font-size: 1.4rem; } .adviser-thumb { margin-bottom: 10px; } .adviser-body .personal-wrap { padding: 0; } .mCSB_outside+.mCSB_scrollTools { opacity: 0.2 !important; right: -10px; } .adviser-body .mCSB_container { padding-right: 10px; } .adviser-body { margin-bottom: 20px; } .adviser-body .dl dt { font-size: 1.2rem } .adviser-li .dd-scroll { height: auto; } /* COMMUNITY */ .community-wrap .community-body { margin-bottom: 20px; } .archive-title { font-size: 2.3rem; } .header-shadow { height: 60px; } /* TOPICS */ .topics-header .cell { vertical-align: top; } .topics-header .cell:first-child span { font-size: 1.2rem; background: #000; padding: 0 15px; line-height: 31px; height: 30px; width: auto; border-radius: 3px; } .categories { font-size: 0; padding-left: 10px; border-radius: 3px; } .categories li a { display: block; padding: 0 8px; font-size: 1.1rem; height: 25px; line-height: 26px; border-radius: 3px; } .categories li { margin: 0px 5px 10px 5px; } .subpages .topics-body .cell { display: block; padding-right: 0px; } .subpages .topics-body .topics-link { width: 100%; text-align: right; } .topics-link a { display: inline-block; } .topics-link .pointer, .topics-link, .topics-link a { height: 30px; width: 30px; } .topics-link .pointer span { display: block; height: 30px; width: 30px; } .topics-link .more .pointer { margin-top: -15px; } .pagging span, .pagging a { height: 30px; width: 30px; line-height: 31px; } /* SINGLE */ .single-title { font-size: 1.8rem; } .single-header .date { margin-bottom: 10px; font-size: 1.2rem; } .single-body .editor { box-sizing: border-box; padding-left: 0; } .single-body .editor table,.single-body .editor pre, .single-body .editor code, .single-body .editor form, .single-body .editor fieldset, .single-body .editor legend, .single-body .editor input, .single-body .editor button, .single-body .editor textarea, .single-body .editor select, .single-body .editor blockquote, .single-body .editor p, .single-body .editor img, .single-body .editor iframe, .single-body .editor ul, .single-body .editor ol, .single-body .editor li { margin-top: 20px; font-size: 1.3rem; line-height: 1.8; letter-spacing: 0.5px; } .editor .alignleft { padding: 0 20px 20px 0; } .editor .alignright { padding: 0 0 20px 20px; } .editor iframe { width: 100%; height: 200px; } .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin-top: 30px; line-height: 1.8; position: relative; } .editor h2 { font-size: 1.7rem; } .editor h3 { font-size: 1.6rem; } .editor h4 { font-size: 1.6rem; } .editor h5 { font-size: 1.4rem; margin-top: 20px; } .editor li { padding-left: 50px; } .single-thumb { width: 100%; height: 120px; } .author-thumb { width: 50px; height: 60px; } .author .cell:first-child { padding: 0 20px 0 0; } .author-profile .dd, .author-profile .dt { font-size: 1.2rem; line-height: 1.5em; } .author .author-profile .cell { width: 50%; padding: 0 10px 10px 0; } .author-profile .dt, .author-profile .dd { box-sizing: border-box; padding-left: 8px; color: #333; } .author-profile .dd { margin: 5px 0 0 0; } .editor h2:before, .editor h3:before { display: block; content: ''; position: absolute; height: 30px; width: 4px; background: rgba(233, 219, 45, 1); left: -20px; top: 0; } .editor h3:before { height: 20px; width: 4px; left: -20px; top: 3px; } .single-footer .buttons { width: 48%; } .nav .page--handle.active:before { display: none; } /* EN */ .list-of-advisers-wrap{ padding: 0; } .list-of-advisers tbody td, .list-of-advisers tbody th { padding: 10px;} /* Google custom search */ .gcsAreaPC{ display: none; } .gcsAreaSP{ display: block; } .gcsAreaSP .gsc-control-cse{ border-color: #222222 !important; background-color: #222222 !important; } } /* END MOBILE */ /* Print CSS */ @media print{ .in {displey:none !important;} .footer {displey:none !important;} .scroll{height:auto !important;} .dd-scroll{height:auto !important;} .footer-bottom{displey:none !important;} }