.em_ban {
    background: url(../images/em_ban.jpg) center no-repeat;
    background-size: cover;
}

.page_ban::before {
    background: rgba(116, 93, 241, .7);
}

@media screen and (min-width:768px) {
    .ban_sec_title {
        padding-left: 450px;
    }
}

.min_title::before {
    color: #672ff2;
}

.em_hum_box {
    position: relative;
    width: calc(100% / 2 - 150px);
    padding: 1rem 2rem;
    border-left: 2px solid #ccc;
    margin: 1rem 0 1rem 150px;
}

.em_hum_box .num {
    position: absolute;
    left: -125px;
    top: 50%;
    transform: translateY(-50%);
}

.hum_bg {
    padding: 2rem;
    background: rgba(116, 93, 241, 0.1);
    margin-top: 2rem;
    text-align: center;
    font-size: 1.125rem;
}

@media screen and (max-width:1199px) {
    .em_hum_box {
        width: 100%;
    }
}
@media screen and (max-width:700px) {
    .em_hum_box {
        padding: 1rem 2rem;
        border: 0;
        margin: 100px 0 1rem 0;
    }
    .em_hum_box .num {
        position: relative;
        left: 0;
        margin-top: -50px;
    }
}

/* 員工結構 */
.em2_box1{
    background: url(../images/em2_bg.png) right bottom no-repeat;
}

.em2_box1 h5,.em2_box2 h5, .em4_box1 h5, .em4_box3 h5, .em4_box4 h5 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #672ff2;
}

#em_ch1,
#em_ch2,
#em_ch3,
#em_ch4,
#em_ch5,
#em_ch6,
#em_ch7 {
    width: 90%;
    height: 500px;
}

@media screen and (max-width:1199px) {
    .em2_box1{
        padding-bottom: 280px;
    }
}

@media screen and (min-width:992px) {
    #em_ch1,
    #em_ch2,
    #em_ch3,
    #em_ch4,
    #em_ch5,
    #em_ch6,
    #em_ch7 {
        height: 600px;
    }
}




/* 員工薪酬與福利 */

.em_sal {
    position: relative;
    width: calc(100% / 3 - 1rem);
    background: url(../images/em3_bg1.png) right bottom no-repeat, #745df1;
    padding: 2rem 3rem;
    margin: .5rem;
    font-size: 1.125rem;
    color: #fff;
}

.em_sal .em_sal_tit {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.em_sal:nth-child(odd) {
    background: #672ff2;
}

.em_title {
    color: #672ff2;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.em3_box3 {
    background: url(../images/em3_bg2.png) right bottom no-repeat, rgba(116, 93, 241, .1);
}

.em3_box3 .list_icon4,
.em3_box4 .list_icon4,
.em6_box1 .list_icon4 {
    display: flex;
    flex-wrap: wrap;
}

.em3_box3 .list_icon4 li,
.em3_box4 .list_icon4 li,
.em6_box1 .list_icon4 li {
    width: calc(100% / 2);
}

.btn_pop {
    display: inline-block;
    padding: 1rem 2rem;
    margin: .5rem 1rem .5rem 0;
    ;
    border: 1px solid #2364aa;
    color: #2364aa;
    font-size: 1.125rem;
}

.btn_pop:hover {
    background: #2364AA;
    color: #fff;
}

.list_bg {
    display: flex;
    flex-wrap: wrap;
}

.list_bg li,
.list_bg li:last-child {
    width: calc(100% / 3 - 2rem);
    position: relative;
    font-size: 1.125rem;
    border-bottom: 1px dashed #333;
    padding: 1rem 1rem 1rem 1.5rem;
    margin: 1rem;
    background: url(../images/em3_bg3.png) right bottom no-repeat;
}
.list_bg li::before{
    content: "";
    width: 10px;
    height: 5px;
    background: rgba(103, 47, 242, .3);
    border-radius: 100px 100px 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media screen and (min-width:768px) {
    .em3_box2 {
        background: url(../images/em3_bg4.jpg) right bottom no-repeat;
        background-size: 35%;
    }
}

@media screen and (max-width:991px) {
    .em3_box3 {
        background-image: none;
    }
    .em_sal, .list_bg li, .list_bg li:last-child {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .em3_box3 .list_icon4 li,
    .em3_box4 .list_icon4 li,
    .em6_box1 .list_icon4 li {
        width: 100%;
    }
}


/* 人員招募、晉升、異動與離退 */

.em4_box2 {
    position: relative;
    background: url(../images/em4_bg1.jpg) center no-repeat, rgba(116, 93, 241, .1);
    background-size: cover;
    overflow: hidden;
}

.em4_box2::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #9d95ef;
    background: -moz-linear-gradient(left, #ffffff 0%, #9d95ef 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #9d95ef 100%);
    background: linear-gradient(to right, #ffffff 0%, #9d95ef 100%);
    position: absolute;
    left: 0;
    top: 0;
    opacity: .9;
}

ul.list_icon1 li::before {
    color: #745df1;
}

.em4_box4 {
    background: url(../images/em4_bg2.png) 85% bottom no-repeat;
}

@media screen and (max-width:1199px) {
    .em4_box4 {
        background: url(../images/em4_bg2.png) right bottom no-repeat;
    }
}

@media screen and (max-width:991px) {
    .em4_box4 {
        padding-bottom: 360px;
    }
}

@media screen and (max-width:767px) {
    .em4_box4 {
        background: url(../images/em4_bg2.png) center bottom no-repeat;
        padding-bottom: 360px;
    }
}


/* 教育訓練與考核 */

.edu_tra {
    background: #f2f2f2;
    padding: 2rem;
}

.edu_tra .thr_title {
    color: #222;
}

.em5_box1 {
    background: url(../images/em5_bg1.png) right bottom no-repeat;
}

.people_edu {
    background: #f1f0ff;
    padding: 2rem;
}

.people_edu_box+.people_edu_box {
    margin-top: 2rem;
}

.people_edu p {
    position: relative;
    display: inline-block;
}

.people_edu p::before {
    content: "";
    width: 1px;
    height: 45px;
    background: #ccc;
    position: absolute;
    right: -20px;
    bottom: -20px;
    transform: rotate(36deg);
}

.people_edu p span {
    position: absolute;
    right: -8rem;
    bottom: -1rem;
    display: block;
    min-width: 80px;
}

@media screen and (max-width:1439px) {
    .em5_box1 {
        padding-bottom: 280px;
    }
}


/* 員工關係 */

.em6_box2 {
    background: url(../images/em6_bg.png) left bottom no-repeat;
}

.em6_box3 h4{
    background: url(../../images/tab_bg2.png), #672FF2 !important;
    color: #fff;
    padding: .5rem;
    text-align: center;
}

.em6_box3 .list_icon4{
    padding: 2rem;
    background: rgba(255, 255, 255, .65);
    border: 1px solid rgba(116, 93, 241, .8);
}

@media screen and (min-width: 768px) {
    .em6_box3 h4{
        margin-top: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .em6_box3 .list_icon4{
        min-height: 640px;
    }
}


/* 職業安全衛生管理 */

.em7_box3 {
    background: url(../images/em7_bg2.png), rgba(116, 93, 241, 0.1) bottom right no-repeat;
    background-size: cover;
}

.safe_box {
    position: relative;
    width: calc(100% / 3 - 2rem);
    padding: 2rem;
    margin: 1rem;
    border-radius: 0 25px 0 25px;
    background: #fff;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
}

.safe_box .safe_tit {
    padding: 1rem 2rem;
    background: #3DA5D9;
    background: -moz-linear-gradient(left, #745DF1 0%, #3DA5D9 100%);
    background: -webkit-linear-gradient(left, #745DF1 0%, #3DA5D9 100%);
    background: linear-gradient(to right, #745DF1 0%, #3DA5D9 100%);
    color: #fff;
    font-size: 1.25rem;
    margin: 0 0 1rem -50px;
}

.box-style-1 {
    text-align: center;
    padding: 20px;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.white-bg {
    background: url(../images/em7_bg_bottom.png) #edf7ff;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
    border: none !important;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    border-radius: 0 25px 0 25px;
}

.em7_box5 .white-bg {
    min-height: 580px;
}

.white-bg::before {
    content: "";
    width: 100%;
    height: 200px;
    background: url(../images/em7_bg_top.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.white-bg img {
    border: 5px solid #fff;
}

.em7-box1 h5 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #672ff2;
}

.em7_box6 {
    background: url(../images/em7_bg.png) bottom right no-repeat;
    /* background-size: contain; */
}

.em7_card {
    margin-bottom: 2rem;
}

.em7_card h5 {
    padding: 1rem 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #672ff2;
}

.em7_card::after {
    content: "";
    border: 1px solid #f2f2f2;
    width: 90%;
    position: absolute;
    bottom: 0;
}

.em7_box7 {
    background: url(../images/em7_bg3.png) bottom right no-repeat;
}

@media screen and (max-width:991px) {
    .safe_box {
        width: calc(100% / 2 - 2rem);
    }

    .em7_box7 {
        padding-bottom: 250px;
    }
}

@media screen and (max-width:767px) {
    .em7_box6 {
        background-size: contain;
    }
    .em7_box1 .tab4,
    .em7_box6 .tab4 {
        width: 200%;
    }
    #em_ch1,
    #em_ch2,
    #em_ch3,
    #em_ch4,
    #em_ch5,
    #em_ch6,
    #em_ch7 {
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .safe_box {
        width: 100%;
    }
    .em7_box5 .white-bg {
        height: auto;
    }
}