/* 공용css */
[class*="yg-3anniversary-section"]{ position: relative; left: 50%; transform: translateX(-50%);}
.yg-max-width{max-width: 1190px; width: 100%; margin: 0 auto;   box-sizing: border-box;}
.yg-max-width>p:first-child{
    margin: 0;
}
[class*="yg-3anniversary-section"] h2{
    font-size: calc(1.65rem + 1.25vw);
    font-weight: 900;
}

[class*="yg-3anniversary-section"] .yg-btn{
    text-align: center;
    margin-top: 50px;
}

[class*="yg-3anniversary-section"] .yg-btn>a{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: #E91F1F;
    padding: 8px 90px;
    position: relative;
    text-decoration: none;
    transition: color 0.5s;
}
[class*="yg-3anniversary-section"] .yg-btn>a:hover{
    color: #000;
    transition: color 0.5s;
}
[class*="yg-3anniversary-section"] .yg-btn>a::before{
    content: '>';
    position: absolute;
    right: 80%;
}
[class*="yg-3anniversary-section"]>div>p{
    word-break: keep-all;
    text-align: center;
    font-size: 18px;
    margin-bottom: 80px;
}
[class*="yg-3anniversary-section"]>div>p>span{
    font-size: 20px;
}

.yg-sharp-color1{
    background: #46C2FF !important;
    color: #fff !important;
    font-weight: 900 !important;
}
.yg-sharp-color2{
    background: #fff !important;
    color: #46C2FF !important;
    font-weight: 900 !important;
}

@media(max-width:1200px){
    .yg-max-width{padding: 0 30px;}
    [class*="yg-3anniversary-section"]>div>p{
        font-size: 1.3rem;
        width: 96%;
        margin: 0 auto;
    }

}
@media(max-width:576px){
    [class*="yg-3anniversary-section"] .yg-btn>a{
        font-size: 5vw;
        padding: 3vw 15vw;
    }
    [class*="yg-3anniversary-section"]>div>span{
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    [class*="yg-3anniversary-section"]>div>p{
        font-size: 1rem;
    }
    [class*="yg-3anniversary-section"]>div>p>span{
        font-size: 1.2rem;
    }
}

/**************************************************************************
***************************************************************************
                yg-3anniversary-section1  ed:m留遊學 周年慶
***************************************************************************
**************************************************************************/
.yg-3anniversary-section1{
    background: url(/images/3rd-anniversary/yg-bg01-210902.jpg) center top no-repeat ;
    text-align: center;
}
.yg-3anniversary-section1>div{
    width: 100%;
    position: relative;
    padding: 200px 0 0;
}
.yg-3anniversary-section1>div>div:first-child {
    margin-bottom: 150px;
}
.yg-3anniversary-section1>div>div:first-child h1{
    font-size: 75px;
    color: #fff;
}
.yg-3anniversary-section1>div>div:first-child p{
    font-size: 26px;
    color: #0A83CB;
    margin-bottom: 40px;
    font-weight: 700;
}
.yg-3anniversary-section1>div>div:first-child span{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.yg-3anniversary-section1>div>div:last-child {
    transform: translateY(50%);
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
}
.yg-3anniversary-section1>div>div:last-child>a{
    cursor: pointer;
    box-shadow: 0px 7px 0px #79B3D9;
    max-width: 363px;
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border-radius: 60px;
    background: #D5FBEA; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #64b3f4,#D5FBEA ); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right,#64b3f4 ,#D5FBEA ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.yg-3anniversary-section1>div>div:last-child>a>strong{
    font-size: 25px;
    color: #F8FF34;
}
.yg-3anniversary-section1>div>div:last-child>a:first-child{
    box-shadow: 0px 7px 0px #AF585F;
    background: #FFEFBF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top to right, #FDC6CC,#F98B89, #F98B89, #FFEFBF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top right, #FDC6CC,#fd7c7a, #FFEFBF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.yg-3anniversary-section1>div>div:last-child>a:first-child strong{
    color: #E72348;
}

@media(min-width:1900px){
    .yg-3anniversary-section1{
        background-size: 100%;
    }
}
@media(max-width:1200px){
    .yg-3anniversary-section1{
        background: url(/images/3rd-anniversary/yg-bg01-210902.jpg) center top no-repeat ;
        background-size: 170%;
    }
    .yg-3anniversary-section1>div{
        padding: 16.6667vw 0 0;
    }
    .yg-3anniversary-section1>div>div:first-child {
        margin-bottom: 12.5000vw;
    }
    .yg-3anniversary-section1>div>div:first-child h1{
        font-size: 6.2500vw;
    }
    .yg-3anniversary-section1>div>div:first-child p{
        font-size: 2.1667vw;
        margin-bottom: 1vw;
    }
    .yg-3anniversary-section1>div>div:first-child span{
        font-size: 1.5000vw;

    }
    .yg-3anniversary-section1>div>div:last-child {
        margin: 0 2.5000vw;
    }
    .yg-3anniversary-section1>div>div:last-child>a{
        width: 30%;
        padding: 1.2500vw 0;
        font-size: 1.6667vw;
    }
    .yg-3anniversary-section1>div>div:last-child>a>strong{
        font-size: 2.0833vw;
    }

}

@media(max-width:576px){
    .yg-3anniversary-section1{
        background: url(/images/3rd-anniversary/yg-bg01-210902-mo.jpg)center center no-repeat;
        background-size: cover;

    }
    .yg-3anniversary-section1>div{
        padding: 6vw 0;
    }
    .yg-3anniversary-section1>div>div:first-child{
        margin-top: 29vw;
    }
    .yg-3anniversary-section1>div>div:first-child h1{
        font-size: 12vw;
    }
    .yg-3anniversary-section1>div>div:first-child p{
        font-size: 4vw;
    }
    .yg-3anniversary-section1>div>div:first-child span{
        font-size: 3.5vw;
    }
    .yg-3anniversary-section1>div>div:last-child{
        transform: translateY(10%);
        display: block;
    }
    .yg-3anniversary-section1>div>div:last-child>a{
        width: 100%;
        margin: 0 auto 3vw;
        display: block;
        font-size: 3.5vw;
    }
    .yg-3anniversary-section1>div>div:last-child>a>strong{
        font-size: 3.7vw;
    }
}

/**************************************************************************
***************************************************************************
                yg-3anniversary-section2  ed:m留遊學周年慶優惠
***************************************************************************
**************************************************************************/
.yg-3anniversary-section2{
    background-image: url(/images/3rd-anniversary/yg-bg02-210902.png);
    background-position:center center;
    background-size: cover;
    margin: 100px 0;
}
.yg-3anniversary-section2>div{
    padding: 140px 0;
}

.yg-3anniversary-section2>div table thead th{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    background: #46C2FF;
}


.yg-3anniversary-section2>div table thead th>img{
    width: 2.5%;
    left: -2%;
    position: relative;
}
.yg-3anniversary-section2>div table tbody td{
    font-weight: 300;
    width: 33.3333333%;
}

.yg-3anniversary-section2>div table tbody td strong{
    color: #46C2FF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.yg-3anniversary-section2>div table tbody td span{
    color: #F05B12;
}

@media(max-width:1200px){
    .yg-3anniversary-section2{
        background-image: none;
        margin: 10vw 0;
    }
    .yg-3anniversary-section2>div{
        padding: 3vw 30px;
    }

    .yg-3anniversary-section2>div table thead th{
        font-size: 1.6667vw;
    }

    .yg-3anniversary-section2>div table tbody td strong{
        font-size: 1.5000vw;
        margin-bottom: 0.4167vw;
    }
}

/**************************************************************************
***************************************************************************
                yg-3anniversary-section3 COVID-19留遊學資訊
***************************************************************************
**************************************************************************/
.yg-3anniversary-section3{
    background: url(/images/3rd-anniversary/yg-bg03-210902.png) no-repeat 2% top;
    background-size: 20%;
    margin: 100px 0;
}

.yg-3anniversary-section3 table thead th{
    background: #46C2FF;
    vertical-align: middle;
    font-size: 18px;
}
.yg-3anniversary-section3 table tbody td{
    vertical-align: middle;
    height: 70px;
    font-size: 18px;
}
.yg-3anniversary-section3 table tbody td>i{
    color: #6DD6C2;
    font-size: 30px;
    vertical-align: bottom;
}
.yg-3anniversary-section3 table tbody td>i.fa-times-circle{
    color: #A7A9AC;
}
.yg-3anniversary-section3 table tbody td>span{
    color: #F05B12;
}
.yg-3anniversary-section3>div>span{
    display: block;
    text-align: center;
    margin-top: 14px;
    color: #5F5F5F;
    font-weight: 300;
    font-size: 14px;
}
@media(max-width:1200px){
    .yg-3anniversary-section3{
        margin: 8.3333vw 0;
    }

    .yg-3anniversary-section3 table thead th{
        font-size: 1.5000vw;
    }
    .yg-3anniversary-section3 table thead th:nth-child(2),
    .yg-3anniversary-section3 table thead th:nth-child(3){
        display: none;
    }
    .yg-3anniversary-section3 table tbody td{
        height: 5.8333vw;
        font-size: 1.5000vw;
    }
    .yg-3anniversary-section3 table tbody td:nth-child(2),
    .yg-3anniversary-section3 table tbody td:nth-child(3){
        display: none;
    }
    .yg-3anniversary-section3 table tbody td>i{
        font-size: 2.5000vw;
    }
    .yg-3anniversary-section3>div>span{
        margin-top: 1.1667vw;
        font-size: 1.1667vw;
    }
}
/**************************************************************************
***************************************************************************
                yg-3anniversary-section4 留學熱門趨勢課程
***************************************************************************
**************************************************************************/
.yg-3anniversary-section4{
    background-image: url(/images/3rd-anniversary/yg-bg04-210902.png);
    padding: 60px 0;
}

.yg-3anniversary-section4>div>p{
    color: #fff;
}
.yg-3anniversary-section4>div>p>span{
    color: #27FD81;
}

.yg-3anniversary-section4>div>div{
    margin-bottom: 65px;
}
.yg-3anniversary-section4>div>div h2{
    color: #fff;
}
.yg-3anniversary-section4>div>div>div{
    width: 960px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}
.yg-3anniversary-section4>div>div>div>div:first-child{
    position: relative;
}
.yg-3anniversary-section4>div>div>div>div:first-child>img{
    width: 100%;
}
.yg-3anniversary-section4>div>div>div>div:first-child>div{
    position: absolute;
    left: 5%;
    top: 10%;
    padding: 16px 16px 16px 30px;
    background: rgba(255, 255, 255, 0.9);
}
.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top1{
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E8E8E9;
    font-size: 18px;
}
.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top1>span{
    color: #848484;
}

.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top1>p{
    font-weight: 700;
}

.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>span{
    font-size: 18px; font-weight: 300;
    color: #848484;
    margin-bottom: 18px;
    display: inline-block;
}
.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div{
    display: flex;
    margin-bottom: 8px;
}
.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figure{
    width: 70px;
    text-align: center;
    margin-right: 16px;
}
.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figcaption{
    font-size: 16px;
}
.yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figcaption>strong{
    font-size: 18px;font-weight: 700;
}

.yg-3anniversary-section4 .yg-sec4-con-bottom-box{
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding:  30px 0;
}

.yg-3anniversary-section4 .yg-sec4-con-bottom-box div{
    font-size: 18px; font-weight: 300;
}
.yg-3anniversary-section4 .yg-sec4-con-bottom-box div strong{
    font-size: 22px;
    font-weight: 700;
    color: #46C2FF;
    display: block;
    margin-bottom: 16px;
}

@media(max-width:1200px){
    .yg-3anniversary-section4{
        background-size: cover;
        padding: 5.0000vw 0;
    }
    .yg-3anniversary-section4>div>div{
        margin-bottom: 5.4167vw;
    }
    .yg-3anniversary-section4>div>div>div{
        width: 80.0000vw;
        border-radius: 1.3333vw;
    }
    .yg-3anniversary-section4>div>div>div>div:first-child>div{
        left: 1.5vw;
        top: 1.5vw;
        width: 90%;
        padding: 1.3333vw 2.5vw 0 2.5000vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top1{
        padding-bottom: 0.6667vw;
        margin-bottom: 1.3333vw;
        font-size: 1.5000vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2{
        display: grid; grid-template-columns: repeat(2,1fr);column-gap: 3vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>span{
        grid-column: span 2;
        font-size: 1.5000vw;
        margin-bottom: 1.5000vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div{
        margin-bottom: 0.6667vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figure{
        width: 5.8333vw;
        margin-right: 1.3333vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figure>img{
        width: 100%;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figcaption{
        font-size: 1.3333vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-top-box .yg-sec4-con-top2>div>figcaption>strong{
        font-size: 1.5000vw;
    }

    .yg-3anniversary-section4 .yg-sec4-con-bottom-box{
        padding:  2.5000vw 0;
    }

    .yg-3anniversary-section4 .yg-sec4-con-bottom-box div{
        font-size: 1.5000vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-bottom-box div strong{
        font-size: 1.8333vw;
        margin-bottom: 1.3333vw;
    }
}
@media(max-width: 576px){
    .yg-3anniversary-section4 .yg-sec4-con-bottom-box{
        display: block;
        padding: 4vw;
    }
    .yg-3anniversary-section4>div>div>div>div:first-child>div{
        display: none;
    }
    .yg-3anniversary-section4 .yg-sec4-con-bottom-box div{
        border-bottom: 1px solid #999;
        padding: 2vw;
        word-break: keep-all;
        font-size: 3vw;
        margin-bottom: 2vw;
    }
    .yg-3anniversary-section4 .yg-sec4-con-bottom-box div>a>strong{
        font-size: 3vw;
    }
}
/**************************************************************************
***************************************************************************
                yg-3anniversary-section5 遊學推薦課程
***************************************************************************
**************************************************************************/
.yg-3anniversary-section5{background: #F1F1F1; overflow: hidden;}
.yg-3anniversary-section5>div{
    padding: 130px 0;
}
.yg-3anniversary-section5>div>p{
    color: #5F5F5F; font-weight: 300;
}
.yg-3anniversary-section5>div>p>span{
    color: #000; font-weight: 400;
}

.yg-3anniversary-section5>div .yg-sec5-con1{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 100px;
}
.yg-3anniversary-section5>div .yg-sec5-con1>div{
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}
.yg-3anniversary-section5>div .yg-sec5-con1>div>div{
    text-align: center;
    padding: 30px 0;

}

.yg-3anniversary-section5>div .yg-sec5-con1>div>div>h4{
    font-size: 22px;
    margin-bottom: 16px;
    color: #1AA1EA;
}
.yg-3anniversary-section5>div .yg-sec5-con1>div>div>p{
    font-size: 18px;
}



.yg-3anniversary-section5 h3{
    text-align: center;
    font-size: 24px; font-weight: 500;
    color: #3895DD;
    margin: 24px 0;
}
.yg-3anniversary-section5>div .yg-sec5-con2{
    display: flex; justify-content: space-evenly;
    margin-bottom: 64px;

}
.yg-3anniversary-section5>div .yg-sec5-con2>div{
    background: #fff;
    box-shadow: 3px 3px 20px rgba(180, 180, 180, 0.438);
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>img{
    width: 100%;
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>a>div{
    padding: 18px;
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>h4{
    color: #3895DD;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 21px;
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>small{
    color: #5f5f5f;
    font-size: 14px;
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>small>i{
    color: #fff;
    -webkit-text-stroke: 1px #5f5f5f;
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>p{
    color: #000;
    font-size: 16px; font-weight: 300;
}
.yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>p>span{
    background: #3895DD;
    color: #fff;
    padding: 0 9px;
}
.yg-3anniversary-section5>div>span{
    display: block;
    text-align: center;
    color: #5F5F5F;
}
@media(max-width:1200px){
    .yg-3anniversary-section5>div{
        padding: 10.8333vw 30px;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1{
        margin: 8.3333vw 0;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div{
        width: 30%;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div>img{
        width: 100%;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div>div{
        padding: 2.5000vw 0;

    }

    .yg-3anniversary-section5>div .yg-sec5-con1>div>div>h4{
        font-size: 1.8333vw;
        margin-bottom: 1.3333vw;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div>div>p{
        font-size: 1.5000vw;
    }




}

@media(max-width:1024px){
    .yg-3anniversary-section5 h3{
        font-size: 5vw;
        margin: 3vw 0;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2{
        display: block;
        margin-bottom: 5.3333vw;

    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 3vw;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div{
        padding: 1.5000vw;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>h4{
        margin-bottom: 0;
        font-size: 2.7500vw;

    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>br{
        display: none;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>small{
        font-size: 1.5667vw;
        display: inline-block;
        margin: 1vw 0;
        line-height: 1.2;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>p{
        font-size: 2.3333vw;
        margin-bottom: 1vw;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>p>br{
        display: none;
    }
    .yg-3anniversary-section5>div .yg-sec5-con2>div>a>div>p>span{
        padding: 0 0.7500vw;
        font-size: 2.1667vw;
    }
}

@media(max-width:576px){
    .yg-3anniversary-section5>div .yg-sec5-con1{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        row-gap: 3vw;
        column-gap: 3vw;
        margin: 8.3333vw 0;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div{
        width: 100%;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div:nth-child(1){
        grid-column: span 2;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        margin:0 auto 3vw;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div>img{
        width: 100%;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div>div{
        padding: 3.5000vw 3vw;
        text-align: left;
    }

    .yg-3anniversary-section5>div .yg-sec5-con1>div>div>h4{
        font-size: 3.2vw;
        margin-bottom: 1.3333vw;
    }
    .yg-3anniversary-section5>div .yg-sec5-con1>div>div>p{
        font-size: 3vw;
        word-break: keep-all;
    }

}
/**************************************************************************
***************************************************************************
                yg-3anniversary-section6 加拿大打工遊學
***************************************************************************
**************************************************************************/
.yg-3anniversary-section6{
    background: url(/images/3rd-anniversary/yg-bg05-210902.jpg) no-repeat center top;
    overflow: hidden;
}
.yg-3anniversary-section6>div{
    padding: 70px 0;
}
.yg-3anniversary-section6>div>h2{
    color: #fff;
}
.yg-3anniversary-section6>div>p{
    color: #5F5F5F;
    margin-bottom: 30px;
}
.yg-3anniversary-section6>div>p>span{
    color: #000;
    font-weight: 400;
}


.yg-3anniversary-section6>div .yg-sec6-con1{
    display: grid; grid-template-columns: repeat(4,1fr);
    column-gap: 20px;
    margin-bottom: 32px;

}
.yg-3anniversary-section6>div .yg-sec6-con1>div{
    background: #fff;
    box-shadow: 3px 3px 20px rgba(180, 180, 180, 0.438);
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>img{
    width: 100%;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div{
    padding: 18px 18px 0;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>h4{
    color: #3895DD;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 21px;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>small{
    color: #5f5f5f;
    font-size: 14px;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>small>i{
    color: #fff;
    -webkit-text-stroke: 1px #5f5f5f;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>p{
    color: #000;
    font-size: 16px; font-weight: 300;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>dl{
    color: #000;
    display: flex;
}
.yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>dl>dt>p{
    background: #3895DD;
    color: #fff;
    padding: 0 9px;
    margin-right: 8px;
}

.yg-3anniversary-section6>div>span{
    display: block;
    text-align: center;
    color: #5F5F5F;
}
@media(max-width:1200px){
    .yg-3anniversary-section6{
        background-size: cover;
    }
    .yg-3anniversary-section6>div{
        padding: 5.8333vw 0;
    }

    .yg-3anniversary-section6>div>p{
        margin-bottom: 2.5000vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1{
        width: 90%;
        margin: 0 auto;
    }

}

@media(max-width:1024px){
    .yg-3anniversary-section6{
        background-image: url(/images/3rd-anniversary/yg-bg04-210902.png);
    }
    .yg-3anniversary-section6>div .yg-sec6-con1{
        width: 90%; margin: 0 auto;
        grid-template-columns: repeat(2,1fr);
        row-gap: 20px;
        margin-bottom: 2.6667vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div{
        padding: 1.5000vw 1.5000vw 0;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>h4{
        margin-bottom: 0.8333vw;
        font-size: 2.7500vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>small{
        font-size: 1.1667vw;
    }

    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>p{
        font-size: 1.3333vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>dl>dt>p{
        padding: 0 0.7500vw;
        margin-right: 0.6667vw;
        font-size: 2.15vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>dl>dd{
        font-size: 2.15vw;
    }
    .yg-3anniversary-section6>div>span{
        color: #000;
    }
}
@media(max-width:576px){
    .yg-3anniversary-section6>div .yg-sec6-con1{
        width: 90%; margin: 0 auto;
        display: block;
        row-gap: 20px;
        margin-bottom: 2.6667vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 3vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div{
        padding: 1.5000vw 1.5000vw 0;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>h4{
        margin-bottom: 0;
        font-size: 3.2vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>small{
        font-size:1.5667vw;
        margin: 0;
        display: block;
    }

    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>p{
        font-size: 2vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>dl>dt>p{
        padding: 0 0.7500vw;
        margin-right: 0.6667vw;
        font-size: 2.15vw;
    }
    .yg-3anniversary-section6>div .yg-sec6-con1>div>a>div>dl>dd{
        font-size: 2.15vw;
    }
}

/**************************************************************************
***************************************************************************
                yg-3anniversary-section7 ed:m留遊學周年慶優惠
***************************************************************************
**************************************************************************/
.yg-3anniversary-section7{
    background: url(/images/3rd-anniversary/yg-bg06-210902.jpg) no-repeat;
}
.yg-3anniversary-section7>div{
    padding: 120px 0;
}


.yg-3anniversary-section7>div table thead th{
    background: #46C2FF;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
.yg-3anniversary-section7>div table tbody td{
    padding: 16px 0;
    font-weight: 300;
    width: 33.3333333%;
}

.yg-3anniversary-section7>div table tbody td strong{
    color: #46C2FF;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.yg-3anniversary-section7>div table tbody td span{
    color: #F05B12;
}
.yg-3anniversary-section7>div .yg-sec7-text{
    font-size: 16px;
    font-weight: 300;
    position: relative;
    left: 100px;
    color: #5F5F5F;
}
.yg-3anniversary-section7>div .yg-sec7-text>p{
    position: relative;
}
.yg-3anniversary-section7>div .yg-sec7-text>p::before{
    content: '';
    width: 5px;height: 5px;
    background: #3895DD;
    position: absolute;right: 101%; top: 50%;transform: translateY(-50%);


}
.yg-3anniversary-section7>div .yg-sec7-text>p:first-child:before{
    display: none;
}

@media(max-width:1200px){
    .yg-3anniversary-section7{
        background-size: 100%;
    }
    .yg-3anniversary-section7>div table{
        width: 90%;
        margin: 0 auto;
    }
    .yg-3anniversary-section7>div table tbody td strong{
        font-size: 2vw;
    }
    .yg-3anniversary-section7>div .yg-sec7-text{
        width: 90%;
        margin: 0 auto;
        left: 0;
    }
    .yg-3anniversary-section7>div .yg-sec7-text>p{
        word-break: keep-all;
        font-size: 2vw;
        left: 2%;
    }
}