@charset "utf-8";
@import "../css/vendor/normalize.css";
@import "../css/fonts.css";
/* 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%);
    }
}
*/
@import "svg-font-style.css";
@keyframes scale0to1_ani {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleX0to1_ani {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes scaleX0to1Center_ani {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes translateLtoR_ani {
  0% {
    transform: translateX(-5em);
  }
  100% {
    transform: translateX(0em);
  }
}
@keyframes translateRtoL_ani {
  0% {
    transform: translateX(5em);
  }
  100% {
    transform: translateX(0em);
  }
}
@keyframes translateDowntoUp_ani {
  0% {
    transform: translateY(5em);
  }
  100% {
    transform: translateY(0em);
  }
}
@keyframes fadeIn_ani {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes moveDownUp_ani {
  0% {
    transform: translate(-50%, 0%);
  }
  50% {
    transform: translate(-50%, 30%);
  }
  100% {
    transform: translate(-50%, 0%);
  }
}
@keyframes rotateRound_ani {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes marginL_LtoR_ani {
  0% {
    margin-left: -3em;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes marginL_RtoL_ani {
  0% {
    margin-left: 3em;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes marginR_LtoR_ani {
  0% {
    margin-right: 3em;
  }
  100% {
    margin-right: 0;
  }
}
@keyframes marginR_RtoL_ani {
  0% {
    margin-right: -3em;
  }
  100% {
    margin-right: 0;
  }
}
@keyframes marginDowntoUp_ani {
  0% {
    margin-top: 3em;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes customLabel {
  0% {
    background: blue;
  }
  100% {
    background: yellow;
  }
}
/* custom for animate.css================================== */
@keyframes slideInDownLess {
  from {
    transform: translate3d(0, -30%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDownLess;
}
@keyframes slideInUpLess {
  from {
    transform: translate3d(0, 30%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUpLess {
  animation-name: slideInUpLess;
}
@keyframes slideInLeftLess {
  from {
    transform: translate3d(-30%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeftLess {
  animation-name: slideInLeftLess;
}
.animated.delay-0-25s {
  animation-delay: 0.25s;
}
.animated.delay-0-5s {
  animation-delay: 0.5s;
}
.animated.delay-0-75s {
  animation-delay: 0.75s;
}
.animated.delay-1-25s {
  animation-delay: 1.25s;
}
.animated.delay-1-5s {
  animation-delay: 1.5s;
}
.animated.delay-1-75s {
  animation-delay: 1.75s;
}
.animated.delay-2-25s {
  animation-delay: 2.25s;
}
.animated.delay-2-5s {
  animation-delay: 2.5s;
}
.animated.delay-2-75s {
  animation-delay: 2.75s;
}
.animated.delay-3-25s {
  animation-delay: 3.25s;
}
.animated.delay-3-5s {
  animation-delay: 3.5s;
}
/* custom for animate.css, used with aniview.js ========================= */
.aniview.trigger {
  opacity: 1 !important;
}
/* Structure */
* {
  line-height: 1;
}
b,
strong {
  font-weight: 700;
}
html,
body {
  color: #333333;
}
body {
  background-color: #fff;
  font-family: 'Roboto', Verdana, 'Microsoft JhengHei', '微軟正黑體', 'STHeiti', '华文黑体', 'SimHei', '黑体', sans-serif;
  color: #333333;
  letter-spacing: 0.01em;
  font-size: 18px;
  overflow-x: hidden;
  pointer-events: auto;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  body {
    font-size: 18px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  body {
    font-size: 17px;
  }
}
@media (max-width:  767px ) {
  body {
    font-size: 16px;
  }
}
body.disable-scroll {
  overflow: hidden;
}
html.mejs__fullscreen body.disable-scroll {
  pointer-events: initial;
}
html.mejs__fullscreen body.disable-scroll .site-page {
  pointer-events: initial;
}
body.disable-scroll .site-page {
  overflow: hidden;
  height: 0 !important;
}
body.disable-scroll .site-header {
  pointer-events: auto;
}
body.page-loading {
  pointer-events: none;
}
body.page-loading:after {
  opacity: 1;
}
body:after {
  opacity: 0;
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: url('../images/ui/loading.gif') center center no-repeat #efefef;
  background-size: 50px;
  z-index: 200;
  pointer-events: none;
  transition: opacity 1s ease;
  will-change: opacity;
}
p {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 1em;
  /*
    margin-bottom: @font-size-body*2;

    @media @desktop-md { 
        margin-bottom: @font-size-body-md*2;
    }

    @media @desktop-sm { 
        margin-bottom: @font-size-body-sm*2;
    }

    @media @tablet, @mobile { 
        margin-bottom: @font-size-body-mb*2;
    }
    */
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  p {
    font-size: 18px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  p {
    font-size: 17px;
  }
}
@media (max-width:  767px ) {
  p {
    font-size: 16px;
  }
}
p.noMarginBtm {
  margin-bottom: 0;
}
li {
  font-size: 18px;
  line-height: 2;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  li {
    font-size: 18px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  li {
    font-size: 17px;
  }
}
@media (max-width:  767px ) {
  li {
    font-size: 16px;
  }
}
/*main {
	min-height: calc( 100vh - @header_height - @footer_height );
}*/
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
  opacity: 0.8;
}
a.link-underline {
  background-image: linear-gradient(transparent 95%, #333333 95%);
  background-size: 100% 100%;
}
.site-page {
  position: relative;
  /*&:before {
		display: inline-block;
		content: '';
		min-height: calc( ~"100vh - "@header_height ~"-" @footer_height );

		@media @tablet, @mobile {
			min-height: calc( ~"100vh - "@topNav_height_mb ~"-" @footer_height_mb );
		}
	}*/
}
.bg-bright {
  background: url(../images/framework/bg_bright.jpg) center center no-repeat #efefef;
  background-size: contain;
  position: fixed;
  width: 100%;
  min-height: 800px;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .bg-bright {
    display: none;
  }
}
.page-content {
  position: relative;
  z-index: 1;
}
.list-title {
  font-weight: bold;
}
.list-title ~ *[class^="list"] {
  margin-top: 1rem;
}
.list-disc {
  list-style: disc;
  margin-left: 20px;
}
.list-circle {
  list-style: circle;
  margin-left: 20px;
}
.list-line {
  list-style: none;
  margin-left: 20px;
}
.list-line li {
  position: relative;
}
.list-line li:before {
  content: '-';
  position: absolute;
  top: 0;
  left: -1em;
  font-weight: bold;
}
/*
h1.page-title {
	.font_size('title');
	font-weight: 700;

	@{ch} & {
		.font_size('title-tc');
	}
}
*/
sup.small,
sub.small {
  font-size: 0.7em;
}
sup.shiftDown {
  top: -0.3em;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}
@media (max-width:  767px ) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .hidden-tablet {
    display: none !important;
  }
}
@media (min-width:  1024px ) and (max-width:  1365px ) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width:  1024px ) {
  .hidden-desktop {
    display: none !important;
  }
}
.page-title {
  text-transform: uppercase;
}
.shadow-text {
  text-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
}
.button-icon .text {
  display: inline-block;
}
.button-icon .icon {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: middle;
}
.button-icon span {
  vertical-align: middle;
}
.button-blue {
  padding: 15px 20px;
  display: inline-block;
  background-color: #2ea0e4;
  color: white;
  transition: all 0.3s ease-in-out;
}
.button-blue:hover {
  color: white;
}
.button-blue:hover {
  background-color: #1a85c5;
}
.button-blue:focus {
  color: white;
  text-decoration: none;
}
.button-border-white {
  padding: 15px 20px;
  display: inline-block;
  border: 1px solid white;
  background-color: transparent;
  color: white;
  transition: all 0.3s ease-in-out;
}
.button-border-white:hover {
  color: white;
}
.button-border-white:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.button-border-blue {
  color: white;
  padding: 15px 20px;
  display: inline-block;
  border: 1px solid #2ea0e4;
  background-color: transparent;
  color: #2ea0e4;
  transition: all 0.3s ease-in-out;
}
.button-border-blue:hover {
  color: white;
}
.button-border-blue:hover {
  color: #2ea0e4;
  background-color: rgba(0, 0, 0, 0.05);
}
/* icons */
.icon-doc {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  padding-bottom: 26px;
  background-image: url(../images/ui/icon_doc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .icon-doc {
    background-image: url(../images/ui/icon_doc_mb.png);
  }
}
.icon-doc-light {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  padding-bottom: 26px;
  background-image: url(../images/ui/icon_doc_light.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .icon-doc-light {
    background-image: url(../images/ui/icon_doc_light_mb.png);
  }
}
.icon-doc-blue {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  padding-bottom: 26px;
  background-image: url(../images/ui/icon_doc_blue_mb.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .icon-doc-blue {
    background-image: url(../images/ui/icon_doc_blue_mb.png);
  }
}
.text-underline {
  text-decoration: underline;
}
#force-rotate {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 701;
  background: url(../images/ui/device-rotate.png) center center no-repeat #2ea0e4;
  background-size: 160px;
  pointer-events: none;
}
#debug {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 60px;
  z-index: 10000;
  color: white;
  padding: 15px;
  font-size: 0.8em;
}
/* common */
.relativeFullBlk {
  position: relative;
  width: 100%;
  height: 100%;
}
.inlineBlock {
  display: inline-block;
}
/*
<div class="mobileVisible"></div>
<div class="tabletVisible"></div>
<div class="desktopSmallVisible"></div>
<div class="desktopBigVisible"></div>
<div class="dskVertTallVisible"></div>
*/
.mobileVisible {
  display: none;
}
@media (max-width:  767px ) {
  .mobileVisible {
    display: block;
  }
}
.tabletVisible {
  display: none;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .tabletVisible {
    display: block;
  }
}
.desktopSmallVisible {
  display: none;
}
@media (min-width:  1024px ) and (max-width:  1365px ) {
  .desktopSmallVisible {
    display: block;
  }
}
.desktopBigVisible {
  display: none;
}
@media (min-width:  1366px ) {
  .desktopBigVisible {
    display: block;
  }
}
.dskVertTallVisible {
  display: none;
}
@media (orientation: portrait) and ( min-height: 1024px ) and (min-width:  1024px ) {
  .dskVertTallVisible {
    display: block;
  }
}
.check_100vh {
  position: fixed;
  z-index: -10000;
  height: 100vh;
}
.loadingIcon_wrap {
  width: 100%;
  height: 100%;
  background-image: url(../../assets/images/ui/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.fontW_thin {
  font-weight: 300;
}
/*
.limitMaxW{
	.limitMaxW();
}
*/
.flipX {
  transform: scaleX(-1);
}
.textTransformNone {
  text-transform: none;
}
.txtBlue {
  color: #00a2e5;
}
.displayTable {
  display: table;
}
.displayTableRow {
  display: table-row;
}
.displayTableCell {
  display: table-cell;
}
.my-hidden-mobile {
  display: block;
}
.my-hidden-mobile.inline {
  display: inline;
}
@media (max-width:  767px ) {
  .my-hidden-mobile {
    display: none;
  }
  .my-hidden-mobile.inline {
    display: none;
  }
}
.my-visible-mobile {
  display: none;
}
.my-visible-mobile.inline {
  display: none;
}
@media (max-width:  767px ) {
  .my-visible-mobile {
    display: block;
  }
  .my-visible-mobile.inline {
    display: inline;
  }
}
.mainContent {
  position: relative;
  z-index: 2;
}
.mainContent .mainContent_white_container {
  display: block;
  max-width: 1140px;
  margin: auto;
  height: 60px;
  margin-bottom: -60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width:  767px ) {
  .mainContent .mainContent_white_container {
    max-width: 1120px;
    height: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.maxW_wrap {
  max-width: 1100px;
  margin: auto;
  /*
    @media @mobile{
        max-width: @maxW + 2*@layout_padding_LR_m;
    }
    */
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width:  767px ) {
  .maxW_wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.maxW_wrap.narrow {
  /*
	    @media @mobile{
	        max-width: @maxW + 2*@layout_padding_LR_m - 2*40px;
	    }
	    */
}
.maxW_wrap.noPadding-LR {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width:  1024px ), (min-width:  768px ) and (max-width:  1023px ) {
  .maxW_wrap.noPadding-LR_d {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width:  767px ) {
  .maxW_wrap.noPadding-LR_m {
    padding-left: 0;
    padding-right: 0;
  }
}
.heading {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5em;
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
}
.heading1 {
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5em;
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-size: 50px;
}
@media (max-width:  767px ) {
  .heading1 {
    font-size: 32px;
  }
}
.heading2 {
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5em;
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-size: 40px;
}
@media (max-width:  767px ) {
  .heading2 {
    font-size: 32px;
  }
}
.heading4 {
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5em;
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-size: 24px;
}
.heading5 {
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5em;
  /*
    //no working?
    &-lessMargin{
        margin-bottom: @heading_lessMarginBtm;
    }
    */
  font-size: 22px;
}
.remarks {
  font-size: 14px;
  color: #555555;
  font-style: italic;
}
.btnWBgImg {
  cursor: pointer;
  display: inline-block;
  background-color: #21ad84;
  background-image: url('../../assets/images/common/button_bg.jpg');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
  padding: 1em 1.75em;
  text-align: center;
  line-height: 1.2;
}
.btnWBgImg:hover {
  color: #fff;
}
.borderBtn {
  cursor: pointer;
  display: inline-block;
  padding: 0.75em 1.125em;
  border-radius: 5px;
  text-align: center;
  line-height: 1.2;
}
.contentSection {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width:  767px ) {
  .contentSection {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.contentSection-tighter {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width:  767px ) {
  .contentSection-tighter {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.roundedRect {
  border-radius: 50%;
}
.topBanner_wrap {
  position: relative;
  height: 386px;
  overflow: hidden;
  background-image: url('../../assets/images/framework/topBanner_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 98;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  .topBanner_wrap {
    height: 260px;
  }
}
@media (max-width:  767px ) {
  .topBanner_wrap {
    height: 193px;
    background-image: url('../../assets/images/framework/topBanner_bg_mb.png');
  }
}
.topBanner_wrap > .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 40px;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .topBanner_wrap > .content {
    margin-top: 10px;
  }
}
.topBanner_wrap > .content .topBanner_bg {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.topBanner_wrap .topBanner_title {
  margin-bottom: 0;
  color: #FFF;
  text-align: center;
  padding: 10px 40px;
  background-color: #19aaeb;
  position: relative;
  border-radius: 100px;
}
html:lang(zh-Hant) .topBanner_wrap .topBanner_title {
  white-space: nowrap;
}
.topBanner_wrap .topBanner_title:before {
  display: block;
  content: '';
  position: absolute;
  background-image: url('../../assets/images/framework/title-ball-top.png'), url('../../assets/images/framework/title-ball-bottom.png');
  background-repeat: no-repeat;
  background-position: center top, center bottom;
  background-size: contain;
  top: -25px;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 250px;
  z-index: 5;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .topBanner_wrap .topBanner_title:before {
    background: url('../../assets/images/framework/title-ball_mb.png') no-repeat center center;
    background-size: contain;
    max-width: none;
    top: -15px;
    bottom: -10px;
  }
}
.boxShadow {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
}
.nowrap {
  display: inline-block;
  white-space: nowrap;
}
.fullW {
  width: 100%;
}
.valign_flex_wrap {
  min-height: 100px;
  display: flex;
  align-items: center;
}
.valign_flex_wrap:after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.swiper-button-next,
.swiper-button-prev {
  outline: none;
  border: 0;
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
  outline: line;
  border: 0;
}
.swiper-button-next.swiper-button-white::after,
.swiper-button-prev.swiper-button-white::after {
  content: url(../images/ui/slider_arrow.svg);
}
@media (max-width:  767px ) {
  .swiper-button-next.swiper-button-white::after,
  .swiper-button-prev.swiper-button-white::after {
    transform: scale(0.7);
  }
}
.swiper-button-next.swiper-button-white::after {
  transform: scaleX(-1);
}
@media (max-width:  767px ) {
  .swiper-button-next.swiper-button-white::after {
    transform: scale(-0.7, 0.7);
  }
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  display: inline-block;
  border-radius: 0;
  border: 1px solid #fff;
  background: #fff;
  opacity: 1;
  outline: none;
}
.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:active,
.swiper-pagination-bullet:hover {
  outline: none;
}
.swiper-pagination-bullet-active {
  background: #005aaa;
}
.chart {
  width: 100%;
}
.chart_remarks {
  font-size: 14px;
  color: #555555;
  font-style: italic;
  margin-top: 1em;
  color: #333333;
  text-align: center;
}
.amcharts-main-div {
  letter-spacing: normal;
}
.scroller_wrap {
  margin: 0 auto;
  background-color: #e8fbfd;
}
.scroller_wrap:after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: url('../images/common/deco-vline.png') center top repeat-x;
  height: 10px;
}
.scroller_wrap.sticky-mode {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 99;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .scroller_wrap.sticky-mode {
    top: 60px;
  }
}
.scroll-nav-container {
  background: #e8fbfd;
  position: relative;
}
body.stickyBtmpage .sections_wrap {
  padding-top: 51px;
}
@media (min-width:  768px ) and (max-width:  1023px ) {
  body.stickyBtmpage .sections_wrap {
    padding-top: 51px;
  }
}
@media (max-width:  767px ) {
  body.stickyBtmpage .sections_wrap {
    padding-top: 51px;
  }
}
.sections_wrap .section:last-child {
  padding-bottom: 80px;
  margin-bottom: 0;
}
.scroller {
  /*height: @sectionNav_height;

	@media @tablet, @mobile {
		height: @sectionNav_height_mb;
	}*/
  position: relative;
  padding: 0 30px;
  background-color: #e3fafa;
  border-radius: 5px;
  height: 51px;
  overflow: hidden;
}
@media (max-width:  767px ) {
  .scroller {
    height: 45px;
    border-radius: 0;
  }
}
.scroll-nav-container.sticky-mode .scroller {
  /*
		position: fixed;
		top: @mainNav_height;
		//left: 0;
		width: 100%;
		z-index: @z_navMb;
		//height: @sectionNav_height;
		padding: 0 30px;

		@media @mobile {//@tablet, 
			top: @topNav_height_mb;
			//height: @sectionNav_height_mb;
		}
		*/
}
.scroll-nav-container.sticky-mode .scroller:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 70px;
  background: #a6a6a6;
  background: linear-gradient(144deg, #a6a6a6 0%, #c2c2c2 50%, #a6a6a6 100%);
  z-index: -1;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .scroll-nav-container.sticky-mode .scroller:after {
    height: 45px;
  }
}
.scroll-nav {
  width: 100%;
  position: relative;
  height: 100%;
}
.scroll-nav .scroll-content {
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  height: 100%;
  text-align: center;
  min-width: 100%;
}
.scroll-nav .scroll-content::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.scroll-nav .nav-item {
  margin: 0 10px;
  /*
		&.nav-active {
			.nav-link {
				color: @color_btnActive;
				background-color: @color_btnBg;
		    	//pointer-events: none;

				//position: relative;
			}
		}
		*/
}
@media (max-width:  767px ) {
  .scroll-nav .nav-item {
    margin: 0 5px;
  }
}
.scroll-nav .nav-link {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 18px;
  cursor: pointer;
  text-align: center;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width:  767px ) {
  .scroll-nav .nav-link {
    font-size: 12px;
    padding: 3px 9px;
  }
}
.scroll-nav .nav-link.nav-active {
  color: #fff;
  background-color: #21ad84;
  /*
	    	&[data-section=section-1] {
	    		background-color: @color_sectionHK;
	    	}
	    	&[data-section=section-2] {
	    		background-color: @color_sectionChina;
	    	}
	    	&[data-section=section-3] {
	    		background-color: @color_sectionIndia;
	    	}
	    	&[data-section=section-4] {
	    		background-color: @color_sectionSEAsia;
	    	}
	    	&[data-section=section-5] {
	    		background-color: @color_sectionAustralia;
	    	}
	    	*/
}
.scroll-nav .nav-link .text {
  display: inline-block;
  vertical-align: middle;
}
.btn-scroll {
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  background: #e3fafa;
}
.btn-scroll:hover {
  opacity: 1;
}
.btn-scroll:hover .icon {
  color: #b3b3b3;
}
.btn-scroll .icon {
  color: #cccccc;
  font-size: 1.5em;
  margin-right: -3px;
}
.btn-scroll.btn-scroll-left {
  left: 0;
}
.btn-scroll.btn-scroll-right {
  right: 0;
  transform: scaleX(-1);
}
.button-container {
  text-align: center;
}
.inner-nav-container {
  position: relative;
}
.scrolltop-container {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  line-height: 0;
  display: none;
}
.scrolltop-container.active {
  display: block;
}
.scrolltop-container .btn-page-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background-color: #21ad84;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
@media (max-width:  767px ) {
  .scrolltop-container .btn-page-top {
    width: 50px;
    height: 50px;
  }
}
.scrolltop-container .btn-page-top:hover {
  opacity: 1;
}
.scrolltop-container .btn-page-top .icon {
  color: white;
  transform: rotate(90deg);
  font-size: 2.2em;
}
@media (max-width:  767px ) {
  .scrolltop-container .btn-page-top .icon {
    font-size: 1.4em;
  }
}
.link-disabled {
  pointer-events: none;
}
.caption {
  font-style: italic;
  font-size: 14px;
  color: #555555;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.quote-msg {
  position: relative;
  margin-left: 45px;
  margin-right: 45px;
  padding-left: 20px;
  padding-right: 20px;
}
.quote-msg:before,
.quote-msg:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  background: url('../../assets/images/theme/img-quote.png') no-repeat center top;
  background-size: contain;
  width: 44px;
  padding-bottom: 44px;
}
@media (max-width:  767px ) {
  .quote-msg:before,
  .quote-msg:after {
    width: 32px;
    height: 32px;
  }
}
.quote-msg:before {
  right: 100%;
}
.quote-msg:after {
  left: 100%;
  transform: scaleX(-1);
}
.sections_wrap {
  background: #e8fbfd;
}
.v-half {
  overflow: hidden;
}
.v-half * {
  margin-top: -50px;
}
@media (max-width:  767px ) {
  .v-half * {
    margin-top: -40px;
  }
}
.theme-deco {
  pointer-events: none;
}
.theme-deco.theme-bg {
  position: absolute;
  width: 100%;
  z-index: -1;
}
.theme-deco.theme-bg img {
  max-width: 100%;
}
.value-flow .flow-container .flow-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  border-radius: 10px;
  position: relative;
}
.value-flow .flow-container .flow-col,
.value-flow .flow-container .flow-in-col {
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  padding: 30px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 22px;
  line-height: 1.2em;
}
@media (max-width:  767px ) {
  .value-flow .flow-container .flow-col,
  .value-flow .flow-container .flow-in-col {
    padding: 15px;
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .value-flow .flow-container .flow-col,
  .value-flow .flow-container .flow-in-col {
    font-size: 4.2vw;
  }
}
.value-flow .flow-container .flow-row-1 {
  background-color: #FFF;
  padding: 8px;
  z-index: 2;
}
.value-flow .flow-container .flow-row-1 .flow-col {
  flex: 1;
}
.value-flow .flow-container .flow-row-1 .flow-col + .flow-col {
  margin-left: 5px;
}
.value-flow .flow-container .flow-row-1 .flow-col:not(.flow-in-wrap) {
  background: url('../images/common/value-flow-blue.jpg') no-repeat left top;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .value-flow .flow-container .flow-row-1 .flow-col:not(.flow-in-wrap) {
    background: url('../images/common/value-flow-blue_mb.jpg') no-repeat left top;
  }
}
.value-flow .flow-container .flow-row-1 .flow-col:not(.flow-in-wrap),
.value-flow .flow-container .flow-row-1 .flow-in-col {
  background: url('../images/common/value-flow-blue.jpg') no-repeat left top;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .value-flow .flow-container .flow-row-1 .flow-col:not(.flow-in-wrap),
  .value-flow .flow-container .flow-row-1 .flow-in-col {
    background: url('../images/common/value-flow-blue_mb.jpg') no-repeat left top;
  }
}
.value-flow .flow-container .flow-row-1 .flow-in-wrap {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  justify-content: stretch;
  align-items: stretch;
}
.value-flow .flow-container .flow-row-1 .flow-in-wrap .flow-in-col {
  padding: 15px;
  min-height: 80px;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .value-flow .flow-container .flow-row-1 .flow-in-wrap .flow-in-col {
    min-height: 100px;
  }
}
@media (max-width:  767px ) {
  .value-flow .flow-container .flow-row-1 .flow-in-wrap .flow-in-col {
    padding: 15px 5px;
  }
}
.value-flow .flow-container .flow-row-1 .flow-in-wrap .flow-in-col + .flow-in-col {
  margin-top: 5px;
}
.value-flow .flow-container .flow-row-1 .flow-in-wrap .flow-in-col.in-2 {
  background-position: 0 -70px;
}
.value-flow .flow-container .flow-row-1 .arrow-right-outer {
  width: 0;
  height: 15px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #fff;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}
@media (max-width:  767px ) {
  .value-flow .flow-container .flow-row-1 .arrow-right-outer {
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #fff;
  }
}
.value-flow .flow-container .flow-row-1 .arrow-right-inner {
  width: 0;
  height: 15px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #2ab4db;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  margin-left: -1px;
}
@media (max-width:  767px ) {
  .value-flow .flow-container .flow-row-1 .arrow-right-inner {
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #2ab4db;
  }
}
.value-flow .flow-container .flow-row-2 {
  background: url('../images/common/value-flow-green.jpg') no-repeat center top;
  margin-top: -8px;
  z-index: 1;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .value-flow .flow-container .flow-row-2 {
    background: url('../images/common/value-flow-green_mb.jpg') no-repeat center top;
  }
}
.value-flow .flow-container .flow-row-2 .flow-col {
  padding-top: 38px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  flex: 1 0 50%;
}
@media (max-width:  767px ) {
  .value-flow .flow-container .flow-row-2 .flow-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.value-flow .flow-container .flow-row-2 .flow-col:before {
  display: block;
  content: '';
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 16px;
  bottom: 8px;
  left: 8px;
  right: 4px;
  pointer-events: none;
}
@media (max-width:  767px ) {
  .value-flow .flow-container .flow-row-2 .flow-col:before {
    top: 15px;
  }
}
.value-flow .flow-container .flow-row-2 .flow-col + .flow-col:before {
  left: 4px;
  right: 8px;
}
/* ========================================= */
/* Header */
.site-header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  height: 80px;
  transition: all 0.3s ease-in-out;
  color: #666666;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .site-header {
    height: 60px;
  }
}
.site-header .nav-top {
  transition: all 0.3s ease-in-out;
}
.site-header.nav-sticky .nav-top {
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 100%;
}
@media (min-width:  1024px ) {
  .site-header.nav-sticky .nav-top .block-logo {
    padding: 15px 0;
  }
}
@media (max-width:  767px ) {
  .site-header.nav-sticky .nav-top {
    top: auto;
  }
}
.site-header .logo {
  display: inline-block;
  height: 100%;
}
.site-header .logo img {
  width: 100%;
}
.nav-top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  z-index: 100;
  padding: 50px 40px 0;
  height: 100%;
}
@media (min-width:  1024px ) and (max-width:  1365px ), (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-top {
    padding: 0 20px;
  }
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-open .nav-top {
    background: white;
  }
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-top {
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
  }
}
.nav-top .block-logo {
  padding: 5px 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1280px) and (max-width:  1365px ) {
  .nav-top .block-logo {
    padding: 8px 0;
  }
}
@media (min-width:  1024px ) and (max-width: 1279px) {
  .nav-top .block-logo {
    padding: 11px 0;
  }
}
@media (min-width:  1024px ) and (max-width:  1365px ) {
  .nav-top .block-logo {
    max-width: 300px;
  }
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-top .block-logo {
    padding: 4px 0;
    height: auto;
    max-width: 225px;
  }
}
.nav-top .block-side-nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  flex: 1 0 auto;
  padding-left: 20px;
}
@media (min-width:  1024px ) and (max-width:  1365px ) {
  .nav-top .block-side-nav {
    flex: 1;
  }
}
.nav-top .block-side-nav .divider {
  margin: 0 8px;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-top .block-side-nav .divider {
    display: none;
  }
}
.nav-top .block-side-nav .block-col {
  padding-left: 10px;
}
.block-share {
  position: relative;
  /*padding: 20px;
	margin-right: -20px;*/
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .block-share {
    display: none;
  }
}
.block-share:hover .btn-nav-share {
  background-image: linear-gradient(transparent 95%, #333333 95%);
  background-size: 100% 100%;
}
.block-share .btn-nav-share {
  color: #333333;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding-bottom: 0.1em;
}
.block-share .btn-nav-share:hover {
  color: #21ad84;
  opacity: 1;
}
.block-share .btn-nav-share.share-active {
  color: #fff;
  background-color: #21ad84;
}
.block-lang {
  white-space: nowrap;
}
.block-lang .btn-lang {
  margin-left: 16px;
  color: #333333;
  text-transform: uppercase;
}
.block-lang .btn-lang:hover {
  color: #21ad84;
  opacity: 1;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .block-lang .btn-lang {
    margin-left: 3px;
  }
}
@media (min-width:  1024px ) and (max-width:  1365px ) {
  .block-lang .btn-lang {
    margin-left: 3px;
    font-size: 15px;
  }
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .block-lang .btn-lang {
    margin-left: 0;
  }
}
.block-lang .btn-lang.lang-active {
  color: #fff;
  background-color: #21ad84;
}
.nav-main {
  font-size: 16px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-main {
    display: none;
  }
}
.nav-main-mb {
  transform: translate(0, 0);
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  visibility: hidden;
  overflow: auto;
  transition: all 0.3s ease-in-out;
  overflow-x: hidden;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-main-mb {
    display: block;
  }
}
.nav-open .nav-main-mb {
  position: fixed;
}
.nav-main-mb.nav-active {
  transform: translate(0, 100vh);
  visibility: visible;
  padding-top: 60px;
}
.nav-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    background: white;
    flex: 1 0 auto;
  }
}
.nav-list .nav-item {
  text-align: center;
  position: relative;
  font-size: 18px;
  white-space: nowrap;
}
html:lang(en) .nav-list .nav-item {
  flex: 1 0 auto;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .nav-list .nav-item {
    font-size: 15px;
  }
}
@media (min-width:  1024px ) and (max-width:  1365px ) {
  .nav-list .nav-item {
    font-size: 15px;
  }
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-list .nav-item {
    font-weight: 700;
    width: 100%;
    padding: 18px;
  }
  .nav-list .nav-item:last-child::after {
    display: none;
  }
  .nav-list .nav-item::after {
    content: "";
    background: #cccccc;
    position: absolute;
    width: 26px;
    margin-left: -13px;
    height: 1px;
    left: 50%;
    bottom: 0;
  }
}
.nav-list .nav-link {
  line-height: 1;
  color: #333333;
  text-transform: uppercase;
  padding: 8px 16px;
  display: inline-block;
  width: 100%;
  /*
		.icon {
			display: none;
			flex: 0;
			font-size: 1.8em;

			@media @tablet, @mobile {
				display: block;
			}
		}
		*/
}
.nav-list .nav-link:hover {
  color: #21ad84;
  opacity: 1;
}
@media (min-width:  1366px ) and (max-width:  1600px ), (min-width:  1024px ) and (max-width:  1365px ) {
  .nav-list .nav-link {
    padding: 8px;
  }
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-list .nav-link {
    font-size: 22px;
    width: auto;
    /*
			padding: 0 25px;
			height: 65px;
			.transition(@duration);

			&:hover {
				background-color: fade(@color_grayLightest, 50%);
			}
			*/
  }
}
.nav-list .nav-link.nav-active {
  color: #fff;
  background-color: #21ad84;
  /*
			@media @tablet, @mobile {
				box-shadow: none;
				color: @color_blue;
				background: none;
			}
			*/
}
/* -- Header Mobile */
.nav-trigger-mb {
  display: none;
  width: 0px;
  height: 100%;
  position: relative;
  margin-left: 20px;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .nav-trigger-mb {
    display: block;
  }
}
#btn-nav-trigger {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.icon-nav {
  width: 23px;
}
.icon-nav:after,
.icon-nav:before,
.icon-nav span {
  background-color: #333333;
  border-radius: 10px;
  content: '';
  display: block;
  height: 3px;
  margin: 4px 0;
  transition: all 0.3s ease-in-out;
}
.icon-nav.trigger-active:before {
  transform: translateY(7px) rotate(45deg);
}
.icon-nav.trigger-active:after {
  transform: translateY(-7px) rotate(-45deg);
}
.icon-nav.trigger-active span {
  transform: scale(0);
}
/* Share */
.share-d {
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  overflow: hidden;
  z-index: 0;
}
.share-d .share-links-container {
  padding-top: 35px;
}
.block-share:hover .share-d {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  width: 240px;
  height: 70px;
  overflow: visible;
}
.share-d .share-links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: white;
  position: relative;
  height: 64px;
}
.share-d .share-links:after {
  position: absolute;
  bottom: 100%;
  right: 12px;
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  border-color: white transparent;
  border-style: solid;
  border-width: 0 10px 10px 10px;
}
.share-d .link-item .link {
  width: 30px;
  font-size: 1.5em;
  color: #666666;
}
.share-mb {
  display: none;
  padding: 20px 25px;
  color: #555555;
  width: 100%;
  flex: 100%;
}
@media (max-width: 1149px), (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .share-mb {
    display: block;
  }
}
.share-mb .link-item .link {
  width: 45px;
  font-size: 2em;
  color: #666666;
}
.share-links {
  margin-top: 5px;
}
.share-links:before,
.share-links:after {
  content: " ";
  display: table;
}
.share-links:after {
  clear: both;
}
.share-links::after {
  display: block;
  content: "";
  clear: both;
}
.share-links .link-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  float: left;
  vertical-align: middle;
  text-align: center;
  height: 45px;
}
.share-links .link-item + .link-item {
  margin-left: 25px;
}
.share-links .link-item .link {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
}
.share-links .link-item .link:hover {
  color: #2ea0e4;
}
/* Share*/
/* END Header */
/* Loading */
/* ========================================= */
/* Footer */
.site-footer {
  position: relative;
  z-index: 1;
  min-height: 75px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .site-footer {
    min-height: 80px;
  }
}
body.browser-msie .site-footer {
  height: 75px;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  body.browser-msie .site-footer {
    height: 80px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .site-footer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
  }
}
.site-footer p {
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 0;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .site-footer p {
    font-size: 14px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  .site-footer p {
    font-size: 14px;
  }
}
@media (max-width:  767px ) {
  .site-footer p {
    font-size: 12px;
  }
}
.footer-links,
.footer-copyright {
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
  color: #333333;
  line-height: 1rem;
}
@media (min-width:  1366px ) and (max-width:  1600px ) {
  .footer-links,
  .footer-copyright {
    font-size: 14px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (min-width:  1024px ) and (max-width:  1365px ) {
  .footer-links,
  .footer-copyright {
    font-size: 14px;
  }
}
@media (max-width:  767px ) {
  .footer-links,
  .footer-copyright {
    font-size: 12px;
  }
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .footer-links,
  .footer-copyright {
    margin: 15px 0;
  }
}
.footer-links {
  text-align: center;
}
.footer-links .link-item {
  color: #333333;
  margin: 0 5px;
}
.footer-links .link-item:hover {
  box-shadow: 0 1px #333333;
  transition: all 0.3s ease-in-out;
}
/* END Footer */
/* Back to top*/
.page-top {
  display: inline-block;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 30px;
  bottom: 100px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  z-index: 98;
  border-radius: 50%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.page-top.page-top-active {
  opacity: 1;
  pointer-events: auto;
}
.nav-open .page-top.page-top-active {
  opacity: 0;
}
@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
  .page-top {
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
  }
}
.page-top .btn-page-top {
  display: inline-block;
  background: url(../images/ui/icon_top.png) center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* END Back to top*/