.footer-section {
    padding-top: 50px;
}

.my-section-2 {
    padding-bottom: 30px;
    padding-top: 0;
}
.my-section-3{
    padding-top: 30px;
}

.hd-img-section .hd-title {
    color: rgba(255, 117, 56, 1);
}

.com-title {
    position: relative;
}

.com-title h3 {
    color: rgba(255, 117, 56, 1);
}

/* 職業訓練-start */
.white-box {
    position: relative;
}

.train-flow-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
}

.train-flow-content p {
    font-family: PingFang HK, PingFang HK;
    font-weight: 500;
    font-size: 32px;
    color: #88654F;
    line-height: 60px;
}

.train-wrapper {
    margin-top: 120px;
}

.train-title {
    font-weight: 600;
    font-size: 48px;
    color: #88654F;
    line-height: 60px;
    font-family: FandolSong-Bold;
    text-align: center;
    margin-bottom: 10px;
}

/* .train-flow-title {
    position: absolute;
    top: -32px;
    left: 43%;
} */

.white-box-2 {
    margin-top: 80px;
}

.white-box-2 .train-flow-content p {
    text-align: center;
    line-height: 50px;
}

.white-box-2 .train-flow-content strong {
    font-family: PingFang HK, PingFang HK;
    font-weight: 600;
    font-size: 33px;
    color: #FF0000;
    line-height: 50px;
    margin-top: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.my-section-2 .c-bg-1 {
    top: 3%;
    left: 15%;
    width: 30%;
}


/* 職業訓練-end */


/* 就業導航服務-start */
.white-box-3,
.white-box-4 {
    margin-top: 80px;
}

/* .white-box-4 .train-flow-title {
    position: absolute;
    top: -32px;
    left: 492px;
} */

.p-span-a .train-flow-content {
    padding: 40px 100px;
}

.p-span-a .train-flow-content p {
    position: relative;
    padding-left: 0px !important;
}

 

.white-box-2.p-span-a .train-flow-content p {
    line-height: 60px;
}

.white-box-2.p-span-a .train-flow-content p>span {
    left: 400px;
}

/* 就業導航服務-end */


/* 明愛殘疾人士輔助就業培訓-start */
.flex-box-train {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.left-train-txt {
    width: 60%;
    padding: 0 50px 0 20px;
    position: relative;
}

.left-train-txt .bg-img {
    position: absolute;
    top: -30px;
    left: 60px;
    width: 75%;
}

.right-train-img {
    width: 40%;
    height: fit-content;
    overflow: hidden;
    border-radius: 30px;
}

.right-train-img img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
    /* cursor: pointer; */
}

.right-train-img:hover img {
    transform: scale(1.1);
}

.p-span-a .train-flex-content {
    background-color: transparent;
    padding: 0;
}

.flex-box-train2 .left-train-txt {
    order: 2;
    padding-left: 50px;
    padding-right: 20px;
}

.left-train-txt .train-title {
    margin-bottom: 20px;
}

/* 明愛殘疾人士輔助就業培訓-end */

/* 高中應用學習調適課程-start */
.train-flex-content>div {
    color: rgba(136, 101, 79, 1);
    font-size: 33px;
    line-height: 50px;
    text-align: left;
    font-weight: 600;
}

.p-span-a .align-right-txt {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.align-right-txt-bg .bg-img {
    top: 0;
}

.adapt-tit {
    margin-top: 80px;
}

.adapt-tit p {
    color: rgba(136, 101, 79, 1);
    font-size: 26px;
    line-height: 45px;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adapt-tit p span {
    background-color: rgba(136, 101, 79, 1);
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 15px;
	 
}

.bottom-container {
    margin-top: 70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.bottom-container>p {
    color: rgba(255, 117, 56, 1);
    text-align: center;
    font-size: 38px;
    line-height: 30px;
    margin-bottom: 35px;
    font-weight: 600;
}

.btn-txt-box {
    background-color: rgba(231, 126, 40, 0.39);
    border-radius: 50px;
    padding: 15px 25px;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    gap: 20px;
	font-size:32px; 
	color:white;
}

.btn-txt-box img {
    max-width: 100%;
    height: auto;
}

.btn-txt-box>img {
    width: 250px;
}

.btn-txt-box>div {
    background-color: rgba(231, 116, 40, 1);
    border-radius: 30px;
    padding: 10px 20px;
    animation: slideRight 1s ease-in-out infinite;
}

@keyframes slideRight {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.btn-txt-box>div>img {
    width: 50px;
    transition: all 0.3s ease;
}

/* 高中應用學習調適課程-end  */

/* 資歷架構課程-start */
.white-box-flex {
    display: flex;
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    align-items: center;
}

.white-box-flex .left-txt-2 {
    width: 50%;
}

.white-box-flex .left-txt-2 p {
    color: rgba(136, 101, 79, 1);
    text-indent: 2em;
    font-size: 33px;
    line-height: 60px;
    font-family: PingFang HK, PingFang HK;
}

.white-box-flex .right-img-2 {
    width: 50%;
}

.white-box-flex .right-img-2 div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.white-box-flex .right-img-2 img {
    max-width: 100%;
    height: auto;
    width: 75%;
    /* cursor: pointer; */
}

.com-sec-title {
    display: flex;
    align-items: flex-end;
    column-gap: 20px;
    justify-content: center;
    margin-bottom: 50px;
}

.com-sec-title img {
    height: 64px;
}

.com-sec-title h3 {
    font-family: PingFang HK, PingFang HK;
    font-weight: 600;
    font-size: 38px;
    color: rgba(136, 101, 79, 1);
    line-height: 38px;
}

.my-container-3 {
    margin-top: 100px;
}

.white-flow-box {
    width: fit-content;
    height: fit-content;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 40px;
    margin-bottom: 150px;
    position: relative;
}

.white-flow-box img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    /* cursor: pointer; */
    transition: all 0.3s ease-in-out;
}

.white-flow-box:hover img {
    transform: scale(1.1);
}

.event-flow-box .flow-right-img {
    position: absolute;
    top: 100px;
    right: 30px;
    width: 35%;
    border-radius: 20px;
    overflow: hidden;
}

.odd-flow-box .flow-right-img {
    position: absolute;
    top: 100px;
    left: 30px;
    width: 32%;
    border-radius: 20px;
    overflow: hidden;
}

.white-flow-box h3 {
    color: rgba(136, 101, 79, 1);
    font-size: 33px;
    line-height: 45px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.white-flow-box-content {
    width: 64%;
    padding-right: 50px;
}

.page-en-us .white-flow-box-content {
    padding-bottom: 50px;
}

.white-flow-box-content p {
    color: rgba(136, 101, 79, 1);
    text-align: left;
    font-size: 28px;
    line-height: 50px;
    font-family: PingFang HK, PingFang HK;
}

.odd-flow-box .white-flow-box-content {
    margin-left: 36%;
}

.my-section-3 .c-bg-1 {
    top: 2%;
    left: 12%;
    width: 26%;
}

/* 資歷架構課程-end */

/* 職業訓練體驗班-start */
.white-flow-box-1 .white-flow-box-content {
    width: 100%;
}

.white-flow-box-1 .white-flow-box-content p {
    font-size: 30px;
    font-weight: 600;
    text-indent: 2em;
    font-family: PingFang HK, PingFang HK;
}

.white-flow-box-1 {
    padding: 70px 40px;
    margin-top: 50px;
}

.white-flow-box-1 .flow-right-img {
    position: absolute;
    top: 75%;
    right: 50px;
    width: 35%;
    overflow: hidden;
    border-radius: 20px;
}

.page-en-us .white-flow-box-1 .flow-right-img {
    top: 82%;
}

.white-flow-box-1 .flow-left-txt p {
    color: #88654F;
    font-size: 30px;
    line-height: 50px;
    text-indent: 2em;
    font-family: PingFang HK, PingFang HK;
}

.white-flow-box-1 .flow-left-txt {
    padding-top: 50px;
    width: 50%;
    position: absolute;
    top: 100%;
    left: 50px;
}

.com-title {
    position: relative;
}

.com-title .c-bg-1 {
    position: absolute;
    top: -40px;
    width: 500px;
    height: 150px;
    left: -20px;
}

/* 職業訓練體驗班-end */

.M-flex-title {
    display: none;
}


@media screen and (min-width:769px) {
.page-en-us .hd-img-section .hd-title{
	font-size:45px;
}

.page-en-us .train-flow-content p{
	line-height:45px;
}


.page-en-us .bottom-container>p{
	    line-height: 42px;
}


.page-en-us .train-flow-content p,.page-en-us .white-box-2 .train-flow-content p{
	line-height: 42px;
}



}