/* ██████╗ ██████╗ ███╗ ███╗███╗ ███╗ ██████╗ ███╗ ██╗ ██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔═══██╗████╗ ██║ ██║ ██║ ██║██╔████╔██║██╔████╔██║██║ ██║██╔██╗ ██║ ██║ ██║ ██║██║╚██╔╝██║██║╚██╔╝██║██║ ██║██║╚██╗██║ ╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║╚██████╔╝██║ ╚████║ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═══╝ */ .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 { -webkit-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_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 { -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; 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: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); 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: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); 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 { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-text-size-adjust: 100%; font-size: 62.5%; } i,figure,body,div,dl,dt,dd,ul,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;} *{outline:none;} img{vertical-align:bottom;} a{text-decoration:none;} body,html{height:100%;width:100%;background:#fafafa;color:#313131;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif,"苹方"!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} html{font-size:62.5%;} body{font-size:1.5rem;} p{color:#353535;} @font-face{font-family:'i';src:url('../fonts/i.eot?7e2es9');src:url('../fonts/i.eot?7e2es9#iefix') format('embedded-opentype'),url('../fonts/i.ttf?7e2es9') format('truetype'),url('../fonts/i.woff?7e2es9') format('woff'),url('../fonts/i.svg?7e2es9#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-kr:before{content:"\e902";} .i-kl:before{content:"\e903";} .i-kup:before{content:"\e900";} .i-kdown:before{content:"\e901";} .i-female:before{content:"\66";} .i-male:before{content:"\6d";} .i-popup:before{content:"\70";} .i-link:before{content:"\62";} .i-lock:before{content:"\6c";} .i-up:before{content:"\ea3a";} .i-r:before{content:"\ea3c";} .i-down:before{content:"\ea3e";} .i-l:before{content:"\ea40";} .gr-hr{background:rgb(161,147,202);background:-webkit-linear-gradient(left,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%);background:linear-gradient(to right,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a193ca',endColorstr='#3b8aa4',GradientType=1);} .gr-vr{background:rgb(161,147,202);background:-webkit-linear-gradient(top,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%);background:linear-gradient(to bottom,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a193ca',endColorstr='#3b8aa4',GradientType=0);} .gr-di{background:rgb(161,147,202);background:-webkit-linear-gradient(45deg,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%);background:linear-gradient(45deg,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a193ca',endColorstr='#3b8aa4',GradientType=1);} .gr-wh{background:rgba(255,255,255,0);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(70%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);} .contents{overflow:hidden;height:auto;max-width:1600px;margin:0 auto;background:#fff;position:relative;} .table{display:table;height:100%;width:100%;} .cell{display:table-cell;vertical-align:middle;} .in{height:100%;width:100%;position:relative;} .section{position:relative;width:100%;} .body{max-width:1400px;margin:0 auto;padding:0 100px;box-sizing:border-box;} .add-bg-gray{background:#fcfcfc;} .add-bg-blue{background:#f1f3f6;} .sub-title{display:inline-block;vertical-align:top;font-weight:bold;font-size:1.8rem;position:relative;box-sizing:border-box;padding-left:36px;} .sub-title:before{content:'';display:block;height:12px;width:12px;border-radius:12px;background:#3c48a4;position:absolute;left:0;top:50%;margin-top:-6px;} .spacer{display:block;width:100%;clear:both;} .links{float:right;display:block;width:190px;height:60px;overflow:hidden;border-radius:100px;background:url(../img/bg_links.png) no-repeat center;background-size:cover;} .links-middle{float:none;margin:0 auto;} .links .in{display:block;} .links .in span{display:block;text-align:center;line-height:60px;font-weight:bold;font-size:1.6rem;color:#191919;width:100%;height:100%;position:absolute;top:0;left:0;} .links .in .t{z-index:2;} p{font-size:1.5rem;line-height:2.6rem;letter-spacing:0.05rem;} .tx_c{text-align:center;} .tx_r{text-align:right;} .tx_l{text-align:left;} /* ██╗ ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ ██║ ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗ ███████║█████╗ ███████║██║ ██║█████╗ ██████╔╝ ██╔══██║██╔══╝ ██╔══██║██║ ██║██╔══╝ ██╔══██╗ ██║ ██║███████╗██║ ██║██████╔╝███████╗██║ ██║ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚═════╝ ╚══════╝╚═╝ ╚═╝ */ .header{position:absolute;top:0;left:0;width:100%;z-index:100;/*background: #fff;*/} .is_in_subpages .header{background:#fff;} .logoes-mark{display:inline-block;vertical-align:top;width:34px;height:32px;background:url(../img/logo_mark.png) no-repeat center center;background-size:cover;} .logoes-txt{display:inline-block;vertical-align:top;width:98px;height:18px;background:url(../img/logo_text_bk.png) no-repeat center left;background-size:cover;text-indent:-9999px;margin-top:8px;margin-left:20px;} .logoes-ol{height:105px;width:208px;} .global-navi-ol{position:absolute;right:120px;top:0;} .global-navi{font-size:0;} .global-navi li a{font-size:1.4rem;display:block;line-height:100px;height:100px;padding:0 18px;position:relative;box-sizing:border-box;} .lang-ol{position:absolute;right:0;top:0;} .lang{text-align:center;height:100px;width:100px;background:#191919;} .lang a{display:block;box-sizing:border-box;padding:0 5px;color:#fff;font-size:1.3rem;font-weight:bold;} .lang .active a{opacity:0.2;} .lang li{line-height:100px;display:inline-block;vertical-align:top;} .global-navi li{display:inline-block;} .global-navi .bg{display:block;position:absolute;top:50%;left:0;border-radius:100px;height:30px;width:100%;margin-top:-15px;z-index:1;opacity:0;} .global-navi .t{z-index:2;position:relative;font-weight:bold;color:#191919;} .global-navi i{opacity:0.2;font-size:1.3rem;display:inline-block;vertical-align:middle;margin-top:-3px;} .global-navi .active .bg{opacity:1;} .global-navi .active .t{color:#fff;} /* Pan */ .mouse .path{fill:none;stroke-miterlimit:10;stroke-width:1px;} .mouse .path-back{stroke-width:2px;stroke:rgba(25,25,25,1);stroke-dashoffset:101.773px;stroke-dasharray:101.773px;-webkit-transition:all 0.3s;transition:all 0.3s;} .mouse .path-front{stroke:rgba(221,221,221,1);} .scroll{cursor:pointer;margin-left:-12px;position:absolute;left:50%;width:25px;height:99px;bottom:0;z-index:3;} .scroll .vr{display:block;height:60px;width:1px;background:rgba(0,0,0,0.1);position:absolute;bottom:0;left:50%;margin-left:-1px;} .mouse{height:39px;width:25px;position:absolute;top:0;left:0;} .scroll .i{display:block;width:25px;height:40px;line-height:40px;position:absolute;top:0;text-align:center;font-size:1.8rem;} .scroll:hover .mouse .path-back{stroke-dashoffset:0px;} /* ███████╗ ██████╗ ██████╗ ████████╗███████╗██████╗ ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗ █████╗ ██║ ██║██║ ██║ ██║ █████╗ ██████╔╝ ██╔══╝ ██║ ██║██║ ██║ ██║ ██╔══╝ ██╔══██╗ ██║ ╚██████╔╝╚██████╔╝ ██║ ███████╗██║ ██║ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝╚═╝ ╚═╝ */ .footer{background:#191919;} .footer .logoes-mark{background-image:url(../img/logo_mark_wh.png);} .footer .logoes-txt{background-image:url(../img/logo_text_wt.png);} .footer .logoes-ol{display:inline-block;vertical-align:top;} .footer-head{position:relative;text-align:center;} .back-to-top{width:100px;height:100px;line-height:100px;text-align:center;display:block;position:absolute;right:0;top:0;color:#fff;} address{display:block;padding:20px 0;text-align:center;font-size:1.2rem;color:rgba(255,255,255,0.1);} /* ██╗ ██╗ ██████╗ ███╗ ███╗███████╗ ██║ ██║██╔═══██╗████╗ ████║██╔════╝ ███████║██║ ██║██╔████╔██║█████╗ ██╔══██║██║ ██║██║╚██╔╝██║██╔══╝ ██║ ██║╚██████╔╝██║ ╚═╝ ██║███████╗ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝ */ /* FIRST VIEW */ .first-view{height:100%;width:100%;overflow:hidden;} .first-view .body{position:relative;z-index:3;} .main-title{font-size:6rem;font-weight:bold;line-height:1em;} .main-title span{display:block;} .main-hr{display:block;height:3px;width:36px;background:#191919;margin:30px 0;} .support-title{font-size:1.4rem;font-weight:bold;display:block;} #js-background-renderer{position:absolute;z-index:1;top:0;left:0;} /* THEME */ .section{overflow:hidden;} .section-add-bg{z-index:2;position:relative;} .section-theme{height:600px;overflow:hidden;} .box-half{width:50%;box-sizing:border-box;padding-right:100px;} .section-bg{display:block;height:110%;width:100%;position:absolute;top:0;right:0;} .section-bg-half{width:50%;} /* Publications */ .show-public-ol{/*border-left:1px solid rgba(0,0,0,0.1);*/} .show-publics{position:relative;width:25%;float:left;text-align:center;box-sizing:border-box;border-right:1px solid rgba(0,0,0,0.05);} .show-publics:last-child{border-right:none;} .show-public-title{height:100px;font-size:1.8rem;line-height:2.4rem;font-weight:bold;} .n-publics{font-size:9rem;line-height:1em;font-weight:bold;} .show-public-footer{height:100px;} .n-publics-ieee{font-size:0;} .n-publics-ieee span{display:inline-block;vertical-align:middle;font-weight:bold;font-size:2rem;} .n-publics-ieee .icon-ieee{height:42px;width:42px;background:url(../img/icon_ieee.png);background-size:cover;margin-right:10px;} /* Awards */ .section-awards{height:354px;text-align:center;} .section-awards .sub-title{color:#fff;margin-left:-36px;} .section-awards p{color:#fff;font-size:1.8rem;line-height:3rem;} .section-awards .links .t{color:#fff;} /* News */ .news-li .in{display:table;width:100%;padding:30px 0;border-bottom:1px solid rgba(0,0,0,0.1);} .news-li .in > div{vertical-align:top;display:table-cell;} .news-li .date{font-size:1.5rem;font-weight:bold;letter-spacing:0;width:90px;line-height:3.6rem;} .news-li .category{width:130px;} .category{text-align:center;} .category span{display:inline-block;vertical-align:top;text-align:center;width:90px;line-height:3.6rem;height:36px;font-weight:bold;color:#fff;border-radius:36px;font-size:1.3rem;margin-top:10px;} .category span:first-child{margin-top:0;} .news-title{padding-top:6px;font-weight:bold;font-size:1.5rem;} .news-title a{color:#191919;text-decoration:underline;} .news-body{padding-top:20px;} .news-body p{font-size:1.4rem;line-height:2.1rem;letter-spacing:0;} .news-body a{text-decoration:underline;color:#505bad;} /* News - Category */ .o-cat-paper,.cat-paper,.cat-paper:before{background:#3f49a5;} .o-cat-awards,.cat-awards,.cat-awards:before{background:#e3c083;} .o-cat-international,.cat-international,.cat-international:before{background:#3fa57b;} .o-cat-common,.cat-common,.cat-common:before{background:#a1a1a1;} .o-cat-all,.cat-all,.cat-all:before{background:#e5e5e5;} /* ███████╗██╗ ██╗██████╗ ██████╗ █████╗ ██████╗ ███████╗███████╗ ██╔════╝██║ ██║██╔══██╗██╔══██╗██╔══██╗██╔════╝ ██╔════╝██╔════╝ ███████╗██║ ██║██████╔╝██████╔╝███████║██║ ███╗█████╗ ███████╗ ╚════██║██║ ██║██╔══██╗██╔═══╝ ██╔══██║██║ ██║██╔══╝ ╚════██║ ███████║╚██████╔╝██████╔╝██║ ██║ ██║╚██████╔╝███████╗███████║ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚══════╝╚══════╝ */ /* COMMON */ .subpages-header{padding-top:100px;height:500px;overflow:hidden;} .subpages-header .body{z-index:4;position:relative;} .subpages-header .body{height:100%;padding-bottom:100px;box-sizing:border-box;} .subpages-support-title{color:#fff;font-weight:bold;font-size:1.6rem;display:inline-block;vertical-align:bottom;margin-left:20px;} .subpages-main-title{line-height:1em;color:#fff;font-weight:bold;font-size:4rem;display:inline-block;vertical-align:bottom;} .subpages-header-bg{position:absolute;z-index:1;height:100%;width:100%;top:-100px;left:0;padding-bottom:100px;} .pan-ol{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:4;} .pan{padding:0 50px;box-sizing:border-box;background:#fafafa;} .pan li{height:100px;line-height:100px;display:inline-block;vertical-align:top;} .pan li i,.pan li a{display:block;} .pan li a{color:#191919;font-weight:500;font-size:1.3rem;} .pan li.now a,.pan li i{color:#bebebe;} .pan li i{font-weight:bold;} .body-thin{max-width:1050px;padding:0 100px;box-sizing:border-box;} .read-text-title{font-weight:bold;font-size:1.4rem;margin-bottom:20px;} .read-text-p{font-size:1.8rem;line-height:2em;} .sort{display:block;height:56px;width:100%;} .button-inside{overflow:hidden;float:right;display:block;height:56px;width:200px;text-align:center;border:3px solid #e5e5e5;border-radius:100px;box-sizing:border-box;} .button-inside span{color:#191919;line-height:50px;} .button-inside span.in{display:block;} .button-inside span.t{font-size:1.4rem;font-weight:bold;} .button-inside span.i{width:56px;font-size:1.2rem;position:absolute;right:0;top:0;} .pagging a{color:#fff;font-weight:bold;display:block;width:50%;float:left;height:300px;box-sizing:border-box;padding-right:50px;} .pagging a:last-child{padding-right:0;padding-left:50px;} .pagging a span{display:block;font-weight:bold;} .pagging-head{font-size:10rem;line-height:1em;} .pagging-body{font-weight:bold;font-size:2rem;} .subpages-header .scroll{height:69px;} .subpages-header .scroll .vr{height:30px;margin-left:0px;} .subpages-header .section-bg{top:-100px;z-index:2;padding-top:100px;height:100%;} .pagging-a .in{overflow:hidden;} .pagging-a .table{position:relative;z-index:3;} .pagging-bg{position:absolute;top:0;left:0;height:100%;width:100%;} /* WORK */ .section-work-li{padding:100px 0;} .section-work-li.even{background:#f1f3f6;} .section-work-li .cell:first-child{width:500px;} .section-work-li .work-thumb{height:100%;width:100%;background-position:center;background-repeat:no-repeat;} .section-work-li .sub-title{margin-bottom:50px;} .work-body{padding:0 100px;box-sizing:border-box;} .work-body a{color:#505bad;text-decoration:underline;} .work-body .support-text{font-weight:bold;margin-bottom:1em;} .button-select-ul .pulldowns{cursor:pointer;display:block;color:#191919;font-size:1.3rem;line-height:1.3;padding:17px 20px;box-sizing:border-box;} .button-select-ul{width:194px;overflow:hidden;border-radius:25px;border:3px solid #e5e5e5;background:#fff;} .button-select-ul li{border-bottom:1px solid #e5e5e5;box-sizing:border-box;} .button-select-ul li:last-child{border:none;} .button-select-body{position:absolute;z-index:2;right:-9999px;opacity:0;} /* Publications */ .subpages .n-publics{font-size:6rem;} .list-table-layout{width:100%;} .list-table-layout a.i{color:#191919;text-decoration:none;} .list-table-layout a{color:#505bad;text-decoration:underline;} .list-table-layout td{font-size:1.4rem;line-height:1.4em;vertical-align:top;} .list-table-layout thead td,.list-table-layout .list-n{font-weight:bold;} .list-table-layout thead td{line-height:60px;} .list-head-n{width:60px;} .list-head-c{width:120px;} .list-table-layout tbody td{padding:20px 0;} .list-table-layout tbody tr{border-bottom:1px solid #f0f0f0} .list-table-layout tbody{border-top:1px solid #f0f0f0} .list-table-title{margin-bottom:30px;} .list-table-title span{display:block;} .list-table-title .gr-hr{height:2px;width:80px;position:absolute;left:0;top:50%;margin-top:-1px;} .list-table-title .in{font-size:2rem;font-weight:bold;padding-left:100px;box-sizing:border-box;} .list-table-ol{padding-left:100px;box-sizing:border-box;} .list-table-show{height:180px;width:100%;position:absolute;bottom:0;overflow:hidden;} .list-table-show .button-inside{position:absolute;bottom:0;left:50%;margin:0 0 0 -100px;z-index:2;} .list-table-hide.active{overflow:hidden;height:800px;padding-bottom:0px;} /*.list-table-hide.is_open { padding-bottom: 100px; }*/ .list-table-hide .list-table-show{-webkit-transition:all 0.5s;transition:all 0.5s;} .list-table-hide.is_open .list-table-show{height:100px;} .list-table-show .gr-wh{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;} .links.left{float:left;} .list-table-show .button-inside .t{position:relative;z-index:3;} .list-table-show .button-inside .in:before{content:'';display:block;height:200px;width:200px;background:#f9f9f9;position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;} /* Member */ .members-li{float:left;width:25%;box-sizing:border-box;min-height:400px;padding:0 30px;} .members-gr-li{float:left;width:50%;box-sizing:border-box;padding:30px;} .members-li .cover{height:100%;width:100%;} .body.body-fat{max-width:1460px;} .member-wrap .post{display:block;font-size:1.4rem;font-weight:bold;margin-bottom:20px;color:#868686;} .post-gr{padding-left:30px;} .members-li .post:after{content:'　';} .profile{padding:20px 0 0 0;} .profile .name{font-weight:bold;font-size:1.5rem;} .profile .en{font-size:1.3rem;color:rgba(0,0,0,0.3);} .open-data{display:block;width:40px;height:40px;position:absolute;z-index:3;right:0;top:0;} .open-data span{display:block;height:4px;width:4px;border-radius:4px;position:absolute;top:50%;left:50%;margin:-2px 0 0 -2px;background:rgba(0,0,0,0.2);} .open-data span.od1{margin-left:-10px;} .open-data span.od3{margin-left:6px;} .close-data span{background:#191919;} .data{width:100%;position:absolute;right:0;top:0;display:none;} .data.is_open{display:block;} .data-body{opacity:0;z-index:10;} .data .popup-ol{background:#fff;position:absolute;top:38px;left:0;width:100%;z-index:4;border:2px solid #d8d8d8;border-radius:5px 0 5px 5px;overflow:hidden;box-sizing:border-box;} .close-data{background:#fff;border-top:2px solid #d8d8d8;border-right:2px solid #d8d8d8;border-left:2px solid #d8d8d8;border-radius:5px 5px 0 0;box-sizing:border-box;z-index:6;} .data .popup{width:100%;} .data .popup td{vertical-align:top;} .data .popup td{padding:10px;border-bottom:1px solid #f0f0f0;font-size:1.2rem;} .data .popup tr:last-child td{border-bottom:none;} .data .popup span{display:block;width:60px;color:rgba(0,0,0,0.3);font-size:1.1rem;} .data .popup a{display:block;color:#191919;font-size:1.2rem;} .thumb .icons{text-align:center;height:100%;background:#fafafa;width:100%;} .thumb .icons .i{font-size:10rem;color:#ededed;} .members-gr-li .hr,.members-li .hr{display:block;height:2px;width:100%;position:absolute;top:0;left:0;} .members-gr-ul .profile{padding:20px;} .members-gr-li .gr-date{padding:0 20px;font-size:1.3rem;display:block;opacity:0.7;line-height:40px;border-bottom:1px solid #a9a493;} .members-gr-li > .in{ /*background: #fff; border: 1px solid #dddddd;*/} .members-gr-links a{display:block;height:40px;width:40px;line-height:40px;text-align:center;color:#bebebe;font-size:2rem;} .members-gr-links{font-size:0;} .members-gr-links li{display:inline-block;vertical-align:middle;} .hr-professor{background:rgb(161,147,202); /* FF3.6-15 */background:-webkit-linear-gradient(left,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to right,rgba(161,147,202,1) 0%,rgba(59,72,164,1) 50%,rgba(59,138,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a193ca',endColorstr='#3b8aa4',GradientType=1); /* IE6-9 */} .hr-secretaries{background:#7f77bd;} .hr-phd-students{background:#8742a4;} .hr-mst-students{background:#4a5dbc;} .hr-up-students{background:#5b8eb2;} .hr-gr-students{background:#c5bfd8;} /*Popup*/ .popup-window{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;display:none;} .popup-window-body{position:relative;z-index:3;max-width:1300px;padding:0 100px;margin:0 auto;box-sizing:border-box;} .popup-window-body .table{background:#fff;} .popup-bg{display:block;z-index:1;height:100%;width:100%;position:absolute;top:0;left:0;opacity:0;cursor:pointer;} .popup-head{padding:60px;width:260px;height:100%;border-right:1px solid rgba(0,0,0,0.1);box-sizing:border-box;} .popup-body{box-sizing:border-box;padding:60px;} .popup-head .button-inside{width:100%;bottom:0;left:0;position:absolute;} .popup-head a{ color: #333; font-size: 1.5rem; } .popup-window-body .cell{vertical-align:top;} .popup-window .gr-date{border:none;line-height:1em;padding:0 0 30px 0;} .popup-scroll-body{height:400px;} .popup-window-body .list-table-layout thead td{line-height:1em;margin-bottom:30px;padding-bottom:30px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#718ebc!important;} .mCSB_scrollTools .mCSB_draggerRail{background-color:#e5e5e5!important;} .mCSB_outside+.mCSB_scrollTools{right:-40px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;} .popup-window.is_open{display:block;} .popup-window-body{opacity:0;} .popup-bg{opacity:0;} .is_open_popup{overflow:hidden;} /* News */ .button-category-ol .oc{display:block;height:12px;width:12px;border-radius:12px;position:absolute;right:20px;top:50%;margin-top:-6px;} .button-select-ul li{position:relative;} .news-li{overflow:hidden;} .news-li.close{opacity:0;height:0;padding-bottom:0px;margin-bottom:0px;-webkit-transform:scale(0);transform:scale(0);} /* Lecture */ .list-table-layout th{width:230px;padding-right:20px;font-weight:bold;} .add-bg-child .select-target:nth-child(2n){background:#fcfcfc;} /* ██╗ ██╗ ██████╗ ██╗ ██╗ ██║ ██║██╔═████╗██║ ██║ ███████║██║██╔██║███████║ ╚════██║████╔╝██║╚════██║ ██║╚██████╔╝ ██║ ╚═╝ ╚═════╝ ╚═╝ */ /* blocked */ .section-blocked{height:100%;width:100%;overflow:hidden;} .section-blocked .body{height:100%;position:relative;z-index:2;} .sorry-t{font-size:5rem;font-weight:bold;line-height:1em;} .sorry-p{margin:25px 0;font-size:1.6rem;} /* ███████╗██████╗ ██╗ █████╗ ███████╗██╗ ██╗ ██╔════╝██╔══██╗██║ ██╔══██╗██╔════╝██║ ██║ ███████╗██████╔╝██║ ███████║███████╗███████║ ╚════██║██╔═══╝ ██║ ██╔══██║╚════██║██╔══██║ ███████║██║ ███████╗██║ ██║███████║██║ ██║ ╚══════╝╚═╝ ╚══════╝╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝ */ .header{-webkit-transform:translate(0,-100%);transform:translate(0,-100%);} .contents{opacity:0;} .subpages-header .scroll .vr,.scroll{-webkit-transform:translate(0,100px);transform:translate(0,100px);} .subpages-header-bg{opacity:0;} .subpages-main-title,.subpages-support-title,.pan,.main-hr,.support-title,.main-title span{-webkit-transform:translate(0,50px);transform:translate(0,50px);opacity:0;} #js-background-renderer{opacity:0;-webkit-transform:translate(0,0) scale(0.8);transform:translate(0,0) scale(0.8);} .mouse .path-front{stroke-dashoffset:101.773px;stroke-dasharray:101.773px;} .global-navi .t,.global-navi .bg{-webkit-transition:all 0.3s 0.0s;transition:all 0.3s 0.0s;} .cover{-webkit-transition:opacity 1.0s 0.0s;transition:opacity 1.0s 0.0s;} .scroll{-webkit-transition:all 0.6s 0.0s;transition:all 0.6s 0.0s;} .subpages-header-bg{-webkit-transition:all 0.6s 0.2s;transition:all 0.6s 0.2s;} .subpages-main-title{-webkit-transition:all 0.6s 0.2s;transition:all 0.6s 0.2s;} .subpages-support-title{-webkit-transition:all 0.6s 0.3s;transition:all 0.6s 0.3s;} .pan{-webkit-transition:all 0.6s 0.0s;transition:all 0.6s 0.0s;} .main-title span:first-child{-webkit-transition:all 0.6s 0.2s;transition:all 0.6s 0.2s;} .main-title span{-webkit-transition:all 0.6s 0.3s;transition:all 0.6s 0.3s;} .main-hr{-webkit-transition:all 0.6s 0.4s;transition:all 0.6s 0.4s;} .support-title{-webkit-transition:all 0.6s 0.4s;transition:all 0.6s 0.4s;} .contents{-webkit-transition:all 1.0s 0.4s;transition:all 1.0s 0.4s;} #js-background-renderer{-webkit-transition:opacity 1.0s 0.0s,-webkit-transform 1.0s 0.0s;transition:opacity 1.0s 0.0s,-webkit-transform 1.0s 0.0s;transition:opacity 1.0s 0.0s,transform 1.0s 0.0s;transition:opacity 1.0s 0.0s,transform 1.0s 0.0s,-webkit-transform 1.0s 0.0s;} .mouse .path-front{-webkit-transition:all 1.0s 0.2s;transition:all 1.0s 0.2s;} .subpages-header .scroll .vr{-webkit-transition:all 1.0s 0.2s;transition:all 1.0s 0.2s;} .is_page_loaded .subpages-header .scroll .vr,.is_page_loaded .scroll,.is_page_loaded .subpages-header-bg,.is_page_loaded .subpages-main-title,.is_page_loaded .subpages-support-title,.is_page_loaded .pan,.is_page_loaded .main-hr,.is_page_loaded .support-title,.is_page_loaded .main-title span{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;} .is_page_loaded #js-background-renderer{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1;} .is_page_loaded .contents{opacity:1;} .is_page_loaded .mouse .path-front{stroke-dashoffset:0px;} /* SLIDER */ .slides-wrap-ol{height:100%;overflow:hidden;} .slides-wrap{position:absolute;width:100%;height:110%;top:0;left:0;} .slides{overflow:hidden;} .slides-wrap .cover{position:absolute;top:0;left:0;height:100%;width:100%;} .control{height:60px;width:120px;position:absolute;z-index:8;bottom:0;right:0;} .control .arrow{background:#fafafa;font-size:1.8rem;cursor:pointer;float:left;color:rgba(0,0,0,0.7);display:block;width:60px;height:60px;text-align:center;line-height:60px;} .control .n{font-weight:bold;} .slides{float:left;} /* ███████╗███╗ ██╗ ██╔════╝████╗ ██║ █████╗ ██╔██╗ ██║ ██╔══╝ ██║╚██╗██║ ███████╗██║ ╚████║ ╚══════╝╚═╝ ╚═══╝ */ .en .global-navi li a{font-size:1.4rem;} .en p{font-size:1.6rem;letter-spacing:0;} .en .news-li .date{width:140px;} .en .read-text-p{font-size:1.8rem;line-height:1.6em;} .work-body .quote,.en .work-body .quote{font-size:1.4rem;line-height:1.5;margin-top:1em;} .en .list-table-layout td .quote{font-size:1.3rem;line-height:1.4;margin-top:1em;} .en .member-wrap .post{height:2em;} /* ███████╗██████╗ ██████╗ ██████╗ ██████╗ ██╔════╝██╔══██╗██╔══██╗██╔═══██╗██╔══██╗ █████╗ ██████╔╝██████╔╝██║ ██║██████╔╝ ██╔══╝ ██╔══██╗██╔══██╗██║ ██║██╔══██╗ ███████╗██║ ██║██║ ██║╚██████╔╝██║ ██║ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ */ .error-document{position:fixed;z-index:1000;bottom:0;left:0;color:#fff;width:100%;text-align:center;background:#191919;} .error-document .body{padding:20px 0;} .error-document .body,.error-document .table{width:100%;height:100%;} .error-document p,.error-document a{color:#fff;line-height:1.4;} .error-document a{text-decoration:underline;} /* ██████╗ ██████╗ ██████╗ ██╗ ██╗███████╗ ██╔══██╗██╔══██╗██╔═══██╗██║ ██║██╔════╝ ██████╔╝██████╔╝██║ ██║██║ █╗ ██║███████╗ ██╔══██╗██╔══██╗██║ ██║██║███╗██║╚════██║ ██████╔╝██║ ██║╚██████╔╝╚███╔███╔╝███████║ ╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚══╝╚══╝ ╚══════╝ */ .section-work-li .work-thumb{height:300px;max-width:240px;margin:0 auto;background-size:contain;} .is_ie .popup-head .button-inside{position:relative;margin:30px 0 0 0;} .is_ie .popup-head{border-right:none;} .is_ie .popup-body{border-left:1px solid rgba(0,0,0,0.1);} /* ███████╗ ██████╗██████╗ ██████╗ ██╗ ██╗ ██╔════╝██╔════╝██╔══██╗██╔═══██╗██║ ██║ ███████╗██║ ██████╔╝██║ ██║██║ ██║ ╚════██║██║ ██╔══██╗██║ ██║██║ ██║ ███████║╚██████╗██║ ██║╚██████╔╝███████╗███████╗ ╚══════╝ ╚═════╝╚═╝ ╚═╝ ╚═════╝ ╚══════╝╚══════╝ */ .fade{-webkit-transition:opacity 0.6s,-webkit-transform 0.6s;transition:opacity 0.6s,-webkit-transform 0.6s;transition:transform 0.6s,opacity 0.6s;transition:transform 0.6s,opacity 0.6s,-webkit-transform 0.6s;opacity:0;-webkit-transform:translate(0px,100px);transform:translate(0px,100px);} .fade.is_over{opacity:1;-webkit-transform:translate(0);transform:translate(0);} .is_scrolled{} /* Mobile */ .toggle span{display:block;height:2px;width:30px;} .toggle span.hr{background:#191919;} .toggle span.t2{margin:6px 0;} .toggle .t2 .in span{position:absolute;top:0;left:0;} .toggle-ol{cursor:pointer;height:100px;width:100px;position:fixed;right:0;z-index:999;} .toggle{width:30px;height:18px;position:absolute;top:50%;left:50%;margin:-9px 0 0 -15px;} .header-support{height:100px;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:10;} .header-support .logoes-ol{margin-left:20px;} /* Delay */ .cover{opacity:0;} .is_page_loaded .cover.is_loaded{opacity:1;} /* HEADER SCROLLED */ .header .body{max-width:1600px;} .back-to-header{display:block;width:60px;height:60px;background:#191919;position:fixed;z-index:99;top:20px;right:0px;margin-right:20px;line-height:60px;font-size:1.3rem;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;} .is_scrolled .back-to-header{-webkit-transform:translate(0,0);transform:translate(0,0);} /* MENU */ .is_menu_opened .header{opacity:1;left:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 0.5s,left 0s,-webkit-transform 0.5s;transition:opacity 0.5s,left 0s,-webkit-transform 0.5s;transition:opacity 0.5s,transform 0.5s,left 0s;transition:opacity 0.5s,transform 0.5s,left 0s,-webkit-transform 0.5s;} .is_menu_opened .toggle-ol{position:fixed;} .toggle span.hr{-webkit-transition:all 0.5s;transition:all 0.5s;} .is_menu_opened .toggle span.hr{background:#fff;} .is_menu_opened .toggle span.t3,.is_menu_opened .toggle span.t1{opacity:0;} .is_menu_opened .toggle span.t2-1{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .is_menu_opened .toggle span.t2-2{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} /*JUMP*/ .is_page_jumped.is_not_clicked_gnav .header{-webkit-transform:translate(0,-100%);transform:translate(0,-100%);} /* ██████╗ ███████╗███████╗██████╗ ██████╗ ███╗ ██╗███████╗██╗██╗ ██╗███████╗ ██╔══██╗██╔════╝██╔════╝██╔══██╗██╔═══██╗████╗ ██║██╔════╝██║██║ ██║██╔════╝ ██████╔╝█████╗ ███████╗██████╔╝██║ ██║██╔██╗ ██║███████╗██║██║ ██║█████╗ ██╔══██╗██╔══╝ ╚════██║██╔═══╝ ██║ ██║██║╚██╗██║╚════██║██║╚██╗ ██╔╝██╔══╝ ██║ ██║███████╗███████║██║ ╚██████╔╝██║ ╚████║███████║██║ ╚████╔╝ ███████╗ ╚═╝ ╚═╝╚══════╝╚══════╝╚═╝ ╚═════╝ ╚═╝ ╚═══╝╚══════╝╚═╝ ╚═══╝ ╚══════╝ */ /* HOVER */ .button-select-ul .pulldowns{-webkit-transition:all 0.2s;transition:all 0.2s;} .button-select-ul .pulldowns{-webkit-transition:all 0.2s;transition:all 0.2s;} .members-gr-links a,.open-data span,.links .in .t{-webkit-transition:all 0.3s;transition:all 0.3s;} .links .in .bg{border-radius:100px;overflow:hidden;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;} @media screen and (min-width:800px){ .is_page_loaded .header{transform:translate(0,0);opacity:1;} .header{transition:transform 0.6s 0.0s,opacity 0.6s 0.0s;} .is_page_jumped .header{transform:translate(0,0);opacity:1;} .pagging-bg{-webkit-transition:opacity 0.3s,transform 20s;transition:opacity 0.3s,transform 30s;} .button-select-ul .pulldowns:hover{background:#fafafa;} .button-inside:hover .in:before{opacity:1;} .links:hover .in .bg{opacity:1;} .links:hover .in .t{color:#fff;} .members-gr-links a:hover{color:#191919;} .open-data:hover span{background:#191919;} .pagging-a:hover .pagging-bg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0.3;} } /* DESKTOP */ @media screen and (min-width:1500px){ .members-li{min-height:460px;} .body{max-width:1600px;} .body-thin{max-width:1050px;} .pan{padding:0 100px;} .body.body-fat{max-width:1560px;padding:0 50px;} } @media screen and (min-width:1900px){ .main-title{text-align:center;font-size:7rem;} .support-title{text-align:center;} } @media screen and (min-width:1980px){ .main-title{font-size:8rem;} } @media screen and (max-width:1500px){ .pan-ol{padding:0 50px;} } .pad,.sp{display:none!important;} /* LAPTOP */ @media screen and (max-width:1400px){ .header .body{max-width:1600px;padding:0 50px;} } @media screen and (max-width:1300px){ .section-work-li .cell:first-child{width:300px;} .work-body{padding:0 50px;} .section-theme{height:550px;} .section-awards{height:750px;} .n-publics{font-size:8.5rem;} .pagging-head{font-size:9rem;} } @media screen and (max-width:1200px){ .n-publics{font-size:8rem;} .pagging-head{font-size:8rem;} .subpages-main-title{font-size:3.5rem;} .members-li{min-height:360px;} } @media screen and (max-width:1100px){ .body{padding:0 50px;} } /* END LAPTOP */ /* PAD */ @media screen and (max-width:1024px){ #js-background-renderer{transform:translate(0,0) scale(1);} .is_in_subpages .header{background:#1c1c1c;} .pan{transform:translate(0,0px);opacity:0;} /* COMMON */ .pad{display:block!important;} .pad-hidden,.header .logoes-ol .logoes-mark{display:none!important;} .body{padding:0 20px;} .header .body{height:100%;} .global-navi-wrap,.header nav{display:block;height:100%;} .global-navi-wrap{position:absolute;top:0;left:0;width:100%;} .global-navi .t{color:#fff;} .global-navi li{display:block;text-align:center;} .global-navi li a{font-size:1.4rem;display:inline-block;vertical-align:top;line-height:60px;height:60px;} .global-navi-ol{position:relative;right:auto;top:auto;height:100%;width:100%;display:table;} .global-navi{display:table-cell;vertical-align:middle;} .lang-ol{z-index:2;top:auto;right:50%;bottom:0;margin-right:-50px;} .lang{background:none;} .header .logoes-txt{background-image:url(../img/logo_text_wh.png);margin-top:3px;margin-left:0px;} .header .logoes-ol{text-align:center;height:100px;width:200px;position:relative;z-index:3;margin:0 auto;} .header{position:fixed;top:0;z-index:10;height:100%;width:100%;background:#1c1c1c;-webkit-transform:scale(0.95);transform:scale(0.95);left:-9999px;-webkit-transition:opacity 0.3s,left 0s 0.3s,-webkit-transform 0.3s;transition:opacity 0.3s,left 0s 0.3s,-webkit-transform 0.3s;transition:opacity 0.3s,transform 0.3s,left 0s 0.3s;transition:opacity 0.3s,transform 0.3s,left 0s 0.3s,-webkit-transform 0.3s;opacity:0;z-index:11;} .pan-ol{padding:0 0px;} .lang{width:140px;font-size:0;} .lang a{width:70px;} .lang-ol{margin-right:-70px;} /* HOME */ .box-half{padding-right:20px;} .main-title span{display:inline;} /* SUBPAGES */ .pagging a{height:200px;padding-right:10px;} .pagging a:last-child{padding-right:0;padding-left:10px;} .pagging-head{font-size:5rem;} /* Member */ .members-li{padding:0 10px;min-height:0;height:auto;} .members-li{width:50%;} .profile{height:100px;} .members-gr-li{float:left;width:33.333%;box-sizing:border-box;padding:10px;} .post-gr{padding-left:10px;} .popup-window-body{padding:0 20px;} .members-gr-li .hr,.members-li .hr{height:4px;} /* SELECT */ .button-select-options-body{width:100%;height:100%;position:absolute;top:0;right:0;height:50px;width:180px;z-index:10;opacity:0;} .button-select-options-body select{width:100%;height:100%;font-size:20px;} .n-page-lectures a{text-indent:-0.5em;} /* EN */ .en .global-navi li a{font-size:1.6rem;} .global-navi .bg{height:100%;margin-top:0;top:0;} .fade{opacity:1;-webkit-transform:none;transform:none;} .subpages-main-title{display:block;text-align:center;} .subpages-support-title{margin-left:0;display:block;text-align:center;padding-top:10px;} } /* END PAD */ /* MOBILE */ @media screen and (max-width:680px){ .main-title span{display:inline;} .subpages-header-bg{top:-70px;padding-bottom:0px;} .list-table-show .button-inside .in:before{width:100%;} .list-table-show .button-inside{margin:0 0 0 -90px;} /* COMMON */ .sp{display:block!important;} .popup-head .gr-date,.pagging-head,.subpages-header .scroll,.sp-hidden{display:none!important;} .logoes-ol{height:70px;width:200px;} .header-support{height:70px;} .toggle-ol{cursor:pointer;height:70px;width:70px;} .logoes-txt{width:82px;height:15px;margin-top:9px;margin-left:14px;} .first-view{height:500px!important;box-sizing:border-box;padding-top:35px;} .main-title{text-align:center;font-size:2.9rem;letter-spacing:-0.5px;} .main-hr{margin:20px auto;height:2px;width:20px;} .support-title{text-align:center;font-size:1.5rem;} .box-half{width:100%;padding-right:0px;} .section-bg-half{width:100%;} .section-theme{height:auto;overflow:hidden;} .section-theme-ol .section-bg{display:block;height:200px;width:100%;position:relative;top:0;right:0;} .sub-title{font-size:1.5rem;padding-left:30px;} .read-text-p,p{font-size:1.4rem;line-height:2.6rem;} .work-body p,.news-title{font-size:1.3rem;line-height:1.6;} .links{width:180px;float:none;margin:0 auto;height:50px;background-image:url(../img/bg_links_mobile.png);} .links .in span{line-height:50px;} /* HOME */ .show-public-ol{padding-top:20px;border-top:1px solid rgba(0,0,0,0.05);} .show-publics{position:relative;width:100%;float:none;text-align:center;box-sizing:border-box;border-right:none;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:20px;padding-bottom:20px;} .subpages .n-publics,.n-publics{text-align:right;font-size:2.4rem;} .n-publics-ieee span{font-size:1.4rem;text-align:right;} .show-publics{text-align:left;display:table;} .show-publics-header{vertical-align:middle;display:table-cell;} .show-publics-body{vertical-align:middle;display:table-cell;} .n-publics-ieee .icon-ieee{height:21px;width:21px;} .show-public-footer{height:auto;} .show-public-title{height:auto;font-size:1.5rem;line-height:1.8rem;font-weight:bold;} .n-publics-ieee{text-align:right;} .section-awards{height:400px;text-align:left;} .section-awards p{color:#fff;font-size:1.4rem;line-height:2.6rem;} .section-awards .sub-title{margin-left:0;} .news-li .in{padding:10px 0 30px 0;} .news-li:first-child .in{padding:0 0 30px 0;} .news-li .in > div{display:inline-block;} .news-li .in > div.edit{width:100%;} .news-li .category{width:auto;} .news-li .date{letter-spacing:-1px;font-size:1.4rem;font-weight:bold;letter-spacing:0;width:90px;line-height:3.6rem;} .news-body{padding-top:10px;} .category span{width:auto;color:#000;font-weight:normal;background:none!important;} .category span:before{content:'';height:10px;width:10px;border-radius:10px;display:inline-block;margin-right:5px;} .back-to-top{width:70px;height:70px;line-height:70px;right:-20px;} .news-body p{font-size:1.2rem;line-height:1.8rem;} .scroll{height:70px;} /* MENU */ .global-navi li a{font-size:1.4rem;display:inline-block;vertical-align:top;line-height:50px;height:50px;} .lang{width:120px;font-size:0;} .lang a{width:60px;} .lang-ol{margin-right:-60px;} /* SUBPAGES */ /* WORK */ .subpages-header{padding-top:70px;height:320px;overflow:hidden;} .subpages-header .section-bg{top:0;padding-top:0;height:250px;opacity:0.8;} .pan-ol{position:relative;bottom:0;left:0;width:100%;box-sizing:border-box;} .pan{padding:0 20px;} .pan li{height:70px;line-height:70px;} .subpages-header .body{padding:0;padding-bottom:70px;} .subpages-main-title{font-size:3rem;} .button-inside{height:50px;width:180px;} .button-inside span{line-height:44px;} .button-inside span.i{width:50px;} .section-work-li .table,.section-work-li .cell{display:block;} .section-work-li .sub-title{margin-bottom:20px;} .section-work-li .work-thumb{max-width:100%;height:150px;width:100%;background-color:#fff;background-size:contain;} .section-work-li{min-height:0px;padding:30px 0;} .work-body{padding:0 20px;box-sizing:border-box;} .section-work-li .cell:first-child{width:100%;padding:0 20px 20px 20px;box-sizing:border-box;} .section-work-li{min-height:0px;padding:20px 0;} .section-work-ol > .body{padding:0;} .pagging a{height:100px;} .pagging-body{font-weight:bold;font-size:1.5rem;text-transform:capitalize;} /* Publications */ .list-table-ol{padding-left:0;box-sizing:border-box;} .links .in span{font-size:1.4rem;} .links.left{float:none;} .list-head-n{width:40px;} .list-head-c{width:100px;} .list-table-title .in{font-size:1.6rem;padding-left:0px;text-align:center;} .list-table-title .gr-hr{left:-20px;} /* MEMBER */ .data .popup td{padding:10px;display:block;border-bottom:1px solid #f0f0f0;} .data .popup tr:last-child td{border-bottom:1px solid #f0f0f0;} .profile .name{font-weight:bold;font-size:1.3rem;} .profile .en{font-size:1.2rem;display:block;box-sizing:border-box;} .members-li .profile .name, .members-li .profile .en{padding-right:40px;} .profile{height:190px;} .profile{padding:10px 0 0 0;} .profile .cell{ display: block; } .member-wrap .post{font-size:1.3rem;margin-bottom:10px;} .members-gr-li{float:left;width:100%;box-sizing:border-box;padding:10px;} .body.body-fat{padding:0 10px;} .members-gr-ul .profile{padding:10px;} .members-gr-links{font-size:0;position:relative;right:auto;top:auto;margin-top:0px;z-index:2;} .members-gr-li .gr-date{ line-height: 1em; padding: 19px 10px 15px 10px;} /* POPUP */ .popup-head{padding:20px;width:100px;height:100%;border-right:1px solid rgba(0,0,0,0.1);box-sizing:border-box;} .popup-window-body .cell{display:block;} .popup-window-body .table{display:block;} .popup-head{padding:20px;width:100%;height:100%;border-right:none;box-sizing:border-box;} .popup-head .gr-date{padding:0 0 10px 0;} .popup-head .name{font-weight:bold;font-size:1.4rem;} .popup-head .en{font-size:1.2rem;padding-left:10px;color:rgba(0,0,0,0.3);} .popup-body{box-sizing:border-box;padding:20px;} .popup-scroll-body{height:300px;} .popup-head .button-inside{top:-20px;left:auto;right:-20px;position:absolute;border:none;border-radius:0;background:#191919;width:60px;height:60px;color:#fff;} .popup-head .button-inside span{color:#fff;line-height:60px;font-size:1.2rem;} .list-table-layout th{width:130px;padding-right:20px;font-weight:bold;} .list-table-layout.lacture-table td,.list-table-layout.lacture-table th{font-size:1.3rem;vertical-align:top;padding:20px 20px 20px 0;} .profile .info{margin-bottom:10px} /* 404 */ .sorry-t{font-size:3rem;} /* EN */ .en .member-wrap .post { height: 4em; line-height: 1em; } .en .profile{height:60px;} .en .read-text-p{font-size:1.6rem;line-height:1.5em;} } /* END MOBILE */