/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.desktop-flexColumn342 {
  background-color: white;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.desktop-flexColumn342-item0 {
  flex-shrink: 0;
  z-index: 1;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup1 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative; }

.desktop-background {
  width: 100%;
  height: auto; }

.desktop-whiteBlock {
  background-color: white;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  height: 100%; }

.desktop-whiteBlock-item0 {
  flex-shrink: 0;
  z-index: 2;
  min-height: 0px;
  display: flex; }

.desktop-rect7 {
  background-color: white;
  border: 1.052px solid #b5b5b5;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  padding-bottom: 100%;
  /*min-height: 222px;*/
  flex-grow: 1;
  margin: 6px 5px 7px; }

.desktop-whiteBlock-item1 {
  flex-shrink: 0;
  z-index: 1;
  min-height: 0px;
  display: flex; }

.desktop-txt6 {
  color: black;
  font-weight: 700;
  font-size: calc(6.4092px + (32.046 - 6.4092) * (100vw / 1920));
  line-height: calc(7.2px + (36 - 7.2) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.desktop-subtitle2 {
  color: black;
  font-size: calc(4.982600000000001px + (24.913 - 4.982600000000001) * (100vw / 1920));
  line-height: calc(5.800000000000001px + (29 - 5.800000000000001) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  letter-spacing: 3px;
  width: 100%;
  height: 100%; }

.desktop-logo {
  width: 100%;
  height: auto; }

.desktop-subtitle21 {
  color: black;
  font-size: calc(6.2282px + (31.141 - 6.2282) * (100vw / 1920));
  line-height: calc(8.8px + (44 - 8.8) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 8px;
  width: 100%;
  height: 100%; }

.desktop-title {
  width: 100%;
  height: 100%; }

.desktop-title-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(5.0646px + (25.323 - 5.0646) * (100vw / 1920));
  line-height: calc(7.5969px + (37.9845 - 7.5969) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-subtitle {
  width: 100%;
  height: auto; }

.desktop-subtitle1 {
  width: 100%;
  height: auto; }

.desktop-flexColumn342-item1 {
  flex-shrink: 0;
  z-index: 4;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup2 {
  display: flex;
  width: 100%;
  position: relative; }

.desktop-background1 {
  width: 100%;
  height: auto; }

.desktop-photo {
  width: 100%;
  height: auto; }

.desktop-navMenu {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-menu {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-background2 {
  background: url(assets/fb99232df43e3ec85549681bc503824c.png) center center/cover no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  min-height: 38px; }

.desktop-line {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line1 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line2 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt980 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt982 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt984 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt986 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt988 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt990 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-txt992 {
  color: #1c666c;
  font-size: calc(2.89px + (14.45 - 2.89) * (100vw / 1920));
  line-height: calc(4px + (20 - 4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line3 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line4 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line5 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line6 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-line7 {
  color: #1c666c;
  font: 14.45px/21.675px "Roboto", Helvetica, Arial, serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-menu1 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-contact1 {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt767 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt769 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact2 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt773 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt775 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact3 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt779 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt781 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact4 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt785 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt787 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-title1 {
  width: 100%;
  height: 100%; }

.desktop-title1-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(10.7948px + (53.974 - 10.7948) * (100vw / 1920));
  line-height: calc(16.1922px + (80.961 - 16.1922) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle3 {
  width: 100%;
  height: 100%; }

.desktop-subtitle3-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-flexColumn342-item2 {
  flex-shrink: 0;
  margin-top: -4px;
  z-index: 5;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup3 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  margin-left: 1px;
  flex-grow: 1;
  margin-right: 0px; }

.desktop-rect143 {
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  width: 100.05211047420532%;
  height: 100%;
  transform: translate(0px, 0px); }

.desktop-background3 {
  width: 100%;
  height: auto; }

.desktop-title2 {
  width: 100%;
  height: 100%; }

.desktop-title2-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(10.7948px + (53.974 - 10.7948) * (100vw / 1920));
  line-height: calc(16.1922px + (80.961 - 16.1922) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle4 {
  width: 100%;
  height: 100%; }

.desktop-subtitle4-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-subtitle4Span0 {
  color: #000000ff;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px; }

.desktop-subtitle4Span1 {
  color: #000000ff;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px; }

.desktop-menu2 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact1 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-contact11 {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt796 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt798 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact21 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt802 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt804 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact31 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt808 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt810 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact41 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt814 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt816 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-img159 {
  background: url(assets/fb99232df43e3ec85549681bc503824c.png) center center/cover no-repeat;
  width: 100%;
  height: 100%; }

.desktop-photo1 {
  width: 100%;
  height: auto; }

.desktop-flexColumn342-item3 {
  flex-shrink: 0;
  margin-top: -4px;
  z-index: 6;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup4 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative; }

.desktop-background4 {
  width: 100%;
  height: auto; }

.desktop-photo2 {
  width: 100%;
  height: auto; }

.desktop-title3 {
  width: 100%;
  height: 100%; }

.desktop-title3-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(10.7948px + (53.974 - 10.7948) * (100vw / 1920));
  line-height: calc(16.1922px + (80.961 - 16.1922) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle5 {
  width: 100%;
  height: 100%; }

.desktop-subtitle5-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-menu3 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact2 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-contact12 {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt824 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt826 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact22 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt830 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt832 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact32 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt836 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt838 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact42 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt842 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt844 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-flexColumn342-item4 {
  flex-shrink: 0;
  margin-top: -2px;
  z-index: 2;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup5 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 1px;
  flex-grow: 1;
  margin-right: 0px; }

.desktop-background5 {
  width: 100%;
  height: auto; }

.desktop-photo3 {
  width: 100%;
  height: auto; }

.desktop-title4 {
  width: 100%;
  height: 100%; }

.desktop-title4-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(10.7948px + (53.974 - 10.7948) * (100vw / 1920));
  line-height: calc(16.1922px + (80.961 - 16.1922) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle6 {
  width: 100%;
  height: 100%; }

.desktop-subtitle6-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-menu4 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact3 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-contact13 {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt852 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt854 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact23 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt858 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt860 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact33 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt864 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt866 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact43 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt870 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt872 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-flexColumn342-item5 {
  flex-shrink: 0;
  z-index: 7;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup6 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  margin-left: 1px;
  flex-grow: 1;
  margin-right: 0px; }

.desktop-background6 {
  width: 100%;
  height: auto; }

.desktop-photo4 {
  width: 100%;
  height: auto; }

.desktop-title5 {
  width: 100%;
  height: 100%; }

.desktop-title5-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(8.5948px + (53.974 - 10.7948) * (100vw / 1920));
  line-height: calc(16.1922px + (80.961 - 16.1922) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle7 {
  width: 100%;
  height: 100%; }

.desktop-subtitle7-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-menu5 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact4 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-contact14 {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt880 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt882 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact24 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt886 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt888 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact34 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt892 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt894 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact44 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt898 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt900 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-flexColumn342-item6 {
  flex-shrink: 0;
  z-index: 8;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup7 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative; }

.desktop-background7 {
  width: 100%;
  height: auto; }

.desktop-photo5 {
  width: 100%;
  height: auto; }

.desktop-title6 {
  width: 100%;
  height: 100%; }

.desktop-title6-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(3.2384399999999998px + (53.974 - 3.2384399999999998) * (100vw / 1920));
  line-height: calc(4.85766px + (80.961 - 4.85766) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle8 {
  width: 100%;
  height: 100%; }

.desktop-subtitle8-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-menu6 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact5 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-contact15 {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt908 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt910 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact25 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt914 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt916 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact35 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt920 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt922 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-contact45 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt926 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt928 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-flexColumn342-item7 {
  flex-shrink: 0;
  z-index: 9;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup8 {
  display: flex;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  margin-left: 1px;
  flex-grow: 1;
  margin-right: 0px; }

.desktop-background8 {
  width: 100%;
  height: auto; }

.desktop-photo6 {
  width: 100%;
  height: auto;
  transform: translate(0px, 0px);
  border-radius: 0px 0px 0px 0px; }

.desktop-title7 {
  width: 100%;
  height: 100%; }

.desktop-title7-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(10.7948px + (53.974 - 10.7948) * (100vw / 1920));
  line-height: calc(16.1922px + (80.961 - 16.1922) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 5px;
  white-space: pre-wrap; }

.desktop-subtitle9 {
  width: 100%;
  height: 100%; }

.desktop-subtitle9-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.5322000000000005px + (22.661 - 4.5322000000000005) * (100vw / 1920));
  line-height: calc(6.798300000000001px + (33.9915 - 6.798300000000001) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3px;
  white-space: pre-wrap; }

.desktop-menu7 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-mobileContact6 {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-coverGroup {
  display: flex;
  background: url(assets/4b5f16e15ba34952f651aa8c53c44385.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt936 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt938 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-coverGroup1 {
  display: flex;
  background: url(assets/0091984b9f5418be04eb4c287091ef34.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt942 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt944 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-coverGroup2 {
  display: flex;
  background: url(assets/b45e165ee436546f530978ce47055701.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt948 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt950 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-coverGroup3 {
  display: flex;
  background: url(assets/49a3590e35a08f8ead33cd983d9134f4.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt954 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt956 {
  color: #1c666c;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-flexColumn342-item8 {
  flex-shrink: 0;
  margin-top: -2px;
  z-index: 3;
  min-height: 0px;
  display: flex; }

.desktop-sectionGroup9 {
  display: flex;
  width: 100%;
  position: relative; }

.desktop-background9 {
  width: 100%;
  height: auto; }

.desktop-lastMenu {
  display: flex;
  width: 100%;
  height: 100%; }

.desktop-coverGroup4 {
  display: flex;
  background: url(assets/31ab901402fd84a39eba6444a7710c90.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt52 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt53 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-coverGroup5 {
  display: flex;
  background: url(assets/31ab901402fd84a39eba6444a7710c90.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt55 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(3.4000000000000004px + (17 - 3.4000000000000004) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt56 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-coverGroup6 {
  display: flex;
  background: url(assets/31ab901402fd84a39eba6444a7710c90.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt58 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt59 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-coverGroup7 {
  display: flex;
  background: url(assets/31ab901402fd84a39eba6444a7710c90.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.desktop-txt61 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-txt62 {
  color: white;
  font-size: calc(2.9668px + (14.834 - 2.9668) * (100vw / 1920));
  line-height: calc(4.2px + (21 - 4.2) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.desktop-flexColumn960 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.desktop-flexColumn960-item0 {
  flex-shrink: 0;
  min-height: 0px;
  display: flex; }

.desktop-coverGroup8 {
  display: flex;
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  margin-top: 0px;
  margin-bottom: 4px; }

.desktop-txt66 {
  width: 100%;
  height: 100%; }

.desktop-txt66-content-textinput {
  color: #050404;
  font-size: calc(3.1984000000000004px + (15.992 - 3.1984000000000004) * (100vw / 1920));
  line-height: calc(4.4px + (22 - 4.4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  border: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  background-color: transparent; }

.desktop-txt66-content-textinput:focus {
  outline: none; }

.desktop-flexColumn960-item1 {
  flex-shrink: 0;
  min-height: 0px;
  display: flex; }

.desktop-coverGroup9 {
  display: flex;
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px; }

.desktop-txt67 {
  width: 100%;
  height: 100%; }

.desktop-txt67-content-textinput {
  color: #050404;
  font-size: calc(3.1984000000000004px + (15.992 - 3.1984000000000004) * (100vw / 1920));
  line-height: calc(4.4px + (22 - 4.4) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  border: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  background-color: transparent; }

.desktop-txt67-content-textinput:focus {
  outline: none; }

.desktop-flexColumn960-item2 {
  flex-shrink: 0;
  min-height: 0px;
  display: flex; }

.desktop-coverGroup10-clickable {
  display: flex;
  border: 0.608px solid white;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  margin-top: 4px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.2s; }

.desktop-coverGroup10-clickable:hover {
  opacity: 0.7; }

.desktop-txt68 {
  color: white;
  font-size: calc(3.1984000000000004px + (15.992 - 3.1984000000000004) * (100vw / 1920));
  line-height: calc(3.8000000000000003px + (19 - 3.8000000000000003) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
    background: none;
    border: none; }

.desktop-title8 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%; }

.desktop-title8-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: white;
  font-size: calc(7.08px + (35.4 - 7.08) * (100vw / 1920));
  line-height: calc(10.62px + (53.099999999999994 - 10.62) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif;
  text-align: center;
  white-space: pre-wrap; }

.desktop-title8Span0 {
  color: #ffffffff;
  font-size: calc(7.08px + (35.4 - 7.08) * (100vw / 1920));
  line-height: calc(10.62px + (53.099999999999994 - 10.62) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif; }

.desktop-title8Span1 {
  color: #ffffffff;
  font-size: calc(5.420000000000001px + (27.1 - 5.420000000000001) * (100vw / 1920));
  line-height: calc(8.13px + (40.650000000000006 - 8.13) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.desktop-title8Span2 {
  color: #ffffffff;
  font-size: calc(7.0922px + (35.461 - 7.0922) * (100vw / 1920));
  line-height: calc(10.638300000000001px + (53.1915 - 10.638300000000001) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif; }

.desktop-title8Span3 {
  color: #ffffffff;
  font-size: calc(5.420000000000001px + (27.1 - 5.420000000000001) * (100vw / 1920));
  line-height: calc(8.13px + (40.650000000000006 - 8.13) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.desktop-title8Span4 {
  color: #ffffffff;
  font-size: calc(5.420000000000001px + (27.1 - 5.420000000000001) * (100vw / 1920));
  line-height: calc(8.13px + (40.650000000000006 - 8.13) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif; }

.desktop-title8Span5 {
  color: #ffffffff;
  font-size: calc(5.420000000000001px + (27.1 - 5.420000000000001) * (100vw / 1920));
  line-height: calc(8.13px + (40.650000000000006 - 8.13) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.desktop-title8Span6 {
  color: #ffffffff;
  font-size: calc(7.0922px + (35.461 - 7.0922) * (100vw / 1920));
  line-height: calc(10.638300000000001px + (53.1915 - 10.638300000000001) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif; }

.desktop-title8Span7 {
  color: #ffffffff;
  font-size: calc(5.420000000000001px + (27.1 - 5.420000000000001) * (100vw / 1920));
  line-height: calc(8.13px + (40.650000000000006 - 8.13) * (100vw / 1920));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.desktop-title8Span8 {
  color: #ffffffff;
  font-size: calc(7.0922px + (35.461 - 7.0922) * (100vw / 1920));
  line-height: calc(10.638300000000001px + (53.1915 - 10.638300000000001) * (100vw / 1920));
  font-family: "Roboto", Helvetica, Arial, serif; }

.desktop-logo1 {
  width: 100%;
  height: auto; }