@charset "utf-8";

/****** loading ******/
h5 {
  color: #CD450A;
  font-size: 1.125em;
  font-weight: normal;
  line-height: 1.25em;
  margin-bottom: 4px;
}

.loaders {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #ffffff;
  text-align: center;
}

.loaders .loader {
  width: 100%;
  height: 100%;
  position: relative;
}

.loaders .loadingWrap {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -50px;
}

.loaders .loadingLogo {
  /* display: inline-block; */
  top: 2px;
  left: 22px;
  position: absolute;
  width: 56px;
  height: 56px;
  color: inherit;
  vertical-align: top;
  pointer-events: none;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2044.7%2044.7%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f7c600%3B%7D.cls-2%7Bfill%3Anone%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3E1_2%3C/title%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M313.17%2C405.27l-.06%2C0a11.9%2C11.9%2C0%2C0%2C1%2C.9%2C7.82c-1.77%2C7.7-10.87%2C12.32-20.16%2C10.44a24.76%2C24.76%2C0%2C0%2C1-3.94-1.22c-2-.83-2.33-1-3.61-1.56a3.46%2C3.46%2C0%2C0%2C0-3.75.73L280%2C423.79s-1.6%2C1.42-1.61%2C2.63a3.35%2C3.35%2C0%2C0%2C0%2C1.82%2C2.66%2C23.52%2C23.52%2C0%2C0%2C0%2C8.52%2C3.54c11.89%2C2.41%2C23.71-4.22%2C26.15-15A17.62%2C17.62%2C0%2C0%2C0%2C313.17%2C405.27Z%22%20transform%3D%22translate%28-274.05%20-389.02%29%22/%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2222.35%22%20cy%3D%2222.35%22%20r%3D%2217.96%22/%3E%3Crect%20class%3D%22cls-2%22%20width%3D%2244.7%22%20height%3D%2244.7%22/%3E%3C/svg%3E);
  animation: FAST-Loading 1s linear infinite;
  position: relative;
}

.loaders .loadingText {
  top: 60px;
  position: absolute;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0.875em;
}

@-webkit-keyframes FAST-Loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(360deg);
  }
}

@keyframes FAST-Loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(360deg);
  }
}

/****** loading ******/

/*main visual css*/
#homeWrap1 #home_visual {
  position: relative;
}

#homeWrap1 #bg_headlines {
  position: absolute;
  left: 50%;
  margin-left: -480px;
  botttom: 0;
  width: 320px;
  background-color: #ff8624;
  z-index: 800;
  color: #FFF;
  padding: 50px 25px 20px 25px;
  height: 100%;
  display: none;
}

#homeWrap1 .headeline {
  position: absolute;
  left: 0;
  top: 0;
  color: #FFF;
  font-size: 170%;
  width: 300px;
  padding: 30px 20px;
  background-color: #ff8624;
  color: #333;
  display: table;
}

#homeWrap1 .headlineWrap {
  display: table-cell;
  vertical-align: middle;
}

#homeWrap1 .headeline .headlineTitle {
  font-size: 80%;
  font-weight: bold;
  /* height:120px; */
  overflow: hidden;
  /* margin-bottom:15px; */
  line-height: 1.5em;
}

/* .middle_size #homeWrap1 .headeline h2{ font-size:170%;}
.large_size #homeWrap1 .headeline h2{ font-size:180%; }
.middle_size #homeWrap1 .headeline h3{ font-size:95%; }
.middle_size #homeWrap1 .headeline h4{ font-size:88%; }
.large_size #homeWrap1 .headeline h3{ font-size:105%; }
.large_size #homeWrap1 .headeline h4{ font-size:95%; } */

#homeWrap1 .visualslider {
  overflow: hidden;
  z-index: 1000;
  ;
}

#homeWrap1 .visualslider .view,
#homeWrap1 .visualslider .view-content {
  width: 100%;
  height: 100%;
  position: relative;
}

#homeWrap1 .visualslider .wrap {
  position: relative;
  margin: 0 auto;
  width: 936px;
  height: 100%;
  /* min-height:340px\9;*/
}

#homeWrap1 .visualslider-image {
  position: absolute;
  right: 0;
}

#homeWrap1 .visualslider-image a {
  display: block;
  line-height: 0;
}

#homeWrap1 .visualslider-item {
  position: relative;
}

#homeWrap1 .visualslider-item-secondary {
  display: none;
}

#homeWrap1 .visualslider-controls {
  position: absolute;
  z-index: 100;
  right: 50%;
  bottom: 10px;
  width: 85px;
  height: 35px;
  margin-right:
    /* -465px; */
    -458px;
  overflow: hidden;
}

* html #homeWrap1 .visualslider-controls {
  bottom: 20px;
}

#homeWrap1 .visualslider-controls>a {
  float: left;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

#homeWrap1 .visualslider-controls .next {
  /* background-image: url(../images/home/slide_arrow_right.gif); */
  background-color: #18676b;
  width: 25px;
  height: 35px;
}

#homeWrap1 .visualslider-controls .next:before {
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  border: 2px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 13px;
  right: 10px;
}

#homeWrap1 .visualslider-controls .next:hover,
#homeWrap1 .visualslider-controls .next:focus {
  /* background-position: 0 -35px; */
  background-color: #003b3e;
}

#homeWrap1 .visualslider-controls .previous {
  /* background-image: url(../images/home/slide_arrow_left.gif); */
  background-color: #18676b;
  width: 25px;
  height: 35px;
}

#homeWrap1 .visualslider-controls .previous:before {
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  border: 2px solid #fff;
  border-right-width: 0;
  border-bottom-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 13px;
  left: 10px;
}

#homeWrap1 .visualslider-controls .previous:hover,
#homeWrap1 .visualslider-controls .previous:focus {
  /* background-position: 0 -35px; */
  background-color: #003b3e;
}

#homeWrap1 .visualslider-controls .previous.disabled,
#homeWrap1 .visualslider-controls .next.disabled {
  opacity: 0.7;
  cursor: default;
}

#homeWrap1 .visualslider-controls .previous.disabled:hover,
#homeWrap1 .visualslider-controls .next.disabled:hover,
#homeWrap1 .visualslider-controls .previous.disabled:focus,
#homeWrap1 .visualslider-controls .next.disabled:focus {
  background-color: #ff8624;
}

#homeWrap1 .visualslider-controls .pause {
  /* background-image: url(../images/home/slide_btn_stop.png); */
  background-color: #18676b;
  width: 35px;
  height: 35px;
  position: relative;
}

#homeWrap1 .visualslider-controls .pause:before,
#homeWrap1 .visualslider-controls .pause:after {
  content: '';
  height: 15px;
  width: 5px;
  display: block;
  background: #fff;
  position: absolute;
  top: 10px;
  left: 11px;
}

#homeWrap1 .visualslider-controls .pause:after {
  left: 19px;
}

#homeWrap1 .visualslider-controls .pause:hover,
#homeWrap1 .visualslider-controls .pause:focus {
  /* background-position: 0 -35px; */
  background-color: #003b3e;
}

#homeWrap1 .visualslider-controls .play {
  position: relative;
  bottom: auto;
  left: auto;
  /* background-image: url(../images/home/slide_btn_play.png); */
  background-color: #18676b;
  width: 35px;
  height: 35px;
}

#homeWrap1 .visualslider-controls .play:before {
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 8px transparent solid;
  border-right-width: 0;
  border-left-color: #fff;
  position: absolute;
  top: 10px;
  left: 15px;
  background: none;
}

#homeWrap1 .visualslider-controls .play:after {
  display: none;
}

#homeWrap1 .visualslider-controls .play:hover,
#homeWrap1 .visualslider-controls .play:focus {
  /* background-position: 0 -35px; */
  background-color: #003b3e;
}

#homeWrap1 .visualslider .prev-image {
  position: absolute;
  left: -936px;
  top: 0;
  opacity: 0.4;
  background-color: #effdec;
}

#homeWrap1 .visualslider .next-image {
  position: absolute;
  top: 0;
  right: -636px;
  opacity: 0.4;
  background-color: #effdec;
}

/*main visual css ends*/

/* #homeWrap1{
  position:relative;
}
#homeWrap1 .maskLeft{
  position:absolute;
  left:0;
  top:0;
  width:100px;
  height:100%;
  background:url('../images/main-vis-left-cover.png') repeat-y 0 0;
  z-index:10;
}
#homeWrap1 .maskRight{
  position:absolute;
  right:0;
  top:0;
  width:100px;
  height:100%;
  background:url('../images/main-vis-right-cover.png') repeat-y 100% 0;
  z-index:10;
}
#homeWrap1 .homeSliderWrap .slick-slide a{
  font-size:0;
}
#homeWrap1 .homeSliderWrap .slick-slide img{
  width:100%;
}
#homeWrap1 .homeSliderWrap .slick-slide .title, #homeWrap1 .homeSliderWrap .slick-slide .desc{display:none;}
#homeWrap1 .homeSliderWrap ul.customDots{
  bottom: 10px;
    display: table;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  z-index:10;
}
#homeWrap1 .homeSliderWrap ul.customDots>li{
  display:table-cell;
  padding:0 10px;
  vertical-align:middle;
}
#homeWrap1 .homeSliderWrap ul.customDots>li>button{
  display:block;
  cursor:pointer;
  width:15px;
  height:15px;
  background-color:#a6914b;
  text-indent:-9999px;
  border:0;
}
#homeWrap1 .homeSliderWrap ul.customDots>li>button:hover{
  background-color:#ff9f50;
}
#homeWrap1 .homeSliderWrap ul.customDots>li.slick-active>button{
  border:2px solid #FF9F50;
  background-color:#843202;
}
#homeWrap1 .homeSliderWrap a.btn_status{height:30px; width:30px; display:block; position:relative; border:2px solid #FFE694;}
#homeWrap1 .homeSliderWrap a.btn_status:hover{border-color:#ff9f50;} 
#homeWrap1 .homeSliderWrap a.btn_pause:before, #homeWrap1 .homeSliderWrap a.btn_pause:after{content:''; height:15px; width:5px; display:block; background:#FFE694; position:absolute; top:6px; left:6px;}
#homeWrap1 .homeSliderWrap a.btn_pause:hover:before, #homeWrap1 .homeSliderWrap a.btn_pause:hover:after{background:#ff9f50;}
#homeWrap1 .homeSliderWrap a.btn_pause:after{left:15px;}
#homeWrap1 .homeSliderWrap a.btn_play:before{content:''; height:0; width:0; display:block; border:8px transparent solid; border-right-width:0; border-left-color:#FFE694; position:absolute; top:5px; left:10px;}
#homeWrap1 .homeSliderWrap a.btn_play:hover:before{border-left-color:#ff9f50;}
#homeWrap1 .captionWrapOverlay{
  background-color:#000;
  opacity:0.7;
  width:100%;
  height:50px;
  position: absolute;
  bottom:0;
  left:0;
}
#homeWrap1 .captionWrap{
  padding:10px 0 50px 0;
  width:100%;
  height:140px;
  position: absolute;
  bottom:0;
  left:0;
  z-index:1;
  display:none;
}
#homeWrap1 .captionWrap .title{
  color:#FFE694;
  text-align:center;
  font-size:1.25em;
  font-weight:bold;
}
#homeWrap1 .captionWrap .desc{
  color:#fff;
  text-align:center;
} */

#homeWrap2.topic1 {
  background: url('../images/index-maintab-bg.jpg') repeat-x 0 0;
}

#homeWrap2.topic2 {
  background: url('../images/index-maintab-ExtendHorizon-bg.jpg') repeat-x 0 0;
}

#homeWrap2.topic3 {
  background: url('../images/index-maintab-LifelongLearning-bg.jpg') repeat-x 0 0;
}

#homeWrap2 .topNav {
  /* height:200px;
  padding-top:71px; */
  height: 150px;
  text-align: center;
}

#homeWrap2.topic1 .topNav {
  background: url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic2 .topNav {
  background: url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic3 .topNav {
  background: url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic1 .topNav.change0 {
  /* background:url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0; */
}

#homeWrap2.topic1 .topNav.change1 {
  background: url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic1 .topNav.change2 {
  background: url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic2 .topNav.change0 {
  background: url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic2 .topNav.change1 {
  /* background:url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0; */
}

#homeWrap2.topic2 .topNav.change2 {
  background: url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic3 .topNav.change0 {
  background: url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic3 .topNav.change1 {
  background: url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0;
  background-size: auto 150px;
}

#homeWrap2.topic3 .topNav.change2 {
  /* background:url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0, url('../images/index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0; */
}

#homeWrap2 .mobileTopNav {
  display: none;
  height: 109px;
  padding-top: 30px;
  text-align: center;
  position: relative;
  z-index: 10;
}

#homeWrap2.topic1 .mobileTopNav {
  background: url('../images/mobile-index-maintab-btn-HarmonicCommunity-hover.png') no-repeat 50% 0;
  background-size: auto 109px;
}

#homeWrap2.topic2 .mobileTopNav {
  background: url('../images/mobile-index-maintab-btn-ExtendHorizon-hover.png') no-repeat 50% 0;
  background-size: auto 109px;
}

#homeWrap2.topic3 .mobileTopNav {
  background: url('../images/mobile-index-maintab-btn-LifelongLearning-hover.png') no-repeat 50% 0;
  background-size: auto 109px;
}

#homeWrap2 .mobileTopNav>ul {
  /* text-align:center;
  margin:0 auto; */
  display: none;
}

#homeWrap2 .mobileTopNav>ul img {
  height: 45px;
}

#homeWrap2 .mobileTopNav>ul>li {
  position: relative;
  font-size: 0;
}

#homeWrap2 .mobileTopNav>ul>li>div {
  position: absolute;
  top: 45px;
  left: -80px;
  display: none;
  /* z-index:10; */
  width: 300px;
}

#homeWrap2 .mobileTopNav>ul>li>div>ul>li>a {
  margin-top: 2px;
  width: 214px;
}

#homeWrap2.topic1 .mobileTopNav>ul>li>div>ul>li:nth-child(1)>a {
  background-color: #C59DF7;
}

#homeWrap2.topic1 .mobileTopNav>ul>li>div>ul>li:nth-child(2)>a {
  background-color: #F69B9B;
}

#homeWrap2.topic2 .mobileTopNav>ul>li>div>ul>li:nth-child(1)>a {
  background-color: #7AE4CC;
}

#homeWrap2.topic2 .mobileTopNav>ul>li>div>ul>li:nth-child(2)>a {
  background-color: #F69B9B;
}

#homeWrap2.topic3 .mobileTopNav>ul>li>div>ul>li:nth-child(1)>a {
  background-color: #7AE4CC;
}

#homeWrap2.topic3 .mobileTopNav>ul>li>div>ul>li:nth-child(2)>a {
  background-color: #C59DF7;
}

#homeWrap2 .mobileTopNav>ul>li>div>ul {
  display: inline-block;
}

#homeWrap2 .mobileTopNav>ul>li>div a {
  display: block;
  background-color: #7AE4CC;
  transform: skewX(-45deg);
}

#homeWrap2 .mobileTopNav>ul>li>a {
  display: inline-block;
  font-size: 0;
  /* padding-right:30px; */
  position: relative;
}

#homeWrap2 .mobileTopNav>ul>li img {
  max-width: 100%;
}

#homeWrap2 .mobileTopNav>ul>li>div img {
  transform: skewX(45deg);
}

/* #homeWrap2 .mobileTopNav>ul>li>span.arrow{
  position:absolute;
  width:30px;
  hieght:45px;
  display:inline-block;
  cursor:pointer;
  top:0;
  right:-15px;
  transform:translateY(-50%);
  z-index:10;
} */
/* #homeWrap2 .mobileTopNav>ul>li>span.arrow:before{ */
#homeWrap2 .mobileTopNav>ul>li>a:before {
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  border: 2px solid;
  border-right-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  right: 0;
}

/* #homeWrap2.topic1 .mobileTopNav>ul>li>span.arrow:before{ */
#homeWrap2.topic1 .mobileTopNav>ul>li>a:before {
  border-color: #54b7a3;
}

/* #homeWrap2.topic2 .mobileTopNav>ul>li>span.arrow:before{ */
#homeWrap2.topic2 .mobileTopNav>ul>li>a:before {
  border-color: #4b3b6a;
}

/* #homeWrap2.topic3 .mobileTopNav>ul>li>span.arrow:before{ */
#homeWrap2.topic3 .mobileTopNav>ul>li>a:before {
  border-color: #5f2f2d;
}

#homeWrap2.topic1 .slick-slide {
  background-color: #1F7A7D;
}

#homeWrap2.topic2 .slick-slide {
  background-color: #7543B2;
}

#homeWrap2.topic3 .slick-slide {
  background-color: #C64444;
}

#homeWrap2 .topNav a {
  font-size: 0;
  display: inline-block;
}

#homeWrap2 .topNav a:nth-child(2) {
  /* margin:0 75px; */
}

#homeWrap2 .contentTab {
  display: none;
}

#homeWrap2 .contentTab .homeSliderWrap {
  padding: 0 100px;
}

#homeWrap2 .slick-track {
  display: flex;
  /* height:100%; */
}

#homeWrap2 .slick-slide {
  /* display:flex !important; */
  /* float:none; */
  /* flex-shrink:0; */
  height: auto;
  margin: 0 10px;
  /* background-color:#1F7A7D; */
  border-radius: 10px;
}

#homeWrap2 .slick-slide .slide_inner {
  /* margin:0 10px; */
  margin: 0;
  height: 100%;
  border-radius: 10px;
}

#homeWrap2 .prev,
#homeWrap2 .next {
  position: absolute;
  width: 45px;
  height: 90px;
  display: block;
}

#homeWrap2 .prev {
  top: 50%;
  left: 30px;
  margin-top: -45px;
}

#homeWrap2 .next {
  top: 50%;
  right: 30px;
  margin-top: -45px;
}

#homeWrap2 .slick-disabled {
  cursor: default;
}

#homeWrap2 .prev:before {
  content: '';
  height: 50px;
  width: 50px;
  display: block;
  border: 4px solid;
  border-right-width: 0;
  border-bottom-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 20px;
  left: 12px;
}

#homeWrap2 .next:before {
  content: '';
  height: 50px;
  width: 50px;
  display: block;
  border: 4px solid;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 20px;
  right: 12px;
}

#homeWrap2.topic1 .prev:before,
#homeWrap2.topic1 .next:before {
  border-color: #93d1c5;
}

#homeWrap2.topic1 .prev:hover:before,
#homeWrap2.topic1 .next:hover:before,
#homeWrap2.topic1 .prev:focus:before,
#homeWrap2.topic1 .next:focus:before {
  border-color: #34967d;
}

#homeWrap2.topic2 .prev:before,
#homeWrap2.topic2 .next:before {
  border-color: #9a8bb4;
}

#homeWrap2.topic2 .prev:hover:before,
#homeWrap2.topic2 .next:hover:before,
#homeWrap2.topic2 .prev:focus:before,
#homeWrap2.topic2 .next:focus:before {
  border-color: #382b52;
}

#homeWrap2.topic3 .prev:before,
#homeWrap2.topic3 .next:before {
  border-color: #b28886;
}

#homeWrap2.topic3 .prev:hover:before,
#homeWrap2.topic3 .next:hover:before,
#homeWrap2.topic3 .prev:focus:before,
#homeWrap2.topic3 .next:focus:before {
  border-color: #462118;
}

#homeWrap2.topic1 .slick-disabled:hover:before,
#homeWrap2.topic1 .slick-disabled:focus:before {
  border-color: #93d1c5;
}

#homeWrap2.topic2 .slick-disabled:hover:before,
#homeWrap2.topic2 .slick-disabled:focus:before {
  border-color: #9a8bb4;
}

#homeWrap2.topic3 .slick-disabled:hover:before,
#homeWrap2.topic3 .slick-disabled:focus:before {
  border-color: #b28886;
}

#homeWrap2 .slick-slide .photo {}

#homeWrap2 .slick-slide .photo img {
  max-width: 100%;
  border-radius: 10px 10px 0 0;
}

#homeWrap2 .slick-slide .details {}

#homeWrap2 .slick-slide .details .date.roundCorner {
  border-radius: 10px 10px 0 0;
}

#homeWrap2 .slick-slide .details .date {
  background: url('../images/index-maintab-icon-date.png') no-repeat 15px 50%;
  padding: 10px 15px 10px 50px;
  color: #F7FE60;
}

#homeWrap2.topic1 .slick-slide .details .date {
  background-color: #18676B;
}

#homeWrap2.topic2 .slick-slide .details .date {
  background-color: #6237A2;
}

#homeWrap2.topic3 .slick-slide .details .date {
  background-color: #B93737;
}

#homeWrap2.topic1 .slick-slide:hover .details .date,
#homeWrap2.topic1 .slick-slide:focus .details .date {
  background-color: #0e4649;
}

#homeWrap2.topic2 .slick-slide:hover .details .date,
#homeWrap2.topic2 .slick-slide:focus .details .date {
  background-color: #3d1f7b;
}

#homeWrap2.topic3 .slick-slide:hover .details .date,
#homeWrap2.topic3 .slick-slide:focus .details .date {
  background-color: #841212;
}

#homeWrap2 .slick-slide .details .desc {
  color: #fff;
  padding: 10px 15px;
  border-radius: 0 0 10px 10px;
}

#homeWrap2 .slick-slide span {
  display: block;
}

#homeWrap2 .slick-slide span.title span {
  display: inline;
}

/* #homeWrap2 .slick-slide .details .desc{
  max-height:100px;
  overflow:hidden;
  text-overflow:ellipsis;
} */
#homeWrap2.topic1 .slick-slide .details .desc,
#homeWrap2.topic1 .slick-slide .slide_inner {
  background-color: #1F7A7D;
}

#homeWrap2.topic2 .slick-slide .details .desc,
#homeWrap2.topic2 .slick-slide .slide_inner {
  background-color: #7543B2;
}

#homeWrap2.topic3 .slick-slide .details .desc,
#homeWrap2.topic3 .slick-slide .slide_inner {
  background-color: #C64444;
}

#homeWrap2.topic1 .slick-slide:hover .details .desc,
#homeWrap2.topic1 .slick-slide:hover .slide_inner,
#homeWrap2.topic1 .slick-slide:focus .details .desc,
#homeWrap2.topic1 .slick-slide:focus .slide_inner {
  background-color: #135659;
}

#homeWrap2.topic2 .slick-slide:hover .details .desc,
#homeWrap2.topic2 .slick-slide:hover .slide_inner,
#homeWrap2.topic2 .slick-slide:focus .details .desc,
#homeWrap2.topic2 .slick-slide:focus .slide_inner {
  background-color: #4d278f;
}

#homeWrap2.topic3 .slick-slide:hover .details .desc,
#homeWrap2.topic3 .slick-slide:hover .slide_inner,
#homeWrap2.topic3 .slick-slide:focus .details .desc,
#homeWrap2.topic3 .slick-slide:focus .slide_inner {
  background-color: #991818;
}

#homeWrap2 .slick-slide .details .desc .title {
  color: #F7FE60;
  padding-bottom: 10px;
  display: block;
  font-size: 1.15em;
}

#homeWrap2 .moreWrap {
  text-align: center;
  padding: 50px 0;
}

#homeWrap2 .moreWrap a.btn_more {
  padding-right: 20px;
  position: relative;
  font-weight: bold;
}

#homeWrap2 .moreWrap a.btn_more:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 12px;
  top: 4px;
  right: 5px;
}

#homeWrap2 .moreWrap a.btn_more:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 2px;
  top: 9px;
  right: 0;
}

#homeWrap2.topic1 .moreWrap a.btn_more {
  color: #1F7A7D;
}

#homeWrap2.topic1 .moreWrap a.btn_more:before,
#homeWrap2.topic1 .moreWrap a.btn_more:after {
  background-color: #1F7A7D;
}

#homeWrap2.topic2 .moreWrap a.btn_more {
  color: #4B3B6A;
}

#homeWrap2.topic2 .moreWrap a.btn_more:before,
#homeWrap2.topic2 .moreWrap a.btn_more:after {
  background-color: #4B3B6A;
}

#homeWrap2.topic3 .moreWrap a.btn_more {
  color: #5F2F2D;
}

#homeWrap2.topic3 .moreWrap a.btn_more:before,
#homeWrap2.topic3 .moreWrap a.btn_more:after {
  background-color: #5F2F2D;
}

#homeWrap2 .moreWrap a.btn_more:hover,
#homeWrap2 .moreWrap a.btn_more:focus {
  text-decoration: underline;
}

#homeWrap2 .slick-slide .details .desc .title .color_brown,
#homeWrap2 .slick-slide .details .desc .title .color_blue,
#homeWrap2 .slick-slide .details .desc .title .color_purple,
#homeWrap2 .slick-slide .details .desc .title .color_orange,
#homeWrap2 .slick-slide .details .desc .title .color_green {
  color: #F7FE60;
}

#homeWrap3 {
  background: url('../images/index-GreenPlatform-bg.jpg') repeat-x 0 0;
}

#homeWrap3 .topNav {
  background: url('../images/index-hd-GreenPlatform-bg.png') no-repeat 50% 100%;
  background-size: auto 150px;
  /* height:200px; */
  height: 150px;
  text-align: center;
  /* padding-top:63px; */
}

#homeWrap3 .mobileTopNav {
  display: none;
  background: url('../images/mobile-index-hd-GreenPlatform-bg.png') no-repeat 50% 0;
  background-size: auto 109px;
  height: 109px;
  padding-top: 30px;
  text-align: center;
}

#homeWrap3 .mobileTopNav img {
  height: 45px;
}

#homeWrap3 .containerWrap {
  padding: 0 30px;
}

#homeWrap3 .containerWrap>div>div {
  display: table;
  float: left;
  width: calc(50% - 25px * 1 / 2);
  margin-left: 25px;
  margin-bottom: 20px;
}

#homeWrap3 .containerWrap>div>div:nth-child(2n+1) {
  margin-left: 0;
}

#homeWrap3 .containerWrap>div>div>div {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}

#homeWrap3 .containerWrap>div>div>div:nth-child(1) {
  padding-right: 10px;
}

#homeWrap3 .containerWrap>div>div .icon_life {
  /* max-width:100%; */
}

#homeWrap3 .containerWrap>div>div .small_icon_life {
  display: none;
  width: 65px;
  padding: 10px 5px 0 5px;
}

#homeWrap3 .containerWrap .sliderContainer {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

#homeWrap3 .slider-nav-container {
  display: table-cell;
  vertical-align: top;
  background: url('../images/index-GreenPlatform-left-bg.gif') repeat-y 0 0 #FFE694;
  /* background-color:#FFC507; */
  width: 80px;
  border-radius: 10px 0 0 10px;
  position: relative;
  /* padding:40px 0 ; */
  line-height: 0;
}

#homeWrap3 .containerWrap .sliderContainer.hover .slider-nav-container,
#homeWrap3 .containerWrap .sliderContainer.focus .slider-nav-container {
  background-color: #ffdd5f;
}

#homeWrap3 .slider-nav {
  /* display:table-cell;
  vertical-align:top; */
  /* background:url('../images/index-GreenPlatform-left-bg.gif') repeat-y 0 0 #FFE694; */
  /* background-color:#FFC507; */
  /* width:80px;
  border-radius:10px 0 0 10px; */
  position: relative;
  padding: 40px 0;
}

#homeWrap3 .slider-nav .prev,
#homeWrap3 .slider-nav .next {
  position: absolute;
  width: 30px;
  height: 25px;
  display: block;
}

#homeWrap3 .slider-nav .prev {
  top: 10px;
  left: 20px;
}

#homeWrap3 .slider-nav .next {
  bottom: 10px;
  left: 20px;
}

#homeWrap3 .slider-nav .prev:before {
  content: '';
  height: 15px;
  width: 15px;
  display: block;
  border: 2px solid #047FA1;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: 7px;
}

#homeWrap3 .slider-nav .next:before {
  content: '';
  height: 15px;
  width: 15px;
  display: block;
  border: 2px solid #047FA1;
  border-right-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  bottom: 4px;
  left: 7px;
}

#homeWrap3 .slider-nav .prev:hover:before,
#homeWrap3 .slider-nav .next:hover:before,
#homeWrap3 .slider-nav .prev:focus:before,
#homeWrap3 .slider-nav .next:focus:before {
  border-color: #912f00;
}

#homeWrap3 .slider-nav .slick-slide {
  text-align: center;
  width: 66px !important;
  height: 50px;
  line-height: 50px;
  position: relative;
  font-size: 140%;
  text-indent: -9999px;
}

#homeWrap3 .slider-nav .slick-slide:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #795c00;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#homeWrap3 .slider-nav .slick-slide.slick-current:after {
  background-color: #fff;
}

#homeWrap3 .slider-nav .slick-slide:not(.slick-current):hover,
#homeWrap3 .slider-nav .slick-slide:not(.slick-current):focus {
  background: url('../images/index-GreenPlatform-left-bg-hover.gif') repeat-y 0 0;
}

#homeWrap3 .slider-nav .slick-track {
  padding-right: 30px;
}

#homeWrap3 .slider-nav .slick-slide.slick-current {
  background-color: #09604D;
  color: #fff;
}

#homeWrap3 .slider-nav .slick-slide.slick-current:before {
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 10px transparent solid;
  border-right-width: 0;
  border-left-color: #09604D;
  position: absolute;
  top: 50%;
  right: -11px;
  z-index: 9999;
  transform: translateY(-50%);
}

#homeWrap3 .slider-for {
  display: table-cell;
  vertical-align: top;
  background-color: #FFE694;
  border-radius: 0 10px 10px 0;
}

#homeWrap3 .containerWrap .sliderContainer.hover .slider-for,
#homeWrap3 .containerWrap .sliderContainer.focus .slider-for {
  background-color: #ffdd5f;
}

#homeWrap3 .slider-for .slide_inner {
  padding: 30px 30px 30px 0;
  display: table;
  width: 100%;
}

#homeWrap3 .slider-for .slide_inner>* {
  display: table-cell;
  vertical-align: top;
}

#homeWrap3 .slider-for .slide_inner>*:nth-child(1) {
  padding-right: 20px;
}

#homeWrap3 .slider-for .slide_inner>*:nth-child(1) img {
  max-width: 220px;
  max-height: 200px;
}

@media all and (-ms-high-contrast:none) {
  /* #homeWrap3 .slider-for .slide_inner>*:nth-child(1) img{width:220px;} */
  /* IE10 */
  /* *::-ms-backdrop, #homeWrap3 .slider-for .slide_inner>*:nth-child(1) img{width:220px;} */
  /* IE11 */
}

#homeWrap3 .slider-for .slide_inner>*:nth-child(2) {
  color: #333;
  width: 100%;
}

#homeWrap3 .slider-for .slide_inner>*:nth-child(2) .title {
  color: #333;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 22px;
  /* padding-bottom:10px; */
}

#homeWrap3 .slider-for .slide_inner>*:nth-child(2) .date {
  color: #333;
  font-size: 1.25em;
  padding-bottom: 10px;
}

#homeWrap3 .moreWrap {
  text-align: center;
  padding: 30px 0 50px 0;
}

#homeWrap3 .moreWrap a.btn_more {
  padding-right: 20px;
  position: relative;
  font-weight: bold;
  color: #09604D;
}

#homeWrap3 .moreWrap a.btn_more:hover,
#homeWrap3 .moreWrap a.btn_more:focus {
  text-decoration: underline;
}

#homeWrap3 .moreWrap a.btn_more:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 12px;
  top: 4px;
  right: 5px;
  background-color: #09604D;
}

#homeWrap3 .moreWrap a.btn_more:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 2px;
  top: 9px;
  right: 0;
  background-color: #09604D;
}

#homeWrap4 {
  background: url('../images/index-ActivityGallery-bg.jpg') repeat-x 0 0;
}

#homeWrap4 .topNav {
  background: url('../images/index-hd-ActivityGallery-bg.png') no-repeat 50% 0;
  background-size: auto 150px;
  /* height:200px; */
  height: 150px;
  text-align: center;
  /* padding-top:63px; */
}

#homeWrap4 .mobileTopNav {
  display: none;
  background: url('../images/mobile-index-hd-ActivityGallery-bg.png') no-repeat 50% 0;
  background-size: auto 109px;
  height: 109px;
  padding-top: 30px;
  text-align: center;
}

#homeWrap4 .mobileTopNav img {
  height: 45px;
}

#homeWrap4 .homeSliderWrap {
  padding: 0 10px;
}

#homeWrap4 .homeSliderWrap .slick-slide {
  padding: 0 20px;
}

#homeWrap4 .homeSliderWrap .item:nth-child(4n+1) {
  margin-left: 0;
}

#homeWrap4 .homeSliderWrap .item {
  float: left;
  margin-bottom: 2%;
  margin-left: 2%;
  width: calc(24.9999% - 2% * 3 / 4);
  background-color: #2B4829;
  border-radius: 10px;
}

#homeWrap4 .homeSliderWrap .item span {
  display: block;
}

#homeWrap4 .homeSliderWrap .photo {
  /* new added */
  padding-bottom: 56%;
  position: relative;
  line-height: 0;
  text-align: center;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  /* new added */
}

#homeWrap4 .homeSliderWrap .photo img {
  max-width: 100%;
  /* border-radius:10px 10px 0 0; */

  /* new added */
  position: absolute;
  max-height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* new added */
}

#homeWrap4 .homeSliderWrap .details {
  background-color: #2B4829;
  padding: 15px 20px;
  color: #D4FE8E;
  border-radius: 0 0 10px 10px;
}

#homeWrap4 .homeSliderWrap .item:hover,
#homeWrap4 .homeSliderWrap .item:hover .details,
#homeWrap4 .homeSliderWrap .item:focus,
#homeWrap4 .homeSliderWrap .item:focus .details {
  background-color: #446600;
}

#homeWrap4 .homeSliderWrap .details .date {
  color: #fff;
}

#homeWrap4 .moreWrap {
  padding: 50px 0;
}

#homeWrap4 .moreWrap ul.customDots {
  display: table;
  /*  bottom: 50px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  z-index:10; */
  margin: 0 auto;
}

#homeWrap4 .moreWrap ul.customDots>li {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}

#homeWrap4 .moreWrap ul.customDots>li>button {
  display: block;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background-color: #5EC375;
  text-indent: -9999px;
  border: 0;
}

#homeWrap4 .moreWrap ul.customDots>li>button:hover,
#homeWrap4 .moreWrap ul.customDots>li>button:focus {
  background-color: #be6e31;
}

#homeWrap4 .moreWrap ul.customDots>li.slick-active>button {
  border: 2px solid #5EC375;
  background-color: #BE6E31;
}

#homeWrap4 .moreWrap a.btn_more {
  position: relative;
  padding-right: 20px;
  font-weight: bold;
  color: #294725;
}

#homeWrap4 .moreWrap a.btn_more:hover,
#homeWrap4 .moreWrap a.btn_more:focus {
  text-decoration: underline;
}

#homeWrap4 .moreWrap a.btn_more:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 12px;
  top: 4px;
  right: 5px;
  background-color: #294725;
}

#homeWrap4 .moreWrap a.btn_more:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 2px;
  top: 9px;
  right: 0;
  background-color: #294725;
}

#homeWrap4 .moreWrap ul.customDots>li.more {
  position: relative;
  padding-left: 50px;
}

#homeWrap4 .moreWrap ul.customDots>li.more:after {
  content: '';
  width: 40px;
  height: 1px;
  position: absolute;
  left: 25px;
  top: 40%;
  background-color: #4F9793;
  transform: rotate(-45deg) translate(-50%, -50%);
  /* -webkit-transform: rotate(135deg) translate(-50%,-50%); */
  transform-origin: left;
  -webkit-transform-origin: left;
}

#homeWrap4 .mobileHomeSliderWrap,
#homeWrap4 .mobileMoreWrap {
  display: none;
}

#homeWrap4 .mobileMoreWrap {
  text-align: center;
  padding: 30px 0;
}

#homeWrap4 .mobileMoreWrap a.btn_more {
  position: relative;
  padding-right: 20px;
  font-weight: bold;
  color: #294725;
}

#homeWrap4 .mobileMoreWrap a.btn_more:hover,
#homeWrap4 .mobileMoreWrap a.btn_more:focus {
  text-decoration: underline;
}

#homeWrap4 .mobileMoreWrap a.btn_more:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 12px;
  top: 4px;
  right: 5px;
  background-color: #294725;
}

#homeWrap4 .mobileMoreWrap a.btn_more:after {
  position: absolute;
  content: '';
  width: 12px;
  height: 2px;
  top: 9px;
  right: 0;
  background-color: #294725;
}

#homeWrap4 .mobileHomeSliderWrap .slick-track {
  display: flex !important;
}

#homeWrap4 .mobileHomeSliderWrap .slick-slide {
  margin: 0 15px;
  height: auto !important;
  background-color: #2B4829;
  border-radius: 10px;
}

#homeWrap4 .mobileHomeSliderWrap .slick-slide:hover,
#homeWrap4 .mobileHomeSliderWrap .slick-slide:hover .details,
#homeWrap4 .mobileHomeSliderWrap .slick-slide:focus,
#homeWrap4 .mobileHomeSliderWrap .slick-slide:focus .details {
  background-color: #446600;
}

#homeWrap4 .mobileHomeSliderWrap .slick-slide span {
  display: block;
}

#homeWrap4 .mobileHomeSliderWrap .item {
  /* float: left;
    margin-bottom: 2%;
    margin-left: 2%;
    width: calc(25% - 2% * 3 / 4); */
  /* background-color:#2B4829;
  border-radius:10px; */
  height: 100%;
}

#homeWrap4 .mobileHomeSliderWrap .photo {
  /* new added */
  padding-bottom: 56%;
  position: relative;
  line-height: 0;
  text-align: center;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  /* new added */
}

#homeWrap4 .mobileHomeSliderWrap .photo img {
  width: 100%;
  /* border-radius:10px 10px 0 0; */

  /* new added */
  position: absolute;
  max-height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* new added */
}

#homeWrap4 .mobileHomeSliderWrap .details {
  background-color: #2B4829;
  padding: 15px 20px;
  color: #D4FE8E;
  border-radius: 0 0 10px 10px;
}

#homeWrap4 .mobileHomeSliderWrap .details .date {
  color: #fff;
}

#homeWrap5 {
  background: url('../images/index-HSCNewsletter-bg.jpg') repeat-x 0 0;
}

#homeWrap5 .topNav {
  background: url('../images/index-hd-HSCNewsletter-bg.png') no-repeat 50% 0;
  background-size: auto 150px;
  /* height:200px; */
  height: 150px;
  text-align: center;
  /* padding-top:63px; */
}

#homeWrap5 .mobileTopNav {
  display: none;
  background: url('../images/mobile-index-hd-HSCNewsletter-bg.png') no-repeat 50% 0;
  background-size: auto 109px;
  height: 109px;
  padding-top: 30px;
  text-align: center;
}

#homeWrap5 .mobileTopNav img {
  height: 45px;
}

#homeWrap5 .containerWrap {
  /* display:table;
  table-layout:fixed; */
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 30px 100px 30px;
}

#homeWrap5 .containerWrap .divLeft {
  /* display:table-cell;
  vertical-align:top; */



  /* float:left; */
  font-size: 0;
  /* width:49%;
  padding-left:5.4%; */
  width: 50%;
  padding-left: 5%;
}

#homeWrap5 .containerWrap .divLeft img {
  width: 100%;
  border-radius: 10px;
}

#homeWrap5 .containerWrap .divRight {
  /* display:table-cell;
  vertical-align:top; */



  position: relative;
  /* float:left; */
  /* width:51%; */
  width: 50%;
  /* height:100%; */
  /* padding:0 5.2% 0 7%; */
  padding: 0 0 0 7%;

  /* padding:0 0 0 9em; */
  overflow: hidden;
  /* padding:0 60px 0 90px; */
}

#homeWrap5 .containerWrap .divRight .sliderContainer {
  /* display:table;
  table-layout:fixed; */
  width: 100%;
  max-height: 396px;
  height: 100%;
  /* overflow:hidden; */
  /* max-height:300px; */
  /* max-height:398px; */
}

#homeWrap5 .containerWrap .divRight .sliderContainer {
  /* display:table-cell; */
  width: 100%;
}

#homeWrap5 .containerWrap .divRight .sliderContainer .slick-slide {
  padding-top: 10px;
}

#homeWrap5 .containerWrap .divRight .sliderContainer dt {
  float: left;
  color: #3C766F;
}

#homeWrap5 .containerWrap .divRight .sliderContainer dd {
  padding-left: 110px;
}

#homeWrap5 .containerWrap .divRight .sliderContainer dd {
  color: #333;
}

#homeWrap5 .containerWrap .divRight .sliderContainer dt a:hover,
#homeWrap5 .containerWrap .divRight .sliderContainer dd a:hover,
#homeWrap5 .containerWrap .divRight .sliderContainer dt a:focus,
#homeWrap5 .containerWrap .divRight .sliderContainer dd a:focus {
  text-decoration: underline;
}

#homeWrap5 .containerWrap .divRight .prev,
#homeWrap5 .containerWrap .divRight .next {
  position: absolute;
  width: 35px;
  height: 25px;
  display: block;
}

#homeWrap5 .containerWrap .divRight .prev {
  top: 0;
  right: 10px;
}

#homeWrap5 .containerWrap .divRight .next {
  bottom: 0;
  right: 10px;
}

#homeWrap5 .containerWrap .divRight .jspPane>div {
  margin-top: 15px;
}

#homeWrap5 .containerWrap .divRight .jspPane>div:first-child {
  margin-top: 0;
}

#homeWrap5 .jspVerticalBar {
  width: 35px;
  background: none;
}

#homeWrap5 .jspVerticalBar .jspTrack {
  background: none;
}

#homeWrap5 .jspVerticalBar .jspTrack .jspDrag {
  display: none;
}

#homeWrap5 .jspVerticalBar .jspArrow {
  height: 25px;
  position: relative;
  background: none;
}

/* #homeWrap5 .containerWrap .divRight .prev:before{ */
#homeWrap5 .jspVerticalBar .jspArrow.jspArrowUp:before {
  content: '';
  height: 20px;
  width: 20px;
  display: block;
  border: 2px solid #047FA1;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 7px;
  left: 7px;
}

/* #homeWrap5 .containerWrap .divRight .next:before{ */
#homeWrap5 .jspVerticalBar .jspArrow.jspArrowDown:before {
  content: '';
  height: 20px;
  width: 20px;
  display: block;
  border: 2px solid #047FA1;
  border-right-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  bottom: 7px;
  left: 7px;
}

#homeWrap5 .jspVerticalBar .jspArrow.jspArrowUp:hover:before,
#homeWrap5 .jspVerticalBar .jspArrow.jspArrowDown:hover:before,
#homeWrap5 .jspVerticalBar .jspArrow.jspArrowUp:focus:before,
#homeWrap5 .jspVerticalBar .jspArrow.jspArrowDown:focus:before {
  border-color: #be6e31;
}

#homeWrap5 .icon_pdf {
  display: inline-block;
  vertical-align: text-top;
  height: 20px;
}

#homeWrap5 .iconHC {
  position: relative;
  /* top:8px; */
  padding-left: 5px;
  height: 20px;
}


/* home modal */
.homePopup {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  max-width: 840px;
  width: 100%;
  z-index: 9999;
}

.homePopup .popupContent {
  background: #ffffff;
  padding: 40px 20px 20px 20px; 
  border-radius: 1.5rem;
}

.homePopup .logo {
  text-align: center;
  margin-bottom: 2.5rem;
}

.homePopup .logo img {
  display: inline-block;
  line-height: 0;
}

.homePopup p {
  /*text-align: center;*/
  line-height: 1.2;
}

.homePopup .font-bold {
  font-weight: 700;
}

.homePopup .highlight-100 {
  color: #ec1c24;
}

.homePopup .highlight-200 {
  color: #a31d21;
}

.homePopup .badge {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  gap: 0.75rem;
  /*padding: .5rem min(1.5rem , 4%);*/
  /*background: #e08400;*/
  color: #000000;
  /*text-align: center;*/
  /*border-radius: .75rem;*/
}

.homePopup .badge > span {
  display: block;
}

.homePopup .badge > span:first-child img {
  line-height: 0;
  vertical-align: bottom;
}

.homePopup a {
  color: #0190ae!important;
  text-decoration: underline!important;
  transition: text-decoration .3s ease-in-out;
}

.homePopup a:hover,
.homePopup a:focus {
  text-decoration: none!important;
}