.about-us-inside .content-section .nav-table-container .sort-data {
    margin-bottom: 15px;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .txt-title-1 {
    font-family: "DB_Adman_X";
    font-size: 19px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .txt-title-2 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 9px 0 5px;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .txt-title-3 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .nav-up {
    color: #009900;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .nav-down {
    color: #ff0000;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .rating {
    unicode-bidi: bidi-override;
    direction: rtl;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .rating > span {
    display: inline-block;
    position: relative;
    width: 11px;
    color: #01A1DF;
  }
  .about-us-inside .content-section .nav-table-container .nav-table .rating > span::before {
    content: "★";
    position: absolute;
  }
  .about-us-inside .content-section .inav-content {
    margin-bottom: 25px;
  }
  .about-us-inside .content-section .inav-content .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .about-us-inside .content-section .inav-content .tab-content {
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 0;
  }
  .about-us-inside .content-section .inav-content .inav-title .txt-title {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 5px;
  }
  .about-us-inside .content-section .inav-content .inav-title .txt-title-date {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .about-us-inside .content-section .inav-content .inav-title .txt-title-date i {
    font-size: 16px !important;
  }
  .about-us-inside .content-section .inav-content .inav-title .txt-title-date,
  .about-us-inside .content-section .inav-content .inav-title .datePicker,
  .about-us-inside .content-section .inav-content .inav-title .gen-button {
    display: inline-block;
    margin-right: 10px;
  }
  .about-us-inside .content-section .inav-content .inav-title .datePicker {
    max-width: 140px;
  }
  .about-us-inside .content-section .inav-content .inav-title .gen-button {
    float: none;
    margin-right: 0;
  }
  .about-us-inside .content-section .inav-content .inav-title .date {
    text-align: right;
    line-height: 24px;
    margin-bottom: 5px;
  }
  .about-us-inside .content-section .inav-content .txt-title-1 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .about-us-inside .content-section .inav-content .txt-title-2 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 9px 0 5px;
  }
  .about-us-inside .content-section .inav-content .-up {
    color: #009900;
  }
  .about-us-inside .content-section .inav-content .-down {
    color: #ff0000;
  }
  .about-us-inside .content-section .set-commodity-content .txt-title {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 7px 0;
  }
  .about-us-inside .content-section .set-commodity-content .date {
    text-align: right;
    line-height: 47px;
  }
  
  .download .main-bg {
    height: auto !important;
  }
  .download .inside-wrapper {
    margin-top: -1000px;
  }
  @media screen and (max-width: 1440px) {
    .download .inside-wrapper {
      margin-top: -800px;
    }
  }
  @media screen and (max-width: 1199px) {
    .download .inside-wrapper {
      margin-top: -600px;
    }
  }
  @media screen and (max-width: 999px) {
    .download .inside-wrapper {
      margin-top: -400px;
    }
  }
  @media screen and (max-width: 767px) {
    .download .inside-wrapper {
      margin-top: 20px;
    }
  }
  .download .content-section {
    margin-bottom: 35px;
  }
  .download .content-section .grid .col-sm-6,
  .download .content-section .grid .col-md-6 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .download .content-section .grid .grid-item .grid-item-content {
    height: 160px;
    margin-bottom: 4px;
  }
  .download .content-section .grid .grid-item .grid-item-content--height2 {
    height: 324px;
  }
  .download .content-section .widget {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
  }
  .download .content-section .widget .img-widget {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  @media screen and (max-width: 1000px) {
    .download .content-section .widget .img-widget .img-custom-responsive {
      width: 100%;
    }
  }
  .download .content-section .widget .txt-widget {
    position: absolute;
    width: 100%;
    min-height: 50px;
    height: auto;
    text-align: center;
  }
  .download .content-section .widget .txt-widget .icon-link.-top {
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
  .download .content-section .widget .txt-widget .icon-link.-left {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .download .content-section .widget .txt-widget .txt-link {
    font-family: "DB_Adman_X";
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  }
  .download .content-section .widget .txt-widget .txt-link.-txt-long {
    font-size: 24px;
    line-height: 1.1em;
  }
  .download .content-section .widget .txt-widget.-bottom {
    bottom: 20px;
  }
  .download .content-section .widget .txt-widget.-bottom .txt-link {
    text-align: center;
  }
  .download .content-section .widget .txt-widget.-middle {
    top: 25%;
    vertical-align: top;
  }
  .download .content-section .widget .txt-widget.-middle-height {
    top: 25%;
    vertical-align: top;
  }
  .download .content-section .widget.-bg-blue {
    background-color: #01A1DF;
  }
  .download .content-section .widget.-bg-grey {
    background-color: #999999;
  }
  .download .content-section .targetDiv {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 324px;
    background-color: #fff;
    border: 1px solid #666;
    display: none;
    z-index: 9;
  }
  @media screen and (max-width: 1000px) {
    .download .content-section .targetDiv {
      max-width: 97%;
    }
  }
  @media screen and (max-width: 768px) {
    .download .content-section .targetDiv {
      max-width: 95%;
    }
  }
  .download .content-section .mutual-list {
    padding: 10px 15px;
    position: relative;
  }
  .download .content-section .mutual-list .txt-highlight h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    margin-bottom: 15px;
    font-weight: normal;
  }
  .download .content-section .mutual-list .list-menu {
    overflow: auto;
    position: relative;
    height: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .download .content-section .mutual-list .list-menu ul {
    padding: 0px;
    padding-left: 1px;
    margin: 0px;
    list-style: none;
  }
  .download .content-section .mutual-list .list-menu ul li {
    list-style-type: circle;
    list-style-position: inside;
    color: #01A1DF;
    margin-bottom: 5px;
  }
  .download .content-section .mutual-list .list-menu ul li a {
    color: #666;
  }
  .download .content-section .mutual-list .list-menu ul li a:hover {
    text-decoration: none;
    color: #01A1DF;
  }
  .download .content-section .btn-close {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border: 0px;
  }
  .download .content-section .btn-close i {
    margin-left: 0px;
    font-size: 26px;
  }
  .download .content-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
  }
  .download .content-section .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
  }
  .download .content-section .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .download .content-section .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #999999;
  }
  .download .content-section .mCSB_scrollTools {
    right: 0px;
  }
  .download .content-section .row {
    margin: 0px;
  }
  .download .content-section .row .no-padding {
    padding: 0px;
  }
  .download .content-section .download-menu {
    font-family: "DB_Adman_X";
    color: #666;
  }
  .download .content-section .download-menu .dropdown-content {
    display: none;
  }
  .download .content-section .download-menu .menu-list {
    padding: 0px;
    margin: 0px;
  }
  .download .content-section .download-menu .menu-list .menu-item {
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 15px;
    margin-bottom: 1px;
  }
  .download .content-section .download-menu .menu-list .menu-item a {
    display: block;
    color: #666;
    font-size: 20px;
  }
  .download .content-section .download-menu .menu-list .menu-item a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .download .content-section .download-menu .menu-list .menu-item.current {
    position: relative;
    background-color: #0082D6;
  }
  .download .content-section .download-menu .menu-list .menu-item.current:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #0082D6;
    border-width: 18px;
    margin-top: -18px;
    z-index: 9;
  }
  .download .content-section .download-menu .menu-list .menu-item.current a {
    color: #fff;
  }
  .download .content-section .download-menu .menu-list .menu-item.current a:hover {
    text-decoration: none;
  }
  @media screen and (max-width: 1000px) {
    .download .content-section .download-menu .menu-list .menu-item a {
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .download .content-section .download-menu .menu-list {
      display: none;
    }
    .download .content-section .download-menu .dropdown-content {
      display: block;
    }
    .download .content-section .download-menu .dropdown-content .btn {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .download .content-section .download-menu .dropdown-content .btn-primary {
      background-color: #01A1DF;
      border-radius: 0;
      border: none;
    }
    .download .content-section .download-menu .dropdown-content .btn-primary:hover {
      background-color: #01A1DF;
    }
    .download .content-section .download-menu .dropdown-content .btn-primary:focus {
      background-color: #01A1DF;
    }
    .download .content-section .download-menu .dropdown-content .dropdown-menu {
      float: left;
      background-color: #e9e9e9;
      border-radius: 0;
      max-width: 100%;
    }
    .download .content-section .download-menu .dropdown-content .dropdown-menu li {
      line-height: 20px;
      cursor: pointer;
    }
    .download .content-section .download-menu .dropdown-content .dropdown-menu li a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: normal;
    }
    .download .content-section .download-menu .dropdown-content .all-content {
      margin-top: 25px;
      float: right;
    }
    .download .content-section .download-menu .dropdown-content .all-content a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #666666;
    }
    .download .content-section .download-menu .dropdown-content .all-content a i {
      margin-left: 10px;
      font-size: 12px;
    }
  }
  .download .content-section .download-content {
    border: 1px solid #CCCCCC;
    background-color: #fff;
    padding: 10px 10px 10px 30px;
    margin-top: -70px;
    height: auto;
    z-index: 6;
  }
  .download .content-section .download-content .breadcrumb-section .breadcrumb {
    background: transparent;
  }
  .download .content-section .download-content .txt-editor {
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    height: auto;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .download .content-section .download-content .txt-editor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
  }
  .download .content-section .download-content .txt-editor .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
  }
  .download .content-section .download-content .txt-editor .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .download .content-section .download-content .txt-editor .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #999999;
  }
  .download .content-section .download-content .txt-editor .mCSB_scrollTools {
    right: 0px;
  }
  .download .content-section .download-content .txt-editor h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    font-weight: normal;
    margin: 15px 0;
  }
  .download .content-section .download-content .txt-editor p {
    margin: 5px 0;
  }
  .download .content-section .download-content .txt-editor table {
    margin: 5px 0;
    width: 100%;
  }
  .download .content-section .download-content .txt-editor table tr td {
    padding: 5px;
  }
  .download .content-section .download-content .txt-editor ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .download .content-section .download-content .txt-editor ul li {
    float: left;
    width: 100%;
    clear: both;
  }
  .download .content-section .download-content .media-content {
    margin-top: 8px;
    overflow: auto;
    position: relative;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .download .content-section .download-content .media-content h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    font-weight: normal;
    margin: 15px 0;
  }
  .download .content-section .download-content .media-content .media-player {
    margin-bottom: 25px;
    background-color: #000;
    display: block;
    overflow: hidden;
  }
  .download .content-section .download-content .media-content .media-player iframe {
    width: 100%;
    height: 320px;
  }
  .download .content-section .download-content .media-content .content-item {
    max-height: 250px;
    margin-bottom: 45px;
  }
  .download .content-section .download-content .media-content .content-item .img-display {
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
  }
  .download .content-section .download-content .media-content .content-item .img-display .ytp-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #000;
  }
  .download .content-section .download-content .media-content .content-item .img-display .ytp-btn i {
    font-size: 36px;
    margin-top: 15%;
  }
  .download .content-section .download-content .media-content .content-item .img-display .ytp-btn:hover {
    color: #01A1DF;
  }
  .download .content-section .download-content .media-content .content-item .date-display {
    margin: 0 auto;
    margin-bottom: 15px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .download .content-section .download-content .media-content .content-item .date-display .-date {
    display: inline-block;
    margin-right: 10px;
    font-size: 50px;
    line-height: 36px;
  }
  .download .content-section .download-content .media-content .content-item .date-display .-month {
    display: inline-block;
    font-size: 18px;
    line-height: 14px;
  }
  .download .content-section .download-content .media-content .content-item .txt-display {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-title {
    font-size: 20px;
    line-height: 20px;
    color: #01A1DF;
    margin: 5px 0;
    height: auto;
    font-weight: normal;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-title a {
    font-size: 20px;
    line-height: 20px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-title a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description {
    font-size: 20px;
    line-height: 16px;
    color: #666;
    margin: 5px 0;
    height: auto;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description .-view,
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description .-download,
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description .-date {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    line-height: 20px;
    color: #666;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description .-view i,
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description .-download i,
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description .-date i {
    font-size: 14px;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description a {
    font-size: 20px;
    line-height: 20px;
    color: #666;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .txt-description a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .all-content {
    display: block;
    margin-top: 20px;
    text-align: left;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .all-content .read-more {
    margin-top: 20px;
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #666;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .all-content .read-more:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .download .content-section .download-content .media-content .content-item .txt-display .all-content .read-more i {
    font-size: 14px;
    margin-left: 10px;
  }
  .download .content-section .download-content .list-download li {
    padding: 10px 0 9px;
    border-bottom: dotted 1px #666;
  }
  .download .content-section .download-content .list-download li a {
    color: #666;
    text-decoration: none;
  }
  .download .content-section .download-content .list-download li a .-pdf {
    color: #ff0000;
  }
  .download .content-section .download-content .list-download li a .-excel {
    color: #009900;
  }
  .download .content-section .download-content .list-download li a .col-sm-2 {
    text-align: center;
  }
  .download .content-section .download-content .list-download li:hover {
    background-color: #f5f5f5;
  }
  @media screen and (max-width: 999px) {
    .download .content-section .download-content .list-download li a .-name {
      margin-bottom: 10px;
    }
    .download .content-section .download-content .list-download li a .col-sm-2 {
      text-align: left;
    }
  }
  .download .content-section .download-content .list-group-item {
    position: relative;
    border-bottom: dotted 1px #666;
  }
  .download .content-section .download-content .list-group-item .link-download {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #666;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    text-decoration: none;
  }
  .download .content-section .download-content .list-group-item .link-download .-pdf {
    color: #ff0000;
  }
  .download .content-section .download-content .list-group-item .link-download .-excel {
    color: #009900;
  }
  .download .content-section .download-content .list-group-item .link-download:hover {
    color: #ff0000;
  }
  .download .content-section .download-content .list-group-head {
    max-width: 90%;
  }
  .download .content-section .download-content .list-group-head > div {
    padding: 10px 0 5px 0;
  }
  .download .content-section .download-content .list-group-head .-name {
    font-size: 20px;
  }
  @media screen and (max-width: 767px) {
    .download .content-section .download-content {
      margin-top: 10px;
      padding: 15px 0;
      height: auto;
    }
    .download .content-section .download-content .breadcrumb-section .breadcrumb {
      font-size: 18px;
    }
    .download .content-section .download-content .txt-editor {
      height: auto;
    }
    .download .content-section .download-content .txt-editor p {
      font-size: 18px;
    }
    .download .content-section .download-content .txt-editor table {
      font-size: 18px;
    }
  }
  .download .search-section {
    display: none;
  }
  
  .other-fund .content-section .grid .col-sm-6,
  .other-fund .content-section .grid .col-md-6 {
    padding-left: 3px;
    padding-right: 3px;
  }
  @media screen and (max-width: 767px) {
    .other-fund .content-section .grid .col-sm-6,
    .other-fund .content-section .grid .col-md-6 {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  .other-fund .content-section .grid .grid-item .grid-item-content {
    height: 160px;
    margin-bottom: 6px;
  }
  .other-fund .content-section .grid .grid-item .grid-item-content--height2 {
    height: 326px;
  }
  .other-fund .content-section .widget {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
  }
  .other-fund .content-section .widget .img-widget {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .other-fund .content-section .widget .img-widget .img-custom-responsive {
    width: auto;
    max-width: 100%;
  }
  @media screen and (max-width: 1000px) {
    .other-fund .content-section .widget .img-widget .img-custom-responsive {
      width: 100%;
    }
  }
  @media screen and (max-width: 767px) {
    .other-fund .content-section .widget .img-widget .img-custom-responsive {
      width: auto;
      display: block;
      margin: 0 auto;
    }
  }
  .other-fund .content-section .widget .txt-widget {
    position: absolute;
    width: 100%;
    min-height: 50px;
    height: auto;
    text-align: center;
  }
  .other-fund .content-section .widget .txt-widget .icon-link.-top {
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
  .other-fund .content-section .widget .txt-widget .icon-link.-left {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .other-fund .content-section .widget .txt-widget .txt-link {
    font-family: "DB_Adman_X";
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  }
  .other-fund .content-section .widget .txt-widget .txt-link.-txt-long {
    font-size: 24px;
    line-height: 1.1em;
  }
  .other-fund .content-section .widget .txt-widget .txt-link.-color-grey {
    color: #666;
  }
  .other-fund .content-section .widget .txt-widget.-bottom {
    bottom: 20px;
  }
  .other-fund .content-section .widget .txt-widget.-bottom .txt-link {
    text-align: center;
  }
  .other-fund .content-section .widget .txt-widget.-middle {
    top: 25%;
    vertical-align: top;
  }
  .other-fund .content-section .widget .txt-widget.-middle-height {
    top: 25%;
    vertical-align: top;
  }
  .other-fund .content-section .widget.-bg-blue {
    background-color: #01A1DF;
  }
  .other-fund .content-section .widget.-bg-grey {
    background-color: #999999;
  }
  .other-fund .content-section .targetDiv {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #666;
    display: none;
    z-index: 9;
  }
  @media screen and (max-width: 999px) {
    .other-fund .content-section .targetDiv {
      height: 415px;
      padding-bottom: 15px;
    }
  }
  .other-fund .content-section .mutual-list {
    padding: 10px 15px;
    position: relative;
  }
  .other-fund .content-section .mutual-list .txt-highlight h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    margin-bottom: 15px;
    font-weight: normal;
  }
  .other-fund .content-section .mutual-list .list-menu {
    overflow: auto;
    position: relative;
    height: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .other-fund .content-section .mutual-list .list-menu ul {
    padding: 0px;
    padding-left: 1px;
    margin: 0px;
    list-style: none;
  }
  .other-fund .content-section .mutual-list .list-menu ul li {
    list-style-type: circle;
    list-style-position: inside;
    color: #01A1DF;
    margin-bottom: 5px;
  }
  .other-fund .content-section .mutual-list .list-menu ul li a {
    color: #666;
  }
  .other-fund .content-section .mutual-list .list-menu ul li a:hover {
    text-decoration: none;
    color: #01A1DF;
  }
  @media screen and (max-width: 999px) {
    .other-fund .content-section .mutual-list .list-menu {
      height: 325px;
    }
  }
  .other-fund .content-section .btn-close {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border: 0px;
  }
  .other-fund .content-section .btn-close i {
    margin-left: 0px;
    font-size: 26px;
  }
  .other-fund .content-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
  }
  .other-fund .content-section .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
  }
  .other-fund .content-section .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .other-fund .content-section .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #999999;
  }
  .other-fund .content-section .mCSB_scrollTools {
    right: 0px;
  }
  
  .etf-fund .content-section {
    margin-bottom: 35px;
  }
  .etf-fund .content-section .grid .col-sm-6,
  .etf-fund .content-section .grid .col-md-6 {
    padding-left: 2px;
    padding-right: 2px;
  }
  @media screen and (max-width: 767px) {
    .etf-fund .content-section .grid .col-sm-6,
    .etf-fund .content-section .grid .col-md-6 {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  .etf-fund .content-section .grid .grid-item .grid-item-content {
    height: 328px;
    margin-bottom: 6px;
  }
  @media screen and (max-width: 1199px) {
    .etf-fund .content-section .grid .grid-item .grid-item-content {
      height: auto;
    }
  }
  @media screen and (max-width: 767px) {
    .etf-fund .content-section .grid .grid-item .grid-item-content {
      height: auto;
    }
  }
  .etf-fund .content-section .widget {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
  }
  .etf-fund .content-section .widget .img-widget {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .etf-fund .content-section .widget .img-widget .img-custom-responsive {
    width: auto;
    max-width: 100%;
  }
  @media screen and (max-width: 1000px) {
    .etf-fund .content-section .widget .img-widget .img-custom-responsive {
      width: 100%;
    }
  }
  @media screen and (max-width: 767px) {
    .etf-fund .content-section .widget .img-widget .img-custom-responsive {
      width: auto;
      display: block;
      margin: 0 auto;
    }
  }
  .etf-fund .content-section .widget .txt-widget {
    position: absolute;
    width: 100%;
    min-height: 50px;
    height: auto;
    text-align: center;
  }
  .etf-fund .content-section .widget .txt-widget .icon-link.-top {
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
  .etf-fund .content-section .widget .txt-widget .icon-link.-left {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .etf-fund .content-section .widget .txt-widget .txt-link {
    font-family: "DB_Adman_X";
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  }
  .etf-fund .content-section .widget .txt-widget .txt-link.-txt-long {
    font-size: 24px;
    line-height: 1.1em;
  }
  .etf-fund .content-section .widget .txt-widget .txt-link.-color-grey {
    color: #666;
  }
  .etf-fund .content-section .widget .txt-widget.-bottom {
    bottom: 20px;
  }
  .etf-fund .content-section .widget .txt-widget.-bottom .txt-link {
    text-align: center;
  }
  .etf-fund .content-section .widget .txt-widget.-middle {
    top: 25%;
    vertical-align: top;
  }
  .etf-fund .content-section .widget .txt-widget.-middle-height {
    top: 25%;
    vertical-align: top;
  }
  .etf-fund .content-section .widget.-bg-blue {
    background-color: #01A1DF;
  }
  .etf-fund .content-section .widget.-bg-grey {
    background-color: #999999;
  }
  .etf-fund .content-section .targetDiv {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #666;
    display: none;
    z-index: 9;
  }
  @media screen and (max-width: 1199px) {
    .etf-fund .content-section .targetDiv {
      height: 415px;
      padding-bottom: 15px;
    }
  }
  @media screen and (max-width: 999px) {
    .etf-fund .content-section .targetDiv {
      height: 415px;
      padding-bottom: 15px;
    }
  }
  .etf-fund .content-section .mutual-list {
    padding: 10px 15px;
    position: relative;
  }
  .etf-fund .content-section .mutual-list .txt-highlight h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    margin-bottom: 15px;
    font-weight: normal;
  }
  .etf-fund .content-section .mutual-list .list-menu {
    overflow: auto;
    position: relative;
    height: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .etf-fund .content-section .mutual-list .list-menu ul {
    padding: 0px;
    padding-left: 1px;
    margin: 0px;
    list-style: none;
  }
  .etf-fund .content-section .mutual-list .list-menu ul li {
    list-style-type: circle;
    list-style-position: inside;
    color: #01A1DF;
    margin-bottom: 5px;
  }
  .etf-fund .content-section .mutual-list .list-menu ul li a {
    color: #666;
  }
  .etf-fund .content-section .mutual-list .list-menu ul li a:hover {
    text-decoration: none;
    color: #01A1DF;
  }
  @media screen and (max-width: 1199px) {
    .etf-fund .content-section .mutual-list .list-menu {
      height: 325px;
    }
  }
  @media screen and (max-width: 999px) {
    .etf-fund .content-section .mutual-list .list-menu {
      height: 325px;
    }
  }
  .etf-fund .content-section .btn-close {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    border: 0px;
  }
  .etf-fund .content-section .btn-close i {
    margin-left: 0px;
    font-size: 26px;
  }
  .etf-fund .content-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
  }
  .etf-fund .content-section .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
  }
  .etf-fund .content-section .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .etf-fund .content-section .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #999999;
  }
  .etf-fund .content-section .mCSB_scrollTools {
    right: 0px;
  }
  
  .page-news .heading-section {
    margin: 15px auto 30px auto;
  }
  .page-news .heading-section .title-section {
    margin: 0 auto;
  }
  .page-news .heading-section .title-section h2 {
    font-family: "DB_Adman_X";
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
  }
  .page-news .heading-section .title-section .primary-title {
    color: #01A1DF;
  }
  .page-news .heading-section .title-section .-left {
    text-align: left;
  }
  .page-news .newspage-content .nav-tabs {
    margin-bottom: 30px;
  }
  .page-news .content-wrapper .nav-tabs {
    margin-bottom: 0px !important;
  }
  .page-news .content-wrapper .tab-content {
    min-height: 300px;
    padding: 0;
    margin-top: 0;
  }
  .page-news .content-wrapper .tab-content .search-section {
    border-top: 1px solid #fff;
    padding: 15px;
    background-color: #3C3C3C;
  }
  .page-news .content-wrapper .tab-content .search-section .datePicker {
    float: left;
    width: 250px;
    padding-left: 30px;
    position: relative;
  }
  .page-news .content-wrapper .tab-content .search-section .datePicker .img-datepicker {
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 20px;
    color: #fff;
  }
  .page-news .content-wrapper .tab-content .search-section .datePicker .dateinput {
    width: 230px;
    padding: 0 15px;
    margin: 0;
    height: 32px;
    line-height: 32px;
    border-radius: 25px;
    -pie-border-radius: 25px;
    behavior: url(../PIE.htc);
    font-size: 20px;
    border: 1px solid #CCC;
    background: #FFF;
    position: relative;
  }
  .page-news .content-wrapper .tab-content .search-section .selectric-wrapper {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
  }
  .page-news .content-wrapper .tab-content .search-section .selectric-wrapper .selectric {
    border: none;
  }
  .page-news .content-wrapper .tab-content .search-section .selectric-wrapper .selectric .label {
    color: #666;
    height: 30px;
  }
  .page-news .content-wrapper .tab-content .search-section .selectric-wrapper .selectric .button {
    height: 30px;
  }
  .page-news .content-wrapper .tab-content .search-section .selectric-wrapper .selectric-items {
    color: #666;
    border: none;
  }
  .page-news .content-wrapper .tab-content .search-section .gen-input {
    float: none;
    display: inline-block;
    min-width: 100%;
    padding: 0 15px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    -pie-border-radius: 15px;
    behavior: url(../PIE.htc);
    vertical-align: top;
  }
  .page-news .content-wrapper .tab-content .search-section .gen-input > input[type=text] {
    font-size: 20px;
    width: 96%;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
  }
  .page-news .content-wrapper .tab-content .search-section .gen-button {
    float: none;
    display: inline-block;
    min-width: 30px;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 15px;
    -pie-border-radius: 15px;
    behavior: url(../PIE.htc);
    vertical-align: top;
    background-color: #666;
  }
  .page-news .content-wrapper .tab-content .search-section .gen-button input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .page-news .content-wrapper .tab-content .search-section .gen-button > i {
    font-size: 18px !important;
    color: #fff;
    position: absolute;
    left: 8px;
    top: 5px;
    z-index: 0;
    margin: 0px;
    display: block;
  }
  .page-news .content-wrapper .tab-content .search-section .gen-button > span {
    display: none;
    color: #fff;
    font-family: "DB_Adman_X";
    line-height: 30px;
    font-size: 20px !important;
  }
  @media screen and (max-width: 999px) {
    .page-news .content-wrapper .tab-content .search-section .datePicker {
      float: none;
      width: 100%;
      padding-left: 0px;
      margin-bottom: 10px;
    }
    .page-news .content-wrapper .tab-content .search-section .datePicker .img-datepicker {
      display: none;
    }
    .page-news .content-wrapper .tab-content .search-section .datePicker .dateinput {
      width: 100%;
    }
  }
  @media screen and (max-width: 767px) {
    .page-news .content-wrapper .tab-content .search-section {
      padding: 25px 15px;
    }
    .page-news .content-wrapper .tab-content .search-section .search-year,
    .page-news .content-wrapper .tab-content .search-section .search-month,
    .page-news .content-wrapper .tab-content .search-section .search-keyword,
    .page-news .content-wrapper .tab-content .search-section .search-btn {
      text-align: center;
      margin-bottom: 10px;
    }
    .page-news .content-wrapper .tab-content .search-section .datePicker {
      float: none;
      width: 100%;
      padding-left: 0px;
      margin-bottom: 10px;
    }
    .page-news .content-wrapper .tab-content .search-section .datePicker .img-datepicker {
      display: none;
    }
    .page-news .content-wrapper .tab-content .search-section .datePicker .dateinput {
      width: 100%;
    }
    .page-news .content-wrapper .tab-content .search-section .search-btn {
      margin-bottom: 0px;
    }
    .page-news .content-wrapper .tab-content .search-section .gen-button {
      min-width: 100px;
      width: 100px;
      margin: 0 auto;
    }
    .page-news .content-wrapper .tab-content .search-section .gen-button > span {
      display: block;
    }
  }
  .page-news .content-wrapper .content-list {
    margin: 30px auto;
  }
  .page-news .content-wrapper .content-list .content-item {
    max-height: 405px;
    margin-bottom: 45px;
  }
  .page-news .content-wrapper .content-list .content-item .img-display {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .page-news .content-wrapper .content-list .content-item .date-display {
    margin: 0 auto;
    margin-bottom: 15px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .page-news .content-wrapper .content-list .content-item .date-display .-date {
    display: inline-block;
    margin-right: 10px;
    font-size: 50px;
    line-height: 36px;
  }
  .page-news .content-wrapper .content-list .content-item .date-display .-month {
    display: inline-block;
    font-size: 19px;
    line-height: 14px;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .txt-title {
    font-size: 20px;
    line-height: 24px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
    margin: 5px 0;
    height: 60px;
    font-weight: normal;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .txt-title a {
    font-size: 20px;
    line-height: 24px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .txt-title a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .txt-description {
    height: auto;
    max-height: 72px;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .txt-description a {
    font-size: 20px;
    line-height: 20px;
    color: #666;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .txt-description a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .all-content {
    display: block;
    margin-top: 20px;
    text-align: left;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .all-content .read-more {
    margin-top: 20px;
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #666;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .all-content .read-more:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .page-news .content-wrapper .content-list .content-item .txt-display .all-content .read-more i {
    font-size: 14px;
    margin-left: 10px;
  }
  .page-news .content-wrapper .search-wrapper {
    margin-bottom: 30px;
  }
  .page-news .search-result {
    margin-bottom: 30px;
    overflow: hidden;
  }
  .page-news .search-result h3 {
    font-family: "DB_Adman_X";
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
    color: #01A1DF;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
  }
  .page-news .search-result ul {
    padding: 0px;
    padding-left: 1px;
    margin: 0px;
    list-style: none;
  }
  .page-news .search-result ul li {
    float: left;
    width: 50%;
    list-style-type: circle;
    list-style-position: inside;
    color: #01A1DF;
    margin-bottom: 10px;
  }
  .page-news .search-result ul li a {
    font-family: "DB_Adman_X" !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: normal !important;
    color: #666;
    padding-right: 20px;
  }
  .page-news .search-result ul li a:hover {
    text-decoration: none;
    color: #01A1DF;
  }
  @media screen and (max-width: 999px) {
    .page-news .search-result ul li {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 999px) {
    .newspage-content .dropdown-content {
      display: block;
    }
    .newspage-content .dropdown-content .btn {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .newspage-content .dropdown-content .btn-primary {
      background-color: #01A1DF;
      border-radius: 0;
      border: none;
    }
    .newspage-content .dropdown-content .btn-primary:hover {
      background-color: #01A1DF;
    }
    .newspage-content .dropdown-content .btn-primary:focus {
      background-color: #01A1DF;
    }
    .newspage-content .dropdown-content .dropdown-menu {
      float: left;
      background-color: #e9e9e9;
      border-radius: 0;
    }
    .newspage-content .dropdown-content .dropdown-menu li {
      font-size: 20px;
      cursor: pointer;
    }
    .newspage-content .dropdown-content .dropdown-menu li a {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .newspage-content .dropdown-content .all-content {
      margin-top: 25px;
      float: right;
    }
    .newspage-content .dropdown-content .all-content a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #666666;
    }
    .newspage-content .dropdown-content .all-content a i {
      margin-left: 10px;
      font-size: 12px;
    }
    .newspage-content #tabs_content {
      display: none;
    }
  }
  .page-news .news-details-wrapper {
    display: block;
  }
  .page-news .news-details-wrapper .inside-content {
    padding: 0;
    margin: 0;
  }
  .page-news .news-details-wrapper .inside-content .news-image {
    margin-bottom: 20px;
    text-align: center;
  }
  .page-news .news-details-wrapper .inside-content .news-image img {
    max-width: 100%;
  }
  .page-news .news-details-wrapper .inside-content .news-video {
    margin-bottom: 20px;
    text-align: center;
  }
  .page-news .news-details-wrapper .inside-content .news-video .video-iframe {
    width: 420px;
    height: 315px;
    max-width: 100%;
    margin: 0 auto;
  }
  .page-news .news-details-wrapper .inside-content .news-video .video-iframe iframe {
    width: 100%;
    height: 100%;
  }
  .page-news .news-details-wrapper .social-wrapper {
    display: block;
    margin-bottom: 20px;
  }
  .page-news .news-details-wrapper .social-wrapper h2 {
    margin-bottom: 10px;
  }
  .page-news .news-details-wrapper .social-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .page-news .news-details-wrapper .social-wrapper ul li {
    width: 100%;
    margin-bottom: 5px;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a {
    padding: 0 15px;
    line-height: 40px;
    color: white;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: block;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a.facebook {
    background-color: #3b5998;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a.facebook:hover {
    background-color: #263961;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a.twitter {
    background-color: #00aced;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a.twitter:hover {
    background-color: #0074a1;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a.lineapp {
    background-color: #01c301;
  }
  .page-news .news-details-wrapper .social-wrapper ul li a.lineapp:hover {
    background-color: #017701;
  }
  .page-news .news-details-wrapper .related-news {
    display: block;
  }
  .page-news .news-details-wrapper .related-news h2 {
    margin-bottom: 10px;
  }
  .page-news .news-details-wrapper .related-news .content-item {
    max-height: 405px;
    margin-bottom: 45px;
  }
  .page-news .news-details-wrapper .related-news .content-item .img-display {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .page-news .news-details-wrapper .related-news .content-item .date-display {
    margin: 0 auto;
    margin-bottom: 15px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .page-news .news-details-wrapper .related-news .content-item .date-display .-date {
    display: inline-block;
    margin-right: 10px;
    font-size: 50px;
    line-height: 36px;
  }
  .page-news .news-details-wrapper .related-news .content-item .date-display .-month {
    display: inline-block;
    font-size: 19px;
    line-height: 14px;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .txt-title {
    font-size: 20px;
    line-height: 24px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
    margin: 5px 0;
    height: 60px;
    font-weight: normal;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .txt-title a {
    font-size: 20px;
    line-height: 24px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .txt-title a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .txt-description {
    height: auto;
    max-height: 72px;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .txt-description a {
    font-size: 20px;
    line-height: 20px;
    color: #666;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .txt-description a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .all-content {
    display: block;
    margin-top: 20px;
    text-align: left;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .all-content .read-more {
    margin-top: 20px;
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #666;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .all-content .read-more:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .page-news .news-details-wrapper .related-news .content-item .txt-display .all-content .read-more i {
    font-size: 14px;
    margin-left: 10px;
  }
  
  .compare-fund .add-this-print {
    width: auto;
    min-height: 15px;
    position: absolute;
    right: 5px;
    top: -40px;
    text-align: right;
    z-index: 1;
  }
  .compare-fund .add-this-print a {
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
    margin: 0 5px;
    padding: 5px 10px;
    display: inline-block;
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .compare-fund .add-this-print a:hover {
    color: #fff;
    background-color: #0082D6;
    text-decoration: none;
  }
  .compare-fund .add-this-print a i {
    font-size: 16px;
  }
  @media screen and (max-width: 999px) {
    .compare-fund .add-this-print {
      top: -65px;
    }
  }
  @media screen and (max-width: 767px) {
    .compare-fund .add-this-print {
      position: relative;
      width: auto;
      margin-bottom: 30px;
      top: 0px;
    }
  }
  .compare-fund .heading-section {
    margin-bottom: 35px;
  }
  .compare-fund .compare-table-container {
    background-color: #FFFFFF;
  }
  .compare-fund .compare-table-container.-result {
    line-height: 1.2em;
  }
  .compare-fund .compare-table-container.-result .information {
    padding: 20px 0 19px;
    overflow: hidden;
  }
  .compare-fund .compare-table-container.-result .information .txt-information {
    padding: 15px 20px 14px 20px;
  }
  .compare-fund .compare-table-container.-result .information p {
    margin-bottom: 10px;
    line-height: 20px;
  }
  .compare-fund .compare-table-container.-result .graph-display {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .compare-fund .compare-table-container.-result .graph-display .nav-charts {
    display: block;
    margin-top: 10px;
    margin-bottom: 1px;
  }
  .compare-fund .compare-table-container.-result .graph-display .nav-charts a {
    text-align: center;
    display: block;
    line-height: 24px;
    padding: 3px 10px 2px;
    background-color: #3C3C3C;
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #fff;
  }
  .compare-fund .compare-table-container.-result .graph-display .nav-charts a:hover {
    color: #fff;
    background-color: #0082D6;
  }
  .compare-fund .compare-table-container.-result .graph-display .nav-charts a.active {
    color: #fff;
    background-color: #0082D6;
  }
  .compare-fund .compare-table-container .compare-table.table-responsive {
    min-height: 300px;
  }
  .compare-fund .compare-table-container .compare-table .txt-title {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
    position: relative;
    background-color: #0082D6;
    padding: 15px 20px 14px 20px;
    border-right: 1px solid #fff;
  }
  .compare-fund .compare-table-container .compare-table .txt-title-1 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .compare-fund .compare-table-container .compare-table .txt-title-2 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item input[type=radio] {
    position: absolute;
    visibility: hidden;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item label {
    display: block;
    position: relative;
    padding: 5px 10px 5px 40px;
    margin: 5px auto;
    height: auto;
    z-index: 9;
    cursor: pointer;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item:hover label {
    color: #0082D6;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item:hover .check {
    border: 2px solid #0082D6;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item .check {
    display: block;
    position: absolute;
    border: 1px solid #666;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 8px;
    left: 10px;
    z-index: 5;
    background-color: #fff;
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item .check:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item input[type=radio]:checked ~ .check {
    border: 1px solid #0082D6;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item input[type=radio]:checked ~ .check::before {
    background: #0082D6;
  }
  .compare-fund .compare-table-container .compare-table .tb-tab-list .tb-tab-item input[type=radio]:checked ~ label {
    color: #0082D6;
  }
  .compare-fund .compare-table-container .compare-table .select-item {
    width: 320px;
  }
  @media screen and (max-width: 999px) {
    .compare-fund .compare-table-container .compare-table .select-item {
      width: 200px;
    }
  }
  .compare-fund .compare-table-container .compare-table .mutual-name {
    padding: 15px 10px 14px;
  }
  .compare-fund .compare-table-container .compare-table .mutual-name h3 {
    font-size: 20px;
    line-height: 1.2em;
    color: #01A1DF;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .compare-fund .compare-table-container .compare-table .mutual-date {
    display: inline-block;
    font-family: "DB_Adman_X";
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    padding: 15px 10px 14px;
    line-height: 1.2em;
  }
  .compare-fund .compare-table-container .compare-table .mutual-date .-date {
    font-size: 36px;
    color: #01A1DF;
  }
  .compare-fund .compare-table-container .compare-table .mutual-nav {
    display: inline-block;
    font-family: "DB_Adman_X";
    font-weight: normal;
    font-size: 20px;
    text-align: right;
    padding: 15px 10px 14px;
    line-height: 1.2em;
  }
  .compare-fund .compare-table-container .compare-table .mutual-nav .-value {
    font-size: 43px;
    color: #01A1DF;
  }
  .compare-fund .compare-table-container .compare-table .nav-change {
    display: inline-block;
    font-family: "DB_Adman_X";
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    padding: 15px 10px 14px;
    line-height: 1.2em;
  }
  .compare-fund .compare-table-container .compare-table .nav-change .-value {
    font-size: 36px;
    color: #01A1DF;
  }
  .compare-fund .compare-table-container .compare-table .nav-change .-value .-up {
    color: #009900;
  }
  .compare-fund .compare-table-container .compare-table .nav-change .-value .-up:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    content: "\f067";
    font-size: 18px;
    padding-right: 10px;
    float: left;
  }
  .compare-fund .compare-table-container .compare-table .nav-change .-value .-down {
    color: #FF0000;
  }
  .compare-fund .compare-table-container .compare-table .nav-change .-value .-down:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    content: "\f068";
    font-size: 18px;
    padding-right: 10px;
    float: left;
  }
  .compare-fund .compare-table-container .compare-table .table {
    border-collapse: separate;
  }
  .compare-fund .compare-table-container .compare-table .table > tbody > tr > td {
    padding: 1px;
    font-family: "DB_Adman_X";
    font-size: 18px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab1-1,
  .compare-fund .compare-table-container .compare-table .table .tb-tab1-2 {
    width: 50%;
    position: relative;
    background-color: #0082D6;
    padding: 15px 20px 14px 20px;
    border-right: 1px solid #fff;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab1-2 {
    border-right: 0px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab2-1 {
    position: relative;
    background-color: #0082D6;
    padding: 10px 20px 9px 20px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab2-2 {
    position: relative;
    background-color: #0082D6;
    padding: 10px 20px 9px 20px;
    text-align: right;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab3-1,
  .compare-fund .compare-table-container .compare-table .table .tb-tab3-2 {
    width: 50%;
    position: relative;
    background-color: #0082D6;
    padding: 10px 20px 9px 20px;
    border-right: 1px solid #fff;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab3-2 {
    border-right: 0px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-4 {
    width: 50%;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab5-1,
  .compare-fund .compare-table-container .compare-table .table .tb-tab5-2 {
    position: relative;
    background-color: #0082D6;
    padding: 10px 5px 9px;
    border-right: 1px solid #fff;
    text-align: center;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab5-2 {
    border-right: 0px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-w1 {
    background-color: #fff;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: right;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-w1-1 {
    background-color: #fff;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-w2 {
    background-color: #fff;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: center;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-w3 {
    background-color: #fff;
    padding: 5px 8px;
    border-right: 0px;
    text-align: center;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-g1 {
    background-color: #EFEFEF;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: right;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-g1-1 {
    background-color: #EFEFEF;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-g2 {
    background-color: #EFEFEF;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: center;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-g3 {
    background-color: #EFEFEF;
    padding: 5px 8px;
    border-right: 0px;
    text-align: center;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-b1 {
    background-color: #232323;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: right;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-b1-1 {
    background-color: #232323;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-b2 {
    background-color: #232323;
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: center;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .tb-tab-b3 {
    background-color: #232323;
    padding: 5px 8px;
    border-right: 0px;
    text-align: center;
    line-height: 24px;
  }
  .compare-fund .compare-table-container .compare-table .table .table-sub {
    border-collapse: collapse;
  }
  .compare-fund .compare-table-container .compare-table .table .table-sub tbody tr td:first-child {
    min-width: 100px;
  }
  .compare-fund .compare-table-container .btn-box {
    text-align: center;
    margin: 40px 0 20px;
  }
  @media (max-width: 480px) {
    .compare-fund .compare-table-container .btn-box {
      margin: 0 0 20px;
    }
  }
  .compare-fund .compare-table-container .btn-box .btn-primary {
    float: none;
    margin: 0 auto;
  }
  .compare-fund .compare-table-container .clear-both {
    clear: both;
  }
  
  .nav-fund .heading-section {
    margin: 30px auto !important;
  }
  .nav-fund .fund-nav-container .nav-tabs {
    margin-bottom: 25px;
  }
  .nav-fund .fund-nav-container .heading-bar {
    margin-bottom: 25px;
  }
  .nav-fund .fund-nav-container .heading-bar .txt-title {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #666;
    line-height: 32px;
  }
  .nav-fund .fund-nav-container .heading-bar .txt-title .img-datepicker {
    font-size: 20px;
    padding-left: 5px;
    color: #0082D6;
  }
  .nav-fund .fund-nav-container .heading-bar .datePicker {
    padding: 0 15px;
    margin: 0;
    height: 32px;
    line-height: 32px;
    border-radius: 25px;
    -pie-border-radius: 25px;
    behavior: url(../PIE.htc);
    font-size: 18px;
    border: 1px solid #CCC;
    background: #FFF;
  }
  .nav-fund .fund-nav-container .heading-bar .datePicker .img-datepicker {
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 20px;
    color: #0082D6;
  }
  .nav-fund .fund-nav-container .heading-bar .datePicker .dateinput {
    width: 100%;
    height: 28px;
  }
  .nav-fund .fund-nav-container .heading-bar .select-item {
    float: left;
    width: 80%;
    margin-right: 20px;
  }
  .nav-fund .fund-nav-container .heading-bar .select-item .selectric-wrapper {
    width: 100%;
    line-height: 28px;
  }
  .nav-fund .fund-nav-container .heading-bar .select-item .selectric-wrapper .selectric .label {
    color: #666;
    height: 28px;
  }
  .nav-fund .fund-nav-container .heading-bar .select-item .selectric-wrapper .selectric .button {
    height: 28px;
  }
  .nav-fund .fund-nav-container .heading-bar .select-item .selectric-wrapper .selectric-items {
    color: #666;
    border: none;
  }
  .nav-fund .fund-nav-container .heading-bar .gen-input {
    display: inline-block;
    min-width: 100%;
    padding: 0 15px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    -pie-border-radius: 15px;
    behavior: url(../PIE.htc);
    vertical-align: top;
  }
  .nav-fund .fund-nav-container .heading-bar .gen-input > input[type=text] {
    font-size: 18px;
    width: 96%;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
  }
  .nav-fund .fund-nav-container .heading-bar .gen-button {
    display: inline-block;
    min-width: 32px;
    width: 32px;
    height: 32px;
    margin: 0px;
    border-radius: 16px;
    -pie-border-radius: 16px;
    behavior: url(../PIE.htc);
    vertical-align: top;
    background-color: #01A1DF;
    font-family: "DB_Adman_X";
    font-size: 20px;
  }
  .nav-fund .fund-nav-container .heading-bar .gen-button input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .nav-fund .fund-nav-container .heading-bar .gen-button > i {
    font-size: 16px !important;
    color: #fff;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 0;
    margin: 0px;
    display: block;
  }
  .nav-fund .fund-nav-container .heading-bar .gen-button > span {
    display: none;
  }
  .nav-fund .fund-nav-container .heading-bar .add-this-print {
    width: auto;
    min-height: 15px;
    text-align: right;
    z-index: 1;
  }
  .nav-fund .fund-nav-container .heading-bar .add-this-print a {
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 5px 10px;
    display: inline-block;
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .nav-fund .fund-nav-container .heading-bar .add-this-print a:hover {
    color: #fff;
    background-color: #0082D6;
    text-decoration: none;
  }
  .nav-fund .fund-nav-container .heading-bar .add-this-print a i {
    font-size: 16px;
  }
  @media screen and (max-width: 999px) {
    .nav-fund .fund-nav-container .heading-bar .add-this-print {
      text-align: left;
    }
    .nav-fund .fund-nav-container .heading-bar .add-this-print a {
      margin-right: 0px;
      margin-left: 0px;
    }
  }
  @media screen and (max-width: 767px) {
    .nav-fund .fund-nav-container .heading-bar .datePicker {
      margin-bottom: 10px;
    }
    .nav-fund .fund-nav-container .heading-bar .select-item {
      width: 100%;
      margin: 0px;
      margin-bottom: 10px;
    }
    .nav-fund .fund-nav-container .heading-bar .gen-button {
      min-width: 100px;
      margin: 0 auto;
      margin-bottom: 25px;
    }
    .nav-fund .fund-nav-container .heading-bar .gen-button > span {
      display: inline-block;
      line-height: 32px;
      color: #fff;
      padding-left: 15px;
    }
    .nav-fund .fund-nav-container .heading-bar .add-this-print {
      text-align: left;
    }
    .nav-fund .fund-nav-container .heading-bar .add-this-print a {
      margin-right: 0px;
      margin-left: 0px;
    }
  }
  .nav-fund .fund-nav-container .nav-table-container .sort-data {
    margin-bottom: 15px;
  }
  .nav-fund .fund-nav-container .nav-table-container .nav-table .txt-title-1 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .nav-fund .fund-nav-container .nav-table-container .nav-table .txt-title-2 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 9px 0 5px;
  }
  .nav-fund .fund-nav-container .nav-table-container .nav-table .txt-title-3 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .nav-fund .fund-nav-container .nav-table-container .nav-table .nav-up {
    color: #009900;
  }
  .nav-fund .fund-nav-container .nav-table-container .nav-table .nav-down {
    color: #ff0000;
  }
  @media screen and (max-width: 767px) {
    .nav-fund .fund-nav-container .nav-tabs li {
      float: none;
      border-right: 0px;
    }
  }
  .nav-fund .fund-nav-graph .heading-bar {
    float: left;
    width: 100%;
    padding: 15px 10px 14px;
    position: relative;
    background-color: #0082D6;
  }
  .nav-fund .fund-nav-graph .heading-bar:after {
    bottom: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #0082D6;
    border-width: 15px;
    margin-left: -15px;
  }
  .nav-fund .fund-nav-graph .heading-bar .mutual-name {
    padding: 3px 0 2px;
  }
  .nav-fund .fund-nav-graph .heading-bar .mutual-name h3 {
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .nav-fund .fund-nav-graph .heading-bar .add-this-print {
    width: auto;
    height: auto;
    text-align: right;
    z-index: 1;
  }
  .nav-fund .fund-nav-graph .heading-bar .add-this-print a {
    color: #0082D6;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 3px 10px 2px;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .nav-fund .fund-nav-graph .heading-bar .add-this-print a:hover {
    background-color: #01A1DF;
    color: #fff;
    text-decoration: none;
  }
  .nav-fund .fund-nav-graph .heading-bar .add-this-print a i {
    font-size: 16px;
  }
  @media screen and (max-width: 767px) {
    .nav-fund .fund-nav-graph .heading-bar .add-this-print {
      text-align: left;
    }
    .nav-fund .fund-nav-graph .heading-bar .add-this-print a {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .nav-fund .fund-nav-graph .graph-display {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .nav-fund .fund-nav-graph .graph-display .nav-charts {
    display: block;
    margin-top: 10px;
    margin-bottom: 1px;
  }
  .nav-fund .fund-nav-graph .graph-display .nav-charts a {
    text-align: center;
    display: block;
    line-height: 24px;
    padding: 3px 10px 2px;
    background-color: #3C3C3C;
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #fff;
  }
  .nav-fund .fund-nav-graph .graph-display .nav-charts a:hover {
    color: #fff;
    background-color: #0082D6;
  }
  .nav-fund .fund-nav-graph .graph-display .nav-charts a.active {
    color: #fff;
    background-color: #0082D6;
  }
  .nav-fund .fund-nav-graph .remark {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 2px solid #01A1DF;
  }
  .nav-fund .fund-nav-graph .remark .bullet {
    padding: 5px 0 5px 16px;
    list-style: circle;
  }
  .nav-fund .fund-nav-graph .remark .bullet li {
    color: #01A1DF;
  }
  .nav-fund .fund-nav-graph .remark .bullet li span {
    color: #666;
  }
  .nav-fund .fund-nav-table .heading-bar {
    float: left;
    width: 100%;
    padding: 15px 10px 14px;
    position: relative;
    background-color: #0082D6;
  }
  .nav-fund .fund-nav-table .heading-bar:after {
    bottom: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #0082D6;
    border-width: 15px;
    margin-left: -15px;
  }
  .nav-fund .fund-nav-table .heading-bar .mutual-name {
    padding: 3px 0 2px;
  }
  .nav-fund .fund-nav-table .heading-bar .mutual-name h3 {
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .nav-fund .fund-nav-table .heading-bar .add-this-print {
    width: auto;
    height: auto;
    text-align: right;
    z-index: 1;
  }
  .nav-fund .fund-nav-table .heading-bar .add-this-print a {
    color: #0082D6;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 3px 10px 2px;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .nav-fund .fund-nav-table .heading-bar .add-this-print a:hover {
    background-color: #01A1DF;
    color: #fff;
    text-decoration: none;
  }
  .nav-fund .fund-nav-table .heading-bar .add-this-print a i {
    font-size: 16px;
  }
  .nav-fund .fund-nav-table .nav-table .txt-title-1 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .nav-fund .fund-nav-table .nav-table .txt-title-2 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 9px 0 5px;
  }
  .nav-fund .fund-nav-table .nav-table .nav-up {
    color: #009900;
  }
  .nav-fund .fund-nav-table .nav-table .nav-down {
    color: #ff0000;
  }
  .nav-fund .fund-nav-table .table-display {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .nav-fund .fund-nav-table .table-display .nav-charts {
    display: block;
    margin-top: 10px;
    margin-bottom: 1px;
  }
  .nav-fund .fund-nav-table .table-display .nav-charts a {
    text-align: center;
    display: block;
    line-height: 24px;
    padding: 3px 10px 2px;
    background-color: #3C3C3C;
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #fff;
  }
  .nav-fund .fund-nav-table .table-display .nav-charts a:hover {
    color: #fff;
    background-color: #0082D6;
  }
  .nav-fund .fund-nav-table .table-display .nav-charts a.active {
    color: #fff;
    background-color: #0082D6;
  }
  .nav-fund .fund-nav-table .jpage-container .item-Page-1 {
    margin: 10px 0;
  }
  .nav-fund .fund-nav-table .jpage-container .item-Page-1 .itemPage {
    border: 1px solid #666;
    padding: 3px 5px 2px;
    line-height: 20px;
  }
  .nav-fund .fund-nav-table .jpage-container .item-Page-2 {
    text-align: right;
    margin: 10px 0;
  }
  .nav-fund .fund-nav-table .jpage-container .item-Page-2 .holder {
    margin: 0px;
    line-height: 20px;
  }
  .nav-fund .fund-nav-table .remark {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 2px solid #01A1DF;
  }
  .nav-fund .fund-nav-table .remark .bullet {
    padding: 5px 0 5px 16px;
    list-style: circle;
  }
  .nav-fund .fund-nav-table .remark .bullet li {
    color: #01A1DF;
  }
  .nav-fund .fund-nav-table .remark .bullet li span {
    color: #666;
  }
  
  #content-calendar {
    display: block;
    padding-bottom: 25px;
  }
  #content-calendar .header-tool {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  #content-calendar .header-tool .select-item {
    display: inline-block;
    width: auto;
    padding: 0 5px;
  }
  #content-calendar .header-tool .select-item.date {
    width: 100px;
  }
  @media screen and (max-width: 767px) {
    #content-calendar .header-tool .select-item.date {
      padding: 0px;
      margin-bottom: 10px;
      width: 100%;
    }
  }
  #content-calendar .header-tool .select-item.month {
    width: 150px;
  }
  @media screen and (max-width: 767px) {
    #content-calendar .header-tool .select-item.month {
      padding: 0px;
      margin-bottom: 10px;
      width: 100%;
    }
  }
  #content-calendar .header-tool .select-item.year {
    width: 150px;
  }
  @media screen and (max-width: 767px) {
    #content-calendar .header-tool .select-item.year {
      padding: 0px;
      margin-bottom: 10px;
      width: 100%;
    }
  }
  #content-calendar .header-tool .gen-button {
    float: none;
    display: inline-block;
    min-width: 32px;
    width: 32px;
    height: 32px;
    margin: 0px 5px;
    border-radius: 16px;
    -pie-border-radius: 16px;
    behavior: url(../PIE.htc);
    vertical-align: top;
    background-color: #01A1DF;
  }
  #content-calendar .header-tool .gen-button input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  #content-calendar .header-tool .gen-button > i {
    font-size: 16px !important;
    color: #fff;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 0;
    margin: 0px;
    display: block;
  }
  #content-calendar .header-tool .gen-button > span {
    display: none;
  }
  @media screen and (max-width: 767px) {
    #content-calendar .header-tool .gen-button {
      display: block;
      width: 120px;
      margin: 0 auto;
    }
    #content-calendar .header-tool .gen-button > span {
      display: inline-block;
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #fff;
      line-height: 32px;
    }
  }
  #content-calendar .header-tool .viewby {
    font-size: 13px;
  }
  @media screen and (max-width: 767px) {
    #content-calendar .header-tool .viewby {
      display: none !important;
    }
  }
  #content-calendar .header-tool .viewby .textview {
    margin-right: 10px;
    margin-top: 10px;
  }
  #content-calendar .header-tool .viewby .btn-default {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
    padding: 5px;
    margin: 0 5px;
  }
  #content-calendar .header-tool .viewby .btn-default.active {
    background-color: #efefef;
    -webkit-box-shadow: #666666 0px 0px 5px;
    box-shadow: #666666 0px 0px 5px;
    -pie-box-shadow: #666666 0px 0px 5px;
    behavior: url(../PIE.htc);
  }
  #content-calendar .header-tool .viewby .btn-default img {
    vertical-align: text-top;
  }
  #content-calendar .month-title {
    font-family: "DB_Adman_X";
    font-size: 50px;
    line-height: 36px;
    color: #01A1DF;
    margin-top: 70px;
    display: block;
  }
  @media screen and (max-width: 768px) {
    #content-calendar .month-title {
      margin-top: 0px;
    }
  }
  #content-calendar .year-title {
    font-family: "DB_Adman_X";
    font-size: 36px;
    line-height: 36px;
    color: #01A1DF;
    display: block;
  }
  #content-calendar .fc-content {
    margin-top: 12px;
  }
  #content-calendar .event-radio-ctn {
    float: left;
    margin-right: 5px;
  }
  #content-calendar .event-full {
    float: left;
    margin-right: 5px;
    color: #ee1a29;
  }
  
  #frm_sem {
    display: block;
  }
  @media screen and (max-width: 767px) {
    #frm_sem {
      display: none !important;
    }
  }
  
  #frm_list {
    display: none;
  }
  @media screen and (max-width: 767px) {
    #frm_list {
      display: block !important;
    }
  }
  #frm_list .nav-table .rows-head {
    background-color: #01A1DF;
  }
  #frm_list .nav-table .th-tab-1 {
    width: 200px;
    padding: 5px 10px 4px;
    border-right: 1px solid #fff;
  }
  #frm_list .nav-table .th-tab-2 {
    padding: 5px 10px 4px;
    border-right: 0px solid #fff;
  }
  #frm_list .nav-table .tb-tab-1 {
    color: #01A1DF;
    padding: 10px 10px 5px;
    border-right: 1px solid #fff;
    line-height: 20px;
  }
  #frm_list .nav-table .tb-tab-2 {
    padding: 10px 10px 5px;
    border-right: 0px solid #fff;
    line-height: 20px;
  }
  #frm_list .nav-table .tb-tab-2 a {
    display: block;
    color: #e5a201;
    line-height: 20px;
  }
  #frm_list .nav-table .tb-tab-2 .green {
    color: #419d41;
  }
  #frm_list .nav-table .txt-title {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  #frm_list .jpage-container .item-Page-1 {
    margin: 15px 0;
  }
  #frm_list .jpage-container .item-Page-1 .itemPage {
    border: 1px solid #666;
    padding: 3px 5px 2px;
    line-height: 20px;
  }
  #frm_list .jpage-container .item-Page-2 {
    text-align: right;
    margin: 15px 0;
  }
  #frm_list .jpage-container .item-Page-2 .holder {
    margin: 0px;
    line-height: 20px;
  }
  
  #calendar {
    width: 100%;
    margin: 0 auto;
  }
  #calendar .fc-widget-header {
    font-family: "DB_Adman_X";
    color: #01A1DF;
    font-size: 29px;
    font-weight: 500;
    line-height: 0.9em;
  }
  #calendar .fc-widget-content {
    font-family: "DB_Adman_X";
    color: #01A1DF;
    border: 1px solid #a2a2a2;
    background: #f3f3f3;
  }
  #calendar .fc-widget-content.fc-other-month {
    background: url("../images/bg-cal-not-in-month.gif");
  }
  #calendar .fc-widget-content.fc-today {
    /*@include opacity-bg($color-secondary, 0.6);*/
    background-image: url("../images/ui-bg_diagonals-small_25_c5ddfc_40x40_1.png");
    background-repeat: repeat;
  }
  #calendar .fc-widget-content.fc-today .fc-day-number {
    color: #01A1DF;
  }
  #calendar .fc-widget-content .fc-day-number {
    padding: 5px;
    margin: 0;
    color: #01A1DF;
    font-size: 25px;
  }
  #calendar .fc-button-inner {
    background-color: #0082D6;
  }
  #calendar .fc-event {
    background: none;
    border: 0px;
  }
  #calendar .fc-event .fc-event-inner {
    padding: 5px;
    color: #01A1DF;
  }
  #calendar .fc-event .fc-event-inner ul {
    margin: 0 0 0 10px;
  }
  #calendar .fc-event .fc-event-inner ul li {
    list-style: none;
    position: relative;
    padding: 2px 0;
  }
  #calendar .fc-event .fc-event-inner ul li i {
    display: block;
    position: absolute;
    top: 5px;
    left: -10px;
    font-size: 14px;
  }
  #calendar .fc-event .fc-event-title a {
    color: #01A1DF;
    text-decoration: none;
  }
  #calendar .fc-event .fc-event-title a:hover {
    color: #000;
  }
  
  .contact-us .main-bg {
    height: auto !important;
  }
  .contact-us .inside-wrapper {
    margin-top: -1000px;
  }
  @media screen and (max-width: 1440px) {
    .contact-us .inside-wrapper {
      margin-top: -850px;
    }
  }
  @media screen and (max-width: 1199px) {
    .contact-us .inside-wrapper {
      margin-top: -650px;
    }
  }
  @media screen and (max-width: 999px) {
    .contact-us .inside-wrapper {
      margin-top: -475px;
    }
  }
  @media screen and (max-width: 767px) {
    .contact-us .inside-wrapper {
      margin-top: -275px;
    }
  }
  .contact-us .content-section {
    margin-bottom: 35px;
  }
  .contact-us .content-section .contact-content {
    border: 1px solid #CCCCCC;
    background-color: #fff;
    padding: 10px 25px 15px 35px;
    margin-top: -70px;
    z-index: 6;
  }
  .contact-us .content-section .contact-content .txt-title {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    font-weight: normal;
    padding: 0px;
    padding-bottom: 5px;
    margin: 15px 0;
    border-bottom: 2px solid #01A1DF;
    text-transform: uppercase;
  }
  .contact-us .content-section .contact-content ul {
    margin: 0;
    padding: 0;
  }
  .contact-us .content-section .contact-content ul li {
    margin: 0 0 10px 0;
    padding: 0px;
    list-style: outside none none;
  }
  .contact-us .content-section .contact-content ul li img {
    margin: 0px 10px 0px 3px;
  }
  .contact-us .content-section .contact-content ul li a {
    color: #0082D6;
    text-decoration: none;
  }
  .contact-us .content-section .contact-content ul li a:hover {
    color: #666;
  }
  .contact-us .content-section .contact-content .form-information {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .contact-us .content-section .contact-content .form-information .select-item {
    margin-bottom: 15px;
  }
  .contact-us .content-section .contact-content .form-information .select-item .selectric {
    border-radius: 0px;
  }
  .contact-us .content-section .contact-content .form-information .select-item .selectric .label {
    margin-bottom: 0px;
  }
  .contact-us .content-section .contact-content .form-information .label {
    display: block;
    margin-bottom: 10px;
  }
  .contact-us .content-section .contact-content .form-information .label .required {
    color: #ff0000;
  }
  .contact-us .content-section .contact-content .form-information .information-input {
    width: 100%;
    margin-bottom: 10px;
  }
  .contact-us .content-section .contact-content .form-information .information-input .input-text {
    width: 100%;
    border: 1px solid #bebebe;
    padding: 5px;
    margin: 0;
  }
  .contact-us .content-section .contact-content .form-information .information-input .input-text::-webkit-input-placeholder {
    color: #bebebe;
    text-align: left;
  }
  .contact-us .content-section .contact-content .form-information .information-input .input-text:-moz-placeholder { /* Firefox 18- */
    color: #bebebe;
    text-align: left;
  }
  .contact-us .content-section .contact-content .form-information .information-input .input-text::-moz-placeholder { /* Firefox 19+ */
    color: #bebebe;
    text-align: left;
    opacity: 1;
  }
  .contact-us .content-section .contact-content .form-information .information-input .input-text:-ms-input-placeholder {
    color: #bebebe;
    text-align: left;
  }
  .contact-us .content-section .contact-content .form-information .information-input textarea[name=message],
  .contact-us .content-section .contact-content .form-information .information-input textarea[name=address] {
    resize: none;
    min-height: 100px;
  }
  .contact-us .content-section .contact-content .form-information .information-select {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact-us .content-section .contact-content .form-information .information-select .selectric-wrapper {
    margin: 0;
    margin-top: 20px;
  }
  .contact-us .content-section .contact-content .form-information .information-select .selectric-wrapper .selectric {
    background: #fff;
    border: 1px solid #bebebe;
  }
  .contact-us .content-section .contact-content .form-information .information-select .selectric-wrapper .selectric .label {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #bebebe;
    height: 43px;
    text-transform: capitalize;
  }
  .contact-us .content-section .contact-content .form-information .information-select .selectric-wrapper .selectric .button {
    height: 43px;
  }
  .contact-us .content-section .contact-content .form-information .information-action {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
  .contact-us .content-section .contact-content .form-information .information-action .btn {
    display: inline-block !important;
  }
  .contact-us .content-section .contact-content .form-information .information-action .btn-default {
    color: #fff !important;
  }
  .contact-us .content-section .contact-content .form-information .information-action .btn-cancel {
    float: right;
  }
  .contact-us .content-section .contact-content .form-information .information-action .btn-main {
    float: left;
  }
  .contact-us .content-section .contact-content .img-contact img {
    width: 100%;
  }
  .contact-us .content-section .contact-content .txt-contact {
    padding-left: 50px;
  }
  .contact-us .content-section .contact-content .txt-contact .txt-company {
    margin-bottom: 30px;
  }
  .contact-us .content-section .contact-content .txt-contact .txt-company h3 {
    margin: 0;
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #01A1DF;
    text-transform: uppercase;
  }
  .contact-us .content-section .contact-content .txt-contact .txt-address {
    margin-bottom: 30px;
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #0082D6;
    text-transform: uppercase;
  }
  .contact-us .content-section .contact-content .txt-contact .txt-connect {
    margin-bottom: 15px;
  }
  .contact-us .content-section .contact-content .txt-contact .txt-connect .-icon {
    float: left;
    margin-right: 20px;
  }
  .contact-us .content-section .contact-content .txt-contact .txt-connect .-txt {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #0082D6;
    text-transform: uppercase;
  }
  .contact-us .content-section .contact-content .action {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 1;
  }
  .contact-us .content-section .contact-content .action .btn-zoom {
    font-family: "DB_Adman_X";
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #666;
    padding: 6px 2px;
    width: 30px;
    cursor: pointer;
    display: block;
    opacity: 1;
    border: 0px;
  }
  @media screen and (max-width: 1000px) {
    .contact-us .content-section .contact-content .img-contact {
      margin-bottom: 30px;
    }
    .contact-us .content-section .contact-content .img-contact img {
      width: 100%;
    }
  }
  .contact-us .content-section .contact-content .modal-dialog {
    width: 56%;
    margin-top: 10px;
  }
  @media screen and (max-width: 1000px) {
    .contact-us .content-section .contact-content .modal-dialog {
      width: 90%;
    }
  }
  .contact-us .content-section .contact-content .modal-dialog .left {
    float: left;
  }
  .contact-us .content-section .contact-content .modal-dialog .right {
    float: right;
  }
  .contact-us .content-section .contact-content .modal-dialog .modal-content {
    border-radius: 0px;
  }
  .contact-us .content-section .contact-content .modal-dialog .modal-content .modal-body {
    padding: 0px;
  }
  .contact-us .content-section .contact-content .modal-dialog .modal-content .modal-body img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .contact-us .content-section .contact-content .modal-dialog .modal-content .modal-footer {
    padding: 5px 10px;
  }
  .contact-us .content-section .contact-content .modal-dialog .modal-content .modal-footer .btn {
    margin-bottom: 0px;
  }
  .contact-us .content-section .contact-content .modal-dialog .btn-default {
    color: #fff;
  }
  
  .faqs-page .pagination > li > a,
  .faqs-page .pagination > li > span {
    color: #01A1DF;
  }
  .faqs-page .main-bg {
    height: auto !important;
  }
  .faqs-page .inside-wrapper {
    margin-top: -1000px;
  }
  @media screen and (max-width: 1440px) {
    .faqs-page .inside-wrapper {
      margin-top: -800px;
    }
  }
  @media screen and (max-width: 1199px) {
    .faqs-page .inside-wrapper {
      margin-top: -600px;
    }
  }
  @media screen and (max-width: 999px) {
    .faqs-page .inside-wrapper {
      margin-top: -400px;
    }
  }
  @media screen and (max-width: 767px) {
    .faqs-page .inside-wrapper {
      margin-top: 20px;
    }
  }
  .faqs-page .content-section {
    margin-bottom: 35px;
  }
  .faqs-page .content-section .row {
    margin: 0px;
  }
  .faqs-page .content-section .row .no-padding {
    padding: 0px;
  }
  .faqs-page .content-section .faqs-menu {
    font-family: "DB_Adman_X";
    color: #666;
  }
  .faqs-page .content-section .faqs-menu .dropdown-content {
    display: none;
  }
  .faqs-page .content-section .faqs-menu .menu-list {
    padding: 0px;
    margin: 0px;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item {
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 15px;
    margin-bottom: 1px;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item a {
    display: block;
    color: #666;
    font-size: 20px;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item.current {
    position: relative;
    background-color: #0082D6;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item.current:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #0082D6;
    border-width: 18px;
    margin-top: -18px;
    z-index: 9;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item.current a {
    color: #fff;
  }
  .faqs-page .content-section .faqs-menu .menu-list .menu-item.current a:hover {
    text-decoration: none;
  }
  @media screen and (max-width: 1000px) {
    .faqs-page .content-section .faqs-menu .menu-list .menu-item a {
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .faqs-page .content-section .faqs-menu .menu-list {
      display: none;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content {
      display: block;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .btn {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .btn-primary {
      background-color: #01A1DF;
      border-radius: 0;
      border: none;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .btn-primary:hover {
      background-color: #01A1DF;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .btn-primary:focus {
      background-color: #01A1DF;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .dropdown-menu {
      float: left;
      background-color: #e9e9e9;
      border-radius: 0;
      max-width: 100%;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .dropdown-menu li {
      line-height: 20px;
      cursor: pointer;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .dropdown-menu li a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: normal;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .all-content {
      margin-top: 25px;
      float: right;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .all-content a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #666666;
    }
    .faqs-page .content-section .faqs-menu .dropdown-content .all-content a i {
      margin-left: 10px;
      font-size: 12px;
    }
  }
  .faqs-page .content-section .faqs-content {
    border: 1px solid #CCCCCC;
    background-color: #fff;
    padding: 10px 15px 15px 30px;
    margin-top: -70px;
    min-height: 673px;
    z-index: 6;
  }
  .faqs-page .content-section .faqs-content .page-faq {
    margin-top: 13px;
  }
  .faqs-page .content-section .faqs-content .breadcrumb-section .breadcrumb {
    background: transparent;
  }
  .faqs-page .content-section .faqs-content .txt-editor {
    margin-top: 8px;
    overflow: auto;
    position: relative;
    height: 550px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .faqs-page .content-section .faqs-content .txt-editor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
  }
  .faqs-page .content-section .faqs-content .txt-editor .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
  }
  .faqs-page .content-section .faqs-content .txt-editor .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .faqs-page .content-section .faqs-content .txt-editor .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #999999;
  }
  .faqs-page .content-section .faqs-content .txt-editor .mCSB_scrollTools {
    right: 0px;
  }
  .faqs-page .content-section .faqs-content .txt-editor h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    font-weight: normal;
    margin: 15px 0;
  }
  .faqs-page .content-section .faqs-content .txt-editor p {
    margin: 5px 0;
  }
  .faqs-page .content-section .faqs-content .txt-editor table {
    margin: 5px 0;
    width: 100%;
  }
  .faqs-page .content-section .faqs-content .txt-editor table tr td {
    padding: 5px;
  }
  @media screen and (max-width: 1000px) {
    .faqs-page .content-section .faqs-content .txt-editor {
      height: 660px;
    }
  }
  @media screen and (max-width: 767px) {
    .faqs-page .content-section .faqs-content {
      margin-top: 10px;
      padding: 15px 0;
    }
    .faqs-page .content-section .faqs-content .breadcrumb-section .breadcrumb {
      font-size: 18px;
    }
    .faqs-page .content-section .faqs-content .txt-editor p {
      font-size: 18px;
    }
    .faqs-page .content-section .faqs-content .txt-editor table {
      font-size: 18px;
    }
  }
  
  .careers #mainlogo {
    margin-bottom: 20px;
  }
  .careers .main-bg {
    height: auto !important;
  }
  .careers .inside-wrapper {
    margin-top: -1000px;
  }
  @media screen and (max-width: 1440px) {
    .careers .inside-wrapper {
      margin-top: -850px;
    }
  }
  @media screen and (max-width: 1199px) {
    .careers .inside-wrapper {
      margin-top: -650px;
    }
  }
  @media screen and (max-width: 999px) {
    .careers .inside-wrapper {
      margin-top: -475px;
    }
  }
  @media screen and (max-width: 767px) {
    .careers .inside-wrapper {
      margin-top: -275px;
    }
  }
  .careers .content-section {
    margin-bottom: 35px;
  }
  .careers .content-section .careers-menu {
    font-family: "DB_Adman_X";
    color: #666;
  }
  .careers .content-section .careers-menu .dropdown-content {
    display: none;
  }
  .careers .content-section .careers-menu .menu-list {
    padding: 0px;
    margin: 0px;
  }
  .careers .content-section .careers-menu .menu-list .menu-item {
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 15px;
    margin-bottom: 1px;
  }
  .careers .content-section .careers-menu .menu-list .menu-item a {
    display: block;
    color: #666;
    font-size: 20px;
  }
  .careers .content-section .careers-menu .menu-list .menu-item a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .careers .content-section .careers-menu .menu-list .menu-item.current {
    position: relative;
    background-color: #0082D6;
  }
  .careers .content-section .careers-menu .menu-list .menu-item.current:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #0082D6;
    border-width: 18px;
    margin-top: -18px;
    z-index: 9;
  }
  .careers .content-section .careers-menu .menu-list .menu-item.current a {
    color: #fff;
  }
  .careers .content-section .careers-menu .menu-list .menu-item.current a:hover {
    text-decoration: none;
  }
  @media screen and (max-width: 1000px) {
    .careers .content-section .careers-menu .menu-list .menu-item a {
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .careers .content-section .careers-menu .menu-list {
      display: none;
    }
    .careers .content-section .careers-menu .dropdown-content {
      display: block;
    }
    .careers .content-section .careers-menu .dropdown-content .btn {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .careers .content-section .careers-menu .dropdown-content .btn-primary {
      background-color: #01A1DF;
      border-radius: 0;
      border: none;
    }
    .careers .content-section .careers-menu .dropdown-content .btn-primary:hover {
      background-color: #01A1DF;
    }
    .careers .content-section .careers-menu .dropdown-content .btn-primary:focus {
      background-color: #01A1DF;
    }
    .careers .content-section .careers-menu .dropdown-content .dropdown-menu {
      float: left;
      background-color: #e9e9e9;
      border-radius: 0;
      max-width: 100%;
    }
    .careers .content-section .careers-menu .dropdown-content .dropdown-menu li {
      line-height: 20px;
      cursor: pointer;
    }
    .careers .content-section .careers-menu .dropdown-content .dropdown-menu li a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: normal;
    }
    .careers .content-section .careers-menu .dropdown-content .all-content {
      margin-top: 25px;
      float: right;
    }
    .careers .content-section .careers-menu .dropdown-content .all-content a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #666666;
    }
    .careers .content-section .careers-menu .dropdown-content .all-content a i {
      margin-left: 10px;
      font-size: 12px;
    }
  }
  .careers .content-section .careers-content {
    border: 1px solid #CCCCCC;
    background-color: #fff;
    padding: 10px 15px 15px 30px;
    margin-top: -70px;
    z-index: 6;
  }
  @media screen and (max-width: 480px) {
    .careers .content-section .careers-content {
      margin-top: 0px;
    }
  }
  .careers .content-section .careers-content .page-careers {
    margin-top: 13px;
  }
  .careers .content-section .careers-content .page-careers .careers-detail {
    padding-bottom: 15px;
  }
  .careers .content-section .careers-content .page-careers .careers-detail p {
    font-weight: bold;
  }
  .careers .content-section .careers-content .page-careers .careers-detail ul {
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
  }
  .careers .content-section .careers-content .page-careers .careers-detail ul li {
    list-style: circle;
    list-style-position: outside;
  }
  .careers .content-section .careers-content .-action {
    margin: 15px 0;
  }
  .careers .content-section .careers-content .-action .btn-default {
    color: #fff;
  }
  .careers .content-section .careers-content .-action .btn-default:hover {
    background-color: #666;
  }
  @media screen and (max-width: 480px) {
    .careers .content-section .careers-content .-action .btn-default {
      margin-bottom: 5px;
    }
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb {
    width: 100%;
    display: block;
    clear: both;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head {
    margin-bottom: 25px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head .-position {
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head .-expect {
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head .date-title {
    margin: 10px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head .txt-title {
    font-family: "DB_Adman_X";
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head .txt-title .main-title {
    text-align: center;
    color: #01A1DF;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-head .txt-title .sub-title {
    text-align: center;
    color: #666;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-content {
    margin-bottom: 25px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-content .txt-title {
    border-top: 2px solid #fff;
    padding: 5px 10px;
    background-color: #3C3C3C;
    margin-bottom: 20px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-content .txt-title h3 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    font-weight: normal;
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-content .txt-sub-title {
    border-top: 2px solid #01A1DF;
    padding: 5px 10px;
    background-color: #EFEFEF;
    margin-bottom: 10px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb.-content .txt-sub-title h3 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    font-weight: normal;
    color: #666;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .label {
    color: #01A1DF;
    display: block;
    margin: 0 0 10px 0;
    line-height: 18px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .label .required {
    color: #ff0000;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .label .txt-en {
    color: #666;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-input {
    padding: 0 10px;
    margin: 0 0 25px 0;
    height: auto;
    line-height: 28px;
    font-size: 18px;
    border: 1px solid #CCC;
    background: #FFF;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-input.-short {
    width: 75%;
    /*width: 180px;*/
    display: inline-block;
    margin-right: 5px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-input.-short-center {
    width: 75%;
    /*width: 180px;*/
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-input .textbox {
    width: 100%;
    height: 24px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-input textarea {
    resize: none;
    min-height: 56px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .radio-input {
    padding: 0;
    margin-top: 8px;
    margin-bottom: 7px;
    height: auto;
    line-height: 20px;
    font-size: 18px;
    border: 0px solid #CCC;
    background: #FFF;
    overflow: hidden;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .radio-input input[type=radio],
  .careers .content-section .careers-content .apply-box-form .apply-tb .radio-input input[type=checkbox] {
    float: left;
    margin: 3px 5px 0px 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .radio-input label {
    float: left;
    margin-right: 5px;
    color: #01A1DF;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .radio-input label strong {
    color: #666;
  }
  @media screen and (max-width: 999px) {
    .careers .content-section .careers-content .apply-box-form .apply-tb .radio-input {
      margin: 5px 0;
    }
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .image-input {
    /*margin-top: -50px;*/
    text-align: left;
    /*.textbox {
        width: 130px;
        font-family: $default-font-family;
        color: transparent;
        outline: none !important;
  
        &::-webkit-file-upload-button {
            visibility: hidden;
        }
  
        &::before {
            width: 100%;
            height: 30px;
            content: 'Select some files';
            display: inline-block;
            background: linear-gradient(top, #f9f9f9, #e3e3e3);
            border: 1px solid #999;
            border-radius: 3px;
            padding: 5px 8px;
            outline: none;
            white-space: nowrap;
            -webkit-user-select: none;
            cursor: pointer;
            font-size: 10pt;
            color: $color-text;
        }
  
        &:hover {
            &::before {
                border-color: black;
            }
        }
  
        &:active {
            &::before {
                background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
            }
        }
    }*/
  }
  @media screen and (min-width: 1000px) {
    .careers .content-section .careers-content .apply-box-form .apply-tb .image-input {
      float: right;
    }
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .image-input .img-output {
    display: block;
    border: 1px solid #666;
    background-color: #666;
    width: 130px;
    height: 150px;
    margin-bottom: 5px;
    overflow: hidden;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .image-input .img-output img {
    width: 130px;
    height: 150px;
  }
  @media screen and (max-width: 999px) {
    .careers .content-section .careers-content .apply-box-form .apply-tb .image-input {
      margin: 0 0 10px 0;
    }
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .select-item {
    margin: 0 0 25px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .select-item .selectric {
    border-radius: 0px;
    -pie-border-radius: 0px;
    behavior: url(../PIE.htc);
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .select-item .selectric .label {
    height: 28px;
    line-height: 28px;
    color: #666;
    margin: 0 32px 0 10px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .upload-file {
    width: 100%;
    border: 1px solid #bebebe;
    padding: 5px;
    margin: 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family {
    padding: 10px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family.table-responsive .table {
    margin-bottom: 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family.table-responsive .table > tbody > tr > td {
    padding: 10px 5px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family.table-responsive .table .tb-tab-0 {
    position: relative;
    background-color: #0082D6;
    padding: 4px 5px 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family.table-responsive .table .tb-tab-0 h4 {
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family.table-responsive .table .tb-tab-1 {
    position: relative;
    background-color: #666;
    padding: 4px 5px 5px;
    border-right: 1px solid #fff;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-family.table-responsive .table .tb-tab-1 h4 {
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational {
    padding: 10px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational.table-responsive .table {
    margin-bottom: 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational.table-responsive .table .text-preview {
    margin: 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational.table-responsive .table > tbody > tr > td {
    padding: 10px 5px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational.table-responsive .table > tbody > tr > td:first-child {
    width: 125px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational.table-responsive .table .tb-tab-1 {
    position: relative;
    background-color: #0082D6;
    padding: 4px 5px 5px;
    border-right: 1px solid #fff;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-educational.table-responsive .table .tb-tab-1 h4 {
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges {
    padding: 10px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges.table-responsive .table {
    margin-bottom: 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges.table-responsive .table .text-preview {
    margin: 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges.table-responsive .table > tbody > tr > td {
    border-bottom: 1px solid #666;
    padding: 10px 15px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges.table-responsive .table > tbody > tr > td:first-child {
    width: 125px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges.table-responsive .table .tb-tab-1 {
    position: relative;
    background-color: #0082D6;
    padding: 10px 15px;
    border-right: 1px solid #fff;
    border-bottom: 0px;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-langauges.table-responsive .table .tb-tab-1 h4 {
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings {
    padding: 10px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings.table-responsive .table {
    margin-bottom: 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings.table-responsive .table .text-preview {
    margin: 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings.table-responsive .table > tbody > tr > td {
    padding: 10px 5px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings.table-responsive .table > tbody > tr > td:first-child {
    width: 125px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings.table-responsive .table .tb-tab-1 {
    position: relative;
    background-color: #0082D6;
    padding: 4px 5px 5px;
    border-right: 1px solid #fff;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-trainings.table-responsive .table .tb-tab-1 h4 {
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-workings {
    padding: 10px 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-workings.table-responsive .table {
    margin-bottom: 0px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-workings.table-responsive .table .text-preview {
    margin: 0;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-workings.table-responsive .table > tbody > tr > td {
    padding: 0 5px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-workings.table-responsive .table .tb-tab-1 {
    position: relative;
    background-color: #0082D6;
    padding: 4px 5px 5px;
    border-right: 1px solid #fff;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .tb-workings.table-responsive .table .tb-tab-1 h4 {
    color: #fff;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .recent-employer {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #01A1DF;
    overflow: hidden;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-preview {
    padding: 0;
    margin: 0 0 25px 0;
    height: auto;
    line-height: 20px;
    font-size: 18px;
    word-break: break-word;
    background-color: #fff;
    overflow: hidden;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-preview.-short {
    width: 48%;
    display: inline-block;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-preview.-short-center {
    width: 48%;
    display: inline-block;
    margin: 0 auto;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-preview label {
    float: left;
    margin-right: 5px;
    color: #01A1DF;
  }
  .careers .content-section .careers-content .apply-box-form .apply-tb .text-preview label strong {
    color: #666;
  }
  .careers .content-section .careers-content .apply-box-form .apply-note {
    padding: 15px 0 0 0;
    border-top: 2px solid #666;
  }
  .careers .content-section .careers-content .apply-box-form .apply-note .txt-note {
    margin-bottom: 20px;
  }
  .careers .content-section .careers-content .apply-box-form .apply-note .txt-note .txt-en {
    font-weight: 600;
  }
  .careers .content-section .careers-content .apply-box-form .apply-action {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
  .careers .content-section .careers-content .apply-box-form .apply-action .btn {
    display: inline-block !important;
  }
  .careers .content-section .careers-content .apply-box-form .apply-action .btn-default {
    color: #fff !important;
  }
  .careers .content-section .careers-content .apply-box-form .apply-action .btn-cancel {
    float: right;
  }
  .careers .content-section .careers-content .apply-box-form .apply-action .btn-main {
    float: left;
  }
  
  .js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  
  .inputfile + label {
    width: 130px;
    /*max-width: 80%;*/
    font-size: 1.25rem;
    /* 20px */
    /*font-weight: 700;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    /* 10px 20px */
    text-align: center;
  }
  
  .no-js .inputfile + label {
    display: none;
  }
  
  .inputfile:focus + label,
  .inputfile.has-focus + label {
    outline: none !important;
  }
  
  .inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
  }
  
  /* style 1 */
  .inputfile-1 + label {
    font-family: "DB_Adman_X";
    font-size: 16px;
    color: #fff;
    background-color: #01A1DF;
  }
  
  .inputfile-1:focus + label,
  .inputfile-1.has-focus + label,
  .inputfile-1 + label:hover {
    background-color: #01A1DF;
  }
  
  #ui-datepicker-div {
    z-index: 99 !important;
  }
  
  .agent .main-bg {
    height: auto !important;
  }
  .agent .inside-wrapper {
    margin-top: -600px;
  }
  @media screen and (max-width: 1199px) {
    .agent .inside-wrapper {
      margin-top: -500px;
    }
  }
  @media screen and (max-width: 999px) {
    .agent .inside-wrapper {
      margin-top: -375px;
    }
  }
  @media screen and (max-width: 767px) {
    .agent .inside-wrapper {
      margin-top: -175px;
    }
  }
  .agent .content-section {
    margin-bottom: 35px;
  }
  .agent .content-section .box-login .login-form {
    border-top: solid 4px #01A1DF;
    background-color: rgba(0, 153, 204, 0.5);
    padding: 30px 20px 50px 20px;
  }
  .agent .content-section .box-login .login-form h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
  }
  .agent .content-section .box-login .login-form .label {
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 41px;
    color: #fff;
  }
  .agent .content-section .box-login .login-form .information-input {
    margin-bottom: 20px;
  }
  .agent .content-section .box-login .login-form .information-input input[type=text],
  .agent .content-section .box-login .login-form .information-input input[type=password] {
    border-radius: 25px;
    -pie-border-radius: 25px;
    behavior: url(../PIE.htc);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff url("../images/login-icon.png") no-repeat;
    border: 1px solid #666;
    color: #666;
    margin: 0 0 10px;
    padding: 10px 10px 10px 40px;
    width: 90%;
  }
  .agent .content-section .box-login .login-form .information-input input[type=text]:focus,
  .agent .content-section .box-login .login-form .information-input input[type=password]:focus {
    background-color: #fff;
    border: 1px solid #01A1DF;
    outline: none;
  }
  .agent .content-section .box-login .login-form #username {
    background-position: 10px 10px !important;
  }
  .agent .content-section .box-login .login-form #password {
    background-position: 10px -53px !important;
  }
  .agent .content-section .box-login .login-btn {
    text-align: right;
  }
  .agent .content-section .box-login .login-btn .btn-login {
    background-color: #01A1DF;
  }
  .agent .content-section .box-login .login-btn .btn-login:hover {
    background-color: #0082D6;
  }
  .agent .content-section .box-login .login-btn .btn-login a {
    color: #fff !important;
  }
  
  .smart-trade .smart-trade-menu {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 1;
    padding: 10px 0;
    margin-bottom: 10px;
    background-color: #01A1DF;
  }
  .smart-trade .smart-trade-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .smart-trade .smart-trade-menu ul li {
    float: left;
    width: auto;
    text-align: left;
    padding-right: 10px;
    margin-left: 10px;
    border-right: solid 1px #fff;
  }
  .smart-trade .smart-trade-menu ul li:last-child {
    border: 0px;
  }
  .smart-trade .smart-trade-menu ul li a {
    color: #fff;
  }
  .smart-trade .smart-trade-menu ul li a:hover {
    color: #fff;
    text-decoration: underline;
  }
  @media screen and (max-width: 767px) {
    .smart-trade .smart-trade-menu {
      position: relative;
      top: 0px;
      right: 0px;
      overflow: hidden;
    }
    .smart-trade .smart-trade-menu ul {
      padding: 0 15px;
    }
    .smart-trade .smart-trade-menu ul li {
      width: 100%;
      padding: 5px 0;
      margin: 0px;
      border: 0px;
      border-bottom: solid 1px #fff;
    }
    .smart-trade .smart-trade-menu ul li a {
      display: block;
      width: 100%;
    }
  }
  .smart-trade .main-bg {
    height: auto !important;
  }
  .smart-trade .inside-wrapper {
    margin-top: -735px;
  }
  @media screen and (max-width: 1199px) {
    .smart-trade .inside-wrapper {
      margin-top: -551px;
    }
  }
  @media screen and (max-width: 999px) {
    .smart-trade .inside-wrapper {
      margin-top: -413px;
    }
  }
  @media screen and (max-width: 767px) {
    .smart-trade .inside-wrapper {
      margin-top: -100px;
    }
  }
  .smart-trade .content-section {
    margin-top: 135px;
    margin-bottom: 35px;
  }
  @media screen and (max-width: 767px) {
    .smart-trade .content-section {
      margin-top: 30px;
    }
  }
  .smart-trade .content-section .box-login .note {
    color: #919191;
  }
  .smart-trade .content-section .box-login .note span {
    color: red;
  }
  .smart-trade .content-section .box-login .login-form {
    border-top: solid 4px #01A1DF;
    background-color: #fff;
    padding: 20px;
    padding-bottom: 40px;
  }
  .smart-trade .content-section .box-login .login-form .head-title {
    margin-bottom: 30px;
  }
  .smart-trade .content-section .box-login .login-form .head-title .main-title {
    font-family: "DB_Adman_X";
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    color: #01A1DF;
    margin: 0px;
  }
  .smart-trade .content-section .box-login .login-form .head-title .sub-title {
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #666;
    margin: 0px;
  }
  .smart-trade .content-section .box-login .login-form .label {
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 41px;
    color: #01A1DF;
  }
  .smart-trade .content-section .box-login .login-form .information-input {
    color: #666;
    margin-bottom: 10px;
  }
  .smart-trade .content-section .box-login .login-form .information-input input[type=text],
  .smart-trade .content-section .box-login .login-form .information-input input[type=password] {
    border-radius: 15px;
    -pie-border-radius: 15px;
    behavior: url(../PIE.htc);
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    background: #fff url("../images/login-icon.png") no-repeat;
    border: 1px solid #666;
    color: #919191;
    margin: 0 0 10px;
    padding: 10px 10px 10px 40px;
    width: 90%;
  }
  .smart-trade .content-section .box-login .login-form .information-input input[type=text]:focus,
  .smart-trade .content-section .box-login .login-form .information-input input[type=password]:focus {
    background-color: #fff;
    border: 1px solid #01A1DF;
    outline: none;
  }
  .smart-trade .content-section .box-login .login-form .information-input a {
    color: #666;
  }
  .smart-trade .content-section .box-login .login-form .information-input a:hover {
    color: #01A1DF;
  }
  .smart-trade .content-section .box-login .login-form #username {
    background-position: 10px 10px !important;
  }
  .smart-trade .content-section .box-login .login-form #password {
    background-position: 10px -53px !important;
  }
  .smart-trade .content-section .box-login .login-form #unitholder,
  .smart-trade .content-section .box-login .login-form #idcard,
  .smart-trade .content-section .box-login .login-form #dateInput {
    background: none;
    padding-left: 20px;
  }
  @media screen and (max-width: 767px) {
    .smart-trade .content-section .box-login .login-form .label {
      line-height: 24px;
    }
  }
  .smart-trade .content-section .box-login .login-btn {
    border-top: solid 1px #01A1DF;
    overflow: hidden;
  }
  .smart-trade .content-section .box-login .login-btn a {
    color: #fff !important;
  }
  .smart-trade .content-section .box-login .login-btn .btn-register {
    float: left;
    width: 30%;
    padding: 10px 0;
    text-align: center;
    background-color: #666;
  }
  .smart-trade .content-section .box-login .login-btn .btn-register:hover {
    background-color: #0082D6;
  }
  .smart-trade .content-section .box-login .login-btn .btn-login {
    float: left;
    width: 70%;
    padding: 10px 0;
    text-align: center;
    background-color: #01A1DF;
  }
  .smart-trade .content-section .box-login .login-btn .btn-login:hover {
    background-color: #0082D6;
  }
  .smart-trade .content-section .box-download .-item {
    margin-bottom: 10px;
    overflow: hidden;
  }
  .smart-trade .content-section .box-download .-item a {
    color: #fff !important;
  }
  .smart-trade .content-section .box-download .-item .txt-title {
    float: left;
    width: 70%;
    padding: 10px 0;
    line-height: 1em;
    text-align: right;
    background-color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
  }
  .smart-trade .content-section .box-download .-item .txt-title span {
    display: block;
    padding-right: 10px;
  }
  .smart-trade .content-section .box-download .-item .btn-download {
    float: left;
    width: 30%;
    padding: 10px 0;
    line-height: 1em;
    text-align: center;
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .smart-trade .content-section .box-download .-item .btn-download:hover {
    background-color: #0082D6;
  }
  @media screen and (max-width: 767px) {
    .smart-trade .content-section .box-download {
      margin-bottom: 30px;
    }
    .smart-trade .content-section .box-download .-item .txt-title {
      width: 100%;
      text-align: left;
    }
    .smart-trade .content-section .box-download .-item .txt-title span {
      display: block;
      padding: 0 10px;
    }
    .smart-trade .content-section .box-download .-item .btn-download {
      width: 100%;
    }
  }
  
  .tax {
    position: relative;
  }
  .tax .t1 {
    width: calc(100% - 45px);
    float: left;
    margin-right: 10px;
  }
  @media screen and (max-width: 767px) {
    .tax .t1 {
      margin-bottom: 15px;
    }
  }
  .tax .p_t1 {
    float: left;
    width: 35px;
    height: auto;
    line-height: 34px;
    text-align: left;
  }
  @media screen and (max-width: 767px) {
    .tax .p_t1 {
      margin-bottom: 15px;
    }
  }
  .tax .p_t2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 5px 0 10px 0;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    color: #b5b5b5;
    /*padding-top: 3px;*/
  }
  @media screen and (max-width: 767px) {
    .tax .p_t2 {
      margin-bottom: 15px;
    }
  }
  @media screen and (max-width: 767px) {
    .tax .p_t1 + .p_t2 {
      margin-top: -15px;
    }
  }
  .tax .p_t3 {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    padding: 12px 10px;
    /*border-top: 1px solid #eee;*/
  }
  .tax .p_t3 span {
    font-size: 26px;
    background: -webkit-gradient(linear, left top, right top, from(#01A1DF), to(#0082D6));
    background: linear-gradient(to right, #01A1DF 0%, #0082D6 100%);
    -webkit-text-fill-color: transparent;
  }
  @media screen and (max-width: 1199px) {
    .tax .p_t3 span {
      font-size: 22px !important;
    }
  }
  .tax .tax-wrapper .heading-bar {
    float: left;
    width: 100%;
    padding: 10px 0;
    position: relative;
    background-color: #fff;
  }
  .tax .tax-wrapper .heading-bar .tax-title {
    padding: 3px 0 2px;
  }
  .tax .tax-wrapper .heading-bar .tax-title h3 {
    font-size: 24px;
    line-height: 20px;
    color: #19313b;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .tax .tax-wrapper .heading-bar .add-this-print {
    width: auto;
    height: auto;
    text-align: right;
    z-index: 1;
  }
  .tax .tax-wrapper .heading-bar .add-this-print a {
    color: #f7f6f6;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 3px 10px 2px;
    display: inline-block;
    background-color: #0d2e4ee0;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .tax .tax-wrapper .heading-bar .add-this-print a:hover {
    background-color: #0082D6;
    color: #fff;
    text-decoration: none;
  }
  .tax .tax-wrapper .heading-bar .add-this-print a i {
    font-size: 16px;
  }
  @media screen and (max-width: 767px) {
    .tax .tax-wrapper .heading-bar .add-this-print {
      text-align: left;
    }
    .tax .tax-wrapper .heading-bar .add-this-print a {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .tax .tax-wrapper .tax-calculator {
    line-height: 32px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator {
    font-family: "DB_Adman_X";
    font-size: 20px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-heading-bar {
    padding: 5px 15px;
    /*margin-bottom: 10px;*/
    position: relative;
    background-color: #0d2e4ee0;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-heading-bar .txt-title {
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar {
    /*padding: 10px 15px;*/
    padding: 15px 0;
    position: relative;
    font-size: 20px;
    font-family: "DB_Adman_X";
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .row {
    padding-bottom: 10px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .row-2 {
    padding-bottom: 5px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .row .row {
    padding-bottom: 0;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar h3.title {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 22px;
    line-height: 22px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar h3.title span {
    font-size: 16px;
    color: #b5b5b5;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar i {
    font-size: 16px;
    color: #0082D6;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .btn-primary {
    padding: 10px 20px;
    background-color: #0082D6;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .btn-primary i {
    color: white;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .btn-secondary {
    padding: 10px 20px;
    background-color: #ed4343;
    color: white;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 35px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=text], .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=number] {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    margin: 0 !important;
    border-radius: 5px;
    -pie-border-radius: 5px;
    behavior: url(../PIE.htc);
    border: 1px solid #CCC;
    background-color: white;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=text]:hover, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=text]:focus, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=number]:hover, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=number]:focus {
    outline: none !important;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=text] {
    text-align: right;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input[type=number] {
    text-align: right;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .input-wrapper input:disabled {
    background-color: #f0f0f0;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 35px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 !important;
    text-align: left;
    border-radius: 5px;
    -pie-border-radius: 5px;
    behavior: url(../PIE.htc);
    border: 1px solid #CCC;
    background-color: white;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper:hover, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper:focus {
    outline: none !important;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper .selectric {
    padding-left: 10px;
    border-color: #fff;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper .selectric .label {
    height: 30px;
    margin-left: 0;
    margin-right: 0;
    color: #666;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper .selectric .button {
    width: 30px;
    height: 30px;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item .selectric-wrapper .selectric-items {
    color: #666;
    border: none;
  }
  @media screen and (max-width: 767px) {
    .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .select-item.-salary {
      display: block;
      width: 90%;
    }
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value {
    display: block;
    padding: 0 10px;
    margin: 0;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    border-radius: 5px;
    text-align: right !important;
    border: 1px solid #CCC;
    background-color: #f0f0f0;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-red {
    font-size: 26px !important;
    color: red;
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed red;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-blue {
    font-size: 26px !important;
    color: #01A1DF;
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #01A1DF;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-green {
    font-size: 26px !important;
    color: #3AAA3A;
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #3AAA3A;
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-yellow {
    font-size: 26px !important;
    color: #db8310;
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #db8310;
  }
  @media screen and (max-width: 1199px) {
    .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-red, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-blue, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-green, .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .text-value.bg-yellow {
      font-size: 22px !important;
    }
  }
  .tax .tax-wrapper .tax-calculator .-calculator .-body-bar .clear-border {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: visible;
    width: 100%;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 20px;
    /*border-bottom: solid 1px $color-text;*/
    background-color: #666;
  }
  .tax .tax-wrapper .tax-calculator .-tb-result {
    font-size: 20px;
    font-family: "DB_Adman_X";
  }
  .tax .tax-wrapper .tax-calculator .-tb-result .-heading-bar {
    padding: 5px 15px;
    margin-bottom: 0;
    position: relative;
    background-color: #01A1DF;
  }
  .tax .tax-wrapper .tax-calculator .-tb-result .-heading-bar .txt-title {
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .tax .tax-wrapper .tax-calculator .-tb-result .-tb-tax {
    background-color: #f6f6f6;
    padding: 0 15px;
    margin-bottom: 25px;
    position: relative;
    font-size: 20px;
    font-family: "DB_Adman_X";
    line-height: 35px;
  }
  .tax .tax-wrapper .tax-calculator .-tb-result .-tb-tax .first-col {
    border: 1px solid white;
    border-left: 0;
    border-top: 0;
  }
  .tax .tax-wrapper .tax-calculator .-tb-result .-tb-tax .second-col {
    border: 1px solid white;
    border-left: 0;
    border-top: 0;
  }
  .tax .tax-wrapper .tax-calculator .-tb-result .-tb-tax .third-col {
    border-bottom: 1px solid white;
  }
  .tax .tax-wrapper .tax-calculator .sum-tax {
    padding: 10px 15px 20px;
    margin-bottom: 20px;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 35px;
    font-weight: normal;
    background-color: #f6f6f6;
    border-bottom: 3px solid #01A1DF;
  }
  .tax .tax-wrapper .tax-calculator .sum-tax .row {
    padding-bottom: 0 !important;
  }
  .tax .tax-wrapper .tax-calculator .sum-tax .lbl-custom {
    font-size: 24px !important;
    color: #0c1416;
  }
  .tax .tax-wrapper .tax-calculator .sum-tax .text-value {
    font-size: 24px !important;
    color: #ff0000 !important;
    background-color: transparent !important;
  }
  .tax .tax-wrapper .tax-calculator .sum-tax .txt-right {
    font-size: 20px;
    color: black;
  }
  .tax .tax-wrapper .tax-calculator .txt-right {
    text-transform: capitalize;
    text-align: right;
    font-size: 18px;
  }
  @media screen and (max-width: 767px) {
    .tax .tax-wrapper .tax-calculator .txt-right {
      margin-bottom: 5px;
      line-height: 24px;
      text-align: left;
    }
  }
  .tax .tax-wrapper .tax-calculator .txt-header {
    display: block;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
  }
  .tax .tax-wrapper .tax-calculator .txt-header .p_t2 {
    float: none;
    padding: 0;
    font-size: 18px;
  }
  .tax .tax-wrapper .tax-calculator .txt-form {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .tax .tax-wrapper .tax-calculator .txt-center {
    text-align: center;
  }
  .tax .tax-wrapper .tax-calculator .txt-red {
    color: #ff0000;
  }
  .tax .tax-wrapper .tax-calculator .txt-blue {
    color: #0082D6;
  }
  .tax .tax-wrapper .tax-calculator .txt-green {
    color: #3AAA3A;
  }
  .tax .tax-wrapper .tax-calculator .-short {
    text-align: center;
  }
  .tax .tax-wrapper .tax-calculator .-normal {
    text-align: right;
  }
  @media screen and (max-width: 767px) {
    .tax .tax-wrapper .tax-calculator .txt-right,
    .tax .tax-wrapper .tax-calculator .txt-center {
      text-align: left;
    }
    .tax .tax-wrapper .tax-calculator .-normal {
      text-align: left;
    }
  }
  
  .saving-money .saving-wrapper .heading-bar {
    float: left;
    width: 100%;
    padding: 10px 0;
    position: relative;
    background-color: #fff;
  }
  .saving-money .saving-wrapper .heading-bar .saving-title {
    padding: 3px 0 2px;
  }
  .saving-money .saving-wrapper .heading-bar .saving-title h3 {
    font-size: 24px;
    line-height: 20px;
    color: #01A1DF;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .saving-money .saving-wrapper .heading-bar .add-this-print {
    width: auto;
    height: auto;
    text-align: right;
    z-index: 1;
  }
  .saving-money .saving-wrapper .heading-bar .add-this-print a {
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 3px 10px 2px;
    display: inline-block;
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .saving-money .saving-wrapper .heading-bar .add-this-print a:hover {
    background-color: #0082D6;
    color: #fff;
    text-decoration: none;
  }
  .saving-money .saving-wrapper .heading-bar .add-this-print a i {
    font-size: 16px;
  }
  @media screen and (max-width: 767px) {
    .saving-money .saving-wrapper .heading-bar .add-this-print {
      text-align: left;
    }
    .saving-money .saving-wrapper .heading-bar .add-this-print a {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  .saving-money .saving-wrapper .saving-calculator {
    line-height: 32px;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator {
    font-size: 20px;
    font-family: "DB_Adman_X";
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-heading-bar {
    padding: 10px;
    position: relative;
    background-color: #01A1DF;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-heading-bar .txt-title {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar {
    padding: 25px 10px;
    position: relative;
    font-size: 20px;
    font-family: "DB_Adman_X";
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .row {
    padding-bottom: 20px;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .form-wrapper {
    font-size: 20px;
    padding-bottom: 17px;
    margin-bottom: 25px;
    border-bottom: 1px solid #919191;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .form-wrapper .input-wrapper {
    display: block;
    padding: 0 10px;
    margin: 0 auto;
    margin-right: 0;
    max-width: 80%;
    height: 36px;
    border-radius: 10px;
    -pie-border-radius: 10px;
    behavior: url(../PIE.htc);
    border: 1px solid #CCC;
    background: #FFF;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .form-wrapper .input-wrapper input[type=text] {
    text-align: right;
    width: 100%;
    height: 24px;
    margin-top: 3px;
  }
  @media screen and (max-width: 414px) {
    .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .form-wrapper .input-wrapper {
      max-width: 100%;
    }
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper {
    padding-bottom: 17px;
    margin-bottom: 25px;
    border-bottom: 1px solid #919191;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper .result-wrapper {
    padding: 0 10px;
    margin: 0 auto;
    margin-right: 0;
    max-width: 80%;
    height: 32px;
    background-color: #f0f0f0;
    color: #0082D6;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper .result-wrapper span {
    font-size: 20px;
  }
  @media screen and (max-width: 414px) {
    .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper .result-wrapper {
      max-width: 100%;
    }
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper.summary h3 {
    font-size: 22px;
    line-height: 20px;
    color: #ff0000;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper.summary h3 span {
    color: #01A1DF;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .display-wrapper.summary span {
    font-size: 22px;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .image-wrapper {
    text-align: center;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .image-wrapper img {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .image-wrapper h3 {
    font-size: 24px;
    line-height: 20px;
    color: #666;
    font-family: "DB_Adman_X";
    font-weight: normal;
    margin-bottom: 15px;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .image-wrapper a {
    font-size: 24px;
    line-height: 20px;
    color: #01A1DF;
    font-family: "DB_Adman_X";
    font-weight: normal;
    text-decoration: underline;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .image-wrapper a:hover {
    color: #0082D6;
  }
  .saving-money .saving-wrapper .saving-calculator .-calculator .-body-bar .btn-primary {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result {
    font-size: 20px;
    font-family: "DB_Adman_X";
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-heading-bar {
    padding: 10px;
    margin-bottom: 2px;
    position: relative;
    background-color: #01A1DF;
    text-align: right;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-heading-bar .txt-title {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-family: "DB_Adman_X";
    font-weight: normal;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table {
    margin-bottom: 25px;
    position: relative;
    font-size: 14px;
    font-family: "DB_Adman_X";
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .row {
    margin-left: -1px;
    margin-right: -1px;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .col-xs-3,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .col-xs-4,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .col-xs-5,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .col-xs-8 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .first-col,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .second-col,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .third-col {
    padding: 3px 10px 2px 10px;
    margin-bottom: 2px;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .first-col span,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .second-col span {
    color: #01A1DF;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .bg-white {
    background-color: #fff;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-head .bg-dark {
    background-color: #f0f0f0;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .first-col,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .second-col,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .third-col {
    padding: 3px 10px 2px 10px;
    margin-bottom: 2px;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .first-col,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .second-col {
    background-color: #f0f0f0;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .first-col span,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .second-col span {
    color: #666;
  }
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .first-col.featured span,
  .saving-money .saving-wrapper .saving-calculator .-tb-result .-table .-body .second-col.featured span {
    color: #01A1DF;
    font-weight: bold;
  }
  .saving-money .saving-wrapper .saving-calculator .txt-right {
    text-transform: capitalize;
    text-align: right;
  }
  @media screen and (max-width: 767px) {
    .saving-money .saving-wrapper .saving-calculator .txt-right {
      text-align: left;
    }
  }
  .saving-money .saving-wrapper .saving-calculator .txt-center {
    text-align: center;
  }
  .saving-money .saving-wrapper .saving-calculator .txt-red {
    color: #ff0000;
  }
  .saving-money .saving-wrapper .saving-calculator .txt-blue {
    color: #0082D6;
  }
  .saving-money .saving-wrapper .saving-calculator .txt-green {
    color: #3AAA3A;
  }
  .saving-money .saving-wrapper .saving-calculator .-short {
    text-align: center;
  }
  .saving-money .saving-wrapper .saving-calculator .-normal {
    text-align: right;
  }
  @media screen and (max-width: 767px) {
    .saving-money .saving-wrapper .saving-calculator .txt-right,
    .saving-money .saving-wrapper .saving-calculator .txt-center {
      text-align: left;
    }
    .saving-money .saving-wrapper .saving-calculator .-normal {
      text-align: left;
    }
  }
  
  .sitemap .heading-section {
    margin: 15px auto 30px auto;
  }
  .sitemap .heading-section .title-section {
    margin: 0 auto;
  }
  .sitemap .heading-section .title-section h2 {
    font-family: "DB_Adman_X";
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
  }
  .sitemap .heading-section .title-section .primary-title {
    color: #01A1DF;
  }
  .sitemap .heading-section .title-section .-left {
    text-align: left;
  }
  .sitemap .sitemap-wrapper .row {
    margin-bottom: 10px;
  }
  .sitemap .sitemap-wrapper .txt-title {
    font-size: 20px;
    line-height: 24px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
    margin: 5px 0;
    font-weight: normal;
  }
  .sitemap .sitemap-wrapper .txt-title a {
    font-size: 20px;
    line-height: 24px;
    font-family: "DB_Adman_X";
    color: #01A1DF;
  }
  .sitemap .sitemap-wrapper .txt-title a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .sitemap .sitemap-wrapper .list-menu-sitemap {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .sitemap .sitemap-wrapper .list-menu-sitemap .item-menu {
    list-style-type: circle;
    list-style-position: outside;
    color: #01A1DF;
    margin-left: 15px;
  }
  .sitemap .sitemap-wrapper .list-menu-sitemap .item-menu a {
    color: #666;
  }
  .sitemap .sitemap-wrapper .list-menu-sitemap .item-menu a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  
  /* css by topcooling */
  
  
  /* responsive control stylesheet */
  /* **DO NOT** import another scss component below reponsive import!! */