.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
  }
  .mCustomScrollbar.mCS_no_scrollbar,
  .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
  }
  .mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
  }
  .mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
  }
  .mCSB_inside > .mCSB_container {
    margin-right: 30px;
  }
  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
  }
  .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .mCSB_outside + .mCSB_scrollTools {
    right: -26px;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
  }
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
  }
  .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
  }
  .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
  }
  .mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_dragger.mCSB_dragger_onDrag_expanded
    .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_draggerContainer:hover
    .mCSB_dragger
    .mCSB_dragger_bar {
    width: 12px;
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_dragger.mCSB_dragger_onDrag_expanded
    + .mCSB_draggerRail,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
    .mCSB_draggerContainer:hover
    .mCSB_draggerRail {
    width: 8px;
  }
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  .mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
  }
  .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
  }
  .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .mCustomScrollBox
    + .mCSB_scrollTools
    + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
    .mCSB_dragger.mCSB_dragger_onDrag_expanded
    .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
    .mCSB_draggerContainer:hover
    .mCSB_dragger
    .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
    .mCSB_dragger.mCSB_dragger_onDrag_expanded
    + .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
    .mCSB_draggerContainer:hover
    .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
  }
  .mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    box-sizing: border-box;
  }
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
  }
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
  }
  .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
    + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
  }
  .mCS-dir-rtl
    > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
    > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
    + .mCSB_scrollTools
    ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
  }
  .mCS-dir-rtl
    > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
    > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
  }
  .mCS-dir-rtl
    > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
    > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
    + .mCSB_scrollTools
    ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
  }
  .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
  }
  .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
  }
  .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
    > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
  }
  .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
    > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
  }
  .mCSB_scrollTools,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight,
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
      margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
      margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
      opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  .mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
  }
  .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
  .mCustomScrollbar
    > .mCustomScrollBox
    > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollbar
    > .mCustomScrollBox
    ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollBox:hover > .mCSB_scrollTools,
  .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 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: hsla(0, 0%, 100%, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, 0.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: #e11f27;
    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-repeat: no-repeat;
    opacity: 0.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: 0.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: 0.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, 0.15);
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 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, 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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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, 0.1);
    border-radius: 1px;
  }
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 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, 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, 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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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, 0.1);
    border-radius: 2px;
  }
  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 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, 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, 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: hsla(0, 0%, 100%, 0.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, 0.15);
  }
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 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, 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: hsla(0, 0%, 100%, 0.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, 0.75);
  }
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 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, 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, 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: 50%;
  }
  .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: 0.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(
      90deg,
      hsla(0, 0%, 100%, 0.5) 0,
      hsla(0, 0%, 100%, 0)
    );
  }
  .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(
      180deg,
      hsla(0, 0%, 100%, 0.5) 0,
      hsla(0, 0%, 100%, 0)
    );
  }
  .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, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5),
      inset -1px 0 1px hsla(0, 0%, 100%, 0.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, 0.5),
      inset 0 -1px 1px hsla(0, 0%, 100%, 0.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, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  }
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  }
  .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;
  }
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
  }
  .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, 0.1),
      inset 0 0 14px rgba(0, 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, 0.1),
      inset 0 0 14px rgba(0, 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 {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, 0.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 hsla(0, 0%, 100%, 0.4);
  }
  .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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
  }
  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 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, 0.2);
  }
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1),
      inset 0 0 14px rgba(0, 0, 0, 0.2);
  }
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, 0.4),
      inset -1px 0 0 rgba(0, 0, 0, 0.2);
  }
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.4),
      inset 0 -1px 0 rgba(0, 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, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  }
  .mCS-3d-thick-dark.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 .mCSB_draggerRail,
  .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
  }
  .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: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.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, 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, 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, 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, 0.75);
  }
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 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, 0.9);
  }
  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 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, 0.2);
  }
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
  }
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
  .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
  }
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
  .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
  }
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
  .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
  }
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
  .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
  }
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 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, 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, 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, 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-color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    box-sizing: border-box;
  }
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
  }
  .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, 0.6);
  }
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 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, 0.9);
  }
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, 0.75);
  }
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, 0.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: hsla(0, 0%, 100%, 0.9);
  }
  .slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list,
  .slick-slider {
    position: relative;
    display: block;
  }
  .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-list,
  .slick-slider .slick-track {
    transform: translateZ(0);
  }
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }
  .slick-track:after,
  .slick-track:before {
    display: table;
    content: "";
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }
  [dir="rtl"] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  @import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700|Roboto:300,400,700");
  @font-face {
    font-family: Shinhan;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/shinhan/ShinhanMedium.otf) format("otf"),
      url(../fonts/shinhan/ShinhanMedium.eot?) format("eot"),
      url(../fonts/shinhan/ShinhanMedium.woff2) format("woff2"),
      url(../fonts/shinhan/ShinhanMedium.woff) format("woff"),
      url(../fonts/shinhan/ShinhanMedium.ttf) format("truetype"),
      url(../fonts/shinhan/ShinhanMedium.svg#ShinhanMedium) format("svg");
  }
  @font-face {
    font-family: Shinhan;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/shinhan/ShinhanBold.otf) format("otf"),
      url(../fonts/shinhan/ShinhanBold.eot?) format("eot"),
      url(../fonts/shinhan/ShinhanBold.woff2) format("woff2"),
      url(../fonts/shinhan/ShinhanBold.woff) format("woff"),
      url(../fonts/shinhan/ShinhanBold.ttf) format("truetype"),
      url(../fonts/shinhan/ShinhanBold.svg#ShinhanBold) format("svg");
  }
  @font-face {
    font-family: Shinhan;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/shinhan/ShinhanLight.otf) format("otf"),
      url(../fonts/shinhan/ShinhanLight.eot?) format("eot"),
      url(../fonts/shinhan/ShinhanLight.woff2) format("woff2"),
      url(../fonts/shinhan/ShinhanLight.woff) format("woff"),
      url(../fonts/shinhan/ShinhanLight.ttf) format("truetype"),
      url(../fonts/shinhan/ShinhanLight.svg#ShinhanLight) format("svg");
  }
  a,
  abbr,
  acronym,
  address,
  applet,
  b,
  big,
  blockquote,
  body,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  dfn,
  div,
  dl,
  dt,
  em,
  fieldset,
  font,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  object,
  ol,
  p,
  pre,
  q,
  s,
  samp,
  small,
  span,
  strike,
  strong,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  tr,
  tt,
  u,
  ul,
  var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
  }
  body {
    line-height: 1;
  }
  textarea {
    overflow: auto;
    margin: 0;
  }
  input {
    border: 0 solid #fff;
    margin: 0;
    padding: 0;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: "";
    content: none;
  }
  :focus {
    outline: 0;
  }
  ins {
    text-decoration: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  a {
    color: #29308e;
    text-decoration: none;
    outline: none;
  }
  a:hover {
    cursor: pointer;
    color: #333;
  }
  input,
  select,
  textarea {
    font-family: arial, tahoma, times new roman;
    padding: 4px;
  }
  strong {
    font-weight: 700;
  }
  em {
    font-style: italic;
  }
  del {
    text-decoration: line-through;
  }
  th {
    font-weight: 400;
  }
  .left {
    float: left;
  }
  .left,
  .right {
    display: inline;
  }
  .right {
    float: right;
  }
  .clear {
    padding: 0;
    margin: 0;
  }
  .after_clear:after,
  .before_clear:before {
    content: "";
    display: block;
    clear: both;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
  }
  h3 {
    font-size: 18px;
  }
  body {
    color: #333;
    font-size: 12px;
    font-family: Shinhan;
    position: relative;
    overflow-x: hidden;
  }
  figure {
    margin: 0;
    padding: 0;
  }
  figure img {
    vertical-align: top;
  }
  img {
    border: 0;
    max-width: 100%;
    height: auto;
  }
  p {
    margin: 1px 0 15px;
    line-height: 20px;
  }
  input,
  select,
  textarea {
    font-size: 12px;
    border: none;
    border: 1px solid #d8d8d8;
    padding: 10px;
    margin: 0;
    color: #666;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: Shinhan;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: none;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  section {
    position: relative;
  }
  .wrapper {
    width: 1300px;
    margin: 0 auto;
  }
  .wrap-md {
    width: 1070px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .wrap-content {
    width: 930px;
    margin: 0 auto;
  }
  .after_clear:after,
  .before_clear:before,
  .wrap-md:after,
  .wrapper:after,
  section:after {
    clear: both;
    display: block;
    content: " ";
  }
  .a-left {
    text-align: left;
  }
  .a-right {
    text-align: right;
  }
  .a-center {
    text-align: center;
  }
  .italic {
    font-style: italic;
  }
  .bold {
    font-weight: 700;
  }
  .regular {
    font-weight: lighter;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .clear {
    clear: both;
  }
  .cblue {
    color: #2c82bc;
  }
  .cgreen {
    color: #209169;
  }
  .corange {
    color: #ca6518;
  }
  .cpink {
    color: #bb415e;
  }
  .cgrey {
    color: #666d74;
  }
  .link-line {
    font-size: 14px;
    text-decoration: underline;
    color: #e9bd64;
  }
  .btn-rounded {
    height: 48px;
    line-height: 48px;
    background: linear-gradient(135deg, #069ddc, #0066b4);
    color: #fff;
    border: none;
    box-sizing: border-box;
    padding: 0 15px;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  .btn-rounded:hover {
    background: #d68710;
    color: #fff;
  }
  .btn-rounded.btn-download {
    vertical-align: middle;
    padding-left: 29px;
    padding-right: 29px;
    font-size: 18px;
    font-weight: 700;
    font-family: Titillium Web;
    letter-spacing: 1px;
  }
  .btn-rounded.btn-download .ic_pdf {
    margin-right: 20px;
    position: relative;
    top: 3px;
  }
  .btn-rounded.btn-download:hover .ic_pdf {
    background-position: bottom;
  }
  .btn-rounded.btn-blue {
    background: #2f76b7;
  }
  .btn-rounded.btn-blue:hover {
    background: #d68710;
  }
  .btn-rounded.btn-bangking {
    padding-left: 51px;
    position: relative;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
  }
  .btn-rounded.btn-bangking:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 19px;
    height: 21px;
    background: url(../images/material/ic_lock.png) no-repeat 50%;
  }
  .btn-rounded.btn-bangking:hover:before {
    background-image: url(../images/material/ic_lock_white.png);
  }
  .btn-rounded.btn-key {
    padding-right: 48px;
    position: relative;
    min-width: 180px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .btn-rounded.btn-key:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #d0a461 url(../images/material/ic_lock_white.png) no-repeat 50%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
  }
  .btn-rounded.btn-send {
    padding-left: 58px;
    position: relative;
    font-weight: 700;
  }
  .btn-rounded.btn-send:before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    bottom: 0;
    background: url(../images/material/ic_send.png) no-repeat top;
    margin: auto 0;
    width: 24px;
    height: 16px;
  }
  .btn-rounded.btn-send:hover:before {
    background-position: bottom;
  }
  .icwp {
    display: inline-block;
    width: 30px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: top;
  }
  .icwp:hover {
    background-position: bottom;
  }
  .icwp.ic_monitor {
    background-image: url(../images/material/ic_monitor.png);
  }
  .icwp.ic_rate {
    background-image: url(../images/material/ic_rate.png);
  }
  .icwp.ic_change {
    background-image: url(../images/material/ic_change.png);
  }
  .icwp.ic_lock {
    width: 19px;
    height: 21px;
  }
  .icwp.ic_pdf {
    width: 20px;
    height: 20px;
    background-image: url(https://www.shinhansekuritas.co.id/home/assets/img/icons/ic_pdf.png);
  }
  .icwp.ic_like {
    width: 37px;
    height: 35px;
    background-image: url(../images/material/ic_like.png);
  }
  .icwp.ic_requirement {
    width: 37px;
    height: 35px;
    background-image: url(../images/material/ic_requirement.png);
  }
  .icwp.ic_others {
    width: 37px;
    height: 35px;
    background-image: url(../images/material/ic_others.png);
  }
  .icwp.ic_checked {
    width: 24px;
    height: 17px;
    background-image: url(../images/material/ic_checked.png);
  }
  .icwp.ic_suitcase {
    width: 37px;
    height: 35px;
    background-image: url(../images/material/ic_suitcase.png);
  }
  .icwp.ic_sent {
    width: 30px;
    height: 30px;
    background-image: url(../images/material/ic_sent.png);
  }
  header {
    background: #fff;
    padding: 0 50px;
    min-height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  header:before {
    content: "";
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffff;
  }
  header .head-left {
    float: left;
    padding: 17px 0 10px;
  }
  header .head-left,
  header .head-left .logo img {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  header .head-left .logo img {
    width: 380px;
  }
  header .head-right {
    float: right;
    height: 85px;
    display: table;
    vertical-align: middle;
    box-sizing: border-box;
  }
  header .mainmenu {
    padding-right: 60px;
    display: table-cell;
    vertical-align: middle;
  }
  header .mainmenu li {
    float: left;
    margin-right: 40px;
  }
  header .mainmenu li a {
    text-transform: uppercase;
    float: left;
    font-size: 18px;
    color: #111;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1px;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
  }
  header .mainmenu li:last-child {
    margin-right: 0;
  }
  header .mainmenu li.active a,
  header .mainmenu li:hover a {
    color: #ffff;
  }
  header .childmenu {
    vertical-align: middle;
    padding-right: 20px;
  }
  header .childmenu > li {
    float: left;
    margin-right: 27px;
    position: relative;
    padding: 34px 0 32px;
  }
  header .childmenu > li a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    color: #555;
  }
  header .childmenu > li.drop {
    position: relative;
  }
  header .childmenu > li.drop > a {
    padding-right: 24px;
    position: relative;
  }
  header .childmenu > li.drop > a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 5px;
    background: url(../images/material/arrow_bottom.png) no-repeat 50%;
    width: 11px;
    height: 7px;
  }
  header .childmenu > li.drop ul {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 4;
    padding: 5px 0;
    display: none;
  }
  header .childmenu > li.drop ul li {
    padding: 2px 10px;
  }
  header .childmenu > li.drop ul li:hover a {
    color: #ffff;
  }
  header .childmenu > li:last-child {
    margin-right: 0;
  }
  header .childmenu > li .box-drop {
    position: absolute;
    top: 90%;
    left: 0;
    z-index: 1;
    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  header .childmenu > li .box-drop .inner-drop {
    background: #f9fcfd;
    padding: 32px 30px;
    min-width: 218px;
    position: relative;
  }
  header .childmenu > li .box-drop .inner-drop:before {
    content: "";
    position: absolute;
    top: -13px;
    left: 27px;
    border-bottom: 13px solid #f9fbfc;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
  }
  header .childmenu > li .box-drop .inner-drop ul li {
    margin-bottom: 32px;
    font-weight: 700;
  }
  header .childmenu > li .box-drop .inner-drop ul li:after {
    content: "";
    clear: both;
    display: block;
  }
  header .childmenu > li .box-drop .inner-drop ul li a {
    display: block;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
  }
  header .childmenu > li .box-drop .inner-drop ul li:last-child {
    margin-bottom: 0;
  }
  header .childmenu > li.active > a,
  header .childmenu > li .box-drop .inner-drop ul li.active a,
  header .childmenu > li .box-drop .inner-drop ul li:hover a,
  header .childmenu > li:hover > a {
    color: #ffff;
  }
  header .childmenu > li:hover .box-drop {
    opacity: 1;
    visibility: visible;
    top: 100%;
  }
  header .box-search {
    position: relative;
    padding-right: 40px;
    display: table-cell;
    vertical-align: middle;
  }
  header .box-search > span {
    width: 19px;
    height: 20px;
    background: url(../images/material/ic_search.png) no-repeat 50%;
    display: block;
    cursor: pointer;
  }
  header .box-search .box-drop-search {
    position: absolute;
    top: 20px;
    right: 35px;
    z-index: 4;
    width: 570px;
    background: #fff;
    display: none;
  }
  header .box-search .box-drop-search input {
    height: 48px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 15px;
    width: 522px;
    float: left;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
  }
  header .box-search .box-drop-search .close-search {
    position: relative;
    width: 48px;
    height: 48px;
    background: #0b1966;
    border: none;
    float: left;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: 0.1s all ease-out;
    -ms-transition: 0.1s all ease-out;
    -o-transition: 0.1s all ease-out;
  }
  header .box-search .box-drop-search .close-search span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    width: 30px;
    height: 2px;
    background: #fff;
  }
  header .box-search .box-drop-search .close-search span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
  }
  header .box-search .box-drop-search .close-search:hover {
    background-color: #ffff;
  }
  header .box-ib {
    display: table-cell;
    vertical-align: middle;
  }
  header .box-burg-menu {
    display: none;
  }
  header.float {
    min-height: 65px;
  }
  header.float .head-left {
    padding: 10px 0;
  }
  header.float .head-left .logo img {
    width: 300px;
  }
  header.float .head-right {
    height: 65px;
  }
  header.float .childmenu > li {
    padding: 20px 0;
  }
  header.float .box-ib .btn-bangking.btn-rounded {
    font-size: 14px;
  }
  header.float .box-search .box-drop-search {
    top: 12px;
  }
  header.float .box-search .box-drop-search .close-search,
  header.float .box-search .box-drop-search input {
    height: 40px;
  }
  header.float .box-search .box-drop-search .close-search span {
    width: 20px;
  }
  .box-right-menu {
    display: none;
  }
  .loaderhome {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1f2f9;
    z-index: 9;
  }
  .loaderhome .logobg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/material/logo_load.png) no-repeat 50%;
    opacity: 0;
  }
  .box-slidehome {
    position: relative;
    height: 100vh;
    overflow: hidden;
    min-height: 800px;
    padding-top: 70px;
    margin-top: -70px;
    box-sizing: border-box;
  }
  .box-slidehome .box-ibhome {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .sliderhome.slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .sliderhome .list {
    position: relative;
    height: 100vh;
    min-height: 800px;
    overflow: hidden;
  }
  .sliderhome .list > a {
    z-index: 2;
  }
  .sliderhome .list figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .sliderhome .list figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .sliderhome .list .desc {
    position: absolute;
    top: 31%;
    left: 0;
    right: 0;
    margin: auto;
    font-family: Titillium Web;
    z-index: 2;
  }
  .sliderhome .list .desc h1 {
    font-size: 50px;
    font-weight: 700;
    color: #ffc057;
    margin-bottom: 20px;
    position: relative;
    text-shadow: 2px 2px 25px #000, 0 0 25px #000;
  }
  .sliderhome .list .desc h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    position: relative;
    text-shadow: 5px 5px 22px #000, 0 0 22px #000;
  }
  .sliderhome .list .bxdesc {
    padding: 20px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: none !important;
    display: inline-block;
  }
  .sliderhome .list.sleft .desc,
  .sliderhome .list.sleft .desc h1,
  .sliderhome .list.sleft .desc h2 {
    text-align: left;
  }
  .sliderhome .list.scenter .desc,
  .sliderhome .list.scenter .desc h1,
  .sliderhome .list.scenter .desc h2 {
    text-align: center;
  }
  .sliderhome .list.sright .desc,
  .sliderhome .list.sright .desc h1,
  .sliderhome .list.sright .desc h2 {
    text-align: right;
  }
  .sliderhome .slick-dots {
    bottom: 80px;
  }
  .sliderhome .slick-dots li {
    padding: 0;
  }
  .sliderhome .slick-dots li button {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    width: 12px;
    height: 12px;
  }
  .sliderhome .slick-dots li button:before {
    display: none;
  }
  .sliderhome .slick-dots li.slick-active button {
    background: #d39c49;
  }
  .box-list-ib {
    margin: 0 -2px;
  }
  .box-list-ib .list-ib {
    width: 33.33333333333333%;
    float: left;
    padding: 0 2px;
    box-sizing: border-box;
    color: #333;
    position: relative;
  }
  .box-list-ib .list-ib .inner-ib {
    height: 306px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    padding: 20px 24px 15px;
    box-sizing: border-box;
    background: hsla(0, 0%, 100%, 0.5);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  .box-list-ib .list-ib .inner-ib p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
  }
  .box-list-ib .list-ib .inner-ib .title-ib {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
  }
  .box-list-ib .list-ib .inner-ib .title-ib h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 26px;
    color: #333;
  }
  .box-list-ib .list-ib .inner-ib .title-ib .ic-ib {
    position: absolute;
    top: -20px;
    left: 0;
  }
  .box-list-ib .list-ib .inner-ib .box-btn-in .btn-rounded {
    margin-right: 8px;
    overflow: hidden;
  }
  .box-list-ib .list-ib .inner-ib .box-btn-in .btn-rounded:last-child {
    margin-right: 0;
  }
  .box-list-ib .list-ib .inner-ib .pdesc-ib {
    margin: 40px 0 20px;
  }
  .box-list-ib .list-ib .inner-ib .box-slidev .box-ctn-slidev {
    margin-bottom: 15px;
  }
  .box-list-ib .list-ib .inner-ib .box-slidev > span {
    font-size: 14px;
  }
  .box-list-ib .list-ib .inner-ib .box-btn-slidev .list-btn a {
    color: #333;
  }
  .box-list-ib .list-ib .inner-ib .box-depo {
    color: #333;
    border-color: #333;
  }
  .box-list-ib .list-ib .inner-ib .box-depo:before {
    border-color: #333;
  }
  .box-list-ib .list-ib .inner-ib .box-depo .in-slide {
    color: #333;
  }
  .box-list-ib .list-ib:hover {
    z-index: 4;
    color: #89deeb;
  }
  .box-list-ib .list-ib:hover .inner-ib {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    z-index: 4;
  }
  .box-list-ib .list-ib:hover .inner-ib .box-btn-slidev .list-btn a {
    color: #e9bd64;
  }
  .box-list-ib .list-ib:hover .inner-ib .box-depo {
    color: #89deeb;
    border-color: #86bec6;
  }
  .box-list-ib .list-ib:hover .inner-ib .box-depo:before {
    border-color: #86bec6;
  }
  .box-list-ib .list-ib:hover .inner-ib .box-depo .in-slide {
    color: #89deeb;
  }
  .box-list-ib .list-ib:hover .inner-ib.orange {
    background: #d2a561;
  }
  .box-list-ib .list-ib:hover .inner-ib.green {
    background: #36919f;
  }
  .box-list-ib .list-ib:hover .inner-ib.blue {
    background: #3077b7;
  }
  .ic-ib {
    width: 45px;
    height: 56px;
    position: relative;
    background: url(../images/material/label-blue.png) no-repeat 50%;
    background-size: 100%;
  }
  .ic-ib.purple {
    background-image: url(../images/material/label-purple.png);
  }
  .ic-ib.orange {
    background-image: url(../images/material/label-orange.png);
  }
  .ic-ib .icwp {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .box-btn-slidev {
    margin-bottom: 10px;
  }
  .box-btn-slidev .list-btn {
    font-size: 24px;
    font-weight: 700;
    color: #e9bd64;
    padding: 5px;
  }
  .box-btn-slidev .list-btn a {
    color: #e9bd64;
    position: relative;
    display: block;
    padding-right: 20px;
  }
  .box-btn-slidev .list-btn a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 6px;
    bottom: 0;
    width: 11px;
    height: 7px;
    background: url(../images/material/arrow_bottom_grey.png) no-repeat 50%;
  }
  .box-ctn-slidev .list-ctn {
    color: #89deeb;
    font-size: 14px;
    padding-bottom: 10px;
    box-sizing: border-box;
  }
  .box-ctn-slidev .list-ctn:after {
    content: "";
    display: block;
    clear: both;
  }
  .box-depo {
    border: 1px dotted #86bec6;
    display: block;
    color: #baf0f8;
    position: relative;
    margin-bottom: 8px;
  }
  .box-depo:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 41.84%;
    border-right: 1px dotted #86bec6;
  }
  .box-depo:after {
    content: "";
    display: block;
    clear: both;
  }
  .box-depo h2 {
    font-size: 40px;
    font-weight: 700;
  }
  .box-depo .left,
  .box-depo .right {
    padding: 23px 15px;
    box-sizing: border-box;
  }
  .box-depo .left {
    width: 41.84%;
    float: left;
    padding: 23px 15px;
  }
  .box-depo .left span {
    float: right;
  }
  .box-depo .right {
    width: 58.1%;
  }
  .box-depo .in-slide {
    font-size: 18px;
    line-height: 24px;
    color: #89deeb;
    font-weight: 700;
  }
  .box-depo .in-slide:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-depo .in-slide .left-inslide {
    float: left;
  }
  .box-depo.lebwi .in-slide .left-inslide {
    padding: 10px 0;
    text-align: center;
  }
  .box-depo .in-slide .right-inslide {
    float: right;
  }
  .box-depo.lebwi .in-slide .right-inslide {
    font-size: 20px;
    padding: 10px 0;
  }
  .box-depo.lebwi:before {
    left: 50%;
  }
  .box-depo.lebwi .left,
  .box-depo.lebwi .right {
    width: 50%;
  }
  .banner {
    padding-top: 90px;
  }
  .banner figure {
    position: relative;
    max-height: 375px;
    overflow: hidden;
  }
  .banner img {
    width: 100%;
  }
  .banner.box-map .maps {
    width: 100%;
    height: 498px;
  }
  .breadcrumb {
    background: #fff;
  }
  .box-breadcrumb {
    position: relative;
    font-family: Titillium Web;
    color: #303030;
    font-size: 20px;
  }
  .box-breadcrumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100px;
    background: url(../images/material/breadcrumb-label.png) no-repeat bottom;
    width: 70px;
    height: 76px;
    z-index: 1;
  }
  .box-breadcrumb:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-breadcrumb h4 {
    text-transform: uppercase;
    float: left;
    font-size: 20px;
    color: #303030;
    line-height: 29px;
    font-weight: 700;
    padding: 12px 0;
  }
  .box-breadcrumb a {
    color: #303030;
  }
  .box-breadcrumb a:hover {
    color: #ffff;
  }
  .box-breadcrumb .ln-brd {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 29px;
    background: #abaaaa;
    float: left;
    margin: 12px 17px;
  }
  .box-breadcrumb .box-nav-list {
    float: left;
    line-height: 29px;
    position: relative;
    padding: 12px 0;
    max-width: 82%;
  }
  .box-breadcrumb .box-nav-list > span {
    position: relative;
    padding-right: 63px;
    padding-left: 30px;
    cursor: pointer;
    word-break: break-word;
    display: block;
    height: 29px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .box-breadcrumb .box-nav-list > span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 23px;
    bottom: 0;
    width: 21px;
    background: url(../images/material/arrow-bottom.png) no-repeat 50%;
  }
  .box-breadcrumb .box-nav-list > span:hover {
    color: #ffff;
  }
  .box-breadcrumb .box-nav-list ul {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 4;
    background: #f2f2f2;
    display: none;
    min-width: 300px;
    z-index: 6;
  }
  .box-breadcrumb .box-nav-list ul li > a {
    display: block;
    padding: 15px 24px;
    position: relative;
    font-weight: 300;
    line-height: 24px;
    background: transparent;
  }
  .box-breadcrumb .box-nav-list ul li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
  }
  .box-breadcrumb .box-nav-list ul li .drop-in {
    display: none;
  }
  .box-breadcrumb .box-nav-list ul li .drop-in .list-in {
    padding: 0 15px 0 62px;
  }
  .box-breadcrumb .box-nav-list ul li .drop-in .list-in a {
    display: block;
    padding: 5px 0;
  }
  .box-breadcrumb .box-nav-list ul li .drop-in .list-in.active a {
    color: #ffff;
    font-weight: 700;
  }
  .box-breadcrumb .box-nav-list ul li .drop-in.active {
    display: block;
  }
  .box-breadcrumb .box-nav-list ul li.active > a {
    color: #0b1966;
    font-weight: 700;
  }
  .box-breadcrumb .box-nav-list ul.active {
    display: block;
  }
  .bg-grd {
    background: url(../images/material/bg-content.jpg) no-repeat 50%;
    background-size: cover;
  }
  .ctn_wp {
    padding: 65px 0;
    box-sizing: border-box;
  }
  .ctn_wp:after {
    content: "";
    clear: both;
    display: block;
  }
  .ctn_wp h1 {
    font-size: 72px;
    margin-bottom: 40px;
  }
  .ctn_wp h1,
  .ctn_wp h2 {
    font-weight: 700;
    color: #0b1966;
  }
  .ctn_wp h2 {
    font-size: 40px;
    text-transform: uppercase;
  }
  .ctn_wp h3 {
    font-size: 30px;
    line-height: 36px;
    color: #111;
    font-weight: 300;
    margin-bottom: 46px;
  }
  .ctn_wp table {
    border: 2px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
  }
  .ctn_wp table thead {
    background: #238796;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
  }
  .ctn_wp table thead th {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 15px;
    line-height: 24px;
  }
  .ctn_wp table tbody td {
    font-size: 16px;
    line-height: 24px;
    color: #111;
    font-weight: 300;
    padding: 10px 15px;
    border-right: 2px solid #ccc;
    text-align: center;
    vertical-align: middle;
  }
  .ctn_wp table tbody td:first-child {
    text-align: left;
  }
  .ctn_wp table tbody td:last-child {
    border-right: none;
  }
  .ctn_wp table tbody tr:nth-child(2n) {
    background: #e8e8e8;
  }
  .ctn_wp .ln-btm {
    position: relative;
    padding-bottom: 47px;
    margin-bottom: 20px;
  }
  .ctn_wp .ln-btm:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 6px;
    background: #ffff;
  }
  .ctn_wp .ln-btm.hmid {
    padding-bottom: 30px;
    font-size: 36px;
  }
  .ctn_wp .ln-btm.hmid,
  .ctn_wp .ln-btm.hsmall {
    font-weight: 700;
    color: #0b1966;
    margin-bottom: 30px;
  }
  .ctn_wp .ln-btm.hsmall {
    padding-bottom: 25px;
    font-size: 25px;
  }
  .ctnp {
    padding: 60px 0;
  }
  .ctnp p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
  }
  .box-quotes {
    position: relative;
  }
  .box-quotes:after {
    content: "";
    display: block;
    clear: both;
  }
  .box-quotes .left-quotes {
    float: left;
    width: 670px;
    padding-left: 70px;
    padding-bottom: 90px;
    position: relative;
    padding-top: 85px;
    box-sizing: border-box;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
  }
  .box-quotes .left-quotes:before {
    content: "";
    position: absolute;
    left: 0;
    top: 70px;
    background: url(../images/material/quotes.png) no-repeat 50%;
    width: 56px;
    height: 46px;
  }
  .box-quotes .left-quotes h3 {
    font-size: 30px;
    font-weight: 700;
    color: #0b1966;
    margin-bottom: 5px;
  }
  .box-quotes .left-quotes p {
    color: #777;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
  }
  .box-quotes .left-quotes span {
    font-size: 18px;
    color: #885305;
    font-style: italic;
    line-height: 24px;
    display: inline-block;
  }
  .box-quotes .right-quotes {
    float: right;
    width: 370px;
    padding-top: 90px;
  }
  .box-quotes.csrquotes .left-quotes {
    padding-left: 0;
  }
  .box-quotes.csrquotes .left-quotes:before {
    display: none;
  }
  .box-quotes.csrquotes .inleft-quotes {
    position: relative;
    padding-left: 70px;
    margin-top: 80px;
  }
  .box-quotes.csrquotes .inleft-quotes:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/material/quotes.png) no-repeat 50%;
    width: 56px;
    height: 46px;
    background-size: 100%;
  }
  .box-quotes.csrquotes .inleft-quotes h3 {
    color: #555;
  }
  .box-quotes.csrquotes .inleft-quotes p {
    margin-bottom: 30px;
  }
  .box-quotes.csrquotes .inleft-quotes a {
    font-weight: 400;
  }
  .tbg-white {
    box-sizing: border-box;
    padding: 56px 70px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 18px;
    color: #111;
    line-height: 30px;
    font-weight: 300;
    word-break: break-word;
  }
  .tbg-white p {
    line-height: 30px;
    margin-bottom: 30px;
  }
  .box-nav-history {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 60px;
    position: relative;
  }
  .box-nav-history .inner-nav-history {
    width: 920px;
    margin: auto;
  }
  .box-nav-history .inner-nav-history:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-nav-history .slidenavhistory {
    position: static;
  }
  .box-nav-history .slidenavhistory .slick-next,
  .box-nav-history .slidenavhistory .slick-prev {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 2;
  }
  .box-nav-history .slidenavhistory .slick-next:before,
  .box-nav-history .slidenavhistory .slick-prev:before {
    display: none;
  }
  .box-nav-history .slidenavhistory .slick-prev {
    left: 20px;
    background-image: url(../images/material/arrow-prev-slide.png);
  }
  .box-nav-history .slidenavhistory .slick-next {
    right: 20px;
    background-image: url(../images/material/arrow-next-slide.png);
  }
  .box-nav-history .list {
    font-size: 21px;
    font-weight: 300;
    color: #888;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
  }
  .box-nav-history .list.slick-current {
    font-weight: 700;
    color: #0b1966;
  }
  .box-nav-history .list:hover {
    color: #0b1966;
  }
  .box-content-history {
    padding: 54px 0 0;
  }
  .box-content-history h1 {
    text-align: center;
  }
  .box-month-gen {
    position: relative;
    padding: 0 70px;
  }
  .box-month-gen .linev-hr {
    width: 2px;
    background: #0b1966;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -1px;
    height: 0;
    z-index: 3;
  }
  .box-month-list {
    position: relative;
  }
  .box-month-list:before {
    content: "";
    width: 2px;
    background: #ccc;
    position: absolute;
    top: 10px;
    left: 50%;
    bottom: 0;
    margin-left: -1px;
  }
  .box-month-list .list-month {
    margin-bottom: 60px;
    position: relative;
  }
  .box-month-list .list-month:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 50%;
    width: 12px;
    height: 12px;
    border: 1px solid #0b1966;
    margin-left: -7px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #e7f0f3;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 4;
  }
  .box-month-list .list-month:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-month-list .list-month .left-month {
    width: 430px;
    float: left;
    text-align: right;
  }
  .box-month-list .list-month .left-month img {
    display: inline-block;
  }
  .box-month-list .list-month .right-month {
    width: 430px;
    float: right;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    color: #111;
    font-weight: 300;
  }
  .box-month-list .list-month .right-month h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .box-month-list .list-month.selected:before,
  .box-month-list .list-month:hover:before {
    background-image: url(../images/material/circ-history.png);
  }
  .scroll-up {
    float: right;
    position: fixed;
    right: 320px;
    bottom: 120px;
    width: 73px;
    height: 73px;
    background: #0b1966 url(../images/material/arrow_top.png) no-repeat 50%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: none;
    box-shadow: 0 0 24px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 24px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 24px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 24px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 24px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background 0.1s ease-out;
    -webkit-transition: background 0.1s ease-out;
    -moz-transition: 0.1s background ease-out;
    -ms-transition: 0.1s background ease-out;
    -o-transition: 0.1s background ease-out;
    z-index: 7;
  }
  .scroll-up:hover {
    background-color: #ffff;
  }
  .box-sh-way {
    text-align: center;
    margin-top: 74px;
    margin-bottom: 35px;
    padding-bottom: 47px;
    border-bottom: 2px solid #ccc;
  }
  .box-sh-way .list-sh-way {
    display: inline-block;
    margin: 0 38px;
    font-size: 18px;
  }
  .box-sh-way .list-sh-way figure {
    margin-bottom: 20px;
    transition: transform 0.1s ease-out;
    -webkit-transition: transform 0.1s ease-out;
    -moz-transition: 0.1s transform ease-out;
    -ms-transition: 0.1s transform ease-out;
    -o-transition: 0.1s transform ease-out;
  }
  .box-sh-way .list-sh-way h5 {
    font-size: 18px;
    position: relative;
    top: 0;
    transition: top 0.1s ease-out;
    -webkit-transition: top 0.1s ease-out;
    -moz-transition: 0.1s top ease-out;
    -ms-transition: 0.1s top ease-out;
    -o-transition: 0.1s top ease-out;
  }
  .box-sh-way .list-sh-way:first-child {
    margin-left: 0;
  }
  .box-sh-way .list-sh-way:last-child {
    margin-right: 0;
  }
  .box-sh-way .list-sh-way:hover figure {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
  }
  .box-sh-way .list-sh-way:hover h5 {
    top: 3px;
  }
  .box-desc-shway .list-desc-shway {
    font-size: 20px;
    line-height: 30px;
    color: #111;
    font-weight: 300;
    margin-bottom: 40px;
  }
  .box-desc-shway .list-desc-shway p {
    line-height: 30px;
  }
  .box-desc-shway .list-desc-shway .lsway {
    font-size: 18px;
  }
  .box-desc-shway .list-desc-shway .lsway .tl {
    font-weight: 700;
  }
  .title-shway {
    margin-bottom: 20px;
  }
  .title-shway:after {
    content: "";
    clear: both;
    display: block;
  }
  .title-shway figure {
    width: 142px;
    float: left;
  }
  .title-shway .desc-title-shway {
    float: right;
    width: 920px;
    display: table;
    vertical-align: middle;
    height: 115px;
  }
  .title-shway .desc-title-shway h5 {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 700;
  }
  .box-list-vision {
    margin: 0 -12.5px;
  }
  .box-list-vision .list-vision {
    padding: 0 12.5px;
    float: left;
    box-sizing: border-box;
    width: 33.33333333333%;
  }
  .box-list-vision .list-vision .inner-vision {
    background: #fff;
    padding: 0 28px 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease-out;
    -webkit-transition: box-shadow 0.2s ease-out;
    -moz-transition: 0.2s box-shadow ease-out;
    -ms-transition: 0.2s box-shadow ease-out;
    -o-transition: 0.2s box-shadow ease-out;
  }
  .box-list-vision .list-vision figure {
    width: 135px;
    height: 170px;
    background: url(../images/material/bg-vision.png) no-repeat bottom;
    display: inline-block;
    padding-top: 30px;
    box-sizing: border-box;
    position: relative;
    top: -7px;
    margin-bottom: 25px;
  }
  .box-list-vision .list-vision h3 {
    margin-bottom: 28px;
    font-weight: 700;
    font-size: 30px;
    color: #111;
  }
  .box-list-vision .list-vision p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
  }
  .box-list-vision .list-vision:hover .inner-vision {
    box-shadow: 4px 4px 25px -5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 25px -5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 25px -5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 4px 4px 25px -5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 4px 4px 25px -5px rgba(0, 0, 0, 0.3);
  }
  .box-btn-tab {
    text-align: center;
    margin-bottom: 40px;
  }
  .box-btn-tab .list-btn-tab {
    display: inline-block;
    position: relative;
    font-size: 20px;
    letter-spacing: 1px;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 58px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 16px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
  }
  .box-btn-tab .list-btn-tab:after {
    content: "";
    width: 2px;
    height: 50px;
    background: #ccc;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .box-btn-tab .list-btn-tab.active,
  .box-btn-tab .list-btn-tab:hover {
    color: #f9f2a4;
    background: #ffff;
  }
  .box-btn-tab .list-btn-tab:last-child {
    margin-right: 0;
  }
  .box-btn-tab .list-btn-tab:last-child:after,
  .box-content-tab .list-content-tab {
    display: none;
  }
  .box-content-tab .list-content-tab.active {
    display: block;
  }
  .box-list-bod .list-bod {
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 90px;
    min-height: 355px;
    font-size: 18px;
    line-height: 30px;
    color: #111;
    font-weight: 300;
    transition: box-shadow 0.2s ease-out;
    -webkit-transition: box-shadow 0.2s ease-out;
    -moz-transition: 0.2s box-shadow ease-out;
    -ms-transition: 0.2s box-shadow ease-out;
    -o-transition: 0.2s box-shadow ease-out;
  }
  .box-list-bod .list-bod:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-bod .list-bod h3 {
    font-weight: 700;
    margin-bottom: 5px;
    font-family: Titillium Web;
    font-size: 30px;
  }
  .box-list-bod .list-bod span {
    font-size: 18px;
    color: #0b1966;
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
  }
  .box-list-bod .list-bod p {
    line-height: 30px;
  }
  .box-list-bod .list-bod a {
    font-size: 14px;
    color: #2f76b7;
    cursor: pointer;
    transition: color 0.1s ease-out;
    -webkit-transition: color 0.1s ease-out;
    -moz-transition: 0.1s color ease-out;
    -ms-transition: 0.1s color ease-out;
    -o-transition: 0.1s color ease-out;
  }
  .box-list-bod .list-bod a:hover {
    color: #d39c49;
  }
  .box-list-bod .list-bod .desc-bod {
    width: 700px;
    box-sizing: border-box;
    padding: 55px 0 65px 70px;
    float: left;
  }
  .box-list-bod .list-bod .img-bod {
    float: right;
    position: absolute;
    bottom: 0;
    right: 70px;
  }
  .box-list-bod .list-bod .img-bod img {
    vertical-align: bottom;
  }
  .box-list-bod .list-bod .inbod {
    display: none;
  }
  .box-list-bod .list-bod:hover {
    box-shadow: 10px 10px 24px -12px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 10px 10px 24px -12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 10px 10px 24px -12px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 10px 10px 24px -12px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 10px 10px 24px -12px rgba(0, 0, 0, 0.3);
  }
  .box-in-management {
    font-size: 18px;
    line-height: 30px;
    color: #111;
    font-weight: 300;
    max-height: 80vh;
    overflow: auto;
  }
  .box-in-management h3 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 30px;
  }
  .box-in-management span {
    font-size: 18px;
    color: #0b1966;
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
  }
  .box-in-management p {
    line-height: 30px;
  }
  .box-list-awards {
    margin: 40px -12.5px 0;
  }
  .box-list-awards .list-awards {
    width: 33.333333333333336%;
    float: left;
    box-sizing: border-box;
    padding: 0 12.5px;
    margin-bottom: 57px;
  }
  .box-list-awards .list-awards figure {
    padding: 60px 30px 50px;
    position: relative;
    text-align: center;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
  }
  .box-list-awards .list-awards figure .lbl {
    position: absolute;
    top: -10px;
    left: 30px;
    width: 71px;
    height: 89px;
    background: url(../images/material/bg-label.png) no-repeat 50%;
    background-size: 100%;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    padding: 14px 10px 0;
    text-transform: uppercase;
  }
  .box-list-awards .list-awards .inner-awards {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .box-list-awards .list-awards .inner-awards .desc-awards {
    padding: 40px 30px;
    text-align: left;
    background: #0b1966;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    word-break: break-word;
  }
  .box-list-awards .list-awards .inner-awards .desc-awards h5 {
    font-weight: 700;
    font-size: 24px;
    color: #ffff;
    font-family: Titillium Web;
  }
  .box-filter {
    margin-bottom: 28px;
  }
  .box-filter:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-filter select {
    background: #fff url(../images/material/arrow-select.png) no-repeat 100%;
    height: 40px;
    padding: 0 35px 0 15px;
    font-weight: 700;
    font-size: 20px;
    color: #111;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    min-width: 140px;
    border: none;
    margin-right: 24px;
    cursor: pointer;
  }
  .box-filter select:last-child {
    margin-right: 0;
  }
  .box-filter input {
    font-size: 18px;
    color: #111;
    font-weight: 300;
    letter-spacing: 1px;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 0 20px;
    height: 40px;
    width: 270px;
  }
  .box-filter ::-webkit-input-placeholder {
    color: #111;
  }
  .box-filter :-moz-placeholder,
  .box-filter ::-moz-placeholder {
    color: #111;
  }
  .box-filter :-ms-input-placeholder {
    color: #111;
  }
  .box-filter .boxsort {
    position: relative;
    padding-left: 35px;
    height: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #fff;
    display: inline-block;
  }
  .box-filter .boxsort:before {
    content: "";
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    width: 35px;
    background: url(../images/material/ic_sort.png) no-repeat 50%;
  }
  .box-filter.tflight select {
    font-weight: 300;
  }
  .box-filter.filterbranch input,
  .box-filter.filterbranch select {
    font-weight: 300;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #ccc;
    height: 60px;
    font-size: 18px;
    width: 250px;
    box-sizing: border-box;
  }
  .lg-white {
    box-sizing: border-box;
    background: #fff;
    padding: 60px 70px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .box-list-finance {
    margin-bottom: 60px;
  }
  .box-list-finance:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-finance .list-finance {
    border-bottom: 1px solid #ccc;
    margin-bottom: 42px;
    padding-bottom: 35px;
  }
  .box-list-finance .list-finance:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-finance .list-finance h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
    line-height: 28px;
    font-family: Titillium Web;
    display: block;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
  }
  .box-list-finance .list-finance span {
    font-weight: 300;
    color: #888;
    font-size: 18px;
  }
  .box-list-finance .list-finance p {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0;
  }
  .box-list-finance .list-finance:last-child {
    margin-bottom: 0;
  }
  .box-list-finance .list-finance:hover h3 {
    color: #d68710;
  }
  .box-list-finance .list-finance:hover .btn-rounded {
    background: #d68710;
  }
  .box-list-finance .list-finance:hover .btn-rounded.btn-download .ic_pdf {
    background-position: bottom;
  }
  .pagination {
    text-align: center;
  }
  .pagination a {
    margin-right: 25px;
    color: #111;
    font-size: 18px;
    font-weight: 300;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 2px 3px 13px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 3px 13px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 3px 13px 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 3px 13px 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 2px 3px 13px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  .pagination a:last-child {
    margin-right: 0;
  }
  .pagination a.active,
  .pagination a:hover {
    background: #0b1966;
    color: #fff;
  }
  .pagination a.active {
    font-weight: 700;
  }
  .pagination a.next,
  .pagination a.prev {
    position: relative;
  }
  .pagination a.next:before,
  .pagination a.prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 16px;
    margin: auto;
    background-repeat: no-repeat;
    transition: background 0.2s ease-out;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: 0.2s background ease-out;
    -ms-transition: 0.2s background ease-out;
    -o-transition: 0.2s background ease-out;
  }
  .pagination a.prev:before {
    background-image: url(../images/material/arrow-prev-pagination.png);
    background-position: 0;
  }
  .pagination a.prev:hover:before {
    background-position: 100%;
  }
  .pagination a.next:before {
    background-image: url(../images/material/arrow-next-pagination.png);
    background-position: 100%;
  }
  .pagination a.next:hover:before {
    background-position: 0;
  }
  .pagination span {
    margin-right: 25px;
    color: #111;
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
  }
  .box-list-annual {
    margin: 0 -15px;
  }
  .box-list-annual .list-annual {
    width: 33.333333333333336%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px;
    margin-bottom: 60px;
    word-break: break-word;
  }
  .box-list-annual .list-annual figure {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
  }
  .box-list-annual .list-annual figure img {
    transition: transform 0.2s ease-out;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: 0.2s transform ease-out;
    -ms-transition: 0.2s transform ease-out;
    -o-transition: 0.2s transform ease-out;
  }
  .box-list-annual .list-annual h3 {
    font-family: Titillium Web;
    font-size: 28px;
    color: #111;
    margin-bottom: 10px;
  }
  .box-list-annual .list-annual .linkblue,
  .box-list-annual .list-annual h3 {
    font-weight: 700;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
  }
  .box-list-annual .list-annual .linkblue {
    text-transform: uppercase;
    font-size: 18px;
    color: #0b1966;
  }
  .box-list-annual .list-annual .linkblue:hover {
    color: #ffff;
  }
  .box-list-annual .list-annual:hover figure img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
  }
  .box-list-annual .list-annual:hover h3 {
    color: #d68710;
  }
  .link-download {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    color: #555;
    box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 28px;
    margin-bottom: 30px;
  }
  .link-download:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/material/ic_pdf_grey.png) no-repeat 50%;
  }
  .link-download:after {
    content: "";
    height: 4px;
    width: 50px;
    background: #ffff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .box-list-personal {
    margin: 0 -10px;
  }
  .box-list-personal:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-personal .list-personal {
    box-sizing: border-box;
    width: 33.333333333333336%;
    float: left;
    padding: 0 10px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
  }
  .box-list-personal .list-personal figure {
    border-bottom: 4px solid #ffff;
    transition: border 0.2s ease-out;
    -webkit-transition: border 0.2s ease-out;
    -moz-transition: 0.2s border ease-out;
    -ms-transition: 0.2s border ease-out;
    -o-transition: 0.2s border ease-out;
    overflow: hidden;
  }
  .box-list-personal .list-personal figure,
  .box-list-personal .list-personal figure img {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
  }
  .box-list-personal .list-personal figure img {
    width: 100%;
    transition: transform 0.2s ease-out;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: 0.2s transform ease-out;
    -ms-transition: 0.2s transform ease-out;
    -o-transition: 0.2s transform ease-out;
  }
  .box-list-personal .list-personal h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-family: Roboto;
    text-transform: uppercase;
    color: #0b1966;
    font-size: 20px;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
  }
  .box-list-personal .list-personal h4.hrowright {
    position: relative;
    padding-right: 18px;
    display: inline-block;
  }
  .box-list-personal .list-personal h4.hrowright:before {
    content: "";
    width: 10px;
    height: 16px;
    position: absolute;
    top: 4px;
    right: 0;
    background: url(../images/material/arrow-right-link.png) no-repeat 50%;
  }
  .box-list-personal .list-personal h4.hrowright:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-personal .list-personal .inner-personal {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
  }
  .box-list-personal .list-personal .desc-personal {
    box-sizing: border-box;
    padding: 25px 38px;
    background: #fff;
    border: 1px solid #e3e5e6;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    font-size: 18px;
    line-height: 24px;
    color: #303030;
    font-weight: 300;
  }
  .box-list-personal .list-personal .desc-personal p {
    line-height: 24px;
    margin-bottom: 0;
  }
  .box-list-personal .list-personal .desc-personal span {
    font-size: 14px;
  }
  .box-list-personal .list-personal .desc-personal h4 {
    text-transform: none;
    overflow: hidden;
    height: 48px;
  }
  .box-list-personal .list-personal .detail-personal-list {
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 100%;
    background: #ffff;
    z-index: 1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    color: #fff;
    box-sizing: border-box;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
    opacity: 0;
    padding: 50px 48px;
  }
  .box-list-personal .list-personal .detail-personal-list:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 160px;
    height: 160px;
    background: url(../images/material/bg-personal-list.png) no-repeat 50%;
  }
  .box-list-personal .list-personal .detail-personal-list h4 {
    color: #fff;
  }
  .box-list-personal .list-personal .detail-personal-list h4.hrowright:before {
    background-image: url(../images/material/arrow-right-link-white.png);
  }
  .box-list-personal .list-personal .detail-personal-list a {
    color: #fff;
  }
  .box-list-personal .list-personal .detail-personal-list .in-list {
    height: 90%;
    overflow: auto;
    z-index: 2;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .box-list-personal .list-personal:nth-child(3n + 1) {
    clear: both;
  }
  .box-list-personal .list-personal:hover figure {
    border-color: #0b1966;
  }
  .box-list-personal .list-personal:hover figure img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
  }
  .box-list-personal .list-personal:hover .detail-personal-list {
    opacity: 1;
    left: 0;
  }
  .box-list-personal .list-personal:hover .detail-personal-list a,
  .box-list-personal .list-personal:hover .detail-personal-list h4 {
    color: #fff;
  }
  .box-list-personal .list-personal:hover h4 {
    color: #d68710;
  }
  .box-list-personal.newslist .list-personal,
  .box-list-personal.newslist .list-personal .inner-personal {
    overflow: inherit;
  }
  .box-list-personal.newslist .list-personal figure {
    position: relative;
  }
  .box-list-personal.newslist .list-personal figure .lbl {
    position: absolute;
    top: 0;
    right: 28px;
    background: url(../images/material/bg-label.png) no-repeat bottom;
    background-size: 100%;
    width: 71px;
    height: 89px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 13px 10px 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
  }
  .box-list-personal.newslist .list-personal figure .lbl h3 {
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 34px;
  }
  .box-list-personal.newslist .list-personal:hover a h4 {
    color: #d68710;
  }
  .in-list .tlist {
    padding-left: 18px;
    position: relative;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 5px;
    word-break: break-word;
  }
  .in-list .tlist:before {
    content: "";
    background: #fff;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 10px;
    left: 0;
  }
  .in-list .tlist.active,
  .in-list .tlist:hover {
    font-weight: 700;
  }
  .wthlabel {
    position: relative;
    top: -30px;
  }
  .wthlabel:before {
    content: "";
    position: absolute;
    top: -45px;
    left: -100px;
    width: 70px;
    height: 112px;
    background: url(../images/material/breadcrumb-label-md.png) no-repeat 50%;
    background-size: 100%;
  }
  .box-ro-wh {
    background: #fff;
    box-sizing: border-box;
    padding: 25px 70px 47px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 46px;
  }
  .box-ro-wh:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ro-wh .title-ro-wh {
    position: relative;
    padding-left: 60px;
    margin-bottom: 60px;
  }
  .box-ro-wh .title-ro-wh h3 {
    font-weight: 700;
    font-size: 30px;
    color: #111;
    font-family: Titillium Web;
    margin-bottom: 0;
  }
  .box-ro-wh .title-ro-wh .lbl {
    display: block;
    position: absolute;
    top: -32px;
    left: -30px;
    width: 71px;
    height: 89px;
    background: url(../images/material/bg-label.png) no-repeat bottom;
  }
  .box-ro-wh .title-ro-wh .lbl .icwp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .box-ro-wh .title-ro-wh .lbl.lbl-blue {
    background: url(../images/material/bg-label-blue.png) no-repeat bottom;
  }
  .box-ro-wh .title-ro-wh .lbl.lbl-orange {
    background: url(../images/material/bg-label-orange.png) no-repeat bottom;
  }
  .box-ro-wh .title-ro-wh .lbl.lbl-purple {
    background: url(../images/material/bg-label-purple.png) no-repeat bottom;
  }
  .box-ro-wh .title-ro-wh .lbl.lbl-lgblue {
    background: url(../images/material/bg-label-light-blue.png) no-repeat bottom;
  }
  .box-ro-wh .desc-ro-wh {
    font-size: 18px;
    font-weight: 300;
    color: #111;
  }
  .box-ro-wh .desc-ro-wh p {
    line-height: 24px;
  }
  .box-ro-wh .desc-ro-wh ul li {
    position: relative;
    font-size: 18px;
    font-weight: 300;
    color: #111;
    line-height: 30px;
    padding-left: 16px;
  }
  .box-ro-wh .desc-ro-wh ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #111;
  }
  .box-ro-wh .desc-ro-wh ol {
    counter-reset: a;
  }
  .box-ro-wh .desc-ro-wh ol li {
    counter-increment: a;
    position: relative;
    font-size: 18px;
    font-weight: 300;
    color: #111;
    line-height: 30px;
    padding-left: 20px;
  }
  .box-ro-wh .desc-ro-wh ol li:before {
    content: counter(a) ". ";
    position: absolute;
    top: 0;
    left: 0;
  }
  .box-ro-wh .desc-ro-wh table {
    border: 2px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
  }
  .box-ro-wh .desc-ro-wh table thead {
    background: #238796;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
  }
  .box-ro-wh .desc-ro-wh table thead th {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 35px 27px;
  }
  .box-ro-wh .desc-ro-wh table thead th:first-child {
    text-align: left;
    width: 330px;
  }
  .box-ro-wh .desc-ro-wh table tbody td {
    font-size: 16px;
    line-height: 30px;
    color: #111;
    font-weight: 300;
    padding: 20px 27px;
    border-right: 2px solid #ccc;
    text-align: center;
    vertical-align: middle;
  }
  .box-ro-wh .desc-ro-wh table tbody td:first-child {
    text-align: left;
  }
  .box-ro-wh .desc-ro-wh table tbody td:last-child {
    border-right: none;
  }
  .box-ro-wh .desc-ro-wh table tbody tr:nth-child(2n) {
    background: #e8e8e8;
  }
  .box-apply {
    font-size: 22px;
    line-height: 30px;
  }
  .box-apply:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-apply h3 {
    font-size: 32px;
    font-weight: 700;
    color: #0b1966;
  }
  .box-apply h3.ln-btm {
    padding-bottom: 30px;
  }
  .box-apply h3.ln-btm:before {
    width: 70px;
  }
  .box-apply p {
    line-height: 30px;
    margin-bottom: 45px;
  }
  .box-apply .left {
    width: 530px;
  }
  .box-apply .right {
    width: 440px;
  }
  .box-accor .list-accor {
    border: 2px solid #ccc;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 3px;
  }
  .box-accor .list-accor > span {
    font-size: 18px;
    color: #222;
    display: block;
    background: #ccc;
    padding: 15px 30px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
  }
  .box-accor .list-accor > span:after,
  .box-accor .list-accor > span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    width: 12px;
    height: 2px;
    background: #555;
    margin-top: -1px;
  }
  .box-accor .list-accor > span:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
  }
  .box-accor .list-accor .drop-accor {
    position: relative;
    padding: 30px;
    font-size: 18px;
    color: #111;
    font-weight: 300;
    line-height: 24px;
    display: none;
  }
  .box-accor .list-accor.active > span:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  .box-accor .list-accor.active .drop-accor {
    display: block;
  }
  .box-saving .list-saving {
    margin-bottom: 8px;
  }
  .box-saving .list-saving:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-saving .list-saving .left {
    width: 600px;
  }
  .box-saving .list-saving .right {
    width: 230px;
  }
  .box-ltl-accor .list-ltl-accor {
    display: block;
    margin-bottom: 5px;
  }
  .box-ltl-accor .list-ltl-accor:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ltl-accor .list-ltl-accor > span {
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
  }
  .box-ltl-accor .list-ltl-accor .in-ltl-accor {
    padding-left: 24px;
  }
  .box-ltl-accor .list-ltl-accor .in-ltl-accor .list-in-ltl-accor {
    margin-bottom: 5px;
  }
  .box-ltl-accor .list-ltl-accor .in-ltl-accor .list-in-ltl-accor:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ltl-accor .list-ltl-accor .in-ltl-accor .list-in-ltl-accor .btn-ltl-accor {
    margin-bottom: 5px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .btn-ltl-accor:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .btn-ltl-accor
    .left {
    font-weight: 700;
    width: 600px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .btn-ltl-accor
    .right {
    width: 230px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .btn-sub-ltl-accor {
    margin-bottom: 5px;
    position: relative;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .btn-sub-ltl-accor:before {
    content: "+";
    position: absolute;
    top: 0;
    left: 10px;
    font-weight: 700;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .btn-sub-ltl-accor:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .btn-sub-ltl-accor
    .left {
    font-weight: 700;
    width: 600px;
    box-sizing: border-box;
    padding-left: 30px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .btn-sub-ltl-accor
    .right {
    width: 230px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub {
    margin-bottom: 5px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub
    .ls-sub-l-accor {
    margin-bottom: 5px;
    position: relative;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub
    .ls-sub-l-accor:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 30px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub
    .ls-sub-l-accor:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub
    .ls-sub-l-accor
    .left {
    width: 600px;
    box-sizing: border-box;
    padding-left: 46px;
    font-size: 16px;
  }
  .box-ltl-accor
    .list-ltl-accor
    .in-ltl-accor
    .list-in-ltl-accor
    .drop-in-ltl-accor
    .sub-in-ltl-accor
    .b-ls-sub
    .ls-sub-l-accor
    .right {
    width: 230px;
  }
  .box-other-news h3 {
    font-size: 36px;
    font-weight: 700;
    color: #0b1966;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .box-det-facility {
    padding: 45px 70px 10px;
  }
  .box-det-facility:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-det-facility .list-det-facility {
    float: left;
    width: 430px;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 35px;
    margin-right: 70px;
  }
  .box-det-facility .list-det-facility:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #238796;
  }
  .box-det-facility .list-det-facility h5 {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .box-det-facility .list-det-facility p {
    font-size: 14px;
    line-height: 21px;
  }
  .box-det-facility .list-det-facility:nth-child(2n) {
    margin-right: 0;
    float: right;
  }
  .box-det-facility .list-det-facility:nth-child(odd) {
    clear: both;
  }
  .box-list-report {
    margin: 0 -12.5px 25px;
  }
  .box-list-report:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-report .list-report {
    width: 33.333333333333336%;
    float: left;
    box-sizing: border-box;
    padding: 0 12.5px;
    position: relative;
    margin-bottom: 40px;
  }
  .box-list-report .list-report .lbl {
    position: absolute;
    top: -7px;
    left: 38px;
    width: 71px;
    height: 89px;
    background-image: url(../images/material/bg-label.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
  .box-list-report .list-report .lbl.lbl-purple {
    background-image: url(../images/material/bg-label-purple.png);
  }
  .box-list-report .list-report .lbl.lbl-orange {
    background-image: url(../images/material/bg-label-orange.png);
  }
  .box-list-report .list-report .lbl.lbl-blue {
    background-image: url(../images/material/bg-label-blue.png);
  }
  .box-list-report .list-report .inner-report {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: #fff url(../images/material/draline.png) no-repeat 100% 100%;
    width: 100%;
    word-break: break-word;
  }
  .box-list-report .list-report .desc-report {
    padding: 120px 40px 140px;
  }
  .box-list-report .list-report .desc-report h4 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #111;
    font-family: Titillium Web;
    margin-bottom: 10px;
  }
  .box-list-report .list-report .desc-report span {
    color: #ffff;
    font-weight: 300;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .box-list-report .list-report .desc-report p {
    font-size: 18px;
    font-weight: 300;
    color: #888;
  }
  .box-list-report .list-report.bgs .inner-report {
    background-image: url(../images/material/sbgdra.png);
  }
  .box-list-report .list-report:hover .desc-report h4 {
    color: #d68710;
  }
  .box-list-career {
    margin: 0 -15px;
  }
  .box-list-career:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-career .list-career {
    width: 50%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
  .box-list-career .list-career .inner-career {
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 15px 50px 15px 144px;
    transition: box-shadow 0.2s ease-out;
    -webkit-transition: box-shadow 0.2s ease-out;
    -moz-transition: 0.2s box-shadow ease-out;
    -ms-transition: 0.2s box-shadow ease-out;
    -o-transition: 0.2s box-shadow ease-out;
    box-sizing: border-box;
  }
  .box-list-career .list-career .inner-career .lbl {
    position: absolute;
    top: 0;
    left: 40px;
    width: 71px;
    height: 100%;
    background: #238796;
  }
  .box-list-career .list-career .inner-career .lbl:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    margin: 0 auto;
    border-top: 20px solid #238796;
    border-left: 35.5px solid transparent;
    border-right: 35.5px solid transparent;
  }
  .box-list-career .list-career .inner-career .lbl .icwp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
  }
  .box-list-career .list-career .inner-career h3 {
    font-weight: 700;
    color: #111;
    margin-bottom: 0;
    font-family: Titillium Web;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
  }
  .box-list-career .list-career:hover h3 {
    color: #d68710;
  }
  .box-list-career .list-career:hover .inner-career {
    box-shadow: 2px 7px 26px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 7px 26px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 7px 26px -1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 7px 26px -1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 2px 7px 26px -1px rgba(0, 0, 0, 0.3);
  }
  .box-career-listing {
    margin-bottom: 60px;
  }
  .box-career-listing:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-career-listing .list-ls-career {
    padding: 30px 0;
    border-bottom: 2px solid #ccc;
    font-size: 20px;
    line-height: 26px;
  }
  .box-career-listing .list-ls-career:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-career-listing .list-ls-career h4 {
    font-weight: 700;
    font-size: 20px;
  }
  .box-career-listing .list-ls-career a {
    font-size: 18px;
    font-weight: 700;
    color: #0b1966;
    position: relative;
    display: block;
    transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: 0.2s color ease-out;
    -ms-transition: 0.2s color ease-out;
    -o-transition: 0.2s color ease-out;
    padding-right: 25px;
  }
  .box-career-listing .list-ls-career a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 28px;
    background: url(../images/material/arrow-right-link.png) no-repeat 50%;
  }
  .box-career-listing .list-ls-career a:hover {
    color: #d68710;
  }
  .box-career-listing .list-ls-career .address-ls-career,
  .box-career-listing .list-ls-career .date-ls-career,
  .box-career-listing .list-ls-career .title-ls-career {
    float: left;
  }
  .box-career-listing .list-ls-career .link-ls-career {
    float: right;
  }
  .box-career-listing .list-ls-career .title-ls-career {
    width: 31.07%;
  }
  .box-career-listing .list-ls-career .date-ls-career {
    width: 19.46%;
  }
  .box-career-listing .list-ls-career .address-ls-career {
    width: 30%;
  }
  .box-career-listing .list-ls-career .link-ls-career {
    width: 18%;
  }
  .exchange-table {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #111;
    background: #fff;
    border: 2px solid #dfebf0;
    margin-bottom: 68px;
  }
  .exchange-table thead {
    background: #0b1966;
    color: #fff;
  }
  .exchange-table thead tr th {
    font-weight: 700;
    padding: 20px 10px 0;
    font-size: 18px;
  }
  .exchange-table thead tr th:last-child {
    width: 170px;
    text-align: right;
    padding-right: 40px;
  }
  .exchange-table thead tr:first-child th:first-child {
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    -o-border-radius: 10px 0 0 0;
  }
  .exchange-table thead tr:first-child th:last-child {
    border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -ms-border-radius: 0 10px 0 0;
    -o-border-radius: 0 10px 0 0;
  }
  .exchange-table thead tr:last-child th {
    padding: 0 10px 20px;
  }
  .exchange-table tbody tr {
    border-bottom: 2px solid #dfebf0;
  }
  .exchange-table tbody tr:last-child {
    border-bottom: none;
  }
  .exchange-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
  }
  .exchange-table tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
  }
  .exchange-table tbody td {
    padding: 18px 10px;
    border-right: 2px solid #dfebf0;
    text-align: center;
  }
  .exchange-table tbody td:first-child img {
    margin-right: 10px;
  }
  .exchange-table tbody td:last-child {
    text-align: right;
    padding-right: 40px;
    border-right: none;
  }
  .filter-table {
    font-size: 20px;
    font-weight: 300;
    color: #111;
    margin-bottom: 20px;
  }
  .filter-table span {
    display: inline-block;
  }
  .filter-table b {
    color: #0b1966;
    margin-left: 15px;
  }
  .filter-table .base {
    margin-right: 55px;
  }
  .box-form input[type="email"],
  .box-form input[type="number"],
  .box-form input[type="password"],
  .box-form input[type="text"],
  .box-form select,
  .box-form textarea {
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    color: #111;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 60px;
    padding: 0 22px;
    transition: border 0.2s ease-out;
    -webkit-transition: border 0.2s ease-out;
    -moz-transition: 0.2s border ease-out;
    -ms-transition: 0.2s border ease-out;
    -o-transition: 0.2s border ease-out;
  }
  .box-form input[type="email"].error,
  .box-form input[type="number"].error,
  .box-form input[type="password"].error,
  .box-form input[type="text"].error,
  .box-form select.error,
  .box-form textarea.error {
    border-color: #d60000;
  }
  .box-form input[type="email"]:active,
  .box-form input[type="email"]:focus,
  .box-form input[type="number"]:active,
  .box-form input[type="number"]:focus,
  .box-form input[type="password"]:active,
  .box-form input[type="password"]:focus,
  .box-form input[type="text"]:active,
  .box-form input[type="text"]:focus,
  .box-form select:active,
  .box-form select:focus,
  .box-form textarea:active,
  .box-form textarea:focus {
    border-color: #ffff;
  }
  .box-form textarea {
    resize: none;
    height: 170px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .box-form select {
    background-image: url(../images/material/arrow-select.png);
    background-repeat: no-repeat;
    background-position: 100%;
  }
  .box-form ::-webkit-input-placeholder {
    color: #a3a3a3;
  }
  .box-form :-moz-placeholder,
  .box-form ::-moz-placeholder {
    color: #a3a3a3;
  }
  .box-form :-ms-input-placeholder {
    color: #a3a3a3;
  }
  .box-form .left {
    width: 670px;
  }
  .box-form .right {
    width: 370px;
  }
  .box-form .row {
    margin-bottom: 20px;
    position: relative;
  }
  .box-form .row .lbl-error {
    color: #d60000;
    font-size: 12px;
    position: absolute;
    top: 24px;
    left: 24px;
    display: none;
  }
  .box-form .row .lbl-plchdr {
    color: #929292;
    font-size: 16px;
    position: absolute;
    top: 24px;
    left: 24px;
    font-weight: 300;
  }
  .box-form .row.error input {
    border-color: #d60000;
  }
  .box-form .row.error .lbl-error {
    display: block;
  }
  .box-form .row.error .lbl-plchdr {
    display: none;
  }
  .address-contact {
    color: #111;
    font-weight: 300;
    line-height: 30px;
    font-size: 20px;
  }
  .address-contact h5 {
    font-weight: 400;
    font-size: 20px;
  }
  .address-contact p {
    line-height: 30px;
    margin-bottom: 20px;
  }
  .box-branch {
    background: #e1f2f9;
    height: 100vh;
    position: relative;
    box-sizing: border-box;
    min-height: 950px;
  }
  .box-branch:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-branch h2 {
    font-size: 40px;
    font-weight: 700;
    color: #0b1966;
  }
  .box-branch h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    color: #111;
    margin-bottom: 40px;
  }
  .box-branch .box-map-branch {
    box-sizing: border-box;
    padding-top: 90px;
  }
  .box-branch .box-map-branch:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-branch .box-map-branch .maps {
    height: 100vh;
    min-height: 860px;
  }
  .box-branch .left-branch,
  .box-branch .right-branch {
    box-sizing: border-box;
  }
  .box-branch .left-branch {
    width: 35.15%;
    padding: 68px 50px 0;
    float: left;
  }
  .box-branch .right-branch {
    width: 64.84%;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
  .box-branch.ctn_wp {
    padding: 160px 0 0;
    margin-top: -70px;
  }
  .box-branch.ctn_wp .ln-btm {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: none;
  }
  .popup .bg-pop {
    background: rgba(0, 0, 0, 0.5);
  }
  .popup .bg-pop,
  .popup .inner-popup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .popup .inner-popup {
    width: 740px;
    height: 415px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 32px 80px 32px 60px;
    margin: auto;
  }
  .popup .inner-popup .close-pop {
    position: absolute;
    top: 35px;
    right: 42px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 1;
  }
  .popup .inner-popup .close-pop span {
    display: block;
    height: 5px;
    width: 35px;
    background: #555;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
    transition: background 0.2s ease-out;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: 0.2s background ease-out;
    -ms-transition: 0.2s background ease-out;
    -o-transition: 0.2s background ease-out;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .popup .inner-popup .close-pop span:last-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }
  .popup .inner-popup .close-pop:hover span {
    background: #ffff;
  }
  .popup .inner-popup .title-pop {
    padding-left: 68px;
    margin-bottom: 50px;
    position: relative;
  }
  .popup .inner-popup .title-pop h3 {
    font-weight: 700;
    color: #111;
    font-size: 30px;
    font-family: Titillium Web;
  }
  .popup .inner-popup .title-pop .lbl {
    position: absolute;
    top: -37px;
    left: -20px;
    width: 71px;
    height: 89px;
    background-image: url(../images/material/bg-label.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
  }
  .popup .inner-popup .title-pop .lbl .icwp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .popup .inner-popup .title-pop .lbl.lbl-mexico {
    background-image: url(../images/material/bg-label-mexico.png);
  }
  .popup.popthanks .inner-popup {
    height: 200px;
    width: 600px;
  }
  .popup.popthanks .inner-popup p {
    font-size: 18px;
    font-weight: 300;
  }
  .popup#popmanagement .inner-popup {
    height: auto;
    top: 50%;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    bottom: auto;
  }
  .box-thanks {
    text-align: center;
    padding: 100px 0 50px;
  }
  .box-thanks h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .desc-address-pop {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
  }
  .desc-address-pop h5 {
    font-weight: 700;
    font-size: 18px;
  }
  .desc-address-pop p {
    line-height: 30px;
    margin-bottom: 0;
  }
  .desc-address-pop .list-address-pop:after {
    content: "";
    clear: both;
    display: block;
  }
  .desc-address-pop .list-address-pop .left {
    width: 145px;
  }
  .desc-address-pop .list-address-pop .right {
    width: 450px;
  }
  .box-scheight {
    height: 480px;
    overflow-y: auto;
  }
  .box-list-branch {
    padding-right: 28px;
  }
  .box-list-branch .list-branch {
    border-bottom: 1px solid #bbb;
    color: #111;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
  }
  .box-list-branch .list-branch h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .box-list-branch .list-branch span {
    font-size: 16px;
    font-weight: 300;
    color: #555;
  }
  .box-list-branch .list-branch .btn-branch {
    padding: 23px 20px;
  }
  .box-list-branch .list-branch .drop-branch {
    padding: 0 20px 20px;
    position: relative;
    display: none;
  }
  .box-list-branch .list-branch .drop-branch .close-drop-branch {
    position: absolute;
    top: -70px;
    right: 30px;
    width: 25px;
    height: 25px;
    background: url(../images/material/ic_close.png) no-repeat 50%;
  }
  .box-list-branch .list-branch .drop-branch .row {
    font-size: 18px;
    line-height: 30px;
    color: #111;
    font-weight: 300;
  }
  .box-list-branch .list-branch .drop-branch .row:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-list-branch .list-branch .drop-branch .row label {
    font-weight: 700;
  }
  .box-list-branch .list-branch .drop-branch .row p {
    margin-bottom: 0;
    line-height: 30px;
  }
  .box-list-branch .list-branch .drop-branch .row .left {
    width: 140px;
  }
  .box-list-branch .list-branch .drop-branch .row .right {
    width: 335px;
  }
  .box-list-branch .list-branch.active,
  .box-list-branch .list-branch:hover {
    background: #fff;
    border-color: transparent;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .box-list-branch .list-branch.active .drop-branch {
    display: block;
  }
  .link-direction {
    font-weight: 700;
    color: #0b1966;
    position: relative;
    padding-right: 25px;
  }
  .link-direction:before {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto 0;
    width: 7px;
    height: 13px;
    background: url(../images/material/ic_link_arrow_right.png) no-repeat 50%;
    transition: right 0.2s ease-out;
    -webkit-transition: right 0.2s ease-out;
    -moz-transition: 0.2s right ease-out;
    -ms-transition: 0.2s right ease-out;
    -o-transition: 0.2s right ease-out;
  }
  .link-direction:hover:before {
    right: 0;
  }
  .box-detail-map {
    display: block;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 0 20px 20px;
    position: relative;
  }
  .box-detail-map:after {
    content: "";
    clear: both;
    display: block;
  }
  .box-detail-map .close-drop-branch {
    position: absolute;
    top: -70px;
    right: 30px;
    width: 25px;
    height: 25px;
    background: url(../images/material/ic_close.png) no-repeat 50%;
  }
  .box-branch-network {
    position: relative;
    box-sizing: border-box;
    height: 100vh;
    min-height: 700px;
  }
  .box-branch-network.ctn_wp {
    padding: 160px 0 0;
    margin-top: -70px;
  }
  .box-branch-network .box-desc-global {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 1400px;
    margin: auto;
    padding: 20px;
    background: hsla(0, 0%, 100%, 0.7);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .box-map-network {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .box-map-network .maps {
    height: 100%;
  }
  .box-desc-global h2 {
    font-weight: 700;
  }
  .box-desc-global h2.ln-btm {
    padding-bottom: 30px;
  }
  .box-desc-global p {
    font-size: 24px;
    color: #111;
    line-height: 30px;
    font-weight: 300;
  }
  .box-desc-global select {
    height: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 0 20px;
    min-width: 300px;
    font-size: 18px;
    font-weight: 300;
    background-image: url(../images/material/arrow-select.png);
    background-position: 100%;
    background-repeat: no-repeat;
  }
  .box-mission .title-mission {
    text-align: center;
    margin-bottom: 75px;
  }
  .box-mission .title-mission h3 {
    margin-bottom: 20px;
  }
  .box-mission .title-mission p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
  }
  .box-list-mission {
    margin: 0 -20px;
  }
  .box-list-mission .list-mission {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
  }
  .box-list-mission .list-mission h5 {
    font-size: 18px;
    font-weight: 700;
    color: #0b1966;
    margin-bottom: 20px;
  }
  .box-list-mission .list-mission p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 50px;
    height: 80px;
  }
  .box-list-pop-address .list-pop-address {
    display: none;
  }
  .box-list-pop-address .list-pop-address.active {
    display: block;
  }
  .map_content {
    font-size: 16px;
  }
  .map_content img {
    vertical-align: top;
    margin-right: 10px;
  }
  .map_content_detail {
    font-size: 16px;
  }
  .map_content_detail h5 {
    font-weight: 700;
    color: #0b1966;
    margin-bottom: 0;
    display: block;
  }
  .map_content_detail a {
    font-weight: 300;
    font-size: 14px;
    color: #888;
  }
  .box-breadcrumb .box-nav-list .have-child > a {
    position: relative;
    padding-right: 20px !important;
  }
  .box-breadcrumb .box-nav-list .have-child > a span {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box-breadcrumb .box-nav-list .have-child > a span img {
    display: block;
    width: 15px;
  }
  .box-breadcrumb .box-nav-list .have-child .child {
    display: none;
    padding-left: 20px;
  }
  .box-list-personal .list-personal .detail-personal-list .tlist > a {
    display: block;
    position: relative;
  }
  .box-list-personal .list-personal .detail-personal-list .tlist > a .arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box-list-personal .list-personal .detail-personal-list .tlist > a .arrow img {
    width: 10px;
  }
  .detail-personal-list .tlist .child {
    display: none;
    padding-left: 10px;
  }
  .detail-personal-list .tlist .child a:hover {
    font-weight: 700;
  }
  .detail-personal-list .tlist .child a {
    display: block;
  }
  .detail-personal-list .tlist > a:hover {
    font-weight: 700;
  }
  .detail-personal-list .tlist:hover {
    font-weight: 200;
  }
  @media (min-width: 0px) and (max-width: 2000px) {
    .box-breadcrumb .box-nav-list ul li .drop-in .list-in {
      padding: 0 15px 0 40px;
    }
  }
  footer {
    background: #0b1966;
    display: block;
    padding: 16px 50px 10px;
    font-size: 16px;
    color: #939292;
    box-sizing: border-box;
    min-height: 70px;
    position: relative;
    z-index: 5;
  }
  footer:after {
    content: "";
    clear: both;
    display: block;
  }
  footer a {
    color: #939292;
  }
  footer a:hover {
    color: #fff;
  }
  footer .copyrights {
    float: left;
    margin-right: 125px;
    padding: 12px 0 0;
  }
  footer .callcenter,
  footer .copyrights .logo-foot {
    float: left;
    margin-right: 16px;
  }
  footer .callcenter {
    position: relative;
    padding-right: 20px;
  }
  footer .callcenter:before {
    content: "";
    width: 1px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    background: #50577e;
  }
  footer .callcenter .logo-cs {
    float: left;
    margin-right: 10px;
  }
  footer .callcenter .txt-cs {
    float: left;
    line-height: 37px;
  }
  footer .foot-term {
    float: right;
  }
  footer .foot-term p {
    float: left;
    padding: 7px 0 0;
  }
  footer .foot-term .logo-ojk {
    float: left;
    position: relative;
    padding-top: 3px;
    padding-left: 14px;
    margin-left: 26px;
  }
  footer .foot-term .logo-ojk:before {
    content: "";
    width: 1px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: #50577e;
  }
  footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
  }
  @media (min-width: 0px) and (max-width: 1850px) {
    header .head-left {
      padding-top: 22px;
    }
    header .head-left .logo img {
      width: 320px;
    }
    header .mainmenu {
      padding-right: 60px;
    }
    header .mainmenu li {
      margin-right: 30px;
    }
    header .mainmenu li a {
      font-size: 16px;
    }
    header .childmenu > li {
      padding: 35px 0 31px;
      margin-right: 20px;
    }
    header .childmenu > li a {
      font-size: 14px;
    }
    header .box-search .box-drop-search {
      width: 505px;
    }
    header .box-search .box-drop-search input {
      width: 455px;
    }
    .scroll-up {
      right: 200px;
    }
    .box-filter.filterbranch input,
    .box-filter.filterbranch select {
      width: 45%;
      height: 50px;
    }
  }
  @media (min-width: 0px) and (max-width: 1660px) {
    .btn-rounded {
      font-size: 14px;
    }
    header .childmenu > li {
      display: none;
    }
    header .childmenu > li.drop {
      display: block;
    }
    header .mainmenu {
      padding-right: 30px;
    }
    header .box-burg-menu {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      padding-left: 20px;
      cursor: pointer;
    }
    header .box-burg-menu .burg-menu {
      width: 31px;
      height: 15px;
      position: relative;
    }
    header .box-burg-menu .burg-menu span {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background: #121313;
      transition: width 0.2s ease-out;
      -webkit-transition: width 0.2s ease-out;
      -moz-transition: 0.2s width ease-out;
      -ms-transition: 0.2s width ease-out;
      -o-transition: 0.2s width ease-out;
    }
    header .box-burg-menu .burg-menu span:nth-child(2) {
      top: 7px;
    }
    header .box-burg-menu .burg-menu span:last-child {
      top: 14px;
    }
    header .box-burg-menu .burg-menu:hover span:last-child {
      width: 20px;
    }
    .box-right-menu {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 8;
      background: rgba(0, 0, 0, 0.7);
      display: none;
    }
    .box-right-menu .inner-right-menu {
      text-transform: uppercase;
      min-width: 350px;
      box-sizing: border-box;
      background: #0b1966;
      color: #fff;
      padding: 100px 30px 50px;
      font-size: 20px;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
    }
    .box-right-menu a {
      color: #fff;
    }
    .box-right-menu .close-menu {
      position: absolute;
      top: 30px;
      left: 30px;
      width: 30px;
      height: 30px;
      cursor: pointer;
    }
    .box-right-menu .close-menu span {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      background: #fff;
      display: block;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transition: background 0.2s ease-out;
      -webkit-transition: background 0.2s ease-out;
      -moz-transition: 0.2s background ease-out;
      -ms-transition: 0.2s background ease-out;
      -o-transition: 0.2s background ease-out;
    }
    .box-right-menu .close-menu span:last-child {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
    }
    .box-right-menu .close-menu:hover span {
      background: #d39c49;
    }
    .box-right-menu .box-in-rightmenu {
      max-height: 71vh;
      overflow: auto;
      padding-right: 20px;
      padding-bottom: 50px;
      box-sizing: border-box;
    }
    .box-right-menu .box-list-menu-right {
      border-bottom: 1px solid #f2f2f2;
      margin-bottom: 20px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right {
      padding-bottom: 10px;
      font-weight: 300;
      position: relative;
    }
    .box-right-menu .box-list-menu-right .list-menu-right:last-child {
      margin-bottom: 0;
    }
    .box-right-menu .box-list-menu-right .list-menu-right.dropmenu > a {
      position: relative;
      padding-right: 20px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right.dropmenu > a:after {
      content: "";
      position: absolute;
      top: 4px;
      right: 0;
      width: 21px;
      height: 11px;
      background: url(../images/material/arrow-bottom-white.png) no-repeat 50%;
    }
    .box-right-menu .box-list-menu-right .list-menu-right a {
      padding-bottom: 15px;
      display: block;
    }
    .box-right-menu .box-list-menu-right .list-menu-right a:hover {
      color: #d39c49;
    }
    .box-right-menu .box-list-menu-right .list-menu-right > a {
      position: relative;
      padding-bottom: 20px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right > a:before {
      content: "";
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 0;
      height: 2px;
      background: #d39c49;
      transition: width 0.2s ease-out;
      -webkit-transition: width 0.2s ease-out;
      -moz-transition: 0.2s width ease-out;
      -ms-transition: 0.2s width ease-out;
      -o-transition: 0.2s width ease-out;
    }
    .box-right-menu .box-list-menu-right .list-menu-right > a:hover:before {
      width: 30px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul {
      position: relative;
      display: none;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul li {
      padding-left: 25px;
      font-size: 16px;
      position: relative;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul li:after {
      content: "";
      position: absolute;
      top: 7px;
      left: 0;
      width: 0;
      height: 2px;
      background: #d39c49;
      transition: width 0.2s ease-out;
      -webkit-transition: width 0.2s ease-out;
      -moz-transition: 0.2s width ease-out;
      -ms-transition: 0.2s width ease-out;
      -o-transition: 0.2s width ease-out;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul li:hover:after {
      width: 14px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul li.active a {
      color: #d39c49;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul li.active:after {
      width: 14px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul.active {
      display: block;
    }
    .box-right-menu .box-list-menu-right .list-menu-right.active > a {
      color: #d39c49;
    }
    .box-right-menu .box-lang-right {
      margin-bottom: 20px;
      font-size: 14px;
      font-weight: 300;
    }
    .box-right-menu .box-lang-right a.active {
      color: #ffff;
    }
    .box-right-menu .box-search-right {
      position: relative;
    }
    .box-right-menu .box-search-right input[type="text"] {
      width: 100%;
      box-sizing: border-box;
      font-size: 14px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      height: 48px;
    }
    .box-right-menu .box-search-right button {
      width: 48px;
      height: 48px;
      background: #ffff url(../images/material/ic_search_white.png) no-repeat
        50%;
      border: none;
      float: left;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
      -o-border-radius: 0 5px 5px 0;
    }
    .box-slidehome,
    .sliderhome .list {
      min-height: 600px;
    }
    .sliderhome .list .desc h1 {
      font-size: 36px;
      margin-bottom: 5px;
    }
    .sliderhome .list .desc h2 {
      font-size: 24px;
    }
    .box-list-ib .list-ib .inner-ib {
      padding: 15px 20px;
      height: 264px;
    }
    .box-list-ib .list-ib .inner-ib p {
      font-size: 14px;
      line-height: 20px;
    }
    .box-list-ib .list-ib .inner-ib .title-ib {
      padding-left: 50px;
      margin-bottom: 20px;
    }
    .box-list-ib .list-ib .inner-ib .title-ib h3 {
      font-size: 18px;
    }
    .box-list-ib .list-ib .inner-ib .title-ib .ic-ib {
      top: -20px;
      width: 38px;
    }
    .box-list-ib .list-ib .inner-ib .box-slidev > span {
      font-size: 12px;
    }
    .box-btn-slidev {
      margin-bottom: 5px;
    }
    .box-btn-slidev .list-btn {
      font-size: 14px;
    }
    .box-depo {
      margin-bottom: 0;
    }
    .box-depo h2 {
      font-size: 24px;
    }
    .box-depo .in-slide {
      font-size: 14px;
    }
    .box-depo .left {
      padding-top: 18px;
      padding-bottom: 18px;
    }
    .box-depo .right {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .box-depo.lebwi .right {
      padding-top: 18px;
      padding-bottom: 18px;
    }
    .scroll-up {
      right: 80px;
    }
    .box-branch h4 {
      font-size: 22px;
    }
    .box-branch .left-branch {
      padding-left: 30px;
      padding-right: 30px;
    }
    .box-branch.ctn_wp .ln-btm {
      margin-bottom: 25px;
    }
  }
  @media (min-width: 0px) and (max-width: 1480px) {
    header {
      min-height: 75px;
    }
    header .head-left {
      padding-top: 14px;
    }
    header .head-right {
      height: 70px;
    }
    header .mainmenu li a {
      font-size: 15px;
    }
    header .childmenu > li {
      padding: 26px 0 25px;
    }
    .banner {
      padding-top: 75px;
    }
    .ctn_wp h2 {
      font-size: 36px;
    }
    .ctn_wp h3 {
      font-size: 24px;
      line-height: 32px;
    }
    .ctn_wp .ln-btm {
      padding-bottom: 35px;
    }
    .box-list-personal .list-personal h4 {
      font-size: 16px;
      margin-bottom: 5px;
      line-height: 20px;
    }
    .box-list-personal .list-personal h4.hrowright:before {
      top: 2px;
    }
    .box-list-personal .list-personal .desc-personal {
      font-size: 14px;
      line-height: 20px;
    }
    .box-list-personal .list-personal .desc-personal p {
      line-height: 20px;
    }
    .box-list-personal .list-personal .desc-personal span {
      font-size: 12px;
      line-height: 16px;
    }
    .box-list-personal .list-personal .desc-personal h4 {
      height: 40px;
    }
    .in-list .tlist {
      font-size: 14px;
      line-height: 18px;
    }
    .in-list .tlist:before {
      top: 6px;
    }
    .box-ro-wh .title-ro-wh {
      margin-bottom: 45px;
    }
    .scroll-up {
      right: 40px;
    }
    .box-branch-network .box-desc-global {
      width: 1200px;
      padding: 20px 40px;
      bottom: 20px;
    }
    .box-branch-network .box-desc-global .wrapper {
      width: 100%;
    }
    .box-slidehome .box-ibhome {
      bottom: 40px;
    }
    .sliderhome .slick-dots {
      bottom: 75px;
    }
    .box-form .left {
      width: 57.47%;
    }
    .box-form .right {
      width: 36.78%;
    }
    footer {
      font-size: 12px;
    }
  }
  @media (min-width: 0px) and (max-width: 1320px) {
    .wrapper {
      width: 1170px;
    }
    .btn-rounded.btn-key {
      min-width: 100px;
      width: 168px;
    }
    .box-breadcrumb {
      padding-left: 100px;
    }
    .box-breadcrumb:before {
      left: 0;
    }
    .wthlabel {
      padding-left: 100px;
    }
    .wthlabel:before {
      left: 0;
    }
    .box-map-network {
      position: relative;
      top: auto;
      left: auto;
      bottom: auto;
      right: auto;
      height: 600px;
    }
    .box-branch-network {
      height: auto;
      min-height: 0;
    }
    .box-branch-network .box-desc-global {
      box-sizing: border-box;
      width: auto;
      bottom: auto;
      left: auto;
      right: auto;
      position: relative;
    }
    .box-branch-network .box-desc-global p {
      font-size: 18px;
      line-height: 24px;
    }
    .box-branch-network.ctn_wp {
      margin-top: 0;
      padding: 75px 0 0;
    }
  }
  @media (min-width: 0px) and (max-width: 1200px) {
    .wrap-md,
    .wrapper {
      width: 970px;
    }
    .btn-rounded {
      font-size: 12px;
      letter-spacing: 0;
      height: 35px;
      line-height: 35px;
    }
    .btn-rounded.btn-key:before {
      right: 8px;
      width: 25px;
      height: 25px;
      background-size: 13px;
    }
    .btn-rounded.btn-bangking {
      padding-left: 33px;
    }
    .btn-rounded.btn-bangking:before {
      left: 10px;
      background-size: 100%;
      width: 13px;
      top: 16px;
    }
    .btn-rounded.btn-download {
      font-size: 16px;
      height: 48px;
      line-height: 48px;
      padding-left: 20px;
      padding-right: 20px;
    }
    .btn-rounded.btn-download .ic_pdf {
      margin-right: 10px;
    }
    header {
      padding: 0 27px;
    }
    header .mainmenu {
      padding-right: 20px;
    }
    header .mainmenu li {
      margin-right: 20px;
    }
    header .mainmenu li a {
      letter-spacing: 0.5px;
    }
    header .childmenu {
      padding-right: 10px;
    }
    header .box-search {
      padding-right: 15px;
    }
    header .box-search > span {
      background-size: 100%;
      width: 15px;
    }
    header .box-search .box-drop-search {
      right: 10px;
      top: 16px;
      width: 408px;
    }
    header .box-search .box-drop-search input {
      width: 360px;
      height: 40px;
    }
    header .box-search .box-drop-search .close-search {
      height: 40px;
    }
    header .box-search .box-drop-search .close-search span {
      width: 20px;
    }
    header .box-burg-menu {
      padding-left: 10px;
    }
    header.float .box-ib .btn-bangking.btn-rounded {
      font-size: 12px;
    }
    .box-depo.lebwi .in-slide .right-inslide {
      font-size: 16px;
    }
    .box-btn-in .btn-rounded.btn-key {
      width: 48%;
      margin-right: 2%;
    }
    .box-list-ib .list-ib .inner-ib {
      padding-left: 15px;
      padding-right: 15px;
      height: 230px;
    }
    .box-list-ib .list-ib .inner-ib p {
      margin-bottom: 0;
    }
    .box-list-ib .list-ib .inner-ib .pdesc-ib {
      margin-top: 30px;
      margin-bottom: 10px;
    }
    .box-list-ib .list-ib .inner-ib .box-slidev .link-line,
    .box-list-ib .list-ib .inner-ib .box-slidev > span {
      font-size: 10px;
    }
    .box-right-menu .inner-right-menu {
      font-size: 16px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right ul li {
      font-size: 14px;
    }
    .box-quotes .left-quotes {
      width: 62%;
      padding-top: 70px;
    }
    .box-quotes .left-quotes:before {
      top: 50px;
    }
    .box-quotes .left-quotes h3 {
      margin-bottom: 0;
    }
    .box-quotes .left-quotes h3,
    .box-quotes .left-quotes p {
      font-size: 24px;
      line-height: 32px;
    }
    .box-quotes .right-quotes {
      width: 35%;
      padding-top: 45px;
    }
    .box-quotes.csrquotes .inleft-quotes:before {
      width: 50px;
    }
    .tbg-white {
      font-size: 16px;
      line-height: 24px;
    }
    .tbg-white p {
      line-height: 24px;
      margin-bottom: 20px;
    }
    .box-month-gen {
      padding: 0;
    }
    .ctn_wp h3 {
      line-height: 30px;
    }
    .box-month-list .list-month {
      margin-bottom: 55px;
    }
    .box-month-list .list-month .left-month,
    .box-month-list .list-month .right-month {
      width: 45%;
    }
    .scroll-up {
      width: 50px;
      height: 50px;
      bottom: 80px;
    }
    .box-sh-way .list-sh-way {
      margin: 0 25px;
    }
    .title-shway figure {
      width: 10%;
    }
    .title-shway figure img {
      width: 80px;
    }
    .title-shway .desc-title-shway {
      width: 89%;
      height: 80px;
    }
    .box-desc-shway .list-desc-shway {
      font-size: 16px;
      line-height: 24px;
    }
    .box-desc-shway .list-desc-shway p {
      line-height: 24px;
    }
    .box-desc-shway .list-desc-shway .lsway {
      font-size: 16px;
    }
    .box-list-vision .list-vision h3 {
      font-size: 26px;
      margin-bottom: 20px;
    }
    .box-list-vision .list-vision p {
      line-height: 24px;
    }
    .box-list-vision .list-vision figure {
      width: 120px;
      height: 160px;
    }
    .box-list-vision .list-vision figure img {
      width: 80px;
    }
    .box-list-vision .list-vision .inner-vision {
      padding-bottom: 40px;
    }
    .box-list-mission .list-mission p,
    .box-mission .title-mission p {
      font-size: 16px;
      line-height: 24px;
    }
    .box-list-bod .list-bod .desc-bod {
      width: 64%;
    }
    .box-list-awards .list-awards figure .lbl {
      font-size: 16px;
      line-height: 22px;
    }
    .box-list-awards .list-awards .inner-awards .desc-awards {
      padding: 30px 20px;
    }
    .box-list-awards .list-awards .inner-awards .desc-awards h5 {
      font-size: 22px;
      line-height: 24px;
    }
    .box-list-finance .list-finance h3 {
      font-size: 24px;
      margin-bottom: 5px;
    }
    .box-list-finance .list-finance span {
      font-size: 16px;
    }
    .box-list-annual .list-annual h3 {
      font-size: 26px;
    }
    .box-list-annual .list-annual .linkblue {
      font-size: 16px;
    }
    .link-download {
      font-size: 16px;
      margin-bottom: 25px;
    }
    .box-list-personal .list-personal .desc-personal {
      padding: 20px;
    }
    .box-list-personal .list-personal .detail-personal-list {
      padding: 30px 35px;
    }
    .box-list-personal.newslist .list-personal figure .lbl {
      font-size: 14px;
      padding-top: 10px;
      height: 80px;
      width: 65px;
    }
    .box-list-personal.newslist .list-personal figure .lbl h3 {
      font-size: 26px;
      line-height: 30px;
    }
    .box-apply {
      font-size: 18px;
      line-height: 26px;
    }
    .box-apply p {
      line-height: 26px;
      font-weight: 300;
    }
    .box-apply .left {
      width: 50%;
    }
    .box-apply .right {
      width: 46%;
    }
    .box-saving .list-saving .left {
      width: 67%;
    }
    .box-saving .list-saving .right {
      width: 30%;
    }
    .box-accor .list-accor .drop-accor {
      padding: 20px 30px;
    }
    .ctnp {
      padding: 40px 0;
    }
    .box-det-facility .list-det-facility {
      width: 46%;
      margin-right: 8%;
    }
    .box-list-report .list-report .lbl {
      width: 65px;
      height: 80px;
    }
    .box-list-report .list-report .desc-report {
      padding-left: 30px;
      padding-right: 30px;
    }
    .box-list-report .list-report .desc-report h4 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 5px;
    }
    .box-list-report .list-report .desc-report span {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .box-list-report .list-report .desc-report p {
      font-size: 16px;
      line-height: 24px;
    }
    .box-branch {
      height: auto;
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
    }
    .box-branch .left-branch {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 70px;
      order: 2;
    }
    .box-branch .right-branch {
      width: 100%;
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      order: 1;
    }
    .box-branch .box-map-branch {
      padding-top: 0;
    }
    .box-branch .box-map-branch .maps {
      height: 530px;
      min-height: 0;
    }
    .box-branch.ctn_wp {
      margin-top: 0;
      padding-top: 75px;
    }
    .box-filter.filterbranch input,
    .box-filter.filterbranch select {
      width: 300px;
      max-width: 47%;
      box-sizing: border-box;
      margin-right: 2%;
    }
    .box-scheight {
      height: auto;
    }
    .box-list-career .list-career .inner-career {
      padding-left: 130px;
    }
    .box-list-career .list-career .inner-career .lbl {
      width: 65px;
    }
    .box-list-career .list-career .inner-career .lbl:after {
      border-left-width: 32.5px;
      border-right-width: 32.5px;
    }
    .box-list-career .list-career .inner-career .lbl .icwp {
      background-size: 100%;
      width: 30px;
      height: 30px;
    }
    .exchange-table {
      font-size: 14px;
    }
    .exchange-table thead tr th {
      font-size: 16px;
    }
    .exchange-table thead tr:last-child th {
      padding-top: 10px;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .btn-ltl-accor
      .left {
      width: 67%;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .btn-ltl-accor
      .right {
      width: 32%;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .btn-sub-ltl-accor
      .left {
      width: 67%;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .btn-sub-ltl-accor
      .right {
      width: 32%;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .sub-in-ltl-accor
      .b-ls-sub
      .ls-sub-l-accor
      .left {
      width: 67%;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .sub-in-ltl-accor
      .b-ls-sub
      .ls-sub-l-accor
      .right {
      width: 32%;
    }
    footer {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    footer .foot-left {
      float: left;
    }
    footer .foot-left .callcenter {
      display: block;
      float: none;
    }
    footer .foot-left .callcenter:before {
      display: none;
    }
    footer .foot-left .callcenter:after {
      content: "";
      clear: both;
      display: block;
    }
    footer .foot-left .callcenter .logo-cs {
      width: 27px;
    }
    footer .foot-left .callcenter .txt-cs {
      line-height: 27px;
    }
    footer .foot-left .copyrights {
      display: block;
      float: none;
      padding: 10px 0 0;
    }
    footer .foot-term {
      float: right;
      padding-top: 7px;
      font-size: 10px;
    }
    footer .foot-term p {
      margin-bottom: 0;
    }
  }
  @media (min-width: 0px) and (max-width: 1020px) {
    .wrapper {
      width: auto;
      padding: 0 20px;
      box-sizing: border-box;
    }
    header .box-search,
    header .childmenu,
    header .mainmenu {
      display: none;
    }
    header .box-burg-menu {
      padding-left: 20px;
    }
    .box-list-ib .list-ib {
      width: 50%;
    }
    .box-list-ib .list-ib.inbangking,
    .box-list-ib .list-ib .inner-ib.orange {
      display: none;
    }
    .box-depo.lebwi .left,
    .box-depo.lebwi .right {
      padding-top: 13px;
      padding-bottom: 12px;
    }
    .box-depo.lebwi .in-slide .right-inslide {
      font-size: 20px;
    }
  }
  @media (min-width: 0px) and (max-width: 980px) {
    .wrap-md {
      padding: 0 20px;
    }
    .wrap-content,
    .wrap-md {
      width: auto;
    }
    .btn-rounded.btn-download {
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      letter-spacing: 0.5px;
    }
    .icwp.ic_pdf {
      height: 16px;
    }
    .icwp.ic_checked,
    .icwp.ic_pdf {
      width: 16px;
      background-size: 100%;
    }
    .icwp.ic_checked {
      height: 12px;
    }
    .box-slidehome {
      padding-top: 92px;
      margin-top: -92px;
    }
    .sliderhome .list .desc {
      top: 25%;
    }
    .sliderhome .slick-dots {
      bottom: 98px;
    }
    .box-depo .in-slide {
      font-size: 12px;
      line-height: 18px;
    }
    .box-depo .left {
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .box-quotes {
      position: relative;
    }
    .box-quotes .left-quotes {
      padding-left: 50px;
      padding-top: 40px;
    }
    .box-quotes .left-quotes:before {
      width: 35px;
      background-size: 100%;
      left: 10px;
      top: 25px;
    }
    .box-quotes .left-quotes h3,
    .box-quotes .left-quotes p {
      font-size: 20px;
      line-height: 28px;
    }
    .box-quotes .right-quotes {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 42%;
      padding-top: 0;
    }
    .box-quotes.csrquotes .inleft-quotes {
      margin-top: 50px;
      padding-left: 50px;
    }
    .box-quotes.csrquotes .inleft-quotes:before {
      background-size: 100%;
      width: 40px;
      top: -10px;
    }
    .box-breadcrumb {
      font-size: 18px;
      padding-left: 80px;
    }
    .box-breadcrumb:before {
      width: 50px;
      height: 70px;
    }
    .box-breadcrumb h4 {
      font-size: 18px;
    }
    .box-breadcrumb .box-nav-list > span {
      padding-left: 10px;
    }
    .ctn_wp h1 {
      font-size: 60px;
    }
    .ctn_wp h2 {
      font-size: 24px;
    }
    .ctn_wp h3 {
      font-size: 20px;
      line-height: 26px;
    }
    .ctn_wp table thead th {
      font-size: 16px;
      line-height: 20px;
    }
    .ctn_wp table tbody td {
      font-size: 14px;
      line-height: 20px;
    }
    .ctn_wp .ln-btm {
      padding-bottom: 25px;
    }
    .ctn_wp .ln-btm.hmid {
      font-size: 24px;
    }
    .ctn_wp .ln-btm.hsmall {
      font-size: 18px;
    }
    .ctn_wp .wthlabel:before {
      left: 20px;
    }
    .ctn_wp .wthlabel > .ln-btm {
      padding-left: 100px;
    }
    .ctn_wp .wthlabel > .ln-btm:before {
      left: 100px;
    }
    .ctn_wp .wthlabel > h3 {
      padding-left: 100px;
    }
    .tbg-white {
      padding: 45px 50px;
    }
    .box-nav-history .inner-nav-history {
      width: auto;
      padding: 0 50px;
    }
    .box-content-history {
      padding-top: 40px;
    }
    .box-sh-way {
      margin-top: 40px;
      padding-bottom: 40px;
    }
    .box-sh-way:after {
      content: "";
      clear: both;
      display: block;
    }
    .box-sh-way .list-sh-way {
      width: 20%;
      float: left;
      margin: 0;
      display: block;
    }
    .box-sh-way .list-sh-way figure {
      padding: 0 5px;
    }
    .box-sh-way .list-sh-way figure img {
      width: 93px;
    }
    .box-sh-way .list-sh-way h5 {
      font-size: 16px;
    }
    .title-shway figure img {
      width: 60px;
    }
    .title-shway .desc-title-shway {
      height: 60px;
    }
    .title-shway .desc-title-shway h5 {
      font-size: 18px;
    }
    .box-desc-shway .list-desc-shway {
      font-size: 14px;
      line-height: 20px;
    }
    .box-desc-shway .list-desc-shway p {
      line-height: 20px;
    }
    .box-desc-shway .list-desc-shway .lsway {
      font-size: 14px;
    }
    .box-list-vision {
      margin: 0 -7.5px;
    }
    .box-list-vision .list-vision {
      padding: 0 7.5px;
    }
    .box-list-vision .list-vision figure {
      width: 93px;
      height: 115px;
      padding-top: 20px;
      margin-bottom: 10px;
    }
    .box-list-vision .list-vision figure img {
      width: 70px;
    }
    .box-list-vision .list-vision h3 {
      font-size: 20px;
      margin-bottom: 10px;
    }
    .box-list-vision .list-vision p {
      font-size: 12px;
      line-height: 18px;
    }
    .box-list-vision .list-vision .inner-vision {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
    }
    .box-mission .title-mission p {
      font-size: 14px;
      line-height: 20px;
    }
    .box-list-mission .list-mission h5 {
      margin-bottom: 15px;
    }
    .box-list-mission .list-mission p {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 20px;
    }
    .box-btn-tab {
      margin-top: 40px;
    }
    .box-btn-tab .list-btn-tab {
      font-size: 18px;
      margin-right: 30px;
    }
    .box-btn-tab .list-btn-tab:after {
      right: -18px;
    }
    .box-list-bod .list-bod {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 40px;
    }
    .box-list-bod .list-bod h3 {
      font-size: 24px;
    }
    .box-list-bod .list-bod span {
      font-size: 16px;
      line-height: 24px;
    }
    .box-list-bod .list-bod p {
      line-height: 24px;
    }
    .box-list-bod .list-bod .desc-bod {
      padding-left: 28px;
      padding-top: 45px;
      padding-bottom: 45px;
    }
    .box-list-bod .list-bod .img-bod {
      right: 0;
    }
    .box-list-awards {
      margin: 0 -7.5px;
    }
    .box-list-awards .list-awards {
      padding: 0 7.5px;
      margin-bottom: 42px;
    }
    .box-list-awards .list-awards figure {
      padding: 42px 40px 35px;
    }
    .box-list-awards .list-awards figure .lbl {
      font-size: 12px;
      line-height: 16px;
      width: 50px;
      height: 60px;
      padding-top: 10px;
      left: 20px;
    }
    .box-list-awards .list-awards .inner-awards .desc-awards {
      padding: 20px;
    }
    .box-list-awards .list-awards .inner-awards .desc-awards h5 {
      font-size: 16px;
      line-height: 20px;
    }
    .lg-white {
      padding: 50px;
    }
    .box-list-finance .list-finance {
      padding-bottom: 25px;
      margin-bottom: 25px;
    }
    .box-list-finance .list-finance h3 {
      font-size: 20px;
    }
    .box-list-annual {
      margin: 0 -15px;
    }
    .box-list-annual .list-annual {
      padding: 0 10px;
    }
    .box-list-annual .list-annual figure {
      margin-bottom: 20px;
    }
    .box-list-annual .list-annual h3 {
      font-size: 20px;
    }
    .box-list-annual .list-annual .linkblue {
      font-size: 12px;
    }
    .link-download {
      font-size: 12px;
      padding-bottom: 20px;
      padding-left: 25px;
      padding-top: 2px;
      margin-bottom: 20px;
    }
    .link-download:before {
      width: 15px;
      height: 15px;
      background-size: 100%;
    }
    .box-list-personal .list-personal h4 {
      font-size: 14px;
      line-height: 16px;
    }
    .box-list-personal .list-personal h4.hrowright:before {
      background-size: 100%;
      width: 8px;
      top: -1px;
    }
    .box-list-personal .list-personal .desc-personal {
      font-size: 12px;
      line-height: 16px;
    }
    .box-list-personal .list-personal .desc-personal p {
      line-height: 16px;
    }
    .box-list-personal .list-personal .desc-personal h4 {
      height: 32px;
    }
    .box-list-personal .list-personal .detail-personal-list {
      padding: 30px;
    }
    .box-list-personal.newslist .list-personal figure .lbl {
      font-size: 11px;
      width: 50px;
      height: 60px;
      padding: 5px 5px 0;
      right: 10px;
    }
    .box-list-personal.newslist .list-personal figure .lbl h3 {
      font-size: 18px;
      line-height: 24px;
    }
    .in-list .tlist {
      font-size: 12px;
      line-height: 16px;
    }
    .box-ro-wh {
      padding-left: 50px;
      padding-right: 50px;
    }
    .box-ro-wh .desc-ro-wh table thead th {
      padding: 20px 15px;
      font-size: 16px;
      line-height: 20px;
    }
    .box-ro-wh .desc-ro-wh table tbody td {
      padding: 20px 15px;
      font-size: 14px;
      line-height: 20px;
    }
    .box-apply {
      font-size: 16px;
    }
    .box-accor .list-accor > span {
      font-size: 14px;
      padding-left: 15px;
      padding-right: 35px;
    }
    .box-accor .list-accor > span:after,
    .box-accor .list-accor > span:before {
      right: 15px;
    }
    .box-accor .list-accor .drop-accor {
      font-size: 14px;
      line-height: 20px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .box-saving .list-saving {
      margin-bottom: 5px;
    }
    .ctnp p {
      font-size: 16px;
      line-height: 22px;
    }
    .box-det-facility {
      padding-left: 0;
      padding-right: 0;
      padding-top: 30px;
    }
    .box-det-facility .list-det-facility {
      margin-right: 6%;
      width: 47%;
      margin-bottom: 25px;
    }
    .box-list-report .list-report .lbl {
      width: 50px;
      height: 60px;
    }
    .box-list-report .list-report .inner-report {
      background-size: 110px;
    }
    .box-list-report .list-report .desc-report {
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 100px;
    }
    .box-list-report .list-report .desc-report h4 {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 10px;
    }
    .box-list-report .list-report .desc-report span {
      font-size: 14px;
      margin-bottom: 0;
    }
    .box-list-report .list-report .desc-report p {
      font-size: 12px;
      line-height: 16px;
    }
    .box-branch h4 {
      font-size: 20px;
      line-height: 24px;
    }
    .box-branch .left-branch {
      padding-left: 20px;
      padding-right: 20px;
    }
    .box-list-branch .list-branch .drop-branch .row .left {
      width: 34%;
    }
    .box-list-branch .list-branch .drop-branch .row .right {
      width: 65%;
    }
    .box-branch-network .box-desc-global {
      padding-left: 0;
      padding-right: 0;
    }
    .box-map-network {
      height: 400px;
    }
    .popup .inner-popup {
      width: 90%;
    }
    .desc-address-pop .list-address-pop .left {
      width: 25%;
    }
    .desc-address-pop .list-address-pop .right {
      width: 74%;
    }
    .map_content {
      font-size: 12px;
    }
    .box-list-career .list-career .inner-career {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 90px;
    }
    .box-list-career .list-career .inner-career .lbl {
      width: 50px;
      left: 20px;
    }
    .box-list-career .list-career .inner-career .lbl:after {
      border-left-width: 25px;
      border-right-width: 25px;
      border-top-width: 15px;
      bottom: -15px;
    }
    .box-list-career .list-career .inner-career .lbl .icwp {
      width: 23px;
      bottom: -5px;
    }
    .box-career-listing .list-ls-career {
      font-size: 14px;
      padding: 15px 0;
      line-height: 20px;
    }
    .box-career-listing .list-ls-career h4 {
      font-size: 14px;
    }
    .box-career-listing .list-ls-career a {
      font-size: 12px;
      padding-right: 20px;
    }
    .box-career-listing .list-ls-career a:after {
      width: 20px;
    }
    .box-career-listing .list-ls-career .title-ls-career {
      width: 29%;
    }
    .box-career-listing .list-ls-career .link-ls-career {
      width: 20%;
    }
    .pagination a {
      font-size: 16px;
    }
    .box-ro-wh .title-ro-wh h3 {
      font-size: 24px;
    }
    .box-ro-wh .desc-ro-wh ul li {
      font-size: 16px;
      line-height: 26px;
    }
    .box-ro-wh .desc-ro-wh ul li:before {
      top: 10px;
    }
    .box-filter select {
      font-size: 16px;
    }
    .box-form {
      padding: 0 100px;
    }
    .box-form .left {
      width: 100%;
      margin-bottom: 40px;
    }
    .box-form .right {
      width: 100%;
    }
    .address-contact h5,
    .address-contact p {
      font-size: 16px;
      line-height: 24px;
    }
    .ctnp p {
      font-size: 14px;
      line-height: 18px;
    }
    footer {
      text-align: center;
    }
    footer .callcenter {
      margin-right: 0;
      padding: 0;
    }
    footer .callcenter .logo-cs,
    footer .callcenter .txt-cs {
      float: none;
      display: inline-block;
      vertical-align: middle;
    }
    footer .copyrights {
      margin-right: 0;
      font-size: 10px;
    }
    footer .foot-left {
      float: none;
    }
    footer .foot-term {
      float: none;
      padding: 0;
    }
    footer .foot-term .logo-ojk,
    footer .foot-term p {
      display: inline-block;
      float: none;
      vertical-align: middle;
    }
    footer .foot-term p {
      padding: 3px 0 0;
    }
    footer .foot-term .logo-ojk {
      height: 14px;
      margin-left: 15px;
      padding: 0 0 0 10px;
    }
    footer .foot-term .logo-ojk:before {
      height: 20px;
      top: -1px;
    }
    footer .foot-term .logo-ojk img {
      height: 16px;
    }
  }
  @media (min-width: 0px) and (max-width: 690px) {
    .btn-rounded {
      padding: 0 10px;
    }
    .btn-rounded.btn-key {
      min-width: 0;
    }
    .btn-rounded.btn-key:before {
      width: 25px;
      height: 25px;
      background-size: 12px;
    }
    .btn-rounded.btn-download {
      font-size: 11px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .btn-rounded.btn-download .ic_pdf {
      margin-right: 10px;
    }
    .btn-rounded.btn-send {
      padding-left: 40px;
    }
    .btn-rounded.btn-send:before {
      left: 10px;
      background-size: 100%;
      width: 20px;
      height: 13px;
    }
    header {
      min-height: 57px;
    }
    header .head-left .logo img {
      width: 200px;
    }
    header .head-right {
      height: 57px;
    }
    header .box-ib {
      display: none;
    }
    header.float {
      min-height: 57px;
    }
    header.float .head-left {
      padding-top: 14px;
    }
    header.float .head-left .logo img {
      width: 200px;
    }
    header.float .head-right {
      height: 57px;
    }
    .box-right-menu .close-menu {
      left: 20px;
      top: 20px;
    }
    .box-right-menu .inner-right-menu {
      min-width: 0;
      width: 100%;
      padding: 80px 20px 40px;
    }
    .box-right-menu .box-in-rightmenu {
      max-height: 70vh;
      padding-bottom: 30px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right > a {
      font-size: 14px;
      padding-bottom: 10px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right > a:before {
      bottom: 5px;
    }
    .box-right-menu .box-list-menu-right .list-menu-right.dropmenu > a:after {
      width: 15px;
      background-size: 100%;
    }
    .box-right-menu .box-search-right button,
    .box-right-menu .box-search-right input[type="text"] {
      height: 40px;
    }
    .loaderhome .logobg {
      background-size: 280px;
    }
    .box-slidehome {
      min-height: 970px;
      height: auto;
      margin-top: 0;
      padding-top: 57px;
    }
    .box-slidehome .box-ibhome {
      bottom: auto;
      top: 330px;
    }
    .sliderhome .list {
      min-height: 920px;
    }
    .sliderhome .list .desc {
      top: 40px;
    }
    .sliderhome .list .desc h1 {
      font-size: 30px;
      line-height: 34px;
    }
    .sliderhome .list .desc h2 {
      font-size: 18px;
      line-height: 24px;
    }
    .sliderhome .slick-dots {
      bottom: 20px;
    }
    .box-list-ib .list-ib {
      width: 100%;
      margin-bottom: 12px;
    }
    .box-list-ib .list-ib .inner-ib {
      height: auto;
    }
    .box-list-ib .list-ib .inner-ib p {
      font-size: 12px;
      line-height: 16px;
    }
    .box-list-ib .list-ib .inner-ib.orange {
      display: block;
      background: #d2a561;
    }
    .box-list-ib .list-ib .inner-ib.green {
      background: #36919f;
    }
    .box-list-ib .list-ib .inner-ib.blue {
      background: #3077b7;
    }
    .box-list-ib .list-ib .inner-ib .box-btn-in .btn-rounded {
      margin-right: 3%;
      width: 48%;
      margin-bottom: 5px;
    }
    .box-list-ib .list-ib .inner-ib .box-btn-in .list-btn a {
      color: #e9bd64;
    }
    .box-list-ib .list-ib .inner-ib .box-depo {
      color: #89deeb;
      border-color: #86bec6;
    }
    .box-list-ib .list-ib .inner-ib .box-depo:before {
      border-color: #86bec6;
    }
    .box-list-ib .list-ib .inner-ib .box-depo .in-slide {
      color: #89deeb;
    }
    .box-list-ib .list-ib.inbangking {
      display: block;
    }
    .box-list-ib .list-ib:hover .inner-ib {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
    }
    .box-breadcrumb {
      padding-left: 48px;
      font-size: 12px;
      position: relative;
    }
    .box-breadcrumb:before {
      width: 35px;
      height: 60px;
    }
    .box-breadcrumb h4 {
      font-size: 12px;
      display: block;
      line-height: 16px;
      padding-bottom: 0;
      float: none;
    }
    .box-breadcrumb .ln-brd {
      display: none;
    }
    .box-breadcrumb .box-nav-list {
      padding-top: 0;
      padding-bottom: 10px;
      display: block;
      float: none;
      position: static;
      line-height: 18px;
    }
    .box-breadcrumb .box-nav-list > span {
      padding-left: 0;
      padding-right: 25px;
      display: block;
      height: 18px;
    }
    .box-breadcrumb .box-nav-list > span:after {
      right: 0;
      background-size: 100%;
      width: 15px;
    }
    .box-breadcrumb .box-nav-list ul {
      min-width: 0;
      left: -20px;
      right: -20px;
    }
    .box-breadcrumb .box-nav-list ul li > a {
      padding: 5px 20px;
      line-height: 18px;
    }
    .box-breadcrumb .box-nav-list ul li .drop-in .list-in {
      padding-left: 40px;
    }
    .ctn_wp {
      padding: 30px 0;
    }
    .ctn_wp h1 {
      font-size: 30px;
    }
    .ctn_wp h2 {
      font-size: 18px;
    }
    .ctn_wp h3 {
      font-size: 16px;
      line-height: 22px;
    }
    .ctn_wp table {
      display: block;
      border: none;
    }
    .ctn_wp table thead {
      display: none;
    }
    .ctn_wp table thead th {
      font-size: 12px;
      line-height: 18px;
      padding: 15px 10px;
    }
    .ctn_wp table tbody {
      display: block;
    }
    .ctn_wp table tbody tr {
      display: block;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      padding: 10px 0;
    }
    .ctn_wp table tbody td {
      font-size: 12px;
      line-height: 16px;
      padding: 15px 10px;
      display: block;
      text-align: left;
      padding: 5px 10px;
      border: none;
    }
    .ctn_wp table tbody td:before {
      content: attr(data-title);
      display: block;
      margin-bottom: 5px;
      position: relative;
      font-weight: 700;
    }
    .ctn_wp .ln-btm {
      padding-bottom: 15px;
    }
    .ctn_wp .ln-btm:before {
      height: 3px;
    }
    .ctn_wp .ln-btm.hmid {
      font-size: 18px;
      padding-bottom: 20px;
    }
    .ctn_wp .wthlabel > .ln-btm,
    .ctn_wp .wthlabel h3 {
      padding-left: 50px;
    }
    .ctn_wp .wthlabel > .ln-btm:before {
      left: 50px;
    }
    .box-quotes .left-quotes {
      padding-top: 20px;
      width: 100%;
      padding-bottom: 30px;
      padding-left: 40px;
    }
    .box-quotes .left-quotes:before {
      left: 0;
      top: 5px;
      width: 30px;
    }
    .box-quotes .left-quotes h3,
    .box-quotes .left-quotes p {
      font-size: 14px;
      line-height: 18px;
    }
    .box-quotes .right-quotes {
      width: 100%;
      position: relative;
      bottom: auto;
      left: auto;
      right: auto;
    }
    .tbg-white {
      padding: 20px;
    }
    .tbg-white,
    .tbg-white p {
      font-size: 14px;
      line-height: 18px;
    }
    .box-nav-history .list {
      font-size: 16px;
    }
    .box-nav-history .inner-nav-history {
      padding: 0 35px;
    }
    .box-nav-history .slidenavhistory .slick-prev {
      left: 10px;
    }
    .box-nav-history .slidenavhistory .slick-next {
      right: 10px;
    }
    .box-content-history {
      padding-top: 30px;
    }
    .box-content-history h1 {
      margin-bottom: 30px;
    }
    .box-month-list:before {
      left: 10px;
    }
    .box-month-list .list-month {
      margin-bottom: 30px;
    }
    .box-month-list .list-month:before {
      left: 10px;
    }
    .box-month-list .list-month .left-month {
      display: none;
    }
    .box-month-list .list-month .right-month {
      width: 100%;
      padding-left: 45px;
      box-sizing: border-box;
    }
    .box-month-gen .linev-hr {
      left: 10px;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
    }
    .scroll-up {
      width: 35px;
      height: 35px;
      background-size: 15px;
      bottom: 20px;
      right: 20px;
    }
    .box-sh-way {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .box-sh-way .list-sh-way {
      width: 33.33333333333%;
      margin-bottom: 25px;
      padding: 0 5px;
      box-sizing: border-box;
    }
    .box-sh-way .list-sh-way figure {
      padding: 0;
      margin-bottom: 10px;
      padding: 0 5px;
    }
    .box-sh-way .list-sh-way h5 {
      font-size: 11px;
    }
    .title-shway {
      margin-bottom: 15px;
    }
    .title-shway .desc-title-shway {
      height: auto;
      width: 86%;
    }
    .title-shway .desc-title-shway h5 {
      font-size: 16px;
      line-height: 20px;
      padding-top: 3px;
    }
    .box-desc-shway .list-desc-shway {
      margin-bottom: 30px;
    }
    .box-list-vision .list-vision {
      width: 100%;
      margin-bottom: 28px;
    }
    .box-list-vision .list-vision h3 {
      font-size: 18px;
    }
    .box-mission .title-mission {
      margin-bottom: 40px;
    }
    .box-mission .title-mission p {
      font-size: 14px;
      line-height: 20px;
    }
    .box-list-mission {
      margin: 0;
    }
    .box-list-mission .list-mission {
      width: 100%;
      padding: 0;
      margin-bottom: 50px;
    }
    .box-btn-tab .list-btn-tab {
      margin-right: 0;
      font-size: 12px;
      margin-bottom: 10px;
      display: block;
    }
    .box-btn-tab .list-btn-tab:after {
      display: none;
    }
    .box-list-bod .list-bod {
      min-height: 150px;
    }
    .box-list-bod .list-bod p {
      display: none;
    }
    .box-list-bod .list-bod .desc-bod {
      padding: 30px 0 30px 20px;
    }
    .box-list-bod .list-bod .img-bod {
      width: 30%;
      right: 15px;
    }
    .box-list-bod .list-bod .img-bod img {
      max-height: 180px;
      float: right;
    }
    .popup .inner-popup {
      padding: 60px 20px 20px;
      height: 500px;
      overflow: auto;
      max-height: 80vh;
    }
    .popup .inner-popup .close-pop {
      width: 25px;
      height: 25px;
      top: 20px;
      right: 20px;
    }
    .popup .inner-popup .close-pop span {
      width: 25px;
    }
    .popup .inner-popup .title-pop {
      padding-left: 50px;
      margin-bottom: 30px;
      padding-top: 10px;
    }
    .popup .inner-popup .title-pop h3 {
      font-size: 18px;
    }
    .popup .inner-popup .title-pop .lbl {
      width: 35px;
      left: 0;
      height: 42px;
      top: 0;
    }
    .popup#popmaps .inner-popup {
      height: 500px;
      overflow: hidden;
    }
    .popup.popthanks .inner-popup {
      width: 90%;
    }
    .popup.popthanks .inner-popup p {
      font-size: 14px;
    }
    .box-list-pop-address {
      max-height: 60vh;
      overflow: auto;
    }
    .desc-address-pop,
    .desc-address-pop h5 {
      font-size: 14px;
      line-height: 18px;
    }
    .desc-address-pop p {
      line-height: 18px;
    }
    .desc-address-pop .list-address-pop {
      margin-bottom: 15px;
    }
    .desc-address-pop .list-address-pop .left,
    .desc-address-pop .list-address-pop .right {
      width: 100%;
    }
    .box-in-management {
      font-size: 14px;
      line-height: 20px;
    }
    .box-in-management h3 {
      font-size: 24px;
    }
    .box-in-management p {
      line-height: 20px;
    }
    .box-list-awards {
      margin: 0;
      padding: 0 20px;
    }
    .box-list-awards .list-awards {
      width: 100%;
      padding: 0;
    }
    .banner {
      padding-top: 57px;
    }
    .banner.box-map .maps {
      height: 250px;
    }
    .lg-white {
      padding: 20px;
    }
    .box-list-finance .list-finance h3 {
      font-size: 16px;
      line-height: 24px;
    }
    .box-list-finance .list-finance span {
      font-size: 14px;
    }
    .box-list-finance .list-finance .left {
      width: 100%;
      margin-bottom: 20px;
    }
    .box-list-finance .list-finance .right {
      width: 100%;
    }
    .pagination {
      margin-bottom: 20px;
    }
    .pagination a {
      width: 25px;
      height: 25px;
    }
    .pagination a,
    .pagination span {
      font-size: 12px;
      line-height: 25px;
      margin-right: 7px;
    }
    .box-list-annual .list-annual {
      width: 50%;
    }
    .box-list-annual .list-annual h3 {
      font-size: 16px;
    }
    .wthlabel {
      top: auto;
    }
    .wthlabel:before {
      width: 35px;
      height: 60px;
    }
    .box-list-personal .list-personal {
      width: 100%;
    }
    .box-list-personal .list-personal .desc-personal h4 {
      height: auto;
    }
    .box-ro-wh {
      padding-left: 20px;
      padding-right: 20px;
    }
    .box-ro-wh .title-ro-wh {
      padding-left: 65px;
      margin-bottom: 28px;
    }
    .box-ro-wh .title-ro-wh h3 {
      font-size: 20px;
    }
    .box-ro-wh .title-ro-wh .lbl {
      width: 50px;
      height: 70px;
      left: 0;
    }
    .box-ro-wh .title-ro-wh .lbl .icwp {
      width: 25px;
      height: 25px;
      background-size: 100%;
    }
    .box-ro-wh .desc-ro-wh {
      font-size: 12px;
      line-height: 16px;
    }
    .box-ro-wh .desc-ro-wh p {
      line-height: 18px;
    }
    .box-ro-wh .desc-ro-wh ul li {
      font-size: 12px;
      line-height: 16px;
    }
    .box-ro-wh .desc-ro-wh ul li:before {
      width: 5px;
      height: 5px;
      top: 5px;
    }
    .box-ro-wh .desc-ro-wh ol li {
      font-size: 12px;
      line-height: 16px;
    }
    .box-ro-wh .desc-ro-wh ol li:before {
      left: 2px;
    }
    .box-ro-wh .desc-ro-wh table {
      display: block;
      border: none;
    }
    .box-ro-wh .desc-ro-wh table thead {
      display: none;
    }
    .box-ro-wh .desc-ro-wh table thead th {
      font-size: 12px;
      line-height: 18px;
      padding: 15px 10px;
    }
    .box-ro-wh .desc-ro-wh table tbody {
      display: block;
    }
    .box-ro-wh .desc-ro-wh table tbody tr {
      display: block;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      padding: 10px 0;
    }
    .box-ro-wh .desc-ro-wh table tbody td {
      font-size: 12px;
      line-height: 16px;
      padding: 15px 10px;
      display: block;
      text-align: left;
      padding: 5px 10px;
      border: none;
    }
    .box-ro-wh .desc-ro-wh table tbody td:before {
      content: attr(data-title);
      display: block;
      margin-bottom: 5px;
      position: relative;
      font-weight: 700;
    }
    .box-apply {
      font-size: 14px;
      line-height: 18px;
    }
    .box-apply h3.ln-btm {
      padding-bottom: 15px;
    }
    .box-apply p {
      line-height: 18px;
    }
    .box-apply .left {
      width: 100%;
      margin-bottom: 40px;
    }
    .box-apply .right,
    .box-saving .list-saving .left,
    .box-saving .list-saving .right {
      width: 100%;
    }
    .box-ltl-accor .list-ltl-accor .in-ltl-accor {
      padding-left: 15px;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .btn-ltl-accor
      .left,
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .btn-ltl-accor
      .right {
      width: 100%;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .btn-sub-ltl-accor:before {
      left: 0;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .btn-sub-ltl-accor
      .left {
      width: 100%;
      padding-left: 15px;
      font-size: 14px;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .btn-sub-ltl-accor
      .right {
      width: 100%;
      padding-left: 15px;
      box-sizing: border-box;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .sub-in-ltl-accor
      .b-ls-sub
      .ls-sub-l-accor:before {
      left: 15px;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .sub-in-ltl-accor
      .b-ls-sub
      .ls-sub-l-accor
      .left {
      width: 100%;
      padding-left: 25px;
      font-size: 14px;
    }
    .box-ltl-accor
      .list-ltl-accor
      .in-ltl-accor
      .list-in-ltl-accor
      .drop-in-ltl-accor
      .sub-in-ltl-accor
      .b-ls-sub
      .ls-sub-l-accor
      .right {
      width: 100%;
      padding-left: 25px;
      box-sizing: border-box;
    }
    .box-accor .list-accor .drop-accor {
      padding: 20px 15px;
    }
    .box-det-facility .list-det-facility {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
      padding-left: 20px;
    }
    .box-det-facility .list-det-facility:before {
      top: 8px;
    }
    .box-det-facility .list-det-facility h5 {
      font-size: 16px;
      line-height: 22px;
    }
    .box-list-report {
      padding: 0 15px;
    }
    .box-list-report .list-report {
      width: 100%;
    }
    .box-list-report .list-report .inner-report {
      background-size: 85px;
    }
    .box-list-report .list-report .desc-report {
      padding-top: 80px;
      padding-bottom: 100px;
    }
    .box-branch h4 {
      font-size: 16px;
      line-height: 24px;
    }
    .box-branch .box-map-branch .maps {
      height: 300px;
    }
    .box-branch.ctn_wp {
      padding-top: 57px;
    }
    .box-filter.filterbranch input,
    .box-filter.filterbranch select {
      width: 100%;
      max-width: none;
      margin-bottom: 10px;
      font-size: 14px;
    }
    .box-list-branch {
      padding-right: 0;
    }
    .box-list-branch .list-branch h5 {
      font-size: 16px;
    }
    .box-list-branch .list-branch span {
      font-size: 14px;
    }
    .box-list-branch .list-branch .btn-branch {
      padding: 20px 35px 20px 15px;
    }
    .box-list-branch .list-branch .drop-branch .close-drop-branch {
      width: 15px;
      height: 15px;
      top: -58px;
      right: 15px;
    }
    .box-list-branch .list-branch .drop-branch .row {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 15px;
    }
    .box-list-branch .list-branch .drop-branch .row p {
      line-height: 20px;
    }
    .box-list-branch .list-branch .drop-branch .row .left,
    .box-list-branch .list-branch .drop-branch .row .right {
      width: 100%;
    }
    .box-branch-network.ctn_wp {
      padding-top: 57px;
    }
    .box-branch-network .box-desc-global h2.ln-btm {
      padding-bottom: 20px;
    }
    .box-branch-network .box-desc-global p {
      font-size: 14px;
      line-height: 20px;
    }
    .box-list-career .list-career {
      width: 100%;
    }
    .box-career-listing .list-ls-career .address-ls-career,
    .box-career-listing .list-ls-career .date-ls-career,
    .box-career-listing .list-ls-career .link-ls-career,
    .box-career-listing .list-ls-career .title-ls-career {
      width: 100%;
      margin-bottom: 5px;
    }
    .box-career-listing .list-ls-career a {
      display: inline-block;
      padding-right: 30px;
    }
    .box-career-listing .list-ls-career a:after {
      background-size: 8px;
    }
    .box-form {
      padding: 0;
    }
    .box-form input[type="email"],
    .box-form input[type="number"],
    .box-form input[type="password"],
    .box-form input[type="text"],
    .box-form select,
    .box-form textarea {
      font-size: 14px;
      height: 50px;
    }
    .box-form textarea {
      height: 100px;
    }
    .box-form .row .lbl-plchdr {
      font-size: 14px;
      top: 18px;
    }
    .box-form .row .lbl-error {
      top: 18px;
    }
    .box-form .g-recaptcha {
      transform: scale(0.85);
      -webkit-transform: scale(0.85);
      -moz-transform: scale(0.85);
      -ms-transform: scale(0.85);
      -o-transform: scale(0.85);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
    }
    .address-contact h5,
    .address-contact p {
      font-size: 14px;
      line-height: 20px;
    }
  }
  @media (min-width: 0px) and (max-width: 440px) {
    .sliderhome .slick-dots {
      bottom: 0;
    }
    .box-list-ib .list-ib .inner-ib .box-btn-in .btn-rounded {
      width: 100%;
      margin-right: 0;
    }
    .box-depo.lebwi .in-slide .right-inslide {
      font-size: 16px;
    }
  }