/*** Desktop View ***/
.d-view .sectionContent {
  width: 134vh;
  height: 100vh;
  margin: 0 auto;
  position: relative;
}

.d-view .sectionBackground {
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.d-view .fix-width {
  width: 134vh;
  margin-left: auto;
  margin-right: auto;
  position: relative !important;
}

.d-view .language {
  height: 28px;
  opacity: 1 !important;
  left: -1px;
  top: -28px;
  position: absolute;
}

.d-view .language img {
  opacity: 1 !important;
  height: 100%;
}

.d-view .copyright {
  z-index: 9999;
  bottom: 17px;
  right: 69px;
  font-size: 0.9em;
  position: fixed;
  display: none;
}

.d-view .landsdLogo {
  z-index: 9999;
  bottom: 5px;
  width: 50px;
  right: 5px;
  position: fixed;
  display: none;
}

.d-view .landsdLogo img {
  width: 100%;
}

.d-view .s2 .sectionContent * {
  position: absolute;
  opacity: 0;
}

.d-view .s2 .left4, .d-view .s2 .right0 {
  display: none;
}

.d-view .s2 .s2-bk {
  width: 100vw;
  height: 100vh;
}

.d-view .s2 .s2-bkg2 {
  opacity: 1;
  background-color: #fff;
  top: 1.7vh;
  bottom: auto;
  left: 1.7vh;
  right: auto;
  width: 130vh;
  height: 96.5vh;
  z-index: 1;
  border-radius: 20px;
  opacity: 0.35;
}

.d-view .s2 .s2-title {
  opacity: 1;
  top: 4vh;
  bottom: auto;
  left: 1.7vh;
  right: auto;
  height: 5vh;
  z-index: 29;
}

.d-view .s2 .s2-p1 {
  top: 11vh;
  bottom: auto;
  left: 35px;
  right: auto;
  padding: 0;
  font-size: 1em;
  text-align: justify;
  width: 50vh;
  margin: 0;
  z-index: 30;
}

.d-view .s2 .s2-p2 {
  top: auto;
  bottom: 15vh;
  left: auto;
  right: 7vh;
  padding: 0;
  font-size: 1em;
  text-align: justify;
  max-width: 29vh;
  margin: 0;
  z-index: 30;
}

.d-view .s2 .s2-left0 {
  top: auto;
  bottom: 34vh;
  left: 4vh;
  right: auto;
  height: 24vh;
}

.d-view .s2 .s2-left1 {
  top: auto;
  bottom: 48vh;
  left: 18vh;
  right: auto;
  height: 8vh;
  z-index: 29;
}

.d-view .s2 .s2-left2 {
  top: auto;
  bottom: 50vh;
  left: 31vh;
  right: auto;
  height: 22vh;
  z-index: 29;
}

.d-view .s2 .s2-left3 {
  top: auto;
  bottom: 28vh;
  left: 19vh;
  right: auto;
  height: 21vh;
  z-index: 29;
}

.d-view .s2 .s2-left4 {
  top: auto;
  bottom: 31vh;
  left: 33vh;
  right: auto;
  height: 22vh;
  z-index: 29;
}

.d-view .s2 .s2-left5 {
  top: auto;
  bottom: 2vh;
  left: 3vh;
  right: auto;
  height: 25vh;
  z-index: 29;
}

.d-view .s2 .s2-left6 {
  top: auto;
  bottom: 7vh;
  left: 35vh;
  right: auto;
  height: 24vh;
  z-index: 29;
}

.d-view .s2 .s2-left7 {
  opacity: 0;
  top: 115vh;
  bottom: auto;
  left: 61vh;
  right: auto;
  height: 5.3vh;
  z-index: 30;
  cursor: pointer;
  display: none;
}

.d-view .s2 .s2-right0 {
  opacity: 0;
  top: 115vh;
  bottom: auto;
  right: 64vh;
  left: auto;
  height: 5.3vh;
  z-index: 30;
  cursor: pointer;
}

.d-view .s2 .s2-right1 {
  top: auto;
  bottom: 47vh;
  left: 69vh;
  right: auto;
  height: 15vh;
  z-index: 31;
}

.d-view .s2 .s2-right2 {
  top: auto;
  bottom: 66vh;
  left: 67vh;
  right: auto;
  height: 19vh;
  z-index: 31;
}

.d-view .s2 .s2-right3 {
  top: auto;
  bottom: 66vh;
  left: 87vh;
  right: auto;
  height: 12vh;
  z-index: 31;
}

.d-view .s2 .s2-right4 {
  top: auto;
  bottom: 77vh;
  left: 96vh;
  right: auto;
  height: 20vh;
  z-index: 31;
}

.d-view .s2 .s2-right5 {
  top: auto;
  bottom: 70vh;
  left: 114vh;
  right: auto;
  height: 14vh;
  z-index: 31;
}

.d-view .s2 .s2-right6 {
  top: auto;
  bottom: 50vh;
  left: 111vh;
  right: auto;
  height: 18vh;
  z-index: 31;
}

.d-view .s2 .s2-right7 {
  top: auto;
  bottom: 37vh;
  left: 118vh;
  right: auto;
  height: 12vh;
  z-index: 31;
}

.d-view .s2 .s2-right8 {
  top: auto;
  bottom: -8.7vh;
  left: 69vh;
  right: auto;
  height: 69vh;
  z-index: 28;
}

.d-view .s2 .s2-right9 {
  top: auto;
  bottom: 37vh;
  left: 81vh;
  right: auto;
  height: 44vh;
  z-index: 30;
}

.d-view .s3 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s3 .sectionBackground * {
  position: absolute;
}

.d-view .s3 li {
  opacity: 1 !important;
}

.d-view .s3 .s3-bg-left {
  height: 100%;
  width: 50%;
  background-color: #e2eed8;
  left: 0;
  top: 0;
}

.d-view .s3 .s3-bg-right {
  height: 100%;
  width: 50%;
  background-color: #cdeaf2;
  right: 0;
  top: 0;
}

.d-view .s3 .s3-circleLine {
  border: 1vh solid #fff;
  width: 134vh;
  margin-left: auto;
  position: relative;
  margin-right: auto;
  height: 96%;
  top: 1%;
  opacity: 1;
  border-radius: 10px;
}

.d-view .s3 .s3-bg-pattern {
  width: 100%;
  left: 0;
  top: 0;
}

.d-view .s3 .s3-bg-whiteArea {
  left: 0;
  height: 15vh;
  top: 16vh;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  opacity: 0.6;
}

.d-view .s3 .s3-bg-whiteArea2 {
  left: 0;
  height: 18vh;
  top: 35vh;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  opacity: 0.6;
}

.d-view .s3 .s3-bg-whiteArea3 {
  left: 0;
  height: 7vh;
  top: 57vh;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  opacity: 0.6;
}

.d-view .s3 .s3-bg-whiteArea4 {
  left: 0;
  height: 16vh;
  top: 68vh;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  opacity: 0.6;
}

.d-view .s3 .s3-bg-whiteArea5 {
  left: 0;
  height: 7vh;
  top: 88vh;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  opacity: 0.6;
}

.d-view .s3 .d-version {
  opacity: 0;
}

.d-view .s3 .s3-hand-left {
  display: none !important;
}

.d-view .s3 .s3-hand-right {
  display: none !important;
}

.d-view .s3 .s3-title {
  left: 3vh;
  top: 3vh;
  height: 5vh;
  z-index: 3;
  opacity: 1;
}

.d-view .s3 .s3-title2 {
  left: 37vh;
  top: 6vh;
  height: 6vh;
  z-index: 3;
}

.d-view .s3 .s3-title3 {
  left: 82vh;
  top: 6vh;
  height: 6vh;
  z-index: 3;
}

.d-view .s3 .s3-title4 {
  left: 22vh;
  top: 13vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s3 .s3-title5 {
  left: 22vh;
  top: 32vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s3 .s3-title6 {
  left: 22vh;
  top: 54vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s3 .s3-title7 {
  left: 22Vh;
  top: 65vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s3 .s3-title8 {
  left: 22vh;
  top: 86vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s3 .s3-mobile {
  left: 94vh;
  bottom: 0;
  height: 81vh;
  z-index: 3;
}

.d-view .s3 .s3-map {
  left: -51vh;
  bottom: 6vh;
  height: 76vh;
  z-index: 3;
}

.d-view .s3 .s3-leftText {
  left: 25vh;
  z-index: 28;
  white-space: nowrap;
}

.d-view .s3 .s3-leftText > li {
  line-height: 1.2;
  background: url(../Images/FP2/21_green_arrow.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 1.9vh 1.8vh;
  padding-left: 2em;
  margin-bottom: 0.5em;
  padding-bottom: 0.1rem;
  position: relative;
}

.d-view .s3 .s3-text1 {
  top: 18vh;
}

.d-view .s3 .s3-text2 {
  top: 37vh;
}

.d-view .s3 .s3-text3 {
  top: 59vh;
}

.d-view .s3 .s3-text4 {
  top: 70vh;
}

.d-view .s3 .s3-text5 {
  top: 90vh;
}

.d-view .s3 .s3-rightText {
  left: 76vh;
  z-index: 28;
  white-space: nowrap;
}

.d-view .s3 .s3-rightText > li {
  line-height: 1.2;
  background: url("../Images/FP2/22_blue_arrow.png");
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 1.9vh 1.8vh;
  padding-left: 2em;
  margin-bottom: 0.5em;
  padding-bottom: 0.1rem;
  position: relative;
}

.d-view .s3 .s3-text6 {
  top: 18vh;
}

.d-view .s3 .s3-text7 {
  top: 37vh;
}

.d-view .s3 .s3-text8 {
  top: 59vh;
}

.d-view .s3 .s3-text9 {
  top: 70vh;
}

.d-view .s3 .s3-text10 {
  top: 90vh;
}

.d-view .s4 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #80bfe8), to(#9bd0bf));
  background: linear-gradient(180deg, #80bfe8 50%, #9bd0bf 100%);
}

.d-view .s4 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s4 .sectionBackground * {
  position: absolute;
}

.d-view .s4 .sectionHandLeftRight * {
  position: absolute;
  opacity: 1;
  display: none;
}

.d-view .s4 .s4-bg-icon {
  left: 28vh;
  top: 7vh;
  height: 35vh;
  z-index: 1;
}

.d-view .s4 .s4-bg2 {
  left: 5vh;
  top: 17vh;
  height: 77vh;
  opacity: 1;
  z-index: 2;
}

.d-view .s4 .s4-line {
  left: 23vh;
  bottom: 76vh;
  height: 3vh;
  z-index: 4;
}

.d-view .s4 .s4-line-2 {
  left: 26vh;
  bottom: 48vh;
  height: 14vh;
  z-index: 4;
}

.d-view .s4 .s4-line-3 {
  left: 26vh;
  bottom: 17vh;
  height: 7vh;
  z-index: 4;
}

.d-view .s4 .s4-line-4 {
  left: 87vh;
  bottom: 61vh;
  height: 12vh;
  z-index: 4;
}

.d-view .s4 .s4-line-5 {
  left: 97vh;
  bottom: 42vh;
  height: 7vh;
  z-index: 4;
}

.d-view .s4 .s4-title {
  left: 3vh;
  top: 3vh;
  height: 7vh;
  z-index: 3;
  opacity: 1;
}

.d-view .s4 .s4-earth {
  left: 31vh;
  bottom: 3vh;
  height: 63vh;
  z-index: 2;
}

.d-view .s4 .s4-left-1 {
  left: 8vh;
  top: 18vh;
  height: 17vh;
  z-index: 3;
}

.d-view .s4 .s4-left-1 img {
  height: 100%;
  opacity: 1;
}

.d-view .s4 .s4-left-2 {
  left: 7vh;
  top: 37vh;
  height: 31vh;
  z-index: 3;
}

.d-view .s4 .s4-left-2 img {
  height: 100%;
  opacity: 1;
}

.d-view .s4 .s4-left-3 {
  left: 8vh;
  bottom: 5vh;
  height: 24vh;
  z-index: 3;
}

.d-view .s4 .s4-left-3 img {
  height: 100%;
  opacity: 1;
}

.d-view .s4 .s4-right-4 {
  left: 101vh;
  top: 26vh;
  height: 21vh;
  z-index: 3;
}

.d-view .s4 .s4-right-4 img {
  height: 100%;
  opacity: 1;
}

.d-view .s4 .s4-right-5 {
  left: 104vh;
  bottom: 19vh;
  height: 25vh;
  z-index: 3;
}

.d-view .s4 .s4-right-5 img {
  height: 100%;
  opacity: 1;
}

.d-view .s4 .s4-pin-1 {
  left: 58vh;
  bottom: 43vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s4 .s4-pin-2 {
  left: 96vh;
  bottom: 58vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s4 .s4-pin-3 {
  left: 74vh;
  bottom: 46vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s4 .s4-board-1 {
  left: 89vh;
  bottom: 41vh;
  height: 13vh;
  z-index: 3;
}

.d-view .s4 .s4-board-2 {
  left: 78vh;
  bottom: 40vh;
  height: 13vh;
  z-index: 3;
}

.d-view .s4 .s4-board-3 {
  left: 77vh;
  bottom: 60vh;
  height: 8vh;
  z-index: 3;
}

.d-view .s4 .s4-board-4 {
  left: 63vh;
  bottom: 63vh;
  height: 6vh;
  z-index: 3;
}

.d-view .s4 .s4-board-5 {
  left: 66vh;
  bottom: 55vh;
  height: 6vh;
  z-index: 3;
}

.d-view .s4 .s4-layer {
  left: 82vh;
  bottom: 37vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s4 .s4-click-1 {
  left: 29vh;
  top: 32vh;
  z-index: 3;
}

.d-view .s4 .s4-click-2 {
  left: 25vh;
  top: 64vh;
  z-index: 3;
}

.d-view .s4 .s4-click-3 {
  left: 25vh;
  top: 92vh;
  z-index: 3;
}

.d-view .s4 .s4-click-4 {
  left: 122vh;
  top: 44vh;
  z-index: 3;
}

.d-view .s4 .s4-click-5 {
  left: 125vh;
  top: 78vh;
  z-index: 3;
}

.d-view .s4 .s4-hand-left, .d-view .s4 .s4-hand-right {
  display: none !important;
}

.d-view .s5 {
  background-color: #eadfb3;
  background-size: auto 100%;
}

.d-view .s5 .sectionBackground * {
  position: absolute;
  opacity: 1;
}

.d-view .s5 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s5 .sectionHandLeftRight * {
  position: absolute;
  display: none;
  opacity: 0;
}

.d-view .s5 .s5-bg {
  width: 100%;
  z-index: 2;
}

.d-view .s5 .s5-bg2 {
  width: 100%;
  z-index: 1;
}

.d-view .s5 .s5-title-tc {
  left: 5vh;
  top: 4vh;
  height: 5vh;
  z-index: 3;
}

.d-view .s5 .s5-right-1 {
  left: 73vh;
  top: 3vh;
  height: 26vh;
  z-index: 3;
}

.d-view .s5 .s5-right-2 {
  left: 66vh;
  top: 31vh;
  height: 19vh;
  z-index: 3;
}

.d-view .s5 .s5-right-3 {
  left: 78vh;
  top: 29vh;
  height: 48vh;
  z-index: 3;
}

.d-view .s5 .s5-left-1 {
  left: 5vh;
  bottom: 5vh;
  height: 29vh;
  z-index: 3;
}

.d-view .s5 .s5-left-2 {
  left: 5.5vh;
  top: 12vh;
  width: 54vh;
}

.d-view .s5 .s5-left-3 {
  width: 100%;
  z-index: 3;
  opacity: 1;
  cursor: pointer;
}

.d-view .s5 .s5-left-3 img {
  opacity: 1;
  width: 9vh;
  left: 17vh;
  top: 8vh;
}

.d-view .s5 .video {
  background: url("../Images/FP4/video_play.png");
  background-size: 100%;
  z-index: 99;
  left: 11vh;
  top: 26vh;
  width: 45vh;
  height: 25vh;
}

.d-view .s5 .video video {
  position: relative;
  z-index: 99;
  opacity: 1;
}

.d-view .s5 .s5-hand-left, .d-view .s5 .s5-hand-right {
  display: none !important;
}

.d-view .s6 {
  background-color: #e3f1df;
}

.d-view .s6 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s6 .sectionBackground * {
  position: absolute;
  opacity: 1;
}

.d-view .s6 .sectionHandLeftRight * {
  position: absolute;
  opacity: 0;
  display: none;
}

.d-view .s6 .s6-bg {
  width: 100%;
}

.d-view .s6 .s6-title-tc {
  left: 4vh;
  top: 4vh;
  height: 4vh;
  opacity: 1;
  z-index: 3;
}

.d-view .s6 .s6-p1 {
  text-align: justify;
  top: 8vh;
  left: 4vh;
  width: 35vh;
}

.d-view .s6 .s6-p1 span {
  font-size: 1.2em !important;
}

.d-view .s6 .s6-left-1 {
  left: 37vh;
  bottom: 31vh;
  height: 61vh;
  z-index: 3;
}

.d-view .s6 .s6-left-2 {
  left: 12vh;
  bottom: 3vh;
  height: 48vh;
  z-index: 4;
}

.d-view .s6 .s6-right-1 {
  left: 85vh;
  bottom: 8vh;
  height: 69vh;
  z-index: 4;
}

.d-view .s6 .s6-line-blue {
  left: 31vh;
  bottom: 30.9vh;
  height: 19.6vh;
  z-index: 3;
}

.d-view .s6 .s6-line-yellow {
  left: 46.7vh;
  bottom: 19vh;
  height: 65.8vh;
  z-index: 3;
}

.d-view .s6 .s6-line-red {
  left: 43vh;
  bottom: 58.5vh;
  height: 40vh;
  z-index: 3;
}

.d-view .s6 .s6-line-green {
  left: 77vh;
  bottom: 25vh;
  height: 69.5vh;
  z-index: 3;
}

.d-view .s6 .s6-hand-left, .d-view .s6 .s6-hand-right {
  display: none !important;
}

.d-view .s7 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ede18d), to(#fdfcf5));
  background: linear-gradient(180deg, #ede18d 50%, #fdfcf5 100%);
  background-size: auto 100%;
}

.d-view .s7 .sectionBackground {
  width: 134vh;
  height: 100vh;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.d-view .s7 .sectionBackground * {
  position: absolute;
  opacity: 1;
}

.d-view .s7 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s7 .sectionHandLeftRight * {
  position: absolute;
  opacity: 0;
  display: none;
}

.d-view .s7 .s7-bg-pattern {
  left: 0;
  bottom: 0;
  height: 22vh;
}

.d-view .s7 .s7-title-tc {
  left: 5vh;
  top: 4vh;
  height: 6vh;
  opacity: 1;
  z-index: 3;
}

.d-view .s7 .s7-p1 {
  left: 5.7vh;
  top: 10vh;
  width: 58vh;
}

.d-view .s7 .s7-left-1 {
  left: 20vh;
  bottom: 39vh;
  height: 34vh;
  z-index: 3;
}

.d-view .s7 .s7-left-2 {
  left: 2vh;
  bottom: 43vh;
  height: 11vh;
  z-index: 3;
}

.d-view .s7 .s7-left-3 {
  left: 7vh;
  bottom: 25vh;
  height: 14vh;
  z-index: 3;
}

.d-view .s7 .s7-left-4 {
  left: 23vh;
  bottom: 14vh;
  height: 9vh;
  z-index: 3;
}

.d-view .s7 .s7-left-5 {
  left: 47vh;
  bottom: 11vh;
  height: 13vh;
  z-index: 3;
}

.d-view .s7 .s7-right-1 {
  left: 70vh;
  bottom: 39vh;
  height: 17vh;
  z-index: 3;
}

.d-view .s7 .s7-right-2 {
  left: 77vh;
  bottom: 27vh;
  height: 7vh;
  z-index: 3;
}

.d-view .s7 .s7-right-3 {
  left: 77vh;
  bottom: 13vh;
  height: 39vh;
  z-index: 3;
}

.d-view .s7 .s7-right-4 {
  left: 97vh;
  bottom: 54vh;
  height: 13vh;
  z-index: 3;
}

.d-view .s7 .s7-right-5 {
  left: 74vh;
  top: 7vh;
  height: 23vh;
  z-index: 3;
}

.d-view .s7 .s7-right-text-1 {
  left: 118vh;
  bottom: 47vh;
  height: 4vh;
  z-index: 3;
}

.d-view .s7 .s7-right-text-2 {
  left: 119vh;
  bottom: 37vh;
  height: 3.6vh;
  z-index: 3;
}

.d-view .s7 .s7-right-text-3 {
  left: 115vh;
  bottom: 26vh;
  height: 3.1vh;
  z-index: 3;
}

.d-view .s7 .s7-right-text-4 {
  left: 105vh;
  bottom: 18vh;
  height: 2.9vh;
  z-index: 3;
}

.d-view .s7 .s7-right-text-5 {
  left: 88vh;
  bottom: 12vh;
  height: 3vh;
  z-index: 3;
}

.d-view .s7 .s7-right-text-6 {
  left: 107vh;
  bottom: 61vh;
  height: 4vh;
}

.d-view .s7 .s7-hand-left {
  top: auto;
  bottom: 3.4vh;
  left: 65vh;
  right: auto;
  height: 7vh;
  width: 13vh;
  z-index: 29;
  cursor: pointer;
}

.d-view .s7 .s7-hand-left > img {
  opacity: 1;
  height: 100%;
}

.d-view .s7 .s7-hand-right {
  top: auto;
  bottom: 3.4vh;
  left: auto;
  right: 65vh;
  height: 7vh;
  width: 13vh;
  z-index: 30;
  cursor: pointer;
}

.d-view .s7 .s7-hand-right > img {
  opacity: 1;
  height: 100%;
}

.d-view .s8 .sectionBackground * {
  position: absolute;
  opacity: 1;
}

.d-view .s8 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s8 .sectionHandLeftRight * {
  position: absolute;
  opacity: 0;
  display: none;
}

.d-view .s8 .s8-bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.d-view .s8 .s8-title-tc {
  left: 5vh;
  top: 4vh;
  height: 6vh;
  z-index: 3;
  opacity: 1;
}

.d-view .s8 .s8-p1 {
  text-align: justify;
  top: 78.5vh;
  left: 6vh;
  font-weight: 500;
}

.d-view .s8 .s8-p2 {
  text-align: justify;
  top: 78.5vh;
  left: 15.5vh;
  width: 45vh;
}

.d-view .s8 .s8-p3 {
  top: 3.8vh;
  left: 73.5vh;
  font-weight: 500;
  width: 7vh;
  line-height: 1.2;
}

.d-view .s8 .s8-p4 {
  top: 3.8vh;
  left: 82vh;
  width: 47vh;
  line-height: 1.3;
}

.d-view .s8 .s8-p5 {
  text-align: justify;
  top: 81.8vh;
  left: 75vh;
  font-weight: 500;
}

.d-view .s8 .s8-p6 {
  top: 82vh;
  left: 81vh;
  width: 48vh;
  line-height: 1.3;
}

.d-view .s8 .s8-p7 {
  top: 93vh;
  left: 81vh;
  width: 69vh;
  line-height: 1.3;
}

.d-view .s8 .s8-left-1 {
  left: 4vh;
  top: 23vh;
  height: 60vh;
  z-index: 2;
}

.d-view .s8 .s8-left-2 {
  left: 4.6vh;
  top: 44vh;
  height: 28.7vh;
  z-index: 3;
}

.d-view .s8 .s8-left-3 {
  left: 4.6vh;
  top: 38vh;
  height: 29.4vh;
  z-index: 3;
}

.d-view .s8 .s8-left-4 {
  left: 2vh;
  top: 66vh;
  height: 27vh;
  z-index: 3;
}

.d-view .s8 .s8-left-5 {
  left: 8vh;
  top: 32vh;
  height: 31vh;
  z-index: 4;
}

.d-view .s8 .s8-right-1 {
  left: 69.6vh;
  top: 15vh;
  height: 25.9vh;
  z-index: 3;
}

.d-view .s8 .s8-right-2 {
  left: 70vh;
  top: 3vh;
  height: 26vh;
  z-index: 3;
}

.d-view .s8 .s8-right-3 {
  left: 69.7vh;
  top: 55vh;
  height: 24.4vh;
  z-index: 3;
}

.d-view .s8 .s8-right-4 {
  left: 70vh;
  top: 68vh;
  height: 31vh;
  z-index: 3;
}

.d-view .s8 .s8-right-5 {
  left: 105vh;
  top: 88.5vh;
  height: 6vh;
  z-index: 3;
}

.d-view .s8 .s8-right-5 img {
  opacity: 1;
  height: 100%;
}

.d-view .s8 .s8-right-6 {
  left: 81vh;
  top: 88.5vh;
  height: 6vh;
  z-index: 3;
}

.d-view .s8 .s8-right-6 img {
  opacity: 1;
  height: 100%;
}

.d-view .s8 .s8-right-7 {
  left: 57vh;
  top: 3vh;
  height: 8vh;
  z-index: 3;
}

.d-view .s8 .s8-right-7 img {
  opacity: 1;
  height: 100%;
}

.d-view .s9 .sectionBackground * {
  position: absolute;
  opacity: 1;
}

.d-view .s9 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s9 .sectionHandLeftRight * {
  position: absolute;
  opacity: 0;
  display: none;
}

.d-view .s9 .s9-p1 {
  left: 6vh;
  top: 14vh;
  width: 57vh;
}

.d-view .s9 .s9-p2 {
  left: 6vh;
  top: 67vh;
  width: 57vh;
}

.d-view .s9 .s9-p3 {
  left: 73vh;
  top: 6vh;
  font-size: 1em;
}

.d-view .s9 .s9-p4 {
  left: 75vh;
  top: 45vh;
  font-size: 1em;
}

.d-view .s9 .s9-bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.d-view .s9 .s9-title-tc {
  left: 5vh;
  top: 4vh;
  height: 6vh;
  opacity: 1;
}

.d-view .s9 .s9-left-1 {
  left: 2vh;
  top: 26vh;
  height: 6vh;
}

.d-view .s9 .s9-left-2 {
  left: 5vh;
  top: 33vh;
}

.d-view .s9 .s9-left-2 > img {
  height: 33vh;
  opacity: 1;
}

.d-view .s9 .s9-click {
  left: 63vh;
  top: 66vh;
}

.d-view .s9 .s9-pieDiv {
  width: 60vh;
  height: 48vh;
  left: 63vh;
  top: 7vh;
  z-index: 5;
}

.d-view .s9 .s9-pieDiv2 {
  width: 60vh;
  height: 48vh;
  left: 63vh;
  top: 46vh;
  z-index: 5;
}

.d-view .s9 .s9-pieDiv, .d-view .s9 .s9-pieDiv2 {
  opacity: 1;
}

.d-view .s9 .s9-pieDiv svg, .d-view .s9 .s9-pieDiv g, .d-view .s9 .s9-pieDiv path, .d-view .s9 .s9-pieDiv #pie, .d-view .s9 .s9-pieDiv #pie2, .d-view .s9 .s9-pieDiv rect, .d-view .s9 .s9-pieDiv text, .d-view .s9 .s9-pieDiv2 svg, .d-view .s9 .s9-pieDiv2 g, .d-view .s9 .s9-pieDiv2 path, .d-view .s9 .s9-pieDiv2 #pie, .d-view .s9 .s9-pieDiv2 #pie2, .d-view .s9 .s9-pieDiv2 rect, .d-view .s9 .s9-pieDiv2 text {
  opacity: 1;
}

.d-view .s9 .s9-pieList li, .d-view .s9 .s9-pieList em, .d-view .s9 .s9-pieList2 li, .d-view .s9 .s9-pieList2 em {
  opacity: 1;
}

.d-view .s9 .s9-pieList {
  left: 106vh;
  top: 18vh;
  width: 30vh;
  font-size: 0.9em;
}

.d-view .s9 .s9-pieList li {
  position: relative !important;
  margin-bottom: 9px;
  line-height: 1.2;
  padding-left: 22px;
}

.d-view .s9 .s9-pieList em {
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  border-radius: 100px;
  border: 1px solid #000;
  position: absolute !important;
  left: 0;
  top: 0;
}

.d-view .s9 .s9-pieList2 {
  left: 106vh;
  top: 59vh;
  width: 30vh;
  font-size: 0.9em;
}

.d-view .s9 .s9-pieList2 li {
  position: relative !important;
  margin-bottom: 9px;
  line-height: 1.2;
  padding-left: 22px;
}

.d-view .s9 .s9-pieList2 em {
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  border-radius: 100px;
  border: 1px solid #000;
  position: absolute !important;
  left: 0;
  top: 0;
}

.d-view .s10 .sectionBackground * {
  position: absolute;
  opacity: 1;
}

.d-view .s10 .sectionContent * {
  position: absolute;
  opacity: 0;
  font-size: 1em;
}

.d-view .s10 .sectionHandLeftRight * {
  position: absolute;
  opacity: 0;
  display: none;
}

.d-view .s10 .s10-bg {
  width: 100%;
  height: 100%;
}

.d-view .s10 .s10-p1 {
  width: 53vh;
  left: 8.2vh;
  top: 15vh;
  text-align: justify;
  line-height: 1.3;
}

.d-view .s10 .s10-p2 {
  width: 53vh;
  left: 76.9vh;
  top: 15vh;
  text-align: justify;
  line-height: 1.3;
}

.d-view .s10 .s10-title-tc {
  left: 5vh;
  top: 4vh;
  height: 6vh;
  opacity: 1;
  z-index: 3;
}

.d-view .s10 .s10-left-1 {
  left: 22vh;
  bottom: 4vh;
  height: 43vh;
}

.d-view .s10 .s10-left-2 {
  left: 3vh;
  bottom: 85vh;
  height: 5vh;
}

.d-view .s10 .s10-left-3 {
  left: 4vh;
  bottom: 20vh;
  height: 15vh;
}

.d-view .s10 .s10-left-4 {
  left: 2vh;
  bottom: 36vh;
  height: 15vh;
}

.d-view .s10 .s10-left-5 {
  left: 19vh;
  bottom: 49vh;
  height: 17vh;
}

.d-view .s10 .s10-left-6 {
  left: 36vh;
  bottom: 49vh;
  height: 17vh;
}

.d-view .s10 .s10-left-7 {
  left: 48vh;
  bottom: 37vh;
  height: 15vh;
}

.d-view .s10 .s10-left-8 {
  left: 48vh;
  bottom: 20vh;
  height: 14vh;
}

.d-view .s10 .s10-left-9 {
  left: 56vh;
  top: 7.4vh;
  height: 7.5vh;
}

.d-view .s10 .s10-left-9 img {
  opacity: 1;
  height: 100%;
}

.d-view .s10 .s10-right-1 {
  left: 72vh;
  top: 10vh;
  height: 5vh;
}

.d-view .s10 .s10-right-2 {
  left: 79vh;
  bottom: 40vh;
  height: 33vh;
}

.d-view .s10 .s10-right-2 img {
  opacity: 1;
  height: 100%;
}

.d-view .s10 .s10-right-3 {
  left: 71vh;
  bottom: 35vh;
  height: 5vh;
}

.d-view .s10 .s10-right-4 {
  left: 74vh;
  bottom: 25vh;
  height: 9vh;
}

.d-view .s10 .s10-right-4 img {
  height: 100%;
  position: relative;
  opacity: 1;
}

.d-view .s10 .s10-right-5 {
  left: 71vh;
  bottom: 20vh;
  height: 5vh;
}

.d-view .s10 .s10-right-6 {
  left: 74vh;
  bottom: 9vh;
  height: 10vh;
}

.d-view .s10 .s10-right-6 img {
  height: 100%;
  position: relative;
  opacity: 1;
}

.d-view .s10 .s10-right-7 {
  left: 102vh;
  bottom: 9vh;
  height: 10vh;
}

.d-view .s10 .s10-right-7 img {
  height: 100%;
  position: relative;
  opacity: 1;
}

.d-view .s10 .s10-click {
  right: 15vh;
  top: 55vh;
}
/*# sourceMappingURL=hkg2021_desktop.css.map */