@charset "UTF-8";

html {
    font-size: 8px;
    -webkit-text-size-adjust: none;
    color: #3c3535;
    line-height: 1.25em;
    letter-spacing: .0625em;
}

/*@media screen and (max-width: 1400px) {
    html {
        font-size: 0.7vw;
    }
}

@media screen and (max-width: 1000px) {
    html {
        font-size: 10px;
    }
}
*/
@media screen and (max-width: 750px) {
    html,body {
        font-size: 1.3333vw;
    }
}
@media screen and (max-width: 375px) {
    html {
        font-size: 1.33vw;
    }
}
body {
    background: #fff;
    font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei", sans-serif;
    background-size: 1440px auto;
}

img {
    position: relative;
    display: block;
    border: 0;
    width: 100%;
    height: auto;
}
.ta-c{text-align: center;}

.fs25{font-size: 2.5rem;}
.fs30{font-size: 3rem;}
.fs35{font-size: 3.5rem;}
.fs40{font-size: 4rem;}
.fs50{font-size: 5rem;}
.fs65{font-size: 6.5rem;}


.lh125{line-height: 1.25em;}
.lh13{line-height: 1.3em;}
.lh15{line-height: 1.5em;}

.fw-500{font-weight: 500;}
.fw-bold{font-weight: bold;}
.fw-black{font-weight: 900;}


.mb56{margin-bottom: 5.6rem;}

html,body{height: 100%;}

.wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #000;
    /*background: url(../images/bg.jpg) no-repeat top center;*/

    max-width: 75rem;
    min-height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;align-items: center;
}

section{
    position: relative;
    height: 177.78%;
}
img{width: 100%;}
/*kv*/

.kv{

}
/*section{opacity: 0;pointer-events: none;position: absolute;width: 100%;}
section.active{
    opacity: 1;
    pointer-events: initial;
}*/
.section-page{
    position: absolute;
    width: 13.2rem;
    bottom: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
}
.next-btn{
    width: 35.8rem;
    position: absolute;
    left: 50%;
    bottom: 7rem;
    transform: translateX(-50%);
}
.section-head{
    height: 23rem;
    width: 100%;
    background: url(../images/section-head.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}
.logo{
    width: 34.4rem;
    position: absolute;
    left: 50%;
    bottom: 4.5rem;
    transform: translateX(-50%);
}
.map,.intro{
    background: url(../images/bg.png) center top repeat-y;
    background-size: contain;
}
.intro-txt{
    width: 59.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.wanted{
    background: #fff;
}
.wanted-ing{
    position: absolute;
    width: 48.8rem;
    bottom: 0;
    right: 0;
}

.wanted-title{
    width: 41.8rem;
    position: absolute;
    top: 9rem;
    left: 50%;
    transform: translateX(-50%);
}

.wanted .swiper-container{
    position: absolute;
    width: 100%;
    height: 88rem;
    left: 0;
    top: 22rem;
}
.wanted .swiper-container .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;align-items: center;
}
.wanted-name{width: 15.1rem;margin-top: 2rem;}

.slider1 .wanted-name,.slider3 .wanted-name,.slider5 .wanted-name,.slider7 .wanted-name{
    margin:2.4rem 0;
    position: relative;
    width: 23.4rem;
    margin-top: 9rem;
}
.slider3 .wanted-name{margin-top: 4rem;}
.slider4 .wanted-name,.slider6 .wanted-name{margin-top: 4rem;}
.slider5 .wanted-name{    width: 51.9rem;    margin-top: -2rem;}
.slider8 .wanted-name{margin-top: 5rem;}
.slider8 .next-btn{
    bottom: 45rem;
    width: calc(35.8rem * .75);
}
.map-title{
    width: 42rem;
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
}
.map-pic{
    width: 42.8rem;
    position: absolute;
    top: 26.4rem;
    left: 50%;
    transform: translateX(-50%);
}
.map-txt{
    width: 50.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 26rem;
}

.map .next-btn{
    width: calc(35.8rem * .8);
}
.form{
    background: url(../images/form.jpg);
    background-size: cover;
}
.form-content{
    position: absolute;
    width: 50.6rem;
    left: 50%;
    transform: translateX(-50%);
    top: 14.8rem;
}
.form-content input{
    width: 29.2rem;
    height: 10.4rem;
    border-radius: 4rem;
    border:.2rem solid #8E0052;
    background:#fff;
    right: 0;
    position: absolute;
    font-size: 4rem;
    text-align: center;
    font-weight: bold;
}
.form-input1{bottom: 64rem;}
.form-input2{bottom: 43rem;}
.form-input3{bottom: 21rem;}
.form-input4{bottom: 0;}

input.error{
    background: #FFA1A1;
}
.video video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.thanks-txt{
    width: 50rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 24rem;
}
@media screen and (min-width: 1100px) {
  
}
@media screen and (min-width: 1100px) and (max-height: 1100px) {
  
}

@media screen and (max-width: 640px) {
   
}