@font-face {
  font-family: Poppins;
  src: url(../font/Poppins-Regular.ttf);
}

body {
  /*	font-family:Arial, Helvetica, sans-serif;
    font-size: 75%;	*/
  }


  .page_title_image {
    padding-bottom:10px;
  }
  .content_title {
    color:#006601;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.5em;
  }
  .content_title .content_title{font-size: 1em;}
  .content_subtitle {
    color:#cc3301;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.8461em;
    line-height: 1.5em;
  }
  .content_subtitle .content_subtitle{font-size: 1em;}

  table {
    margin:0;
  }

  .fulltable table {
    width:100%;
  }
  .fulltable .views-field-field-date{
    width: 125px;
  }
  .views-table{margin-top:10px}

  .views-table  th, .formal-table th{background-color:#006601; color:#FFF; padding:5px
  }
  .views-table  .odd, .views-table tr:nth-child(odd) td,
  .formal-table  .odd, .formal-table tr:nth-child(odd) td{
  background-color:#ffffff;
  }
  .views-table  .even, .views-table tr:nth-child(even) td,
  .formal-table  .even, .formal-table tr:nth-child(even) td{
  background-color:#fafad9;
  }

  ul {
    padding:0 0 0 30px;
    margin:0;
  }
  li {
    padding:0;
    margin:0;
  }

  .table_header {
    background:#006600;
    color:#FFF;
    font-size:130%;
  }



  /* Front page Highlight:*/

  #hl_block{line-height:1.2em;}
  .hl_move{cursor:pointer;}
  #hl_arrow_up{background:url('../images/english/arrow_up.png') no-repeat; width:283px;height:34px; display:block;}
  #hl_arrow_up:hover, #hl_arrow_up:focus{background:url('../images/english/arrow_up_o.png') no-repeat; }
  #hl_arrow_down{background:url('../images/english/arrow_down.png') no-repeat; width:283px;height:25px; display:block;}
  #hl_arrow_down:hover, #hl_arrow_down:focus{background:url('../images/english/arrow_down_o.png') no-repeat; }
  #hl_share{background:url('../images/english/btn_share.png') no-repeat; width:119px;height:20px; display:block; float:right; clear:right;}
  #hl_share:hover, #hl_share:focus{background:url('../images/english/btn_share_o.png') no-repeat;}
  #highlightSeeAll {color: #FFF200; margin: -19px 15px 0 0; float:right;}
  #highlightSeeAll:hover, #highlightSeeAll:focus {text-decoration: underline;}
  #highlightPlay {color: #FFF200; margin:-19px 0px 0px 15px; float:left;}
  #highlightPlay:hover, #highlightSeeAll:focus {text-decoration: underline;}

  .zh-hant#hl_arrow_up{background:url('../images/tc_chi/arrow_up.png') no-repeat;}
  .zh-hant#hl_arrow_up:hover,
  .zh-hant#hl_arrow_up:focus{background:url('../images/tc_chi/arrow_up_o.png') no-repeat; }
  .zh-hant#hl_arrow_down{background:url('../images/tc_chi/arrow_down.png') no-repeat;}
  .zh-hant#hl_arrow_down:hover,
  .zh-hant#hl_arrow_down:focus{background:url('../images/tc_chi/arrow_down_o.png') no-repeat; }
  .zh-hant#hl_share{background:url('../images/tc_chi/btn_share.png') no-repeat;}
  .zh-hant#hl_share:hover,
  .zh-hant#hl_share:focus{background:url('../images/tc_chi/btn_share_o.png') no-repeat;}

  #hl_share:hover .share_social,#hl_share:focus .share_social{ display:block }


  .highlight_banner{
      height: 53px;
      width: 284px;
    background-image:url('../images/highlight_btn.png');
    cursor:pointer;
    display:none;
    overflow:hidden;
    color:#000;
    text-decoration:none;
  }

  .highlight_banner.focusing{background-image:url('../images/highlight_btn_o.png')}

  .highlight_banner div {
      padding: 10px 75px 10px 10px;
    font-size:11px;
    line-height:12px;
  }
  .highlight_banner img {
      float: right;
      height: 46px;
      margin-top: 3px;
  }

  #highlight_pic {
      height: 290px;
      margin: auto;
      position: relative;
      width: 441px;
  }
  .highlightSlider {
      height: 290px;
      width: 441px;
  }
  .highlightTitle { color: #FFF200 !important; font-weight:bold; display:block; padding:0 0 5px; }

  #hl_text {
    background-color:#001F42;
      background-color: rgba(0, 31, 66, 0.9);
      bottom: 0;
      left: 0;
      opacity: 0.9;
      position: absolute;
      width: 441px;
  }

  #hl_imgtext { color: #FFF; min-height: 120px; max-height: 260px; padding: 15px; width: 411px; }
  .highlightText { min-height: 105px;	padding:0 0 20px; }
  .highlightShare, .highlightID {height: 20px; bottom: 10px; position:absolute;}
  .highlightID{left:15px}
  .highlightShare{right:15px}

  .share_social{
    background: url("../images/btn_share_o2.png") no-repeat;
    display:none;
      height: 70px;
      width: 149px;
    position:relative;
    left:3px;
    top:10px;
    z-index:9999;
  }


  /*Front Page Bottom Add-on*/
  #fullwidthBottom2M .block-title,
  #fullwidthBottomL .block-title,
  #fullwidthBottom2R .block-title{height:2em;background:#006B31}

  #fullwidthBottom2M h2,
  #fullwidthBottomL h2,
  #fullwidthBottom2R h2{color:#FFF; padding:0 5px;}

  #fullwidthBottom2R h2{width:230px; margin:0 auto;}

  #ea_links{float:right;clear:right; position:relative;top:-16px;}
  .seeall, #VideoSeeall, #EventSeeall{background:url('../images/english/btn_see_all.png') no-repeat; width:60px;height:18px;display:inline-block;}
  .seeall:focus, .seeall:hover, #VideoSeeall:focus,#VideoSeeall:hover, #EventSeeall:focus,#EventSeeall:hover{background:url('../images/english/btn_see_all_o.png') no-repeat}
  #ea_share{background:url('../images/english/btn_share.png') no-repeat; width:119px;height:20px; display:inline-block;}
  #ea_share:hover, #ea_share:focus{background:url('../images/english/btn_share_o.png') no-repeat;}
  #ea_share:hover .share_social,#ea_share:focus .share_social{ display:block }
  #EventContainer{padding-bottom:30px}
  #EventContainer #tableWapper{min-height:140px;}
  .ea_H1{ color: #006504; font-size:0.48em;}
  .ea_desc{line-height:normal}
  .ea_data td{vertical-align:top;}
  .ea_data h1{padding:0; line-height:0.48em;margin:0}
  .ea_data hr{padding:0;margin:1em 0 0 0}
  #ea_control{text-align:center;line-height:18px;}

  .ea_btn{text-decoration:none;}

  /* EA Chinese*/
  .zh-hant.seeall, .zh-hant#VideoSeeall, .zh-hant#EventSeeall{background:url('../images/tc_chi/btn_see_all.png') no-repeat;width:66px;height:21px;}
  .zh-hant.seeall:focus, .zh-hant.seeall:hover, .zh-hant#VideoSeeall:focus,.zh-hant#VideoSeeall:hover,.zh-hant#EventSeeall:focus,.zh-hant#EventSeeall:hover{background:url('../images/tc_chi/btn_see_all_o.png') no-repeat}
  .zh-hant#ea_share{background:url('../images/tc_chi/btn_share.png') no-repeat;}
  .zh-hant#ea_share:hover, .zh-hant#ea_share:focus{background:url('../images/tc_chi/btn_share_o.png') no-repeat;}


  /* Online Service */

  .tset {
      height: 42px;
  }
  .tset span {
      margin-left: 5px 0 0 5px;
      position:absolute;

  }



  #onlineService ul {


  list-style: none; margin: 0; padding: 0;}
  #onlineService li {
  margin: 0px;
  padding: 0px;
  vertical-align:middle;
  }

  #onlineService ul li ul {
    padding: 0px;
    position: absolute;
    width: 190px;
    border: solid 1px #00632c;
    background-color: #FFFFFF;

    background-repeat: repeat;

    visibility: hidden;
    top: auto;
    margin-left: 238px;
    margin-top: -52px;
    z-index:9999;
  }

  #onlineService ul li:hover ul {
    display: block;
    visibility: visible;
  }


  #onlineService a {
    display: block;
    margin: 0px;
    padding-top: 8px;
    /* padding-bottom: 8px; */
    border-bottom: solid 1px #697069;
    color: #003333;

    text-decoration: none;
    /* font-size: 12px; */
  }

  #onlineService a.fly {
      background: url(../images/ico_menu.png) no-repeat right center;
  }
  #onlineService ul li ul li a {
    padding:8px;
  }

  #onlineService a:hover {
    border-top: solid 0px #697069;
    color: #ffffff;
    text-decoration:underline;
    background-color:#00632c;
  }
  #onlineService h3 {margin: 0; padding-top: 15px; padding-bottom: 15px; font-weight: normal; background-color: #c0c0c0; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}


  #onlineService {
    border-bottom: solid 1px #ffffff;
    background-image: url(../images/bg_left.png);
    border-top: 0;
    background-repeat: repeat;
  }

  /* Video*/
  #videoWapper div{
    margin:0 auto;
    width:240px;
  }
  #videoContainer{
    height:130px;
  }
  #videoTitle {
      background-color: #48484A;
      color: #FFFFFF;
      font-weight: bold;
    text-align:center;
      padding: 7px 0;
  }
  #videoPDF, #videoPDF a {
      background-color: #626262;
      color: #FFFFFF;
    text-align:center;
      font-weight: bold;
      padding: 7px 0;
  }

  .front_video_small_thm{height:53px;}
  .front_video_small_title{font-size:8px;}
  .video-thm .views-field-title{line-height:10px;color:#1B7399}
  .video-thm .views-field-title a{text-decoration:none;color:#1B7399}
  .view-display-id-block_1.video-thm{width:220px; margin:0 auto;}
  /* Banner 1, 2 */
  /**
   * A simple sample carousel Hack.
   */

  .jcarousel-skin-default {text-align: center;}
  .jcarousel-skin-default .jcarousel-container-horizontal {width: 98%; height: 95%; padding: 0; margin: auto;}
  .jcarousel-skin-default .jcarousel-container-vertical {width: 98%; height: 20px; padding: 0;  margin: auto;}
  .jcarousel-skin-default .jcarousel-clip-horizontal {  width: 100%;  overflow: hidden;}
  .jcarousel-skin-default .jcarousel-clip-vertical {  height: 100px;  overflow: hidden;}

  .jcarousel-skin-default .jcarousel-item {  padding: 0;  min-width: 120px;  height: auto;  overflow: hidden;  border: 0;list-style: none;background: none;border:none;}

  .jcarousel-skin-default .jcarousel-item-horizontal {  margin: 0 1px;}
  .jcarousel-skin-default .jcarousel-item-vertical {  height:50px; width:90%;  margin: 4px 0;  text-align:left;  line-height:22px;}
  .StuAwardView .jcarousel-skin-default .jcarousel-item-vertical { height:70px;}
  .jcarousel-skin-default .jcarousel-item-placeholder {background: none}
    /*#fff url(throbber.gif) no-repeat center center;
    color: #000;*/
  /* Added for jcarousel-view--banner-1--block: 2014/04/25 */
  .banner-1 .jcarousel-item-horizontal{margin: 0;}
  .banner-1 .jcarousel-item{min-width: 160px;}


  /**
   * Buttons
   */
  .jcarousel-skin-default .jcarousel-next,
  .jcarousel-skin-default .jcarousel-prev {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('/epd/sites/all/modules/jcarousel/skins/default/arrows.png');
  }

  .jcarousel-skin-default .jcarousel-next-disabled,
  .jcarousel-skin-default .jcarousel-prev-disabled {
    display: none;
  }

  /**
   * Horizontal Buttons
   */
  .jcarousel-skin-default .jcarousel-prev-horizontal {
  display: none; position: absolute; top: 30px; left: 10px;background-position: 0 0;
  }
  .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
   /*display: none;
    background-position: -32px 0;*/
  }
  .jcarousel-skin-default .jcarousel-prev-horizontal:active {
   /*display: none;
    background-position: -64px 0;*/
  }

  .jcarousel-skin-default .jcarousel-next-horizontal {
   display: none;
   position: absolute;
    top: 55px;
    right: 10px;
    background-position: 0 -32px;
  }
  .jcarousel-skin-default .jcarousel-next-horizontal:hover {
   display: none;
    background-position: -32px -32px;
  }
  .jcarousel-skin-default .jcarousel-next-horizontal:active {
   display: none;
    background-position: -64px -32px;
  }

  /**
   * Vertical Buttons
   */
  .jcarousel-skin-default .jcarousel-prev-vertical {
   display: none;
    position: absolute;
    top: 10px;
    left: 55px;
    background-position: 0 -64px;
  }
  .jcarousel-skin-default .jcarousel-prev-vertical:hover {
   display: none;
    background-position: -32px -64px;
  }
  .jcarousel-skin-default .jcarousel-prev-vertical:active {
   display: none;
    background-position: -64px -64px;
  }

  .jcarousel-skin-default .jcarousel-next-vertical {
   display: none;
    position: absolute;
    bottom: 10px;
    left: 55px;
    background-position: 0 -96px;
  }
  .jcarousel-skin-default .jcarousel-next-vertical:hover {
   display: none;
    background-position: -32px -96px;
  }
  .jcarousel-skin-default .jcarousel-next-vertical:active {
   display: none;
    background-position: -64px -96px;
  }

  .jcarousel-skin-default .jcarousel-navigation {
    /*display: none;*/
    margin: 0;
    padding: 0;
  }




  .jcarousel-skin-default .jcarousel-navigation li {
   display: none;
    margin: 0 2px 0 0;
    padding: 0;
    background: none;
  }

  .jcarousel-skin-default .jcarousel-navigation li.active a {
   display: none;
    font-weight: bold;
    text-decoration: none;
  }

  /* Hack for Tabs*/
  ul.quicktabs-tabs.quicktabs-style-zen li {margin: 0 1px}
  ul.quicktabs-tabs.quicktabs-style-zen li a{padding:4px 10px 0 4px;}

  /* Handle for Front slide.*/
  div.front-slide{padding:0;}
  .front-slide .jcarousel-item {width:241px; min-height:215px; background-color:#FFE17F}
  .front-slide .views-field-field-html{padding:0 7px 7px;}
  .front-slide a.jcarousel-prev{display:none}
  .front-slide .jcarousel-clip{width:245px;}

  a{color:#006904; text-decoration:none;}
  a:hover{text-decoration:underline;}

  #highlight_pic a{color:#FFF200 !important; text-decoration:none;}
  #highlight_pic a:hover{text-decoration:underline;}

  #block-kanhan-aqhifrontbox-kanhan-aqhifrontbox {padding-top:20px;}

  .banner-3, .banner-2{ background-color:#B2F596; padding:0; margin:0 10px;}

  .banner-3 .jcarousel-skin-default,
  .banner-2 .jcarousel-skin-default {
      text-align: center;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-container-horizontal,
  .banner-2 .jcarousel-skin-default .jcarousel-container-horizontal {
      margin-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px;
      width: 960px;
  }
  .banner-2 .mobile .jcarousel-skin-default .jcarousel-container-horizontal {
      height: 72px;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px;
      width: 600px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-container-vertical ,
  .banner-2 .jcarousel-skin-default .jcarousel-container-vertical {
      height: 440px;
      margin-bottom: auto;
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      padding-bottom: 40px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 40px;
      width: 102px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-clip-horizontal,
  .banner-2 .jcarousel-skin-default .jcarousel-clip-horizontal {
      margin-bottom: inherit;
      margin-left: inherit;
      margin-right: inherit;
      margin-top: inherit;
      overflow-x: hidden;
      overflow-y: hidden;
      width: 850px;
  }

  .banner-3 .mobile .jcarousel-skin-default .jcarousel-clip-horizontal,
  .banner-2 .mobile .jcarousel-skin-default .jcarousel-clip-horizontal {
      margin-bottom: inherit;
      margin-left: inherit;
      margin-right: inherit;
      margin-top: inherit;
      overflow-x: hidden;
      overflow-y: hidden;
      width: 470px;
  }
  .banner-2 .jcarousel-skin-default .jcarousel-clip-vertical {
      height: 440px;
      overflow-x: hidden;
      overflow-y: hidden;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-item,
  .banner-2 .jcarousel-skin-default .jcarousel-item {
      background-attachment: scroll;
      background-clip: border-box;
      /*background-color: #FFFFFF;*/
      background-image: none;
      background-origin: padding-box;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto auto;
      height: 70px;
      list-style-image: none;
      list-style-position: outside;
      list-style-type: none;
      overflow-x: hidden;
      overflow-y: hidden;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      width: 100px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-item-horizontal
  .banner-2 .jcarousel-skin-default .jcarousel-item-horizontal {
      margin-bottom: 0;
      margin-left: 4px;
      margin-right: 4px;
      margin-top: 0;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-item-vertical,
  .banner-2 .jcarousel-skin-default .jcarousel-item-vertical {
      margin-bottom: 4px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 4px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-item-placeholder,
  .banner-2 .jcarousel-skin-default .jcarousel-item-placeholder {
      background-attachment: scroll;
      background-clip: border-box;
      /*background-color: #FFFFFF;*/
      background-image: url("/epd/sites/all/modules/jcarousel/skins/default/throbber.gif");
      background-origin: padding-box;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto auto;
      color: #000000;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev,
  .banner-2 .jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev {
      background-image: url("/epd/sites/all/modules/jcarousel/skins/default/arrows.png");
      display: block;
      height: 32px;
      width: 32px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-next-disabled, .jcarousel-skin-default .jcarousel-prev-disabled,
  .banner-2 .jcarousel-skin-default .jcarousel-next-disabled, .jcarousel-skin-default .jcarousel-prev-disabled {
      display: none;
  }
  .banner-3 .jcarousel-skin-default .jcarousel-prev-horizontal,
  .banner-2 .jcarousel-skin-default .jcarousel-prev-horizontal {
      background-position: 0 0;
      left: 10px;
      position: absolute;
      top: 30px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-prev-horizontal:hover,
  .banner-2 .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
      background-position: -32px 0;
  }
  .banner-3 .jcarousel-skin-default .jcarousel-prev-horizontal:active,
  .banner-2 .jcarousel-skin-default .jcarousel-prev-horizontal:active {
      background-position: -64px 0;
  }
  .banner-3 .jcarousel-skin-default .jcarousel-next-horizontal,
  .banner-2 .jcarousel-skin-default .jcarousel-next-horizontal {
      background-position: 0 -32px;
      position: absolute;
      right: 10px;
      top: 30px;
  }
  .banner-3 .jcarousel-skin-default .jcarousel-next-horizontal:hover,
  .banner-2 .jcarousel-skin-default .jcarousel-next-horizontal:hover {
      background-position: -32px -32px;
  }
  .banner-3 .jcarousel-skin-default .jcarousel-next-horizontal:active,
  .banner-2 .jcarousel-skin-default .jcarousel-next-horizontal:active {
      background-position: -64px -32px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-prev-vertical
  .banner-2 .jcarousel-skin-default .jcarousel-prev-vertical {
      background-position: 0 -64px;
      left: 55px;
      position: absolute;
      top: 10px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-prev-vertical:hover,
  .banner-2 .jcarousel-skin-default .jcarousel-prev-vertical:hover {
      background-position: -32px -64px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-prev-vertical:active,
  .banner-2 .jcarousel-skin-default .jcarousel-prev-vertical:active {
      background-position: -64px -64px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-next-vertical
  .banner-2 .jcarousel-skin-default .jcarousel-next-vertical {
      background-position: 0 -96px;
      bottom: 10px;
      left: 55px;
      position: absolute;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-next-vertical:hover,
  .banner-2 .jcarousel-skin-default .jcarousel-next-vertical:hover {
      background-position: -32px -96px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-next-vertical:active,
  .banner-2 .jcarousel-skin-default .jcarousel-next-vertical:active {
      background-position: -64px -96px;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-navigation,
  .banner-2 .jcarousel-skin-default .jcarousel-navigation {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-navigation li,
  .banner-2 .jcarousel-skin-default .jcarousel-navigation li {
      background-attachment: scroll;
      background-clip: border-box;
      background-color: rgba(0, 0, 0, 0);
      background-image: none;
      background-origin: padding-box;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto auto;
      display: inline;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 2px;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-navigation li a,
  .banner-2 .jcarousel-skin-default .jcarousel-navigation li a {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background-attachment: scroll;
      background-clip: border-box;
      background-color: rgba(0, 0, 0, 0);
      background-image: url("/epd/sites/all/modules/jcarousel/skins/default/main_banner_thumbnail_OFF.png");
      background-origin: padding-box;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: auto auto;
      border-bottom-color: -moz-use-text-color;
      border-bottom-style: none;
      border-bottom-width: 0;
      border-image-outset: 0 0 0 0;
      border-image-repeat: stretch stretch;
      border-image-slice: 100% 100% 100% 100%;
      border-image-source: none;
      border-image-width: 1 1 1 1;
      border-left-color-ltr-source: physical;
      border-left-color-rtl-source: physical;
      border-left-color-value: -moz-use-text-color;
      border-left-style-ltr-source: physical;
      border-left-style-rtl-source: physical;
      border-left-style-value: none;
      border-left-width-ltr-source: physical;
      border-left-width-rtl-source: physical;
      border-left-width-value: 0;
      border-right-color-ltr-source: physical;
      border-right-color-rtl-source: physical;
      border-right-color-value: -moz-use-text-color;
      border-right-style-ltr-source: physical;
      border-right-style-rtl-source: physical;
      border-right-style-value: none;
      border-right-width-ltr-source: physical;
      border-right-width-rtl-source: physical;
      border-right-width-value: 0;
      border-top-color: -moz-use-text-color;
      border-top-style: none;
      border-top-width: 0;
      display: inline-block;
      height: 22px;
      text-indent: -9999px;
      width: 22px;
  }
  .banner-3 .jcarousel-skin-default .jcarousel-navigation li.active a,
  .banner-2 .jcarousel-skin-default .jcarousel-navigation li.active a {
      background-attachment: scroll;
      background-clip: border-box;
      background-color: rgba(0, 0, 0, 0);
      background-image: url("/epd/sites/all/modules/jcarousel/skins/default/main_banner_thumbnail_ON.png");
      background-origin: padding-box;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: auto auto;
  }

  .banner-3 .jcarousel-skin-default .jcarousel-navigation, .banner-2 .jcarousel-skin-default .jcarousel-navigation{
    margin-top: -20px
  }


  /* Added from Penny @ 2014/04/25: for homepage static banner area 1 */
  .static_banner-1 {
    width:960px; height:63px; margin:5px 10px 10px 10px;
  }

  .static_banner-1 .image_div {
    width:158px; float:left; padding-right:2px;
  }

  .static_banner-1 .last {
    padding-right:0px;
  }

  .static_banner-1 .image_div .banner_img {
     width:158px; height:63px;
  }

  .banner-2-img img {
    width:150px; height:50px;
  }

  #left_menu_below_block {
    padding-top:10px;
    min-height:130px;
  }
  #left_menu_below_block.front_page{
  min-height:0px;
  }

  .node-type-blankpage {
  background-color: #ffffff;
  background-image: none;
  }

  .share_social
  {
  background: url(/epd/sites/all/themes/epd/images/sharebg.png) no-repeat;
  display: none;
  height: 70px;
  width: 149px;
  position: relative;
  left: 3px;
  top: 10px;
  z-index: 9999;
  }

  .share_wrapper{
  position: absolute;
  bottom: 10px;
  left: 20px;
  }

  .share_wrapper img{
  margin-right: 15px;
  }

  /* Photo Gallery */

  .photo_gallery_col div.field-items {
    width:100%;
  }

  .photo_gallery_col div.field-items  img{
     width: 100%;
    height: auto;
  }

  .photo_gallery_col_2 div.field-item {
    width: 49%;
    display : inline-block;
   margin: 3px 3px 0px 3px;
   vertical-align:middle;
  }

  .photo_gallery_col_3 div.field-item {
    width: 32%;
    display : inline-block;
    margin: 3px 3px 0px 3px;
    vertical-align:middle;

  }
  .photo_gallery_col_4 div.field-item {
    width: 24%;
    display : inline-block;
    margin: 3px 3px 0px 3px;
    vertical-align:middle;
  }
  .photo_gallery_col_5 div.field-item {
    width: 19%;
    display : inline-block;
    margin: 3px 3px 0px 3px;
    vertical-align:middle;
  }

  .views-table .views-field-type {
    width:120px;
  }
  #contentwapper {
  min-height:800px;
  }
  #contentwapper.front_page {
  min-height:671px;
  }

  .access{display:none}

  .i18n-en  .en-invisible,
  .i18n-zh-hant  .zh-hant-invisible,
  .i18n-zh-hans  .zh-hans-invisible
  {
    display:none;
  }
  /*sandy added on 20190725*/
  .fulltable .views-field-field-user-defined-date2 {
    width: 150px;
  }
  .views-field-title .detail-btn {
    display:inline-block;
    float:right;
    width:20px;
    color:#fff;
    cursor: pointer;
  }
  .views-field-title .detail-btn::after{
    /* content: "\2796"; */
    content: '-';
    color: #fff;
    font-size: 2em;
    line-height:10px;
    vertical-align:middle;
  }
  .detail-closed .views-field-title .detail-btn::after{
    /* content: "\2795"; */
    content: '+';
    font-weight: normal;
  }
  .node-page .field-name-field-not-show-archive {
  display:none;
  }
	
	 .page-node-type-popup main {
		margin-top:0;
  }
	
	.socail-icon {
		vertical-align:middle;
	}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    /* padding-top: 56.25%; */
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.node-preview-container {
	background: #fff;
    border: solid;
}

caption {
	caption-side: inherit;
    color: inherit;
}

/* for the case no conversation */
@media screen and (min-width: 992px) {
	#sub-menu .sf-menu {
		margin: 1rem 3.3rem 1rem auto
	}
}

/* dead, grey scale */
body.path-frontpage.greyscale #site-wrapper {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter:grayscale(100%);
	background-image: linear-gradient(black, black), url(../images/common/background.jpg) !important;
    background-blend-mode: saturation;
}
.greyscale .fancybox-overlay {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter:grayscale(100%);
}


.aside-banner-wrapper{
  position: relative;
  margin: 10px;
  margin-bottom: 40px;
  max-width: 330px;
}

.aside-banner-wrapper .swiper-slide a{
  display: block;
  margin: 0;
}

.aside-banner-wrapper .swiper-slide img{
  width: 100%;
  max-width: 300px;
  object-fit: cover;
}

.aside-banner-wrapper .swiper-button-next{
  border-left: .85rem solid #FFE17F;
  right: 0px;
}

.aside-banner-wrapper .swiper-button-prev{
  border-right: .85rem solid #FFE17F;
  left: 0px;
}

.aside-banner-wrapper .swiper-button-next:hover,
.aside-banner-wrapper .swiper-button-next:focus{
  border-left-color: #00632c;
}

.aside-banner-wrapper .swiper-button-prev:hover,
.aside-banner-wrapper .swiper-button-prev:focus{
  border-right-color: #00632c;
}

.aside-banner-wrapper .swiper-button-pause,
.aside-banner-wrapper .swiper-button-play{
  position: absolute;
  bottom: 5px;
  right: 0px;
  z-index: 2;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #FFE17F;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.aside-banner-wrapper .swiper-button-play{
  background-image: url(../images/common/icons/play.svg);
}

.aside-banner-wrapper .swiper-button-pause{
  background-image: url(../images/common/icons/pause.svg);
}

.aside-banner-wrapper .swiper-button-pause:hover,
.aside-banner-wrapper .swiper-button-play:hover,
.aside-banner-wrapper .swiper-button-pause:focus,
.aside-banner-wrapper .swiper-button-play:focus{
  background-color: #00632c;
}

.aside-banner-wrapper .swiper-button-play:hover,
.aside-banner-wrapper .swiper-button-play:focus{
  background-image: url(../images/common/icons/play-w.svg);
}

.aside-banner-wrapper .swiper-button-pause:hover,
.aside-banner-wrapper .swiper-button-pause:focus{
  background-image: url(../images/common/icons/pause-w.svg);
}

.promo-square-wrapper  .swiper-button-next{
  border-left: .85rem solid #FFE17F;
  right: 5px;
}

.promo-square-wrapper  .swiper-button-prev{
  border-right: .85rem solid #FFE17F;
  left: 5px;
}

.iframe-container {position:relative; width:100%; padding-top:100%}
.responsive-iframe {width:100%; position:absolute; height:100%; top:0; left:0;}

.aside-banner-wrapper .iframe-container {width:54%; padding-top:54%;}

@media screen and (min-width: 992px) {
  .index-banner-wrapper {height: 100%; width:460px;}
  .index-banner-wrapper .index-banner {margin-top: 60px; height: 325px;}
  .index-banner-pager-bottom {border-bottom-left-radius:0; }
  .index-banner-wrapper .index-banner .swiper-slide img{width: 100%; height: 100%; object-fit: contain; object-position: top;}
  .index-banner-wrapper .index-banner .swiper-slide .overlay{bottom: 2px; width:100%;}
}

/* .index-highlights-block >.row{align-items: end;} */
.index-banner-wrapper {position: relative;}
.index-banner-wrapper .overlay{background-color: rgba(59, 84, 78); padding-left: 0; color:white; font-size: 12px; position: relative; z-index: 1; border-bottom-left-radius: 10px; padding-top: 35px; margin-top: -35px; overflow: hidden; height: 0; transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;}
.index-banner-wrapper .overlay >.inner{position:relative; padding-top: 40px;  padding:10px 20px; transform: translateY(calc(-100%-35px)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;}
.index-banner-wrapper .overlay >.inner .title {font-weight: 700;}
.index-banner-wrapper .overlay >.inner .title, .index-banner-wrapper .overlay >.inner a {color:#A1D075;}
.index-banner-wrapper .overlay >.inner >.bottom{display: flex; width: 100%; justify-content: space-between;}
.index-banner-wrapper .overlay >button{padding:0; position: absolute; left: 50%; top: 5px; transform: translateX(-50%); border:0; font-size: 1rem; background-color: transparent; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.index-banner-wrapper .overlay.active {height: auto; border-bottom-right-radius: 10px;}
.index-banner-wrapper .overlay.active >.inner{transform: translateY(0);}
.index-banner-wrapper .overlay >button:hover,.index-banner-wrapper .overlay >button:focus{text-decoration: underline;}

@media screen and (max-width: 992px) {
  .index-banner-wrapper {padding-left: 0; max-width: 80vw; width: 500px;}
  .index-banner-wrapper::before{content: ""; display: block; width: 100%; padding-top: calc((65/89)*100%);}
  .index-banner-wrapper .index-banner {margin-top: 0; position: absolute; top: 0; height: 100%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
  .index-banner-wrapper .overlay {border-radius: 0; position: absolute; bottom: 35px; width: 100%;}
  .index-banner-wrapper .overlay.active {padding-top: 20px; border-bottom-right-radius: 0;}
  .index-banner-wrapper .overlay.active >.inner .summary {max-height: 200px; overflow-y: auto;}
  .index-banner-wrapper .overlay >button{transform: translateX(-50%);}
  .index-banner-wrapper .index-banner-mobile-bottom{position: relative; z-index: 1;}
  .index-banner-wrapper .index-banner .swiper-slide{padding-bottom: 69px;}
  .index-banner-wrapper .index-banner .swiper-slide img{height: 100%; width: 100%; object-fit: contain; object-position: center;}
}

.index-banner-pager-wrapper .index-banner-pager {padding:0;}
.index-banner-pager-wrapper .index-banner-pager .swiper-wrapper .swiper-slide {padding-left:40px; padding-right: 130px; background-position: 92%;}
.index-banner-pager-wrapper .index-banner-pager .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {top:0; height: 100%; width: 25px; border:0; background-color: #F6A800;}
.index-banner-pager-wrapper .index-banner-pager .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {content:""; position:absolute; display: block; right: 0; top:0; height: 100%; width: 25px; background-color: #F6A800;}