html {
  height: 100%;
  scroll-padding-top: 70px;/*錨點點擊跳轉到頁面指定位置加70*/
}
body {
  margin: 0px;
  font-family: "微軟正黑體","蘋果儷黑體" ,Andes, Arial, Verdana, Helvetica, sans-serif;
  height: 100%;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    width: auto;
    height: auto;
    border: 0;
}
object {
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, p, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}
.mobile_box{
  display: none;  
}
.wrapper {
  background-image: -webkit-linear-gradient(270deg,rgba(0,0,20,1.00) 13.99%,rgba(50,35,128,1.00) 80.32%,rgba(90,35,128,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(0,0,20,1.00) 13.99%,rgba(50,35,128,1.00) 80.32%,rgba(90,35,128,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(0,0,20,1.00) 13.99%,rgba(50,35,128,1.00) 80.32%,rgba(90,35,128,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(0,0,20,1.00) 13.99%,rgba(50,35,128,1.00) 80.32%,rgba(90,35,128,1.00) 100%);
}
.wrapper2 {
  background-image: url("../images/pc/bg.png");
  background-repeat: repeat-y;
  background-position: center top;
}
.header{
  padding-top: 80px;
}
.navbar_box{
  background-color: hsla(0,0%,0%,0.90);
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 11;
}
.navbar{
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.navbar .logo img{
  width: 270px;
  padding: 10px;
}
.navbar ul{
  display: flex;
  margin: 0px;
  padding: 0px;
}
.navbar li{
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
}
.navbar li:hover{
  color: #45e3e5;
}
.navbar li a{
  color: #FFFFFF;
  text-decoration: none;
}
.navbar li a:hover{
  color: #45e3e5;
}
.ban{
  background-image: url(../images/pc/banner.jpg);
  height: 609px;
  background-repeat: no-repeat;
  background-position: center center;
}
.footer{
  background-color: #00000d;
}
.footer_box{
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.footer_box .logo img{
  width: 320px;
  padding: 10px;
}
.footer_box .link{
  display: flex;
  align-items: center; 
  justify-content: center;
}
.footer_box .us_box{
  display: flex;
  align-items: center;
}
.footer_box .f_icon{
  width: 60px;
}
.footer_box .us_tx{
  width: 100px;
}
.main{
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.m1{
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.m1_2{
  background-image: url("../images/pc/m1/m1_4.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 250px;
  background-size: auto 250px;
}
.m1_2 img{
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.m2{
  padding-bottom: 40px;
}
.m3{
  position: relative;
  background-image: url(../images/pc/m3/6AE96817.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 1312px;
}
.m3_box{
  background-image: url(../images/pc/m3/m3.svg);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 100px;
  padding-bottom: 100px;
}
.but_box{
  text-align: right;
  padding-right: 50px;
}
.but{
  width: 300px;
}
.banner{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1150px;
  margin-top: 50px;
}
.s_prev{
  text-decoration: none;
  color: #272727;
  background-image: url(../images/pc/prev.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 10;
  left: -35px;
}
.s_next{
  text-decoration: none;
  color: #272727;
  background-image: url(../images/pc/next.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 10;
  right: -35px;
}
.swiper-slide img{
  position: absolute;
  cursor: grab;
}
.swiper-container{
  padding-bottom: 85px!important;
}
.swiper-container {
	--swiper-theme-color: #46e6e6;
}
/* 解決在Safari中閃爍 */
.swiper-slide{
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}
.swiper-wrapper{
-webkit-transform-style: preserve-3d;
}

@media(min-width: 1024px) and (max-width: 1300px) {
.main {
    padding-left: 30px;
    padding-right: 30px;
}
.banner {
  max-width: 1100px;
  margin-top: 0px;
}

}

@media(min-width: 767.98px) and (max-width: 1024px) {
.main {
    padding-left: 30px;
    padding-right: 30px;
}
.banner {
  max-width: 850px;
  margin-top: 0px;
}
.top_box{
    width: 860px;
}
.but {
    width: 200px;
}
.navbar li {
    font-size: 20px;
}
}