.student-left{
    display: inline-block;
    position: relative;
    width:calc(100% - 415px);
}

.student-left img{
    width: 100%;
}


.student-right{
    display:inline-block;
    vertical-align: top;
    margin-left:70px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.student-pr{
    position:relative;
}

.student-img-container{
    position:relative;
}

.student-text1{
    color:#003569;
    font-size:25px;
    font-weight:600;
    font-family: 'Ibarra Real Nova', serif;
    width:195px;
    position: absolute;
    text-align:center;
    left:50%;
    top:128px;
    transform: translateX(-50%);
    line-height:29px;
}

.student-button{
    display:inline-block;
    color:#FFF;
    font-size:20px;
    font-family: 'Assistant', sans-serif;
    background-color: #0062A1;
    padding:7px 15px;
    letter-spacing: 1px;
    position: absolute;
    left:50%;
    top:205px;
    transform: translateX(-50%);
    cursor:pointer;
}

.student-button a{
    text-decoration: none;
    color:#FFF;
}

.student-button:hover{
    opacity: 0.8;
}

.sample-left{
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 24px);
    margin-right:43px;
}

.sample-right{
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 24px);
}

.sample-text1{
    font-size:35px;
    font-family: 'Ibarra Real Nova', serif;
    color:#00629F;
    margin-bottom:36px;
}

.sample-video{
    width:100%;
    object-fit: fill;
}

.online-container{
    padding:55px 70px;
    background-color: #E4F2FB;
}

.online-container-bg{
    width:100%;
}

.online-left{
    display:inline-block;
    vertical-align: top;
    padding-top:32px;
    padding-right:72px;
    width:453px;
}

.online-right{
    display:inline-block;
    vertical-align: top;
    background:#FFF;
    padding:48px 46px;
    /* width:838px; */
    width:calc(100% - 458px);
}

.online-left-title{
    font-size: 40px;
    color:#262E53;
    font-family: 'Ibarra Real Nova', serif;
    line-height:1.2;
    font-weight:600;
    margin-bottom:20px;
}

.online-left-content{
    font-size:18px;
    font-family: 'Assistant', sans-serif;
    line-height:1.5;
    letter-spacing: 0.7px;
    color:#4C4C4C;
}

.online-right-title{
    font-size: 23px;
    color:#262E53;
    font-family: 'Ibarra Real Nova', serif;
    display:block;
    font-weight: 600;
    margin-bottom:3px;
}

.online-right-content{
    font-size: 20px;
    font-family: 'Assistant', sans-serif;
    line-height:1.5;
    letter-spacing: 1px;
    color:#4C4C4C;
    display:block;
    margin-bottom:28px;
}

.online-right-button{
    width:175px;
    color:#FFF;
    font-size:20px;
    font-family: 'Assistant', sans-serif;
    background-color: #0062A1;
    padding:7px 15px;
    letter-spacing: 1px;
    cursor:pointer;
    text-align:center;
    float:right;
}

.online-right-button:hover{
    opacity:0.8;
}


.online-right-button a{
  text-decoration: none;
  color:#FFF;
}



.online-remark{
    color:#4C4C4C;
    font-size: 18px;
    font-family: 'Assistant', sans-serif;
    line-height:1.5;
    letter-spacing: 0.7px;
    margin-top:30px;
}

.jupas-title{
    font-size: 35px;
    color:#0062A1;
    font-family: 'Ibarra Real Nova', serif;
    display:block;
    font-weight:600;
    margin-bottom:15px;
}

.jupas-ul{
    margin:0px;
    padding-left:20px;
}

.jupas-ul>li{
    font-size: 20px;
    font-family: 'Assistant', sans-serif;
    line-height:1.5;
    letter-spacing: 1px;
    color:#4C4C4C;
    margin-bottom:20px;
}

.jupas-content{
    margin-bottom:50px;
}

.jupas-table{
    border-spacing: 5px;
    border-collapse: separate;
    width:100%;
    margin-left:-5px;
    /* table-layout: fixed; */
}

.jupas-table3{
    table-layout: fixed;
}

.jupas-td1{
    background-color:#A8D5F2;
    width:234px;
    font-size: 22px;
    text-align:center;
    color:#003468;
}

.jupas-td3{
    background-color:#A8D5F2;
    width:150px;
    font-size: 22px;
    text-align:center;
    color:#003468;
}

.jupas-td-title{
    background-color:#00356B;
    color:#FFF;
    padding:15px 0px;
    /* padding: 19px 35px; */
    letter-spacing: 0.8;
    font-size: 23px;
    font-family: 'Assistant', sans-serif;
    text-align: center;
}

.jupas-td-left{
    background-color:#0062A1;
    color:#FFF;
    font-size: 22px;
    font-family: 'Assistant', sans-serif;
    text-align: center;
}

.jupas-td-content{
    background-color:#E4F2FB;
    color:#262E52;
    font-size: 22px;
    font-family: 'Assistant', sans-serif;
    text-align: center;
    padding:35px 20px;
    width:192px;
}

.w-290{
    width:290px;
}

.jupas-td-content2{
    background-color:#FFFFFF;
    color:#515874;
    font-size:22px;
    padding: 22px 88px;
}

.jupas-table3 .jupas-td-content{
    padding:18px 20px;
}

.jupas-subject{
    margin-bottom:32px;
}

.digi{
    font-size:40px;
    position:relative;
    top:5px;
    margin-left:5px;
}

.sl-hline{
    margin-bottom:30px;
}

.student-container{
    padding: 80px 0px 0px 0px;
}

.jupas-content-text{
    font-size: 20px;
    font-family: 'Assistant', sans-serif;
    line-height:1.5;
    letter-spacing: 1px;
    color:#4C4C4C;
    margin-bottom:18px;
}

.jupas-subject{
    margin-bottom:0px;
}

.jupas-subject-a{
    margin-bottom:0px;
    height:84px;
}

.jupas-td-re-sub{
    padding-left: 87px;
    text-align: left;
}

.jupas-button{
    background-color:#0062A1;
    color:#FFF;
    width:424px;
    display:inline-block;
    vertical-align: top;
    text-align:center;
    padding:7px 15px;
    /* font-size:18px; */
    font-size:19px;
    cursor:pointer;
    letter-spacing: 1px;
    font-family: 'Assistant', sans-serif;
}

.jupas-button3{
    background-color:#0062A1;
    color:#FFF;
    width:164px;
    display:inline-block;
    vertical-align: top;
    text-align:center;
    padding:4px 15px;
    font-size:19px;
    cursor:pointer;
    font-family: 'Assistant', sans-serif;
}

.jupas-button3:hover{
    opacity:0.8;
}

.jupas-text{
    font-size: 16px;
    display:inline-block;
    vertical-align: top;
    /* width:415px; */
    width:calc(100% - 169px);
    color:#414143;
    padding-top:8px;
}

.jupas-line{
    margin-bottom:12px;
    margin-top:58px;
    width:580px;
    letter-spacing: 1px;
}

.jupas-line2{
    width:580px;
    letter-spacing: 1px;
}

.jupas-button:hover{
    opacity:0.8;
}

.jupas-button1{
    margin-right:23px;
}

.jupas-button4{
    background-color:#0062A1;
    color:#FFF;
    width:190px;
    display:inline-block;
    vertical-align: top;
    text-align:center;
    padding:6px 15px;
    font-size:19px;
    cursor:pointer;
    margin-right:30px;
    letter-spacing: 1px;
    font-family: 'Assistant', sans-serif;
    margin-top:15px;
}

.jupas-button4:hover{
    opacity:0.8;
}


.jupas-button5{
    background-color:#0062A1;
    color:#FFF;
    width:175px;
    display:inline-block;
    vertical-align: top;
    text-align:center;
    padding:12px 15px;
    font-size:19px;
    cursor:pointer;
    letter-spacing: 1px;
    margin-right:30px;
    font-family: 'Assistant', sans-serif;
}

.jupas-button5:hover{
    opacity:0.8;
}

.jupas-table-ul{
    margin:0px;
    padding-left:20px;
    list-style: lower-roman;
}

.jupas-table-ul>li{
    margin-bottom:18px;
}

.jupas-table-ul>li:last-child{
    margin-bottom:0px;
}

.textleft{
    text-align: left;
}

.faq-accordion-div{
    width:100%;
    background-color:#E4F2FB;
    padding:23px 42px;
    position:relative;
    margin-bottom:30px;
}

.faq-accordion-title {
    position: relative;
}

.faq-accordion-q{
    color:#262F50;
    font-size:28px;
    font-family: 'Assistant', sans-serif;
    cursor:pointer;
}

.faq-accordion-a{
    color:#403F45;
    font-size:18px;
    margin-top:25px;
    line-height:30px;
    letter-spacing: 0.5px;
    font-family: 'Assistant', sans-serif;
    margin-bottom:25px;
    display:none;
}

.faq-arrow{
    position: absolute;
    top: 50%;
    right: -25px;
    cursor: pointer;
    transform: translate(0, -50%);
}

.faq-arrow-rotate{
    transform: rotate(180deg);
}
/* 
.students-img1-m{
    display:none;
    width:100%;
} */

.student-left-m {
    display: none;
    width:100%;
}



.ad-info-content-2{
    top:195px;
}

.ad-info-title-2{
    top:222px;
}

.ad-info-margin{
    margin-left:120px;
    margin-right:120px;
}

.ad-info-bg{
    width:100%;
}

.ad-info-comm-container{
    padding-bottom:10px;
}

/* .polyon{
    position: absolute;
    right:70px;
    display:flex;
    justify-content: center;
    align-items: center;
    width:55px;
    height:49px;
    z-index:1;
    background-image: url(../images/polyon.png);
} */

/* .polyon .text{
    font-family: 'Assistant', sans-serif;
    font-size:18px;
    color:#403F41;
    font-weight:600;
    letter-spacing: 2px;
} */

.polyon1{
    top:36px;
}

.polyon2{
    top:100px;
}

.polyon3{
    top:162px;
}

.polyon4{
    top:224px;
}

.polyon5{
    top:286px;
}

/* .polyon6{
    top:224px;
} */

.polyon6{
    top:348px;
}

.polyon7{
    top:410px;
}

.polyon8{
    top:472px;
}

.sticky1 {
    position: fixed;
    top: 220px;
}

.sticky2{
    position: fixed;
    top: 278px;
}

.sticky3 {
    position: fixed;
    top: 334px;
}

.sticky4 {
    position: fixed;
    top: 392px;
}

.sticky5 {
    position: fixed;
    top: 452px;
}

.sticky6 {
    position: fixed;
    top: 508px;
}

.sticky7 {
    position: fixed;
    top: 566px;
}

.sticky8 {
    position: fixed;
    top: 624px;
}






.bottom-60{
    margin-bottom:60px;
}

.jupas-button4a{
    margin-right:23px;
}

.table-overflow{
    /* width:calc(100% + 52px); */
    overflow-x: auto;
}

@media only screen and (max-width: 1500px) {

    .online-container {
        padding: 70px 90px 106px 90px;
    }
    
    .student-container .common-title{
        margin-left:52px;
        margin-right:52px;
    }
    /* .sample-com-container.non-video .common-title{
        margin-left:52px;
        margin-right:52px;

    } */

    .sample-com-container.non-video .common-title{
        margin-left:52px;
        margin-right:52px;
        /* margin-bottom: 0; */
    }


    .ad-info-margin {
        margin-left: 60px;
        margin-right: 60px;
    }

    .ad-info{
        width:230px;
    }

    .ad-info-icon{
        top:60px;
    }

    .ad-info-title{
        top:140px;
    }
    
    .ad-info-content{
        top:175px;
    }

    .ad-info-content-2 {
        top: 145px;
    }

    .ad-info-title-2 {
        top: 167px;
    }
}

@media only screen and (max-width: 1024px) {
    .jupas-table{
        width:1440px;
    }

    .ad-info1{
        display:block;
        margin:0px auto;
    }

    .ad-info-margin {
        margin-left: 0px;
        margin-right: 5px;
    }

    .ad-info3{
        margin-left: 5px;
        margin-top: -74px;
    }

    .ad-info{
        width:303px;
    }

    .ad-info-icon{
        top:86px;
    }

    .ad-info-title{
        top:195px;
    }
    
    .ad-info-content{
        top:230px;
    }

    .ad-info-content-2 {
        top: 195px;
    }

    .ad-info-title-2 {
        top: 222px;
    }

    .ad-info2{
        margin-top: -74px;
    }


    /* .jupas-table3{
        width:1024px;
    } */


    .sample-com-container.non-video .common-title{
        margin-left:52px;
        margin-right:52px;
        margin-bottom: 10px;
    }

    .online-container {
        padding: 30px 52px 50px 52px;
        /* padding: 70px 52px 106px 52px; */
    }

/*     
    .students-img1{
        display:block;
        width:100%;
    } */

    .student-left {
        display: block;
        width: 100%;
    }


    .student-pr{
        text-align:center
    }

    .student-right{
        position: inherit;
        top:0px;
        left:0px;
        transform: translateY(0%);
        margin:20px auto;
        display:block;
    }

    .online-container{
        background-color: #FFF;
    }

    .online-container-bg{
        background-color:#E4F2FB;
        padding:40px;
    }

    .online-left{
        display:block;
        padding-top:32px;
        padding-right:0px;
        width:100%;
    }
    
    .online-right{
        margin-top:60px;
        display:block;
        padding:50px 46px;
        /* width:838px; */
        width:100%;
    }

    .jupas-button1{
        margin-bottom:30px;
    }

    .jupas-button4a{
        margin-bottom:30px;
    }


    .sample-com-container{
        padding: 70px 52px 50px 52px;
    }
}

@media only screen and (max-width: 768px) {
    
    .jupas-button4a{
        margin-right:0px;
        margin-bottom:30px
    }

    .jupas-button4b{
        margin-top:0px;
        margin-bottom:0px
    }
    .sample-text1{
        margin-bottom:25px;
    }

    .student-pr {
        transform: scale(1.4);
        transform-origin: top center;
        height: 430px;
    }

    .student-container .common-title{
        margin-left:52px;
        margin-right:52px;
    }


    .sample-com-container.non-video .common-title{
        margin-left:52px;
        margin-right:52px;
        margin-bottom: 0;
    }

    .student-container .common-hline{
        padding-left:52px;
        padding-right:52px;
    }

    .faq-accordion-a{
        margin-top:25px;
        line-height:1.4;
    }

    .jupas-button4{
        width:100%;
        margin-right:0px;
        margin-bottom:23px;
    }

    .student-left {
        display: none;
    }
    .student-left-m {
        display: block;
        position: relative;
    }

    .student-left-m img {
        width: 100%;
    }

/* 

    .students-img1{
        display:none;
        width:100%;
    }

    .students-img1-m{
        display:block;
    } */

    .student-img-container{
        margin-left:-25px;
        width:calc(100% + 50px);
    }

    .sample-left {
        display: block;
        width: 100%;
        margin-right: 0px;
    }

    .sample-right {
        display: block;
        width: 100%;
        margin-top:40px;
    }

    .ad-info{
        width:210px;
    }

    .ad-info2{
        margin-top:-48px;
    }

    .ad-info3{
        margin-top:-48px;
    }

    .ad-info-icon {
        top: 58px;
    }

    .ad-info-title {
        top: 130px;
    }
    
    .ad-info-content {
        top: 163px;
    }

    .ad-info-content-2 {
        top: 136px;
    }

    .ad-info-title-2 {
        top: 159px;
    }

    /* .online-left-content{
        font-size:30px;
    } */

    /* .online-right-title {
        font-size: 35px;
    } */

    /* .online-right-content{
        font-size: 20px;
    } */

    /* .online-remark {
        font-size: 30px;
    } */

    .online-right-button {
        font-size: 25px;
        width:186px;
        margin:0px auto;
        margin-top: 35px;
        float:none;
    }

    .online-container {
        padding: 50px 52px 0px 52px;
    }

    .jupas-title {
        font-size: 40px;
    }

    .jupas-ul>li{
        font-size:30px;
    }

    .jupas-content-text {
        font-size: 30px;
    }

    .jupas-button {
        font-size:30px;
        width:100%;
    }

    .jupas-text{
        font-size: 23px;
        width: calc(100% - 179px);
    }

    .jupas-line {
        width:100%;
    }

    .jupas-line2 {
        width: 100%;
    }

    .jupas-button3 {
        font-size:30px;
        width: 174px;
    }

    /* .faq-accordion-a {
        font-size: 30px;
    } */

    .faq-accordion-q {
        color: #00629F;
        font-size: 24px;
        font-family: 'Ibarra Real Nova', serif;
        font-weight:600;
    }

    .jupas-button4 {
        padding: 12px 15px;
        font-size: 30px;
    }

    .jupas-button5 {
        width: 100%;
        font-size: 30px;
        margin-right: 0px;
        margin-top:30px;
    }

    .sample-com-container{
        padding-bottom:0px;
    }

    .online-right {
        margin-top: 50px;
        padding-top:40px;
        padding-bottom:40px;
    }

    .jupas-button1{
        padding: 10px 15px;
    }

    .jupas-button2{
        padding: 10px 15px;
    }

    .faq-accordion-div {
        padding: 20px 40px 20px 25px;
        margin-bottom: 15px;
    }
    .faq-arrow {
        width: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .jupas-button4a{
        margin-top:0px;
        margin-bottom:20px
    }

    .faq-accordion-div {
        padding: 15px 40px 15px 15px;
    }

    .faq-title:after{
        content: '';
        height: 2px;
        width: 65px;
        background: #00356b;
        position: absolute;
        bottom: -6px;
        left: 0;
        z-index: 1;
    }
    .online-right {
        margin-top: 30px;
        padding-top:30px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 20px;
    }

    .online-left {
        padding-top: 0px;
    }

    .online-container-bg {
        padding: 40px 25px;
    }

    .sample-text1{
        margin-bottom:18px;
    }

    .student-pr {
        transform: scale(1);
        transform-origin: top center;
        height: auto;
    }

    /* .online-left-content {
        font-size: 20px;
    } */

    .student-container .common-title {
        margin-left: 25px;
        margin-right: 25px;
    }

    .sample-com-container.non-video .common-title{
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: 30px;
    }


    .online-right-title {
        font-size: 20px;
    }

    .online-right-content {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .online-right-button {
        width: 175px;
        font-size: 20px;
    }

    .online-remark {
        font-size: 18px;
    }

    .jupas-ul>li {
        font-size: 20px;
    }

    .jupas-button4 {
        padding: 6px 15px;
        font-size: 19px;
    }

    .jupas-button5 {
        /* width: 175px; */
        font-size: 19px;
        margin-right: 30px;
        margin-top:10px;
    }

    .faq-accordion-a {
        color: #403F45;
        font-size: 18px;
    }

    .faq-accordion-q {
        font-size: 22px;
    }

    .jupas-text{
        font-size: 16px;
    }

    .jupas-button3 {
        font-size:19px;
    }

    .ad-info{
        width:150px;
    }

    .ad-info-icon {
        top: 40px;
        width:40px;
    }

    .ad-info-title{
        top:85px;
        font-size: 20px;
    }
    
    .ad-info-content{
        top: 110px;
        font-size: 15px;
    }

    .ad-info-content-2 {
        top: 90px;
    }

    .ad-info-title-2 {
        top: 110px;
    }

    .ad-info2{
        margin-top:-36px;
        margin-right:1px;
    }

    .ad-info3{
        margin-top:-36px;
        margin-left:1px;
    }
    
    .online-container {
        padding: 0 25px 25px 25px;
    }

    .jupas-title {
        font-size: 35px;
    }
    
    .jupas-button1 {
        margin-bottom: 20px;
    }

    .jupas-content-text {
        font-size: 20px;
    }

    .jupas-button {
        font-size:18px;
    }

    .sample-com-container{
        padding: 50px 25px 25px 25px;
    }

    .online-left-title{
        font-size: 30px;
    }
}

@media only screen and (max-width: 400px) {
    .ad-info-container{
        /* width: 350px; */
        transform: scale(0.85);
        transform-origin: top center;
        /* margin-left: -10px; */
        height: 210px;
    }

    .student-pr{
        transform: scale(0.8);
        transform-origin: top center;
        height: 230px;
    }

    .online-container-bg{
        padding:40px 25px;
    }

    .online-right {
        margin-top: 30px;
        padding: 25px;
    }

    .jupas-button5 {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    /* .faq-accordion-div {
        padding: 23px 25px;
    } */

    .jupas-button3 {
        width: 126px;
    }

    .jupas-text {
        width: calc(100% - 126px);
    }

    .sample-com-container{
        padding: 50px 25px 25px 25px;
    }
}

.sample-com-container.non-video{
    padding: 80px 0px 0 0px;
}