/*
(^q^)
Thank you for your checking CSS!
*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail { border-radius: 0; margin: 0 auto; -webkit-border-radius: 0px }
html, legend { color: #000 }
a, del, ins { text-decoration: none }
.centerContent .btn, .centerContent .txt { left: 50px; font-size: 10px; letter-spacing: 1px }
.cf:after, .pv a { clear: both }
.chartWrap path, .expand .st2 { stroke-linecap: round; stroke-miterlimit: 10 }
.ajxload span, .malefemale span.m, .pvtotal .date { border-right: 1px solid rgba(223, 245, 255, 1) }
.mCustomScrollbar { -ms-touch-action: none; touch-action: none }
.mCustomScrollbar.mCS_no_scrollbar { -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_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; height: 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 { height: 100%; margin: 0 auto; -webkit-border-radius: 0px; -moz-border-radius: 16px }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 100%; margin: 0 auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; text-align: center }
.tx_l, caption, th { text-align: left }
.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_expandslidecontain .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 }
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul { margin: 0; padding: 0 }
.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; box-sizing: border-box }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; box-sizing: border-box }
.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 }
.all, .loadinner { transition: all .5s }
.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(/wp/wp-content/themes/n/css/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 }
.all, .body, .wrap, body, html { width: 100% }
.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 }
.all, .body, .graph, .wrap, body, html { height: 100% }
.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 }
.about, .aboutCircleGraphWrap ul, .ajxload, .ajxload span, .btn, .btn:after, .entrydetail, .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .malefemale .bar, .malefemale span.m, .mapLoad .body, .no-imagebg, .pagging, .pv, .rect, .scrollGraphWrap .mCSB_scrollTools, .scrollinside, .slideNav a, .sns .btn, .subpageWrap .main, .subpageWrap .scroll, .svgGraphics { 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 { background: #FFF; overflow: hidden }
.wrap, body { background: #000 }
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 }
li { list-style: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
q:after, q:before { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sub, sup { vertical-align: baseline }
.cf:after, .cf:before { content: ""; display: table }
.cf { zoom: 1 }
body, html { font-family: RobotoDraft, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px }
body { position: relative }
@font-face { font-family: icon; src: url(../fonts/icon.eot@2oa9qo); src: url(../fonts/icon.eot@)format('embedded-opentype'), url(../fonts/icon.woff@2oa9qo)format('woff'), url(../fonts/icon.ttf@2oa9qo)format('truetype'), url(../fonts/icon.svg@2oa9qo)format('svg'); font-weight: 400; font-style: normal }
[class*=" icon-"], [class^=icon-] { font-family: icon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-google-plus:before { content: "\67" }
.icon-facebook:before { content: "\66" }
.icon-twitter:before { content: "\74" }
.icon-sun:before { content: "\31" }
.icon-cloudy:before { content: "\32" }
.icon-lines:before { content: "\33" }
.icon-rainy:before { content: "\34" }
.icon-rainy2:before { content: "\35" }
.icon-weather:before { content: "\36" }
.icon-cloudy2:before { content: "\37" }
.icon-lightning:before { content: "\38" }
.icon-none:before { content: "\39" }
.icon-pin:before { content: "\70" }
.contact a, .single a { text-decoration: underline }
.icon { font-family: icon }
#btns { position: fixed; z-index: 999; top: 20px; left: 20px }
.all, .body, .wrap { position: relative }
#btns a { display: block; font-size: 12px; color: #fff; padding: 10px }
.chartWrap, .logoRight, .rightContent, .subtitleWrap, .un, .un *, .windowStatus { -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; cursor: default }
.all { max-width: 1520px; margin: 0 auto; opacity: 1 }
.fetch .loadinner, .loading, .switched .all { opacity: 0 }
.wrap { transition: all 1s }
.graph { width: 660px; position: fixed; top: 0; left: 50%; margin-left: -330px; overflow: hidden }
.graph canvas { position: absolute; top: 50%; left: 50%; z-index: 3 }
.graph canvas.background { z-index: 1; top: 0; left: 0; position: static }
.graph .backgroundWrap, .graph .shadow, .graph .shadowbg { top: 50%; left: 50%; position: absolute }
.graph .backgroundWrap { height: 750px; width: 750px; overflow: hidden; border-radius: 100%; margin: -375px 0 0 -375px }
.graph .shadow { height: 800px; width: 800px; z-index: 2; border-radius: 100%; margin: -400px 0 0 -400px; box-shadow: inset 0 0 100px 240px #000 }
.graph .shadowbg { height: 600px; width: 600px; z-index: 0; border-radius: 100%; margin: -300px 0 0 -300px; box-shadow: inset 0 0 200px 255px #000 }
.left, .mask { left: 0 }
.b, .mask, .top { top: 0 }
.hr, .hr>div, .mask, .table { width: 100% }
.mask { position: absolute; z-index: 4; height: 100%; background: url(../img/bg_dottedS_5.png); background-size: 2px }
.mask.dotted { background: url(../img/bg_dottedL_10.png); background-size: 30px; display: none }
.right { right: 0 }
.bottom { bottom: 0 }
.tx_c { text-align: center }
.tx_r { text-align: right }
.table { display: table }
.cell { display: table-cell; vertical-align: middle; position: relative }
.row { display: table-row }
.b, .d, .s120, .s30, .s60, .s90 { display: block }
.hr { position: absolute }
.hr>div { position: relative; height: 1px }
.vr, .vr>div { height: 100% }
.vr { position: absolute }
.vr>div { position: relative; width: 1px }
.b, .hr .d, .vr .d { position: absolute }
.b { height: 1px; width: 100% }
.d { height: 3px; width: 3px; border-radius: 3px }
.vr .b { width: 1px; height: 100%; margin-left: 1px }
.s120, .s30, .s60, .s90 { width: 100% }
.vr.right { right: 2px }
.s30 { height: 30px }
.s50 { display: block; height: 50px }
.s60 { height: 60px }
.s90 { height: 90px }
.s120 { height: 120px }
.loading, .loading svg { width: 30px; height: 30px }
.loading { display: none; transition: opacity .3s, left 0s .3s, z-index 0s .3s; position: fixed; z-index: -10000; top: 50%; left: -9999px; margin: -15px 0 0 170px }
.centerContent, .hrbold, .pv { position: absolute }
.high .loading, .pv a { display: block }
.fetch .loading { transition: opacity .2s, left 0s, z-index 0s; opacity: 1; z-index: 10000; left: 50% }
.loading svg path { fill: none; stroke-width: 2px; stroke-dasharray: 60px; -webkit-animation: loading 1s linear infinite; animation: loading 1s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-webkit-keyframes loading {
	0% { stroke-dashoffset: 0 }
	50% { stroke-dashoffset: 120px }
	100% { stroke-dashoffset: 240px }
}
@keyframes loading {
	0% { stroke-dashoffset: 0 }
	50% { stroke-dashoffset: 120px }
	100% { stroke-dashoffset: 240px }
}
.a1 .expand svg .an1 path, .expand.on path, .mapGraph .paths path, .showsidebar .svgGraphicsBody path { stroke-dashoffset: 0 !important }
.high .weather { -webkit-animation: fuwafuwa 2s ease-in-out infinite alternate; animation: fuwafuwa 2s ease-in-out infinite alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-webkit-keyframes fuwafuwa {
	0% { -webkit-transform: translate(0, -4px); transform: translate(0, -4px) }
	100% { -webkit-transform: translate(0, 1px); transform: translate(0, 1px) }
}
@keyframes fuwafuwa {
	0% { -webkit-transform: translate(0, -4px); transform: translate(0, -4px) }
	100% { -webkit-transform: translate(0, 1px); transform: translate(0, 1px) }
}
.activeload svg { width: 17px; height: 17px }
.pv { z-index: 11; top: 50%; left: 0; width: 100%; margin-top: 255px; padding: 0 50px }
.pv a { transition: all .3s }
.pv a span:first-child { float: left }
.pv a span { float: right }
.centerContent .pv a { cursor: pointer !important }
.pvtotal { margin-top: 220px }
.pvtotal div { line-height: 20px; display: table-cell; text-align: center }
.pvtotal .total { padding-right: 5px; text-align: right }
.centerContent { z-index: 10; top: 0; left: 50%; margin: 0 0 0 -330px; height: 100%; width: 660px }
.hrbold { width: 132px; top: 50%; left: 50px }
.hrbold div { position: relative; width: 100%; height: 2px }
.hrbold div span:first-child { height: 2px; width: 50px; left: 0 }
.hrbold.down { margin-top: -130px }
.hrbold.up { margin-top: 130px }
.centerContent .txt { position: absolute; top: 50%; font-weight: 700; margin-top: 140px }
.centerContent .btn { z-index: 11; position: absolute; top: 50%; text-align: center; font-weight: 700; margin-top: -425px; margin-left: 0 !important }
.centerContent .btn .name { display: block; padding: 11px 10px }
.maintitle { font-size: 45px; line-height: 50px; text-align: center; position: absolute; top: 50%; width: 100%; margin-top: -53px; letter-spacing: 5px; opacity: 1 }
.graphicmask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 }
.graphicmask svg { width: 100%; vertical-align: middle }
.loadmask { position: absolute; top: 0; left: 380px; z-index: 10; display: none }
.high .loadmask { display: block }
.loadmask div.dotted { position: absolute; top: -200px; left: 0; width: 100%; height: 200px; background-image: url(../img/bg_dottedL_50.png); background-size: 30px; background-attachment: fixed; transition: all 1.5s }
.fetch .loadmask div.dotted { top: 120% }
.portfolio .nav { position: relative; z-index: 999 }
.scrollGraphBody { position: absolute; top: 50%; left: 0; width: 100%; height: 930px; opacity: 0; margin-top: -465px }
.showgraphic .scrollGraphBody { opacity: 1; transition: all .5s .3s }
.scrollGraphWrap { position: relative; width: 100%; height: 100% }
.scrollGraphWrap .scroll { width: 100%; height: 100%; position: absolute; right: -29px }
.scrollGraph { height: 9000px; width: 100% }
.logo, .logo svg { height: 140px }
.scrollGraphWrap .mCSB_scrollTools { left: auto; margin: 40px 0; width: 30px; right: 0 }
.scrollGraphWrap .mCustomScrollBox { padding-right: 40px }
.leftContent { position: absolute; z-index: 999; width: 300px; padding: 40px; font-size: 10px; font-weight: 700; left: 0; top: 50%; margin-top: -472px }
.logoRight>div, .subtitleWrap, .tenjibody { position: relative }
.subtitleWrap { width: 100% }
.logo, .logo svg, .logoLeft { width: 130px }
.subtitle span { margin: 10px 4px; display: inline-block; font-weight: 700 }
.btn, .btn .name, .logo { display: block }
.subtitle span:first-child { padding: 0 5px }
.logoRight .format { line-height: 41px; height: 40px }
.logoRight .tenji, .tenjibody { height: 40px }
.logoRight .temp { line-height: 50px; height: 50px }
.logoRight .today { text-align: center; width: 120px; font-size: 16px; font-weight: 700 }
.logoRight .weather { text-align: center; width: 50px; font-size: 20px; opacity: 0; transition: all 1s 1s }
.logoRight .weather.on { opacity: 1 }
.tenjibody { width: 100% }
.tenjibody svg { position: absolute; top: 50%; left: 0; margin: -12px 0 0 }
.navWrap .body { padding: 20px 0 10px; position: relative }
.btn { float: left; position: relative; width: 146px; height: 36px; margin-top: 4px; margin-bottom: 4px }
.btn:after { content: ''; position: absolute; height: 44px; width: 154px; opacity: 0; top: -5px; left: -5px }
.btn .num { position: absolute; top: 2px; left: 4px; width: 11px; line-height: 15px; text-align: center }
.btn .name { padding: 12px 30px }
.btn .d { height: 2px; width: 2px; display: inline-block; margin: 0 0 0 2px }
.btn .light { position: absolute; right: 5px; bottom: 5px }
.btn:nth-child(2n) { margin-left: 8px }
.btn .lefttop:before, .btn .rightbottom:before { content: ''; height: 7px; width: 1px; position: absolute; display: block }
.btn .lefttop:after, .btn .rightbottom:after { content: ''; display: block; height: 1px; width: 7px; position: absolute }
.btn .rightbottom:after, .btn .rightbottom:before { bottom: -1px; right: -1px }
.btn .lefttop:after, .btn .lefttop:before { top: -1px; left: -1px }
.btn.on:after { opacity: .5 }
.btn.on .rightbottom:after, .btn.on .rightbottom:before { bottom: -6px; right: -6px }
.btn.on .lefttop:after, .btn.on .lefttop:before { top: -6px; left: -6px }
.title .emp { display: block; height: 30px; line-height: 31px }
.title .cell:first-child { width: 97px }
.svgGraphics .cell:first-child, .svgGraphics svg { width: 190px }
.title h3 { font-weight: 700 }
.chartWrap { position: relative }
.chartWrap path { fill: none; stroke-width: .8px; stroke-linejoin: round }
.svgGraphics { height: 60px; margin: 19px 0 20px; padding: 10px }
.chart_left, .chart_right { height: 10px; width: 1px; margin-bottom: -5px }
.svgGraphicsBody { padding-bottom: 16px }
.svgGraphics .cell { vertical-align: top }
.activeloadWrap>div, .avtiveIcon span { display: table-cell; vertical-align: middle }
.chart_b { bottom: 20px; display: block; position: absolute }
.chart_bottom { bottom: 20px; height: 1px; width: 100% }
.chart_right { right: 0 }
.chart_left { left: 0 }
.chart_center { margin-bottom: -2px; left: 50%; width: 1px; height: 5px }
.unit { position: absolute; bottom: 0; width: 100%; display: block }
.chart_lineWrap p { clear: both; padding: 2px 0; text-align: right }
.chart_line { float: right; width: 70px }
.chart_line span { width: 100%; margin: 2px 0; height: 1px; display: block }
.malefemale .unit { top: 0; bottom: auto }
.malefemale { padding-top: 18px; position: relative }
.malefemale .bar { height: 8px; width: 100% }
.malefemale span { display: block; float: left; height: 100%; transition: all 1s }
.malefemale span.m { width: 0 }
.malefemale span.f { width: 100% }
.hideborder .malefemale span.m { width: 90% }
.hideborder .malefemale span.f { width: 10% }
.malefemale svg { width: 100%; height: 23px }
.svgGraphics.age { margin: 0 }
.svgGraphics.age h4 { position: absolute; right: 0 }
.audioVisualWrap, .sns, .sns .btn, .windowStatus { position: relative }
.svgGraphics.age svg { width: 280px }
.windowStatus .body span { padding-right: 5px; line-height: 40px; display: inline-block }
.sns .body { margin: 10px 0; height: 18px }
.sns .btn .name { padding: 0 }
.sns .btn:first-child { margin: 0 0 0 1px }
.sns .btn { float: left; display: block; width: 96px; height: 16px; text-align: center; margin: 0 0 0 5px; line-height: 16px }
.audioVisualWrap { width: 100%; cursor: pointer }
.audioVisualWrap .body { padding: 20px 0 }
.playBtn { padding: 10px; width: 7px; position: absolute; top: 24px; left: -10px; z-index: 10; cursor: pointer; transition: all .5s }
.pause .playBtn { opacity: .2 }
.playBtn svg { width: 7px; height: 8px }
.audioStatus { position: absolute; right: 0; top: 34px }
.rightContent { position: absolute; z-index: 999; width: 280px; padding: 40px; font-size: 10px; font-weight: 700; right: 0; top: 50%; margin-top: -472px }
.svgGraphicsBody rect { fill: none }
.screen .svgGraphics { padding: 0; margin: 20px 0 0 }
.screen .svgGraphics svg { width: 100%; height: 72px }
.screen .svgGraphics h4 { position: absolute; left: 0; top: -20px }
.screen .svgGraphics .chart_screen { position: absolute; top: -20px; right: 0 }
.screen .svgGraphics .chart_line { float: none; width: 40px }
.screen .svgGraphics .chart_lineWrap { float: left; margin: 0 0 0 10px }
.screen .svgGraphics .chart_lineWrap p { width: 40px; text-align: left }
.screen .svgGraphics .chart_lineWrap p, .screen .svgGraphics .chart_screen .chart_line { display: inline-block }
.chartWrap.screen { padding: 20px 0 0 }
.activeWrap .body { margin: 20px 0; height: 30px }
.sitemapWrap, .uaWrap .body { margin: 20px 0 0 }
.activeWrap .cell { padding: 0 10px }
.activeWrap .cell:first-child { width: 100px }
.avtiveIcon span { font-size: 11px; padding: 2px 0; text-align: center }
.activeload { width: 17px; height: 17px }
.activeload .ol { fill: none }
.activeloadWrap>div { padding: 0 3px }
.activeloadWrap>div.avtive { text-align: right; font-size: 18px }
.activeWrap .avtiveIconWrap { padding: 0 0 0 10px }
.uaWrap { position: relative }
.uaVisual { position: absolute; top: 0; left: 0 }
.uaWrap .cell { text-align: center; width: 33.3333% }
.uaWrap .header, .uaWrap .header .cell { height: 100px }
.uaWrap .label { height: 20px }
.uaWrap .footer { height: 80px }
.uaWrap .header .d1 { top: 10px; left: 10px }
.uaWrap .header .d2 { top: 10px; right: 10px }
.uaWrap .header .d3 { bottom: 10px; left: 10px }
.uaWrap .header .d4 { bottom: 10px; right: 10px }
.uaWrap .header .cell>.d { position: absolute; opacity: .2; height: 2px; width: 2px }
.ajxload, .mapGraph svg { width: 100% }
.uaWrap .footer ul li { cursor: default; transition: all .3s }
.click, .toggle { cursor: pointer }
.mapGraph .paths path { fill: none; transition: all .3s; opacity: 1 }
.mapGraph { position: relative; padding: 10px; height: 73px; background: url(../img/bg_mapGraph.png); background-size: 8px }
.mapLoad .body { padding: 0 10px }
.ajxload { margin: 3px 0; height: 6px }
.ajxload span { width: 0; height: 100%; display: block; transition: all 1.5s .6s ease-in-out }
.ajxloadhr, .phase2 .ajxload span { width: 100% }
.ajxloadhr { display: block; height: 1px; margin: 5px 0 }
.maploadmj { position: relative; height: 40px }
.expand, .progress { position: absolute }
.ajxloadWrap { margin: 10px 0 }
.expand { top: 50%; left: -85px; opacity: 1; margin-top: -432.5px }
.expand.rightside { right: -85px; left: auto }
.expand svg { height: 865px; width: 62px; vertical-align: bottom }
.expand .st0, .expand .st1 { fill: none; stroke-miterlimit: 10 }
.expand .st2 { fill: none }
.expand svg .an1 path { stroke-width: .5px }
.a1 .expand svg .an1 path { transition: all 1s }
.a2 .expand svg .an1 path { opacity: 0 }
.a2 .expand svg .an2 { opacity: 1 }
.expand.on path { transition: all .8s }
.phase1 .btn, .phase1 .btn .lefttop:after, .phase1 .btn .lefttop:before, .phase1 .btn .rightbottom:after, .phase1 .btn .rightbottom:before, .phase1 .btn:after, .pvtotal { transition: all .5s .5s }
.low .leftContent, .low .rightContent { opacity: 0 }
.low .showborder .leftContent, .low .showborder .rightContent { opacity: 1; transition: all 1s 1.3s }
.hideprogress .progress, .hr>div .d, .vr>div .d { opacity: 0 }
.low .hr, .low .vr { display: none !important }
.low .subpages .hr, .low .subpages .vr { display: block !important }
.hr>div .b, .hr>div .d, .vr>div .b, .vr>div .d { display: none !important }
.high .hr>div .b, .high .hr>div .d, .high .vr>div .b, .high .vr>div .d { transition: all .5s; display: block !important }
.low .hr>div .b, .low .hr>div .d, .low .vr>div .b, .low .vr>div .d { display: block !important }
.openColor .changeColorWrap, .progress { display: block }
.hr, .vr { overflow: hidden }
.hr { height: 3px }
.vr { width: 3px }
.hr .d { margin-top: 0 }
.hr .b { top: 1px }
.hr>div .b { width: 100%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.vr>div .b { height: 100%; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
.progress { width: 120px; height: 1px; margin: 75px 0 0 -60px; top: 50%; left: 50%; background: rgba(255, 255, 255, .2) }
.progress div { position: relative }
.progress span { display: block; transition: all .1s ease-in-out; height: 1px; width: 0; background: #fff }
.changeColorWrap, .changeColorWrap .table { height: 100%; width: 100% }
.progress p { position: absolute; right: 0; top: 5px; font-size: 10px; color: #fff }
.progress { transition: all 1s ease-in-out }
.high .hide, .high .hidechild>* { opacity: 0 !important; transition: all .5s ease-in-out }
.showsplash .centerContent .hide, .showsplash .centerContent .hidechild>*, .showsplash .graph .hide, .showsplash .graph .hidechild>* { opacity: 1 !important }
.showsplash .graphicmask { opacity: 1 }
.hideborder .expand { opacity: 0.6 }
.mono .hideborder .expand { opacity: 0.5 }
.expand.leftside { -webkit-transform: translate(200px, 0); transform: translate(200px, 0) }
.expand.rightside { -webkit-transform: translate(-240px, 0); transform: translate(-240px, 0) }
.hideexpand .expand.leftside, .hideexpand .expand.rightside { transition: all .5s ease-in-out; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.showborder .graphicmask svg path { stroke-dashoffset: 0 !important; transition: all 1s ease-in-out }
.showsidebar .btn, .showsidebar .hide, .showsidebar .hidechild>* { opacity: 1 !important }
.showborder .hr>div .d, .showborder .vr>div .d { opacity: 1 }
.showsidebar .ajxload span { width: 100% }
.showborder .hr>div .b { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.showborder .vr>div .b { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.graphic, .hideborder .hr>div .d, .hideborder .vr>div .d, .showgraphic .graphicmask { opacity: 0 }
.hideborder .hr>div .b { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.hideborder .vr>div .b { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.graphicmask { transition: all 1s; opacity: 0; padding: 0 50px; box-sizing: border-box }
.graphicmask svg path { transition: all 1s; stroke: rgba(223, 245, 255, .1); fill: none }
.graphic { transition: opacity 1.5s }
.showgraphic .graphic { opacity: 1 }
.wwov .centerContent .btn, .wwov .centerContent .txt, .wwov .hrbold { left: 0 }
.wwov .pv { padding: 0 }
.wwov .pvtotal { right: 0 }
.openColor .mask { opacity: 0 }
.changeColorWrap { position: fixed; display: none; opacity: 0; top: 0; left: 0; z-index: 100000000; background: url(../img/bg_dottedL_25.png)rgba(0, 0, 0, .8); background-size: 30px }
.changeColorWrap span { transition: all .5s }
.changeColor { color: #fff; letter-spacing: 2px; cursor: pointer;}
.changeColorWrap .table .cell { width: 25%; vertical-align: middle; text-align: center; position: relative; overflow: hidden }
.changeColor .col span { display: inline-block; height: 1px; width: 80px }
.changeColor .name { font-weight: 700; font-size: 14px }
.changeColor span { display: block; font-size: 10px; font-weight: 700; text-align: center }
.changeColor span.image { margin: 10px 0 0 0 }
.changeColor span.colname { letter-spacing: 0px; margin-top: 5px }
.changeColor .bg, .panelsbd { position: absolute; height: 100% }
.panelsbd, .portfolio .header h2 span { display: block }
.changeColor1 .col1 { background: #dff5ff }
.changeColor1 .col2 { background: #394e56 }
.changeColor1 .col3 { background: #c02046 }
.changeColor2 .col1 { background: #fff }
.changeColor2 .col2 { background: #1b1d1f }
.changeColor2 .col3 { background: rgba(3, 7, 15, 1) }
.changeColor3 .col1 { background: #e03a43 }
.changeColor3 .col2 { background: #1aa897 }
.changeColor3 .col3, .changeColor4 .col1 { background: #643ef0 }
.changeColor4 .col2 { background: #7f17d2 }
.changeColor4 .col3 { background: #36cfc2 }
.changeColorWrap .changeColor1 .ol { transition: all .7s cubic-bezier(.485, .12, .105, 1.15) }
.changeColorWrap .changeColor2 .ol { transition: all .7s .1s cubic-bezier(.485, .12, .105, 1.15) }
.changeColorWrap .changeColor3 .ol { transition: all .7s .2s cubic-bezier(.485, .12, .105, 1.15) }
.changeColorWrap .changeColor4 .ol { transition: all .7s .3s cubic-bezier(.485, .12, .105, 1.15) }
.changeColor .ol { position: relative; z-index: 2; opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px) }
.opened .changeColor .ol { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.changeColor .bg { z-index: 1; display: block; width: 100%; right: 0; top: 0; background: rgba(0, 0, 0, .4); transition: all .5s }
.changeColor:hover .bg { -webkit-transform: translate(0, 100%); transform: translate(0, 100%) }
.panelsbd { width: 1px; top: -100%; z-index: 10000; background: rgba(255, 255, 255, .08) }
.panelsbd1 { left: 25%; transition: all .3s 0s }
.panelsbd2 { left: 50%; transition: all .3s .2s }
.panelsbd3 { left: 75%; transition: all .3s .4s }
.openLine .panelsbd { -webkit-transform: translate(0, 100%); transform: translate(0, 100%) }
.hideborder .subpages.subpageWrap .hr>div .b { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.hideborder .subpages.subpageWrap .hr>div .d { opacity: 1 }
.hideborder .subpages.subpageWrap .vr>div .b { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.hideborder .subpages.subpageWrap .vr>div .d { opacity: 1 }
.subpages .vr { top: 0 }
.subpageWrap .scroll { padding: 0; overflow-x: hidden; height: 100%; width: 100% }
.subpageWrap .main { width: 800px; position: absolute; height: 800px; left: 380px; top: 0; z-index: 9997; background: url(../img/bg_dottedL_20.png)fixed; background-size: 30px }
.portfolio { position: relative }
.portfolio .header .cell { position: relative; padding: 10px 30px }
.portfolio .header .cell:first-child { width: 210px; text-align: center }
.portfolio .header { color: #fff; margin: 0 0 30px }
.portfolio .header h2 span.title { font-size: 16px }
.portfolio .header h2 span.sub { font-size: 11px; font-weight: 700 }
.portfolio .nav .btn, .portfolio .nav .cat { width: 120px; text-align: center; margin: 0 30px 30px 0; font-size: 10px; line-height: 30px; height: 30px }
.portfolio .nav .btn:after { height: 38px; width: 128px }
.portfolio .nav .btn .name { padding: 0; line-height: 30px; height: 30px }
.portfolio .body { height: 521px; position: absolute; top: 50%; margin: -215px 0 0 }
.portfolio .body div { width: 100%; height: 521px; margin: 0 auto; position: absolute; top: 0; left: 0 }
.portfolio .body .img_mask { background: url(../img/bg_portfolio_wire.png)center no-repeat; background-size: contain; z-index: 3; opacity: 1 }
.portfolio .body .img_thumb { opacity: 0; z-index: 2; transition: opacity 1s 1.5s }
.portfolio .body .img_bg { background: url(../img/bg_portfolio.png)center no-repeat; background-size: contain; z-index: 1; opacity: 1 }
.portfolio.on .body .img_bg, .portfolio.on .body .img_mask, .portfolio.on .body .img_thumb { opacity: 1 }
.scrollside { position: absolute; left: 0; top: 40px }
.scrollside .body { height: 60px; position: relative }
.scrollside .body .vr { height: 30px }
.scrollside .body .vr.bottom { top: auto !important }
.scrollside.bottom { top: auto; bottom: 40px; left: -9px; display: none; width: 10px; opacity: .5 }
.scrollside.bottom .body { height: 90px }
.scrollside.bottom .body .vr { height: 90px; right: 0 }
.mCSB_inside>.mCSB_container { margin-right: 0 }
.mCSB_scrollTools { left: 0; margin: 40px 0; width: 30px }
.mCSB_scrollTools .mCSB_draggerContainer { background: url(../img/img_scrollmj.png); background-size: 30px }
.mCSB_scrollTools .mCSB_draggerRail { width: 1px }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: 0 0 !important; width: 11px; position: relative }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { content: ''; width: 16px; height: 16px; background-size: 16px; position: absolute; top: 50%; left: 50%; display: block; z-index: 1; margin: -8px 0 0 -8px }
.scrollinside { padding: 45px 0 0 40px; width: 100%; max-width: 910px; margin: 0 auto }
.about .mCSB_scrollTools .mCSB_draggerContainer, .entry .mCSB_scrollTools .mCSB_draggerContainer { background: 0 0 }
.about .mCSB_scrollTools, .entry .mCSB_scrollTools { margin: 0 }
.slideWrap .slide { transition: all .5s; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0 }
.slideWrap .slide.on { opacity: 1 }
.slideWrap { width: 100%; height: 450px; position: relative; opacity: 0; transition: all 1s 1.5s }
.aboutbar span, .slideNav a { transition: all .5s }
.rect, .slideNav { position: absolute }
.slideWrap.on { opacity: 1 }
.rect { display: none; height: 10px; width: 10px }
.rect.r1 { top: -5px; left: -5px }
.rect.r2 { bottom: 55px; left: -5px }
.rect.r3 { bottom: 55px; left: 55px }
.rect.r4 { bottom: -5px; left: 55px }
.rect.r5 { top: -5px; right: 55px }
.rect.r6 { top: 55px; right: 55px }
.rect.r7 { top: 55px; right: -5px }
.rect.r8 { bottom: -5px; right: 55px }
.rect.r9 { bottom: 55px; right: 55px }
.rect.r10 { bottom: 55px; right: -5px }
.slideNav { bottom: -40px; right: 0 }
.slideNav a { display: inline-block; width: 90px; height: 5px; margin-left: 5px; text-indent: -9999px }
.pagetitle { font-size: 50px; letter-spacing: 5px; font-weight: 700; line-height: 1 }
.scrollinside .bold { font-size: 12px; line-height: 2em; font-weight: 700; letter-spacing: 1px }
.entry { position: relative; padding: 50px }
.entry .scroll { position: relative; z-index: 2; height: 360px; margin-bottom: 50px }
.entry .bg, .entry .scrollside, .entrybtn, .slideBd .pin { position: absolute }
.entry h2 { text-transform: uppercase; font-size: 20px; letter-spacing: 1px; padding-bottom: 50px }
.entrydetail { font-size: 12px; letter-spacing: 1px; padding: 0 0 0 60px }
.entrydetail .cell { vertical-align: top; font-weight: 700; line-height: 2em; padding-bottom: 30px }
.entrydetail .cell:first-child { width: 160px }
.entrybtn { display: block; font-size: 16px; font-weight: 700; text-align: center; width: 300px; right: 0; bottom: 0; z-index: 3; line-height: 66px; letter-spacing: 2px }
.entry .bg { width: 100%; height: 580px; top: 0; left: 0 }
.entry .bgL { width: 135px; background-repeat: no-repeat; background-size: 135px }
.entry .bgM { background-repeat: repeat-x; background-size: 2px }
.entry .bgR { width: 400px; background-repeat: no-repeat; background-size: 400px }
.entry .scrollside { left: 45px; top: 126px }
.entry .scrollside.bottom { position: absolute; left: 36px; top: auto; bottom: 100px }
.about { padding: 0 50px }
.about .number { width: 200px; height: 270px; line-height: 1; text-align: left; font-size: 140px; color: #fff; font-weight: 700 }
.about .scroll { height: 180px }
.about .entrydetail .cell:first-child { width: 60px; text-align: right; padding: 0 10px 0 60px }
.about .entrydetail .cell { padding-bottom: 1em; color: #fff }
.about h2 { color: #fff; letter-spacing: 3px; font-size: 22px; padding: 8px 0 0 }
.slideBd .pin { height: 10px; width: 10px; display: block; top: 50%; left: 50%; margin: -5px 0 0 -5px; z-index: 2; background-size: 10px }
.aboutCircleGraphWrap .cell { vertical-align: top; width: 33.33%; text-align: center; position: relative }
.aboutCircleGraph .header { position: relative; width: 100%; background-size: 260px; background-repeat: no-repeat; background-position: center }
.aboutCircleGraph .header h3 { font-weight: 700; letter-spacing: 1px; position: absolute; width: 100%; font-size: 16px; color: #fff; line-height: 100px; top: 50%; margin-top: -50px }
.aboutCircleGraph canvas { width: 100% }
.aboutCircleText { vertical-align: top; font-size: 10px; letter-spacing: 1px }
.aboutCircleText ul li { text-align: left; display: table; padding-bottom: 10px; width: 100% }
.aboutCircleText ul div { display: table-cell; vertical-align: middle }
.single iframe, .single img { margin-bottom: 30px; vertical-align: bottom }
.aboutCircleText .col { width: 30px }
.aboutCircleText .col span { height: 10px; width: 10px; border-radius: 10px; display: inline-block }
.aboutBarGraphWrap .bd { margin: 30px 0; display: block; width: 100%; height: 4px; background-repeat: repeat-x; background-position: bottom; background-size: 10px }
.aboutBarGraphWrap h3 { font-size: 11px; letter-spacing: 1px; font-weight: 700 }
.aboutBarGraphWrap .cell:first-child { text-align: center; width: 60px; font-size: 10px; font-weight: 700 }
.aboutBarGraphWrap .aboutbar span { display: block; width: 100%; height: 1px; margin: 3px 0 }
.aboutBarGraphWrap .row { margin: 5px 0; height: 25px }
.aboutBarGraphWrap .body { margin: 30px 0 }
.aboutCircleText ul div.num { text-align: right }
.aboutCircleGraphWrap ul { padding: 0 20px }
.pageabout .st1 { fill: none; stroke-width: 1; stroke-miterlimit: 10 }
.pageabout .st2 { fill: none; stroke-width: .5; stroke-miterlimit: 10 }
.aboutResult>div, .aboutResult>div svg { width: 197px }
.aboutResult>div { position: relative; float: left; margin-left: 20px }
.aboutResult>div:first-child { margin: 0 }
.aboutResult .header { position: absolute; top: 0; right: 0; width: 130px; height: 50px; font-size: 10px }
.aboutResult .header .best { width: 56px }
.aboutResult .header .best span { display: block; width: 100%; text-align: center; font-weight: 700 }
.aboutbar.on span { width: 0 !important }
.about .entrydetail { padding: 0 }
.contact { padding-top: 20px; line-height: 2 }
.contact a { color: #fff; font-size: 13px }
.thumbnail { position: relative }
.no-imagebg, .thumbnail, .thumbnail .cover { width: 220px; height: 220px }
.no-imagebg, .thumbnail .cover { position: absolute; border-radius: 100%; overflow: hidden; opacity: .3; transition: all .3s }
.post:hover .thumbnail .cover { opacity: .6 }
.post { width: 220px; min-height: 400px; margin: 0 34px; display: inline-block }
.thumbnail .more { position: absolute; display: block; right: 0; bottom: 30px; font-weight: 700; font-size: 11px }
.post .body h2 { font-size: 12px; font-weight: 700 }
.post .body .date { display: block; margin: 15px 0; font-weight: 700 }
.pathOrigin { position: absolute; right: -9999px }
.pagging { width: 100%; padding: 0 34px }
.pagging a, .pagging span { display: inline-block; width: 60px; line-height: 60px; text-align: center; font-weight: bolder }
.pagging .pages, .screen-reader-response, .sns .btn:after { display: none }
.scrollinside .single p { font-size: 14px; line-height: 1.8; margin-bottom: 2em; letter-spacing: 1px }
.single h1 { font-size: 30px; margin: 60px 0 }
.single .date { font-weight: 700 }
.single h2 { font-size: 20px }
.single h3 { font-size: 15px }
.single h4 { font-size: 13px }
.single h2, .single h3, .single h4 { margin-bottom: 1.5em; font-weight: 700 }
.single b, .single strong { font-weight: 700 }
.single img { max-width: 100%; width: auto }
.single iframe { width: 100% }
.single blockquote { padding: 30px; margin-bottom: 30px; font-weight: 700 }
.colorful .pvtotal .total, .mono .pvtotal .total, .star .pvtotal .total { padding-right: 0 }
.single blockquote:last-child { margin-bottom: 0 }
.scrollinside .single blockquote p { font-size: 12px }
.privacypage .single h1 { margin: 0 0 60px; font-size: 50px; letter-spacing: 2px; line-height: 1; font-weight: 700 }
.wpcf7-not-valid-tip { color: #fff; position: absolute; bottom: -2em; left: 0 }
.wpcf7-response-output { position: relative; color: #fff; line-height: 60px }
.pagging a, .pagging span, .pv a:hover { color: rgba(223, 245, 255, 1) }
.single table, .single table tbody { width: 100% }
.single table * { font-size: 12px !important }
.mask { transition: all 1s }
.high .hrbold div span, .high .logo svg path, .high .logo svg polygon, .high .logo svg polyline, .high .mapGraph .dotted circle, .high .subtitle span, .high .title .emp { transition: background .5s, opacity .5s, color .5s, fill .5s, stroke .5s }
.btn { opacity: 0 !important; transition: opacity .5s; border: 1px solid rgba(52, 64, 69, 1) }
.pagging a { border-bottom: 1px solid rgba(223, 245, 255, 1) }
.pagging a:hover { border-bottom: 1px solid rgba(223, 245, 255, 0) }
.loading svg path { stroke: rgba(223, 245, 255, 1) }
.graph .shadowbg { background: rgba(14, 82, 82, 1) }
.b, .d { background: rgba(223, 245, 255, .5) }
.d.off, .hr.dark span, .vr.dark span.b { background: rgba(52, 64, 69, 1) }
.pvtotal { z-index: 11; position: absolute; right: 50px; top: 50%; display: table; width: 90px }
.pvtotal .date { font-weight: 700; width: 40px }
.pvWrap, .pvWrap a { color: rgba(52, 64, 69, .5); font-size: 10px }
.centerContent .txt, .leftContent, .maintitle, .pvWrap .on { color: rgba(223, 245, 255, 1) }
.hrbold div span:first-child { background: rgba(223, 245, 255, 1) }
.hrbold div span { display: block; position: absolute; height: 1px; width: 80px; right: 0; background: rgba(223, 245, 255, .2) }
.colorful .pvtotal, .mono .pvtotal, .star .pvtotal { display: table; right: 50px }
.subtitle span:first-child { background: rgba(71, 100, 114, 1) }
.btn .d.on, .btn .lefttop:after, .btn .lefttop:before, .btn .rightbottom:after, .btn .rightbottom:before, .btn.on .light .o, .chart_center, .chart_left, .chart_right { background: rgba(223, 245, 255, 1) }
.logo svg path, .logo svg polygon, .logo svg polyline { fill: rgba(223, 245, 255, 1) }
.logoRight .today { color: rgba(71, 100, 114, 1) }
.tenjibody .st0 { fill: rgba(52, 64, 69, 1) }
.tenjibody .st1 { fill: rgba(223, 245, 255, .8) }
.activeload .in, .mapGraph .dotted circle, .mapGraph .dotted path, .playBtn { fill: rgba(223, 245, 255, 1) }
.btn.on { border: 1px solid rgba(223, 245, 255, 1) }
.btn:after, .chart_line { border: 1px solid rgba(52, 64, 69, 1) }
.btn .name, .btn .num { color: rgba(223, 245, 255, 1) }
.chart_lineWrap p, .malefemale span { color: rgba(52, 64, 69, .5) }
.btn .num { border-bottom: 2px solid rgba(223, 245, 255, 1) }
.svgGraphicsBody .st0 { stroke: rgba(192, 49, 49, 1) }
.svgGraphicsBody .st1 { stroke: rgba(49, 163, 192, 1) }
.svgGraphicsBody .base * { stroke: rgba(223, 245, 255, 1) }
.svgGraphicsBody .line * { stroke: rgba(52, 64, 69, 1) }
.chart_bottom { border-bottom: 1px solid rgba(52, 64, 69, 1) }
.chart_line.st0 span { background: rgba(192, 49, 49, 1) }
.chart_line.st1 span { background: rgba(49, 163, 192, 1) }
.malefemale .bar { border: 1px solid rgba(223, 245, 255, .5) }
.malefemale span.m { background: rgba(223, 245, 255, .5) }
.windowStatus .body span.high { color: rgba(223, 245, 255, 1) }
.audioStatus span, .windowStatus .body span { color: rgba(52, 64, 69, .5) }
.audioStatus span.now, .rightContent { color: rgba(223, 245, 255, 1) }
.activeload .ol { stroke: rgba(223, 245, 255, .3) }
.activeloadWrap>div.avtive { color: rgba(71, 100, 114, 1) }
.avtiveIcon .icon.on { color: rgba(223, 245, 255, 1) }
.avtiveIcon .icon { color: rgba(223, 245, 255, .3) }
.uaWrap .footer ul li { color: rgba(52, 64, 69, .5) }
.uaWrap .label .vr .b, .uaWrap .label .vr .d { background: rgba(223, 245, 255, 1) }
.uaWrap .footer ul li:hover { color: rgba(223, 245, 255, 1) }
.mapGraph .paths path { stroke: rgba(223, 245, 255, .1) }
.mapGraph .paths path.on { stroke: rgba(223, 245, 255, 1) }
.mapGraph .lines { stroke: rgba(223, 245, 255, .1) }
.mapGraph .dotted .click path { fill: rgba(223, 245, 255, .2) }
.ajxload { border: 1px solid rgba(52, 64, 69, .5) }
.ajxload span { background: rgba(39, 144, 128, 0) }
.ajxloadhr { background: rgba(52, 64, 69, .3) }
.expand .st0 { stroke: rgba(223, 245, 255, .3) }
.expand .st1, .expand .st2 { stroke: rgba(223, 245, 255, .2) }
.a1 .expand svg .an1 path, .expand svg .an1 path { fill: rgba(71, 100, 114, 0) }
.pvtotal { border: 1px solid rgba(223, 245, 255, 0) }
.showborder .pvtotal { border: 1px solid rgba(223, 245, 255, 1) }
.phase1 .btn { border: 1px solid rgba(52, 64, 69, 0) }
.phase2 .btn { border: 1px solid rgba(52, 64, 69, 1) }
.phase1 .btn.on { border: 1px solid rgba(223, 245, 255, 0) }
.phase2 .btn.on { border: 1px solid rgba(223, 245, 255, 1) }
.phase1 .btn:after { border: 1px solid rgba(52, 64, 69, 0) }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .phase2 .btn:after, .rect, .slideNav a { border: 1px solid rgba(52, 64, 69, 1) }
.phase1 .btn .lefttop:after, .phase1 .btn .lefttop:before, .phase1 .btn .rightbottom:after, .phase1 .btn .rightbottom:before { background: rgba(223, 245, 255, 0) }
.maintitle .wspan div span.bg, .phase2 .btn .lefttop:after, .phase2 .btn .lefttop:before, .phase2 .btn .rightbottom:after, .phase2 .btn .rightbottom:before { background: rgba(223, 245, 255, 1) }
.mCSB_scrollTools .mCSB_draggerRail, .single blockquote { background: rgba(52, 64, 69, .5) }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { background-image: url(../img/img_drag_col1_basic.png) }
.contact .footer span, .entrydetail .cell:first-child, .pagetitle, .post .body .date, .privacypage .single h1, .portfolio .header h2 span.sub, .scrollinside .single p, .single .date, .single ul li { color: rgba(71, 100, 114, 1) }
.entrydetail .cell { color: rgba(217, 238, 248, .5) }
.aboutBarGraphWrap .cell:first-child, .aboutBarGraphWrap h3, .aboutCircleText, .entry h2, .entrybtn, .scrollinside p, .single a, .single blockquote, .single h1, .single h2, .single h3, .single h4 { color: rgba(217, 238, 248, 1) }
.slideNav a.on { background: rgba(217, 238, 248, 1) }
.slideBd .pin { background-image: url(../img/pin_col1.png) }
.entry .bgL { background-image: url(../img/bg_recruitL_col1.png) }
.entry .bgM { background-image: url(../img/bg_recruitM_col1.png) }
.entry .bgR { background-image: url(../img/bg_recruitR_col1.png) }
.aboutBarGraphWrap .bd1 { background-image: url(../img/bg_about_top_col1.png) }
.aboutBarGraphWrap .bd2 { background-image: url(../img/bg_about_bottom_col1.png) }
.pageabout .c0 { background: rgba(71, 100, 114, 1) }
.pageabout .c1 { background: rgba(223, 245, 255, 1) }
.pageabout .c2 { background: rgba(49, 163, 192, 1) }
.pageabout .c3 { background: rgba(240, 40, 87, 1) }
.pageabout .c4 { background: rgba(71, 100, 114, 1) }
.pageabout .c5 { background: rgba(223, 245, 255, 1) }
.aboutResult .abr1 .st0, .no-image polygon { fill: rgba(223, 245, 255, 1) }
.aboutResult .abr1 .st1 { stroke: rgba(223, 245, 255, 1) }
.aboutResult .abr2 .st0 { fill: rgba(49, 163, 192, 1) }
.aboutResult .abr2 .st1 { stroke: rgba(49, 163, 192, 1) }
.aboutResult .abr3 .st0 { fill: rgba(240, 40, 87, 1) }
.aboutResult .abr3 .st1 { stroke: rgba(240, 40, 87, 1) }
.aboutResult .abr4 .st0 { fill: rgba(71, 100, 114, 1) }
.aboutResult .abr4 .st1 { stroke: rgba(71, 100, 114, 1) }
.aboutResult .abr1 .st2, .aboutResult .abr2 .st2, .aboutResult .abr3 .st2, .aboutResult .abr4 .st2 { stroke: rgba(52, 64, 69, 1) }
.aboutResult .stIcon { fill: rgba(223, 245, 255, 1) }
.aboutResult .header .best, .contact .footer a, .contactform .cell .name, .thumbnail .more { color: rgba(223, 245, 255, 1) }
.aboutResult .header .title, .post .body h2 { color: rgba(52, 64, 69, 1) }
.contactform .cell:after, .contactform .cell:before { background: rgba(52, 64, 69, .5) }
.contactform .cell.title { background: rgba(57, 78, 86, .2) }
.contact .footer .check { border: 2px solid rgba(223, 245, 255, 1) }
.contact .footer .chenged .check { background: rgba(223, 245, 255, 1) }
.contact .footer input[type=submit] { border-bottom: 1px solid rgba(223, 245, 255, 1); color: rgba(223, 245, 255, 1) }
.colorful .pagging a, .colorful .pagging span { color: rgba(224, 58, 67, 1) }
.colorful .pagging a { border-bottom: 1px solid rgba(224, 58, 67, 1) }
.colorful .pagging a:hover { border-bottom: 1px solid rgba(224, 58, 67, 0) }
.colorful .slideWrap.on { opacity: .8 }
.colorful .graph .shadow, .colorful .mask, .colorful .scrollside { opacity: 0 }
.colorful .loading svg path { stroke: rgba(224, 58, 67, 1) }
.colorful .subtitle span.second, .colorful .title .emp { color: rgba(52, 64, 69, 1) }
.colorful .graph .shadowbg { background: rgba(14, 82, 82, 0) }
.colorful .graph .shadow { box-shadow: inset 0 0 200px 200px transparent }
.colorful .b { background: rgba(224, 58, 67, .5) }
.colorful .d { background: rgba(52, 64, 69, .5) }
.colorful .d.off, .colorful .hr.dark span, .colorful .vr.dark span.b { background: rgba(52, 64, 69, 1) }
.colorful .pv a:hover { color: rgba(224, 58, 67, 1) }
.colorful .pvtotal { position: absolute; top: 50%; width: 90px }
.colorful .pvtotal .date { font-weight: 700; width: 40px; border-right: 1px solid rgba(224, 58, 67, 0) }
.colorful .pvWrap, .colorful .pvWrap a { color: rgba(52, 64, 69, .5); font-size: 10px }
.colorful .pvWrap .on { color: rgba(224, 58, 67, 1) }
.colorful .hrbold div span:first-child { background: rgba(21, 133, 120, 1) }
.colorful .hrbold div span { background: rgba(52, 64, 69, 1) }
.colorful .centerContent .txt { color: rgba(21, 133, 120, 1) }
.colorful .maintitle { color: rgba(255, 255, 255, 1) }
.colorful .btn .name, .colorful .btn .num, .colorful .leftContent, .colorful .logoRight .today { color: rgba(224, 58, 67, 1) }
.colorful .subtitle span:first-child { background: rgba(71, 100, 114, 0) }
.colorful .logo svg path, .colorful .logo svg polygon, .colorful .logo svg polyline { fill: rgba(224, 58, 67, 1) }
.colorful .tenjibody .st0 { fill: rgba(100, 62, 240, .5) }
.colorful .tenjibody .st1 { fill: rgba(224, 58, 67, .8) }
.colorful .activeload .in, .colorful .mapGraph .dotted circle, .colorful .mapGraph .dotted path, .colorful .playBtn { fill: rgba(224, 58, 67, 1) }
.colorful .btn { border: 1px solid rgba(52, 64, 69, 1) }
.colorful .btn.on { border: 1px solid rgba(224, 58, 67, 1) }
.colorful .btn:after, .colorful .chart_line, .colorful .malefemale .bar { border: 1px solid rgba(52, 64, 69, 1) }
.colorful .chart_lineWrap p, .colorful .malefemale span { color: rgba(52, 64, 69, .5) }
.colorful .btn .num { border-bottom: 2px solid rgba(224, 58, 67, 1) }
.colorful .btn .d.on, .colorful .btn .lefttop:after, .colorful .btn .lefttop:before, .colorful .btn .rightbottom:after, .colorful .btn .rightbottom:before, .colorful .btn.on .light .o { background: rgba(224, 58, 67, 1) }
.colorful .btn.on .light span { background: rgba(100, 62, 240, .5) }
.colorful .svgGraphicsBody .st0 { stroke: rgba(141, 25, 233, 1) }
.colorful .svgGraphicsBody .st1 { stroke: rgba(21, 133, 120, 1) }
.colorful .svgGraphicsBody .base * { stroke: rgba(141, 25, 233, 1) }
.colorful .activeload .ol, .colorful .svgGraphicsBody .base .last, .colorful .svgGraphicsBody .line * { stroke: rgba(52, 64, 69, 1) }
.colorful .chart_bottom { border-bottom: 1px solid rgba(52, 64, 69, 1) }
.colorful .chart_center, .colorful .chart_left, .colorful .chart_right { background: rgba(224, 58, 67, 1) }
.colorful .chart_line.st0 span { background: rgba(141, 25, 233, 1) }
.colorful .chart_line.st1 span { background: rgba(21, 133, 120, 1) }
.colorful .malefemale span.m { border-right: 1px solid rgba(224, 58, 67, 1); background: rgba(223, 245, 255, 0) }
.colorful .windowStatus .body span.high { color: rgba(21, 133, 120, 1) }
.colorful .audioStatus span, .colorful .windowStatus .body span { color: rgba(52, 64, 69, .5) }
.colorful .audioStatus span.now { color: rgba(224, 58, 67, 1) }
.colorful .rightContent { color: rgba(52, 64, 69, 1) }
.colorful .activeloadWrap>div.avtive, .colorful .avtiveIcon .icon.on { color: rgba(224, 58, 67, 1) }
.colorful .avtiveIcon .icon { color: rgba(100, 62, 240, 1) }
.colorful .uaWrap .footer ul li { color: rgba(52, 64, 69, .5) }
.colorful .uaWrap .label .vr .d, .uaWrap .label .vr .b { background: rgba(224, 58, 67, 1) }
.colorful .uaWrap .footer ul li:hover { color: rgba(224, 58, 67, 1) }
.colorful .mapGraph .paths path { stroke: rgba(52, 64, 69, .5) }
.colorful .mapGraph .paths path.on { stroke: rgba(224, 58, 67, 1) }
.colorful .expand .st0, .colorful .mapGraph .lines { stroke: rgba(52, 64, 69, 1) }
.colorful .mapGraph .dotted circle { fill: rgba(21, 133, 120, 1) }
.colorful .mapGraph .dotted .last circle { fill: rgba(224, 58, 67, 1) }
.colorful .mapGraph .dotted .click path { fill: rgba(52, 64, 69, 1) }
.colorful .ajxload { border: 1px solid rgba(52, 64, 69, .5) }
.colorful .ajxload span { border-right: 2px solid rgba(224, 58, 67, 1); background: rgba(39, 144, 128, 0) }
.colorful .ajxloadhr { background: rgba(52, 64, 69, .3) }
.colorful .expand .st1 { stroke: rgba(196, 50, 58, 1) }
.colorful .expand .st2 { stroke: rgba(224, 58, 67, .5) }
.colorful .a1 .expand svg .an1 path, .colorful .expand svg .an1 path { fill: rgba(71, 100, 114, 0) }
.colorful .phase2 .pvtotal, .colorful .pvtotal { border: 1px solid rgba(224, 58, 67, 0) }
.colorful .phase1 .btn { border: 1px solid rgba(52, 64, 69, 0) }
.colorful .phase2 .btn { border: 1px solid rgba(52, 64, 69, 1) }
.colorful .phase1 .btn.on { border: 1px solid rgba(224, 58, 67, 0) }
.colorful .phase2 .btn.on { border: 1px solid rgba(224, 58, 67, 1) }
.colorful .phase1 .btn:after, .colorful .phase2 .btn:after { border: 1px solid rgba(52, 64, 69, 0) }
.colorful .phase1 .btn .lefttop:after, .colorful .phase1 .btn .lefttop:before, .colorful .phase1 .btn .rightbottom:after, .colorful .phase1 .btn .rightbottom:before { background: rgba(224, 58, 67, 0) }
.colorful .phase2 .btn .lefttop:after, .colorful .phase2 .btn .lefttop:before, .colorful .phase2 .btn .rightbottom:after, .colorful .phase2 .btn .rightbottom:before { background: rgba(224, 58, 67, 1) }
.colorful .sns .btn { border: 1px solid rgba(52, 64, 69, 0) !important }
.colorful .age h4, .colorful .leftContent .unit { color: rgba(52, 64, 69, .5) }
.colorful .maintitle .wspan div span.bg { background: rgba(223, 245, 255, 1) }
.colorful .about .number { color: rgba(224, 58, 67, 1) }
.colorful .portfolio .header { color: rgba(52, 64, 69, 1); font-weight: 700 }
.colorful .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .colorful .rect, .colorful .slideNav a { border: 1px solid rgba(21, 133, 120, 1) }
.colorful .mCSB_scrollTools .mCSB_draggerRail, .colorful .single blockquote { background: rgba(52, 64, 69, .5) }
.colorful .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { background-image: url(../img/img_drag_col1_colorful.png) }
.colorful .contact .footer span, .colorful .entrydetail .cell:first-child, .colorful .pagetitle, .colorful .post .body .date, .colorful .privacypage .single h1, .colorful .portfolio .header h2 span.sub, .colorful .single .date, .colorful .single a, .colorful .single h1, .colorful .single h2, .colorful .single h3, .colorful .single h4, .colorful .single ul li { color: rgba(224, 58, 67, 1) }
.colorful .entrydetail .cell { color: rgba(217, 238, 248, .5) }
.colorful .aboutBarGraphWrap .cell:first-child, .colorful .aboutBarGraphWrap h3, .colorful .aboutCircleText, .colorful .entry h2, .colorful .entrybtn, .colorful .scrollinside .single p, .colorful .scrollinside p, .colorful .single blockquote { color: rgba(52, 64, 69, 1) }
.colorful .slideNav a.on { background: rgba(52, 64, 69, 1) }
.colorful .slideBd .pin { background-image: url(../img/pin_col2.png) }
.colorful .entry .bgL { background-image: url(../img/bg_recruitL_col2.png) }
.colorful .entry .bgM { background-image: url(../img/bg_recruitM_col2.png) }
.colorful .entry .bgR { background-image: url(../img/bg_recruitR_col2.png) }
.colorful .aboutBarGraphWrap .bd1 { background-image: url(../img/bg_about_top_col2.png) }
.colorful .aboutBarGraphWrap .bd2 { background-image: url(../img/bg_about_bottom_col2.png) }
.colorful .pageabout .c0 { background: rgba(52, 64, 69, 1) }
.colorful .pageabout .c1 { background: rgba(224, 58, 67, 1) }
.colorful .pageabout .c2 { background: rgba(26, 168, 151, 1) }
.colorful .pageabout .c3 { background: rgba(141, 25, 233, 1) }
.colorful .pageabout .c4 { background: rgba(52, 64, 69, 1) }
.colorful .pageabout .c5 { background: rgba(223, 245, 255, 1) }
.colorful .aboutResult .abr1 .st0, .colorful .no-image polygon { fill: rgba(224, 58, 67, 1) }
.colorful .aboutResult .abr1 .st1 { stroke: rgba(224, 58, 67, 1) }
.colorful .aboutResult .abr2 .st0 { fill: rgba(26, 168, 151, 1) }
.colorful .aboutResult .abr2 .st1 { stroke: rgba(26, 168, 151, 1) }
.colorful .aboutResult .abr3 .st0 { fill: rgba(141, 25, 233, 1) }
.colorful .aboutResult .abr4 .st0, .colorful .aboutResult .stIcon { fill: rgba(52, 64, 69, 1) }
.colorful .aboutResult .abr3 .st1 { stroke: rgba(141, 25, 233, 1) }
.colorful .aboutResult .abr1 .st2, .colorful .aboutResult .abr2 .st2, .colorful .aboutResult .abr3 .st2, .colorful .aboutResult .abr4 .st1, .colorful .aboutResult .abr4 .st2 { stroke: rgba(52, 64, 69, 1) }
.colorful .aboutResult .header .best, .colorful .contact .footer a, .colorful .contactform .cell .name, .colorful .thumbnail .more { color: rgba(224, 58, 67, 1) }
.colorful .aboutResult .header .title, .colorful .post .body h2 { color: rgba(52, 64, 69, 1) }
.colorful .contactform .cell:after, .colorful .contactform .cell:before { background: rgba(52, 64, 69, .5) }
.colorful .contactform .cell.title { background: rgba(57, 78, 86, 0) }
.colorful .contact .footer .check { border: 2px solid rgba(223, 245, 255, 1) }
.colorful .contact .footer .chenged .check { background: rgba(223, 245, 255, 1) }
.colorful .contact .footer input[type=submit] { border-bottom: 1px solid rgba(223, 245, 255, 1); color: rgba(223, 245, 255, 1) }
.colorful .aboutBarGraphWrap .bd { opacity: .1 }
.star .mask, .star .scrollside { opacity: 0 }
.star .pagging a, .star .pagging span { color: rgba(54, 207, 194, 1) }
.star .pagging a { border-bottom: 1px solid rgba(54, 207, 194, 1) }
.star .pagging a:hover { border-bottom: 1px solid rgba(54, 207, 194, 0) }
.star .loading svg path { stroke: rgba(54, 207, 194, 1) }
.star .subtitle span.second, .star .title .emp { color: rgba(54, 207, 194, .2) }
.star .graph .shadowbg { background: rgba(14, 82, 82, 0) }
.star .graph .shadow { box-shadow: inset 0 0 200px 200px #000 }
.star .b, .star .d { background: rgba(54, 207, 194, .5) }
.star .d.off, .star .hr.dark span, .star .vr.dark span.b { background: rgba(54, 207, 194, 1) }
.star .pv a:hover { color: rgba(54, 207, 194, 1) }
.star .pvtotal { position: absolute; top: 50%; width: 90px }
.star .pvtotal .date { font-weight: 700; width: 40px; border-right: 1px solid rgba(54, 207, 194, 0) }
.star .pvWrap, .star .pvWrap a { color: rgba(54, 207, 194, .2); font-size: 10px }
.star .pvWrap .on { color: rgba(54, 207, 194, 1) }
.star .hrbold div span:first-child { background: rgba(127, 23, 210, 1) }
.star .hrbold div span { background: rgba(223, 245, 255, .2) }
.star .centerContent .txt { color: rgba(127, 23, 210, 0) }
.star .maintitle { color: rgba(255, 255, 255, 1) }
.star .leftContent { color: rgba(54, 207, 194, .2) }
.star .btn .name, .star .btn .num, .star .logoRight .today { color: rgba(54, 207, 194, 1) }
.star .subtitle span:first-child { background: rgba(71, 100, 114, 0); color: rgba(54, 207, 194, 1) }
.star .logo svg path, .star .logo svg polygon, .star .logo svg polyline { fill: rgba(100, 62, 240, 1) }
.star .tenjibody .st0 { fill: rgba(100, 62, 240, .5) }
.star .tenjibody .st1 { fill: rgba(54, 207, 194, .8) }
.star .activeload .in, .star .mapGraph .dotted circle, .star .mapGraph .dotted path, .star .playBtn { fill: rgba(54, 207, 194, 1) }
.star .btn, .star .btn.on, .star .btn:after { border: 1px solid rgba(54, 207, 194, 1) }
.star .ajxload, .star .chart_line, .star .malefemale .bar { border: 1px solid rgba(54, 207, 194, .2) }
.star .btn .num { border-bottom: 2px solid rgba(54, 207, 194, 1) }
.star .btn .d.on, .star .btn .lefttop:after, .star .btn .lefttop:before, .star .btn .rightbottom:after, .star .btn .rightbottom:before, .star .btn.on .light .o { background: rgba(54, 207, 194, 1) }
.star .btn.on .light span { background: rgba(100, 62, 240, .5) }
.star .svgGraphicsBody .st0 { stroke: rgba(119, 21, 196, 1) }
.star .svgGraphicsBody .st1 { stroke: rgba(21, 133, 120, 1) }
.star .svgGraphicsBody .base * { stroke: rgba(119, 21, 196, 1) }
.star .svgGraphicsBody .base .last, .star .svgGraphicsBody .line * { stroke: rgba(223, 245, 255, .1) }
.star .chart_bottom { border-bottom: 1px solid rgba(54, 207, 194, 1) }
.star .chart_center, .star .chart_left, .star .chart_right { background: rgba(54, 207, 194, 1) }
.star .chart_lineWrap p { color: rgba(54, 207, 194, .2) }
.star .chart_line.st0 span { background: rgba(119, 21, 196, 1) }
.star .chart_line.st1 span { background: rgba(21, 133, 120, 1) }
.star .malefemale span { color: rgba(54, 207, 194, .5) }
.star .malefemale span.m { border-right: 1px solid rgba(54, 207, 194, 1); background: rgba(223, 245, 255, 0) }
.star .windowStatus .body span.high { color: rgba(21, 133, 120, 1) }
.star .windowStatus .body span { color: rgba(54, 207, 194, .2) }
.star .audioStatus span { color: rgba(54, 207, 194, .5) }
.star .activeloadWrap>div.avtive, .star .audioStatus span.now, .star .avtiveIcon .icon.on, .star .rightContent { color: rgba(54, 207, 194, 1) }
.star .activeload .ol { stroke: rgba(54, 207, 194, 1) }
.star .avtiveIcon .icon, .star .uaWrap .footer ul li { color: rgba(100, 62, 240, 1) }
.star .uaWrap .label .vr .d, .uaWrap .label .vr .b { background: rgba(54, 207, 194, 1) }
.star .uaWrap .footer ul li:hover { color: rgba(54, 207, 194, 1) }
.star .mapGraph .paths path { stroke: rgba(223, 245, 255, .1) }
.star .mapGraph .paths path.on { stroke: rgba(54, 207, 194, 1) }
.star .mapGraph .dotted circle { fill: rgba(21, 133, 120, 1) }
.star .mapGraph .dotted .last circle { fill: rgba(100, 62, 240, 1) }
.star .mapGraph .lines { stroke: rgba(223, 245, 255, .1) }
.star .mapGraph .dotted .click path { fill: rgba(54, 207, 194, 1) }
.star .ajxload span { border-right: 2px solid rgba(100, 62, 240, 1); background: rgba(39, 144, 128, 0) }
.star .ajxloadhr, .star .phase1 .btn .lefttop:after, .star .phase1 .btn .lefttop:before, .star .phase1 .btn .rightbottom:after, .star .phase1 .btn .rightbottom:before { background: rgba(54, 207, 194, 0) }
.star .expand .st0 { stroke: rgba(54, 207, 194, .5) }
.star .expand .st1 { stroke: rgba(54, 207, 194, .2) }
.star .expand .st2 { stroke: rgba(54, 207, 194, .5) }
.star .a1 .expand svg .an1 path, .star .expand svg .an1 path { fill: rgba(71, 100, 114, 0) }
.star .phase1 .btn, .star .phase2 .pvtotal, .star .pvtotal { border: 1px solid rgba(54, 207, 194, 0) }
.star .phase2 .btn { border: 1px solid rgba(100, 62, 240, .3) }
.star .phase1 .btn.on { border: 1px solid rgba(54, 207, 194, 0) }
.star .phase2 .btn.on { border: 1px solid rgba(54, 207, 194, 1) }
.star .phase1 .btn:after, .star .phase2 .btn:after { border: 1px solid rgba(54, 207, 194, 0) }
.star .phase2 .btn .lefttop:after, .star .phase2 .btn .lefttop:before, .star .phase2 .btn .rightbottom:after, .star .phase2 .btn .rightbottom:before { background: rgba(54, 207, 194, 1) }
.star .sns .btn { border: 1px solid rgba(54, 207, 194, 0) !important }
.star .leftContent .unit { color: rgba(54, 207, 194, .2) }
.star .age h4 { color: rgba(54, 207, 194, .5) }
.star .maintitle .wspan div span.bg { background: rgba(255, 255, 255, 1) }
.star .about h2 { color: rgba(100, 62, 240, .94) }
.star .about .number, .star .entrybtn { color: rgba(26, 168, 151, 1) }
.star .portfolio .header { color: rgba(52, 64, 69, 1); font-weight: 700 }
.star .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .star .rect, .star .slideNav a { border: 1px solid rgba(100, 62, 240, 1) }
.star .mCSB_scrollTools .mCSB_draggerRail, .star .single blockquote { background: rgba(52, 64, 69, .5) }
.star .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { background-image: url(../img/img_drag_col1_vivid.png) }
.star .contact .footer span, .star .entrydetail .cell:first-child, .star .pagetitle, .star .post .body .date, .star .privacypage .single h1, .star .portfolio .header h2 span.sub, .star .single .date, .star .single a, .star .single h1, .star .single h2, .star .single h3, .star .single h4, .star .single ul li { color: rgba(100, 62, 240, 1) }
.star .entrydetail .cell { color: rgba(217, 238, 248, .5) }
.star .aboutBarGraphWrap .cell:first-child, .star .aboutBarGraphWrap h3, .star .aboutCircleText, .star .aboutResult .header .title, .star .entry h2, .star .post .body h2, .star .portfolio .header h2 span.en, .star .scrollinside .single p, .star .scrollinside p, .star .single blockquote { color: rgba(34, 102, 97, 1) }
.star .slideNav a.on { background: rgba(52, 64, 69, 1) }
.star .slideBd .pin { background-image: url(../img/pin_col2.png) }
.star .entry .bgL { background-image: url(../img/bg_recruitL_col2.png) }
.star .entry .bgM { background-image: url(../img/bg_recruitM_col2.png) }
.star .entry .bgR { background-image: url(../img/bg_recruitR_col2.png) }
.star .aboutBarGraphWrap .bd1 { background-image: url(../img/bg_about_top_col2.png) }
.star .aboutBarGraphWrap .bd2 { background-image: url(../img/bg_about_bottom_col2.png) }
.star .pageabout .c0 { background: rgba(52, 64, 69, 1) }
.star .pageabout .c1 { background: rgba(100, 62, 240, 1) }
.star .pageabout .c2 { background: rgba(26, 168, 151, 1) }
.star .pageabout .c3 { background: rgba(141, 25, 233, 1) }
.star .pageabout .c4 { background: rgba(52, 64, 69, 1) }
.star .pageabout .c5 { background: rgba(223, 245, 255, 1) }
.star .aboutResult .abr1 .st0, .star .no-image polygon { fill: rgba(100, 62, 240, 1) }
.star .aboutResult .abr1 .st1 { stroke: rgba(100, 62, 240, 1) }
.star .aboutResult .abr2 .st0 { fill: rgba(26, 168, 151, 1) }
.star .aboutResult .abr2 .st1 { stroke: rgba(26, 168, 151, 1) }
.star .aboutResult .abr3 .st0 { fill: rgba(141, 25, 233, 1) }
.star .aboutResult .abr4 .st0, .star .aboutResult .stIcon { fill: rgba(52, 64, 69, 1) }
.star .aboutResult .abr3 .st1 { stroke: rgba(141, 25, 233, 1) }
.star .aboutResult .abr1 .st2, .star .aboutResult .abr2 .st2, .star .aboutResult .abr3 .st2, .star .aboutResult .abr4 .st1, .star .aboutResult .abr4 .st2 { stroke: rgba(52, 64, 69, 1) }
.star .aboutResult .header .best, .star .contact .footer a, .star .contactform .cell .name, .star .thumbnail .more { color: rgba(26, 168, 151, 1) }
.star .contactform .cell:after, .star .contactform .cell:before { background: rgba(52, 64, 69, .5) }
.star .contactform .cell.title { background: rgba(57, 78, 86, 0) }
.star .contact .footer .check { border: 2px solid rgba(26, 168, 151, 1) }
.star .contact .footer .chenged .check { background: rgba(26, 168, 151, 1) }
.star .contact .footer input[type=submit] { border-bottom: 1px solid rgba(26, 168, 151, 1); color: rgba(26, 168, 151, 1) }
.star .aboutBarGraphWrap .bd { opacity: .1 }
.mono .mask, .mono .scrollside { opacity: 0 }
.mono .portfolio .body .img_mask { background-image: url(../img/bg_portfolio_wire_col2.png) }
.mono .pagging a, .mono .pagging span { color: rgba(255, 255, 255, 1) }
.mono .pagging a { border-bottom: 1px solid rgba(255, 255, 255, 1) }
.mono .pagging a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0) }
.mono .loading svg path { stroke: rgba(255, 255, 255, 1) }
.mono .subtitle span:first-child { color: #fff !important; background: none !important }
.mono .graph .shadow { box-shadow: inset 0 0 200px 200px rgba(6, 7, 9, 1) }
.mono .graph .shadowbg, .mono .wrap { background: rgba(6, 7, 9, 1) }
.mono .b, .mono .d { background: rgba(255, 255, 255, .5) }
.mono .d.off, .mono .hr.dark span, .mono .hrbold div span:first-child, .mono .vr.dark span.b { background: rgba(255, 255, 255, 1) }
.mono .pv a:hover { color: rgba(255, 255, 255, 1) }
.mono .pvtotal { position: absolute; top: 50%; width: 90px }
.toggle, .togglebody { position: fixed; top: 0 }
.mono .pvtotal .date { font-weight: 700; width: 40px; border-right: 1px solid rgba(255, 255, 255, 0) }
.mono .ajxload span, .mono .malefemale span.m { border-right: 1px solid rgba(255, 255, 255, 1) }
.mono .pvWrap, .pvWrap a { color: rgba(255, 255, 255, .2); font-size: 10px }
.mono .centerContent .txt, .mono .maintitle, .mono .pvWrap .on { color: rgba(255, 255, 255, 1) }
.mono .hrbold div span { display: block; position: absolute; height: 1px; right: 0; background: rgba(255, 255, 255, .2) }
.btn .lefttop:after, .btn .lefttop:before, .mono .btn .d.on, .mono .btn .rightbottom:after, .mono .btn .rightbottom:before, .mono .btn.on .light .o, .mono .chart_center, .mono .chart_left, .mono .chart_line.st0 span, .mono .chart_right, .mono .subtitle span:first-child { background: rgba(255, 255, 255, 1) }
.mono .leftContent { color: rgba(255, 255, 255, .2) }
.logo svg polygon, .logo svg polyline, .mono .logo svg path { fill: rgba(255, 255, 255, 1) }
.mono .logoRight .today { color: rgba(255, 255, 255, 1) }
.mono .tenjibody .st0 { fill: rgba(255, 255, 255, .1) }
.mono .tenjibody .st1 { fill: rgba(255, 255, 255, .5) }
.mono .activeload .in, .mono .mapGraph .dotted circle, .mono .mapGraph .dotted path, .mono .playBtn { fill: rgba(255, 255, 255, 1) }
.mono .btn, .mono .btn.on, .mono .btn:after { border: 1px solid rgba(255, 255, 255, 1) }
.mono .btn .num { color: rgba(255, 255, 255, .2); border-bottom: 2px solid rgba(255, 255, 255, .2) }
.mono .btn .name { color: rgba(255, 255, 255, 1) }
.mono .chart_lineWrap p, .mono .malefemale span { color: rgba(255, 255, 255, .2) }
.mono .svgGraphicsBody .st0 { stroke: rgba(255, 255, 255, .5) }
.mono .svgGraphicsBody .st1 { stroke: rgba(255, 255, 255, .2) }
.mono .svgGraphicsBody .base * { stroke: rgba(255, 255, 255, 1) }
.mono .svgGraphicsBody .base .last, .mono .svgGraphicsBody .line * { stroke: rgba(255, 255, 255, .2) }
.mono .chart_bottom { border-bottom: 1px solid rgba(255, 255, 255, 1) }
.mono .chart_line { border: 1px solid rgba(255, 255, 255, .2) }
.mono .chart_line.st1 span { background: rgba(255, 255, 255, .2) }
.mono .malefemale .bar { border: 1px solid rgba(255, 255, 255, .5) }
.mono .malefemale span.m { background: rgba(255, 255, 255, 0) }
.mono .windowStatus .body span.high { color: rgba(255, 255, 255, 1) }
.mono .audioStatus span, .mono .windowStatus .body span { color: rgba(255, 255, 255, .5) }
.mono .audioStatus span.now { color: rgba(255, 255, 255, 1) }
.mono .rightContent { color: rgba(255, 255, 255, .2) }
.mono .activeload .ol { stroke: rgba(255, 255, 255, .3) }
.mono .activeloadWrap>div.avtive { color: rgba(255, 255, 255, 1) }
.mono .avtiveIcon .icon.on { color: rgba(255, 255, 255, .5) }
.mono .avtiveIcon .icon, .mono .uaWrap .footer ul li { color: rgba(255, 255, 255, .1) }
.mono .uaWrap .label .vr .d, .uaWrap .label .vr .b { background: rgba(255, 255, 255, 1) }
.mono .ajxloadhr, .mono .phase1 .btn .lefttop:after, .mono .phase1 .btn .lefttop:before, .mono .phase1 .btn .rightbottom:after, .mono .phase1 .btn .rightbottom:before { background: rgba(255, 255, 255, 0) }
.mono .uaWrap .footer ul li:hover { color: rgba(255, 255, 255, 1) }
.mono .mapGraph .paths path { stroke: rgba(255, 255, 255, .1) }
.mono .mapGraph .paths path.on { stroke: rgba(255, 255, 255, 1) }
.mono .mapGraph .lines { stroke: rgba(255, 255, 255, .1) }
.mono .mapGraph .dotted .click path { fill: rgba(255, 255, 255, .2) }
.mono .ajxload { border: 1px solid rgba(255, 255, 255, .1) }
.mono .expand .st0 { stroke: rgba(255, 255, 255, .7) }
.mono .expand .st1, .mono .expand .st2 { stroke: rgba(255, 255, 255, .5) }
.mono .a1 .expand svg .an1 path, .mono .expand svg .an1 path { fill: rgba(255, 255, 255, 0) }
.mono .phase1 .btn, .mono .phase2 .pvtotal, .mono .pvtotal { border: 1px solid rgba(255, 255, 255, 0) }
.mono .phase2 .btn { border: 1px solid rgba(255, 255, 255, .3) }
.mono .phase1 .btn.on { border: 1px solid rgba(255, 255, 255, 0) }
.mono .phase2 .btn.on { border: 1px solid rgba(255, 255, 255, 1) }
.mono .phase1 .btn:after { border: 1px solid rgba(255, 255, 255, 0) }
.mono .phase2 .btn:after { border: 1px solid rgba(255, 255, 255, 1) }
.mono .maintitle .wspan div span.bg, .mono .phase2 .btn .lefttop:after, .mono .phase2 .btn .lefttop:before, .mono .phase2 .btn .rightbottom:after, .mono .phase2 .btn .rightbottom:before { background: rgba(255, 255, 255, 1) }
.mono .portfolio .header { color: rgba(255, 255, 255, .2); font-weight: 700 }
.mono .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mono .rect, .mono .slideNav a { border: 1px solid rgba(255, 255, 255, .2) }
.mono .mCSB_scrollTools .mCSB_draggerRail, .mono .single blockquote { background: rgba(255, 255, 255, .02) }
.mono .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after { background-image: url(../img/img_drag_col1_mono.png) }
.mono .contact .footer span, .mono .entrybtn, .mono .entrydetail .cell:first-child, .mono .pagetitle, .mono .post .body .date, .mono .privacypage .single h1, .mono .portfolio .header h2 span.sub, .mono .single .date, .mono .single a, .mono .single h1, .mono .single h2, .mono .single h3, .mono .single h4, .mono .single ul li { color: rgba(255, 255, 255, 1) }
.mono .aboutBarGraphWrap .cell:first-child, .mono .aboutBarGraphWrap h3, .mono .aboutCircleText, .mono .entry h2, .mono .entrydetail .cell, .mono .scrollinside .single p, .mono .scrollinside p, .mono .single blockquote { color: rgba(255, 255, 255, .3) }
.mono .slideNav a.on { background: rgba(52, 64, 69, 1) }
.mono .slideBd .pin { background-image: url(../img/pin_col2.png) }
.mono .entry .bgL { background-image: url(../img/bg_recruitL_col2.png) }
.mono .entry .bgM { background-image: url(../img/bg_recruitM_col2.png) }
.mono .entry .bgR { background-image: url(../img/bg_recruitR_col2.png) }
.mono .aboutBarGraphWrap .bd1 { background-image: url(../img/bg_about_top_col2.png) }
.mono .aboutBarGraphWrap .bd2 { background-image: url(../img/bg_about_bottom_col2.png) }
.mono .pageabout .c0 { background: rgba(90, 90, 90, 1) }
.mono .pageabout .c1 { background: rgba(255, 255, 255, 1) }
.mono .pageabout .c2 { background: rgba(190, 190, 190, 1) }
.mono .pageabout .c3 { background: rgba(120, 120, 120, 1) }
.mono .pageabout .c4 { background: rgba(90, 90, 90, 1) }
.mono .aboutResult .abr1 .st0, .mono .no-image polygon { fill: rgba(255, 255, 255, 1) }
.mono .aboutResult .abr1 .st1 { stroke: rgba(255, 255, 255, 1) }
.mono .aboutResult .abr2 .st0 { fill: rgba(190, 190, 190, 1) }
.mono .aboutResult .abr2 .st1 { stroke: rgba(190, 190, 190, 1) }
.mono .aboutResult .abr3 .st0 { fill: rgba(120, 120, 120, 1) }
.mono .aboutResult .abr3 .st1 { stroke: rgba(120, 120, 120, 1) }
.mono .aboutResult .abr4 .st0 { fill: rgba(90, 90, 90, 1) }
.mono .aboutResult .abr4 .st1 { stroke: rgba(90, 90, 90, 1) }
.mono .aboutResult .abr1 .st2, .mono .aboutResult .abr2 .st2, .mono .aboutResult .abr3 .st2, .mono .aboutResult .abr4 .st2 { stroke: rgba(52, 64, 69, 1) }
.mono .aboutResult .stIcon { fill: rgba(52, 64, 69, 1) }
.mono .aboutResult .header .best, .mono .contact .footer a, .mono .contactform .cell .name, .mono .thumbnail .more { color: rgba(255, 255, 255, 1) }
.mono .aboutResult .header .title, .mono .post .body h2 { color: rgba(255, 255, 255, .2) }
.mono .contactform .cell:after, .mono .contactform .cell:before { background: rgba(52, 64, 69, .5) }
.mono .contactform .cell.title { background: rgba(57, 78, 86, 0) }
.mono .contact .footer .check { border: 2px solid rgba(255, 255, 255, 1) }
.mono .contact .footer .chenged .check { background: rgba(255, 255, 255, 1) }
.mono .contact .footer input[type=submit] { border-bottom: 1px solid rgba(255, 255, 255, 1); color: rgba(223, 245, 255, 1) }
.mono .aboutBarGraphWrap .bd { opacity: .1 }
.spnav { display: none !important }
.toggle { z-index: 9999; right: 0; height: 50px; width: 50px; background: #000 }
.togglebody { transition: all .5s; z-index: 9998; right: -100%; background: rgba(0, 0, 0, .9); height: 100%; width: 100% }
.navopend .togglebody { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0) }
.togglebody ul li { text-align: center }
.togglebody ul li a { color: #fff; display: block; line-height: 38px; letter-spacing: 1px }
.toggle .body { height: 50px; width: 50px; position: relative }
.toggle .body div { width: 20px; height: 13px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -10px }
.toggle span { display: block; width: 20px; height: 1px; background: #fff; transition: all .5s }
.toggle span.t2 { margin: 5px 0 }
.navopend .toggle span.t2 { opacity: 0 }
.navopend .toggle span.t1 { -webkit-transform: translate(0, 6px); transform: translate(0, 6px) }
.navopend .toggle span.t3 { -webkit-transform: translate(0, -6px); transform: translate(0, -6px) }
.maintitle { text-transform: uppercase; font-size: 35px; line-height: 45px; text-align: center; position: absolute; top: 50%; width: 100%; margin: -43px 0 0 5px; letter-spacing: 8px; opacity: 1 }
.maintitle { text-transform: uppercase; font-size: 32px; line-height: 45px; text-align: center; position: absolute; top: 50%; width: 100%; margin: -43px 0 0 5px; letter-spacing: 9px; opacity: 1 }
.portfolio.on .body .img_thumb { opacity: 0.5; transition: opacity .5s }
.portfolio.on:hover .body .img_thumb { opacity: 0.8 }
.contactpage.subpageWrap .scroll { height: 930px; position: absolute; top: 50%; margin-top: -465px }
@media screen and (max-width:1360px) {
	.maintitle { font-size: 26px; line-height: 35px; margin: -34px 0 0 4px; letter-spacing: 7px }
}
@media screen and (max-width:1280px) {
	.maintitle { font-size: 17px; line-height: 25px; margin: -25px 0 0 4px; letter-spacing: 5px }
}
@media screen and (max-width:1180px) {
	.maintitle { display: none }
	.colorPanel { display: none }
}
@media screen and (max-width:1080px) {
	.maintitle { display: none }
}
@media screen and (max-width:700px) {
	.contactpage.subpageWrap .scroll { margin-top: 0; top: 0; height: 100% }
	.portfolio.on .body .img_thumb { opacity: 0.6 }
	.about h2, .contact, .newspage .scrollinside, .pagetitle, .portfolio .nav .btn, .togglebody .footer { text-align: center }
	.whnone, .whnone2 { display: block !important }
	.sns .btn { height: 40px }
	.sns .btn .name { line-height: 40px }
	.sns { margin-bottom: 30px }
	.slideNav { bottom: 0 }
	.navWrap .body { padding: 20px 0 }
	.contactform select, .customSelect, .customSelectInner { font-size: 10px }
	.aboutBarGraphWrap, .aboutCircleGraphWrap, .aboutResult, .audioVisualWrap, .btn:after, .centerContent, .entry .bg, .expand, .loadmask, .mask, .onsubpage .leftContent, .onsubpage .sph, .panelsbd, .rect, .rightContent, .sns .hr, .sp, .subpages .hr, .subpages .vr, .unit.tx_c, .unit.tx_l { display: none !important }
	.onsubpage .subpageWrap .main { position: static; width: 100% !important }
	.entrydetail { padding: 0 }
	.leftContent, .rightContent { position: static; margin: 0 auto; padding: 10px }
	.spnav { display: block !important }
	.all { overflow: auto; -webkit-overflow-scrolling: touch }
	.subpageWrap { position: static }
	.subpageWrap .scroll { overflow: visible; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box }
	.subpageWrap>div.side { width: 0 }
	.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 0 }
	.portfolio .header .cell { box-sizing: border-box; display: block; position: relative; padding: 10px 0 }
	.portfolio .header .cell:first-child { width: 100% }
	.portfolio .nav { padding: 0; width: 100%; margin: 0 auto }
	.portfolio .nav .btn { width: 50%; margin: 0; font-size: 10px; line-height: 30px; height: 30px; box-sizing: border-box }
	.portfolio .nav .btn:nth-child(2n) { margin: 0 }
	.portfolio .body div { width: 100%; height: 200px }
	.portfolio .body { position: relative; height: 200px; margin: 10px auto }
	.slideWrap { height: 180px }
	.about .scroll { height: auto }
	.s120, .s60, .s90 { height: 30px }
	.about { padding: 0 }
	.about h2 { font-size: 16px }
	.pagetitle { font-size: 30px }
	.about .number { display: none }
	.entry .scroll { overflow: auto; -webkit-overflow-scrolling: touch; height: 160px; border: 1px solid rgba(255, 255, 255, .1); padding: 20px }
	.entrydetail .cell:first-child { width: 80px }
	.entrybtn { bottom: -66px; width: 100% }
	.entry h2 { padding-bottom: 20px }
	.entry { position: relative; padding: 0; margin-bottom: 60px }
	.entrydetail .cell { padding-bottom: 10px }
	.recruitpage .slideWrap { margin-bottom: 0 }
	.post { width: 40%; min-height: 250px; margin: 0 4% }
	.about .entrydetail .cell:first-child { padding: 0 10px 0 0 }
	.newspage .scrollinside article { display: block; width: 100%; margin: 0 auto }
	.contact .footer input[type=submit] { border-bottom: none }
	.thumbnail .more { bottom: 10px }
	.no-imagebg, .thumbnail, .thumbnail .cover { width: 100%; height: 100% }
	.scrollinside { padding: 50px 0 0 }
	.single h1 { font-size: 20px; margin: 30px 0 }
	.contact { height: auto !important; padding: 40px 0 }
	.contact .s30 { display: none }
	.contactform .cell.title { width: 120px }
	.contact .footer .cell { display: block; text-align: center }
	.contact .footer { position: absolute; bottom: -90px; left: 0 }
	.contact .body { position: relative; height: auto }
	.portfolio { height: auto !important }
	.portfolio .btn { border: none }
	.portfolio .nav .btn .name { font-size: 12px }
	.portfolio .header { margin: 0 0 10px }
	.btn .lefttop:after, .btn .lefttop:before, .btn .rightbottom:after, .btn .rightbottom:before { display: none }
	.togglebody .footer { position: absolute; bottom: 0; left: 0; width: 100% }
	.togglebody .footer li, .togglebody .footer li a { display: inline-block; height: 80px; width: 55px; line-height: 80px; font-size: 16px }
	.contact .footer label { font-size: 11px }
	.post .body h2 { font-size: 10px }
	.slideNav a { width: 30px; margin-left: 10px }
	.entrydetail .cell { line-height: 1.5; font-size: 11px }
	.subpages { transition: opacity .5s; opacity: 0 }
	.loading, .sploaded .subpages { opacity: 1 }
	.loading { transition: opacity .5s, left 0s .5s, z-index 0s .5s; position: fixed; z-index: 9999999; top: 0; left: 0; width: auto; height: auto; margin: 0; vertical-align: bottom; padding: 12px 13px 11px; background: #000 }
	.loading svg { width: 24px; height: 24px }
	.single table, .single table pre, .single table tbody { width: 100% }
	.loading svg path { fill: none; stroke-width: 3px }
	.sploaded .loading { opacity: 0; z-index: -9999999 }
	.portfolio .header h2 span.title { font-size: 18px; letter-spacing: 1px }
	.leftContent .navWrap .btn { margin: 2px !important }
	.single img { height: auto }
	.single table td, .single table tr { display: block; width: 100% }
	.single table a { display: block }
	.single table img { margin-bottom: 0 }
}
@media screen and (max-height:840px) {
	.whov .pvtotal { right: 50px; top: auto; bottom: 40px }
	.pv .un, .whnone { display: none }
	.leftContent, .rightContent { top: -10px; margin-top: 0 }
	.centerContent .btn { top: 40px; margin-top: 0 }
	.pv { top: auto; left: 0; margin-top: 0; bottom: 50px }
}
@media screen and (max-height:800px) {
	.maploadmj, .svgGraphics.age { display: none }
}
@media screen and (max-height:720px) {
	.whnone2 { display: none }
	.maintitle { font-size: 26px; line-height: 35px; margin: -34px 0 0 4px; letter-spacing: 7px }
}
@media screen and (max-height:680px) {
	.svgGraphics.age { display: none }
}
.ie .audioVisualWrap, .ie .loading { display: none }
.svgGraphicsBody .st0 { stroke: #f02857 }
.chart_line.st0 span { background: #f02857 }
.svgGraphicsBody rect.st0 { stroke: rgba(52, 64, 69, 1) }
.about h2, .subtitle .second { text-transform: uppercase }
.subtitle .second { letter-spacing: 0.5px }
.high .leftContent, .high .centerContent, .high .graph, .high .rightContent { -webkit-animation: pikapika 0.05s linear infinite alternate; animation: pikapika 0.05s linear infinite alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-webkit-keyframes pikapika {
	0% { opacity: 0.96 }
	100% { opacity: 1 }
}
@keyframes pikapika {
	0% { opacity: 0.96 }
	100% { opacity: 1 }
}
.mono .pagetitle, .mono .about .number, .basic .about .number, .maintitle { text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5) }
.about h2, .btn, .basic .title h3, .centerContent .txt, .pvtotal .date, .pvtotal .total, .changeColor .image, .basic .subtitle span.second, .basic .logoRight .format, .mono .logoRight .today, .mono .activeloadWrap>div.avtive, .basic .uaWrap .cell > p, .windowStatus .body span.high { text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.5) }
.star .about h2, .colorful .about h2, .colorful .windowStatus .body span.high, .colorful .pvtotal .date, .colorful .pvtotal .total, .colorful .btn, .colorful .centerContent .txt, .star .windowStatus .body span.high, .star .centerContent .txt, .star .pvtotal .date, .star .pvtotal .total, .star .btn, .colorful .about .number, .colorful .pagetitle, .star .about .number, .star .pagetitle, .mono .btn .num { text-shadow: none }
.pagetitle { text-shadow: 0px 0px 8px rgba(71, 100, 114, 0.4) }
.svgGraphics.age h4, .leftContent .unit { color: rgba(52, 64, 69, .5) }
.maintitle { z-index: 2 }
.maintitle div { display: inline-block; position: relative; overflow: hidden }
.backlogo { position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -130px; transition: all 1s; opacity: 0 }
.high .backlogo { opacity: 1 }
.high .showgraphic .backlogo { opacity: 0 }
.backlogo svg { width: 260px; height: 260px }
.backlogo svg .st0 { stroke: rgba(255, 255, 255, 0.2); stroke-width: 1px; fill: none }
.mono .portfolio .vr.dark span.b { background: rgba(255, 255, 255, 0.2) }
.colorful .img-slide3{ background-image:url(../img/img_slide_3_b.png) !important; }
.star .img-slide3{ background-image:url(../img/img_slide_3_c.png) !important; }




/* SOLORS */

.loaded           .img-slide-1{ background-image:url(../img/1x/a/img_slide_1.png); }
.loaded .colorful .img-slide-1{ background-image:url(../img/1x/b/img_slide_1.png) !important; }
.loaded .star     .img-slide-1{ background-image:url(../img/1x/c/img_slide_1.png) !important; }

.loaded           .img-slide-2{ background-image:url(../img/1x/a/img_slide_2.png); }
.loaded .colorful .img-slide-2{ background-image:url(../img/1x/b/img_slide_2.png) !important; }
.loaded .star     .img-slide-2{ background-image:url(../img/1x/c/img_slide_2.png) !important; }

.loaded           .img-slide-3{ background-image:url(../img/1x/a/img_slide_3.png); }
.loaded .colorful .img-slide-3{ background-image:url(../img/1x/b/img_slide_3.png) !important; }
.loaded .star     .img-slide-3{ background-image:url(../img/1x/c/img_slide_3.png) !important; }

.loaded           .img-slide-4{ background-image:url(../img/1x/a/img_slide_4.png); }
.loaded .colorful .img-slide-4{ background-image:url(../img/1x/b/img_slide_4.png) !important; }
.loaded .star     .img-slide-4{ background-image:url(../img/1x/c/img_slide_4.png) !important; }

.loaded           .img-slide-5{ background-image:url(../img/1x/a/img_slide_5.png); }
.loaded .colorful .img-slide-5{ background-image:url(../img/1x/b/img_slide_5.png) !important; }
.loaded .star     .img-slide-5{ background-image:url(../img/1x/c/img_slide_5.png) !important; }

.loaded           .img-slide-6{ background-image:url(../img/1x/a/img_slide_6.png); }
.loaded .colorful .img-slide-6{ background-image:url(../img/1x/b/img_slide_6.png) !important; }
.loaded .star     .img-slide-6{ background-image:url(../img/1x/c/img_slide_6.png) !important; }

.loaded           .img-slide-7{ background-image:url(../img/1x/a/img_slide_7.png); }
.loaded .colorful .img-slide-7{ background-image:url(../img/1x/b/img_slide_7.png) !important; }
.loaded .star     .img-slide-7{ background-image:url(../img/1x/c/img_slide_7.png) !important; }

.loaded           .img-slide-8{ background-image:url(../img/1x/a/img_slide_8.png); }
.loaded .colorful .img-slide-8{ background-image:url(../img/1x/b/img_slide_8.png) !important; }
.loaded .star     .img-slide-8{ background-image:url(../img/1x/c/img_slide_8.png) !important; }


@media screen and (min-width:780px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution: 144dpi){

.loaded           .img-slide-1{ background-image:url(../img/3x/a/img_slide_1.png); }
.loaded .colorful .img-slide-1{ background-image:url(../img/3x/b/img_slide_1.png) !important; }
.loaded .star     .img-slide-1{ background-image:url(../img/3x/c/img_slide_1.png) !important; }

.loaded           .img-slide-2{ background-image:url(../img/3x/a/img_slide_2.png); }
.loaded .colorful .img-slide-2{ background-image:url(../img/3x/b/img_slide_2.png) !important; }
.loaded .star     .img-slide-2{ background-image:url(../img/3x/c/img_slide_2.png) !important; }

.loaded           .img-slide-3{ background-image:url(../img/3x/a/img_slide_3.png); }
.loaded .colorful .img-slide-3{ background-image:url(../img/3x/b/img_slide_3.png) !important; }
.loaded .star     .img-slide-3{ background-image:url(../img/3x/c/img_slide_3.png) !important; }

.loaded           .img-slide-4{ background-image:url(../img/3x/a/img_slide_4.png); }
.loaded .colorful .img-slide-4{ background-image:url(../img/3x/b/img_slide_4.png) !important; }
.loaded .star     .img-slide-4{ background-image:url(../img/3x/c/img_slide_4.png) !important; }

.loaded           .img-slide-5{ background-image:url(../img/3x/a/img_slide_5.png); }
.loaded .colorful .img-slide-5{ background-image:url(../img/3x/b/img_slide_5.png) !important; }
.loaded .star     .img-slide-5{ background-image:url(../img/3x/c/img_slide_5.png) !important; }

.loaded           .img-slide-6{ background-image:url(../img/3x/a/img_slide_6.png); }
.loaded .colorful .img-slide-6{ background-image:url(../img/3x/b/img_slide_6.png) !important; }
.loaded .star     .img-slide-6{ background-image:url(../img/3x/c/img_slide_6.png) !important; }

.loaded           .img-slide-7{ background-image:url(../img/3x/a/img_slide_7.png); }
.loaded .colorful .img-slide-7{ background-image:url(../img/3x/b/img_slide_7.png) !important; }
.loaded .star     .img-slide-7{ background-image:url(../img/3x/c/img_slide_7.png) !important; }

.loaded           .img-slide-8{ background-image:url(../img/3x/a/img_slide_8.png); }
.loaded .colorful .img-slide-8{ background-image:url(../img/3x/b/img_slide_8.png) !important; }
.loaded .star     .img-slide-8{ background-image:url(../img/3x/c/img_slide_8.png) !important; }


}