html {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    min-width: 1200px;
    position: relative;
    font-size: 24px;
    margin: 0 auto;
}
body{
    position: relative;
    background-color: #fff;
    margin: 0 auto;
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'Open Sans', 'NotoSansTC-Bold';
}
@font-face {
  font-family: 'NotoSansTC-Bold';
  src: url('../font/NotoSansTC-Bold.woff2') format('woff2'),
       url('../font/NotoSansTC-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
h1,h2,h3,h4,h5,ul,ul li{
    padding: 0;
    margin: 0;
}
a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
a,a:hover,a:focus{
    color: #fff;
    transition: .3s;
}
button{
    border: none;
    outline: none;
    background-color: transparent;
    transition: .3s;
    cursor: pointer;
}
button:hover,a:hover{
    opacity: .75;
    transition: .3s;
}
img{
    width: 100%;
}
.ps-md{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.page-block{
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 49.8%;
}
/* swiper */
.swiper-button-next, .swiper-button-prev{
    width: 3.3rem;
    height: 3.3rem;
    color: transparent;
    top: 52%;
    margin: 0 auto;
}
.btn-arrow-left{
    background: url(../img/arrow_l.png) no-repeat top center;
    background-size: contain;
}
.btn-arrow-right{
    background: url(../img/arrow_r.png) no-repeat top center;
    background-size: contain;
}