.mobile-mobileRoot {
  background-color: white;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

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

.mobile-sectionGroup1 {
  display: flex;
  width: 100%;
  position: relative;
  min-height: 568px; }

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

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

.mobile-rect4 {
  background-color: white;
  border: 1.052px solid #b5b5b5;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  height: 100%; }

.mobile-txt26 {
  color: black;
  font-weight: 700;
  font-size: calc(2.2px + (11 - 2.2) * (100vw / 320));
  line-height: calc(2.6px + (13 - 2.6) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-description {
  width: 100%;
  height: 100%; }

.mobile-description-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.2px + (11 - 2.2) * (100vw / 320));
  line-height: calc(4px + (20 - 4) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.303163132330293px;
  white-space: pre-wrap; }

.mobile-subtitle {
  background: url(assets/540bf34de381dcf73a70e8081c3a0485.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.mobile-subtitle2 {
  color: black;
  font-size: calc(2px + (10 - 2) * (100vw / 320));
  line-height: calc(3px + (15 - 3) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif;
  letter-spacing: 1.204190583229639px;
  margin: 0px;
  width: 100%;
  height: 100%; }

.mobile-subtitle21 {
  color: black;
  font-size: calc(2.8000000000000003px + (14 - 2.8000000000000003) * (100vw / 320));
  line-height: calc(4px + (20 - 4) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 3.596544748081307px;
  width: 100%;
  height: 100%; }

.mobile-logo {
  background: url(assets/f82351de5fef35f40696ef531565d8e6.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.mobile-subtitle1 {
  background: url(assets/e5ce8ce60fed83b9c0b502a860e4e6d5.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.mobile-mobileRoot-item1 {
  flex-shrink: 0;
  z-index: 2;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup2 {
  display: flex;
  background: url(assets/acf039b3f9931d78745b1dbda507d23e.png) center center/cover no-repeat;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  min-height: 566px; }

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

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

.mobile-title-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle3-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-mobileContact {
  position: relative;
  width: 100%;
  height: 100%; }

.mobile-mobileRoot-item2 {
  flex-shrink: 0;
  z-index: 3;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup3 {
  display: flex;
  width: 100%;
  position: relative;
  min-height: 535px; }

.mobile-background2 {
  width: 100%;
  height: auto; }

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

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

.mobile-title1-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(5.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle4-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-component283 {
  position: relative;
  width: 100%;
  height: 100%; }

.mobile-mobileRoot-item3 {
  flex-shrink: 0;
  z-index: 4;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup4 {
  display: flex;
  width: 100%;
  position: relative;
  min-height: 643px; }

.mobile-background3 {
  width: 100%;
  height: auto;
  border-radius: 0px 0px 0px 0px; }

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

.mobile-title2-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle5-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-component298 {
  position: relative;
  width: 100%;
  height: 100%; }

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

.mobile-mobileRoot-item4 {
  flex-shrink: 0;
  z-index: 5;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup5 {
  display: flex;
  width: 100%;
  position: relative;
  min-height: 586px; }

.mobile-background4 {
  width: 100%;
  height: auto;
  border-radius: 0px 0px 0px 0px; }

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

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

.mobile-title3-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(5.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle6-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-component307 {
  position: relative;
  width: 100%;
  height: 100%; }

.mobile-mobileRoot-item5 {
  flex-shrink: 0;
  z-index: 6;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup6 {
  display: flex;
  width: 100%;
  position: relative;
  min-height: 598px; }

.mobile-background5 {
  width: 100%;
  height: auto;
  border-radius: 0px 0px 0px 0px; }

.mobile-img315 {
  width: 100%;
  height: auto; }

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

.mobile-title4-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle7-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-component311 {
  position: relative;
  width: 100%;
  height: 100%; }

.mobile-mobileRoot-item6 {
  flex-shrink: 0;
  z-index: 7;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup7 {
  display: flex;
  width: 100%;
  position: relative;
  margin-top: 0px;
  min-height: 587px;
  margin-bottom: 1px; }

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

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

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

.mobile-title5-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle8-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(1.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-component320 {
  position: relative;
  width: 100%;
  height: 100%; }

.mobile-mobileRoot-item7 {
  flex-shrink: 0;
  z-index: 8;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup8 {
  display: flex;
  width: 100%;
  position: relative;
  margin-top: 1px;
  min-height: 564px;
  margin-bottom: 1px; }

.mobile-background7 {
  width: 100%;
  height: auto;
  border-radius: 0px 0px 0px 0px; }

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

.mobile-title6-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(4.93714px + (29.6857 - 5.93714) * (100vw / 320));
  line-height: calc(8.905710000000001px + (44.52855 - 8.905710000000001) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 2.75px;
  white-space: pre-wrap; }

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

.mobile-subtitle9-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: black;
  font-size: calc(2.49271px + (12.46355 - 2.49271) * (100vw / 320));
  line-height: calc(3.739065px + (18.695325 - 3.739065) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  letter-spacing: 1.65px;
  white-space: pre-wrap; }

.mobile-component331 {
  position: relative;
  width: 100%;
  height: 100%; }

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

.mobile-mobileRoot-item8 {
  flex-shrink: 0;
  z-index: 9;
  min-height: 0px;
  display: flex; }

.mobile-sectionGroup9 {
  display: flex;
  width: 100%;
  position: relative;
  margin-top: 1px;
  min-height: 569px;
  margin-bottom: 1px; }

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

.mobile-backgroundColor {
  background-color: #20191c;
  border-radius: 0px 0px 0px 0px;
  width: 215%;
  height: 100%;
  transform: translate(0px, 0px); }

.mobile-group337 {
  display: flex;
  width: 100%;
  height: 100%; }

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

.mobile-txt116 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2px + (10 - 2) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-txt117 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

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

.mobile-txt119 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2px + (10 - 2) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-txt120 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

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

.mobile-txt122 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-txt123 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

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

.mobile-txt125 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-txt126 {
  color: white;
  font-size: calc(1.63174px + (8.1587 - 1.63174) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-coverGroup {
  display: flex;
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  height: 100%; }

.mobile-txt130 {
  width: 100%;
  height: 100%; }

.mobile-txt130-content-textinput {
  color: #050404;
  font-size: calc(1.7591200000000002px + (8.7956 - 1.7591200000000002) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  border: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  background-color: transparent; }

.mobile-txt130-content-textinput:focus {
  outline: none; }

.mobile-coverGroup1 {
  display: flex;
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  height: 100%; }

.mobile-txt131 {
  width: 100%;
  height: 100%; }

.mobile-txt131-content-textinput {
  color: #050404;
  font-size: calc(1.7591200000000002px + (8.7956 - 1.7591200000000002) * (100vw / 320));
  line-height: calc(2.4000000000000004px + (12 - 2.4000000000000004) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif;
  border: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: middle;
  background-color: transparent; }

.mobile-txt131-content-textinput:focus {
  outline: none; }

.mobile-coverGroup2-clickable {
  display: flex;
  border: 0.5px solid white;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.2s; }

.mobile-coverGroup2-clickable:hover {
  opacity: 0.7; }

.mobile-txt132 {
  color: white;
  font-size: calc(1.7591200000000002px + (8.7956 - 1.7591200000000002) * (100vw / 320));
  line-height: calc(2.2px + (11 - 2.2) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif;
  width: 100%;
  height: 100%; }

.mobile-title7 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%; }

.mobile-title7-content {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px;
  color: white;
  font-size: calc(3.894px + (19.47 - 3.894) * (100vw / 320));
  line-height: calc(5.841px + (29.205 - 5.841) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif;
  text-align: center;
  white-space: pre-wrap; }

.mobile-title7Span0 {
  color: #ffffffff;
  font-size: calc(3.894px + (19.47 - 3.894) * (100vw / 320));
  line-height: calc(5.841px + (29.205 - 5.841) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif; }

.mobile-title7Span1 {
  color: #ffffffff;
  font-size: calc(2.981px + (14.905 - 2.981) * (100vw / 320));
  line-height: calc(4.4715px + (22.357499999999998 - 4.4715) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.mobile-title7Span2 {
  color: #ffffffff;
  font-size: calc(3.90071px + (19.50355 - 3.90071) * (100vw / 320));
  line-height: calc(5.851065px + (29.255325 - 5.851065) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif; }

.mobile-title7Span3 {
  color: #ffffffff;
  font-size: calc(2.981px + (14.905 - 2.981) * (100vw / 320));
  line-height: calc(4.4715px + (22.357499999999998 - 4.4715) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.mobile-title7Span4 {
  color: #ffffffff;
  font-size: calc(2.981px + (14.905 - 2.981) * (100vw / 320));
  line-height: calc(4.4715px + (22.357499999999998 - 4.4715) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif; }

.mobile-title7Span5 {
  color: #ffffffff;
  font-size: calc(2.981px + (14.905 - 2.981) * (100vw / 320));
  line-height: calc(4.4715px + (22.357499999999998 - 4.4715) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.mobile-title7Span6 {
  color: #ffffffff;
  font-size: calc(3.90071px + (19.50355 - 3.90071) * (100vw / 320));
  line-height: calc(5.851065px + (29.255325 - 5.851065) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif; }

.mobile-title7Span7 {
  color: #ffffffff;
  font-size: calc(2.981px + (14.905 - 2.981) * (100vw / 320));
  line-height: calc(4.4715px + (22.357499999999998 - 4.4715) * (100vw / 320));
  font-family: "Noto Serif TC", Helvetica, Arial, serif; }

.mobile-title7Span8 {
  color: #ffffffff;
  font-size: calc(3.90071px + (19.50355 - 3.90071) * (100vw / 320));
  line-height: calc(5.851065px + (29.255325 - 5.851065) * (100vw / 320));
  font-family: "Roboto", Helvetica, Arial, serif; }

.mobile-logo1 {
  background: url(assets/6b84d48db8e202f95a3e7b69be53cbf9.png) center center/cover no-repeat;
  width: 100%;
  height: 100%; }