@charset "utf-8";
/*
@import (reference) "custom-variables.less";
@import (reference) "custom-mixins.less";*/
/* need to add bootstrap matching class */
/*
@layout-max-w: 1680px;

@downSize-dsk-small: 0.75;
@downSize-tablet: 0.4;
@downSize-mobile: 0.4;


@mainContent_width: 1580px;

@maxW_padding: 30px;
*/
/*
// chart colors ======================

colors:


blue
#00bbce

pink
#de777d

orange
#f9a749

purple
#6a6eb3

green
#97cb59

brown
#a16d47


#51bf9d
#a970af
#f47a5c

*/
/*
.layoutPaddingL(){
    padding-left: @layout-padding-LR;

    @media @desktop-small{
        padding-left: @layout-padding-LR*@downSize-dsk-small;
    }
    @media @mobile{
        padding-left: @layout-padding-LR-m;
    }

}

.layoutPaddingR(){
    padding-right: @layout-padding-LR;

    @media @desktop-small{
        padding-right: @layout-padding-LR*@downSize-dsk-small;
    }
    @media @mobile{
        padding-right: @layout-padding-LR-m;
    }
}

.limitMaxW(){
    position: relative;

    max-width: @layout-max-w;
    margin: auto;
    .layoutPaddingL();
    .layoutPaddingR();

    height: 100%;
}

*/
/*
.flexCenterV_parent(){

    @media @desktop, @tablet{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


.relativeCenterY(){
    position: relative;
    top: 50%;
    .translateY(-50%);
}

.relativeCenterY_dsktp(){
    position: relative;
    top: 50%;
    .translateY(-50%);

    @media @tablet, @mobile{
        top: 0;
        .translateY(0%);
    }
}
*/
#topBanner_wrap_home {
  background: url('../../assets/images/index/opening/bg.png') no-repeat center center;
  background-size: cover;
  position: relative;
  padding-top: 80px;
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
}
@media (max-width:  767px ) {
  #topBanner_wrap_home {
    padding-top: 60px;
  }
}
#topBanner_wrap_home:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: white;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(180deg, white, rgba(255, 255, 255, 0));
  /* Standard syntax (must be last) */
  z-index: 10;
}
@media (max-width:  767px ) {
  #topBanner_wrap_home:before {
    height: 40%;
  }
}
#topBanner_wrap_home .ani-bubble .ani-img,
#topBanner_wrap_home .ani-base-ball .ani-img,
#topBanner_wrap_home .ani-line .ani-img,
#topBanner_wrap_home .ani-main .ani-img,
#topBanner_wrap_home .ani-key .ani-img,
#topBanner_wrap_home .ani-mid-ball .ani-img {
  opacity: 0;
  transform: scale(0);
}
#topBanner_wrap_home.ani-active {
  opacity: 1;
}
#topBanner_wrap_home.ani-active .ani-bubble .ani-img,
#topBanner_wrap_home.ani-active .ani-base-ball .ani-img,
#topBanner_wrap_home.ani-active .ani-line .ani-img,
#topBanner_wrap_home.ani-active .ani-main .ani-img {
  will-change: transform, opacity;
  animation: scale-in 1.2s cubic-bezier(0.65, 0, 0.73, 0.99) both;
}
#topBanner_wrap_home.ani-active #ani-key-ball,
#topBanner_wrap_home.ani-active #ani-key-base {
  will-change: transform, opacity;
  animation: scale-in 0.7s cubic-bezier(0.65, 0, 0.73, 0.99) both;
}
#topBanner_wrap_home.ani-active .ani-mid-ball .ani-img {
  will-change: transform, opacity;
  animation: scale-in 0.7s cubic-bezier(0, 0.48, 0, 1.26) both;
  animation-delay: 0.84s;
}
#topBanner_wrap_home.ani-active .ani-tree-body-mid {
  will-change: transform, opacity;
  animation: scale-up 1.2s cubic-bezier(0.65, 0, 0.73, 0.99) both;
  animation-delay: 0s;
}
#topBanner_wrap_home.ani-active #ani-key-text-1,
#topBanner_wrap_home.ani-active #ani-key-text-2,
#topBanner_wrap_home.ani-active #ani-key-text-3 {
  will-change: transform, opacity;
  animation: scale-in 0.7s cubic-bezier(0, 0.48, 0, 1.26) both;
}
#topBanner_wrap_home .ani-gp {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3;
  width: 100%;
  height: 100%;
  max-width: 914px;
  max-height: 637px;
}
#topBanner_wrap_home .ani-gp.ani-mid-ball .ani-img {
  top: 0;
  left: 0;
  transform-origin: center center;
}
#topBanner_wrap_home .ani-gp:not(.ani-mid-ball) .ani-img {
  top: 0;
  left: 0;
  transform-origin: center 95%;
}
#topBanner_wrap_home .ani-gp .ani-img {
  position: absolute;
  will-change: auto;
}
#topBanner_wrap_home .ani-gp .ani-img.delay1 {
  animation-delay: 0.45s;
}
#topBanner_wrap_home .ani-gp .ani-img.delay2 {
  animation-delay: 0.6s;
}
#topBanner_wrap_home .ani-gp .ani-img.delay3 {
  animation-delay: 0.75s;
}
#topBanner_wrap_home .ani-gp .ani-img.delay4 {
  animation-delay: 0.9s;
}
#topBanner_wrap_home .ani-gp .ani-img.delay5 {
  animation-delay: 1.05s;
}
#topBanner_wrap_home .ani-gp .ani-img.delay6 {
  animation-delay: 1.2s;
}
#topBanner_wrap_home .ani-gp .ani-img.delay7 {
  animation-delay: 1.35s;
}
#topBanner_wrap_home .ani-tree {
  position: relative;
  text-align: center;
  display: inline-block;
  padding-bottom: 7%;
  max-height: 710px;
  max-width: 914px;
  width: 100%;
}
#topBanner_wrap_home .ani-key {
  z-index: 12;
}
#topBanner_wrap_home .ani-key .ani-img {
  transform-origin: center 70% !important;
}
#topBanner_wrap_home .ani-key #ani-key-base {
  animation-delay: 1.104s;
  z-index: 13;
}
#topBanner_wrap_home .ani-key #ani-key-text-1 {
  animation-delay: 1.44s;
  z-index: 14;
}
#topBanner_wrap_home .ani-key #ani-key-text-2 {
  animation-delay: 1.488s;
  z-index: 14;
}
#topBanner_wrap_home .ani-key #ani-key-text-3 {
  animation-delay: 1.536s;
  z-index: 14;
}
#topBanner_wrap_home .ani-key #ani-key-ball {
  animation-delay: 1.68s;
  z-index: 15;
}
#topBanner_wrap_home .ani-main {
  z-index: 8;
}
#topBanner_wrap_home .ani-bubble {
  z-index: 7;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-1 {
  animation-delay: 0.48s;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-2 {
  animation-delay: 0.48s;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-3 {
  animation-delay: 0.576s;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-4 {
  animation-delay: 0.576s;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-5 {
  animation-delay: 0.768s;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-6 {
  animation-delay: 0.768s;
}
#topBanner_wrap_home .ani-bubble #ani-bubble-7 {
  animation-delay: 0.96s;
}
#topBanner_wrap_home .ani-line {
  z-index: 6;
}
#topBanner_wrap_home .ani-line #ani-line-1 {
  animation-delay: 0.36s;
}
#topBanner_wrap_home .ani-line #ani-line-2 {
  animation-delay: 0.54s;
}
#topBanner_wrap_home .ani-line #ani-line-3 {
  animation-delay: 0.72s;
}
#topBanner_wrap_home .ani-line #ani-line-4 {
  animation-delay: 0.9s;
}
#topBanner_wrap_home .ani-line #ani-line-5 {
  animation-delay: 1.08s;
}
#topBanner_wrap_home .ani-base-ball {
  z-index: 5;
}
#topBanner_wrap_home .ani-base-ball #ani-base-ball-1 {
  animation-delay: 0.3s;
}
#topBanner_wrap_home .ani-base-ball #ani-base-ball-2 {
  animation-delay: 0.6s;
}
#topBanner_wrap_home .ani-base-ball #ani-base-ball-3 {
  animation-delay: 0.9s;
}
#topBanner_wrap_home .ani-mid-ball {
  z-index: 9;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#topBanner_wrap_home .ani-tree-body {
  z-index: 8;
  position: absolute;
  display: inline-block;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  height: 18.5%;
  width: 7%;
  max-width: 50px;
  padding-top: 1%;
  pointer-events: none;
}
@media (max-width:  767px ) {
}
#topBanner_wrap_home .ani-tree-body .ani-tree-body-mid {
  background-image: url('../../assets/images/index/opening/tree-bottom.png'), url('../images/index/opening/tree.png');
  background-position: center bottom, center center;
  background-repeat: no-repeat, repeat-y;
  background-size: 100%;
  width: 100%;
  height: 100%;
  transform-origin: center bottom;
  will-change: transform, opacity;
  opacity: 0;
  transform: scaleY(0);
  max-width: 25px;
  margin: 0 auto;
  z-index: 8;
}
@media (max-width:  767px ) {
  #topBanner_wrap_home .ani-tree-body .ani-tree-body-mid {
    background-image: url('../../assets/images/index/opening/tree-bottom.png'), url('../images/index/opening/tree_mb.png');
    max-width: 18px;
  }
}
#topBanner_wrap_home .ani-img-holder {
  position: relative;
  opacity: 0;
  z-index: 20;
}
.hidden-mobile {
  visibility: hidden;
}
@media (min-width:  1024px ) {
  .hidden-mobile {
    visibility: visible;
  }
}
.hidden-desktop {
  visibility: hidden;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .hidden-desktop {
    visibility: visible;
  }
}
@keyframes rotate-scale-in {
  0% {
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  85% {
    transform: scale(1.05) rotateZ(270deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotateZ(360deg);
  }
}
@keyframes scale-up {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.shortcuts_wrap {
  opacity: 0;
  transition: opacity 1s ease 1.3s;
}
.ani-active.shortcuts_wrap {
  opacity: 1;
}
body {
  position: relative;
}
body:not(.browser-msie) .site-page {
  overflow-x: hidden;
}
.topBanner_wrap {
  background-image: none;
  height: auto;
  z-index: 2;
}
@media (max-width:  767px ) {
  .topBanner_wrap {
    height: auto;
    padding-top: 100%;
  }
}
.topBanner_wrap #topBanner_canvas_wrap {
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.topBanner_wrap #topBanner_canvas_wrap_m {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.topBanner_wrap #topBanner_canvas_wrap::after,
.topBanner_wrap #topBanner_canvas_wrap_m::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/images/common/top_banner_bg_bottom.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.topBanner_wrap canvas {
  position: absolute;
  top: 0;
  transform-origin: left top;
}
.topBanner_wrap #topBanner_title_wrap_home {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 250px;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  color: #005aaa;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  transition-delay: 2s;
}
@media (max-width:  767px ) {
  .topBanner_wrap #topBanner_title_wrap_home {
    top: 100px;
  }
}
.topBanner_wrap #topBanner_title_wrap_home.show {
  opacity: 1;
}
.topBanner_wrap #topBanner_title_wrap_home .subtitle {
  display: block;
  font-weight: 300;
  font-size: 32px;
}
@media (max-width:  767px ) {
  .topBanner_wrap #topBanner_title_wrap_home .subtitle {
    font-size: 16px;
  }
}
.topBanner_wrap #topBanner_title_wrap_home .title {
  display: block;
  font-weight: 700;
  font-size: 44px;
  max-width: 460px;
}
@media (max-width:  767px ) {
  .topBanner_wrap #topBanner_title_wrap_home .title {
    font-size: 30px;
  }
}
.mainContent {
  z-index: 1;
}
.contentSection-tighter,
.contentSection {
  position: relative;
}
@media (max-width:  767px ) {
  .contentSection-tighter,
  .contentSection {
    text-align: center;
  }
}
.contentSection-tighter .inner-content-right,
.contentSection .inner-content-right {
  padding-left: 40px;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .contentSection-tighter .inner-content-right,
  .contentSection .inner-content-right {
    padding-left: 30px;
  }
}
@media (max-width:  767px ) {
  .contentSection-tighter .inner-content-right,
  .contentSection .inner-content-right {
    padding-left: 0;
  }
}
.contentSection-tighter .inner-content-left,
.contentSection .inner-content-left {
  padding-right: 40px;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .contentSection-tighter .inner-content-left,
  .contentSection .inner-content-left {
    padding-right: 30px;
  }
}
@media (max-width:  767px ) {
  .contentSection-tighter .inner-content-left,
  .contentSection .inner-content-left {
    padding-right: 0;
    text-align: center;
  }
}
.contentSection-tighter .subtitle,
.contentSection .subtitle {
  color: #666666;
}
.shortcuts_wrap {
  margin-top: -10px;
  margin-bottom: 40px;
  z-index: 3;
}
.shortcuts_wrap .nav-link {
  padding: 0.5rem;
}
html:lang(zh-Hant) .shortcuts_wrap .nav-link {
  padding: 0.5rem 0.25em;
}
.shortcuts_wrap .btn_wrap {
  padding: 4px;
}
.shortcuts_wrap .btn_wrap .nav-link {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 200%;
}
.shortcuts_wrap .btn_wrap:first-child .nav-link {
  background-image: url('../../assets/images/index/shortcut-bg1.jpg');
}
.shortcuts_wrap .btn_wrap:nth-child(2) .nav-link {
  background-image: url('../../assets/images/index/shortcut-bg2.jpg');
}
.shortcuts_wrap .btn_wrap:nth-child(3) .nav-link {
  background-image: url('../../assets/images/index/shortcut-bg3.jpg');
}
.shortcuts_wrap .btn_wrap:nth-child(4) .nav-link {
  background-image: url('../../assets/images/index/shortcut-bg4.jpg');
}
.shortcuts_wrap .btn_wrap:nth-child(5) .nav-link {
  background-image: url('../../assets/images/index/shortcut-bg5.jpg');
}
.shortcuts_wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 60px;
  text-transform: uppercase;
  color: #fff;
  background-color: #21ad84;
  font-size: 14px;
}
.shortcuts_wrap #scroll-down-hint {
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  .inFigures_wrap {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .ourVision_wrap {
    text-align: center;
  }
}
@media (min-width:  1024px ) {
  .ceoMsg_wrap {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.ceoMsg_wrap .quote-msg {
  margin-left: -20px;
}
@media (max-width:  767px ) {
  .ceoMsg_wrap .quote-msg {
    margin: 0 35px;
  }
}
.ceoMsg_wrap .img-ceo {
  margin: 0 20px;
}
@media (max-width:  767px ) {
  .ceoMsg_wrap .img-ceo {
    max-width: 250px;
  }
}
.ceoMsg_wrap .ceo-name {
  font-weight: 700;
  font-size: 22px;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .ceoMsg_wrap .ceo-name {
    font-size: 22px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  .ceoMsg_wrap .ceo-name {
    font-size: 20px;
  }
}
@media (max-width:  767px ) {
  .ceoMsg_wrap .ceo-name {
    font-size: 19px;
  }
}
@media (max-width:  767px ) {
  .ceoMsg_wrap .ceo-name {
    display: block;
    margin-top: 20px;
  }
}
.ceoMsg_wrap .ceo-title {
  font-style: italic;
}
@media (max-width:  767px ) {
  .ceoMsg_wrap .ceo-title {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .businessPerform_wrap {
    text-align: center;
  }
}
.businessPerform_wrap .inRatio_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40%;
  margin: 25px 0 25px 0;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .businessPerform_wrap .inRatio_wrap {
    padding-top: 50%;
  }
}
@media (min-width:  376px ) and (max-width:  767px ) {
  .businessPerform_wrap .inRatio_wrap {
    width: 110%;
    padding-top: 76%;
    margin: 65px 0px 55px -5% ;
  }
}

@media (max-width:  375px ) {
  .businessPerform_wrap .inRatio_wrap {
    width: 110%;
    height: 220px;
    padding-top: 60%;
    margin: 75px 0px 75px -5% ;
  }
}
@media (max-width:  350px ) {
  .businessPerform_wrap .inRatio_wrap {
    width: 122%;
    height: 220px;
    padding-top: 60%;
    margin: 75px 0px 75px -11% ;
  }
}

.value-box .businessPerform_wrap .inRatio_wrap {
  padding-top: 58%;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .value-box .businessPerform_wrap .inRatio_wrap {
    padding-top: 100%;
  }
}
@media (min-width:  360px ) and (max-width:  767px ) {
  .value-box .businessPerform_wrap .inRatio_wrap {
    padding-top: 100%;
  }
}
@media (max-width:  359px ) {
  .value-box .businessPerform_wrap .inRatio_wrap {
    padding-top: 140%;
  }
}
.businessPerform_wrap .chart_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.businessPerform_wrap #earningsPieChart {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.businessPerform_wrap #earningsPieChart .amcharts-chart-div {
  width: 100% !important;
  height: 100%;
}
.businessPerform_wrap #earningsPieChart .amcharts-chart-div svg {
  width: 100% !important;
  height: 100%;
}
@media (min-width: 768px) {
  .finanHighlights_wrap {
    text-align: center;
  }
}
.finanHighlights_wrap #revenueChart {
  display: block;
  width: 100%;
  height: 50vh;
  position: relative;
}
@media (max-width:  767px ) {
  .finanHighlights_wrap #revenueChart {
    width: calc(100% + 50px);
    transform: translateX(-25px);
  }
}
@media (max-width:  767px ) {
  .finanHighlights_wrap #revenueChart text {
    font-size: 12px;
  }
}
.finanHighlights_wrap #revenueChart text.amcharts-title {
  font-size: 28px;
  fill: #999999;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .finanHighlights_wrap #revenueChart text.amcharts-title {
    font-size: 28px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  .finanHighlights_wrap #revenueChart text.amcharts-title {
    font-size: 24px;
  }
}
@media (max-width:  767px ) {
  .finanHighlights_wrap #revenueChart text.amcharts-title {
    font-size: 19px;
  }
}
.finanHighlights_wrap .btnWBgImg {
  margin-top: 20px;
}
.extendedReading_wrap {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .extendedReading_wrap {
    text-align: center;
  }
}
@media (max-width:  767px ) {
  .extendedReading_wrap .table-responsive-sm {
    margin: 0 -40px;
    padding: 0 40px;
    width: calc(100% + 2*(30px + 10px));
  }
}
.extendedReading_wrap .table-responsive-sm table {
  table-layout: fixed;
}
@media (max-width:  767px ) {
  .extendedReading_wrap .table-responsive-sm table {
    table-layout: auto;
  }
}
.extendedReading_wrap .table-responsive-sm table,
.extendedReading_wrap .table-responsive-sm tr,
.extendedReading_wrap .table-responsive-sm td {
  border: none;
}
.extendedReading_wrap .table-responsive-sm .table td:first-child {
  padding-left: 0;
}
.extendedReading_wrap .table-responsive-sm .table td:last-child {
  padding-right: 1.5rem;
}
@media (max-width:  767px ) {
  .extendedReading_wrap .table-responsive-sm img {
    max-width: 240px;
  }
}
.extendedReading_wrap .extended-item {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width:  767px ) {
  .extendedReading_wrap .extended-item {
    width: auto;
  }
}
.extendedReading_wrap .extended-item .img-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (max-width:  767px ) {
  .extendedReading_wrap .extended-item .img-wrap {
    max-width: 250px;
    width: auto;
  }
}
.extendedReading_wrap .extended-item .img-wrap img {
  position: relative;
  z-index: 2;
}
.extendedReading_wrap .extended-item .img-wrap:before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../../assets/images/index/deco-bg-8.png) no-repeat center center;
  background-size: contain;
  width: 120%;
  height: 120%;
}
.extendedReading_wrap .extended-item .img-wrap:after {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  bottom: -3%;
  left: 0;
  right: 0;
  border-radius: 50%;
  background-color: #21ad84;
  z-index: 1;
}
@media (max-width:  767px ) {
  .extendedReading_wrap .extended-item .img-wrap:after {
    top: 6px;
    bottom: -6px;
  }
}
.extendedReading_wrap .extended-item .text {
  display: block;
  margin-top: 25px;
}
.extendedReading_wrap .extended-item--annual-report .roundedRect,
.extendedReading_wrap .extended-item--sustainability-report .roundedRect {
  border: 1px solid rgba(33, 173, 132, 0.5);
}
.extendedReading_wrap .extended-item--clp-group .img-wrap:after {
  background-color: #004684;
}
.extendedReading_wrap .extended-item--clp-group .roundedRect {
  border: 1px solid rgba(0, 70, 132, 0.5);
}
.chart_title {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-size: 22px;
  text-align: center;
  color: #666666;
  margin-bottom: 0.5em;
}
@media (max-width:  767px ) {
  .chart_title {
    font-size: 18px;
  }
}
#revenueChart .amcharts-category-axis .amcharts-axis-label:nth-child(5) {
  font-weight: bold;
}
.section-deco {
  position: relative;
  text-align: center;
  margin: -40px 0;
}
@media (max-width:  767px ) {
  .section-deco img {
    max-width: 18px;
  }
}
@media (max-width:  767px ) {
  .section-deco {
    margin: -20px 0;
  }
}
.theme-deco {
  display: none;
}
#deco-bg-2 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -50%);
  width: 100%;
  max-width: 1200px;
  z-index: -1;
}
@media (max-width:  767px ) {
  #deco-bg-2 {
    width: 100%;
    transform: translate(-60%, -65%);
    max-width: 400px;
  }
}
#deco-bg-3 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 800px;
  z-index: -1;
}
#deco-bg-5 {
  display: block;
  position: absolute;
  left: 25%;
  top: 8%;
  width: 100%;
  max-width: 600px;
  z-index: -1;
}
.long-bg {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100%;
  transform: translate(-50%, 0);
  background-image: url('../images/index/deco-bg-1.png'), url('../images/index/deco-bg-4.png'), url('../images/index/deco-bg-6.png'), url('../images/index/deco-bg-7.png');
  background-repeat: no-repeat;
  background-size: 120%, 120%, 50%, 40%;
  background-position: 50% 10%, 30% 61%, 150% 85%, -15% 100%;
}
@media (max-width:  767px ) {
  .long-bg {
    min-width: 100%;
    background-image: url('../images/index/deco-bg-1_mb.png'), url('../images/index/deco-bg-4_mb.png'), url('../images/index/deco-bg-6.png'), url('../images/index/deco-bg-7.png');
    background-size: 100%, 80%, 90%, 50%;
    background-position: 50% -15%, 0 43%, 600% 70%, -40% 100%;
  }
}