body{
  width: 100vw;
  overflow-x: hidden;
  background-color: #121035;
  margin: 0;
  padding: 0;
}
.back{
    width: 100%;
    height: 100vh;
    background-image: url(../images/Back.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}
.d-back{
  background-color: #16104b50;
}
.back1{
  width: 100%;
  height: 100vh;
  background-image: url(../images/首頁.GIF);
}
.d-flex{
  display: flex;
}
.a-j{
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-start-j-c{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
/* 初始設定 */
h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: '思源黑體', '微軟正黑體';
}
h1, h2{
  font-weight: 300;
  font-family: 微軟正黑體;
}
h1{
  font-size: 52px;
}
h2{
  font-size: 42px;
}

/* 文字設定 */
.box-p1{
  margin-top: 80%;
}
.box1{
  display: flex;
  height: 100vh;
}
.box7{
  width: 100%;
  height: 100vh;
}
.box2, .box4, .box5, .box6, .box-3.box-4{
  width: 100%;
  min-height: 100vh;
  padding-top: 15%;
}
.box2{
  background-image: url(../images/);

}
.box3{
  padding-top: 15%;
  width: 100%;
  height: 80vh;
}
.box-4{
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
}
.box-4 .text, .box-4 .box-t, .tab-contents{
  background-image: url(../images/走.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* 頁框調整 */
.rbox2{
  overflow: hidden;
  background: linear-gradient(to bottom, #121035, #b34559);
}
/* .box2{
  background: linear-gradient(to bottom, #121035, #080346);
}
.box3{
  background-color: #080346;
}
.box4{
  background: linear-gradient(to bottom, #080346, #660fb1);
}
.box5{
  background: linear-gradient(to bottom, #660fb1, #a2259e);
}
.box6{
  background: linear-gradient(to bottom, #a2259e,#b34559);
}
.box7{
  background: linear-gradient(to bottom, #b34559 60%, #f991ff 100%);
} */
/* 顏色調整 */

.r-title{
  height: 100px;
  margin-top: 10%;
  margin-bottom: -10%;
}
.text-light{
  width: 100%;
  height: 100vh;
  margin: 0;
  margin-bottom: 5%;
  padding: 0;
}
.text-light h1{
  font-size: 88px;
}
.text-light p{
  font-size: 36px;
}
.text-light .text{
  width: 700px;
}
.text-light .pic1{
  margin-right: 10%;
}
.text-light .rpic1{
  margin-right: 2%;
}
/* 第二頁調整 */


#scrollTopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 12px 18px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 1000;
}
#scrollTopBtn.show {
  opacity: 1;
  visibility: visible;
}
.smoothScroll{
  scroll-margin-top: 100px;
}
#scrollTopBtn:hover {
  animation: floatText 0.6s infinite alternate ease-in-out;
}
@keyframes floatText {
  0% {
  transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
.fade-image {
  width: 400px;
  height: auto;
  transition: opacity 1s ease;
  cursor: pointer;
}
/* 配合js調整 */
p{
  font-size: 36px;
}