/* 關於我們 */
.aboutus-top{
    background-image:url(../img/aboutus-top.png) ;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    height: AUTO;
    PADDING: 150PX;
    z-index: -1;
}
.aboutus-top-pic{
    height: auto;
}
.square{
    background-color: #0F1A85;
    opacity: .9;
    margin: auto;
    flex-flow: column;
}
.white-border{
    width: 30%;
    margin:auto;
    border: 5px solid #fff;
}
.aboutus-text{
    padding: 10px;
    color: #ffff;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    opacity: 1;
}
.abouttt-p{
  background-color: #ECEBEA; 
  width: 80%;
  /* font-weight: bold; */
 margin: auto;
}


.RECRUITINGgg-bg{
    background-color: #D8D8D8;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto;
    flex-flow: column;
    margin-top: 80px;
}

.RECRUITING-con{
    padding: 240px 300px;
}

.p-20{
    padding: 20px;
}
.RECRUITING-text{
    font-size: 8vmin;
    font-weight: bold;
    word-wrap: break-word;
}
.RECRUITING-text-2{
    font-size: 6vmin;
    font-weight: bold;
}
.RECRUITING-p{
    font-size: 4vmin;
    font-weight: bold;
}


@media only screen and (min-width: 360px) and (max-width: 576px) {
/* 關於我們 */
.aboutus-top{
    top: 0px;
}
.square{
    padding: 30px;
}
.white-border{
    border: solid 2px #fff;
}
.aboutus-text{
    font-size: 30px;
}
.abouttt-p{
    padding: 30px 50px;  
    /* top: 450px; */
    width: 80%;
    margin-top: -50px;
    margin-bottom: -30px;
    font-size: 14px;
  }
  .RECRUITINGgg-bg{
    margin-top: 80PX;
    padding-bottom: 50px;
    padding: 50px 50px;
 }
 .white{
    display: none;
}
.word-con{
    align-items: center;
}
.RECRUITING-pic{
    padding: 0 30px;
}
.RECRUITING-text {
    font-size: 24px;
}
.RECRUITING-text-2 {
    font-size: 18px;
}
.RECRUITING-p{
    text-align: center;
    font-size: 12px;
    width: 70%;
}

}
@media only screen and (min-width: 576px) and (max-width: 769px) {
/* 關於我們 */
.aboutus-top{
    top: 0px;
}
.square{
    padding: 30px;
}
.white-border{
    border: 3px solid #fff;
}
.aboutus-text{
    font-size: 32px;
}
.abouttt-p{
    padding: 40px;  
    width: 70%;
    margin-top: -80px;
    margin-bottom: 100px;
    font-size: 18px;
  }
  .RECRUITINGgg-bg{
    margin-top: 80PX;
    padding-bottom: 50px;
    padding: 80px;
    font-size: 40px;
 }
 .RECRUITING-text{
    font-size: 30px;
}
 .RECRUITING-text-2{
     font-size: 26px;
 }
 .RECRUITING-p{
     font-size: 16px;
 }
 .white{
     display: none;
 }

.mt{
    margin-top: 0px;
}

}
@media only screen and (min-width: 769px) and (max-width: 1300px) {
/* 關於我們 */
.aboutus-top{
    top: 0px;
}
.square{
    padding: 50px;
}
.white-border{
    border: 3px solid #fff;
}
.aboutus-text{
    font-size: 32px;
}
.abouttt-p{
    padding: 40px 50px;  
    margin-top: -70PX;
    width: 70%;
    margin-bottom: 100px;
    font-size: 18px;
  }
  .RECRUITINGgg-bg{
   margin-top: 80PX;
    padding: 80px;
}
.mt{
    margin-top: -390px;
}
.p-50{
    padding: 50px;
}
.white{
    padding: 180px;
     background-color: #ffff;
     margin: auto;
    display: flex;
    justify-content: center;
 
 }
 .RECRUITING-text{
     font-size: 40px;
 }
 .RECRUITING-text-2{
     font-size: 30px;
 }
 .RECRUITING-p{
     font-size: 16px;
     padding-right: 40%;
     line-height: 1.3;
 }

}
@media only screen and (min-width: 1300px) {
/* 關於我們 */
.aboutus-top{
    top: 0px;
}
.square{
    padding: 70px;
}
.abouttt-p{
    padding: 50px 80px;  
    margin-top: -70PX;
    width: 70%;
    margin-bottom: 100px;
    font-size: 24px;
  }
  .RECRUITINGgg-bg{
   margin-top: 80PX;
    padding: 150px 80px;
}
.mt{
    margin-top: -380px;
}
.white{
    padding: 200px;
     background-color: #ffff;
     margin: auto;
    display: flex;
    justify-content: center;
 
 }
 .RECRUITING-text{
     font-size: 40px;
 }
 .RECRUITING-text-2{
     font-size: 30px;
 }
 .RECRUITING-p{
     font-size: 24px;
     padding-right: 50%;
     line-height: 1.1;
 }
}