.cu-overview-text{
    width:100%;
    line-height: 1.4;
    letter-spacing: 0.2px;
}

.cu-overview-left{
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 460px);
    color:#4D4D4F;
    font-family: 'Assistant', sans-serif;
    font-size:20px;
    letter-spacing:1px;
    line-height: 1.3;
}

.cu-overview-img{
    margin-top: -185px;
}

.cu-container{
    padding-top:150px;
}


#animation_container {
    width: 100%;
    display: block;
    margin: 50px auto 50px auto;
}


.ras-container{
    text-align:center;
}

.ras-text{
    text-align:left;
    font-family: 'Assistant', sans-serif;
    font-size:20px;
    letter-spacing:0.7px;
    line-height: 1.4;
    /* color:#4D4D4F; */
    color:#414042;
    /* margin-bottom:52px; */
}

.swiper-wrapper{
    left:0px!important;
}

.course-title{
    cursor:pointer;
    position: relative;
}

.course-no{
    display:inline-block;
    vertical-align: top;
    width:240px;
    font-size: 30px;
    color:#0062A1;
    font-weight:600;
    font-family: 'Ibarra Real Nova', serif;
}

.course-name{
    display:inline-block;
    vertical-align: top;
    font-size: 30px;
    color:#0062A1;
    font-family: 'Ibarra Real Nova', serif;
    font-weight:600;
}

.course-accordion-div{
    background-color:#E4F2FB;
    padding:32px 42px;
    position:relative;
    margin-bottom:20px;
}

.course-content{
    margin-top:20px;
    display:none;
}

.course-text{
    font-family: 'Assistant', sans-serif;
    font-size:20px;
    letter-spacing:0.7px;
    line-height: 1.5;
    color:#4D4D4F;
}

.course-bottom{
    margin-top:30px;
}

.course-bottom1{
    display:inline-block;
    vertical-align: top;
    font-size:20px;
    color:#0062A1;
    font-family: 'Assistant', sans-serif;
    cursor: pointer;
}

.course-bottom1:after{
    content:"|";
    margin-left:24px;
    margin-right:24px;
}

.course-bottom2{
    display:inline-block;
    vertical-align: top;
    font-size:20px;
    width:55px;
    text-align: center;
    color:#0062A1;
    font-family: 'Assistant', sans-serif;
}

.course-bottom3{
    display:inline-block;
    vertical-align: top;
    font-size:20px;
    color:#0062A1;
    font-family: 'Assistant', sans-serif;
    cursor: pointer;

}

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

.course-arrow-rotate{
    transform: rotate(180deg);
}

.course-button{
    display:block;
    margin:0px auto;
    margin-top:40px;
    background-color:#0062A1;
    color:#FFF;
    width:142px;
    text-align:center;
    padding:7px 15px;
    font-size:18px;
    letter-spacing: 0.7px;
    cursor:pointer;
    font-family: 'Assistant', sans-serif;
}

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





.show-all-tag-button{
    display:block;
    margin:0px auto;
    margin-top:40px;
    background-color:#0062A1;
    color:#FFF;
    width:142px;
    text-align:center;
    padding:7px 15px;
    font-size:18px;
    letter-spacing: 0.7px;
    cursor:pointer;
    font-family: 'Assistant', sans-serif;
}

.show-all-tag-button:hover{
    opacity:0.8;
}



.tips-ul{
    margin:0px;
    margin-top:8px;
    padding-left:20px;
}

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

.tips-ul>li:first-child{
    margin-top:0px;
}

.tips-left-div{
    margin-bottom:50px;
}

.tips-left{
    display:inline-block;
    vertical-align: top;
    /* width:calc(100% - 50%); */
    /* width:calc(100% - 600px); */
    width:calc(100% - 470px);
    margin-right:115px;
}

.tips-right{
    display:inline-block;
    vertical-align: top;
    width:350px;
    /* width:320px; */
}

.tips-img{
    width:100%;
}

.tips-text{
    font-size: 30px;
    color:#0062A1;
    font-family: 'Ibarra Real Nova', serif;
    font-weight:600;
}

.tips-text2{
    font-size: 30px;
    color:#0062A1;
    font-family: 'Ibarra Real Nova', serif;
    font-weight:600;
    margin-bottom:8px;
}

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


/* .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:65px;
}

.polyon2{
    top:125px;
}

.polyon3{
    top:183px;
}

.polyon4{
    top:240px;
}

.polyon5{
    top:295px;
}

.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;
}



/* slider */
/* .swiper-slide {
    height: 430px;
} */

.scheme-img{
    width:100%;
}

.swiper-pagination-custom{
    position: inherit;
    bottom:0px;
    left:0px;
}

.swiper-pagination{
    margin-top:5px;
    position: inherit;
    text-align:center;
}

.swiper-pagination-bullet{
    margin:0px 4px;
}

/*active pagination*/
.swiper-pagination .swiper-pagination-bullet-active {
    border-radius: 0;
    color: #FF7800; /*orange color*/
    background-color: #00356B!important;
    opacity: 1;
}
  
  /*other pagination*/
.swiper-pagination .swiper-pagination-bullet {
    border-radius: 0;
    color: #ffffff;
    background-color: #ffffff;
    opacity: 1;
}

@media only screen and (max-width: 1500px) {
    .cu-overview-img{
        margin-top:0px;
    }
}

@media only screen and (max-width: 1200px) {
    .tips-left{
        /* width:100%; */
        width:calc(100% - 500px);
        /* width:calc(100% - 255px); */
        /* margin-right:50px; */
    }
    
    .tips-right{
        /* width:100%; */
        width:380px;
        /* width:200px; */
    }


}



@media only screen and (max-width: 1024px) {
    .cu-container {
        padding-top: 70px;
    }

    .cu-overview-img{
        width:300px;
    }
    
    .cu-overview-left{
        width:calc(100% - 305px);
    }

    .ras-img{
        width:100%;
    }

    .tips-left{
        width:100%;
        /* width:calc(100% - 255px); */
        /* width:calc(100% - 255px); */
        margin-right:50px;
    }


    
    .tips-right{
        width:100%;
        /* width:200px; */
        /* width:200px; */
    }



    .tips-right .common-button2 {
        /* width:50%; */
        width:47%;
    } 

    .course-name{
        display: block;
    }
    
}

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

    .course-title {
        line-height: 23px;
    }

    .swiper-slide {
        height: auto;
    }

    .cu-overview-container{
        padding-top:20px;
    }

    .swiper-slide {
        height: 428px!important;
        width: 320px!important;
    }

    .cu-overview-img{
        width:100%;
    }

    .cu-overview-left{
        margin-top:52px;
        width:100%;
    }

    .cu-container{
        padding-top:70px;
    }

    .tips-left{
        width:100%;
        margin-right:0px;
    }
    
    .tips-right{
        /* width:100%; */
        /* max-width:320px; */
        /* margin-top:50px; */
    }

    .tips-right .common-button2 {
        /* width:40%; */
        /* width:100%; */
        margin-top:10px;
    } 

    .cu-overview-left {
        font-size: 30px;
        width:100%;
    }
/* 
    .ras-text{
        font-size:30px;
    } */

    .course-text{
        /* font-size:25px; */
        /* font-size:30px; */
    }


    .course-no{
        font-size: 28px;
    }
    .course-name{
        margin-top: 15px;
        font-size: 23px;
    }

    /* .course-name {
        margin-top:15px;
        font-size: 35px;
    } */

    .course-button{
        font-size:25px;
        /* font-size:30px; */
        width: 200px;
    }

.show-all-tag-button{
        font-size:25px;
        /* font-size:30px; */
        width: 200px;
    }
    

    .tips-text {
        font-size: 40px;
    }

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

    .course-accordion-div {
        padding: 25px 30px;
    }
    .course-arrow{
        width: 15px;
        right: -15px;
    }   
}

@media only screen and (max-width: 600px) {
    .cu-container {
        padding-top: 45px;
    }

    .cu-overview-container {
        padding-top: 10px;
    }

    .cu-overview-left {
        font-size: 20px;
        margin-top:30px;
    }

    .ras-text{
        font-size:20px;
    }

    .course-text{
        font-size:18px;
    }

    .course-no{
        font-size: 22px;
    }
    .course-name{
        font-size: 18px;
    }

    .course-button{
        font-size:18px;
        width: 142px;
    }
    .show-all-tag-button{
        font-size:18px;
        width: 142px;
    }

    .tips-text {
        font-size: 30px;
    }

    .tips-ul>li {
        font-size: 18px;
    }

    .course-accordion-div{
        padding: 20px 25px;
    }

    .tips-right .common-button2 {
        width:100%;
        /* width:100%; */
    } 
    
    .course-bottom > *{
        display: block;
    }
    .course-bottom1:after {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .tips-right {
        width: 100%;
        max-width: unset;
    }

    .swiper-slide {
        height: auto!important;
        width: 100%!important;
    }
}





.banner-container3{
    display:none;
    width:100%;
    /* height:883px; */
    min-height:883px;
    position:relative;
    background-image: url(../images/risk_managment_bg.jpg);
}


.rms-link-container{
    display:none;
}



.rms-button{
    display:inline-block;
    background-color:#1156AA;
    padding:14px 28px;
    border-radius:10px;
    color:#FFF;
    font-size:27px;
    font-family: 'Assistant', sans-serif;
    font-weight:bold;
    letter-spacing: 1px;
    margin-bottom:25px;
    cursor:pointer;
}

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

.rms-title{

    /* color: #262D52; */
    /* font-size: 45px; */
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 600;
    position: relative;
    margin-bottom: 0;
    /* margin-bottom: 44px; */

    color:#00346B;
    /* font-size:55px; */
    font-size: 40px;
    text-align: center;




}


.rms-button-container{
    /* left:0px;
    top:20%;
    bottom:0px; */
    width:100%;
    padding:0px 20px;
    
}

.rms-link-container{
    display:none;
}

.rms-back{
    display:block;
    width:49px;
    margin:40px auto;
    cursor:pointer;
}

.rms-back:hover{
    opacity:0.8;
}

.rms-link-title{
    display:block;
    margin-bottom:14px;
    color:#00356B;
    font-size:30px;
    font-family: 'Assistant', sans-serif;
    text-align: center;
}

.rms-link-button{
    width:73%;
    padding:15px;
    color:#FFF;
    background-color:#018DCB;
    border-radius: 10px;
    font-size:25px;
    font-family: 'Assistant', sans-serif;
    text-align: center;
    display:block;
    margin:0px auto;
    margin-bottom:15px;
}

.rms-button1{
    margin-left:50%;
    margin-bottom:25px;
}

.rms-button2{
    margin-left:25%;
    margin-bottom:25px;
}

.rms-button3{
    margin-left:18%;
    margin-bottom:25px;
}

.rms-button4{
    margin-left:11%;
    margin-bottom:25px;
}

.rms-button5{
    margin-left:33%;
    margin-bottom:25px;
}

.rms-button6{
    margin-left:44%;
    margin-bottom:25px;
}

.rms-button7{
    margin-left:13%;
    margin-bottom:25px;
}

.rms-button8{
    margin-left:60%;
    margin-bottom:25px;
}


@media only screen and (max-width: 768px) {
    .banner-container2{
        display:none;
    }

    .banner-container3 {
        display: block;
        min-height: 755px;
        /* min-height: 835px; */
    }

    .risk-container{
        /* padding: 85px 25px 50px 25px; */
        padding: 25px 25px 40px 25px;
    }

}


@media only screen and (max-width: 600px) {
    .risk-container {
        padding: 15px 25px 25px 25px;
        /* padding: 60px 25px 45px 25px; */
    }

    .rms-button{
        font-size: 20px;
    }

    .banner-container3 {
        min-height: 500px;
        /* min-height: 700px; */
    }
    
    .rms-title{
        font-size: 34px;
    }
}

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

    /* .banner-container3 {
        min-height: 675px;
        /* min-height: 735px; */
    } */

}