/* 字體 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");
@font-face {
  font-family: "Times New Roman";
  src: url(../fonts/times_1.ttf);
}

@font-face {
  font-family: "Noto Sans TC";
  src: url(../fonts/Noto/NotoSansTC-Regular.otf);
}

@font-face {
  font-family: "NotoSerifTC-Bold";
  src: url(../fonts/Noto/NotoSerifTC-Bold.otf);
}

@font-face {
  font-family: "NotoSerifTC-SemiBold";
  src: url(../fonts/Noto/NotoSerifTC-SemiBold.otf);
}

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  min-width: 1240px;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

img {
  display: block;
}

/*全部*/
.all {
  width: 100%;
  overflow: hidden;
}

/*頁面1*/
.main1 {
  width: 100%;
  height: 101vh;
  position: relative;
  background-image: url("../img/01/bg1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  z-index: 0;
}

.main1-txt1 {
  color: #fff;
  font-family: "NotoSerifTC-SemiBold";
  position: absolute;
  bottom: 12.6%;
  left: 6%;
  font-size: 1.3vw;
  letter-spacing: 0.25vw;
}

.main1-txt2 {
  color: #fff;
    font-family: "NotoSerifTC-SemiBold";
    position: absolute;
    bottom: 7.5%;
    left: 9%;
    font-size: 1.3vw;
    letter-spacing: 0.25vw;
}

.scrollDown {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 81px;
  right: 1%;
  top: 80%;
  /* transform: translateX(-50%); */
  /* animation: 動畫名稱 播放時間 延遲執行時間 速度 次數 方向 填充模式 播放狀態; */
  animation: scroll-Down-move 0.5s infinite alternate;
  transition-timing-function: ease-out;
}

@keyframes scroll-Down-move {
  0% {
    top: 80%;
  }
  100% {
    top: 83%;
  }
}

.scrollTop {
  position: fixed;
  display: block;
  cursor: pointer;
  width: 46px;
  right: 1%;
  top: 80%;
  /* transform: translateX(-50%); */
  /* animation: 動畫名稱 播放時間 延遲執行時間 速度 次數 方向 填充模式 播放狀態; */
  animation: scroll-Up-move 0.5s infinite alternate;
  transition-timing-function: ease-out;
}

@keyframes scroll-Up-move {
  0% {
    top: 80%;
  }
  100% {
    top: 83%;
  }
}

/*頁面2*/
.main2 {
  width: 100%;
  height: 100vh;
  min-height: 637px;
  position: relative;
  background-image: url("../img/01/bg2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  z-index: 0;
}

.main2-title {
  width: 30.5%;
  margin: 4% auto auto auto;
  color: #e8bf50;
  font-weight: bold;
  display: block;
}

.main2-title::after {
  content: "";
  display: block;
  clear: both;
}

.title2-txt-l {
  height: 52px;
  font-family: "NotoSerifTC-Bold";
  font-size: 1.9vw;
  letter-spacing: 0.4vw;
  float: left;
  line-height: 52px;
}

.title2-txt-m {
  width: 2px;
  height: 32px;
  margin: 14px 3% 0 2%;
  float: left;
  background-color: #e8bf50;
}

.title2-txt-r {
  font-family: "Times New Roman";
  font-weight: 900;
  font-size: 1.5vw;
  line-height: 54px;
  letter-spacing: 0.2vw;
  float: left;
}

.main2-l {
  width: 50%;
  height: auto;
  position: absolute;
  top: 19%;
  left: 0;
}

.main2-r {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.main2-lin {
  width: 48.8%;
  height: auto;
  position: absolute;
  right: 22%;
  bottom: 0;
}

.main2-txt {
  width: 78%;
  margin: 1% auto auto 22%;
}

.main2-txt2 {
  width: 78%;
    position: absolute;
    left: 12%;
    bottom: 21%;
}

.main2-txt h1 {
  font-size: 1.9vw;
  letter-spacing: 0.4vw;
  line-height: 2.8vw;
  color: #e8bf50;
  font-family: "NotoSerifTC-Bold";
  margin: 0;
}

.main2-txt h2,
.main2-txt2 h2 {
  font-size: 1.65vw;
  letter-spacing: 0.4vw;
  line-height: 3vw;
  color: #e8bf50;
  font-family: "NotoSerifTC-SemiBold";
  margin: 0;
}

.main2-txt h4,
.main2-txt2 h4 {
  width: 100%;
  font-size: 1.13vw;
  letter-spacing: 0.1vw;
  line-height: 2vw;
  color: #fff;
  font-family: "Noto Sans TC";
  position: relative;
  margin: 1% 0 3% 0.25%;
  font-weight: 300 !important;
  text-align: justify;
  text-justify: inter-ideograph;
}

.sign {
  font-size: 1.55vw;
  letter-spacing: 0.4vw;
  line-height: 3vw;
  color: #e8bf50;
  font-family: "NotoSerifTC-SemiBold";
  position: absolute;
  left: 21%;
  bottom: 13%;
}

.sign-pic {
  width: 40%;
  height: auto;
  display: inline-block;
  margin-bottom: -1.5%;
}

/*頁面3*/
.main3 {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.main3-all {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.main3-li {
  width: 33.3%;
  height: 100%;
  float: left;
  position: relative;
}

.main3-icon {
  width: 26%;
  height: auto;
  margin: 38% auto 2% auto;
}

.main3-icon2 {
  width: 26.5%;
  height: auto;
  margin: 31.5% auto 2% auto;
}

.main3-icon3 {
  width: 30%;
  height: auto;
  margin: 33% auto 2% auto;
}

.main3-txt {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 42%;
}

.main3 h1 {
  font-size: 1.9vw;
  letter-spacing: 0.4vw;
  line-height: 3vw;
  margin: 0;
  color: #e8bf50;
  font-family: "NotoSerifTC-Bold";
}

.main3 h2 {
  font-size: 1.58vw;
  letter-spacing: 0.4vw;
  line-height: 3vw;
  margin: 0;
  font-family: "NotoSerifTC-SemiBold";
  color: #fff;
}

.main3 h4 {
  font-size: 1.13vw;
  letter-spacing: 0.1vw;
  line-height: 2vw;
  font-family: "Noto Sans TC";
  position: relative;
  margin: 0.3% 0 0 0.25%;
  font-weight: 300 !important;
  color: #fff;
}

.main3-font {
  width: 68%;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 22%;
}

.main3-font2 {
  width: 68%;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18%;
}

/*頁面4*/
.main4 {
  width: 100%;
  height: 100vh;
  min-height: 775px;
  position: relative;
  background-image: url("../img/01/bg4.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  z-index: 0;
}

.main4-title {
  width: 29%;
  margin: 6% auto auto 20%;
  color: #534740;
  font-weight: bold;
  display: block;
}

.main4-title::after {
  content: "";
  display: block;
  clear: both;
}

.title4-txt-l {
  height: 52px;
  font-family: "NotoSerifTC-Bold";
  font-size: 1.9vw;
  letter-spacing: 0.4vw;
  float: left;
  line-height: 52px;
}

.title4-txt-m {
  width:2px;
  height: 32px;
  margin: 14px 3% 0 2%;
  float: left;
  background-color: #534740;
}

.title4-txt-r {
  font-family: "Times New Roman";
  font-weight: 900;
  font-size: 1.5vw;
  line-height: 54px;
  letter-spacing: 0.2vw;
  float: left;
}

.main4-pic1 {
  width: 39%;
  margin: 4% auto auto 10.3%;
}

/*頁面6*/
.main6 {
  width: 100%;
  height: 100vh;
  min-height: 735px;
  position: relative;
  background-image: url("../img/01/bg6.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  z-index: 0;
  margin-bottom: -15px;
}

.main6-title {
  width: 28%;
  margin: 4% auto auto auto;
  color: #e8bf50;
  font-weight: bold;
  display: block;
}

.main6-title::after {
  content: "";
  display: block;
  clear: both;
}

.title6-txt-l {
  height: 52px;
  font-family: "NotoSerifTC-Bold";
  font-size: 1.9vw;
  letter-spacing: 0.4vw;
  float: left;
  line-height: 52px;
}

.title6-txt-m {
  width: 2px;
  height: 32px;
  margin: 14px 3% 0 2%;
  float: left;
  background-color: #e8bf50;
}

.title6-txt-r {
  font-family: "Times New Roman";
  font-weight: 900;
  font-size: 1.5vw;
  line-height: 54px;
  letter-spacing: 0.2vw;
  float: left;
}

.main6-txt {
  width: 100%;
  text-align: center;
  font-family: "NotoSerifTC-SemiBold";
  color: #fff;
  margin-top: 2%;
}

.main6 h1 {
  font-size: 1.58vw;
  letter-spacing: 0.3vw;
  line-height: 60px;
  margin: 0;
  font-weight: 600;
}

.main6-pic1 {
  width: 6.3%;
  height: auto;
  position: absolute;
  top: 32%;
  right: 51%;
}

.main6-pic2 {
  width: 5.85%;
  height: auto;
  position: absolute;
  top: 28%;
  right: 45%;
}

.main6-pic3 {
  width: 12%;
  height: auto;
  position: absolute;
  top: 69%;
  right: 45%;
}

.main6-pic4 {
  width: 21.5%;
  height: auto;
  position: absolute;
  top: 37%;
  right: 54%;
}

.main6-pic5 {
  width: 21.3%;
  height: auto;
  position: absolute;
  top: 30%;
  right: 27%;
}