/* CSS Document */
.bannerArea .titleBox h2 em::before{
  transform: translate(-20px,8px);
}


.foreword{
    text-align:center;
    padding-bottom:50px;
}
.foreword h4{
    color:#9bba3b;
    font-size:27px;
    font-weight:bold;
}
.foreword h3{
    color:#c4922e;
    font-size:20px;
    font-style: italic;
    font-weight:300;
}


ul.recruitlist{
    padding:0;
    margin:0;
    list-style:none;
}
ul.recruitlist li{
    margin:40px 100px;
    padding:0 20px 30px 20px;
    position:relative;
    display:flex;
    align-items:flex-start;

}
ul.recruitlist li article{
    display:flex;
flex-direction: column;
    align-items: flex-start;
}
ul.recruitlist li h2{
    font-size:16px;
    color:#c4922e;
    background:#fff;
    line-height:50px;
    display:inline-block;
    font-weight:400;
    padding:0 10px 5px 0;
    transform:translate(-10px,0);
}
ul.recruitlist li img{
    flex:0 0 80px;
    padding-right:10px;
    background:#fff;
    display:block;
}
ul.recruitlist li::before{
    content:"";
    width:100%;
    height:calc(100% - 30px);
    position:absolute;
    z-index:-1;
    bottom:0;
    left:0;
    border-top:1px solid #dcceb3;
    display:block;
}
section.endingarea{
    font-size:14px;
    display: flex;
    flex-direction: column;
    align-items: center;}
    
section.endingarea strong{
    font-size:18px;
    font-weight:300;
}
@keyframes scrollhover {
    0% {transform:translate(0,-6px);}
    50% {transform:translate(0,0px);}
    100% {transform:translate(0,-6px);}
}
section.endingarea a{
    width: 120px;
    padding-top: 20px;
    height: 120px;
    display: flex;
    background: url(https://www.chichasanchen.com/upload/recruit_b/tw_recruit_list_19e21_auakveimdc.jpg) no-repeat center center;
    align-items: center;
    flex-direction: column;
    color:#b5841e;

    line-height:1.5;
    margin-top:30px;
        animation: scrollhover 600ms infinite ease-in-out;
}
section.endingarea a b{
    font-size:24px;
    font-weight:300;
}    
    
@media (max-width: 767px) {
	.bannerArea .titleBox h2 em::before{
  transform: scale(0.6) translate(-70px,20px);
}

ul.recruitlist li{
    margin:40px 0px;
    padding: 0 5px 30px 5px;
}
}