@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');
/**************************************************************************
***************************************************************************
                layout
***************************************************************************
**************************************************************************/
html,body {
    scroll-behavior: smooth;
}
.uk-fair *{
    font-family: 'Noto Sans TC', sans-serif;
}
.pc-br {
    display: block;
}
.mo-br {
    display: none;
}
.ukFair-section01 {
    background: url('/images/uk-fair/ukFair-section01-bg01-220816.jpg') no-repeat center center;
    background-size: cover;
}
.ukFair-section03 {
    background: url('/images/uk-fair/ukFair-section03-bg01-220210.jpg') no-repeat center center;
    background-size: cover;
}
.ukFair-section04 {
    background: #F1F1F1;
    position: relative;
    z-index: 1;
}
.ukFair-section05 {
    background: url('/images/uk-fair/ukFair-section05-bg01-220210.jpg') no-repeat center top;
    background-size: cover;
}
.ukFair-section06 {
    background: url('/images/uk-fair/ukFair-section06-bg01-220210.jpg') no-repeat center center;
    background-size: cover;
}
.ukFair-section07 {
    background: url('/images/uk-fair/ukFair-section07-bg01-220210.jpg') no-repeat center center;
    background-size: cover;
}
.ukFair-section08 {
    background: url('/images/uk-fair/ukFair-section08-bg01-220302.jpg') no-repeat center center;
    background-size: cover;
}
.ukFair-section09 {
    background: #263741;
}




.ukFair-width {
    width: 1080px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}

@media screen and (max-width:1080px) {
    .ukFair-width {
        width: 100%;

    }
}
@media screen and (max-width:720px) {
    .pc-br {
        display: none;
    }
    .mo-br {
        display: block;
    }
}


/**************************************************************************
***************************************************************************
                春季留遊學展   ukFair-section01
***************************************************************************
**************************************************************************/
.ukFair-section01 > div {
    padding: 150px 0;
}
.ukFair-section01-text {
    display: inline-block;
    width: 404px;
    margin: 0 auto 30px;
}
.ukFair-section01-text > img {
    width: 100%;
}
.ukFair-section01-title {
    color: #fff;
    font-size: 75px;
    margin-bottom: 130px;
    font-weight: 700;
}
.ukFair-section01-title > span {
    color: #6EC12D;
}
.ukFair-section01-link > a {
    background: #E60012;
    display: inline-block;
    padding: 6px 78px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.ukFair-section01-link > a:hover {
    color: #6ec12d;
}

@media screen and (max-width:1080px) {
    .ukFair-section01 > div {
        padding: 13.8889vw 30px;
    }
    .ukFair-section01-text {
        width: 37.4074vw;
        margin: 0 auto 2.7778vw;
    }
    .ukFair-section01-title {
        font-size: 6.9444vw;
        margin-bottom: 12.0370vw;
    }
    .ukFair-section01-link > a {
        padding: 0.5556vw 7.2222vw;
        font-size: 2.2222vw;
    }

}
@media screen and (max-width:720px) {
    .ukFair-section01 > div {
        padding: 13.8889vw 0;
    }
    .ukFair-section01-text{
        width: 50%;
        margin-bottom: 4.1667vw;
    }
    .ukFair-section01-title {
        font-size: 8.3333vw;
        margin-bottom: 6.6667vw;
    }
    .ukFair-section01-link > a {
        padding: 2.2222vw 0;
        width: 80%;
        font-size: 3.8889vw;
    }
}

/**************************************************************************
***************************************************************************
                展覽限定特別優惠   ukFair-section02
***************************************************************************
**************************************************************************/
.ukFair-section02 > div {
    padding: 70px 0;
    width: 1200px;
}
.ukFair-section02-con {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 30px;
    column-gap: 30px;
}
.ukFair-section02-col {
    width: 100%;
}
.ukFair-section02-col-textBox {
    background: #F5F5F5;
    text-align: left;
    height: 260px;
    padding: 30px 26px;
}
.ukFair-section02-col-title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
.ukFair-section02-col-text {
    font-size: 18px;
    color: #939393;
}
.ukFair-section02-col-imgBox {
    height: 260px;
}
.ukFair-section02-col-imgBox > img {
    width: 100%;
}
@media screen and (max-width:1200px) {
    .ukFair-section02 > div {
        padding: 6.4815vw 30px;
        width: 100%;
    }

    .ukFair-section02-con {
        grid-template-columns: repeat(1,1fr);
        row-gap: 2.7778vw;
        column-gap: 2.7778vw;
    }
    .ukFair-section02-col {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #F5F5F5;
    }
    .ukFair-section02-col-textBox {
        height: auto;
        width: 60%;
        padding: 2.7778vw 2.4074vw;
    }
    .ukFair-section02-col-title {
        font-size: 2.2222vw;
        font-weight: 700;
        margin-bottom: 1.3889vw;
    }
    .ukFair-section02-col-text {
        font-size: 1.6667vw;
        color: #939393;
    }
    .ukFair-section02-col-imgBox {
        height: 100%;
        width: 40%;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .ukFair-section02-col-imgBox > img {
        width: auto;
        height: 27.0741vw;
    }
}
@media screen and (max-width:720px) {
    .ukFair-section02 > div {
        padding: 6.4815vw 4.1667vw;
        width: 100%;
    }
    .ukFair-section02-col-title {
        font-size: 3.2222vw;
    }
    .ukFair-section02-col-text {
        font-size: 2.6667vw;
    }
}

/**************************************************************************
***************************************************************************
                預約諮詢即可享有超值優惠   ukFair-section03
***************************************************************************
**************************************************************************/
.ukFair-section03 > div {
    padding: 90px 0;
}
.ukFair-section03-text {
    font-size: 25px;
    font-weight: 700;
    color: #FCFF00;
    position: relative;
    margin-bottom: 24px;
}
.ukFair-section03-text::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 105%;
    height: 3px;
    background: #FCFF00;
}
.ukFair-section03-title {
    font-size: 55px;
    color: #fff;
    margin-bottom: 48px;
}
.ukFair-section03-con {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    row-gap: 24px;
    column-gap: 24px;
    margin-bottom: 80px;
}
.ukFair-section03-col {
    width: 100%;
}
.ukFair-section03-col-imgBox {
    width: 100%;
    height: 228px;
}
.ukFair-section03-col-imgBox > img {
    height: 228px;
}
.ukFair-section03-col-textBox {
    background: #fff;
    width: 100%;
    padding: 34px 0;
}
.ukFair-section03-col-title {
    font-size: 22px;
    color: #191414;
}
.ukFair-section03-col-text {
    color: #939393;
    font-size: 22px;
}
.ukFair-section03-link > a {
    padding: 14px 55px;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: #E60012;
}
.ukFair-section03-link > a:hover{
    color: #6ec12d;
}
@media screen and (max-width:1080px) {
    .ukFair-section03 > div {
        padding: 8.3333vw 2.7778vw;
    }
    .ukFair-section03-text {
        font-size: 2.3148vw;
        margin-bottom: 2.2222vw;
    }
    .ukFair-section03-title {
        font-size: 5.0926vw;
        margin-bottom: 4.4444vw;
    }
    .ukFair-section03-con {
        grid-template-columns: repeat(2,1fr);
        row-gap: 2.2222vw;
        column-gap: 2.2222vw;
        margin-bottom: 7.4074vw;
    }
    .ukFair-section03-col-imgBox {
        height: auto;
        width: 100%;
    }
    .ukFair-section03-col-imgBox > img {
        height: auto;
        width: 100%;
    }
    .ukFair-section03-col-textBox {
        padding: 3.1481vw 0;
    }
    .ukFair-section03-col-title {
        font-size: 2.0370vw;
    }
    .ukFair-section03-col-text {
        font-size: 2.0370vw;
    }
    .ukFair-section03-link > a {
        padding: 1.2963vw 5.0926vw;
        font-size: 2.2222vw;
    }
}
@media screen and (max-width:720px) {
    .ukFair-section03-link > a {
        padding: 2.2222vw 0;
        width: 80%;
        font-size: 3.8889vw;
    }
    .ukFair-section03-text {
        font-size: 3.3148vw;
    }
    .ukFair-section03-title {
        font-size: 6vw;
    }
    .ukFair-section03-col-textBox {
        padding: 4.1481vw 0;
    }
    .ukFair-section03-col-title {
        font-size: 3.0370vw;
    }
    .ukFair-section03-col-text {
        font-size: 3.0370vw;
    }
}
/**************************************************************************
***************************************************************************
                留遊學推薦課程   ukFair-section04
***************************************************************************
**************************************************************************/
.ukFair-section04 > img {
    position: absolute;
    right: 5%;
    top: 2%;
    z-index: -1;
    width: 20%;
}
.ukFair-section04 > div {
    padding: 113px 0;
}
.ukFair-section04-title {
    font-size: 45px;
    margin-bottom: 30px;
}
.ukFair-section04-con-hashtag {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    padding: 2px 23px;
    background: #1AA1EA;
    color: #fff;
    border-radius: 18px;
    margin-bottom: 48px;
}
.ukFair-section04-con-text {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 55px;
}
.ukFair-section04-con-wrap1 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 63px;
    column-gap: 63px;
    margin-bottom: 100px;
}
.ukFair-section04-con-wrap1 .ukFair-section04-con-col {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:5px 7px 16px #00000025 ;
}
.ukFair-section04-con-wrap1 .ukFair-section04-con-col-imgBox {
    width: 100%;
}
.ukFair-section04-con-wrap1 .ukFair-section04-con-col-imgBox > img {
    width: 100%;
}
.ukFair-section04-con-wrap1 .ukFair-section04-con-col-textBox {
    padding: 36px 0;
    background: #fff;
}
.ukFair-section04-con-wrap1 .ukFair-section04-con-col-title {
    font-size: 22px;
    color: #1AA1EA;
    margin-bottom: 8px;
}
.ukFair-section04-con-wrap1 .ukFair-section04-con-col-text {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
}

.ukFair-section04-con-wrap2 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 63px;
    column-gap: 63px;
    margin-bottom: 100px;
}
.ukFair-section04-con-wrap2 .ukFair-section04-con-col {
    width: 100%;
}
.ukFair-section04-con-wrap2 .ukFair-section04-con-col-imgBox {
    width: 100%;
}
.ukFair-section04-con-wrap2 .ukFair-section04-con-col-imgBox > img {
    width: 100%;
}
.ukFair-section04-con-wrap2 .ukFair-section04-con-col-textBox {
    padding: 30px 18px;
    background: #fff;
    text-align: left;
}
.ukFair-section04-con-wrap2 .ukFair-section04-con-col-title {
    color: #3895DD;
    font-size: 22px;
    margin-bottom: 14px;
    display: inline-block;
    font-weight: 700;
}
.ukFair-section04-con-wrap2 .ukFair-section04-con-col-text {
    color: #000;
    font-size: 16px;
    font-weight: 300;
}

.ukFair-section04-con-link > a {
    padding: 14px 55px;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: #E60012;
}
.ukFair-section04-con-link > a:hover{
    color: #6ec12d;
}
@media screen and (max-width:1080px) {
    .ukFair-section04 > div {
        padding: 10.4630vw 2.7778vw;
    }
    .ukFair-section04-title {
        font-size: 4.1667vw;
        margin-bottom: 2.7778vw;
    }
    .ukFair-section04-con-hashtag {
        font-size: 1.8519vw;
        padding: 0.1852vw 2.1296vw;
        margin-bottom: 4.4444vw;
    }
    .ukFair-section04-con-text {
        font-size: 1.8519vw;
        margin-bottom: 5.0926vw;
    }
    .ukFair-section04-con-wrap1 {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        row-gap: 5.8333vw;
        column-gap: 5.8333vw;
        margin-bottom: 9.2593vw;
    }

    .ukFair-section04-con-wrap1 .ukFair-section04-con-col-textBox {
        padding: 3.3333vw 0;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col-title {
        font-size: 2.0370vw;
        margin-bottom: 0.7407vw;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col-text {
        font-size: 1.6667vw;
    }

    .ukFair-section04-con-wrap2 {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        row-gap: 5.8333vw;
        column-gap: 5.8333vw;
        margin-bottom: 9.2593vw;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-textBox {
        padding: 2.7778vw 1.6667vw;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-title {
        font-size: 2.0370vw;
        margin-bottom: 1.2963vw;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-text {
        font-size: 1.4815vw;
    }

    .ukFair-section04-con-link > a {
        padding: 2.2222vw 0;
        width: 80%;
        font-size: 3.8889vw;
    }
}
@media screen and (max-width:720px) {
    .ukFair-section04-title {
        font-size: 5.1667vw;
    }
    .ukFair-section04-con-hashtag {
        font-size: 3.8519vw;
    }
    .ukFair-section04-con-text {
        font-size: 3.8vw;
    }
    .ukFair-section04-con-wrap1 {
        grid-template-columns: repeat(2,1fr);
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col:first-child{
        grid-column: span 2;
        display: flex;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col:first-child .ukFair-section04-con-col-imgBox,
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col:first-child .ukFair-section04-con-col-textBox {
        width: 50%;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col:first-child .ukFair-section04-con-col-textBox {
        text-align: left;
        padding: 3.3333vw;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col-textBox {
        padding: 3.3333vw 0;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col-title {
        font-size: 4.0370vw;
        margin-bottom: 1.7407vw;
    }
    .ukFair-section04-con-wrap1 .ukFair-section04-con-col-text {
        font-size: 2.6667vw;
    }

    .ukFair-section04-con-wrap2 {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 5.8333vw;
        column-gap: 5.8333vw;
        margin-bottom: 9.2593vw;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col {
        display: flex;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-imgBox{
        width: 50%;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-textBox {
        width: 50%;
        padding: 2.7778vw 1.6667vw;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-title {
        font-size: 3.5370vw;
        margin-bottom: 1.2963vw;
    }
    .ukFair-section04-con-wrap2 .ukFair-section04-con-col-text {
        font-size: 2.4815vw;
    }

    .ukFair-section04-con-link > a {
        padding: 2.2222vw 0;
        width: 80%;
        font-size: 3.8889vw;
    }
}
/**************************************************************************
***************************************************************************
                展覽優惠   ukFair-section05
***************************************************************************
**************************************************************************/
.ukFair-section05 {
    position: relative;
    z-index: 1;
}
.ukFair-section05-bgImg1 {
    position: absolute;
    display: inline-block;
    width: 286px;
    right: 5%;
    top: 5%;
    z-index: -1;
}
.ukFair-section05-bgImg2 {
    position: absolute;
    display: inline-block;
    width: 356px;
    bottom: 0;
    left: 8%;
    z-index: -1;
}
.ukFair-section05-bgImg3 {
    position: absolute;
    display: inline-block;
    width: 535px;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.ukFair-section05 > div {
    padding: 120px 0;
}
.ukFair-section05-title {
    font-size: 45px;
    color: #fff;
}
.ukFair-section05-title > span {
    display: inline-block;
    margin: 10px 0;
    font-size: 20px;
    color: #000;
}
.ukFair-section05-text {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.ukFair-section05-text > span {
    display: inline-block;
    margin:  0 10px;
    padding: 5px 21px;
    background: #FFF33B;
    font-size: 21px;
    color: #2A7BE9;
    font-weight: 700;
}
.ukFair-section05-con-row {
    margin-bottom: 40px;
}
.ukFair-section05-con-row-hashtag {
    font-size: 20px;
    font-weight: 700;
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 2px 51px;
    border-radius: 17px;
    margin-bottom: 28px;
}
.ukFair-section05-con-row-grid-col {
    background: #fff;
    border-radius: 10px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ukFair-section05-con-row-grid-col > p {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
}
.ukFair-section05-con-row-grid-col > p > span {
    font-weight: 400;
}





.ukFair-section05-con-row-grid {
    display: grid;
    row-gap: 21px;
    column-gap: 21px;
}
.ukFair-section05-con-row-grid-2 {
    grid-template-columns: repeat(2,1fr);
}
.ukFair-section05-con-row-grid-3 {
    grid-template-columns: repeat(3,1fr);
}
.ukFair-section05-con-row-grid-4 {
    grid-template-columns: repeat(4,1fr);
}

@media screen and (max-width:1080px) {
    .ukFair-section05-bgImg1 {
        display: none;
    }
    .ukFair-section05-bgImg2 {
        display: none;
    }
    .ukFair-section05-bgImg3 {
        display: none;
    }
    .ukFair-section05 > div {
        padding: 11.1111vw 2.7778vw;
    }
    .ukFair-section05-title {
        font-size: 4.1667vw;
    }
    .ukFair-section05-title > span {
        margin: 0.9259vw 0;
        font-size: 1.8519vw;
    }
    .ukFair-section05-text {
        margin-bottom: 5.5556vw;
    }
    .ukFair-section05-text > span {
        margin:  0 0.9259vw;
        padding: 0.4630vw 1.9444vw;
        font-size: 1.9444vw;
    }
    .ukFair-section05-con-row {
        margin-bottom: 3.7037vw;
    }
    .ukFair-section05-con-row-hashtag {
        font-size: 1.8519vw;
        padding: 0.1852vw 4.7222vw;
        margin-bottom: 2.5926vw;
    }
    .ukFair-section05-con-row-grid-col {
        height: 16.6667vw;
    }
    .ukFair-section05-con-row-grid-col > p {
        font-size: 2.0370vw;
    }

    .ukFair-section05-con-row-grid {
        row-gap: 1.9444vw;
        column-gap: 1.9444vw;
    }

}
@media screen and (max-width:720px) {
    .ukFair-section05-title {
        font-size: 5.1667vw;
    }
    .ukFair-section05-title > span {
        margin: 0.9259vw 0;
        font-size: 3.519vw;
    }
    .ukFair-section05-text {
        margin-bottom: 5.5556vw;
    }
    .ukFair-section05-text > span {
        margin: 0 1.0259vw;
        padding: 0.463vw 2.0444vw;
        font-size: 2.9444vw;
    }
    .ukFair-section05-con-row {
        margin-bottom: 3.7037vw;
    }
    .ukFair-section05-con-row-hashtag {
        font-size: 3.0519vw;
        padding: 0.1852vw 4.7222vw;
        margin-bottom: 2.5926vw;
    }
    .ukFair-section05-con-row-grid-col {
        height: 16.6667vw;
    }
    .ukFair-section05-con-row-grid-col > p {
        font-size: 3.0370vw;
    }

    .ukFair-section05-con-row-grid {
        row-gap: 1.9444vw;
        column-gap: 1.9444vw;
    }
    .ukFair-section05-con-row-grid-2 {
        grid-template-columns: repeat(1,1fr);
    }
    .ukFair-section05-con-row-grid-3 {
        grid-template-columns: repeat(1,1fr);
    }
    .ukFair-section05-con-row-grid-4 {
        grid-template-columns: repeat(2,1fr);
    }

}
/**************************************************************************
***************************************************************************
                ed:m 報名學員均享有   ukFair-section06
***************************************************************************
**************************************************************************/
.ukFair-section06 > div {
    padding: 100px 0;
}
.ukFair-section06-title {
    font-size: 45px;
    margin-bottom: 80px;
}
.ukFair-section06-con-row {
    position: relative;
    background: #fff;
    margin-bottom: 69px;
    border-radius: 10px;
}
.ukFair-section06-con-row-title {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    display: inline-block;
    font-size: 20px;
    color: #fff;
    background: #00C509;
    padding: 7px 15px;
    font-weight: 700;
}
.ukFair-section06-con-row-flex {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    row-gap: 24px;
    column-gap: 24px;
    padding: 60px 30px;
}
.ukFair-section06-con-row-col-imgBox {
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ukFair-section06-con-row-col-text {
    font-size: 22px;
    font-weight: 400;
    color: #000;
}
.ukFair-section06-textBox {
    text-align: left;
}
.ukFair-section06-textBox > h5 {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 4px;
}
.ukFair-section06-textBox > ol {
    list-style: outside decimal;
}
.ukFair-section06-textBox > ol > li {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 4px;
}


.ukFair-section06-con-row-col-imgBox1 > img {
    width: 59px;
}
.ukFair-section06-con-row-col-imgBox2 > img {
    width: 69px;
}
.ukFair-section06-con-row-col-imgBox3 > img {
    width: 116px;
}
.ukFair-section06-con-row-col-imgBox4 > img {
    width: 73px;
}
.ukFair-section06-con-row-col-imgBox5 > img {
    width: 87px;
}
.ukFair-section06-con-row-col-imgBox6 > img {
    width: 66px;
}
.ukFair-section06-con-row-col-imgBox7 > img {
    width: 61px;
}
.ukFair-section06-con-row-col-imgBox8 > img {
    width: 69px;
}

@media screen and (max-width:1080px) {
    .ukFair-section06 > div {
        padding: 9.2593vw 2.7778vw;
    }
    .ukFair-section06-title {
        font-size: 4.1667vw;
        margin-bottom: 7.4074vw;
    }
    .ukFair-section06-con-row {
        margin-bottom: 6.3889vw;
    }
    .ukFair-section06-con-row-title {
        font-size: 1.8519vw;
        padding: 0.6481vw 1.3889vw;
    }
    .ukFair-section06-con-row-flex {
        row-gap: 2.2222vw;
        column-gap: 2.2222vw;
        padding: 5.5556vw 2.7778vw;
    }
    .ukFair-section06-con-row-col-imgBox {
        height: 12.0370vw;
    }
    .ukFair-section06-con-row-col-text {
        font-size: 2.0370vw;
    }
    .ukFair-section06-textBox > h5 {
        font-size: 1.3889vw;
        margin-bottom: 0.3704vw;
    }
    .ukFair-section06-textBox > ol > li {
        font-weight: 400;
        font-size: 1.2vw;
        margin-bottom: 0.3704vw;
    }


    .ukFair-section06-con-row-col-imgBox1 > img {
        width: 5.4630vw;
    }
    .ukFair-section06-con-row-col-imgBox2 > img {
        width: 6.3889vw;
    }
    .ukFair-section06-con-row-col-imgBox3 > img {
        width: 10.7407vw;
    }
    .ukFair-section06-con-row-col-imgBox4 > img {
        width: 6.7593vw;
    }
    .ukFair-section06-con-row-col-imgBox5 > img {
        width: 8.0556vw;
    }
    .ukFair-section06-con-row-col-imgBox6 > img {
        width: 6.1111vw;
    }
    .ukFair-section06-con-row-col-imgBox7 > img {
        width: 5.6481vw;
    }
    .ukFair-section06-con-row-col-imgBox8 > img {
        width: 6.3889vw;
    }
}
@media screen and (max-width:720px) {
    .ukFair-section06-title {
        font-size: 5.1667vw;
        margin-bottom: 7.4074vw;
    }
    .ukFair-section06-con-row-title {
        font-size: 3.8519vw;
        padding: 0.6481vw 1.3889vw;
    }
    .ukFair-section06-con-row-flex {
        grid-template-columns: repeat(2,1fr);
        row-gap: 2.2222vw;
        column-gap: 2.2222vw;
        padding: 5.5556vw 2.7778vw;
    }
    .ukFair-section06-con-row-col-imgBox {
        height: 12.0370vw;
    }
    .ukFair-section06-con-row-col-text {
        font-size: 2.5370vw;
    }
    .ukFair-section06-textBox > h5 {
        font-size: 3.3889vw;
        margin-bottom: 0.3704vw;
    }
    .ukFair-section06-textBox > ol > li {
        font-weight: 400;
        font-size: 2.2vw;
        margin-bottom: 0.3704vw;
    }


    .ukFair-section06-con-row-col-imgBox1 > img {
        width: 5.4630vw;
    }
    .ukFair-section06-con-row-col-imgBox2 > img {
        width: 6.3889vw;
    }
    .ukFair-section06-con-row-col-imgBox3 > img {
        width: 10.7407vw;
    }
    .ukFair-section06-con-row-col-imgBox4 > img {
        width: 6.7593vw;
    }
    .ukFair-section06-con-row-col-imgBox5 > img {
        width: 8.0556vw;
    }
    .ukFair-section06-con-row-col-imgBox6 > img {
        width: 6.1111vw;
    }
    .ukFair-section06-con-row-col-imgBox7 > img {
        width: 5.6481vw;
    }
    .ukFair-section06-con-row-col-imgBox8 > img {
        width: 6.3889vw;
    }
}

/**************************************************************************
***************************************************************************
                展覽優惠   ukFair-section07
***************************************************************************
**************************************************************************/
.ukFair-section07 > div {
    padding: 100px 0;
}
.ukFair-section07-title {
    font-size: 45px;
    color: #fff;
    margin-bottom: 30px;
}
.ukFair-section07-text {
    font-size: 20px;
    color: #fff;
    margin-bottom: 60px;
}
.ukFair-section07-text > span {
    color: #85FF49;
}
.ukFair-section07-con {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 64px;
    row-gap: 34px;
}
.ukFair-section07-col {
    height: 208px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 34px ;
    background: #fff;
    border-radius: 13px;
}
.ukFair-section07-col-title {
    margin-bottom: 13px;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.ukFair-section07-col-text {
    font-size: 16px;
    font-weight: 300;
}

@media screen and (max-width:1080px) {
    .ukFair-section07 > div {
        padding: 9.2593vw 2.7778vw;
    }
    .ukFair-section07-title {
        font-size: 4.1667vw;
        margin-bottom: 2.7778vw;
    }
    .ukFair-section07-text {
        font-size: 1.8519vw;
        margin-bottom: 5.5556vw;
    }
    .ukFair-section07-con {
        column-gap: 5.9259vw;
        row-gap: 3.1481vw;
    }
    .ukFair-section07-col {
        height: 19.2593vw;
        padding: 0 3.1481vw ;
        border-radius: 1.2037vw;
    }
    .ukFair-section07-col-title {
        margin-bottom: 1.2037vw;
        font-size: 2.0370vw;
    }
    .ukFair-section07-col-text {
        font-size: 1.4815vw;
    }

}
@media screen and (max-width:720px) {
    .ukFair-section07-title {
        font-size: 5.1667vw;
    }
    .ukFair-section07-text {
        font-size: 2.5519vw;
    }
    .ukFair-section07-con {
        text-align: left;
        grid-template-columns: repeat(1,1fr);
    }
    .ukFair-section07-col {
        height: 23.2593vw;
        display: block;
        padding: 3.5vw;
    }
    .ukFair-section07-col-title {
        margin-bottom: 2.2037vw;
        font-size: 3.0370vw;
    }
    .ukFair-section07-col-text {
        font-size: 2.4815vw;
    }
}


/**************************************************************************
***************************************************************************
                AI tutor 多益學習   ukFair-section08
***************************************************************************
**************************************************************************/
.ukFair-section08 > div {
    padding: 170px 0;
    width: 1200px;
}
.ukFair-section08-con-wrap {
    position: relative;
}
.ukFair-section08-con {
    width: 690px;
}
.ukFair-section08-con-titleBox {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 30px;
    color: #ffff;
}
.ukFair-section08-title {
    position: relative;
    text-align: left;
    font-size: 22px;
    margin: 0;
}
.ukFair-section08-title > span {
    position: absolute;
    left: 0;
    bottom: 100%;
}
.ukFair-section08-title > span > img {
    width: 120px;
}
.ukFair-section08-title > strong {
    font-size: 44px;
    display: inline-block;
    margin-bottom: 24px;
}
.ukFair-section08-text {
    background: #F07E4E;
    border-radius: 0 25px 25px 25px;
    padding: 16px;
    text-align: left;
}
.ukFair-section08-text > dt {
    font-size: 28px;
}
.ukFair-section08-text > dd {
    font-size: 18px;
}
.ukFair-section08-text > dd > strong {
    font-size: 22px;
    font-weight: 400;
}
.ukFair-section08-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 10px;
    column-gap: 10px;
}
.ukFair-section08-col {
    background: #fff;
    padding: 20px;
    text-align: left;
    margin: 0;
}
.ukFair-section08-col > dt {
    font-size: 22px;
    margin-bottom: 18px;
}
.ukFair-section08-col > dd {
    font-size: 18px;
}
.ukFair-section08-imgBox {
    width: 500px;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.ukFair-section08-imgBox > img {
    height: 557px;
    animation: con2 1s both;
}
.ukFair-section08-imgBox > img:last-child {
    position: absolute;
    left: 0;
}
.ukFair-section08.on .ukFair-section08-imgBox > img:last-child {
    animation: con 1s both;
}

@media screen and (max-width:1200px) {
    .ukFair-section08 > div {
        padding: 100px 30px;
        width: 100%;
    }
    .ukFair-section08-con-wrap {
        display: block;
    }
    .ukFair-section08-con {
        width: 100%;
    }
    .ukFair-section08-imgBox {
        margin: 0 auto 30px;
        position: relative;
        transform: translateY(0);
    }

}
@media screen and (max-width:780px) {
    .ukFair-section08 > div {
        padding: 12.8205vw 3.8462vw;
        width: 100%;
    }
    .ukFair-section08-con {
        width: 88.4615vw;
    }
    .ukFair-section08-con-titleBox {
        margin-bottom: 4.3333vw;
        display: block;
    }
    .ukFair-section08-title {
        font-size: 2.8205vw;
        margin-bottom: 3vw;
    }
    .ukFair-section08-title > span > img {
        width: 15.3846vw;
    }
    .ukFair-section08-title > strong {
        font-size: 5.6410vw;
        margin-bottom: 3.0769vw;
    }
    .ukFair-section08-text {
        padding: 2.0513vw;
    }
    .ukFair-section08-text > dt {
        font-size: 3.5897vw;
    }
    .ukFair-section08-text > dd {
        font-size: 2.3077vw;
    }
    .ukFair-section08-text > dd > strong {
        font-size: 2.8205vw;
    }
    .ukFair-section08-grid {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 1.2821vw;
        column-gap: 1.2821vw;
    }
    .ukFair-section08-col {
        padding: 2.5641vw;
    }
    .ukFair-section08-col > dt {
        font-size: 2.8205vw;
        margin-bottom: 2.3077vw;
    }
    .ukFair-section08-col > dd {
        font-size: 2.3077vw;
    }
    .ukFair-section08-imgBox {
        width: 64.1026vw;
        margin-bottom: 3vw;
        display: inline-block;
        left: -10%;
    }

    .ukFair-section08-imgBox > img {
        height: 101.4103vw;
    }
}


/**************************************************************************
***************************************************************************
                320+ 課程   ukFair-section09
***************************************************************************
**************************************************************************/
.ukFair-section09 > div {
    padding: 130px 0;
    width: 1200px;
}
.ukFair-section09-con {
    display: flex;
    justify-content: space-between;
}
.ukFair-section09-col {
    width: 32%;
}
.ukFair-section09-iconBox {
    margin-bottom: 20px;
}
.ukFair-section09-iconBox > img {
    height: 69px;
}
.ukFair-section09-con-title {
    font-size: 26px;
    color: #ffff;
    margin-bottom: 8px;
}
.ukFair-section09-con-text {
    color: #CCCCCC;
    font-size: 22px;
}
@media screen and (max-width:1200px) {
    .ukFair-section09 > div {
        padding: 100px 30px;
        width: 100%;
    }
}
@media screen and (max-width:780px) {
    .ukFair-section09 > div {
        padding: 12.8205vw 3.8462vw;
        width: 100%;
    }
    .ukFair-section09-iconBox {
        margin-bottom: 2.5641vw;
    }
    .ukFair-section09-iconBox > img {
        height: 8.8462vw;
    }
    .ukFair-section09-con-title {
        font-size: 3.3333vw;
        margin-bottom: 1.0256vw;
    }
    .ukFair-section09-con-text {
        font-size: 1.7205vw;
    }
}

@keyframes con {
    0% {
        left: 0;
    }
    100% {
        left: 20%;
    }
}