#canvas-socialmedia-box #top-social > li {
    display: inline-block;
    float: none;
    margin: 0 5px;
    padding: 1px 0 0 0;
    width: 32px;
    height: 32px;
    font-size: 20px;
    color: #999;
  }
  #canvas-socialmedia-box #top-social > li > span {
    display: block;
    padding: 3px 0 0 0;
  }
  #canvas-socialmedia-box #top-social > li > a {
    display: block;
    margin: 0 0 0 0;
    width: 32px;
    height: 32px;
    color: #999;
    text-decoration: none;
  }
  #canvas-socialmedia-box #top-social > li > a:hover {
    text-decoration: underline;
  }
  #canvas-socialmedia-box #top-social > li.icn-fb > a {
    background: url("../images/icn-social-mobile.png") left top no-repeat;
  }
  #canvas-socialmedia-box #top-social > li.icn-tw > a {
    background: url("../images/icn-social-mobile.png") left -50px no-repeat;
  }
  #canvas-socialmedia-box #top-social > li.icn-yt > a {
    background: url("../images/icn-social-mobile.png") left -100px no-repeat;
  }
  #canvas-socialmedia-box #top-social > li:first-child {
    display: block;
    float: none;
    width: 100%;
    margin: 5px 0 10px 0;
    text-align: center;
  }
  
  #canvas-sitestat-box #site-stat {
    display: block;
    margin-bottom: 10px;
  }
  #canvas-sitestat-box #site-stat table {
    margin: auto;
  }
  #canvas-sitestat-box #site-stat td {
    padding: 3px 0;
    font-size: 14px;
    color: #0490D8;
  }
  #canvas-sitestat-box #site-stat .site-stat-num {
    color: #efefef;
  }
  
  #canvas-enewsletter-box #enewsletter {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
  }
  #canvas-enewsletter-box #enewsletter table {
    margin: auto;
  }
  #canvas-enewsletter-box #enewsletter td {
    padding: 0 3px;
  }
  #canvas-enewsletter-box #enewsletter .search-text {
    display: block;
    position: relative;
    margin: 0 0 0 15px;
    font-size: 20px;
  }
  #canvas-enewsletter-box #enewsletter a {
    display: block;
    margin: 1px 0 0 0;
    font-size: 20px;
    color: #666;
    text-decoration: none;
  }
  #canvas-enewsletter-box #enewsletter a:hover {
    text-decoration: underline;
  }
  #canvas-enewsletter-box #enewsletter i {
    position: absolute;
    top: 7px;
    font-size: 12px;
    color: #333;
  }
  #canvas-enewsletter-box #enewsletter .btn-circle {
    padding: 5px 20px;
  }
  #canvas-enewsletter-box #enewsletter .btn-circle > input[type=submit] {
    padding: 5px 20px;
  }
  #canvas-enewsletter-box #enewsletter .gen-input {
    border-radius: 12px;
    -pie-border-radius: 12px;
    behavior: url(../PIE.htc);
  }
  #canvas-enewsletter-box #enewsletter input[type=text] {
    width: 110px !important;
    padding: 6px;
  }
  
  #canvas-callcenter-box #callcenter {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 20px 10px 20px;
    padding-left: 50px;
    background: url("../images/icn-callcenter-canvas.png") left 2px no-repeat;
  }
  #canvas-callcenter-box #callcenter > span {
    display: block;
    font-family: arial;
  }
  #canvas-callcenter-box #callcenter > span.cc-text {
    margin-top: -3px;
    font-weight: bold;
    font-size: 19px;
    color: #01A1DF;
  }
  #canvas-callcenter-box #callcenter > span.cc-num {
    margin-top: -5px;
    font-size: 1.5em;
    color: #999999;
  }
  
  .canvas-menu-wrapper {
    display: none;
  }
  
  @media screen and (max-width: 1199px) {
    .canvas-menu-wrapper {
      display: block;
    }
    body.nav-expanded {
      margin-left: 0em;
      transition: right 0.4s ease-in-out 0s;
      -webkit-transition: right 0.4s ease-in-out 0s;
      -moz-transition: right 0.4s ease-in-out 0s;
      -o-transition: right 0.4s ease-in-out 0s;
    }
    .nav-expander {
      background-color: #01A1DF;
      color: #FFFFFF;
      display: block;
      font-size: 20px;
      height: 45px;
      margin-right: 0;
      padding: 0;
      padding-top: 8px;
      text-align: center;
      position: absolute;
      right: 15px;
      text-decoration: none;
      text-transform: uppercase;
      top: 10px;
      transition: right 0.3s ease-in-out 0s;
      width: 50px;
      line-height: 20px;
      z-index: 12;
      transition: right 0.3s ease-in-out 0s;
      -webkit-transition: right 0.3s ease-in-out 0s;
      -moz-transition: right 0.3s ease-in-out 0s;
      -o-transition: right 0.3s ease-in-out 0s;
      font-family: "DB_Adman_X";
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
    }
    .nav-expander:hover {
      color: #fff;
      text-decoration: none;
      cursor: pointer;
    }
    .nav-expander.fixed {
      position: fixed;
      z-index: 999;
      background-color: #0082D6;
      border-radius: 0px;
      -pie-border-radius: 0px;
      behavior: url(../PIE.htc);
    }
    .nav-expander i {
      font-size: 27px;
    }
    .nav-expanded .nav-expander.fixed {
      right: 300px;
    }
    .canvas-menu {
      background: #2d2f33;
      display: block;
      height: 100%;
      overflow: auto;
      position: fixed;
      right: -300px;
      font-size: 15px;
      top: 0;
      width: 300px;
      z-index: 2000;
      -webkit-transition: right 0.3s ease-in-out 0s;
      transition: right 0.3s ease-in-out 0s;
      font-family: "DB_Adman_X";
    }
    .nav-expanded .canvas-menu {
      right: 0;
    }
    #nav-close {
      font-size: 20px;
      padding-right: 10px;
    }
    .main-menu {
      padding-top: 12px;
    }
    .main-menu li {
      border-bottom: 1px solid #323949;
      margin-left: 10px;
      margin-right: 10px;
      padding: 12px;
      list-style: none !important;
    }
    .main-menu li:last-child {
      border-bottom: 0px;
    }
    .main-menu li a {
      display: block;
      font-size: 20px;
      color: #fff;
      text-decoration: none;
    }
    .main-menu li a .caret {
      width: 0;
      height: 0;
      display: inline-block;
      vertical-align: top;
      border-top: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      content: "";
      margin-top: 8px;
      margin-left: 10px;
    }
    .main-menu li a:hover {
      color: #FFFFFF;
      text-decoration: none;
    }
    .main-menu li a:hover .caret {
      border-top-color: #fff;
    }
    .main-menu li a i {
      font-size: 20px;
      margin-right: 5px;
    }
    .main-menu li .sub-nav {
      border-bottom: 0px;
      padding: 4px;
    }
    .main-menu li .open > a > .caret {
      border-top: none;
      border-bottom: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
    }
    .main-menu li .open > a:hover > .caret {
      border-bottom-color: #fff;
    }
    .main-menu li > a > .icon {
      float: right;
      margin: -3px 1.7em -0.1em 0;
      opacity: 0;
      font-size: 20px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .main-menu li > a:hover > .icon {
      float: right;
      margin: -3px 0.5em -0.1em 0;
      opacity: 1;
    }
    .main-menu li .search-toggle-item .gen-input {
      float: none;
      max-width: 100%;
      height: auto;
      padding: 3px 5px;
      margin-bottom: 10px;
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
      font-size: 18px;
    }
    .main-menu li .search-toggle-item .gen-input > input[type=text] {
      font-size: 20px;
    }
    .main-menu li .search-toggle-item .gen-button {
      float: none;
      max-width: 50%;
      height: 30px;
      padding: 1px;
      margin: 0 auto;
      margin-bottom: 10px;
      color: #fff;
      background-color: #0082D6;
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
      font-size: 20px;
      line-height: 30px !important;
      overflow: hidden;
    }
    .main-menu li .search-toggle-item .gen-button input[type=submit] {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .main-menu li .search-toggle-item .gen-button > i {
      color: #fff;
      font-size: 20px;
      position: absolute;
      left: 7px;
      top: 6px;
      z-index: 0;
      margin: 0px;
      display: block;
    }
    .main-menu li .lang-sw {
      text-align: center;
    }
    .main-menu li .lang-sw a {
      display: inline-block;
      width: 30px;
      height: 30px;
      padding: 0 5px;
      margin: 0 5px;
      text-align: center;
      color: #01A1DF;
      background-color: #fff;
      font-size: 20px;
      line-height: 30px;
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
    }
    .main-menu li .lang-sw a:hover, .main-menu li .lang-sw a.active {
      color: #fff;
      background-color: #01A1DF;
    }
    .icon:before {
      font-family: "FontAwesome";
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      text-transform: none;
      content: "\f105";
    }
    .exit-canvas {
      background-color: #000;
      opacity: 0.5;
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 998;
    }
  }
  @media screen and (min-width: 319px) and (max-width: 480px) {
    .canvas-menu-wrapper {
      display: block;
    }
    body.nav-expanded {
      margin-left: 0em;
      transition: right 0.4s ease-in-out 0s;
      -webkit-transition: right 0.4s ease-in-out 0s;
      -moz-transition: right 0.4s ease-in-out 0s;
      -o-transition: right 0.4s ease-in-out 0s;
    }
    .nav-expander {
      background-color: #01A1DF;
      color: #FFFFFF;
      display: block;
      font-size: 20px;
      height: 45px;
      margin-right: 0;
      padding: 0;
      padding-top: 8px;
      text-align: center;
      position: absolute;
      right: 0px;
      text-decoration: none;
      text-transform: uppercase;
      top: 10px;
      transition: right 0.3s ease-in-out 0s;
      width: 50px;
      line-height: 20px;
      z-index: 12;
      transition: right 0.3s ease-in-out 0s;
      -webkit-transition: right 0.3s ease-in-out 0s;
      -moz-transition: right 0.3s ease-in-out 0s;
      -o-transition: right 0.3s ease-in-out 0s;
      font-family: "DB_Adman_X";
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
    }
    .nav-expander:hover {
      color: #fff;
      text-decoration: none;
      cursor: pointer;
    }
    .nav-expander.fixed {
      position: fixed;
      z-index: 999;
      background-color: #0082D6;
      border-radius: 0px;
      -pie-border-radius: 0px;
      behavior: url(../PIE.htc);
    }
    .nav-expander i {
      font-size: 24px;
    }
    .nav-expanded .nav-expander.fixed {
      right: 240px;
    }
    .canvas-menu {
      background: #2d2f33;
      display: block;
      height: 100%;
      overflow: auto;
      position: fixed;
      right: -240px;
      font-size: 14px;
      top: 0;
      width: 240px;
      z-index: 2000;
      transition: right 0.3s ease-in-out 0s;
      -webkit-transition: right 0.3s ease-in-out 0s;
      -moz-transition: right 0.3s ease-in-out 0s;
      -o-transition: right 0.3s ease-in-out 0s;
      font-family: "DB_Adman_X";
    }
    .nav-expanded .canvas-menu {
      right: 0;
    }
    #nav-close {
      font-size: 20px;
      padding-right: 10px;
    }
    .main-menu {
      padding-top: 12px;
    }
    .main-menu li {
      border-bottom: 1px solid #323949;
      margin-left: 10px;
      margin-right: 10px;
      padding: 12px;
    }
    .main-menu li:last-child {
      border-bottom: 0px;
    }
    .main-menu li a {
      font-size: 20px;
      color: #fff;
      text-decoration: none;
    }
    .main-menu li a .caret {
      width: 0;
      height: 0;
      display: inline-block;
      vertical-align: top;
      border-top: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      content: "";
      margin-top: 8px;
      margin-left: 10px;
    }
    .main-menu li a:hover {
      color: #FFFFFF;
      text-decoration: none;
    }
    .main-menu li a:hover .caret {
      border-top-color: #fff;
    }
    .main-menu li .sub-nav {
      border-bottom: 0px;
      padding: 4px;
    }
    .main-menu li .open > a > .caret {
      border-top: none;
      border-bottom: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
    }
    .main-menu li .open > a:hover > .caret {
      border-bottom-color: #fff;
    }
    .main-menu li > a > .icon {
      float: right;
      margin: -3px 1.7em -0.1em 0;
      opacity: 0;
      font-size: 20px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .main-menu li > a:hover > .icon {
      float: right;
      margin: -3px 0.5em -0.1em 0;
      opacity: 1;
    }
    .main-menu li .search-toggle-item .gen-input {
      float: none;
      max-width: 100%;
      height: auto;
      max-height: unset;
      padding: 3px 5px;
      margin-bottom: 10px;
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
      font-size: 18px;
    }
    .main-menu li .search-toggle-item .gen-input > input[type=text] {
      font-size: 20px;
      height: auto;
      max-height: 30px;
    }
    .main-menu li .search-toggle-item .gen-button {
      float: none;
      max-width: 50%;
      height: 30px;
      padding: 1px;
      margin: 0 auto;
      margin-bottom: 10px;
      color: #fff;
      background-color: #0082D6;
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
      font-size: 20px;
      line-height: 30px !important;
      overflow: hidden;
    }
    .main-menu li .search-toggle-item .gen-button input[type=submit] {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .main-menu li .search-toggle-item .gen-button > i {
      color: #fff;
      font-size: 20px;
      position: absolute;
      left: 7px;
      top: 6px;
      z-index: 0;
      margin: 0px;
      display: block;
    }
    .main-menu li .lang-sw {
      text-align: center;
    }
    .main-menu li .lang-sw a {
      display: inline-block;
      width: 30px;
      height: 30px;
      padding: 0 5px;
      text-align: center;
      color: #01A1DF;
      background-color: #fff;
      font-size: 20px;
      line-height: 30px;
      border-radius: 5px;
      -pie-border-radius: 5px;
      behavior: url(../PIE.htc);
    }
    .main-menu li .lang-sw a:hover, .main-menu li .lang-sw a.active {
      color: #fff;
      background-color: #01A1DF;
    }
    .icon:before {
      font-family: "FontAwesome";
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      text-transform: none;
      content: "\f105";
    }
    .exit-canvas {
      background-color: #000;
      opacity: 0.5;
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 998;
    }
  }
  .list-group {
    width: 100%;
  }
  .list-group .list-group-item {
    padding: 1px 0 1px 0;
  }
  .list-group .list-group-item:first-child {
    padding: 0 0 1px 0;
  }
  .list-group .list-group-item .list-group-head {
    position: relative;
    height: 25px;
    font-size: 1.2em;
    cursor: pointer;
    background: #5a95c1; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#5a95c1), to(#385773));
    background: linear-gradient(to bottom, #5a95c1 0%, #385773 100%); /* W3C */
    -pie-background: linear-gradient(#5a95c1, #385773); /* IE6-9 via PIE */
    behavior: url(../PIE.htc);
  }
  .list-group .list-group-item .list-group-head > div {
    position: relative;
    display: block;
    height: 25px;
  }
  .list-group .list-group-item .list-group-head > div .icn-circle {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 9px;
    color: #999;
  }
  .list-group .list-group-item .list-group-head > div .icn-circle .fa-stack-1x {
    font-size: 18px;
  }
  .list-group .list-group-item .list-group-head > div a {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 25px;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    line-height: 23px;
  }
  .list-group .list-group-item .active > div {
    position: relative;
    display: block;
    height: 25px;
  }
  .list-group .list-group-item .active > div .fa-plus:before {
    content: "\f068";
  }
  .list-group .list-group-item .list-group-content {
    display: none;
    height: 172px;
  }
  .list-group .list-group-item .list-group-content.opened {
    display: block;
  }
  .list-group .list-group-item .list-group-content.home-2-head {
    height: 199px;
  }
  .list-group .list-group-item .list-group-content.home-2-head .iframe-home-box {
    height: 167px;
  }
  .list-group .list-group-item .list-group-content.home-2-head--nomore {
    height: 199px;
  }
  .list-group .list-group-item .list-group-content.home-2-head--nomore .iframe-home-box {
    height: 194px;
  }
  .list-group .list-group-item .list-group-content .iframe-home-box {
    overflow: hidden;
    padding: 5px 0 0 0;
    height: 140px;
  }
  .list-group .list-group-item .list-group-content .iframe-home-box > iframe {
    width: 1px;
    min-width: 100%;
  }
  .list-group .list-group-item .list-group-content .list-group-more {
    display: block;
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }
  .list-group .list-group-item .list-group-content .list-group-more i {
    color: #e00100;
  }
  .list-group .list-group-item .list-group-content .list-group-more a {
    color: #333333;
    text-decoration: none;
  }
  .list-group .list-group-item .list-group-content .list-group-more a:hover {
    text-decoration: underline;
  }
  .list-group .list-group-item .list-group-content .home-msg-box {
    margin-top: 5px;
    height: 194px;
    background: #5a95c1; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#5a95c1), to(#385773));
    background: linear-gradient(to bottom, #5a95c1 0%, #385773 100%); /* W3C */
    -pie-background: linear-gradient(#5a95c1, #385773); /* IE6-9 via PIE */
    behavior: url(../PIE.htc);
  }
  .list-group .list-group-item .list-group-content .home-msg-box > .msg-box {
    padding-top: 30px;
    text-align: center;
    font-size: 20px;
    color: #fff;
  }
  .list-group .list-group-item .list-group-content .home-msg-box > .msg-box .msg-login {
    margin-top: 10px;
  }
  .list-group.faq-list .list-group-item {
    padding: 0;
    border-bottom: 1px solid #ccc;
  }
  .list-group.faq-list .list-group-item:first-child {
    padding: 0;
  }
  .list-group.faq-list .list-group-item:last-child {
    border-bottom: none;
  }
  .list-group.faq-list .list-group-item .list-group-head {
    position: relative;
    height: auto;
    min-height: initial;
    font-size: 24px;
    cursor: pointer;
    background: none;
    -pie-background: none;
    line-height: 32px;
  }
  .list-group.faq-list .list-group-item .list-group-head > div {
    position: relative;
    display: block;
    padding: 3px 30px 5px 0;
    height: auto;
    min-height: initial;
  }
  .list-group.faq-list .list-group-item .list-group-head > div .icn-circle {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 25px;
    height: 25px;
    background-color: #01A1DF;
    border-radius: 50%;
    -pie-border-radius: 50%;
    behavior: url(../PIE.htc);
  }
  .list-group.faq-list .list-group-item .list-group-head > div .icn-circle .fa-inverse {
    color: #0082D6;
  }
  .list-group.faq-list .list-group-item .list-group-head > div .icn-circle .fa-stack-1x {
    font-size: 16px;
    line-height: 26px;
    text-shadow: none;
    color: #fff;
  }
  .list-group.faq-list .list-group-item .list-group-head > div a {
    position: relative;
    top: 0px;
    left: 0px;
    height: auto;
    min-height: initial;
    color: #01A1DF;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
  }
  .list-group.faq-list .list-group-item .list-group-content {
    display: none;
    margin: 0 0 0 0;
    height: auto;
    line-height: 24px !important;
  }
  .list-group.faq-list .list-group-item .list-group-content.opened {
    display: block;
  }
  .list-group.faq-list .list-group-item .list-group-content .iframe-home-box {
    overflow: hidden;
    padding: 10px 5px;
    height: auto;
  }
  .list-group.faq-list .list-group-item .list-group-content .iframe-home-box > iframe {
    width: 1px;
    min-width: 100%;
  }
  .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor {
    font-family: "DB_Adman_X";
  }
  .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor ul, .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor ol {
    padding-left: 40px;
  }
  
  .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor h1, .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor h2, .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor h3, .list-group.faq-list .list-group-item .list-group-content .iframe-home-box .texteditor h4 {
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
  }
  .list-group.faq-list .list-group-item .list-group-content .list-group-more {
    display: block;
    margin: 5px 0 0 3px;
    font-size: 0.8em;
  }
  .list-group.faq-list .list-group-item .list-group-content .list-group-more i {
    color: #e00100;
  }
  .list-group.faq-list .list-group-item .list-group-content .list-group-more a {
    color: #333333;
    text-decoration: none;
  }
  .list-group.faq-list .list-group-item .list-group-content .list-group-more a:hover {
    text-decoration: underline;
  }
  
  .banner-slider-container {
    position: relative;
    display: none;
    margin: 0px;
    border: 1px solid #fff;
  }
  
  .banner-slider-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }
  .banner-slider-container ul.banner li {
    height: 100px;
    width: 350px;
    float: left;
    text-align: center;
    border-right: solid 1px #fff;
    display: block;
    background-color: #0082D6;
  }
  
  #foo1_prev {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    top: 35px;
    left: 0px;
    cursor: pointer;
  }
  #foo1_prev > i {
    display: block;
    padding-top: 0px;
    font-size: 24px;
    text-align: center;
    color: #0082D6;
  }
  
  #foo1_next {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    top: 35px;
    right: 0px;
    cursor: pointer;
  }
  #foo1_next > i {
    display: block;
    padding-top: 0px;
    font-size: 24px;
    text-align: center;
    color: #0082D6;
  }
  
  /* main layout */
  html, body {
    font-family: "DB_Adman_X";
    font-size: 18px;
    color: #666;
    line-height: 1.5em;
    background-color: none;
    letter-spacing: 0.01em;
  }
  
  /* remove link outline */
  a:hover, a:active, a:focus, input[type=radio] {
    outline: 0;
  }
  
  /* clear float */
  .clearfix {
    clear: both;
  }
  
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  
  /* text sizing */
  .textsizing {
    font-family: "DB_Adman_X";
    font-size: 0.8125em;
    line-height: 1.4;
  }
  .textsizing input[type=text], .textsizing input[type=password], .textsizing input[type=file], .textsizing textarea, .textsizing .selectricWrapper {
    font-family: arial, tahoma;
    font-size: 13px;
  }
  .textsizing--small {
    font-size: 0.75em;
    line-height: 1.4;
  }
  .textsizing--large {
    font-size: 0.875em;
    line-height: 1.4;
  }
  @media (max-width: 1024px) {
    .textsizing {
      font-size: 100%;
    }
    .textsizing--small {
      font-size: 100%;
    }
    .textsizing--large {
      font-size: 100%;
    }
    .lt-ie9 .textsizing {
      font-size: 0.8125em;
    }
    .lt-ie9 .textsizing--small {
      font-size: 0.75em;
    }
    .lt-ie9 .textsizing--large {
      font-size: 0.875em;
    }
  }
  
  /* text editor control */
  .texteditor {
    font-family: "DB_Adman_X";
  }
  .texteditor a {
    color: #01A1DF;
  }
  .texteditor a:hover {
    color: #15bdfe;
  }
  .texteditor table td {
    padding: 8px;
    border: 1px solid #666;
  }
  .texteditor img {
    max-width: 100%;
    height: auto;
  }
  
  .table_wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .table-responsive .table > tbody > tr > td {
    font-family: "DB_Adman_X" !important;
    font-size: 18px !important;
  }
  
  /* login-box */
  #login-box {
    padding: 10px;
    width: 100%;
    height: 100%;
  }
  html:not(.lt-ie9) #login-box {
    background: #01A1DF;
    background: rgb(1, 161, 223);
    background: transparent\9 ;
    background: rgba(1, 161, 223, 0.8);
  }
  .lt-ie9 #login-box {
    background: #01A1DF;
  }
  #index-loginbox #login-box {
    border-radius: 5px;
    -pie-border-radius: 5px;
    behavior: url(../PIE.htc);
  }
  #login-box ul {
    margin: 0;
    padding: 0;
  }
  #login-box ul > li {
    overflow: hidden;
    display: block;
    margin: 0 0;
    padding: 3px 0;
  }
  #login-box ul > li span {
    color: #fff;
    font-size: 27px;
    line-height: 1.2;
  }
  #login-box ul > li .gen-button {
    min-width: 90px;
  }
  
  /* Paste this css to your style sheet file or under head tag */
  /* This only works with JavaScript, 
  if it's not present, don't show loader */
  .no-js #loader {
    display: none;
  }
  
  .js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
  }
  
  .se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../images/load-loading.gif") center no-repeat #fff;
  }
  
  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #666;
  }
  
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
    opacity: 1;
  }
  
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
    opacity: 1;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
  }
  
  .btn {
    display: inline-block;
    font-family: "DB_Adman_X";
    font-size: 20px;
    padding: 5px 10px;
    border: 0px;
    border-radius: 0;
    line-height: 1em;
    outline: none !important;
    cursor: pointer;
  }
  .btn i {
    font-size: 16px;
    padding: 0 5px;
  }
  .btn a {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    padding: 0 5px;
  }
  .btn a:hover {
    text-decoration: none;
  }
  .btn a i {
    font-size: 16px;
    padding: 0 5px;
  }
  .btn-default {
    width: auto;
    height: auto;
    margin: 0;
    background-color: #666;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .btn-default:hover {
    background-color: #0082D6;
  }
  .btn-default:focus, .btn-default:active {
    background-color: #0082D6;
  }
  
  .btn-primary {
    width: auto;
    height: auto;
    margin: 0;
    background-color: #01A1DF;
    border-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .btn-primary:hover {
    background-color: #0082D6;
  }
  .btn-primary:focus, .btn-primary:active {
    background-color: #0082D6;
  }
  
  .btn-secondary {
    width: auto;
    height: auto;
    margin: 0;
    background-color: #0082D6;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .btn-secondary:hover {
    background-color: #01A1DF;
  }
  .btn-secondary:focus, .btn-secondary:active {
    background-color: #0082D6;
  }
  
  .btn-close {
    color: #999;
    font-size: 18px;
    border: 1px solid #999;
    padding: 0px;
    border-radius: 50%;
    -pie-border-radius: 50%;
    behavior: url(../PIE.htc);
  }
  
  .btn-link {
    position: relative;
    display: inline-block;
    font-family: "DB_Adman_X";
    font-size: 20px;
    width: 100%;
    padding: 7px 15px 7px 10px;
    margin: 0;
    margin-bottom: 10px;
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    color: #fff;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
  }
  .btn-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0082D6;
  }
  .btn-link:focus, .btn-link:active {
    color: #fff;
    text-decoration: none;
    background-color: #01A1DF;
  }
  .btn-link:after {
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    content: "\f0da";
    font-size: 18px;
    padding-left: 10px;
    /*float: right;*/
    position: absolute;
    top: 8px;
    right: 5px;
  }
  
  .btn-box {
    text-align: center;
    margin: 10px 0 20px;
  }
  @media (max-width: 480px) {
    .btn-box {
      margin: 0 0 20px;
    }
  }
  .btn-box .btn-loadMore {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    color: #fff;
    background-color: #fff;
    max-width: 180px;
  }
  .btn-box .btn-loadMore a {
    padding: 5px 0;
    display: block;
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .btn-box .btn-loadMore a span {
    font-family: "DB_Adman_X";
    text-transform: uppercase;
    margin-right: 10px;
    color: #fff;
    vertical-align: middle;
  }
  .btn-box .btn-loadMore a:hover {
    background-color: #0082D6;
  }
  .btn-box .btn-loadMore a:focus, .btn-box .btn-loadMore a:active {
    background-color: #0082D6;
  }
  .btn-box .btn-loadMore img {
    position: relative;
    top: -2px;
  }
  
  .btn-login {
    color: #01A1DF;
    background-color: #fff;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .btn-login a {
    color: #01A1DF;
    text-decoration: none;
  }
  .btn-login:hover {
    color: #fff;
    background-color: #0082D6;
    text-decoration: none;
  }
  .btn-login:hover a {
    color: #fff;
    text-decoration: none;
  }
  .btn-login:focus, .btn-login:active {
    background-color: #0082D6;
  }
  
  .ui-widget {
    font-family: "DB_Adman_X" !important;
  }
  
  .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: "DB_Adman_X" !important;
  }
  
  /* main structure */
  #main-wrapper {
    overflow: hidden;
    position: relative;
    margin: auto;
    background-color: #fff;
    max-width: 100%;
    min-width: 320px;
  }
  .lt-ie9 #main-wrapper {
    min-width: 1000px;
  }
  
  #page-container {
    width: 100%;
  }
  
  #header-wrapper {
    width: 100%;
    /*max-height: $header-height;*/
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
  }
  
  #footer-wrapper {
    position: relative;
    width: 100%;
    min-height: 130px;
    z-index: 99;
  }
  
  #mobile-menu-trigger {
    float: right;
    display: none;
    width: 50px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    font-size: 40px;
    vertical-align: middle;
    text-align: right;
    color: #424439;
  }
  @media (max-width: 1024px) {
    #mobile-menu-trigger {
      display: none;
    }
    .lt-ie9 #mobile-menu-trigger {
      display: none;
    }
  }
  @media (max-width: 992px) {
    #mobile-menu-trigger {
      display: block;
    }
    .lt-ie9 #mobile-menu-trigger {
      display: none;
    }
  }
  
  #header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    background: #1a0d21d1;
    border-top: 10px solid #0082D6;
  }
  @media (max-width: 1024px) {
    #header {
      background: #01A1DF;
      height: auto;
    }
  }
  
  #header-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #header-panel .main-logo {
    display: block;
    margin: auto;
  }
  #header-panel .main-logo img {
    width: 230px;
    max-width: 100%;
  }
  #header-panel .header-menu {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: right;
    font-family: "DB_Adman_X";
    margin: 20px 0;
  }
  #header-panel .header-menu .-item {
    min-width: 38px;
    display: inline-block;
  }
  #header-panel .header-menu .-item .top-menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #header-panel .header-menu .-item .top-menu ul {
    opacity: 0;
    position: absolute;
    top: 160%;
    right: 0px;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    z-index: 999;
    list-style: none;
  }
  #header-panel .header-menu .-item .top-menu ul ul {
    top: 0%;
    left: 160%;
    list-style: none;
  }
  #header-panel .header-menu .-item .top-menu ul li {
    float: none;
    width: 200px;
  }
  #header-panel .header-menu .-item .top-menu ul li:hover > ul {
    top: 0%;
    left: 100%;
    opacity: 1;
    visibility: visible;
  }
  #header-panel .header-menu .-item .top-menu li {
    float: left;
    position: relative;
    cursor: pointer;
  }
  #header-panel .header-menu .-item .top-menu li:hover {
    background-color: #01A1DF;
  }
  #header-panel .header-menu .-item .top-menu li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
    background-color: #01A1DF;
  }
  #header-panel .header-menu .-item .top-menu li:hover > ul li a {
    padding: 5px 15px !important;
    margin: 0px !important;
    color: #fff;
    text-align: left !important;
    border-right: 0px !important;
    line-height: 25px !important;
  }
  #header-panel .header-menu .-item .top-menu li:hover > ul li a:hover {
    color: #fff;
    background-color: #0082D6;
  }
  #header-panel .header-menu .-item .top-menu li:hover > ul li a i {
    font-size: 16px;
  }
  #header-panel .header-menu .-item .top-menu li a {
    color: white;
  }
  #header-panel .header-menu .-item .top-menu li a:hover {
    color: #0082D6;
    background-color: #01A1DF;
  }
  #header-panel .header-menu .-item .top-menu a {
    text-decoration: none;
    display: block;
    color: white;
    font-size: 20px;
    line-height: 25px;
    padding: 0px 15px;
    width: auto;
    text-align: center;
    /*margin: 5px 0;*/
    border-right: 1px solid white;
  }
  #header-panel .header-menu .-item .search-box {
    display: block;
    width: auto;
    height: 25px;
    margin: 0;
    position: relative;
    border-right: 1px solid white;
  }
  #header-panel .header-menu .-item .search-box .btn-wrapper {
    position: absolute;
    z-index: 101;
    width: 100%;
    background-color: transparent;
  }
  #header-panel .header-menu .-item .search-box .gen-button {
    min-width: 1px;
    height: 20px;
    margin-left: 5px;
  }
  #header-panel .header-menu .-item .search-box .gen-button.color-white {
    background-color: transparent;
  }
  #header-panel .header-menu .-item .search-box .gen-button.color-white i {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    color: white !important;
    right: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #header-panel .header-menu .-item .search-box .gen-button.color-white:hover i {
    color: #0082D6 !important;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle {
    display: none;
    position: absolute;
    top: 19px;
    right: -1px;
    z-index: 100;
    border: 1px solid #666;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle .search-toggle-item {
    min-width: 300px;
    padding: 14px 10px;
    background-color: #fff;
    text-align: left;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle .search-toggle-item .gen-input {
    float: none;
    display: inline-block;
    min-width: 240px;
    border: 0px;
    height: 26px;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle .search-toggle-item .gen-input > input[type=text] {
    font-size: 22px;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle .search-toggle-item .gen-button {
    float: none;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0px;
    border-radius: 13px;
    -pie-border-radius: 13px;
    behavior: url(../PIE.htc);
    background-color: #01A1DF;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle .search-toggle-item .gen-button input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  #header-panel .header-menu .-item .search-box .search-box-toggle .search-toggle-item .gen-button > i {
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 7px;
    top: 6px;
    z-index: 0;
    margin: 0px;
    display: block;
  }
  #header-panel .header-menu .-item .lang-sw {
    display: block;
    width: auto;
    height: 25px;
    margin: 0 0 0 15px;
    position: relative;
    text-align: center;
  }
  #header-panel .header-menu .-item .lang-sw a {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: white;
    font-size: 20px;
    line-height: 30px;
    padding: 0px 5px;
    text-decoration: none;
  }
  #header-panel .header-menu .-item .lang-sw a span {
    font-size: 20px;
    line-height: 30px;
  }
  #header-panel .header-menu .-item .lang-sw a:hover {
    color: #0082D6;
  }
  #header-panel .header-menu .-item .lang-sw a.active {
    border-radius: 50%;
    background-color: #0082D6;
  }
  #header-panel .header-menu .-item .lang-sw a.active:hover {
    color: white;
  }
  #header-panel .header-menu .-item .lang-sw > ul > li {
    display: block;
    float: left;
    padding: 0;
    margin: 10px 0;
    min-height: 12px;
  }
  #header-panel .header-menu .-item .lang-sw > ul > li > a {
    text-decoration: none;
    display: block;
    color: white;
    font-size: 20px;
    line-height: 25px;
    padding: 0px 10px;
    width: auto;
    text-align: center;
    margin: 0;
  }
  #header-panel .header-menu .-item .lang-sw > ul > li > a:hover {
    color: #0082D6;
  }
  #header-panel .header-menu .-item .lang-sw > ul > li > a.active {
    color: #0082D6;
  }
  
  @media (max-width: 1024px) {
    #header-panel .header-menu .-item .lang-sw > ul {
      margin-top: 18px;
      padding: 0;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li {
      float: left;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li:first-child {
      border-right: none;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li > a {
      display: block;
      height: 30px;
      text-decoration: none;
      text-align: center;
    
      line-height: 30px;
      color: #fff;
      background-color: #4f5245 !important;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li > a:hover {
      color: #fff;
      background-color: #0091f0 !important;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li > a.active {
      color: #fff;
      background-color: #0091f0 !important;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li > a.lang-th {
      width: 30px;
      background: none;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li > a.lang-en {
      width: 30px;
      background: none;
    }
    #header-panel .header-menu .-item .lang-sw > ul > li > a > span {
      display: block;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul {
      margin: 0;
      padding: 5px 0 0 0;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li {
      float: left;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li:first-child {
      border-right: 1px solid #000;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li > a {
      display: block;
      height: 5px;
      line-height: 5px;
      text-decoration: none;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li > a:hover {
      color: #fff;
      background-color: #0091f0 !important;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li > a.active {
      color: #fff;
      background-color: #0091f0 !important;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li > a.lang-th {
      width: 30px;
      background: none;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li > a.lang-en {
      width: 30px;
      background: none;
    }
    .lt-ie9 #header-panel .header-menu .-item .lang-sw > ul > li > a > span {
      display: block;
    }
  }
  @media (max-width: 640px) {
    #header-panel .header-menu .-item .lang-sw > ul {
      display: none;
    }
  }
  @media screen and (max-width: 1024px) {
    #header-panel .header-menu {
      display: none;
    }
  }
  
  #header-mainnav .main-nav {
    display: block;
    width: 100%;
    border-top: 1px solid #0082D6;
  }
  #header-mainnav .wrapper-nav {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  #header-mainnav .wrapper-nav .main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box; /* 2009 - Chrome, Safari , iOS Safari */ /* 2009 - Firefox */
    display: -ms-flexbox; /* early 2012 - IE 10 */ /* 2012 - Chrome */
    display: flex;
  }
  #header-mainnav .wrapper-nav .main-menu ul {
    opacity: 0;
    position: absolute;
    top: 160%;
    left: 0px;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    z-index: 999;
  }
  #header-mainnav .wrapper-nav .main-menu ul ul {
    top: 0%;
    left: 160%;
  }
  #header-mainnav .wrapper-nav .main-menu ul li {
    float: none;
    width: 200px;
  }
  #header-mainnav .wrapper-nav .main-menu ul li:hover > ul {
    top: 0%;
    left: 100%;
    opacity: 1;
    visibility: visible;
  }
  #header-mainnav .wrapper-nav .main-menu li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    float: left;
    position: relative;
    cursor: pointer;
  }
  #header-mainnav .wrapper-nav .main-menu li:hover {
    background-color: #01A1DF;
  }
  #header-mainnav .wrapper-nav .main-menu li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
    background-color: #01A1DF;
  }
  #header-mainnav .wrapper-nav .main-menu li:hover > ul li a {
    padding: 0px 10px !important;
    color: #fff;
    text-align: left !important;
    font-size: 1.35em !important;
    line-height: 30px !important;
  }
  #header-mainnav .wrapper-nav .main-menu li:hover > ul li a:hover {
    color: #fff;
    background-color: #0082D6;
  }
  #header-mainnav .wrapper-nav .main-menu li:hover a {
    color: #fff;
  }
  #header-mainnav .wrapper-nav .main-menu li a {
    color: white;
  }
  #header-mainnav .wrapper-nav .main-menu li a:hover {
    color: #0082D6;
    /*background-color: $color-primary;*/
  }
  #header-mainnav .wrapper-nav .main-menu a {
    text-decoration: none;
    display: block;
    color: white;
    padding: 0;
    width: auto;
    text-align: center;
    margin: 0;
    font-family: "DB_Adman_X";
    font-size: 1.5em;
    line-height: 40px;
    text-align: center;
  }
  #header-mainnav .main-nav-list {
    font-family: "DB_Adman_X";
    position: relative;
    z-index: 99;
    display: -webkit-box; /* 2009 - Chrome, Safari , iOS Safari */ /* 2009 - Firefox */
    display: -ms-flexbox; /* early 2012 - IE 10 */ /* 2012 - Chrome */
    display: flex; /* 2012 - Opera 12.1, Firefox 22+ */
    list-style: none;
  }
  #header-mainnav .main-nav-list li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  #header-mainnav .main-nav-list li a {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 40px;
    text-decoration: none;
    color: white;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #header-mainnav .main-nav-list li a:hover,
  #header-mainnav .main-nav-list li a a:active,
  #header-mainnav .main-nav-list li a a:focus, #header-mainnav .main-nav-list li a.active {
    background-color: #0082D6;
    color: white;
  }
  #header-mainnav .main-nav-list li ul {
    display: none;
    position: absolute;
    top: 40px;
    width: 200px;
    background-color: #01A1DF;
    z-index: -1;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.45);
  }
  #header-mainnav .main-nav-list li ul li {
    display: block;
    width: 200px;
  }
  #header-mainnav .main-nav-list li ul li a {
    display: block;
    float: none;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    padding: 5px 15px;
    text-align: left;
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li a:hover, #header-mainnav .main-nav-list li ul li a.active {
    background-color: #0082D6;
    color: white;
  }
  #header-mainnav .main-nav-list li ul li ul {
    display: none;
    position: absolute;
    left: 200px;
    top: 0;
    height: 100%;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #0082D6;
  }
  #header-mainnav .main-nav-list li ul li ul li a {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li ul li a:hover {
    text-decoration: underline;
  }
  #header-mainnav .main-nav-list li ul li.purple a {
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li.purple a:hover, #header-mainnav .main-nav-list li ul li.purple a.active {
    background: #4f4c83;
    color: #fff;
  }
  #header-mainnav .main-nav-list li ul li.purple ul {
    background: #4f4c83;
  }
  #header-mainnav .main-nav-list li ul li.green a {
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li.green a:hover, #header-mainnav .main-nav-list li ul li.green a.active {
    background: #65834c;
    color: #fff;
  }
  #header-mainnav .main-nav-list li ul li.green ul {
    background: #65834c;
  }
  #header-mainnav .main-nav-list li ul li.aqua a {
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li.aqua a:hover, #header-mainnav .main-nav-list li ul li.aqua a.active {
    background: #4c7983;
    color: #fff;
  }
  #header-mainnav .main-nav-list li ul li.aqua ul {
    background: #4c7983;
  }
  #header-mainnav .main-nav-list li ul li.red a {
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li.red a:hover, #header-mainnav .main-nav-list li ul li.red a.active {
    background: #834c4c;
    color: #fff;
  }
  #header-mainnav .main-nav-list li ul li.red ul {
    background: #834c4c;
  }
  #header-mainnav .main-nav-list li ul li.blue a {
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li.blue a:hover, #header-mainnav .main-nav-list li ul li.blue a.active {
    background: #4d6899;
    color: #fff;
  }
  #header-mainnav .main-nav-list li ul li.blue ul {
    background: #4d6899;
  }
  #header-mainnav .main-nav-list li ul li.gold a {
    text-transform: uppercase;
  }
  #header-mainnav .main-nav-list li ul li.gold a:hover, #header-mainnav .main-nav-list li ul li.gold a.active {
    background: #97944c;
    color: #fff;
  }
  #header-mainnav .main-nav-list li ul li.gold ul {
    background: #97944c;
  }
  #header-mainnav .main-nav-list li ul.expanded {
    width: 400px;
  }
  #header-mainnav .main-nav-list li ul.expanded li {
    margin-right: 200px;
  }
  @media screen and (max-width: 1199px) {
    #header-mainnav {
      display: none;
    }
  }
  
  #header-panel-box {
    padding-top: 10px;
  }
  @media (max-width: 1199px) {
    #header-panel-box {
      padding-top: 0;
      padding-bottom: 0;
    }
    .lt-ie9 #header-panel-box {
      padding-top: 10px;
    }
  }
  #header-panel-box .header-panel__left {
    float: left;
    width: 75px;
  }
  #header-panel-box .header-panel__left #mainlogo {
    padding-top: 15px;
  }
  #header-panel-box .header-panel__right {
    float: right;
    width: auto;
  }
  #header-panel-box #mainlogo img {
    display: block;
  }
  @media (max-width: 1199px) {
    #header-panel-box #sublogo {
      display: none;
    }
    .lt-ie9 #header-panel-box #sublogo {
      display: block;
    }
  }
  #header-panel-box #sublogo img {
    display: block;
  }
  #header-panel-box #head-menu {
    float: right;
    display: block;
  }
  #header-panel-box #head-menu .head-menu__item {
    float: left;
    position: relative;
    min-width: 20px;
    min-height: 24px;
    min-width: 60px;
  }
  #header-panel-box #head-menu .head-menu__item.-postlogin {
    width: auto !important;
    padding-left: 10px;
    color: #000;
    border-right: 2px solid #999;
    display: none;
    text-align: right;
  }
  @media (max-width: 1199px) {
    #header-panel-box #head-menu .head-menu__item.-postlogin {
      display: none !important;
    }
  }
  #header-panel-box #head-menu .head-menu__item.-postlogin a {
    color: #666;
    font-size: 22px;
    margin-right: 10px;
    text-decoration: none;
  }
  #header-panel-box #head-menu .head-menu__item.-postlogin span {
    font-size: 22px;
    margin-right: 10px;
  }
  #header-panel-box #head-menu .head-menu__item.-postlogin i {
    font-size: 20px;
  }
  @media (max-width: 1199px) {
    #header-panel-box #head-menu .head-menu__item {
      border-left: 0px;
    }
  }
  @media (max-width: 1199px) {
    #header-panel-box #head-menu {
      float: left;
    }
    .lt-ie9 #header-panel-box #head-menu {
      float: right;
    }
  }
  #header-panel-box #search-box {
    width: 60px;
  }
  @media (max-width: 1024px) {
    #header-panel-box #search-box {
      display: none;
    }
    .lt-ie9 #header-panel-box #search-box {
      display: block;
    }
  }
  #header-panel-box #search-box .btn-wrapper {
    position: absolute;
    z-index: 5;
    width: 60px;
    background-color: #fff;
    border-right: 2px solid #999;
    border-left: 2px solid #999;
  }
  #header-panel-box #search-box .btn-wrapper .gen-button {
    margin-left: 15px;
    min-width: 1px;
  }
  #header-panel-box #search-box .btn-wrapper .gen-button i {
    margin: 0;
    font-size: 18px !important;
  }
  #header-panel-box #search-box .btn-wrapper .gen-button.color-white {
    background-color: #fff;
  }
  #header-panel-box #search-box .btn-wrapper .gen-button.color-white a {
    color: #666;
  }
  #header-panel-box #search-box .btn-wrapper .gen-button.color-white:hover {
    background-color: #fff;
  }
  @media (max-width: 1024px) {
    #header-panel-box #search-box {
      border-left: 0px;
    }
    #header-panel-box #search-box .btn {
      display: none;
    }
  }
  #header-panel-box #user-box {
    width: 105px;
  }
  @media (max-width: 1024px) {
    #header-panel-box #user-box {
      display: none;
    }
    .lt-ie9 #header-panel-box #user-box {
      display: block;
    }
  }
  #header-panel-box #user-box .gen-input {
    width: 150px;
    margin-right: 5px;
  }
  #header-panel-box #user-box .gen-button {
    min-width: 85px;
  }
  #header-panel-box #user-box .gen-button.color-blue {
    background-color: #0082D6;
  }
  #header-panel-box #user-box .gen-button input[type=submit] {
    color: #fff !important;
    display: inline-block;
    height: 90%;
  }
  #header-panel-box #user-box .gen-button > i {
    display: inline-block;
    color: #fff;
  }
  #header-panel-box #user-box .btn-wrapper {
    position: absolute;
    z-index: 7;
    width: 115px;
    border-right: 2px solid #999;
    background-color: #fff;
  }
  #header-panel-box #user-box .btn-wrapper .gen-button {
    margin-left: 15px;
    min-width: 1px;
  }
  #header-panel-box #user-box .btn-wrapper .gen-button.icn-left > i {
    left: 0;
    margin: 0;
    font-size: 18px !important;
  }
  #header-panel-box #user-box .btn-wrapper .gen-button.color-white {
    background-color: #fff;
  }
  #header-panel-box #user-box .btn-wrapper .gen-button.color-white a {
    color: #666;
    font-size: 23px !important;
    line-height: 23px;
  }
  #header-panel-box #user-box .btn-wrapper .gen-button.color-white:hover {
    background-color: #fff;
  }
  @media (max-width: 1024px) {
    #header-panel-box #user-box {
      border-left: 0px;
    }
    #header-panel-box #user-box .btn {
      display: none;
    }
  }
  #header-panel-box #lang-sw {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0 0 0 14px;
  }
  #header-panel-box #lang-sw > ul {
    margin-top: 6px;
  }
  #header-panel-box #lang-sw > ul > li {
    display: block;
    float: left;
    padding: 0 5px;
    min-height: 12px;
  }
  #header-panel-box #lang-sw > ul > li:first-child {
    border-right: 1px solid #666;
  }
  #header-panel-box #lang-sw > ul > li > a {
    display: block;
    line-height: 12px;
    font-size: 22px !important;
    text-decoration: none;
    color: #666;
  }
  #header-panel-box #lang-sw > ul > li > a:hover {
    color: #000;
  }
  #header-panel-box #lang-sw > ul > li > a.active {
    color: #0082D6;
  }
  #header-panel-box #lang-sw > ul > li > a.lang-th {
    width: 21px;
  }
  #header-panel-box #lang-sw > ul > li > a.lang-en {
    width: 18px;
  }
  @media (max-width: 1024px) {
    #header-panel-box #lang-sw > ul {
      margin-top: 18px;
      padding: 0;
    }
    #header-panel-box #lang-sw > ul > li {
      float: left;
    }
    #header-panel-box #lang-sw > ul > li:first-child {
      border-right: none;
    }
    #header-panel-box #lang-sw > ul > li > a {
      display: block;
      height: 30px;
      text-decoration: none;
      text-align: center;
      line-height: 30px;
      color: #fff;
      background-color: #4f5245 !important;
    }
    #header-panel-box #lang-sw > ul > li > a:hover {
      color: #fff;
      background-color: #0091f0 !important;
    }
    #header-panel-box #lang-sw > ul > li > a.active {
      color: #fff;
      background-color: #0091f0 !important;
    }
    #header-panel-box #lang-sw > ul > li > a.lang-th {
      width: 30px;
      background: none;
    }
    #header-panel-box #lang-sw > ul > li > a.lang-en {
      width: 30px;
      background: none;
    }
    #header-panel-box #lang-sw > ul > li > a > span {
      display: block;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul {
      margin: 0;
      padding: 5px 0 0 0;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li {
      float: left;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li:first-child {
      border-right: 1px solid #000;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li > a {
      display: block;
      height: 5px;
      line-height: 5px;
      text-decoration: none;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li > a:hover {
      color: #fff;
      background-color: #0091f0 !important;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li > a.active {
      color: #fff;
      background-color: #0091f0 !important;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li > a.lang-th {
      width: 30px;
      background: none;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li > a.lang-en {
      width: 30px;
      background: none;
    }
    .lt-ie9 #header-panel-box #lang-sw > ul > li > a > span {
      display: block;
    }
  }
  @media (max-width: 640px) {
    #header-panel-box #lang-sw > ul {
      display: none;
    }
  }
  
  #header-mainmenu-box {
    display: block;
    position: relative;
    padding-bottom: 2px;
  }
  @media (max-width: 1024px) {
    #header-mainmenu-box {
      display: block;
    }
    .lt-ie9 #header-mainmenu-box {
      display: block;
    }
  }
  @media (max-width: 992px) {
    #header-mainmenu-box {
      display: none;
    }
    .lt-ie9 #header-mainmenu-box {
      display: block;
    }
  }
  #header-mainmenu-box > .mainmenu-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  #header-mainmenu-box > .centerwrapper {
    margin: auto;
    padding: 0;
  }
  #header-mainmenu-box #mainmenu-list {
    z-index: 2;
    float: right;
    margin: 0;
    margin-top: -7px;
    padding: 0;
  }
  #header-mainmenu-box #mainmenu-list > li {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 2px;
    padding: 0;
    float: left;
    width: auto;
    height: 30px;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable > span > a {
    padding: 2px 18px 0 10px;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable > span a.last--item {
    padding-right: 0px;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable > span .fa-caret-down {
    position: relative;
    display: inline-block;
    z-index: 3;
    top: -20px;
    margin: 0 5px 0 0;
    font-size: 12px;
    color: #666;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable.active {
    text-align: center;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable.active > i {
    display: inline-block;
    text-align: center;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable.active > i.fa-caret-down {
    display: inline-block;
    margin: -5px -10px 0 0;
    font-size: 12px;
  }
  #header-mainmenu-box #mainmenu-list > li.expandable.active .mainmenu-lv2 {
    display: block;
  }
  #header-mainmenu-box #mainmenu-list > li > span {
    display: block;
  }
  #header-mainmenu-box #mainmenu-list > li > span > a {
    display: table-cell;
    padding: 2px 18px 0 10px;
    height: 30px;
    font-size: 25px;
    color: #666;
    text-decoration: none;
    vertical-align: middle;
  }
  #header-mainmenu-box #mainmenu-list > li > span > a:hover {
    color: #0082D6;
  }
  #header-mainmenu-box #mainmenu-list > li > span > a i.fa-caret-down {
    display: none;
  }
  #header-mainmenu-box #mainmenu-list > li > span > a.active {
    color: #0082D6;
  }
  #header-mainmenu-box #mainmenu-list > li > span a.last--item {
    padding-right: 0;
  }
  #header-mainmenu-box #mainmenu-list > li > span i.fa-caret-down {
    display: none;
    font-size: 12px;
  }
  #header-mainmenu-box #mainmenu-list > li > i {
    display: none;
    position: relative;
    z-index: 3;
    top: -15px;
    font-size: 26px;
    color: #F8F8F8;
  }
  #header-mainmenu-box #mainmenu-list > li:last-child > span a {
    padding-right: 0px;
  }
  #header-mainmenu-box .mainmenu-lv2 {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    margin-top: -28px;
    width: 100%;
    min-height: 40px;
    background: #f8f8f8;
    text-align: left;
  }
  #header-mainmenu-box .mainmenu-lv2 > .innerwrapper {
    overflow: hidden;
    padding: 25px;
  }
  #header-mainmenu-box .mainmenu-lv2 > .innerwrapper > .heading {
    float: left;
    margin-top: 6px;
    padding-right: 50px;
    width: 28%;
    font-size: 30px;
    color: #01A1DF;
    text-align: right;
  }
  #header-mainmenu-box .mainmenu-lv3 {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 264px;
    padding-left: 30px;
    width: 530px;
    min-height: 40px;
    height: 100%;
    text-align: left;
  }
  #header-mainmenu-box .mainmenu-lv3 > .innerwrapper {
    padding: 0;
  }
  #header-mainmenu-box .mainmenu-lv3 > i {
    display: none;
    position: absolute;
    top: -16px;
    left: 46%;
    font-size: 26px;
    color: #333;
  }
  #header-mainmenu-box .mainmenu-lv2-list {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 265px;
    list-style: none;
    border-right: 1px solid #666;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li {
    display: table;
    padding: 0 0 0 0;
    width: 100%;
    vertical-align: middle;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.expandable > span > .fa-caret-right {
    display: none;
    position: absolute;
    top: 17px;
    right: 8px;
    font-size: 24px;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.expandable.active {
    background: white !important;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.expandable.active > span > i {
    display: block;
    text-align: center;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.expandable.active > span > i.fa-caret-right {
    display: block;
    position: absolute;
    top: 17px;
    right: 8px;
    font-size: 24px;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.expandable.active .mainmenu-lv3 {
    display: block;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.active {
    background: white !important;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.active > span > i {
    display: none;
    text-align: center;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.active > span > i.fa-caret-right {
    display: none;
    position: absolute;
    top: 17px;
    right: 8px;
    font-size: 24px;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li.active .mainmenu-lv3 {
    display: block;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li:hover > span > .fa-caret-right {
    display: none;
    position: absolute;
    top: 17px;
    right: 8px;
    font-size: 24px;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li > span {
    position: relative;
    display: table-cell;
    padding-left: 35px;
    width: 100%;
    height: 56px !important;
    text-align: left;
    vertical-align: middle;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li > span > a {
    display: block;
    padding-left: 10px !important;
    height: auto !important;
    font-size: 26px !important;
    line-height: 24px !important;
    color: #333 !important;
    text-decoration: none;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li > span > a:hover {
    background: #fcfcfc !important;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li > span > i {
    display: none;
    position: relative;
    z-index: 3;
    top: 11px;
    font-size: 26px;
    color: #333;
  }
  #header-mainmenu-box .mainmenu-lv2-list > li > span > img {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
  }
  #header-mainmenu-box .mainmenu-lv3-list {
    height: 500px;
  }
  #header-mainmenu-box .mainmenu-lv3-list .mainmenu-lv3-list__item {
    margin-bottom: 20px;
  }
  #header-mainmenu-box .mainmenu-lv3-list .btn-row {
    overflow: hidden;
    margin-top: 40px;
  }
  #header-mainmenu-box .mainmenu-lv3-list .btn-row .btn-learnmore {
    width: 120px;
    font-size: 22px;
    line-height: 24px !important;
  }
  .lt-ie9 #header-mainmenu-box .mainmenu-lv3-list .media-body {
    max-width: 330px;
  }
  #header-mainmenu-box .mainmenu-lv3-list .media-body .heading {
    margin: 0;
    font-size: 23px;
    color: #01A1DF;
  }
  #header-mainmenu-box .mainmenu-lv3-list .media-body .desc {
    margin: 0;
    line-height: 18px;
    font-size: 17px;
  }
  #header-mainmenu-box .mainmenu-lv3-list .media-body .desc > a {
    color: #666;
    text-decoration: none;
  }
  
  #search-box-toggle .gen-button {
    position: relative;
    min-width: 26px;
    width: 26px;
    height: 26px;
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 13px;
    -pie-border-radius: 13px;
    behavior: url(../PIE.htc);
  }
  @media (max-width: 640px) {
    #search-box-toggle .gen-button {
      float: none;
      display: inline-block;
    }
  }
  #search-box-toggle .gen-button.color-blue {
    background-color: #0082D6;
  }
  #search-box-toggle .gen-button input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  #search-box-toggle .gen-button > i {
    color: #fff;
    position: absolute;
    left: 7px;
    top: 1px;
    z-index: 0;
  }
  
  #user-toggle-box {
    display: none;
    position: absolute;
    top: 21px;
    right: 0px;
    z-index: 6;
  }
  #user-toggle-box .user-box {
    border: 2px solid #999;
    min-width: 435px;
    width: auto;
    min-height: 60px;
    position: relative;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 10px;
    height: 24px;
    background: #FFF none repeat scroll 0% 0%;
    line-height: 1.2;
  }
  
  #btn-search-toggle,
  #btn-user-toggle {
    cursor: pointer;
  }
  
  #btn-user-toggle.close-stat {
    min-width: 24px !important;
    width: 24px !important;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    margin-left: 35px !important;
  }
  #btn-user-toggle.close-stat a {
    display: none !important;
  }
  
  @media (min-width: 1025px) and (max-width: 1200px) {
    .mainmenu-lv3 .media-body {
      width: 320px;
    }
  }
  @media handheld, screen and (max-width: 480px) {
    /*.open > .responsive-menu { width: 250px; }
  
    #menu > ul > li > .parent,
     #menu > ul > li:hover > .parent,
     #menu > ul > li.hover > .parent,
     #menu ul li li > .parent,
     #menu ul li li:hover > .parent,
     #menu ul li li.hover > .parent {
      background-repeat: no-repeat;
      background-position: 210px center;
    }*/
  }
  @media handheld, screen and (max-width: 319px) {
    /*.open > .responsive-menu { width: 200px; }
  
    #menu > ul > li > .parent,
     #menu > ul > li:hover > .parent,
     #menu > ul > li.hover > .parent,
     #menu ul li li > .parent,
     #menu ul li li:hover > .parent,
     #menu ul li li.hover > .parent {
      background-repeat: no-repeat;
      background-position: 150px center;
    }*/
  }
  .main-bg .index-slider a {
    float: left;
    display: block;
  }
  .main-bg .highlight-wrapper {
    min-height: 100px;
    height: auto;
    display: none;
    margin-top: -275px;
    position: relative;
  }
  .main-bg .highlight-wrapper .highlight-text {
    color: #fff;
    display: none;
  }
  .main-bg .highlight-wrapper .highlight-text .highlight-title .main-title {
    font-family: "DB_Adman_X";
    font-size: 36px;
    line-height: 1em;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    padding-bottom: 15px;
  }
  .main-bg .highlight-wrapper .highlight-text .highlight-content {
    font-size: 24px;
    line-height: 1em;
  }
  .main-bg .highlight-wrapper .highlight-text .highlight-content .txt-title {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 24px;
    font-weight: normal;
  }
  @media screen and (max-width: 1199px) {
    .main-bg .highlight-wrapper {
      margin-top: -200px;
    }
  }
  @media screen and (max-width: 999px) {
    .main-bg .highlight-wrapper {
      margin-top: 25px;
    }
    .main-bg .highlight-wrapper .highlight-text {
      color: #666;
    }
  }
  .main-bg .shortcut-menu {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 9;
  }
  .main-bg .shortcut-menu ul {
    padding: 0px;
    margin: 0px;
  }
  .main-bg .shortcut-menu ul li {
    padding: 0;
    margin-bottom: 10px;
    list-style: none;
    display: block;
    height: 60px;
    clear: both;
    overflow: hidden;
  }
  .main-bg .shortcut-menu ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
  }
  .main-bg .shortcut-menu ul li a:hover {
    text-decoration: none;
  }
  .main-bg .shortcut-menu .bg-shortcut-link {
    background-color: #01A1DF;
    -webkit-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
  }
  .main-bg .shortcut-menu .bg-shortcut-link:hover {
    background-color: #0082D6;
  }
  @media (max-width: 1000px) {
    .main-bg .shortcut-menu {
      top: 250px;
    }
  }
  @media screen and (max-width: 767px) {
    .main-bg .shortcut-menu {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      height: auto;
      padding: 15px;
    }
    .main-bg .shortcut-menu ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
    }
    .main-bg .shortcut-menu ul li {
      display: inline-block;
      width: 50%;
      margin-bottom: 0px;
    }
  }
  
  .widget-wrapper {
    min-height: 325px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0px;
    border-top: 2px solid #fff;
    position: relative;
    background-image: url("../images/bg-widget-wrapper.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    behavior: url(../backgroundsize.min.htc);
  }
  .widget-wrapper .widget-icon-list {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
  .widget-wrapper .widget-icon-list .widget-icon {
    display: inline-block;
    /*margin-right: 15px;
    margin-bottom: 15px;*/
  }
  
  @media (max-width: 999px) {
    /*.widget-wrapper{
      .widget-icon-list{
        margin-top: 59px;
        .widget-icon{
        }
      }
    }*/
  } /* max-width:768 */
  .txt-editor {
    font-family: "DB_Adman_X" !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: normal !important;
  }
  .txt-editor p,
  .txt-editor span {
    font-family: "DB_Adman_X" !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: normal !important;
  }
  .txt-editor table tr td {
    vertical-align: top;
  }
  
  .dropdown-content {
    display: none;
  }
  
  .nav-tabs {
    border-bottom: 0px;
  }
  .nav-tabs > li {
    font-family: "DB_Adman_X";
    margin-bottom: 0;
    border-right: 1px solid #ccc;
    cursor: pointer;
  }
  .nav-tabs > li > a {
    font-size: 20px;
    color: #666;
    padding: 0px 15px;
    border: 0px;
    margin-right: 0;
  }
  .nav-tabs > li > a:hover {
    border-bottom: none;
    background-color: #01A1DF;
    color: #fff;
    border-radius: 0;
  }
  .nav-tabs > li:last-child {
    border-right: 1px solid #fff;
  }
  .nav-tabs > li.active {
    border: 0px;
    border-right: 1px solid #fff;
  }
  .nav-tabs > li.active > a {
    color: #fff;
    font-size: 20px;
    background-color: #0082D6;
    border: 0px;
    border-radius: 0;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    border: 0px;
    background-color: #0082D6;
    cursor: default;
  }
  
  .tab-content {
    margin-top: 35px;
    margin-bottom: 30px;
    padding: 0 40px;
    position: relative;
  }
  
  .homepage-content {
    margin: 0;
    margin-top: 30px;
  }
  .homepage-content .dropdown-content {
    display: none;
  }
  .homepage-content .tab-content {
    margin-top: 30px;
    padding: 0 40px;
    position: relative;
  }
  .homepage-content .tab-content .list-content .detail-content {
    font-family: "DB_Adman_X";
    line-height: 20px;
  }
  .homepage-content .tab-content .list-content .detail-content .txt-title {
    font-family: "DB_Adman_X";
    margin: 5px 0;
    font-size: 20px;
    line-height: 20px;
    color: #01A1DF;
    height: 46px;
    font-weight: normal;
  }
  .homepage-content .tab-content .list-content .detail-content .txt-title a {
    font-family: "DB_Adman_X";
    color: #01A1DF;
    font-size: 20px;
    line-height: 20px;
  }
  .homepage-content .tab-content .list-content .detail-content .txt-title a:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .homepage-content .tab-content .list-content .detail-content .-date {
    display: block;
    font-family: "DB_Adman_X";
    margin: 5px 0;
    font-size: 20px;
    line-height: 20px;
    color: #0082D6;
  }
  .homepage-content .tab-content .list-content .detail-content .desc-content {
    color: #666;
    margin: 5px 0;
    height: 72px;
  }
  .homepage-content .tab-content .list-content .detail-content .desc-content .read-more {
    padding: 0px 10px;
    color: #01A1DF;
  }
  .homepage-content .tab-content .list-content .detail-content .desc-content .read-more:hover {
    color: #0082D6;
    text-decoration: none;
  }
  .homepage-content .tab-content .list-content .detail-content .stock-content {
    font-family: arial, sans-serif;
    font-size: 18px;
  }
  .homepage-content .tab-content .list-content .detail-content .stock-content .open-stock {
    color: #FF9005;
  }
  .homepage-content .tab-content .list-content .detail-content .stock-content .-stock {
    color: green;
  }
  .homepage-content .tab-content .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%;
  }
  .homepage-content .tab-content .owl-controls .owl-nav {
    margin: 0;
    text-indent: -9999px;
  }
  .homepage-content .tab-content .owl-controls .owl-nav .owl-prev {
    background: url("../images/icon-prev.png");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    left: -40px;
    position: absolute;
  }
  .homepage-content .tab-content .owl-controls .owl-nav .owl-next {
    background: url("../images/icon-next.png");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    right: -40px;
    position: absolute;
  }
  .homepage-content .tab-content .all-content {
    display: block;
    margin-top: 30px;
    text-align: right;
  }
  .homepage-content .tab-content .all-content .read-all {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #666;
  }
  .homepage-content .tab-content .all-content .read-all:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .homepage-content .tab-content .all-content .read-all i {
    font-size: 18px;
    margin-left: 10px;
  }
  .homepage-content .tab-content .hide-nav .owl-controls {
    display: none;
  }
  
  .home-modal .modal-dialog {
    width: 75%;
    margin-top: 10px;
  }
  @media screen and (max-width: 1000px) {
    .home-modal .modal-dialog {
      width: 90%;
    }
  }
  .home-modal .modal-dialog .left {
    float: left;
  }
  .home-modal .modal-dialog .right {
    float: right;
  }
  .home-modal .modal-dialog .modal-content {
    border-radius: 0px;
  }
  .home-modal .modal-dialog .modal-content .modal-body img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .home-modal .modal-dialog .modal-content .modal-footer {
    padding: 5px 10px;
  }
  .home-modal .modal-dialog .modal-content .modal-footer .btn {
    margin-bottom: 0px;
  }
  .home-modal .modal-dialog .btn-default {
    color: #fff;
  }
  .home-modal .inav-content .inav-title .txt-title {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 7px 0;
  }
  .home-modal .inav-content .inav-title .date {
    text-align: right;
    line-height: 47px;
  }
  .home-modal .set-commodity-content .txt-title {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 7px 0;
  }
  .home-modal .set-commodity-content .date {
    text-align: right;
    line-height: 47px;
  }
  .home-modal .txt-title-1 {
    font-family: "DB_Adman_X";
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: normal;
  }
  .home-modal .txt-title-2 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    line-height: 24px;
    font-weight: normal;
    margin: 9px 0 5px;
  }
  .home-modal .-up {
    color: #009900;
  }
  .home-modal .-down {
    color: #ff0000;
  }
  
  .modal-custom .modal-dialog {
    width: 75%;
    margin-top: 10px;
  }
  .modal-custom .modal-dialog .left {
    float: left;
  }
  .modal-custom .modal-dialog .right {
    float: right;
  }
  .modal-custom .modal-dialog .modal-content {
    border-radius: 0px;
  }
  .modal-custom .modal-dialog .modal-content .modal-body img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .modal-custom .modal-dialog .modal-content .modal-footer {
    padding: 5px 10px;
  }
  .modal-custom .modal-dialog .modal-content .modal-footer .btn {
    margin-bottom: 0px;
  }
  .modal-custom .modal-dialog .btn-default {
    color: #fff;
  }
  
  @media screen and (max-width: 999px) {
    .homepage-content .dropdown-content {
      display: block;
    }
    .homepage-content .dropdown-content .btn {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .homepage-content .dropdown-content .btn-primary {
      background-color: #01A1DF;
      border-radius: 0;
      border: none;
    }
    .homepage-content .dropdown-content .btn-primary:hover {
      background-color: #01A1DF;
    }
    .homepage-content .dropdown-content .btn-primary:focus {
      background-color: #01A1DF;
    }
    .homepage-content .dropdown-content .dropdown-menu {
      float: left;
      background-color: #e9e9e9;
      border-radius: 0;
    }
    .homepage-content .dropdown-content .dropdown-menu li {
      font-size: 20px;
      cursor: pointer;
    }
    .homepage-content .dropdown-content .dropdown-menu li a {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .homepage-content .dropdown-content .all-content {
      margin-top: 25px;
      float: right;
    }
    .homepage-content .dropdown-content .all-content a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #666666;
    }
    .homepage-content .dropdown-content .all-content a i {
      margin-left: 10px;
      font-size: 12px;
    }
    .homepage-content #tabs_content {
      display: none;
    }
  } /* max-width:768 */
  /* ------------------------------------------------------ */
  /*                     style for ie8                      */
  /* ------------------------------------------------------ */
  /* ------------------------------------------------------ */
  /*              media screen min width 768                */
  /* ------------------------------------------------------ */
  /* ------------------------------------------------------ */
  /*             media screen min width 1000                */
  /* ------------------------------------------------------ */
  /* ------------------------------------------------------ */
  /* screen lg  apply to screen  min-width 1200px and above */
  /* note: desktop and FullHD screen tablet use this style  */
  /* ------------------------------------------------------ */
  .lt-ie9 #maincontainer #side-section.col-md-3 {
    width: 205px !important;
  }
  .lt-ie9 #maincontainer #side-section.col-md-pull-9 {
    right: 795px !important;
  }
  .lt-ie9 #maincontainer #content-section {
    margin-bottom: 0px;
  }
  .lt-ie9 #maincontainer #content-section.col-md-9 {
    width: 795px !important;
  }
  .lt-ie9 #maincontainer #content-section.col-md-push-3 {
    left: 205px !important;
  }
  @media (min-width: 1000px) {
    #maincontainer #side-section.col-md-3 {
      width: 205px;
    }
    #maincontainer #side-section.col-md-pull-9 {
      right: 795px;
    }
    #maincontainer #content-section.col-md-9 {
      width: 795px;
    }
    #maincontainer #content-section.col-md-push-3 {
      left: 205px;
    }
  }
  
  #page-navi-section {
    margin: 0 0 30px 0;
  }
  
  .page-navi {
    margin: 8px 0;
    padding: 0;
    background: none;
    font-size: 13px;
  }
  .page-navi > .active {
    color: #01A1DF;
  }
  .page-navi a {
    text-decoration: none;
  }
  .page-navi a:hover {
    text-decoration: underline;
  }
  
  .page-navi--black {
    margin: 8px 0;
    padding: 0;
    background: none;
    font-size: 13px;
    position: relative;
    z-index: 1;
    text-shadow: 1px 10px 10px #ddd;
  }
  .page-navi--black > .active {
    color: #666;
  }
  .page-navi--black a {
    color: #666;
    text-decoration: none;
  }
  .page-navi--black a:hover {
    text-decoration: underline;
  }
  
  .page-navi--white {
    margin: 8px 0;
    padding: 0;
    background: none;
    font-size: 13px;
    position: relative;
    z-index: 1;
    text-shadow: 1px 10px 10px #999;
  }
  .page-navi--white > .active {
    color: #fff;
  }
  .page-navi--white a {
    color: #fff;
    text-decoration: none;
  }
  .page-navi--white a:hover {
    text-decoration: underline;
  }
  
  #side-loginbox {
    margin: 10px 0;
    height: 160px;
  }
  
  .side-banner {
    margin: 10px 0;
    text-align: center;
  }
  
  #page-top-banner {
    margin: 15px 0 0 0;
  }
  #page-top-banner img {
    width: 100%;
    height: auto;
  }
  
  #page-default-content {
    margin: 60px 0 0 0;
    min-height: 500px;
  }
  #page-default-content header h1 {
    font-size: 35px;
    font-weight: normal;
    line-height: 28px;
  }
  #page-default-content header h1 > span {
    display: block;
  }
  #page-default-content header h1 > span.subhead {
    font-size: 26px;
    line-height: 24px;
  }
  @media (max-width: 1023px) {
    #page-default-content {
      min-height: 250px;
    }
  }
  
  #page-content header {
    margin-bottom: 10px;
    min-height: 50px;
  }
  #page-content header h2 {
    margin: -4px 0 0 0;
    padding: 0;
    font-size: 33px;
    font-weight: normal;
    line-height: 0.8;
    color: #01A1DF;
  }
  #page-content header .panel-list {
    margin: 0;
    padding: 0;
  }
  #page-content header .panel-list > li {
    display: block;
    float: left;
    margin: 0 3px;
    padding: 0;
  }
  /* fund fact sheet */
  .head-text.-fundFact {
    color: #00295A;
    font-family: "DB_Adman_X";
    font-size: 34px;
    line-height: 0.9em;
    margin-bottom: 10px;
  }
  
  .head-text.-document {
    color: #666;
    font-family: "DB_Adman_X";
    font-size: 25px;
    line-height: 0.9em;
    margin-bottom: 15px;
  }
  
  .head-text.-fundName {
    color: #01A1DF;
    font-family: "DB_Adman_X";
    font-size: 25px;
    line-height: 0.9em;
    margin-bottom: 15px;
  }
  
  .subHead-text.-fundFact {
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 0.9em;
    margin-bottom: 10px;
  }
  
  .head-text.-mainColor1 {
    color: #00295A;
    font-family: "DB_Adman_X";
    font-size: 25px;
    line-height: 1.1em;
  }
  
  .head-text.-mainColor2 {
    color: #01A1DF;
    font-family: "DB_Adman_X";
    font-size: 25px;
    line-height: 1.1em;
  }
  
  .head-text.-mainColor3 {
    color: #1F5B7A;
    font-family: "DB_Adman_X";
    font-size: 25px;
    line-height: 1.1em;
  }
  
  .text-download {
    color: #999;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 0.9em;
  }
  .text-download a:link, .text-download a:visited {
    color: #999;
  }
  
  .fundfact-sheet.-aria .wrapper-headText {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: 5px 0px;
    margin: 10px 0px 5px 0px;
  }
  .fundfact-sheet.-aria .table {
    margin-bottom: 0px;
  }
  .fundfact-sheet.-aria .table > thead > tr > th, .fundfact-sheet.-aria .table > tbody > tr > th {
    color: #1F5B7A;
    font-size: 20px;
    line-height: 1.1em;
    min-width: 230px;
    max-width: 230px;
    padding: 3px 5px 3px 5px;
  }
  @media (max-width: 1024px) {
    .fundfact-sheet.-aria .table > thead > tr > th, .fundfact-sheet.-aria .table > tbody > tr > th {
      white-space: initial;
    }
  }
  .fundfact-sheet.-aria .table > thead > tr > td, .fundfact-sheet.-aria .table > tbody > tr > td {
    font-size: 20px;
    line-height: 1.1em;
    vertical-align: top;
    text-align: left;
    padding: 3px 5px 3px 5px;
  }
  .fundfact-sheet.-aria .table-responsive {
    border: none;
  }
  .fundfact-sheet.-aria .table-head.-fundfact {
    background-color: #999;
    color: #000;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    border-right: 2px solid #fff;
    padding: 0px;
    padding-top: 5px;
  }
  .fundfact-sheet.-aria .table-head2.-fundfact {
    border: 1px solid #fff;
    border-bottom: 1px solid #01A1DF;
  }
  .fundfact-sheet.-aria .table-head3.-fundfact {
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .fundfact-sheet.-aria .box-highlight.-fundfact {
    background-color: #00295A;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 2px;
    font-family: "DB_Adman_X";
    font-size: 20px;
    line-height: 1em;
  }
  .fundfact-sheet.-aria .box-highlight2.-fundfact {
    background-color: #01A1DF;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "DB_Adman_X";
    font-size: 25px;
    line-height: 1em;
  }
  .fundfact-sheet.-aria .box-highlight2.-fundfact .pull-right {
    font-family: "DB_Adman_X";
  }
  .fundfact-sheet.-aria .table.-border {
    border-color: #01A1DF;
    margin: 5px 0px;
  }
  .fundfact-sheet.-aria .table.-border > thead > tr > td, .fundfact-sheet.-aria .table.-border > tbody > tr > td:nth-child(3) {
    text-align: left;
    min-width: auto;
  }
  .fundfact-sheet.-aria .table.-border > thead, .fundfact-sheet.-aria tr, .fundfact-sheet.-aria th, .fundfact-sheet.-aria .table.-border > tbody, .fundfact-sheet.-aria tr, .fundfact-sheet.-aria th {
    border-color: #01A1DF;
  }
  .fundfact-sheet.-aria .table.-border > thead, .fundfact-sheet.-aria tr, .fundfact-sheet.-aria td, .fundfact-sheet.-aria .table.-border > tbody, .fundfact-sheet.-aria tr, .fundfact-sheet.-aria td {
    border-color: #01A1DF;
  }
  .fundfact-sheet.-aria .table.-border > thead .text-securities, .fundfact-sheet.-aria tr .text-securities, .fundfact-sheet.-aria td .text-securities, .fundfact-sheet.-aria .table.-border > tbody .text-securities, .fundfact-sheet.-aria tr .text-securities, .fundfact-sheet.-aria td .text-securities {
    font-weight: 600;
    margin-bottom: 10px;
  }
  .fundfact-sheet.-aria .table.-border > thead .text-rating, .fundfact-sheet.-aria .table.-border > thead .text-percenNav, .fundfact-sheet.-aria tr .text-rating, .fundfact-sheet.-aria tr .text-percenNav, .fundfact-sheet.-aria td .text-rating, .fundfact-sheet.-aria td .text-percenNav, .fundfact-sheet.-aria .table.-border > tbody .text-rating, .fundfact-sheet.-aria .table.-border > tbody .text-percenNav, .fundfact-sheet.-aria tr .text-rating, .fundfact-sheet.-aria tr .text-percenNav, .fundfact-sheet.-aria td .text-rating, .fundfact-sheet.-aria td .text-percenNav {
    color: #1F5B7A;
    font-size: 20px;
    font-weight: 600;
  }
  .fundfact-sheet.-aria .table.-border > thead .text-value, .fundfact-sheet.-aria tr .text-value, .fundfact-sheet.-aria td .text-value, .fundfact-sheet.-aria .table.-border > tbody .text-value, .fundfact-sheet.-aria tr .text-value, .fundfact-sheet.-aria td .text-value {
    margin-bottom: 10px;
    max-width: 135px;
    word-wrap: break-word;
  }
  .fundfact-sheet.-aria .table.-border > thead .group-value, .fundfact-sheet.-aria tr .group-value, .fundfact-sheet.-aria td .group-value, .fundfact-sheet.-aria .table.-border > tbody .group-value, .fundfact-sheet.-aria tr .group-value, .fundfact-sheet.-aria td .group-value {
    color: #1F5B7A;
    font-size: 23px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 5px;
  }
  .fundfact-sheet.-aria .table.-border > thead .box-total, .fundfact-sheet.-aria tr .box-total, .fundfact-sheet.-aria td .box-total, .fundfact-sheet.-aria .table.-border > tbody .box-total, .fundfact-sheet.-aria tr .box-total, .fundfact-sheet.-aria td .box-total {
    background-color: #01A1DF;
    color: #fff;
    font-size: 32px;
    line-height: 0.9em;
    position: relative;
    padding: 0 5px;
  }
  .fundfact-sheet.-aria .table.-border > thead .box-total .text-total, .fundfact-sheet.-aria tr .box-total .text-total, .fundfact-sheet.-aria td .box-total .text-total, .fundfact-sheet.-aria .table.-border > tbody .box-total .text-total, .fundfact-sheet.-aria tr .box-total .text-total, .fundfact-sheet.-aria td .box-total .text-total {
    font-weight: 600;
  }
  .fundfact-sheet.-aria .table.-border > thead .box-total .text-totalValue, .fundfact-sheet.-aria tr .box-total .text-totalValue, .fundfact-sheet.-aria td .box-total .text-totalValue, .fundfact-sheet.-aria .table.-border > tbody .box-total .text-totalValue, .fundfact-sheet.-aria tr .box-total .text-totalValue, .fundfact-sheet.-aria td .box-total .text-totalValue {
    position: absolute;
    bottom: 0;
    right: 5px;
  }
  .fundfact-sheet.-aria .industry-name {
    padding: 0 3px;
    margin-bottom: 17px;
    text-transform: uppercase;
  }
  .fundfact-sheet.-aria .industry-value {
    padding: 0 3px;
  }
  .fundfact-sheet.-aria .text-head.-blue {
    color: #1F5B7A;
  }
  .fundfact-sheet.-aria .special-table.-fundfact {
    background-color: #999;
  }
  .fundfact-sheet.-aria .special-table.-fundfact .bold {
    font-weight: 600;
    color: #000;
  }
  .fundfact-sheet.-aria .table-dividend {
    padding-bottom: 10px;
    overflow: hidden;
    clear: both;
  }
  .fundfact-sheet.-aria .table-dividend .col-sm-2,
  .fundfact-sheet.-aria .table-dividend .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .col-sm-4-1 {
    padding-right: 0px;
  }
  .fundfact-sheet.-aria .table-dividend .tb-head {
    background-color: #fff;
  }
  .fundfact-sheet.-aria .table-dividend .tb-head p {
    padding: 2px;
    color: #1F5B7A;
  }
  .fundfact-sheet.-aria .table-dividend .tb-col p {
    padding: 2px 3px;
  }
  .fundfact-sheet.-aria .table-dividend .tb-col .dividend-year {
    background-color: #999;
    border-right: solid 1px #fff;
  }
  .fundfact-sheet.-aria .table-dividend .tb-col .dividend-value {
    background-color: #fff;
    border-right: solid 1px #fff;
  }
  .fundfact-sheet.-aria .table-dividend .table {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 10px;
  }
  .fundfact-sheet.-aria .table-dividend .table > tbody > tr > th {
    min-width: 200px;
    width: 200px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .fundfact-sheet.-aria .table-dividend .table > tbody > tr > td {
    width: 85px;
    max-width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  table.border-white {
    border-color: #fff !important;
  }
  .text-note {
    font-size: 12px;
  }
  .text-note.-blue-color {
    color: #01A1DF;
  }
  
  .box-note {
    text-align: left;
    background-color: #0082D6;
    color: #fff;
    font-size: 12px;
    padding: 15px 60px 20px 60px;
    margin-top: 10px;
  }
  
  .box-warning {
    text-align: left;
    background-color: #fff;
    font-size: 12px;
    padding: 15px 60px 20px 60px;
    margin-top: 10px;
  }
  .box-warning .annotation {
    color: #EA2323;
  }
  
  @media (max-width: 1024px) {
    .box-note {
      padding: 15px 15px 20px 15px;
      margin-top: 10px;
      line-height: 1.4em;
    }
    .box-warning {
      padding: 15px 15px 20px 15px;
      margin-top: 10px;
      line-height: 1.4em;
    }
  }
  /* End fund fact sheet */
  /* NAV */
  #tab-NAV .table {
    margin-bottom: 0px;
  }
  .line-bottom {
    border-bottom: 1px dotted #666;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 2px;
  }
  
  .list-ul {
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .list-ul li {
    margin-bottom: 5px;
  }
  
  /* main content */
  .add-tab {
    overflow: visible !important;
    position: relative;
    z-index: 2;
    padding: 5px;
  }
  
  .large-tab .nav-tabs {
    background-color: transparent;
    border-bottom: none;
    padding: 0px 8px;
  }
  .large-tab .nav-tabs > li {
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #ccc;
    font-size: 20px;
    font-family: "DB_Adman_X";
    margin-right: 3px;
  }
  .large-tab .nav-tabs > li > a {
    border: none !important;
    border-radius: 0px;
    line-height: 0.5em;
    margin-right: 0px;
    color: #666;
    background-color: none;
    text-decoration: none;
    border-radius: 0px !important;
    margin-right: 0px !important;
    min-height: 17px;
    padding: 10px 10px;
  }
  .large-tab .nav-tabs > li > .dropdown-menu {
    padding: 0px;
    text-decoration: none;
  }
  .large-tab .nav-tabs > li > .dropdown-menu > li > a {
    text-decoration: none;
    min-height: 31px;
    font-size: 20px;
  }
  .large-tab .nav-tabs > li > .dropdown-menu > li.active > a {
    text-decoration: none;
    background-color: #fff;
    min-height: 31px;
  }
  .large-tab .nav-tabs > li > .dropdown-menu > li.active > a:hover, .large-tab .nav-tabs > li > .dropdown-menu > li.active a:focus {
    background-color: #f7f7f7;
  }
  .large-tab .nav-tabs > li > a:focus, .large-tab .nav-tabs > li a:hover {
    background-color: #26437e;
    color: #fff;
  }
  .large-tab .nav-tabs > li.active {
    border: none;
    background-color: #01A1DF;
    border: 1px solid #ccc;
    border-bottom: none;
  }
  .large-tab .nav-tabs > li.active > a {
    color: #666;
    text-decoration: none;
    background-color: #fff;
  }
  .large-tab .tab-content {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 15px;
    margin-top: -1px;
  }
  .large-tab .tab-content a {
    text-decoration: none;
  }
  .large-tab .tab-content a:hover, .large-tab .tab-content a:focus {
    color: #01A1DF;
  }
  
  .tab-pane > table {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  
  .footable-detail-row .table {
    margin-top: 0px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  
  .footable-details.table tr {
    border-bottom: 1px solid #ccc;
  }
  
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    border-top: none;
    line-height: 1.2em;
    padding: 3px;
    vertical-align: top;
  }
  
  .bullet-more {
    color: #ff0000;
    margin-right: 5px;
  }
  
  .text-special1 {
    color: #01A1DF;
    font-family: "DB_Adman_X";
    font-size: 23px;
  }
  @media screen and (max-width: 768px) {
    .text-special1 {
      margin-bottom: 15px;
    }
  }
  
  /* End main content */
  /* main menu */
  .bgpage-wrapper {
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
  }
  .bgpage-wrapper .bgpage-picMenu {
    position: relative;
  }
  .bgpage-wrapper .bgpage-picMenu .wrapper-picMenu {
    position: absolute;
    top: 0;
    right: 15px;
    max-width: 95%;
  }
  .bgpage-wrapper .bgpage-picMenu .wrapper-picMenu .pic-menu {
    margin-top: -35px;
  }
  .bgpage-wrapper .bgpage-menu {
    background-color: #00235D;
    min-height: 150px;
    min-width: 100%;
    margin-top: 0px;
    padding: 20px 0;
    color: #fff;
  }
  .bgpage-wrapper .bgpage-menu .page-title {
    font-family: "DB_Adman_X";
    font-size: 25px;
    text-align: right;
    margin-bottom: 10px;
    line-height: 1em;
  }
  
  .wrapper-submenu {
    margin-bottom: 10px;
  }
  
  .page-menu, .page-submenu {
    font-weight: 500;
    font-family: "DB_Adman_X";
    font-size: 21px;
    text-align: right;
    line-height: 1em;
  }
  .page-menu > a, .page-submenu > a {
    color: #fff;
    text-decoration: none;
  }
  .page-menu > a:focus, .page-menu a:hover, .page-submenu > a:focus, .page-submenu a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  
  .page-submenu {
    font-family: "DB_Helvethaica";
    font-size: 20px;
    line-height: 1.2em;
    margin-right: 4px;
  }
  
  .page-menu.active > a, .page-submenu.active > a {
    color: #01A1DF;
  }
  
  .page-menu.active::after {
    content: url("../images/icn-aside-bullet.png");
    color: #01A1DF;
    margin-left: 3px;
    margin-right: -10px;
  }
  
  .page-menu.active-submenu::after {
    content: url("../images/icn-aside-bullet2.png");
    color: #fff;
    margin-left: 3px;
    margin-right: -10px;
  }
  
  .page-submenu::after {
    content: url("../images/icn-aside-subbullet2.png");
    color: #01A1DF;
    font-size: 0.8em;
    margin-left: 3px;
    margin-right: -5px;
  }
  
  .page-submenu.active::after {
    content: url("../images/icn-aside-subbullet.png");
    color: #01A1DF;
    font-size: 0.8em;
    margin-left: 3px;
    margin-right: -5px;
  }
  
  .wraper-link {
    font-family: "DB_Helvethaica";
    font-size: 21px;
    font-weight: 500;
    line-height: 1em;
    text-align: right;
    padding-right: 10px;
  }
  
  .nomal-link.active a:link, .nomal-link.active a:visited {
    color: #01A1DF;
  }
  
  .nomal-link a:link, .nomal-link a:visited {
    color: #fff;
  }
  
  .nomal-link a:hover, .nomal-link a:focus {
    color: #01A1DF;
    text-decoration: none;
  }
  
  .inside-share {
    border: 2px solid #e5e5e5;
    border-left: none;
    border-right: none;
    min-height: 20px;
    padding: 10px 0;
    text-align: center;
  }
  .inside-share > .social-share {
    display: block;
  }
  .inside-share > .social-share .social-link {
    display: inline-block;
    padding: 0 15px;
    color: #666;
    text-decoration: none;
    font-family: "DB_Adman_X";
    font-size: 23px;
  }
  .inside-share > .social-share .social-link.icon-mail i {
    margin-right: 5px;
    font-size: 16px;
  }
  .inside-share > .social-share .social-link.icon-print {
    border-left: solid 1px #ccc;
  }
  @media (max-width: 640px) {
    .inside-share > .social-share .social-link.icon-print {
      display: none;
    }
  }
  .inside-share > .social-share .social-link.icon-print i {
    margin-right: 5px;
    font-size: 16px;
  }
  .inside-share > .social-share .social-link:hover {
    color: #0082D6;
  }
  
  .inside-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-bottom: 30px;
    color: #666;
  }
  @media (max-width: 640px) {
    .inside-content {
      margin-left: 10px;
      margin-right: 10px;
    }
  }
  .inside-content .cms-images {
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
  }
  .inside-content .cms-images .img-responsive {
    max-width: 100%;
    max-height: 480px;
    margin: 10px auto;
  }
  .inside-content .cms-images img {
    max-width: 100%;
    margin: 10px auto;
  }
  .inside-content .cms-text {
    display: block;
    word-wrap: break-word;
  }
  .inside-content .cms-text img {
    max-width: 100%;
    max-height: auto;
  }
  .inside-content .cms-text p {
    margin-bottom: 20px;
    text-align: justify;
  }
  .inside-content .cms-text ul, .inside-content .cms-text ol {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 25px;
  }
  .inside-content .cms-text a {
    color: #01A1DF;
    text-decoration: none;
  }
  .inside-content .cms-text a:hover {
    color: #0082D6;
  }
  .inside-content .cms-text .btn-default {
    color: #ffffff !important;
    padding: 5px 25px;
    font-size: 20px;
    font-family: "DB_Adman_X";
    background-color: #01A1DF;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    border-radius: 5px;
    -pie-border-radius: 5px;
    behavior: url(../PIE.htc);
  }
  .inside-content .cms-text .btn-default:hover {
    background-color: #0082D6;
  }
  .inside-content.-center {
    max-width: 870px !important;
  }
  .inside-content.-center .img-responsive {
    max-width: 100%;
    margin: 10px auto;
  }
  .inside-content.-pdfdownload {
    font-size: 26px;
    background: #f3f1f1;
    padding: 15px 20px 10px 10px;
    min-height: 60px;
    word-wrap: break-word;
    overflow: hidden;
    clear: both;
  }
  .inside-content.-pdfdownload div {
    margin-bottom: 10px;
  }
  .inside-content.-pdfdownload a {
    color: #666;
    text-decoration: none;
    word-wrap: break-word;
  }
  .inside-content.-pdfdownload a:hover {
    color: #01A1DF;
  }
  .inside-content.-pdfdownload a i {
    color: #ff0505;
  }
  .inside-content.-page-login {
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
  }
  .inside-content.-page-login .-form {
    font-family: "DB_Adman_X";
    font-size: 20px;
    border: 2px solid #a2a2a2;
    padding: 15px;
    padding-top: 30px;
  }
  .inside-content.-page-login .-form .ex-link {
    display: block;
    margin-bottom: 15px;
    color: #01A1DF;
    text-decoration: none;
  }
  .inside-content.-page-login .-form .ex-link:hover {
    color: #0082D6;
  }
  .inside-content.-page-login .-form .ex-link i {
    font-size: 14px;
  }
  .inside-content.-page-login .-form .row {
    margin-bottom: 10px;
  }
  .inside-content.-page-login .-form .row .label-left,
  .inside-content.-page-login .-form .row .event-right {
    margin-bottom: 10px;
  }
  @media screen and (max-width: 768px) {
    .inside-content.-page-login .-form .row .label-left span,
    .inside-content.-page-login .-form .row .event-right span {
      display: none;
    }
  }
  .inside-content.-page-login .-form .row .label-left input,
  .inside-content.-page-login .-form .row .event-right input {
    width: 100%;
  }
  .inside-content p {
    margin-bottom: 20px;
    text-align: justify;
  }
  .inside-content p.-text {
    color: #666;
  }
  .inside-content p a {
    text-decoration: none;
    color: #0082D6;
  }
  .inside-content p a:hover {
    color: #01A1DF;
  }
  .inside-content img {
    margin-bottom: 20px;
  }
  .inside-content ul,
  .inside-content ol {
    margin: 0px;
    margin-bottom: 20px;
  }
  @media screen and (max-width: 640px) {
    .inside-content ul,
    .inside-content ol {
      padding-left: 0px;
    }
  }
  .inside-content ul li,
  .inside-content ol li {
    list-style-position: inside;
    margin-bottom: 5px;
  }
  .inside-content .paginate {
    text-align: right;
  }
  @media (max-width: 480px) {
    .inside-content .paginate {
      text-align: left;
    }
  }
  .inside-content .paginate .page-number {
    display: inline-block;
  }
  .inside-content .paginate .page-number span {
    display: inline-block;
    margin: 5px 2px;
  }
  .inside-content .paginate .page-number span > a {
    text-decoration: none;
    color: #666;
  }
  .inside-content .paginate .page-number span > a:hover {
    color: #0082D6;
  }
  .inside-content .paginate .page-number span > strong {
    color: #0082D6;
  }
  .inside-content .paginate .page-number span i {
    font-size: 16px;
  }
  
  @media (max-width: 999px) {
    .page-menu {
      line-height: 1em;
      margin-bottom: 8px;
    }
    .wrapper-picMenu {
      position: absolute;
      left: 5%;
      top: -55px;
    }
    .pic-menu {
      max-width: none;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-top: -5px;
    }
    .bgpage-menu {
      margin-bottom: 30px;
    }
  }
  /* End main menu */
  /* inside page */
  .wrapperBg-inside {
    left: 0;
    max-height: 367px;
    min-height: 367px;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 0;
  }
  
  .bg-inside {
    min-width: 100%;
  }
  
  .bg-fixed {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    behavior: url(../backgroundsize.min.htc);
  }
  
  .more-stories {
    margin-bottom: 40px;
  }
  .more-stories .head-text.-black {
    font-family: "DB_Adman_X";
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1em;
    margin: 25px 0px;
  }
  
  .breadcrumb-section .breadcrumb {
    font-family: "DB_Adman_X" !important;
    font-size: 16px !important;
    color: #666;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
  .breadcrumb-section .breadcrumb > li {
    margin-right: 5px;
    color: #666;
  }
  .breadcrumb-section .breadcrumb > li a {
    color: #666;
  }
  .breadcrumb-section .breadcrumb > li a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .breadcrumb-section .breadcrumb > li + li:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    content: "\f105";
    color: #666;
    padding: 0;
    padding-right: 8px;
  }
  .breadcrumb-section .breadcrumb > .active {
    color: #0d2e4ee0;
  }
  
  .heading-section {
    margin: 30px auto 50px auto;
  }
  .heading-section .title-section {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .heading-section .title-section h2 {
    font-family: "DB_Adman_X";
    font-size: 52px;
    font-weight: normal;
    line-height: 1.2em;
  }
  .heading-section .title-section h3 {
    font-family: "DB_Adman_X";
    font-size: 36px;
    font-weight: normal;
    line-height: 1.2em;
  }
  .heading-section .title-section .primary-title {
    color: #333;
  }
  .heading-section .title-section .secondary-title {
    color: #666;
  }
  .heading-section .title-section .sub-title {
    color: #01A1DF;
  }
  .heading-section .title-section .-center {
    text-align: center;
  }
  .heading-section .title-section .-left {
    text-align: left;
  }
  .heading-section .search-section {
    font-family: "DB_Adman_X";
    font-size: 20px;
    display: block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
  .heading-section .search-section.-details {
    max-width: 50%;
    text-align: left;
    margin: 15px 0;
  }
  @media screen and (max-width: 767px) {
    .heading-section .search-section.-details {
      max-width: 320px;
    }
  }
  .heading-section .search-section .gen-input {
    float: none;
    display: inline-block;
    min-width: 350px;
    padding: 0 15px;
    margin: 0px 5px;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    -pie-border-radius: 21px;
    behavior: url(../PIE.htc);
    vertical-align: top;
  }
  .heading-section .search-section .gen-input > input[type=text] {
    font-size: 20px;
    width: 96%;
    line-height: 30px;
    margin: 0px;
  }
  .heading-section .search-section .gen-button {
    float: none;
    display: inline-block;
    min-width: 42px;
    width: 42px;
    height: 42px;
    margin: 0px 5px;
    border-radius: 21px;
    -pie-border-radius: 21px;
    behavior: url(../PIE.htc);
    vertical-align: top;
    background-color: #01A1DF;
  }
  .heading-section .search-section .gen-button input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .heading-section .search-section .gen-button > i {
    font-size: 22px !important;
    color: #fff;
    position: absolute;
    left: 11px;
    top: 10px;
    z-index: 0;
    margin: 0px;
    display: block;
  }
  .heading-section .search-section .gen-button > span {
    display: none;
  }
  
  .content-section {
    min-height: 500px;
    margin-bottom: 35px;
  }
  .content-section .grid-content > .col-sm-6,
  .content-section .grid-content > .col-md-3 {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .content-section .grid-content .grid-item {
    width: 100%;
    height: 160px;
    margin-bottom: 10px;
    background-color: #0082D6;
  }
  .content-section .grid-content .grid-item.h2 {
    height: 320px;
  }
  .content-section .row .no-padding {
    padding-right: 0px;
    padding-left: 0px;
  }
  @media (max-width: 767px) {
    .content-section .row .no-padding {
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  .content-section .sidenav-left {
    min-height: 301px;
  }
  .content-section .sidenav-left .dropdown-content {
    display: none;
  }
  .content-section .sidenav-left .menu-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .content-section .sidenav-left .menu-list .menu-item {
    line-height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 15px;
    margin-bottom: 1px;
  }
  .content-section .sidenav-left .menu-list .menu-item a {
    display: block;
    color: #666;
    font-size: 20px;
  }
  .content-section .sidenav-left .menu-list .menu-item a:hover {
    color: #01A1DF;
    text-decoration: none;
  }
  .content-section .sidenav-left .menu-list .menu-item.current {
    position: relative;
    background-color: #0082D6;
  }
  .content-section .sidenav-left .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;
  }
  .content-section .sidenav-left .menu-list .menu-item.current a {
    color: #fff;
  }
  .content-section .sidenav-left .menu-list .menu-item.current a:hover {
    text-decoration: none;
  }
  .content-section .sidenav-left .menu-list .menu-item.current .txt-title {
    display: block;
    color: #fff;
    font-family: "DB_Adman_X";
    font-size: 24px;
    font-weight: normal;
  }
  @media screen and (max-width: 1000px) {
    .content-section .sidenav-left {
      min-height: 1px;
    }
    .content-section .sidenav-left .menu-list .menu-item a {
      font-size: 20px;
    }
    .content-section .sidenav-left .menu-list .menu-item.current:after {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .content-section .sidenav-left .menu-list {
      display: none;
    }
    .content-section .sidenav-left .dropdown-content {
      display: block;
    }
    .content-section .sidenav-left .dropdown-content .btn {
      font-family: "DB_Adman_X";
      font-size: 20px;
    }
    .content-section .sidenav-left .dropdown-content .btn-primary {
      background-color: #01A1DF;
      border-radius: 0;
      border: none;
    }
    .content-section .sidenav-left .dropdown-content .btn-primary:hover {
      background-color: #01A1DF;
    }
    .content-section .sidenav-left .dropdown-content .btn-primary:focus {
      background-color: #01A1DF;
    }
    .content-section .sidenav-left .dropdown-content .dropdown-menu {
      float: left;
      background-color: #e9e9e9;
      border-radius: 0;
      max-width: 100%;
    }
    .content-section .sidenav-left .dropdown-content .dropdown-menu li {
      line-height: 20px;
      cursor: pointer;
    }
    .content-section .sidenav-left .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;
    }
    .content-section .sidenav-left .dropdown-content .all-content {
      margin-top: 25px;
      float: right;
    }
    .content-section .sidenav-left .dropdown-content .all-content a {
      font-family: "DB_Adman_X";
      font-size: 20px;
      color: #666666;
    }
    .content-section .sidenav-left .dropdown-content .all-content a i {
      margin-left: 10px;
      font-size: 12px;
    }
  }
  .content-section .article-right .breadcrumb-section .breadcrumb {
    background: transparent;
  }
  .content-section .article-right .txt-editor {
    margin-top: 8px;
    overflow: auto;
    position: relative;
    height: 550px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .content-section .article-right .txt-editor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
  }
  .content-section .article-right .txt-editor .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #999999;
  }
  .content-section .article-right .txt-editor .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .content-section .article-right .txt-editor .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #999999;
  }
  .content-section .article-right .txt-editor .mCSB_scrollTools {
    right: 0px;
  }
  .content-section .article-right .txt-editor h3 {
    font-family: "DB_Adman_X";
    font-size: 24px;
    color: #01A1DF;
    font-weight: normal;
    margin: 15px 0;
  }
  .content-section .article-right .txt-editor p {
    margin: 5px 0;
  }
  .content-section .article-right .txt-editor table {
    margin: 5px 0;
    width: 100%;
  }
  .content-section .article-right .txt-editor table tr td {
    padding: 5px;
  }
  @media screen and (max-width: 1000px) {
    .content-section .article-right {
      height: auto;
    }
    .content-section .article-right .txt-editor {
      height: 660px;
    }
  }
  @media screen and (max-width: 767px) {
    .content-section .article-right {
      margin-top: 10px;
      padding: 15px 10px;
    }
    .content-section .article-right .breadcrumb-section .breadcrumb {
      font-size: 18px;
    }
    .content-section .article-right .txt-editor p {
      font-size: 18px;
    }
    .content-section .article-right .txt-editor table {
      font-size: 18px;
    }
  }
  
  @media screen and (max-width: 999px) {
    .heading-section {
      margin: 0px;
    }
    .heading-section .breadcrumb-section .breadcrumb {
      color: #666;
      font-size: 18px;
      background-color: #fff;
      padding-left: 0px;
      padding-right: 0px;
      margin-bottom: 0px;
    }
    .heading-section .breadcrumb-section .breadcrumb > li {
      margin-right: 5px;
      color: #666;
    }
    .heading-section .breadcrumb-section .breadcrumb > li a {
      color: #666;
    }
    .heading-section .breadcrumb-section .breadcrumb > li a:hover {
      color: #01A1DF;
      text-decoration: none;
    }
    .heading-section .breadcrumb-section .breadcrumb > li + li:before {
      font-family: "FontAwesome";
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      text-transform: none;
      content: "\f105";
      color: #666;
      padding: 0;
      padding-right: 8px;
    }
    .heading-section .breadcrumb-section .breadcrumb > .active {
      color: #01A1DF;
    }
    .heading-section .title-section h2 {
      line-height: 0.9em;
      margin-bottom: 20px;
    }
    .heading-section .title-section h3 {
      line-height: 0.9em;
      margin-bottom: 20px;
    }
    .heading-section .search-section {
      font-family: "DB_Adman_X";
      display: block;
      width: 100%;
      margin: 30px auto;
      text-align: center;
    }
    .heading-section .search-section .gen-input {
      float: none;
      display: inline-block;
      min-width: 300px;
      padding: 0 15px;
      margin: 0px 5px;
      height: 42px;
      line-height: 42px;
      border-radius: 21px;
      -pie-border-radius: 21px;
      behavior: url(../PIE.htc);
    }
    .heading-section .search-section .gen-input > input[type=text] {
      font-size: 20px;
      width: 96%;
      line-height: 30px;
      margin: 0px;
    }
    .heading-section .search-section .gen-button {
      float: none;
      display: inline-block;
      min-width: 42px;
      width: 42px;
      height: 42px;
      margin: 0px 5px;
      border-radius: 21px;
      -pie-border-radius: 21px;
      behavior: url(../PIE.htc);
      background-color: #01A1DF;
    }
    .heading-section .search-section .gen-button input[type=submit] {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .heading-section .search-section .gen-button > i {
      font-size: 22px !important;
      color: #fff;
      position: absolute;
      left: 11px;
      top: 10px;
      z-index: 0;
      margin: 0px;
      display: block;
    }
  }
  @media screen and (max-width: 767px) {
    .heading-section .title-section h2 {
      font-size: 36px;
    }
    .heading-section .title-section h3 {
      font-size: 24px;
    }
    .heading-section .search-section.-details {
      max-width: 100%;
    }
    .heading-section .search-section .gen-input {
      margin-bottom: 15px;
      border-radius: 21px;
      -pie-border-radius: 21px;
      behavior: url(../PIE.htc);
    }
    .heading-section .search-section .gen-input > input[type=text] {
      font-size: 20px;
      width: 96%;
      line-height: 30px;
      margin: 0px;
    }
    .heading-section .search-section .gen-button {
      min-width: 100px;
    }
    .heading-section .search-section .gen-button > span {
      display: inline-block;
      line-height: 42px;
      color: #fff;
      padding-left: 15px;
    }
  }
  .inside-share {
    border: 2px solid #e5e5e5;
    border-left: none;
    border-right: none;
    min-height: 20px;
    padding: 25px 0px;
    text-align: center;
  }
  .inside-share > .social-share img {
    margin: 0px 15px;
  }
  
  .inside-content {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
  .inside-content > p {
    margin-bottom: 20px;
  }
  
  .inside-article {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  .inside-article > p {
    margin-bottom: 20px;
  }
  
  @media (max-width: 999px) {
    .wrapperBg-inside {
      left: 0;
      min-height: 200px;
      min-width: 100%;
      overflow: hidden;
      position: relative;
      top: 0;
      z-index: 0;
    }
    .bg-inside {
      left: 0%;
      max-width: 100%;
      min-width: 100%;
      position: absolute;
      margin-top: 0px;
    }
    .bg-fixed {
      width: auto;
      height: 100%;
    }
  }
  .note-hilight {
    color: #0082D6;
  }
  
  .acc_title {
    color: #0082D6;
    font-family: "DB_Adman_X";
    font-size: 35px;
    margin-bottom: 15px;
  }
  
  .acc_head {
    color: #0082D6;
    font-family: "DB_Adman_X";
    font-size: 29px;
    line-height: 0.9em;
    text-transform: uppercase;
  }
  .acc_head h3 {
    color: #0082D6;
    font-family: "DB_Adman_X";
    font-size: 29px;
    line-height: 0.9em;
    text-transform: uppercase;
  }
  @media screen and (max-width: 640px) {
    .acc_head h3 {
      font-size: 29px;
    }
  }
  
  /* End inside page */
  /* content */
  .contact-mianColor {
    color: #1D242D;
  }
  
  .contact-subColor {
    color: #666;
  }
  
  .content-headText {
    font-family: "DB_Adman_X";
    font-size: 26px;
    font-weight: 500;
    line-height: 0.9em;
  }
  
  .content-text {
    font-family: "DB_Adman_X";
    font-size: 20px;
    font-weight: 500;
    line-height: 0.9em;
  }
  
  .zoom-map {
    margin-top: 3px;
  }
  .zoom-map a:link, .zoom-map a:visited {
    color: #2A5D79;
    text-decoration: none;
  }
  
  /* End content */
  /* texteditor download */
  .download-pdf.-fundfact {
    width: 100%;
    margin-bottom: 200px;
  }
  
  .download-pdf.-fundfact .clearfix {
    padding: 10px 0px;
    border-bottom: 1px dotted #999;
  }
  
  .document-name {
    display: inline-block;
  }
  
  .thai-only {
    float: right;
    padding-top: 3px;
    margin-right: 10px;
    color: #1F5B7A;
    font-family: "DB_Adman_X";
    font-size: 20px;
    font-weight: 500;
    line-height: 0.7em;
  }
  
  .download-pdf.-fundfact .clearfix:hover {
    background-color: #f7f7f7;
  }
  
  /* End texteditor download */
  /* content footer */
  .footer-content.-button {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  
  .wrapper-button.-more, .wrapper-button.-totop {
    border-radius: 50%;
    -pie-border-radius: 50%;
    behavior: url(../PIE.htc);
    min-width: 50px;
    min-height: 50px;
    padding: 0px;
    background-color: #01A1DF;
    position: relative;
    cursor: pointer;
  }
  .wrapper-button.-more > .in-botton, .wrapper-button.-totop > .in-botton {
    position: absolute;
    top: 22%;
    left: 20%;
  }
  
  .wrapper-button.-more:active, .wrapper-button.-totop:active {
    background-color: #003574;
  }
  
  .wrapper-button.-totop > .in-botton {
    position: absolute;
    top: 24%;
    left: 17%;
  }
  
  .button-effect {
    padding: 1px 0px;
  }
  
  .button-effect:hover {
    padding-top: 2px;
    padding-bottom: 0px;
  }
  
  /* End content footer */
  /* content footer */
  .footer-content.-center {
    max-width: 870px !important;
    margin-right: auto;
    margin-left: auto;
    text-align: left !important;
  }
  .footer-content.-button {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .footer-content .wrapper-button {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-family: "DB_Adman_X";
    min-height: 15px;
    min-width: 26px;
    background-image: none;
    border: 1px solid transparent;
    font-weight: normal;
  }
  .footer-content .wrapper-button i {
    font-size: 16px;
  }
  .footer-content .wrapper-button.btn-back {
    color: #ffffff;
    width: 65px;
    height: 65px;
    padding: 15px 0;
    font-size: 20px;
    background-color: #01A1DF;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    border-radius: 50%;
    -pie-border-radius: 50%;
    behavior: url(../PIE.htc);
  }
  .footer-content .wrapper-button.btn-back:hover {
    background-color: #0082D6;
  }
  .footer-content .wrapper-button.btn-back a {
    color: #fff;
    text-decoration: none;
  }
  .footer-content .wrapper-button.btn-more {
    color: #ffffff;
    width: 65px;
    height: 65px;
    padding: 15px 0;
    font-size: 20px;
    background-color: #01A1DF;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    border-radius: 50%;
    -pie-border-radius: 50%;
    behavior: url(../PIE.htc);
  }
  .footer-content .wrapper-button.btn-more:hover {
    background-color: #0082D6;
  }
  .footer-content .wrapper-button.btn-more a {
    color: #fff;
    text-decoration: none;
  }
  .footer-content .wrapper-button.btn-gotop {
    color: #ffffff;
    width: 65px;
    height: 65px;
    padding: 10px 0;
    font-size: 20px;
    background-color: #01A1DF;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    border-radius: 50%;
    -pie-border-radius: 50%;
    behavior: url(../PIE.htc);
  }
  .footer-content .wrapper-button.btn-gotop:hover {
    background-color: #0082D6;
  }
  .footer-content .wrapper-button.btn-gotop a {
    color: #fff;
    text-decoration: none;
  }
  
  /* End content footer */
  .header-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }
  
  .navigate-index {
    margin-top: 5px;
    margin-left: 15px;
  }
  .navigate-index span {
    margin-right: 10px;
  }
  
  .title-fund {
    font-family: "DB_Adman_X";
    font-size: 26px;
    margin-bottom: 5px;
  }
  .title-fund a {
    color: #0082D6;
    font-family: "DB_Adman_X";
    font-size: 26px;
    text-decoration: none;
  }
  .title-fund a:hover {
    color: #01A1DF;
  }
  
  @media only screen and (max-width: 999px) {
    .title-fund {
      font-family: "DB_Adman_X";
      font-size: 26px;
      margin-bottom: 5px;
    }
    .title-fund a {
      color: #01A1DF;
      font-family: "DB_Adman_X";
      font-size: 26px;
      text-decoration: none;
    }
    .title-fund a:visited {
      color: #01A1DF;
    }
    .title-fund a:hover {
      color: #01A1DF;
    }
  }
  .main-title {
    font-size: 43px;
    line-height: 0.9em;
    margin-bottom: 10px;
    font-family: "DB_Adman_X";
  }