@charset "UTF-8";
/* ********************************************
 * Typography
 * ********************************************/

@font-face {
  font-family: "新細明體";
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: "細明體";
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: "微軟正黑體";
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: "PMingLiu";
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

@font-face {
  font-family: "Microsoft Jhenghei";
  src: local('微軟正黑體'), local('Microsoft Jhenghei'), local('新細明體');
}

body {
  margin: 0px;
  -webkit-text-size-adjust: 100%;
}

.hke-reset,
.hke-reset input,
.hke-reset select,
.hke-reset button,
.hke-reset textarea,
.hke-reset h1,
.hke-reset h2,
.hke-reset h3,
.srch-maintop,
.srch-maintop select,
.srch-WPBody,
.srch-Page {
  font-size: 100%;
  font-family: 'Open Sans', '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif;
  line-height: 1.6;
}

#site-wrapper {
  font-size: 14px;
  color: #333333;
}
/* ********************************************
 * SharePoint Style Overrides
 * ********************************************/

#s4-ribbonrow,
#globalNavBox {
  height: auto !important;
}

.ms-core-webpartadder {
  z-index: 1;
}

.ms-cui-TabRowRight .ms-welcome-root {
  padding-top: 4px;
}

.ms-cui-TabRowRight .ms-siteactions-normal {
  height: 34px;
}

.ms-cui-TabRowRight .ms-core-menu-root {
  padding-top: 13px !important;
  vertical-align: top;
}

.ms-cui-TabRowRight .ms-siteactions-imgspan {
  vertical-align: top;
}

.right-wp-zone-col {
  display: none;
}

.ewiki-margin + .edit-mode-border {
  position: relative;
}

  .ewiki-margin + .edit-mode-border .hke-edit-button-container {
    right: -75px;
  }

#site-wrapper .error-page {
  background: #FFF;
  box-sizing: border-box;
  padding: 0px 3% 30px 3%;
  color: #333333;
}

#site-wrapper .error-header,
#site-wrapper .error-content {
  min-width: 1020px;
  max-width: 1366px;
  margin: 0 auto;
  padding: 10px;
  overflow: hidden;
}
/* ********************************************
 * CSS Reset
 * ********************************************/

.hke-reset caption {
  text-align: left;
}

.hke-reset table {
  border-spacing: 0;
  border-collapse: collapse;
}

.hke-reset h1,
.hke-reset h2,
.hke-reset h3 {
  margin: auto;
  font-weight: normal;
  color: inherit;
}

.hke-reset h1 {
  font-size: 2em;
}

.hke-reset h2 {
  font-size: 1.43em;
}

.hke-reset img {
  max-width: 100%;
  border: none;
}

.hke-reset a,
.hke-reset a:hover {
  text-decoration: none;
}

  .hke-reset a,
  .hke-reset a:visited {
    color: inherit;
  }

.hke-reset *:focus {
  outline: none;
}

div.hke-edit-button-container {
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 999;
}

  div.hke-edit-button-container a {
    display: inline-block;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
    font-size: 100%;
    padding: 7px 10px;
    line-height: 1.6;
    text-decoration: none;
  }

select::-ms-expand {
  display: none;
}
/* ********************************************
 * Global Styles
 * ********************************************/

#main-container {
  margin: auto;
  min-width: 1020px;
  width: 100%;
  background-color: #5A5A5F;
}

.hke-content-container:before,
.hke-content-container:after {
  content: '';
  display: block;
  margin: -1px 0;
  border-top: 1px solid transparent;
}

.hke-content-container .content {
  margin: auto;
  min-width: 1020px;
  max-width: 1366px;
  width: 100%;
  position: relative;
}

.dd-options {
  max-height: 400px;
}

.fb-button,
.email-button {
  position: relative;
  display: block;
  width: 1.65em;
  height: 1.65em;
  float: right;
}

.fb-button {
  
  margin-right: 1em;
  background-image: url('/_layouts/15/hke/images/btn_breadcrumb_fb.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.email-button {
  background: url(/_layouts/15/hke/images/icon_email_share_page_gray.png) no-repeat;
  background-size: cover;
}
/* ********************************************
 * Header
 * ********************************************/

header {
  position: relative;
  z-index: 20;
  background-color: #fff;
}

  header:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    background-color: #ACACAF;
  }

  header:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 55%;
    left: 0;
    right: 50%;
    bottom: 0;
    background-color: #CCCCCC;
  }

  header .content {
    position: relative;
    z-index: 2;
    background-color: #fff;
    max-width: 1366px;
    margin: auto;
  }

  header .logo {
    position: absolute;
    height: 90px;
    top: 5px;
    right: 1%;
    z-index: 10;
  }

    header .logo img {
      height: 100%;
    }

    header .logo.hkei {
      height: 75px;
      top: 10px;
    }

  header .top-nav {
    height: 55px;
    background-color: #ACACAF;
    background-image: url('/_layouts/15/hke/images/head-nav-background.jpg');
    background-position: 100% 0;
    background-repeat: repeat-y;
    font-size: 1em;
  }

    header .top-nav .head-nav {
      padding: 11px 0 0 12px;
      text-align: left;
      font-size: 16px;
    }

      header .top-nav .head-nav a {
        display: inline-block;
        margin: 0px 10px;
        vertical-align: bottom;
      }

      header .top-nav .head-nav > a.font-size-option.small {
        font-size: 14px;
      }

      header .top-nav .head-nav > a.font-size-option.large {
        font-size: 18px;
        margin-bottom: -1px;
      }

      header .top-nav .head-nav > a.search {
        vertical-align: middle;
      }

        header .top-nav .head-nav > a.search img {
          display: block;
        }

  header .nav-container {
    position: relative;
    min-width: 1024px;
    height: 45px;
    background-color: #CCCCCC;
    background-image: url('/_layouts/15/hke/images/nav-background2.jpg');
    background-position: 100% 0;
    background-repeat: repeat-y;
    font-size: 15.5px;
  }

    header .nav-container:after {
      content: '';
      display: block;
      clear: both;
    }

    header .nav-container .nav-primary {
      height: 45px;
      margin-right: 3px;
      background: #CCCCCC;
      text-align: center;
      float: left;
    }

      header .nav-container .nav-primary:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 15px;
        background-image: url('data:image/gif;,');
      }

      header .nav-container .nav-primary > a {
        display: inline-block;
        padding: 12px 20px;
        color: #000;
        line-height: 22px;
      }

      header .nav-container .nav-primary > ul {
        display: none;
        position: absolute;
        top: 45px;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 45px;
        background-color: #CE0014;
        color: #fff;
        list-style: none;
        text-align: left;
        font-size: 1em;
      }

      header .nav-container .nav-primary:hover > ul {
        display: block;
      }

      header .nav-container .nav-primary > ul li {
        display: inline-block;
      }

        header .nav-container .nav-primary > ul li > a {
          display: block;
          position: relative;
          padding: 12px 24px 12px 24px;
          line-height: 22px;
        }

        header .nav-container .nav-primary > ul li:hover > a:after {
          content: '';
          position: absolute;
          top: 38px;
          left: 50%;
          margin-left: -8px;
          border-right: 8px solid transparent;
          border-bottom: 8px solid #eeeeee;
          border-left: 8px solid transparent;
        }

        header .nav-container .nav-primary > ul li .second-nav {
          display: none;
          position: absolute;
          top: 45px;
          left: 0px;
          box-sizing: border-box;
          padding: 15px 4%;
          width: 100%;
          background-color: #eeeeee;
          color: #52585C;
        }

          header .nav-container .nav-primary > ul li .second-nav:before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 0;
            right: 0;
            height: 15px;
            background-image: url('data:image/gif;,');
            z-index: 1;
          }

          header .nav-container .nav-primary > ul li .second-nav:after {
            content: '';
            display: block;
            clear: both;
          }

        header .nav-container .nav-primary > ul li:hover .second-nav {
          display: block;
        }

        header .nav-container .nav-primary > ul li .second-nav .nav-description {
          padding-right: 2.5%;
          width: 29.5%;
          float: left;
        }

          header .nav-container .nav-primary > ul li .second-nav .nav-description:after {
            content: '';
            display: block;
            position: absolute;
            top: 15px;
            bottom: 15px;
            left: 33.44%;
            width: 1px;
            border-left: 1px dashed #CCCCCC;
          }

        header .nav-container .nav-primary > ul li .second-nav .third-nav {
          width: 68%;
          float: left;
        }

          header .nav-container .nav-primary > ul li .second-nav .third-nav:after {
            content: '';
            display: block;
            position: absolute;
            top: 15px;
            bottom: 15px;
            left: 64.5%;
            width: 1px;
            border-left: 1px dashed #CCCCCC;
          }

          header .nav-container .nav-primary > ul li .second-nav .third-nav a {
            display: inline-block;
            padding: 10px 14% 10px 4%;
            width: 88%;
            background-image: url('/_layouts/15/hke/images/third-nav-arrow.png');
            background-position: 90% 50%;
            background-repeat: no-repeat;
            vertical-align: middle;
          }

            header .nav-container .nav-primary > ul li .second-nav .third-nav a:hover {
              color: #CE0014;
            }

    header .nav-container .nav {
      height: 45px;
      float: left;
    }

      header .nav-container .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }

        header .nav-container .nav ul li {
          height: 45px;
          display: inline-block;
        }

          header .nav-container .nav ul li > a {
            display: block;
            padding: 12px 24px;
            color: #000;
            line-height: 22px;
          }

          header .nav-container .nav ul li .second-nav {
            display: none;
            position: absolute;
            top: 45px;
            left: 0px;
            box-sizing: border-box;
            padding: 15px 4%;
            width: 100%;
            background-color: #eeeeee;
            color: #52585C;
          }

            header .nav-container .nav ul li .second-nav:before {
              content: '';
              position: absolute;
              bottom: 100%;
              left: 0;
              right: 0;
              height: 15px;
              background-image: url('data:image/gif;,');
            }

            header .nav-container .nav ul li .second-nav:after {
              content: '';
              display: block;
              clear: both;
            }

          header .nav-container .nav ul li:hover .second-nav {
            display: block;
          }

          header .nav-container .nav ul li .second-nav .nav-description {
            padding-right: 2.5%;
            width: 29.5%;
            float: left;
          }

            header .nav-container .nav ul li .second-nav .nav-description:after {
              content: '';
              display: block;
              position: absolute;
              top: 15px;
              bottom: 15px;
              left: 33.44%;
              width: 1px;
              border-left: 1px dashed #CCCCCC;
            }

          header .nav-container .nav ul li .second-nav .third-nav {
            width: 68%;
            float: left;
          }

            header .nav-container .nav ul li .second-nav .third-nav:after {
              content: '';
              display: block;
              position: absolute;
              top: 15px;
              bottom: 15px;
              left: 64.5%;
              width: 1px;
              border-left: 1px dashed #CCCCCC;
            }

            header .nav-container .nav ul li .second-nav .third-nav a {
              display: inline-block;
              padding: 10px 14% 10px 4%;
              width: 88%;
              background-image: url('/_layouts/15/hke/images/third-nav-arrow.png');
              background-position: 90% 50%;
              background-repeat: no-repeat;
              vertical-align: middle;
            }

              header .nav-container .nav ul li .second-nav .third-nav a:hover {
                color: #CE0014;
              }

    header .nav-container .second-nav .third-nav .col-one,
    header .nav-container .second-nav .third-nav .col-two {
      width: 50%;
      float: left;
    }

    header .nav-container .nav-primary.current {
      margin-right: 0;
    }

    header .nav-container .nav-primary.current,
    header .nav-container .nav ul li.current:before {
      margin-top: -10px;
      color: #fff;
      background-image: url('/_layouts/15/hke/images/nav-background1.jpg');
    }

    header .nav-container .nav ul li.current:before {
      content: '';
      display: block;
      height: 10px;
    }

    header .nav-container .nav-primary:hover > a,
    header .nav-container .nav-primary.current,
    header .nav-container .nav-primary.current > a,
    header .nav-container .nav ul li:hover > a,
    header .nav-container .nav ul li.current > a,
    header .nav-container .nav ul li.current:before {
      background-color:black;
      color: #fff;
      background-image: url('/_layouts/15/hke/images/nav-background1.jpg');
    }

      header .nav-container .nav-primary.current:after,
      header .nav-container .nav ul li.current:after {
        content: '';
        display: block;
        margin-top: -56px;
        margin-right: -10px;
        margin-left: auto;
        width: 10px;
        height: 10px;
        background: url('/_layouts/15/hke/images/triangle.png') no-repeat;
      }

    header .nav-container .nav ul li.current {
      border-right: 3px solid #fff;
    }

      header .nav-container .nav ul li.current + li {
        margin-left: -2px;
      }

    header .nav-container .nav-primary.current {
      padding-top: 10px;
    }

      header .nav-container .nav-primary.current + .nav {
        border-left: 3px solid #fff;
      }


/* ***************************************************
 * Footer
 * ***************************************************/

footer {
  clear: both;
  background-color: #fff;
}

  footer .content {
    position: relative;
    padding: 30px 1%;
    box-sizing: border-box;
    max-width: 1366px;
    margin: auto;
  }

  footer .footer-nav {
    margin-left: -10px;
    font-size: 0.9em;
  }

    footer .footer-nav ul {
      margin: 7px 0;
      padding: 0;
      list-style: none;
    }

      footer .footer-nav ul:after {
        content: '';
        display: block;
        clear: both;
      }

      footer .footer-nav ul li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #52585C;
      }

        footer .footer-nav ul li:last-child {
          border-right: none;
        }

    footer .footer-nav p {
      padding: 0 10px;
    }

  footer .share-button {
    position: absolute;
    top: 30px;
    right: 1%;
  }

    footer .share-button:after {
      content: '';
      display: block;
      clear: both;
    }

    footer .share-button p {
      margin: 7px 0;
      text-align: right;
    }

    footer .share-button ul {
      margin: 0;
      float: right;
    }

      footer .share-button ul li {
        display: inline-block;
        position: relative;
        height: 35px;
        vertical-align: top;
      }

        footer .share-button ul li.footer-followus {
          padding: 0 10px;
          margin-right: -0.3em;
          background: #CDCDCF;
          color: #1250b2;
          font-size: 0.9em;
          vertical-align: middle;
        }

          footer .share-button ul li.footer-followus:after {
            content: '';
            display: inline-block;
            width: 1px;
            height: 35px;
            margin-right: -5px;
            vertical-align: middle;
          }

          footer .share-button ul li.footer-followus span {
            white-space: nowrap;
          }

        footer .share-button ul li img {
          display: block;
        }

        footer .share-button ul li div {
          display: none;
          position: absolute;
          width: 290px;
          bottom: 100%;
          right: 0%;
          background: #fff;
          border-top: 1px solid #AAAAAA;
        }

        footer .share-button ul li.open div {
          display: block;
          z-index: 999;
        }

        footer .share-button ul li div a {
          display: block;
          position: relative;
          padding: 10px 15px;
          border: 1px solid #AAAAAA;
          border-top: none;
        }

          footer .share-button ul li div a:hover {
            background: #eeeeee;
          }

          footer .share-button ul li div a:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -7px;
            border-left: 9px solid #fff;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
          }

          footer .share-button ul li div a:hover:after {
            border-left: 9px solid #eeeeee;
          }

          footer .share-button ul li div a:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 13px;
            margin-top: -7px;
            border-left: 9px solid #000;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
          }

  footer .footer-logo ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
  }

    footer .footer-logo ul li {
      display: inline-block;
    }

      footer .footer-logo ul li img {
        display: block;
		height: 88px;
      }
/* ***************************************************
 * Component: Breadcrumb
 * ***************************************************/
.hke-breadcrumb {
  position: relative;
  padding: 15px 0;
  font-size: 0.85em;
}

  .hke-breadcrumb a {
    margin: 0 5px;
    color: #333333;
    text-decoration: underline;
  }
  
  .hke-breadcrumb h1{
font-size: 0.999999em;
display: inline;

}

    .hke-breadcrumb a:first-child {
      margin-left: 0px;
    }

  .hke-breadcrumb .share-buttons-container {
    position: absolute;
    top: 15px;
    right: 0;
  }

    .hke-breadcrumb .share-buttons-container a {
      text-decoration: none;
    }

  .hke-breadcrumb .fb-button,
  .hke-breadcrumb .email-button {
    font-size: inherit;
  }

/* ***************************************************
 * Content Block: Banner
 * ***************************************************/

.hke-section-banner {
  background-color: #DDDDDD;
}

  .hke-section-banner .content {
    position: relative;
    margin: auto;
    min-width: 1020px;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }

.hke-banner-container {
  position: relative;
  width: 100%;
  height: 445px;
  overflow: hidden;
}

.hke-section-banner:after {
  margin: 0;
}

.hke-banner-container .left-arrow {
  position: absolute;
  top: 172px;
  left: 50%;
  width: 44px;
  height: 100px;
  margin-left: -683px;
  background-image: url('/_layouts/15/hke/images/banner-left-arrow.png');
  cursor: hand;
  cursor: pointer;
  z-index: 2;
}

.hke-banner-container .right-arrow {
  position: absolute;
  top: 172px;
  right: 50%;
  width: 44px;
  height: 100px;
  margin-right: -683px;
  background-image: url('/_layouts/15/hke/images/banner-right-arrow.png');
  cursor: hand;
  cursor: pointer;
  z-index: 2;
}

.hke-banner-container ul {
  margin: 0;
  padding: 0;
  width: 1000%;
  height: 100%;
  list-style: none;
}

  .hke-banner-container ul:after {
    content: '';
    display: block;
    clear: both;
  }

  .hke-banner-container ul li {
    width: 10%;
    height: 100%;
    float: left;
  }

    .hke-banner-container ul li > * {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
    }

    .hke-banner-container ul li .overlay {
       position: absolute;
       bottom: 8px;
       right: 42%;
       top: 100px;
       height: 300px;
       width: 655px;
	   overflow:auto;
       margin-right: -435px;
    }

      .hke-banner-container ul li .overlay .watch-news {
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 100%;
        text-align: center;
      }

        .hke-banner-container ul li .overlay .watch-news a {
          display: inline-block;
          color: #fff;
          vertical-align: middle;
          font-size: 1.2em;
          z-index: 2;
        }

        .hke-banner-container ul li .overlay .watch-news a img {
            display: inline-block;
            vertical-align: middle;
          }

        .hke-banner-container ul li .overlay h3 {
          position: relative;
          margin: 20px auto;
          max-width: 1326px;
          width: 91%;
          color: #fff;
          text-align: left;
          font-weight: bold;
          font-size: 2em;
          z-index: 2;
        }
	  
	   .hke-banner-container ul li .overlay h1 {
        font-family:Microsoft YaHei;
        position: relative;
		padding-bottom: 10px;
        color: rgb(192, 0, 0);
        font-weight: bold;
        font-size: 60px;
        z-index: 1;
        font-weight:bold;
		line-height: 1.3;
		white-space: nowrap;
      }

      .hke-banner-container ul li .overlay p {
        font-family: Microsoft YaHei;
		padding-right: 12px;
        position: relative;
        max-width: 1326px;
     	margin-top :0px;
        margin-bottom: 0px;
        color: #000000;
        height: 68%;
        font-size: 19px;
        z-index: 1;
	    text-align: left;
	    letter-spacing: 2px;　   
      }

.hke-banner-container img {
  display: block;
}

@media handheld, only screen and (max-width: 1366px) {
  .hke-banner-container .left-arrow {
    left: 0%;
    margin-left: 0px;
  }

  .hke-banner-container .right-arrow {
    right: 0%;
    margin-right: 0px;
  }
}

/* ***************************************************
 * Content Block: Static Banner
 * ***************************************************/

.hke-static-banner-container {
  position: relative;
  width: 100%;
  height: 296px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}

  .hke-static-banner-container .overlay {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 6px solid #CE0014;
    background-color: rgba(0, 0, 0, 0.6);
  }
  
.hke-static-banner-container .overlay h1 {
      position: relative;
      margin: 0px auto;
      max-width: 1400px;
      width: 91%;
      color: #fff;
      text-align: center;
      font-weight: bold;
      font-size: 2.5em;
      z-index: 2;
    }

    .hke-static-banner-container .overlay h3 {
      position: relative;
      margin: 0px auto;
      max-width: 1400px;
      width: 91%;
      color: #fff;
      text-align: center;
      font-weight: bold;
      font-size: 2.5em;
      z-index: 2;
    }

    .hke-static-banner-container .overlay p {
      position: relative;
      margin: 10px auto;
      max-width: 1400px;
      width: 91%;
      color: #fff;
      text-align: center;
      font-size: 1.5em;
      z-index: 2;
    }

.hke-static-banner {
  margin: 0 -1000px;
  text-align: center;
}

  .hke-static-banner img {
    max-width: none;
    min-width: 1680px;
    height: 296px;
  }
/* ***************************************************
 * Content Block: Banner Nav
 * ***************************************************/

.hke-section-banner-nav {
  background-image: url('/_layouts/15/hke/images/nav-background1.jpg');
  -webkit-box-shadow: 0px 10px 25px -5px rgba(20, 20, 20, 2), 2px 2px 2px #333333;
  -moz-box-shadow: 0px 10px 25px -5px rgba(20, 20, 20, 2), 2px 2px 2px #333333;
  -ms-box-shadow: 0px 10px 25px -5px rgba(20, 20, 20, 2), 2px 2px 2px #333333;
  -o-box-shadow: 0px 10px 25px -5px rgba(20, 20, 20, 2), 2px 2px 2px #333333;
  box-shadow: 0px 10px 25px -5px rgba(20, 20, 20, 2), 2px 2px 2px #333333;
}

.hke-banner-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

  .hke-banner-nav ul li {
    display: inline-block;
    margin: 8px 40px;
    color: #fff;
    vertical-align: middle;
    font-size: 1.1em;
  }

    .hke-banner-nav ul li a {
      white-space: nowrap;
    }


    .hke-banner-nav ul li img {
      display: inline-block;
      max-width: 38px;
      /*  width: 19%; */
      vertical-align: middle;
    }

    .hke-banner-nav ul li span {
      display: inline-block;
      margin-left: 1%;
      vertical-align: middle;
      text-align: left;
    }
/* ***************************************************
 * Content Block: Featured Link
 * ***************************************************/

.hke-section-featured-link {
  background-color: #5A5A5F;
}

.hke-featured-link-container {
  margin: 20px 0px 20px 0px;
  text-align: center;
}

  .hke-featured-link-container:after {
    content: '';
    display: block;
    clear: both;
  }

.hke-featured-link {
  margin: 15px 0 15px 1%;
  width: 18.8%;
  background-color: RGB(202, 202, 202);
  vertical-align: top;
  float: left;
}

  .hke-featured-link a {
    display: block;
    position: relative;
    padding-top: 70.56%;
    width: auto;
    border-top: 3px solid #CE0014;
  }

  .hke-featured-link:hover a:after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    display: block;
    margin-left: -8px;
    border-right: 8px solid transparent;
    border-bottom: 9px solid #5A5A5F;
    border-left: 8px solid transparent;
  }

  .hke-featured-link img {
    display: block;
    position: absolute;
    top: 0;
    margin: auto;
    width: 100%;
  }

  .hke-featured-link .popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -11px -8px -8px -8px;
    padding: 10px;
    width: auto;
    border: 8px solid #fff;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: left;
    font-size: 1em;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow-y: auto;
  }

    .hke-featured-link .popup span {
      position: relative;
      z-index: 2;
    }

  .hke-featured-link p {
    margin: auto;
    padding: 0 10px;
    width: auto;
    height: 59.25px;
    /*background-image: url('/_layouts/15/hke/images/featured-link-bg.png');*/
    vertical-align: middle;
    text-align: left;
    font-size: 1.1em;
    line-height: 16px;
  }

    .hke-featured-link p:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .hke-featured-link p span {
      display: inline-block;
      vertical-align: middle;
      word-wrap: break-word;
      word-break: break-word;
      line-height: 1.5;
    }


/* ***************************************************
 * Content Block: Video
 * ***************************************************/

.hke-section-video {
  background-color: #CDCDCF;
}

.hke-video-container {
  padding: 40px 0px 40px 0px;
  text-align: center;
}

  .hke-video-container:after {
    content: '';
    display: block;
    clear: both;
  }

.hke-video {
  margin: 0 0% 0 1%;
  width: 32%;
  vertical-align: top;
  float: left;
}

.hke-content .hke-video p {
  margin: 10px 0 0 0;
  min-height: 1.4em;
  text-align: left;
  font-size: 1.1em;
}

.hke-video a {
  display: block;
  position: relative;
  padding-top: 56.48%;
  width: auto;
}

#aga-lightbox-container .share-buttons-container {
  position: absolute;
  padding: 0;
  margin-bottom: 5px;
  font-size: 0.85em;
  overflow: hidden;
  bottom: 100%;
  right: 0;
}

#aga-lightbox-container .fb-button,
#aga-lightbox-container .email-button {
  width: 1.65em;
  height: 1.65em;
  padding: 0;
}

#aga-lightbox-container .fb-button {
  background-image: url('/_layouts/15/hke/images/icon_fb_share_page_popup.png');
  background-size: cover;
}

#aga-lightbox-container .email-button {
  background-image: url(/_layouts/15/hke/images/icon_email_share_page_white.png);
  background-size: cover;
}

.hke-video-image {
  position: absolute;
  top: 0;
  width: 100%;
}

  .hke-video-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/_layouts/15/hke/images/video-button.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }

  .hke-video-image img {
    display: block;
    width: 100%;
  }

.hke-video .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  z-index: 999;
}

.hke-video video {
  width: 600px;
}

.hke-video-popup-info {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -225px;
  margin-left: -300px;
  z-index: 1000;
}

.hke-video.show .overlay,
.hke-video.show .hke-video-popup-info {
  display: block;
}

/* ***************************************************
 * Content Block: Homepage - Video Listing
 * ***************************************************/
.hke-video-popup-caption {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 15px;
  color: #FFF;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  overflow: hidden;
  box-sizing: border-box;
}

.hke-video-list-container .hke-video {
  width: 360px;
  margin: 0 0 10px 20px;
  border-top: 10px solid #CE0014;
}

  .hke-video-list-container .hke-video:nth-child(3n + 1) {
    clear: both;
  }

.hke-video-list-container .hke-video-container {
  padding: 0 0 40px 0;
  text-align: left;
}

.hke-video-list-container .hke-video-image {
  position: relative;
  width: 360px;
  height: 240px;
  top: auto;
  background: #ACACAF;
  background-size: cover;
}

.hke-video-list-container a {
  padding-top: 0;
}
/* ***************************************************
 * Content Block: Homepage - What's New
 * ***************************************************/

.hke-section-whatsnew {
  background-color: #ACACAF;
}

.hke-whatsnew-container {
  position: relative;
  padding: 20px;
  min-height: 250px;
}

.hke-whatsnew {
  margin-left: auto;
  width: 55%;
}

  .hke-whatsnew h1 {
    padding-left: 12px;
    border-left: 3px solid #88000D;
    color: #88000D;
  }

  .hke-whatsnew .arrow {
    position: absolute;
    top: 25px;
    right: 45px;
    width: 25px;
    cursor: pointer;
  }

    .hke-whatsnew .arrow img {
      display: block;
    }

  .hke-whatsnew ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

    .hke-whatsnew ul li {
      margin: 20px 0 20px 15px;
    }

      .hke-whatsnew ul li a {
        display: inline-block;
      }

      .hke-whatsnew ul li .news-title {
        display: block;
        font-size: 1.1em;
      }

      .hke-whatsnew ul li .news-date {
        display: block;
        color: #88000D;
        font-size: 1em;
      }

.hke-whatsnew-stock {
  position: absolute;
  top: 100px;
  left: 0px;
  /*padding: 15px 80px 15px 30px;*/
  background-color: #CE0014;
}

  /*
  .hke-whatsnew-stock p {
    margin: 0;
    color: #fff;
    font-size: 1.1em;
  }

    .hke-whatsnew-stock p.remark {
      font-size: 1em;
    }
    */

  .hke-whatsnew-stock .hke-iframe-container {
    color:black;
    background-color:white;
    width: 500px;
    height: 100px;
    margin: 0;
  }

    .hke-whatsnew-stock .hke-iframe-container iframe {
      width: 100%;
      height: 100%;
    }
/* ***************************************************
 * Content Block: Content
 * ***************************************************/
.hke-content {
  overflow: hidden;
}

.hke-section-main {
  background-color: #fff;
}

  .hke-section-main .content {
    box-sizing: border-box;
    padding: 0px 1% 30px 1%;
    /*max-width: 100%;*/
    color: #333333;
  }

  .hke-section-main .hke-content {
    padding-top: 20px;
    padding-left: 25px;
  }

.hke-content-block {
  clear: both;
}

.hke-content h3,
.hke-content-block,
.hke-faq-box {
  counter-reset: section;
}

.hke-content h3 {
  padding: 5px 0;
  border-bottom: 1px dotted #999999;
  color: #88000D;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1.4em;
  counter-reset: section;
}

.hke-content p {
  margin: 0 0 1.5em 0;
}

  .hke-content p:empty:before {
    content: '\200b';
  }

  .hke-content p.sub-header {
    color: #88000D;
    font-weight: bold;
    font-size: 1.1em;
  }

  .hke-content p.section-header {
    font-weight: bold;
    margin: 0;
  }

  .hke-content p.remark {
    font-size: 0.8em;
  }

  .hke-content p.question,
  .hke-content p.question-nonumber {
    position: relative;
    cursor: hand;
    cursor: pointer;
  }

  
    .hke-content p.questionC{
	padding :0px;
    position: relative;
    cursor: hand;
    cursor: pointer;
	padding-left: 25px;
	margin-top: -20px;
	color: #88000D;
  }
    
  	.hke-content p.questionC:before {
	  color: #333333;
      text-decoration: none;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      counter-increment: section;
      content: "> ";
    }
	
	 .hke-content p.questionC.open {
      text-decoration: none;
      margin: 0px;
	  	   margin-top: -20px;
    }
	
	
  .hke-content p.question {
    color: #88000D;
    text-decoration: underline;
    padding-left: 25px;
  }

    .hke-content p.question:before,
    .hke-content p.question-nonumber:before {
      color: #333333;
      text-decoration: none;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
    }

    .hke-content p.question:before {
      counter-increment: section;
      content: counter(section) ". ";
    }

    .hke-content p.question.open,
    .hke-content p.question-nonumber.open {
      text-decoration: none;
      margin: 0px;
    }

    .hke-content p.question:after,
	.hke-content p.questionC:after,
    .hke-content p.question-nonumber:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      width: 19px;
      height: 19px;
      border-radius: 20px;
      background: #CE0014 url('/_layouts/15/hke/images/white-arrow.png') no-repeat 7px 4px;
    }

    .hke-content p.question.open:after,
	.hke-content p.questionC.open:after,
    .hke-content p.question-nonumber.open:after {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }

  .hke-content p.answer,
 .hke-content p.answerC   {
    display: none;
    padding-left: 25px;
  }

  .hke-content p.no-margin {
    margin: 0px;
  }

  .hke-content p.vmv-header {
    margin-bottom: 0.25em;
    font-size: 2em;
    font-weight: bold;
    line-height: 100%;
    color: #8A0F1C;
  }


  .hke-content p.vmv-sub-header {
    margin-bottom: 0.25em;
    font-size: 1.6em;
    line-height: 100%;
    color: #8A0F1C;
  }


  .hke-content p.drop-down-tab {
    color: #88000D;
    text-decoration: underline;
    position: relative;
    cursor: pointer;
  }

    .hke-content p.drop-down-tab.open {
      text-decoration: none;
    }

    .hke-content p.drop-down-tab:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      width: 19px;
      height: 19px;
      border-radius: 20px;
      background: #CE0014 url('/_layouts/15/hke/images/white-arrow.png') no-repeat 7px 4px;
    }

    .hke-content p.drop-down-tab.open:after {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }

.content-listing {
  overflow: hidden;
}
/*
.hke-content p.question.open + p.answer {
  display: block;
}
*/
.hke-content .highlight {
  color: #88000D;
}

.hke-content .icon-pdf:before {
  content: '';
  padding-left: 18px;
  background-image: url('/_layouts/15/hke/images/icon-pdf.gif');
  background-repeat: no-repeat;
}

.hke-content .button,
.hke-content .button > a {
  text-decoration: none !important;
  color: #fff !important;
}

.hke-content .button {
  background-color: #88000D;
  padding: 0.4em 0.8em;
  display: inline-block;
  text-decoration: none !important;
  font-size: 1.1em;
  border-radius: 5px;
  line-height: 1.4;
}

  .hke-content .button:before {
    content: '';
    display: inline-block;
    height: 1.4em;
    margin-left: -1px;
    width: 1px;
    vertical-align: middle;
  }

  .hke-content .button:after {
    content: '';
    display: inline-block;
    margin-left: 0.4em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 20px;
    vertical-align: middle;
    background: #fff url('/_layouts/15/hke/images/button-arrow.png') no-repeat 50% 50%;
    background-size: 0.5em 0.8em;
  }


.hke-content p a,
.hke-content ol li a,
.hke-content ul li a,
.hke-content p a:visited,
.hke-content ol li a:visited,
.hke-content ul li a:visited {
  color: #88000D;
  text-decoration: underline;
}

.hke-content ul {
  list-style: none;
  padding-left: 25px;
  margin: 0 0 1.5em 0;
}

  .hke-content ul li {
    position: relative;
  }

    .hke-content ul li:before {
      content: '>';
      position: absolute;
      left: -25px;
    }

  .hke-content ul ul li:before {
    content: '\25CF';
    font-size: 0.6em;
    top: 0.6em;
  }

.hke-content ol {
  list-style: decimal;
  padding-left: 25px;
  margin: 0 0 1.5em 0;
}

.hke-content table:not([width]) {
  width: 100%;
}

.hke-content th:empty:before,
.hke-content td:empty:before {
  content: '\200b';
}

.hke-content table {
  border-collapse: separate;
  border-top: 5px solid #E10019;
  margin: 0 0 1.5em 0;
}

.hke-content tbody:not([valign]) {
  vertical-align: top;
}

.hke-content table tr {
  background-color: #dddddd;
}

  .hke-content table tr:nth-child(2n) {
    background-color: #fff;
  }

  .hke-content table tr th {
    color: #333333;
    background-color: #AAAAAA;
    font-weight: bold;
    padding: 3px 30px;
    border-top: 4px solid #fff;
    border-bottom: 8px solid #fff;
    box-sizing: border-box;
  }

  .hke-content table tr td {
    padding: 8px 30px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    box-sizing: border-box;
  }

    .hke-content table tr td:last-child {
      border-right: 1px solid #aaaaaa;
    }

    .hke-content table tr td p,
    .hke-content table tr td ul,
    .hke-content table tr td ol,
    .hke-content table tr th p,
    .hke-content table tr th ul,
    .hke-content table tr th ol {
      margin: 0 0 1em 0;
    }

      .hke-content table tr td p:last-child,
      .hke-content table tr td ul:last-child,
      .hke-content table tr td ol:last-child,
      .hke-content table tr th p:last-child,
      .hke-content table tr th ul:last-child,
      .hke-content table tr th ol:last-child {
        margin: 0;
      }

  .hke-content table tr:last-child td {
    border-bottom: 1px solid #aaaaaa;
  }

  .hke-content table tr td a,
  .hke-content table tr td a:visited {
    color: #88000D;
    text-decoration: underline;
  }

.hke-content table.no-border,
.hke-content table.no-border tr,
.hke-content table.no-border td,
.hke-content table.no-border th {
  font-weight: normal;
  border-width: 0px !important;
  background-color: transparent;
}

.hke-button-container[button-align="right"] {
  text-align: right;
}

.hke-content-text video {
  background-color: #000;
}

.hke-content-text img {
  margin-right: 1em;
}

.hke-content-text ul li a.hke-popup,
.hke-content-text ol li a.hke-popup {
  display: inline;
}

.hke-content-image {
  position: relative;
  margin-top: 0.5em;
  margin-left: 1em;
  float: right;
  z-index: 1;
  width: 340px;
}

  .hke-content-image img {
    max-width: 100%;
    max-height: 340px;
    margin-left: auto; 
    margin-right: auto;
    display: block;
  }

[data-image-alignment="left"] > .hke-content-image {
  margin-left: 0;
  margin-right: 1em;
  margin-right: 10em;
  text-align: center;
  float: left;
}

[data-image-alignment="center"] > .hke-content-image {
  margin-left: 0;
  text-align: center;
  float: none;
  width: 100%;
}

.hke-content-image > div {
  margin-bottom: 1em;
}

.hke-content-image video {
  max-width: 100%;
  margin: auto;
  display: block;
  background-color: #000;
}

.hke-content-image .hke-content-image-caption {
  font-size: 85%;
  margin: 1em 0 3em;
}

.hke-slider-container {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 40px;
  margin-top: 40px;
  border-top: 1px dotted #999999;
}

  .hke-slider-container .left-arrow {
    position: absolute;
    width: 40px;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
  }

    .hke-slider-container .left-arrow:after {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      top: 200px;
      left: 8px;
      border-radius: 20px;
      cursor: pointer;
      background: #CE0014 url(/_layouts/15/hke/images/white-arrow-left.png) no-repeat 50% 50%;
    }

    .hke-slider-container .left-arrow.disable:after {
      cursor: default;
      background: #dddddd url(/_layouts/15/hke/images/white-arrow-left.png) no-repeat 50% 50%;
    }

  .hke-slider-container .right-arrow {
    position: absolute;
    width: 40px;
    height: 100%;
    background-color: #fff;
    right: 0;
    top: 0;
  }

    .hke-slider-container .right-arrow:after {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      top: 200px;
      right: 8px;
      border-radius: 20px;
      cursor: pointer;
      background: #CE0014 url(/_layouts/15/hke/images/white-arrow.png) no-repeat 50% 50%;
    }

    .hke-slider-container .right-arrow.disable:after {
      cursor: default;
      background: #dddddd url(/_layouts/15/hke/images/white-arrow.png) no-repeat 50% 50%;
    }

.hke-slider {
  width: 1000%;
}

  .hke-slider:after {
    content: '';
    display: block;
    clear: both;
  }

  .hke-slider .section:first-child {
    margin-left: 0;
  }

  .hke-slider .section {
    width: 340px;
    float: left;
    margin-left: 30px;
  }

    .hke-slider .section p {
      font-size: 85%;
      margin: 5px 0 0 0;
    }

  .hke-slider .image {
    width: 340px;
    height: 340px;
    text-align: center;
    background-color: #DDDDDD;
    overflow: hidden;
  }

    .hke-slider .image:before {
      content: '';
      height: 100%;
      vertical-align: middle;
      display: inline-block;
    }

    .hke-slider .image img {
      display: inline-block;
      vertical-align: middle;
      max-height: 100%;
    }
/* ***************************************************
 * Static Page: error page
 * ***************************************************/
.hke-static-page header:before,
.hke-static-page header:after,
.hke-static-page .hke-content-container:before,
.hke-static-page .hke-content-container:after {
  content: none;
}

.hke-static-page header {
  margin-top: 10px;
}

  .hke-static-page header .logo {
    position: static;
    text-align: right;
  }

.hke-error-content {
  font-size: 16px;
  margin-top: 50px;
  text-align: center;
}
/* ***************************************************
 * Content Block: news listing
 * ***************************************************/
.hke-listing td.date {
  width: 30%;
}

.hke-listing td.detail a {
  display: inline-block;
}

.hke-listing td.detail span {
  display: block;
}

/* ***************************************************
 * Content Block: news detail
 * ***************************************************/
/*
.hke-news-sub-title,
.hke-news-sub-title[data-property] {
  display: block;
}
*/

.hke-news-date:only-child {
  color: #333333;
}

/* ***************************************************
 * Content Block: inside box (career)
 * ***************************************************/

.hke-inside-box {
  padding: 20px;
  background-color: #DDDDDD;
}

  .hke-inside-box.style2 {
    background-color: #BBBBBB;
  }

  .table-three-col {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
  }

  .table-three-col:after {
    content: '';
    clear: both;
    display: block;
  }

  .table-three-col div {
    float: left;
    width: 32.4%;
    padding: 0;
    vertical-align: top;
    margin-left: 1.4%;
    overflow: hidden;
  }

    .table-three-col div > * {
      position: relative;
    }

    .table-three-col div:first-child {
      margin-left: 0%;
    }

    .table-three-col div h2 {
      font-size: 1.3em;
      padding: 10px 0;
    }

    .table-three-col div ul {
      height: 465px;
      overflow-y: auto;
      padding: 10px;
      margin: 0;
      background-color: white;
    }

      .table-three-col div ul li {
        margin: 5px 0;
      }

        .table-three-col div ul li:before {
          display: none;
        }



		.table-three-col .job {
		text-decoration: none;
	    white-space: nowrap;
		}
  
		.table-three-col a {
				text-decoration: none !important; 
		}
		.table-three-col a:visited{
				text-decoration: none;
		}
		.table-three-col a:hover{
				text-decoration: underline!important;
		}
		
		.table-three-col h3{
			padding: 5px 0;
			border-bottom: 0px dotted #999999;
			color: #000000;
			font-weight: normal;
			font-size: 0.78em;
			margin-bottom: 1.4em;
			counter-reset: section;
			    text-align: center;
		}
		
		.table-three-col .job a,
		.table-three-col .job a:visited {
		color: black;
		}
	

		.hke-processing-guide {
		margin: 20px;
		width: auto;
		}
		
		.hke-processing-guide h2 {
			text-align: center;
			font-size: 1.5em;
			color: #88000C;
			padding: 5px 0;
		}

.step-container {
  position: relative;
  padding: 0px;
  margin: 0px auto;
  width: 800px;
  height: 245px;
  background: url(/_layouts/15/hke/images/customer-services/bg.jpg) no-repeat center center;
}

  .step-container:after {
    content: '';
    display: block;
    clear: both;
  }

  .step-container a {
    position: absolute;
    display: block;
    width: 20%;
  }

    .step-container a:nth-child(1) {
      top: 8%;
      left: -5%;
    }

    .step-container a:nth-child(2) {
      top: 25%;
      left: 17%;
    }

    .step-container a:nth-child(3) {
      top: 35%;
      left: 40%;
    }

    .step-container a:nth-child(4) {
      top: 25%;
      left: 63%;
    }

    .step-container a:nth-child(5) {
      top: 8%;
      left: 85%;
    }

  .step-container .step {
    position: relative;
    text-align: center;
    height: 90px;
  }

    .step-container .step:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .step-container .step span {
      position: absolute;
      font-size: 2.8em;
      color: #000000;
      opacity: 0.8;
      line-height: 50px;
      top: 50%;
      left: 10%;
      margin-top: -25px;
    }

    .step-container .step .icon {
      display: inline-block;
      vertical-align: middle;
      width: 78px;
      height: 78px;
      background-color: #CE0014;
      border-radius: 50px;
    }

      .step-container .step .icon img {
        opacity: 0.6;
        display: block;
        width: 100%;
      }

  .step-container p {
    margin: 0px;
    color: #88000C;
    text-align: center;
    font-weight: bold;
  }

  .step-container a:hover p,
  .step-container a.selected p {
    color: #59595F;
  }

  .step-container a:hover .step .icon,
  .step-container a.selected .step .icon,
  .step-container a:not([href]) .step .icon {
    background-color: #5A5A5F;
  }
/* ***************************************************
 * Content Block: Content Header
 * ***************************************************/

.hke-content-header {
  position: relative;
  height: 56px;
  background-color: #CE0014;
  background-image: url('/_layouts/15/hke/images/press-rel.jpg');
  background-position: 100% 0;
  background-repeat: repeat-y;
}

  .hke-content-header:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    border-top: 6px solid #9C000E;
    border-right: 6px solid #9C000E;
    border-bottom: 7px solid #fff;
    border-left: 7px solid #fff;
  }

	.hke-content-header h1:first-child {
		margin-bottom: 0;
		padding-top: 5px;
	}
	
	
	.hke-content-header h1 {
		padding: 5px 0 0 25px;
		color: #fff;
		font-size: 1.2em;
	}
	.hke-content-header h1 + h1 {
      margin-top: -8px;
    }
	
	
		
.hke-content-header h2 :first-child {
 margin-bottom: 0;
 padding-top: 5px;
	}


.hke-content-header h2 {
     padding: 5px 0 0 25px;
    color: #fff;
    font-size: 1.2em;
	}

.hke-content-header h2 + h2 {
      margin-top: -8px;
    }
	
	.hke-content-header p {
		padding: 0 0 0 25px;
		color: #fff;
		font-size: 1.2em;
	}
	
	.hke-content-header p:first-child {
      margin-bottom: 0;
      padding-top: 5px;
    }

    .hke-content-header p + p {
      margin-top: -5px;
    }

  .hke-content-header div.hke-dropdown-navigate {
    position: absolute;
    top: 0;
    right: 30px;
    height: 100%;
  }

    .hke-content-header div.hke-dropdown-navigate:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .hke-content-header div.hke-dropdown-navigate .dd-container {
      display: inline-block;
      vertical-align: middle;
    }

    .hke-content-header div.hke-dropdown-navigate .dd-selected {
      padding: 2px 10px;
    }

      .hke-content-header div.hke-dropdown-navigate .dd-selected label {
        width: 225px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        cursor: pointer;
      }

    .hke-content-header div.hke-dropdown-navigate .dd-option[data-indent="1"] {
      padding-left: 30px;
    }

    .hke-content-header div.hke-dropdown-navigate input {
      width: 20px;
      min-width: 20px;
      height: 20px;
      outline: 0;
      border: none;
      background: url('/_layouts/15/hke/images/small-arrow.png') no-repeat;
      background-position: 50% 50%;
      text-indent: -9999px;
      cursor: pointer;
    }

    .hke-content-header div.hke-dropdown-navigate label {
      cursor: pointer;
    }


    .hke-content-header div.hke-dropdown-navigate div {
      display: none;
      position: absolute;
      width: auto;
      min-width: 200px;
      top: 75%;
      right: 0%;
      background: #fff;
      border-top: 1px solid #AAA;
      z-index: 10;
    }

    .hke-content-header div.hke-dropdown-navigate.open div {
      display: block;
    }

    .hke-content-header div.hke-dropdown-navigate div a {
      display: block;
      position: relative;
      padding: 10px 15px;
      background: #fff;
      border: 1px solid #AAA;
      border-top: none;
    }

      .hke-content-header div.hke-dropdown-navigate div a:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 13px;
        margin-top: -7px;
        border-left: 9px solid #000;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
      }

      .hke-content-header div.hke-dropdown-navigate div a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -7px;
        border-left: 9px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
      }

.hke-content-sub-nav.hidden {
  display: none;
}

.hke-content-sub-nav {
  position: relative;
  margin: 0 !important;
}

  .hke-content-sub-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .hke-content-sub-nav > ul {
    position: absolute;
    min-width: 250px;
    right: 0;
    top: 0;
    border: 1px solid #aaa;
    background: #ddd;
    z-index: 10;
  }

  .hke-content-sub-nav ul:after {
    content: '';
    display: block;
    clear: both;
  }

  .hke-content-sub-nav ul li {
    border-top: 1px dotted white;
  }

    .hke-content-sub-nav ul li:first-child {
      border: none;
    }

    .hke-content-sub-nav ul li a {
      display: block;
      padding: 6px 16px;
      /*    font-weight: bold;*/
    }

  .hke-content-sub-nav li li a {
    padding-left: 32px;
    /*    font-weight: normal;*/
  }

  .hke-content-sub-nav ul li.current {
    background: white;
  }

    .hke-content-sub-nav ul li.current li {
      border-top: 1px dotted #ddd;
    }

  .hke-content-sub-nav a.highlight:last-of-type {
    color: #CE0014;
  }

.hke-content-header + * {
  margin: 20px;
}

.hke-content-header + .hke-content {
  margin: 0;
}
/* ***************************************************
 * Content Block: Useful Link
 * ***************************************************/

.hke-section-useful-link {
  background-color: #AAAAAA;
  color: #333333;
}

p.hke-useful-link-caption {
  margin: 0;
  padding: 20px 1%;
}

.hke-useful-link-container {
  padding-bottom: 30px;
}

  .hke-useful-link-container ul {
    width: 81%;
    margin: auto;
    padding: 0;
    list-style: none;
  }

    .hke-useful-link-container ul:after {
      content: '';
      display: block;
      clear: both;
    }

  .hke-useful-link-container li {
    margin: 10px 1.23%;
    width: 30.86%;
    text-align: left;
    float: left;
  }

    .hke-useful-link-container li a {
      display: block;
      position: relative;
      padding: 0 10px;
      width: auto;
      height: 3.5em;
      border-top: 4px solid #CE0014;
      background-image: url('/_layouts/15/hke/images/article-bg.png');
    }

      .hke-useful-link-container li a:hover {
        outline: 6px solid #fff;
        outline-offset: 0;
      }

        .hke-useful-link-container li a:hover:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          display: block;
          margin-bottom: -6px;
          margin-left: -6px;
          border-right: 6px solid transparent;
          border-bottom: 6px solid #aaa;
          border-left: 6px solid transparent;
        }

      .hke-useful-link-container li a:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
      }

    .hke-useful-link-container li p {
      display: inline-block;
      margin: 0;
      width: 100%;
      vertical-align: middle;
    }

.scrollTop-bt {
  display: none;
  position: fixed;
  cursor: pointer;
  right: 50px;
  bottom: 30px;
  width: 30px;
  height: 30px;
  z-index: 1000;
  background: #cccccc url('/_layouts/15/hke/images/go-top.png') no-repeat 50% 50%;
}
/* ********************************************
 * Content Block: Cooking Tip
 * ********************************************/
.hke-cookingtips-listing {
  max-width: 1140px;
  margin: 20px auto;
  overflow: hidden;
  text-align: center;
}

.hke-cookingtips-item {
  float: left;
  width: 23.5%;
  vertical-align: top;
  margin: 15px 0 15px 1.2%;
}

  .hke-cookingtips-item a {
    position: relative;
    display: block;
    width: auto;
  }

  .hke-cookingtips-item img {
    display: block;
    width: 100%;
  }

  .hke-cookingtips-item p {
    width: auto;
    height: 55px;
    padding: 0 10px;
    margin: auto;
    font-size: 1.1em;
    line-height: 16px;
    text-align: left;
    vertical-align: middle;
    background-image: url('/_layouts/15/hke/images/article-bg.png');
  }

    .hke-cookingtips-item p:before {
      content: '';
      height: 100%;
      vertical-align: middle;
      display: inline-block;
    }

    .hke-cookingtips-item p > span {
      display: inline-block;
      vertical-align: middle;
    }

/* ********************************************
 * Content Block: Virtual Tour
 * ********************************************/

.hke-virtual-tour {
  margin: auto;
  max-width: 960px;
  overflow: hidden;
}

.hke-virtual-view-container {
  width: 800%;
}

  .hke-virtual-view-container:after {
    content: '';
    display: block;
    clear: both;
  }

.hke-virtual-view {
  position: relative;
  width: 12.5%;
  height: 480px;
  float: left;
}

  .hke-virtual-view:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    margin-left: -5px;
    vertical-align: middle;
  }

  .hke-virtual-view img {
    width: 100%;
    display: block;
  }

  .hke-virtual-view .overlay {
    width: 25%;
    width: calc(25% - 260px + 20em);
    padding: 25px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border-top: 3px solid #E10019;
    color: #fff;
    background-color: rgba(137, 0, 13, 0.73);
  }

    .hke-virtual-view .overlay div {
      position: relative;
      box-sizing: border-box;
      min-height: 200px;
    }

    .hke-virtual-view .overlay h2 {
      font-size: 1.6em;
      margin-bottom: 20px;
      word-wrap: break-word;
      word-break: break-word;
    }

    .hke-virtual-view .overlay p {
      max-height: 17em;
      margin: 0;
      overflow: hidden;
      word-wrap: break-word;
      word-break: break-word;
    }

    .hke-virtual-view .overlay .panorama {
      position: absolute;
      bottom: 0px;
      padding: 10px 0 10px 30px;
      line-height: 15px;
      margin: 0px;
      text-decoration: underline;
      cursor: pointer;
      background: url(/_layouts/15/hke/images/virtual-tour/four-direction.png) no-repeat 0 50%;
    }

.hke-virtual-control-container {
  position: relative;
  padding: 20px 300px 20px 30px;
  background-color: #5A5A5F;
}

  .hke-virtual-control-container:after {
    content: '';
    display: block;
    clear: both;
  }

.hke-virtual-control {
  overflow: hidden;
}

  .hke-virtual-control .left-arrow {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(/_layouts/15/hke/images/virtual-tour/arrow-left.png) no-repeat 50% 50%;
  }

  .hke-virtual-control .right-arrow {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 100%;
    right: 270px;
    top: 0px;
    background: url(/_layouts/15/hke/images/virtual-tour/arrow-right.png) no-repeat 50% 50%;
  }

.hke-virtual-choose {
  width: 200%;
}

  .hke-virtual-choose:after {
    content: '';
    display: block;
    clear: both;
  }

  .hke-virtual-choose .place {
    position: relative;
    cursor: pointer;
    width: 145px;
    margin: 10px 0px 10px 10px;
    float: left;
  }

    .hke-virtual-choose .place:hover {
      margin: 0px -10px 0px 0px;
      border: 10px solid #fff;
    }

      .hke-virtual-choose .place:hover:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        border-bottom: 10px solid #5A5A5F;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
      }

    .hke-virtual-choose .place img {
      width: 100%;
      display: block;
      border-top: 3px solid #E10019;
    }

    .hke-virtual-choose .place p {
      height: 5em;
      margin: 0px;
      padding: 0 10px;
      background: url(/_layouts/15/hke/images/article-bg.png);
    }

      .hke-virtual-choose .place p:before {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
      }

      .hke-virtual-choose .place p span {
        width: 95%;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        word-wrap: break-word;
        word-break: break-word;
      }

.hke-virtual-map {
  position: absolute;
  right: 0;
  top: -25px;
  background: url(/_layouts/15/hke/images/virtual-tour/map.png) no-repeat;
}

  .hke-virtual-map img {
    display: block;
  }

  .hke-virtual-map area {
    cursor: pointer;
    outline: none;
  }

  .hke-virtual-map .pointer {
    position: absolute;
    z-index: 2;
  }

  .hke-virtual-map .overlay {
    position: relative;
    z-index: 3;
  }

  .hke-virtual-map.rel0 {
    background-position: -819px 0px;
  }

  .hke-virtual-map.rel1 {
    background-position: -1092px 0px;
  }

  .hke-virtual-map.rel2 {
    background-position: -1365px 0px;
  }

  .hke-virtual-map.rel3 {
    background-position: -273px 0px;
  }

  .hke-virtual-map.rel4 {
    background-position: -546px 0px;
  }

  .hke-virtual-map.rel5 {
    background-position: -1911px 0px;
  }

  .hke-virtual-map.rel6 {
    background-position: 0px 0px;
  }

  .hke-virtual-map.rel7 {
    background-position: -1638px 0px;
  }

  .hke-virtual-map.lobby {
    background-position: 0px 0px;
  }

  .hke-virtual-map.special-interest-classroom-i {
    background-position: -273px 0px;
  }

  .hke-virtual-map.special-interest-classroom-ii {
    background-position: -546px 0px;
  }

  .hke-virtual-map.cookery-room-for-practice-classes {
    background-position: -819px 0px;
  }

  .hke-virtual-map.cookery-room-for-chinese-cuisine {
    background-position: -1092px 0px;
  }

  .hke-virtual-map.cookery-room-for-western-cuisine {
    background-position: -1365px 0px;
  }

  .hke-virtual-map.general-office {
    background-position: -1638px 0px;
  }

  .hke-virtual-map.multi-purpose-classroom {
    background-position: -1911px 0px;
  }

  .hke-virtual-map.rel0 .pointer {
    top: 5px;
    right: 80px;
  }

  .hke-virtual-map.rel1 .pointer {
    top: 0px;
    right: 175px;
  }

  .hke-virtual-map.rel2 .pointer {
    top: -20px;
    right: 140px;
  }

  .hke-virtual-map.rel3 .pointer {
    top: 50px;
    right: 135px;
  }

  .hke-virtual-map.rel4 .pointer {
    top: 25px;
    right: 110px;
  }

  .hke-virtual-map.rel5 .pointer {
    top: 60px;
    right: 85px;
  }

  .hke-virtual-map.rel6 .pointer {
    top: 75px;
    right: 160px;
  }

  .hke-virtual-map.rel7 .pointer {
    top: 45px;
    right: 210px;
  }
/* ********************************************
 * Content Block: Search
 * ********************************************/
.hke-search-result-item {
  margin-bottom: 2em;
}

  .hke-search-result-item h3,
  .hke-search-result-item p {
    margin: 0;
  }

  .hke-search-result-item h3 {
    font-size: 1.1em;
    color: #88000D;
    font-weight: bold;
  }

p.hke-search-result-url {
  font-size: 0.8em;
}

.hke-search-pagination {
  text-align: center;
}

  .hke-search-pagination a {
    display: inline-block;
    padding: 0.3em 0.5em;
    border: 1px solid #999999;
    line-height: 1;
  }

    .hke-search-pagination a.current {
      border-color: #88000D;
      background-color: #88000D;
      color: white;
      font-weight: bold;
    }

.hke-search-box {
  margin: 30px 0;
}

  .hke-search-box > * {
    display: inline-block;
    margin-right: 1em;
    vertical-align: top;
  }

  .hke-search-box input,
  .hke-search-box select,
  .hke-search-box button,
  .hke-search-box .dd-selected {
    padding: 0.5em;
    height: 1.2em;
    box-sizing: content-box;
  }

  .hke-search-box button {
    min-width: 1.2em;
    border-color: transparent;
    cursor: pointer;
  }

    .hke-search-box button:hover,
    .hke-search-box button:active {
      background-color: transparent;
    }

  .hke-search-box input[type="text"] {
    width: 200px;
  }

  .hke-search-box select {
    width: 150px;
  }

.hke-search-box-channel > span {
  margin: 0 1.5em 0 3em;
  color: #88000D;
  font-weight: bold;
  vertical-align: middle;
}

.hke-search-box .dd-container {
  display: inline-block;
  vertical-align: middle;
}

.hke-search-box .dd-selected-text {
  display: inline-block;
  margin-top: -0.5em;
}

/* ********************************************
 * subscription
 * ********************************************/
.hke-subscription-field {
  margin: 5px 0;
  min-height: 2.5em;
}

  .hke-subscription-field input[type="text"] {
    width: 300px;
  }

  .hke-subscription-field ul input[type="text"] {
    width: 425px;
  }

  .hke-subscription-field input[type="radio"],
  .hke-subscription-field input[type="checkbox"] {
    margin: 0;
  }

.hke-subscription-fieldlabel,
.hke-subscription-fieldvalue {
  display: inline-block;
  vertical-align: baseline;
}

.hke-subscription-fieldlabel {
  width: 170px;
  font-weight: bold;
}

  .hke-subscription-fieldlabel.short {
    width: auto;
    margin-right: 2em;
  }

  .hke-subscription-fieldlabel .mandatory {
    display: inline-block;
    margin-left: 0.25em;
    color: #c7050d;
  }

.hke-subscription-fieldvalue input + label {
  margin: 0 2em 0 0.5em;
}

.hke-subscription-field ul li {
  position: relative;
  padding-left: 25px;
}

  .hke-subscription-field ul li:before {
    content: none;
  }

  .hke-subscription-field ul li input[type="checkbox"] {
    position: absolute;
    top: 5px;
    left: 0;
  }

.hke-subscription-pi {
  padding: 10px;
  border: 1px solid #CCCCCC;
}

  .hke-subscription-pi p {
    font-size: 0.9em;
    margin: 0 0 0.9em 0;
  }

.hke-subscription-buttonpane {
  margin-top: 1.5em;
}

.hke-subscription-error {
  color: #c7050d;
  font-weight: bold;
}

/* ********************************************
 * rss
 * ********************************************/
.hke-rss-title,
.hke-rss-manage {
  width: 20%;
}

  .hke-rss-manage img {
    display: inline-block;
    vertical-align: middle;
  }

.hke-editor-button {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 10px;
  border: 1px solid #ababab;
  background-color: #fdfdfd;
  margin-left: 10px;
  font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
  color: #444 !important;
  text-decoration: none !important;
  text-align: center;
  line-height: 1.6;
}

/* ********************************************
 * course info
 * ********************************************/

.hke-course-info {
  content: '';
  display: block;
  clear: both;
}

.hke-course-info-photo {
  float: right;
  max-width: 340%;
}

  .hke-course-info-photo img {
    max-width: 100%;
    display: block;
    margin: auto;
  }
/* ********************************************
 * Content Block: Video Player
 * ********************************************/
.hke-video-player {
  text-align: center;
}
.hke-video-player video, .hke-video-player .video-js {
    display: inline-block;
}
.hke-video-player div.video-js {
  width: auto !important;
  height: auto !important;
}
  .hke-video-player video, .hke-video-player div.video-js video {
    position: relative;
    min-width: 640px;
    min-width: 480px;
  }
/* ********************************************
 * Content Block: Iframe Content
 * ********************************************/
.hke-iframe-container {
  margin: 10px 0;
}

  .hke-iframe-container iframe {
    margin: auto;
    display: block;
  }
/* ********************************************
 * Content Block: Site Map
 * ********************************************/
.hke-sitemap-nav-listing {
  overflow: hidden;
}

  .hke-sitemap-nav-listing > .hke-sitemap-nav:first-child,
  .hke-sitemap-nav-listing > .hke-sitemap-nav:nth-child(5n) {
    margin-left: 0;
  }

  .hke-sitemap-nav-listing > .hke-sitemap-nav:nth-child(4n) {
    margin-right: 0;
  }

  .hke-sitemap-nav-listing > .hke-sitemap-nav:nth-child(5n) {
    clear: both;
  }

.hke-sitemap-nav {
  width: 20%;
  margin: 40px 3%;
  float: left;
}

  .hke-sitemap-nav ul {
    padding: 0;
    list-style: none;
  }

    .hke-sitemap-nav ul li a {
      text-decoration: none;
    }

    .hke-sitemap-nav ul li:before {
      content: none;
    }

    .hke-sitemap-nav ul ul li:before {
      content: none;
    }

    .hke-sitemap-nav ul li span {
      word-break: break-word;
      word-wrap: break-word;
    }

  .hke-sitemap-nav > ul > li {
    margin: 0 0 20px 95px;
    padding: 0;
  }

    .hke-sitemap-nav > ul > li:first-child {
      margin: 0;
    }

    .hke-sitemap-nav > ul > li > span {
      display: block;
      font-size: 1.1em;
      min-height: 40px;
      font-weight: bold;
    }

      .hke-sitemap-nav > ul > li > span span {
        color: #333333;
      }

        .hke-sitemap-nav > ul > li > span span:hover {
          color: #CE0014;
        }

  .hke-sitemap-nav ul li ul > li {
    margin: 10px 0;
    display: block;
  }

    .hke-sitemap-nav ul li ul > li a,
    .hke-sitemap-nav ul li ul > li a:visited {
      color: #52585C;
    }

      .hke-sitemap-nav ul li ul > li a:hover {
        color: #CE0014;
      }

    .hke-sitemap-nav ul li ul > li > ul {
      padding-left: 40px;
    }

      .hke-sitemap-nav ul li ul > li > ul li:before {
        content: '>';
        position: absolute;
        left: -20px;
      }

/* ********************************************
 * Content Block: Calculator
 * ********************************************/
.hke-calculator-validator {
  color: red;
}

/* ********************************************
 * Content Block: VMV Content
 * ********************************************/
.hke-vmv-content {
  position: relative;
  font-size: 1.2em;
  padding-top: 2em;
}

  .hke-vmv-content > div {
    height: 16em;
  }

  .hke-vmv-content .content,
  .hke-vmv-content .content-image {
    position: relative;
    display: inline-block;
    width: 32em;
    padding: 4em 0 0 11em;
    color: #8A0F1C;
  }

  .hke-vmv-content .content {
    max-height: 15em;
    overflow: hidden;
  }

  .hke-vmv-content .content-image > div {
    height: 10em;
  }

  .hke-vmv-content .content ul {
    padding-left: 1.5em;
    margin-bottom: 0;
  }

    .hke-vmv-content .content ul li:before {
      content: '\25CF';
      top: calc(50% - 0.7em);
      left: -2em;
      font-size: 0.5em;
    }

  .hke-vmv-content .bullet-image {
    position: absolute;
    width: 100%;
    height: 8em;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .hke-vmv-content.en .content-1 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurVision_en.png);
  }

  .hke-vmv-content.en .content-2 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurMission_en.png);
  }

  .hke-vmv-content.en .content-3 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurCoreValues_en.png);
  }

  .hke-vmv-content.sc .content-1 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurVision_sc.png);
  }

  .hke-vmv-content.sc .content-2 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurMission_sc.png);
  }

  .hke-vmv-content.sc .content-3 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurCoreValues_sc.png);
  }

  .hke-vmv-content.tc .content-1 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurVision_tc.png);
  }

  .hke-vmv-content.tc .content-2 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurMission_tc.png);
  }

  .hke-vmv-content.tc .content-3 .bullet-image {
    background-image: url(/_layouts/15/hke/images/vmv/OurCoreValues_tc.png);
  }

  .hke-vmv-content.en .content-1 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_1_en.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.en .content-2 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_2_en.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.en .content-3 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_3_en.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.sc .content-1 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_1_sc.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.sc .content-2 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_2_sc.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.sc .content-3 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_3_sc.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.tc .content-1 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_1_tc.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.tc .content-2 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_2_tc.png) no-repeat;
    background-size: 30em;
  }

  .hke-vmv-content.tc .content-3 .content-image > div {
    background: url(/_layouts/15/hke/images/vmv/vmv_3_tc.png) no-repeat;
    background-size: 30em;
  }

/* ********************************************
 * Print
 * ********************************************/
@media print {
  #site-wrapper {
    font-size: 15pt ;
  }

  a:link {
    font-weight: bold !important;
    text-decoration: underline !important;
  }

  header {
    display: none !important;
  }

  .hke-content .hke-playbtn {
    display: none !important;
  }

  .hke-content-sub-nav {
    display: none;
  }

  .hke-content-container .content {
    width: 100% !important;
  }

  .hke-content-header:before,
  .hke-content-header div.hke-dropdown-navigate {
    display: none;
  }

  .hke-slider-container .right-arrow,
  .hke-slider-container .left-arrow {
    display: none;
  }

  .hke-slider {
    width: 900px !important;
    margin: auto !important;
  }

    .hke-slider .image {
      width: 280px;
      height: 280px;
    }

    .hke-slider .section:first-child,
    .hke-slider .section {
      margin: 10px !important;
      width: 280px !important;
      display: inline-block !important;
      vertical-align: top !important;
      float: none !important;
    }

      .hke-slider .section:nth-child(3n):after {
        content: "." !important;
        visibility: hidden !important;
        display: block !important;
        height: 0 !important;
        clear: both!important;
      }

  .hke-section-editor {
    display: none;
  }

  footer li.open div {
    display: none !important;
  }

  /*.hke-content-text p, .hke-content-text table {
    display: block !important;
  }*/

  .hke-useful-link-container li a {
    height: 6em;
  }

  .hke-featured-link p {
    height: 8em;
  }

  .hke-featured-link .popup {
    display: none!important;
  }

  .hke-video.show .overlay,
  .hke-video.show .hke-video-popup-info {
    display: none!important;
  }

  .scrollTop-bt {
    display: none !important;
  }
}
/* ********************************************
 * Responsive
 * ********************************************/
@media (max-width: 1280px) {
  header .top-nav {
    height: 100px;
  }

  header .nav-container .nav ul li > a {
    padding: 12px;
  }

  .hke-video-list-container .hke-video:nth-child(3n + 1) {
    clear: none;
  }

  .hke-video-list-container .hke-video:nth-child(2n + 1) {
    clear: both;
  }
}

/* ********************************************
 * Page
 * ********************************************/


/* ********************************************
 * Edit mode style
 * ********************************************/

.hke-section-editor .noindex {
  text-align: right;
}

.ex-authoring p.answer,
 .ex-authoring p.answerC{
  display: block;
}

.ex-authoring .hke-content-block.ex-edit-placeholder {
  height: 75px;
}

.ex-authoring .hke-content-image img:not([src]) {
  height: 2em;
}

.ex-authoring .hke-static-banner {
  position: relative;
  z-index: 1;
}

.ex-authoring .hke-section-banner .overlay h3,
.ex-authoring .hke-section-banner .overlay p {
  background-color: rgba(0, 0, 0, 0.6);
}

.ex-authoring fieldset {
  margin-bottom: 2em;
}
  
.ex-authoring .hke-content fieldset label {
    display: inline-block;
    height: 1.6em;
    font-weight: bold;
}

  .ex-authoring .hke-content fieldset label + a[data-property],
  .ex-authoring .hke-content fieldset label + span[data-property] {
    display: inline-block;
    vertical-align: middle;
    min-width: 80px;
    min-height: 1.6em;
  }

  .ex-authoring .hke-content fieldset label + a[data-property]:empty:before {
    content: 'No Link';
  }

.ex-authoring .hke-news-properties {
  display: inline-block;
}

.ex-authoring .hke-featured-link .popup {
  bottom: auto;
  height: 70.56%;
  outline-style: none;
}

.aga-lightbox-total {
  display: none !important;
}

.hke-content .hke-playbtn {
  background-image: url('/_layouts/15/hke/images/icon-play.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-position: 50% 50%;
}

.hke-content-image .hke-playbtn-wrapper {
  display: inline-block;
  position: relative;
}

.hke-content .hke-videoembed {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: none;
}

.hke-content a.hke-popup,
.hke-content a.hke-videolink {
  display: inline-block;
  position: relative;
  width: 100%;
}

.hke-content  p a.hke-popup{
display: inline !important;
	  position: relative;
       width: 100%;
	
}

a.hke-redirect {
  min-width: 200px;
  display: inline-block;
}

  a.hke-redirect:before {
    content: attr(href) !important;
    color: #1442ae;
  }

.ex-authoring [data-richtext]:before,
.ex-authoring [data-richtext]:after {
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wQRCBEvxILdkQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAD0lEQVQI12NgwA58BlQQAIOCAcn2k9rcAAAAAElFTkSuQmCC);
  line-height: 0.75;
  font-size: 80%;
  font-weight: bold;
  color: #666;
  text-align: center;
  text-transform: uppercase;
  text-shadow: -2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white,2px -2px 0 white;
}

.ex-authoring [data-richtext]:before {
  content: 'Rich Text Content';
}

.ex-authoring [data-richtext]:after {
  content: '\200b';
}

[data-display-channel='mobile'] {
  display: none;
}

.ex-authoring [data-display-channel='mobile'] {
  display: block;
}

.embed-video-ctrl {
  display: none;
}

@-webkit-keyframes blink {
  50% {
    border-color: transparent;
  }
}

@-moz-keyframes blink {
  50% {
    border-color: transparent;
  }
}

.ex-authoring .hke-featured-link .popup {
  bottom: auto;
  height: 70.56%;
  outline-style: none;
}

.hke-virtual-tour-editspace .title-field,
.hke-virtual-tour-editspace .edit-field,
.hke-virtual-tour-editspace .edit-field > * {
  word-break: break-word;
  word-wrap: break-word;
}

.hke-virtual-tour-editspace .title-field,
.hke-virtual-tour-editspace .edit-field {
  width: 50%;
  float: left;
}

.hke-virtual-tour-editspace .banner-image {
  max-width: 50%;
  display: inline-block;
}

.hke-virtual-tour-editspace .thumbnail-image {
  display: inline-block;
  vertical-align: top;
}

.hke-virtual-tour-editspace .hke-virtual-tour-item-info {
  margin: 25px 0;
  border: 1px dotted rgba(16, 52, 146, 0.5);
  overflow: hidden;
}

.hke-virtual-tour-editspace .title-field {
  margin: 10px 0;
}

.hke-iframe-info {
  margin: 25px 0;
  border: 1px dotted rgba(16, 52, 146, 0.5);
  overflow: hidden;
  padding: 10px;
}

.hke-iframe-info-detail {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

  .hke-iframe-info-detail label {
    font-weight: bold;
  }

span.hke-field-value {
  display: inline-block;
  min-width: 100px;
  vertical-align: middle;
}

  span.hke-field-value a {
    min-width: 200px;
    display: inline-block;
  }

    span.hke-field-value a[data-property]:before {
      opacity: 1 !important;
      content: attr(href) !important;
    }

.ex-authoring .hke-whatsnew-stock {
  top: auto;
}

  .ex-authoring .hke-whatsnew-stock .hke-iframe-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px 0;
  }

  .ex-authoring .hke-whatsnew-stock .hke-iframe-info-detail {
    width: 100%;
  }

.ex-authoring .hke-video-list {
  width: 60%;
  margin: auto;
}

  .ex-authoring .hke-video-list h3 {
    cursor: hand;
    cursor: pointer;
    cursor: -webkit-grabbing;
  }

  .ex-authoring .hke-video-list .list-expander:before {
    content: '+';
    font-size: 1.1em;
    float: right;
    cursor: hand;
    cursor: pointer;
  }

  .ex-authoring .hke-video-list.expand .list-expander:before {
    content: '\2212';
  }

  .ex-authoring .hke-video-list .hke-video {
    display: none;
    margin: 10px 10px 0 0;
  }

    .ex-authoring .hke-video-list .hke-video:nth-child(3n+1) {
      clear: none;
    }

    .ex-authoring .hke-video-list .hke-video:nth-child(2n+1) {
      clear: both;
    }

  .ex-authoring .hke-video-list.expand .hke-video {
    display: block;
  }

.ex-authoring .hke-content p.question,
.ex-authoring .hke-content p.question-nonumber {
  text-decoration: none;
}

  .ex-authoring .hke-content p.question:after,
  .ex-authoring .hke-content p.question-nonumber:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

.hke-solar-power-container {
  position: relative;
  background-repeat: no-repeat;
  width: 875px;
  height: 449px;
  margin: auto;
}

  .hke-solar-power-container > div {
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 180px;
    letter-spacing: 0.05em;
  }

  .hke-solar-power-container .hke-solar-irradiance {
    top: 88px;
  }

  .hke-solar-power-container .hke-solar-power-output {
    top: 150px;
  }

  .hke-solar-power-container .hke-solar-electricity-generated {
    top: 214px;
  }

  .hke-solar-power-container .hke-solar-co2-saved {
    top: 279px;
  }

  .hke-solar-power-container .hke-solar-remark {
    top: 315px;
   font-size: 12px;
    font-weight: normal;
    color: #333333;
    right: 150px;
    line-height: 13px;
    letter-spacing: 0em;
  }

.hke-wind-power-container {
  background-image: url('/_layouts/15/hke/images/power-farm/wind-farm-bg_no-title.gif');
  background-repeat: no-repeat;
  position: relative;
  width: 720px;
  height: 473px;
  margin: auto;
  background-color: black;
}

  .hke-wind-power-container .hke-wind-power-display {
    height: 100%;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: bold;
  }

.hke-wind-power-display > div {
  position: absolute;
  right: 128px;
}

.hke-wind-power-display .hke-wind-speed {
  top: 90px;
}

.hke-wind-power-display .hke-wind-power-output {
  top: 154px;
}

.hke-wind-power-display .hke-wind-electricity-generated {
  top: 217px;
}

.hke-wind-power-display .hke-wind-co2-saved {
  top: 279px;
}

.hke-wind-power-display .hke-wind-remark {
  width: 140px;
  top: 341px;
  right: 120px;
font-size: 12px;
  font-weight: normal;
  line-height: 13px;
  line-height: 13px;
  letter-spacing: 0em;
}

/*
  .hke-wind-power-container #wind-power-video {
  width: 384px;
  height: 353px;
  display: inline-block;
  position: absolute;
  top: 59px;
  left: 42px;
}
  */

.hke-wind-power-container .wind-power-poster {
  width: 384px;
  height: 307px;
  position: absolute;
  top: 59px;
  left: 42px;
  z-index: 1;
}

.hke-news-redirectmsg {
  color: red;
  font-weight: bold;
  border: 1px solid black;
  padding: 10px;
}

.hke-iframe-container {
  background-color:white; 
  color:black;
}


.mobile-scroll-no-border,
.mobile-scroll-no-border tr,
.mobile-scroll-no-border td,
.mobile-scroll-no-border th,
.mobile-display-1col-no-border,
.mobile-display-1col-no-border tr,
.mobile-display-1col-no-border td,
.mobile-display-1col-no-border th,
.table-split-2col-no-border,
.table-split-2col-no-border tr,
.table-split-2col-no-border td,
.table-split-2col-no-border th,
.table-with-caption-1col-no-border,
.table-with-caption-1col-no-border tr,
.table-with-caption-1col-no-border td,
.table-with-caption-1col-no-border th,
.removeEmptyCol-no-border,
.removeEmptyCol-no-border tr,
.removeEmptyCol-no-border td,
.removeEmptyCol-no-border th {
                border: none !important;
    background-color: transparent !important;
}

.hke-content p.caption{
font-size: 85%;
}

.hke-content p.noWrap {
    white-space: nowrap;
}

header .nav-container .nav ul li .second-nav .third-nav a:hover,
header .nav-container .nav ul li .second-nav .third-nav a.focused {
color: #CE0014;
}
header .nav-container .nav ul li:hover .second-nav,
header .nav-container .nav ul li .second-nav.focused{
display: block;
}

header .nav-container .nav-primary:hover > ul,
header .nav-container .nav-primary.focused ul{
display: block;
}

header .nav-container .nav-primary > ul li:hover .second-nav,
header .nav-container .nav-primary > ul li.focused .second-nav{
display: block;
}

header .nav-container .nav-primary > ul li:hover .second-nav,
header .nav-container .nav-primary.focused > ul li.focused .second-nav{
display: block;
}

header .nav-container .nav-primary > ul li .second-nav .third-nav a:hover,
header .nav-container .nav-primary.focused > ul li.focused .second-nav .third-nav a.focused{
color: #CE0014;
}

header .nav-container .nav-primary > ul li.focused > a:after{
                content: '';
                position: absolute;
                top: 38px;
                left: 50%;
                margin-left: -8px;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #eeeeee;
                border-left: 8px solid transparent;
}

header .nav-container .nav ul li.focused > a,
header .nav-container .nav-primary.focused > a {
                color: #fff;
                background-image: url('/_layouts/15/hke/images/nav-background1.jpg');
}


/* ********************************************
* addition desktop css rules for mobile
* ********************************************/

.hke-nav-button {
  display:none;
}

nav {
  display:none;
}

.hke-readmore {
                display:none;     
}

@media only screen and (min-width: 769px) and (max-width: 1070px) {
                .hke-banner-nav ul li:first-child{
                                margin-left: 0px;
                }
}

.mobile-scroll-no-border,
.mobile-scroll-no-border tr,
.mobile-scroll-no-border td,
.mobile-scroll-no-border th,
.mobile-display-1col-no-border,
.mobile-display-1col-no-border tr,
.mobile-display-1col-no-border td,
.mobile-display-1col-no-border th,
.table-split-2col-no-border,
.table-split-2col-no-border tr,
.table-split-2col-no-border td,
.table-split-2col-no-border th,
.table-with-caption-1col-no-border,
.table-with-caption-1col-no-border tr,
.table-with-caption-1col-no-border td,
.table-with-caption-1col-no-border th,
.removeEmptyCol-no-border,
.removeEmptyCol-no-border tr,
.removeEmptyCol-no-border td,
.removeEmptyCol-no-border th {
                border: none !important;
    background-color: transparent !important;
}

.accessibilitystatement-mobile{
                display: none;
}


/* *** EU *************************************/
hke-eu-second-nav  p {
  display: none;
}

/* ********************************************
* addition desktop ev css rules for mobile
* ********************************************/
.hke-ev-dropdown-block{
    display: none;
}

/******/
table.less-padding tr td p{
  padding: 0 10px 0px 10px!important;
}