#header:not(.scroll):not(.open) {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

header.open h1 img.logo1 {
    display: block !important;
}
img{max-width: 100%;}
.header .pc-logo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.header .pc-logo img {
    max-width: 130px;
    max-height: 90%;
}

#header:not(.scroll):not(.open) .header .pc-logo img {
    filter: grayscale(100%) brightness(10);
}
a{
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.footer-logos {
    display: flex;
    margin-top: 20px;
}

.footer-logos a {
    display: block;
}

.footer-logos a img {
    display: block;
    max-width: 100px;
    filter: grayscale(100%) brightness(10);
}

.camSlider .item .txt_g {
    left: 0;
    bottom: 0;
    padding: 20px 15px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.headers:not(.sticky1) .logo img {
    filter: grayscale(100%) brightness(10);
}

.main .tit_g .tit2 {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
}

.main .box {
    width: 100%;
}

.news_area .cons,
.campaign .cons,
.footer .cons,
.main .spon_form .cons {
    width: 100%;
    max-width: 1380px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

header .header,
header {
    max-width: 100% !important;
}

.main .tit_g {
    left: 100px;
}

.main .spon_form li {
    width: auto;
}


@media screen and (min-width:1400px) and (max-width:1680px) {
    .main .slick-prev {
        left: 100px;
        top: 580px;
    }

    .main .slick-next {
        left: 180px;
        top: 580px;
    }
    header #gnbMenu .depth1{padding-right: 0;}
    header #gnbMenu .depth1>a{
        font-size: 16px;
    }
    .main .spon_form li a{
        font-size: 22px;
    }
    .mainSlider .slick-current .tit1{
        font-size: 60px;
    }
    .campaign .had h2{
        font-size: 46px;
    }
}
@media screen and (max-width:1400px) {
    .header .pc-logo img {
        max-width: 100px;
    }
    header.scroll #gnbMenu .depth1>a{
        font-size: 16px;
    }
    header #gnbMenu .depth1{padding-right: 0;}
    header .aside .spon{
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }
    header .aside .spon img{
        padding-right: 0;
    }
    header .aside .spon span{
        display: none;
    }
    header .aside .recipt i.fa-globe{
        display: none;
    }
    .main .tit_g .tit1{
        font-size: 60px;
    }
}

@media screen and (max-width:1280px) {
    header #gnbMenu .depth2 li {
        margin-right: 40px;
    }

    .camSlider .item:first-child {
        margin-left: calc(50% - 500px);
    }

    .campaign .swiper-pagination {
        margin-left: -500px;
    }

    header #gnbMenu .depth1 {
        padding-right: 0;
    }

    header #gnbMenu .first11>a {
        font-size: 18px;
    }

    header #gnbMenu .depth1>a {
        font-size: 16px;
        padding: 0 8px;
    }

    header #gnbMenu>ul {
        margin-left: 20px;
    }

    .header .pc-logo img {
        max-width: 70px;
    }

    .main .spon_form li a {
        font-size: 18px;
    }

    .main .spon_form .form1 a {
        font-size: 24px;
    }

    .main .spon_form li {
        width: auto;
    }

    .main .spon_form .form5 a:before {
        top: 13px;
    }

    .main .spon_form li a {
        padding-left: 80px;
    }

    .main .spon_form li a:before {
        left: 50px;
    }

    .main .tit_g {
        left: 40px;
    }
}


@media screen and (max-width: 768px) {
    .headers.sticky1 .logo2 {
        display: block;
    }
}

/* 
#widthTips {
    display: none;
}

@media screen and (max-width:1800px) {
    #widthTips {
        display: flex;
        height: 100vh;
        width: 100vw;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 2.6rem;
        line-height: 1.5;
        padding: 0 15px;
        box-sizing: border-box;
    }

    #bodyWrap *:not(#widthTips) {
        display: none !important;
    }
} */

.donbtn {
    margin-right: 15px;
}

.donbtn,
.userbtn {
    display: flex;
    align-items: center;
}

.donbtn img,
.userbtn img {
    padding-right: 7px;
}




.sectionbanner .spon_link {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 90px;
    background: rgba(0, 0, 0, 0.2);
}

.sectionbanner .spon_link ul {
    display: flex;
    align-items: center;
    width: calc(100% - 17px);
    height: 100%;
    margin: 0 auto
}

.sectionbanner .spon_link li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 33.333%;
    height: 100%;
    text-align: center
}

.sectionbanner .spon_link li a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sectionbanner .spon_link li:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 8px;
    background: rgba(255, 255, 255, 0.6)
}

.sectionbanner .spon_link li i {
    display: block;
    margin: 0 auto;
    margin-bottom: 8px
}

.sectionbanner .spon_link .spon1 i {
    width: 25px;
    height: 25px;
    background: url(../images/tb2.png) no-repeat;
    background-size: contain;
}

.sectionbanner .spon_link .spon2 i {
    width: 21px;
    height: 29px;
    background: url(../images/tb3.png) no-repeat;
    background-size: contain;
}

.sectionbanner .spon_link .spon3 i {
    width: 27px;
    height: 28px;
    background: url(../images/tb4.png) no-repeat;
    background-size: contain;
}

.sectionbanner .spon_link .spon4 i {
    width: 28px;
    height: 28px;
    background: url(../images/tb5.png) no-repeat;
    background-size: contain;
}





.footdiv {
    display: none;
}

.searchi {
    display: flex;
}

@media (max-width: 768px) {
    .footdiv {
        display: block;
    }

    .down_footer {
        padding-bottom: 40px !important;
    }

    .searchdiv .cons form {
        width: 88%;
        margin-top: 80px;
    }

    .searchdiv .cons input {
        min-width: unset;
    }



}



#dowebok {
    display: flex;
    margin: 0 auto;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 80px;
    bottom: 0;
    position: fixed;
    z-index: 999;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);*/
}

#navbar {
    width: 100%;
    height: 60px;
    background-color: #fff;
    position: absolute;
}

#bubbleWrapper {
    position: absolute;
    display: flex;
    justify-content: space-around;
    width: 100%;
    /*bottom: 25px;*/
}

.bubble {
    background-color: #fff;
    width: 50px;
    height: 50px;
    bottom: 85px;
    border-radius: 50%;
    z-index: 1;
    transform: translateY(120%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon {
    opacity: 1;
}

#bubble1 {
    transform: translateY(0%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#bubble1>span {
    opacity: 0.7;
}

#bgWrapper {
    filter: url(#goo);
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 60px;
}

#bg {
    width: 120%;
    height: 100%;
    margin-left: -10%;
}

#bgBubble {
    position: absolute;
    background-color: #8CC248;
    width: 85px;
    height: 75px;
    border-radius: 50%;
    bottom: -60px;
    left: 10%;
    transform: translateX(-50%);
}

#menuWrapper {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-around;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

.menuElement {
    width: 25%;
    height: 60px;
    line-height: 40px;
    text-align: center;
    opacity: 0.7;
    cursor: pointer;
}

.menuElement:hover {
    opacity: 1;
}

#contentWrapper {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

#contentWrapper h2 {
    color: #fff;
    font-family: sans-serif;
    font-weight: 400;
}

.content {
    display: none;
    opacity: 0;
}


.ppp {
    line-height: 1.2;
    height: unset;
    margin: 0;
    position: relative;
    top: -5px;
    font-size: 12px;
    color: #000;
}



.chatbot {
    background-color: #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 10px;
}

.chatbot img {
    width: 50px;
    height: 50px;
}





@media (max-width: 768px) {
    body .uwy.userway_p2 .uai {
        left: calc(100vw - 5px) !important;
    }
}
body{color: #333;}
.red{color: #F45151;}
.more{border-radius: 6px;background: #8CC248;padding: 0.5rem 2.2rem;color: #fff;display: inline-block;font-size: 20px;}
.more:hover{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);color: #fff;}
.table>:not(:first-child) {
    border-top: 2px solid transparent;
}
.orange_tit,.orange{color: #F8A910;}
.green{color: #8CC248;}
.fs16{font-size: 16px;}
.fs30{font-size: 30px;}
.fs32{font-size: 32px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs40{font-size: 40px;}
.fs46{font-size: 46px;}
.fs58{font-size: 58px;}
.fs66{font-size: 66px;}
.fs68{font-size: 68px;}
.bold{font-weight: bold;}
.container{max-width: 88%;}
.title{color: #00382C;position: relative;display: inline-block;}
.title::after{
    content: '';
    display: inline-block;
    width: 100%;
    height: 8px;
    background: #F8A910;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 8;
}
.title span{position: relative;z-index: 99;}
.pagebanner{position: relative;overflow: hidden;margin-top: 100px;}
.pagebanner .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;background: url(../images/bjt.svg) no-repeat top center;background-size: cover;}
.pagebanner .bread{display: flex;align-items: center;flex-wrap: wrap;}
.pagebanner .bread a:nth-child(1)::before{
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #F8A910;
    border-radius: 50%;
    margin-right: 10px;
}
.pagebanner .bread a{color: #fff;font-size: 20px;font-weight: bold;}
.pagebanner .bread a::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #fff;
    margin: 0 10px;
}
.pagebanner .bread a:nth-last-child(1)::after{display: none;}
.pagebanner h1{color: #fff;max-width: 600px;margin-top: 30px;}
.txt h4{font-size: 30px;font-weight: bold;}
.txt strong{font-size: 26px;color: #8CC248;font-weight: bold;}
.txt ul li{position: relative;padding-left: 1rem;margin-top: 10px;}
.txt ul li::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #F8A910;
    position: absolute;
    left: 0;
    top: 12px;
}
.blownback{background: #FFFCF5 !important;}
.txt p {margin-bottom: 30px;}
.txt p:nth-last-child(1){margin-bottom: 0;}
.txt p a{color: #8CC248;}
.txt p a:hover{text-decoration: underline;}
.activity{position: relative;overflow: hidden;padding: 80px 0px;}
.activity .activityform {display: flex;align-items: center;}
.activity .activityform .form-group{display: flex;align-items: center;margin-right: 1rem; background: #EEF8F9;border-radius: 10px;padding: 0rem;}
.activity .activityform .form-group .form-control{height: auto; padding: 0 0.6rem; background: none;box-shadow: none;border: none;}
.activity .activityform .form-group button{padding-top: 0.6rem;padding-bottom: 0.6rem; border-radius: 10px;background: #8CC248;color: #fff;width: 85px;}
.activity .activityform .form-group .inp{width: 100%; padding: 0.6rem;display: flex;align-items: center;position: relative;}
.activity .activityform .form-group .inp::after{
    content: "\f107";
    font-family: 'FontAwesome';
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);

}
.activity .col-md-4 a{display: block;width: 100%;height: 100%;background: #EFFEFF;border-radius: 0 0 10px 10px;}
.activity .col-md-4 a .boximg{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.25%;
    position: relative;
}
.activity .col-md-4 a .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.activity .col-md-4 a .con{box-sizing: border-box;padding: 3rem 6rem 3rem 1.5rem;position: relative;}
.activity .col-md-4 a .con::after{
    content: '';
    display: inline-block;
    content: "\f105";
    font-family: 'FontAwesome';
    color: #8CC248;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 36px;
}
.activity .col-md-4 a .con .date{position: relative;margin-top: -4rem; color: #fff; max-width: 145px;background: #009474;border-radius: 10px;display: flex;align-items: center;padding: 0.2rem 0.3rem;}
.activity .col-md-4 a .con .date b{color: #73EBD1;display: inline-block;margin-right: 0.5rem;}
.activity .col-md-4 a .con .tit{color: #000; margin-top: 20px;margin-bottom: 20px;}
.activity .second-tit{position: relative;;color: #575757;}
.activity .second-tit span{display: inline-block;border-bottom: 6px solid #A3DEA1;padding-bottom: 15px;}
.activity .second-tit::after{
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: #F5F5F5;
    margin-top: -6px;
}
.activity .video img{width: 100%;}
.activity .swi{position: relative;}
.activity .swi .swiper-slide a{
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 60.25%;
    position: relative;

}
.activity .swi .swiper-slide a img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.activity .swi .swiper-button-prev{left: -2rem;}
.activity .swi .swiper-button-next{right: -2rem;}
.activity .swi .swiper-button-prev,.activity .swi .swiper-button-next{width: 63px;height: 63px;background: #8CC248;border-radius: 50%;color: #fff;}
.activity .swi .swiper-button-prev::after{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 1.2em;
}
.activity .swi .swiper-button-next::after{
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 1.2em;
}
.activity .garyback{background: #FFFCF5;border-radius: 20px;padding: 3rem;width: 100%;}
.activity .garyback .topbar{border-left: 5px solid #FFE6B5;box-sizing: border-box;padding-left: 2rem;}
.activity .garyback .topbar .date{color: #333333;}
.activity .garyback .article p{margin-top: 30px;}
.activity .garyback .article *{color: #333333;line-height: 1.6;}
.activity .coursebox .col-md-4 .box{height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column; background: #fff;border-radius: 20px;border: 1px solid #F2F2F2;}
.activity .coursebox .col-md-4 .box .topbox{padding:2rem;}
.activity .coursebox .col-md-4 .box .icos{height: 100px; margin-bottom: 20px;}
.activity .coursebox .col-md-4 .box .icos img{}
.activity .coursebox .col-md-4 .box h4{color: #009474;box-sizing: border-box;margin: 2rem 0;}
.activity .coursebox .col-md-4 .box ul{}
.activity .coursebox .col-md-4 .box ul li{position: relative;padding-left: 2rem; font-size: 20px;color: #0C0C0C;position: relative;margin-bottom: 10px;}
.activity .coursebox .col-md-4 .box ul li::before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 17px;
    background: url(../images/g.svg) no-repeat top center;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 10px;
}
.activity .coursebox .col-md-4 .bottombox{width: 100%;background: #F8F8F8;border-radius: 0 0 20px 20px;box-sizing: border-box;padding: 2rem;}
.activity .coursebox .col-md-4 .bottombox p{line-height: 1.5;}
.activity .coursebox .col-md-4 .d-flex {justify-content: space-between;}
.activity .coursebox .col-md-4 .d-flex a{border-radius: 6px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);width: 48%;background: #fff;padding: 1rem;font-size: 20px;text-align: center;color: #333333;font-weight: bold;margin-top: 1rem;}
.activity .coursebox .col-md-4 .d-flex a:hover{background: #333;color: #fff;}
.activity .coursebox .col-md-4 .bottombox .more{width: 100%;}
.activity .coursebox .col-md-4 .bottombox .more:hover{background: #333;color: #fff;}
.activity .coursebox .col-md-4:nth-child(2) .box h4{color: #3456FF;}
.activity .coursebox .col-md-4:nth-child(3) .box h4{color: #EEC523;}
.activity .coursebox .col-md-4:nth-child(4) .box h4{color: #FF3636;}
.activity .coursebox .col-md-4:nth-child(5) .box h4{color: #2EA4D1;}
.activity .coursebox .col-md-4:nth-child(6) .box h4{color: #B943EB;}
.activity .garyboxs{background: #F8F8F8;box-sizing: border-box;padding: 2rem;}
.activity .garyboxs .col-sm-12{border-right: 1px solid #CFCFCF;}
.activity .garyboxs .col-sm-12:nth-last-child(1){border-right: none;}
.activity .garyboxs .col-sm-12 .box{display: flex;align-items: center;justify-content: center;}
.activity .garyboxs .col-sm-12 .box .icos{width: 110px;}
.activity .garyboxs .col-sm-12 .box .numberbox{margin-left: 4rem;}
.activity .garyboxs .col-md-3 .box .numberbox{width: calc(100% - 100px);margin-left: 2rem;}
.activity .garyboxs .col-sm-12 .box .numberbox .number{margin-bottom: 1.5rem;display: inline;}
.activity .garyboxs .col-sm-12 .box .numberbox span{display: block;}
.activity .garyboxs .col-sm-12 .box .numberbox2{margin-left: 2rem;width: calc(100% - 120px);}
.activity .greenback{background: #8CC248;padding: 0.7rem 1rem;color: #fff;}
.activity  .course-type .box{height: 100%; font-size: 20px; border-radius: 20px;background: #E9F9E8;padding: 3rem 2.5rem;}
.activity  .course-type .box h4{font-size: 24px;margin-bottom: 30px;}
.activity  .course-type .box ul li{position: relative;padding-left: 1rem;margin-top: 10px;line-height: 1.6;}
.activity  .course-type .box ul li::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #F8A910;
    position: absolute;
    left: 0;
    top: 12px;
}
.activity  .course-type .col-sm-12:nth-child(2) .box{background: #FFEBC5;}
.activity  .course-type .col-sm-12:nth-child(3) .box{background: #EEF8F9;}
.activity  .course-type .col-sm-12:nth-child(4) .box{background: #FFE6DE;}
.activity  .course-type .col-sm-12:nth-child(5) .box{background: #E2DEFF;}
.activity  .course-type .col-md-2{width: 20%;}
.activity  .course-type .col-sm-12 h5{font-weight: bold;font-size: 40px;color: rgb(0 0 0 / 9%);margin-bottom: 30px;}
.activity  .course-type2 .col-sm-12:nth-child(1) .box{background: #BAF8E5;}
.activity  .course-type2 .col-sm-12:nth-child(2) .box{background: #D2FFC5;}
.activity  .course-type2 .col-sm-12:nth-child(3) .box{background: #E8DBF9;}
.activity  .course-type2 .col-sm-12:nth-child(4) .box{background: #FFDEE8;}

.activity  .teaching-objects .box{height: 100%;border-radius: 20px; font-size: 20px;background: #EEF8F9;padding: 2rem 5rem;display: flex;align-items: center;justify-content: space-between;}
.activity  .teaching-objects .box .icos{width: 122px;}
.activity  .teaching-objects .box h4{width: calc(100% - 170px);font-size: 20px;font-weight: normal;}
.activity .teaching-objects .box h4.fs20{font-size: 20px;font-weight: bold;width: calc(100% - 150px);}
.activity .table_one{border-radius: 20px;position: relative;overflow: hidden;background: #EEF8F9;font-size: 24px;}
.activity .table_one table{margin-bottom: 0;}
.activity .table_one tr td,.activity .table_one tr th{padding: 2rem;vertical-align: middle;line-height: 1.6;}
.activity .table_one tr th{font-size: 28px;font-weight: bold;background: #CDECEF;}
.activity .table_one tr td a{display: inline-block;border-radius: 5px;background: #8CC248;color: #fff;padding: 5px;width: 100%;text-align: center;white-space: nowrap;}
.activity .table_one tr td a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.activity .table_one tr td span.greenText{color: #009474;}
.activity .table_one tr td span.orangeText{color: #F8A910;}
.activity .table_one tr td span.redText{color: #FB0E0E;}
.activity .course-characteristic .box{height: 100%;box-sizing: border-box;padding-bottom: 4rem; position: relative;overflow: hidden; border-radius: 20px;box-shadow: 0 6px 12px rgb(0 0 0 / 19%);}
.activity .course-characteristic .box::before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 395px;
    background: #F5B454;
    border-radius: 80%;
    position: absolute;
    left: 0;
    top: -40%;
    transform: scale(1.2);
    z-index: 2;
}
.activity .course-characteristic .box .icos{ width: 166px;height: 166px;margin: 2rem auto;display: flex;align-items: center;justify-content: center; border: 1px solid #fff;border-radius: 50%; position: relative;z-index: 99;}
.activity .course-characteristic .box .icos img{display: block;margin: 2rem auto;}
.activity .course-characteristic .box h4{margin-top: 8rem;}
.activity .course-characteristic .col-md-4:nth-child(2) .box::before{background: #87C677;}
.activity .course-characteristic .col-md-4:nth-child(3) .box::before{background: #EF5F5F;}
.activity .price-form{max-width: 300px; position: relative;border-radius: 35px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);box-sizing: border-box;padding: 2rem 1.5rem;}
.activity .price-form .form-control{border-radius: 5px;border: 1px solid #E8E8E8;padding: 0.8rem;background: #F8F8F8;}
.activity .price-form label{font-size: 18px;font-weight: bold;margin: 20px 0 15px 0px;}
.activity .price-form button{background: #8CC248;border-radius: 6px;color: #fff;margin-top: 1rem;padding: 0.6rem 2rem;}
.activity .institution .tabnav ul{display: flex;}
.activity .institution .tabnav ul li{background: #F8A910;border-radius: 6px;color: #fff;margin-right: 20px;}
.activity .institution .tabnav ul li a{display: inline-block; color: #fff;padding: 5px 2.5rem;}
.activity .institution .tabnav ul li.active{background: #8CC248;}
.activity .institution .row .col-md-1{width: 12.43333333%;}
.activity .institution .row .col-sm-12 .border{border-radius: 6px;border: 1px solid #D8D8D8 !important;height: 123px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.activity .institution .loadmore{display: block;padding: 0.5rem 2rem; max-width: 150px;background: #8CC248;border-radius: 6px;color: #fff;margin: 2rem auto;}
.activity .borderback{border: 1px solid #EBEBEB;border-radius: 20px;padding: 2rem 4rem;background: #FEFDFB;}
.activity .borderback .txt ul li{border-bottom: 1px solid #EBEBEB;margin: 0;padding-top: 1.5rem;padding-bottom: 1.5rem;}
.activity .borderback .txt ul li:nth-child(1){border-top: 1px solid #EBEBEB;}
.activity .borderback .txt ul li::before{top: 2.3rem;}
.activity .teamform .form-group{border: 1px solid #8CC248;border-radius: 33px;max-width: 1100px;display: flex;align-items: center;padding: 5px;justify-content: space-between;}
.activity .teamform .form-group .form-control{font-size: 22px; background: none;border: none;width: calc(100% - 110px);box-sizing: border-box;padding-left: 1.5rem;}
.activity .teamform .form-group button{background: #8CC248;border-radius: 26px;color: #fff;border-radius: 60px;font-size: 23px;width: 109px;}
.activity .team-type .col-md-4{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.activity .team-type .col-md-4 img{width: 46px;}
.activity .team-type .col-md-4 p{width: calc(100% - 60px);}
.activity .sort-number{display: flex;align-items: center;flex-wrap: wrap;}
.activity .sort-number a{margin-bottom: 1rem; background: #CDECEF;border-radius: 16px;font-size: 24px;width: 54px;display: flex;align-items: center;justify-content: center;height: 54px;text-transform: uppercase;margin-right: 0.8rem;}
.activity .sort-number a:hover,.activity .sort-number a.active{background: #8CC248;color: #fff;}
.activity .sort-az{display: flex;flex-wrap: wrap;}
.activity .sort-az a{margin-bottom: 1rem; width: 210px; display: flex;align-items: center;justify-content: space-between; background: #CDECEF;border-radius: 5px;padding: 8px 1rem;margin-right: 1rem;font-size: 24px;}
.activity .sort-az a::after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 22px;
    background: url(../images/az1.svg);
}
.activity .sort-az a:hover,.activity .sort-az a.active{background: #8CC248;color: #fff;}

.activity .sort-az a:hover::after,.activity .sort-az a.active::after{
    width: 20px;
    height: 22px;
    background: url(../images/az2.svg);
}
.activity .teamlist .col-md-3 .border{cursor: pointer; position: relative;overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column; height: 100%; border: 1px solid #F1F1F1 !important;border-radius: 10px;}
.activity .teamlist .col-md-3 .border .imgs{margin: 3rem auto; display: flex;align-items: center;justify-content: center;}
.activity .teamlist .col-md-3 .border .imgs img{margin: 5px;}
.activity .teamlist .col-md-3 .border .txt{height: 140px; background: #CDECEF;padding: 2rem;color: #575757;}
.activity .teamlist .col-md-3 .border .txt h3{margin-bottom: 0.5rem;width: 100%;}
.pageinfo ul{display: flex;align-items: center;justify-content: center;}
.pageinfo ul li{margin: 10px;background: #D8D8D8;border-radius: 4px;padding: 0.5rem 1rem;}
.pageinfo ul li.active,.pageinfo ul li:hover{background: #8CC248;}
.pageinfo ul li.active a,.pageinfo ul li:hover a{color: #fff}
.activity .sponsorlist .col-md-4 .box{border-radius: 20px;background: #E9F9E8;text-align: center;box-sizing: border-box;padding: 3rem;height: 100%;}
.activity .sponsorlist .col-md-4 .box img{display: block;margin: 0rem auto 2rem auto;}
.activity .sponsorlist .col-md-4:nth-child(2) .box{background: #FFEBC5;}
.activity .sponsorlist .col-md-4:nth-child(3) .box{background: #EEF8F9;}
.activity .garyback{background: #F8F8F8;}
.activity .greenDeepback{background: #85B784;padding: 1rem;color: #fff;}
.activity .boxshadow{box-shadow: 0 3px 6px rgb(0 0 0 / 19%);padding: 2rem;}
.activity .boxshadow .col-sm-12{display: flex;align-items: center;justify-content: space-between;}
.activity .boxshadow .col-sm-12 .icos{width: 100px;}
.activity .boxshadow .col-sm-12 .box{width: calc(100% - 140px);font-size: 32px;font-weight: bold;}
.activity .boxshadow .col-sm-12 .box h3{display: inline;}
.activity .boxshadow .col-sm-12 .box p{font-weight: normal;font-size: 20px;margin-top: 15px;}
.activity .boxshadow .twoitems .icos{width: 208px;}
.activity .twoitems .box{width: calc(100% - 228px);}
.activity .team-list .col-md-3 .boximg img{display: block;margin: 0 auto;}
.activity .team-list .col-md-3 .con{margin: 2rem auto;}
.activity .team-list .col-md-3 .con h5{margin-bottom: 1rem;}
.activity .history{position: relative;}
.activity .history::before{
    content: '';
    display: inline-block;
    width: 7px;
    background: #F6F6F6;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -4px;
}
.activity .history .col-md-6 .date::before{
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #CECECE;
    border-radius: 50%;
    position: absolute;
    left: -4.6rem;
    top: 50%;
    transform: translateY(-50%);
}
.activity .history .col-md-6 .date{position: relative; margin-left: 3rem; display: inline-block;background: #F8A910;border-radius: 25px;color: #fff;padding: 5px 20px;font-weight: bold;}
.activity .history .col-md-6 .date::after{
    content: '';
    display: inline-block;
    width: 4rem;
    height: 1px;
    border: 1px dashed #CECECE;
    position: absolute;
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);

}
.activity .history .col-md-6 .txt{ border-left: 5px solid #8CC248;box-sizing: border-box;padding-left: 2rem;margin: 2rem 0;font-weight: bold;margin-left: 3rem;margin-bottom: 2rem;}
.activity .history .col-md-6:nth-child(odd){text-align: right;}
.activity .history .col-md-6:nth-child(odd) .date{margin-right: 3rem;margin-left: 0;}
.activity .history .col-md-6:nth-child(odd) .date::before{
    left: auto;
    right: -4.6rem;
}
.activity .history .col-md-6:nth-child(odd) .date::after{
    left: auto;
    right: -4rem;
}
.activity .history .col-md-6:nth-child(odd) .txt{border-left: none;border-right: 5px solid #8CC248;padding-left: 0;padding-right: 2rem;text-align: right;margin-right: 3rem;margin-left: 0;}
.activity .history .col-md-6:nth-child(even){margin-top: 10rem;}
.activity .history .col-md-6:nth-child(2){margin-top: 0rem;}
.activity .blueback{border-radius: 20px;background: #EEF8F9;padding: 3rem;}
.activity .blueback .loginform{position: relative;overflow: hidden;}
.activity .blueback .loginform .form-group{display: flex;align-items: baseline;justify-content: space-between;}
.activity .blueback .loginform .form-group label{text-align: right; max-width: 120px;font-size: 18px;font-weight: bold;}
.activity .blueback .loginform .form-group .form-control{width: calc(100% - 120px);}
.activity .blueback .loginform .btns{width: calc(100% - 120px);float: right;display: flex;align-items: center;justify-content: space-between;}
.activity .blueback .loginform .btns button{background: #8CC248;border-radius: 5px;color: #fff;padding: 0.7rem 4rem;}
.activity .blueback .loginform .btns .forget{color: #F8A910;display: flex;align-items: center;}
.activity .blueback .loginform .btns .forget img{margin-right: 10px;}
.activity .menunav{width: 92%;background: #fff;border-radius: 10px;box-sizing: border-box;padding: 2rem;}
.activity .menunav li{margin-bottom: 1.5rem;}
.activity .menunav li a{display: flex;align-items: center; font-size: 20px;padding: 0.8rem 1.5rem;border-radius: 10px;}
.activity .menunav li a img{margin-right: 10px;}
.activity .menunav li.active a{background: #8CC248;color: #fff;}
.activity .menunav li.active a img{filter: invert(50%) brightness(300%) !important;}
.activity .message .navtab{display: inline-block;}
.activity .message .navtab ul{display: flex;align-items: center;border-radius: 10px 10px 0 0;position: relative;overflow: hidden;}
.activity .message .navtab ul li a{display: inline-block;text-align: center; width: 143px; padding: 0.7rem 1.5rem;background: #CDECEF;}
.activity .message .navtab ul li.active a{background: #8CC248;color: #fff;}
.activity .message .messagebox table thead{background: #F3F3F3;}
.activity .message .messagebox table th,.activity .message .messagebox table td{padding: 1rem 1.5rem;white-space: nowrap;}
.activity .message .messagebox table a{display: inline-block;background: #F64343;border-radius: 4px;width: 31px;height: 31px;display: flex;align-items: center;justify-content: center;}
.activity.garyback{background: #F5F5F5;}
.activity .whiteback{background: #fff;border-radius: 10px;box-sizing: border-box;padding: 2rem;}
.activity .process img{display: block;margin: 0 auto;}

.activity .apply-form{border-radius: 20px;position: relative;overflow: hidden;background: #EEF8F9;}
.activity .apply-form h2{background: #8CC248;padding: 2rem;color: #fff;text-align: center;}
.activity .apply-form .tit{background: #F8A910;padding: 1rem;color: #fff;margin: 0;}
.activity .apply-form .form-group{display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;flex-wrap: wrap;}
.activity .apply-form .form-group label{width: 140px;font-size: 20px;font-weight: bold;}
.activity .apply-form .form-group label.label4{width: 80px;}
.activity .apply-form .form-group label sub{color: #F45151;bottom: .25em;}
.activity .apply-form .form-group label sub.garyText{color: #333333;}

.activity .apply-form .form-group .relative{position: relative;max-width: 200px;background: #fff;}
.activity .apply-form .form-group .relative::after{
    content: "\f107";
    font-family: 'FontAwesome';
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.activity .apply-form .form-group .relative .form-control{border: none;width: auto;margin-right: 2rem;}
.activity .apply-form .radioboxlist .radiobox-inline p{width: calc(100% - 220px);}
.activity .apply-form .radioboxlist .radiobox-inline .radias{width: 200px;}

.activity .apply-form .form-group .form-control{width: calc(100% - 140px);padding: 1.2rem;height: auto;}
.activity .apply-form .form-group .label2{width: auto;}
.activity .apply-form .form-group .label3{width: 100%;}
.activity .apply-form .form-group .form-control2{    width: calc(100% - 340px);}
.activity .apply-form .radioboxlist .wid100{width: 100% !important;margin-bottom: 1rem;}
.activity .apply-form .radioboxlist .belong span{white-space: nowrap;}
.activity .apply-form .radioboxlist .radiobox-inline .form-control{width: 178px;}
.activity .apply-form .form-group .form-control4{width: calc(100% - 80px);}
.activity .apply-form button{background: #8CC248;width: 196px;height: 55px;display: block;}
.activity .apply-txt h3{font-size: 32px;font-weight: bold;color: #F8A910;}
.activity .apply-txt .txt{box-sizing: border-box;padding-left: 2rem;}
.activity .apply-txt .txt ul li::before{background: #8CC248;}
.activity .apply-txt h4{color: #009474;font-weight: bold;font-size: 25px;}
.activity .apply-txt h5{font-size: 25px;color: #8CC248;font-weight: bold;}
.activity .apply-txt table{max-width: 850px;border: 1px solid #E9E9E9;margin: 2rem 0;}
.activity .apply-txt table td{padding: 1rem 2rem;}
.activity .apply-txt .txt ul li ol li{list-style: decimal;position: relative;padding-left: 0;margin-left: 1.5rem;margin-bottom: 0;margin-top: 0;}
.activity .apply-txt .txt ul li ol li::before{display: none;}
.radioboxlist {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5rem;
  }
  
  @media (max-width: 1024px) {
    .radioboxlist {
      justify-content: space-between;
    }
  }
  
  .radioboxlist .radiobox-inline {
    display: flex;
    align-items: baseline;
    border-radius: 5px;
    box-sizing: border-box;
    margin-right: 4rem;
    color: #333;
    font-weight: normal !important;
    width: auto !important;
    
  }
  
  @media (max-width: 1024px) {
    .radioboxlist .radiobox-inline {
      width: calc(50% - 1rem);
      margin-right: 0;
    }
  }
  
  .radioboxlist .radiobox-inline .radiobox {
    display: inline-block;
    position: relative;
    margin-right: 0rem;
    cursor: pointer;
  }
  
  .radioboxlist .radiobox-inline .radiobox input {
    opacity: 0;
    position: relative;
    z-index: 99;
    cursor: pointer;
    zoom: 1.5;
  }
  .radioboxlist .radiobox-inline .radiobox input:checked ~ .radiomark{border: 1px solid #8CC248;}
  .radioboxlist .radiobox-inline .radiobox input:checked ~ .radiomark::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
  }
  
  .radioboxlist .radiobox-inline .radiobox .radiomark {
    position: absolute;
    height: 25px;
    width: 25px;
    left: 0px;
    top: 50%;
    border-radius: 50%;
    background: #fff;
    transform: translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    border: 1.5px solid #707070;
    cursor: pointer;
  }
  
  .radioboxlist .radiobox-inline .radiobox .radiomark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    background: #8CC248;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -webkit-transition: .2s;
    transition: .2s;
  }
  .checkboxlist .checkbox-inline {
    display: flex;
  }
  
  .checkboxlist .checkbox-inline .checkbox {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    cursor: pointer;
    line-height: 1.2;
    box-sizing: border-box;
    padding-left: 0rem;
  }
  
  .checkboxlist .checkbox-inline .checkbox input {
    opacity: 0;
    position: relative;
    z-index: 99;
    cursor: pointer;
    zoom: 1.5;
    margin-right: 0;
  }
  
  .checkboxlist .checkbox-inline .checkbox input:checked ~ .checkmark {
    background-color: #8CC248;
    border-color: #8CC248;
  }
  
  .checkboxlist .checkbox-inline .checkbox input:checked ~ .checkmark::after {
    border-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
  }
  
  .checkboxlist .checkbox-inline .checkbox .checkmark {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 0px;
    top: 3px;
    background: none;
    -webkit-transition: .5s;
    transition: .5s;
    border: 1.5px solid #E3E3E3;
    cursor: pointer;
    border-radius: 5px;
    background: #fff;
  }
  
  .checkboxlist .checkbox-inline .checkbox .checkmark::after {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 10px;
    height: 16px;
    border: solid #8CC248;
    border-width: 0 3px 3px 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    border-width: 0 2px 2px 0;
  }
  
  .checkboxlist .checkbox-inline span {
    color: #333333;
    font-weight: normal;
  }
  .activity .uploadbox .items{position: relative;overflow: hidden;}
  .activity .uploadbox .checkboxlist{ background: none;border: none !important;display: flex;flex-wrap: wrap;padding: 0;}
  /**.activity .uploadbox .checkboxlist .checkbox-inline{ max-width: 45% !important;width: 45%; text-align: left !important;font-size: 18px;font-weight: normal !important;margin-bottom: 1rem;}**/
 .activity .uploadbox .checkboxlist .checkbox-inline{ max-width: 100% !important;width: 100%; text-align: left !important;font-size: 18px;font-weight: normal !important;margin-bottom: 1rem;}
  .activity .uploadbox .txt{}
  .activity .uploadbox .txt a{color: #F8A910;}
  .activity .uploadbox .btns{margin-left: 150px;}
  .activity .uploadbox .form-group .form-control{ border: 1px solid #E3E3E3;border-radius: 5px;padding-left: 1rem;padding-right: 1rem;}
  .activity .uploadbox .form-group .layui-input{background: #fff;}
  .activity .uploadbox .form-group .checkboxlist{padding-left: 0;padding-right: 0;}
  .activity .uploadbox .row .col-md-6 .box{border: 1px solid #E3E3E3;border-radius: 5px;box-sizing: border-box;padding: 2rem;background: #FFFFFF;text-align: center;}
  .activity .uploadbox .row .col-md-6 .box .filebtn{border: 1px solid #E3E3E3;border-radius: 5px;width: 129px;height: 36px;margin: 1rem auto;display: block; text-align: center;}
  .activity .uploadbox .items{display: none;}
  .activity .uploadbox .items:nth-child(1){display: block;}
  .activity .downloadbox{position: relative;}
  .activity .downloadbox{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 2rem;} 
  .activity .downloadbox .boximg{width: 130px;}
  .activity .downloadbox .boximg img{width: 100%;height: 100%;object-fit: cover;}
  .activity .downloadbox .con{width: calc(100% - 150px);}
  .activity .record{position: relative;}
  .activity .record table thead tr th{background: #F3F3F3;white-space: nowrap;}
  .activity .record table tr th,.activity .record table tr td{padding: 1rem 1rem;font-size: 16px;vertical-align: middle;}
  .activity .record table tbody tr td:nth-child(1){font-weight: bold;}
  .activity .menmber-tit span{margin-right: 3rem;color: #818181;padding-bottom: 8px;}
  .activity .menmber-tit span.active{color: #333333;border-bottom: 2px solid #8CC248;}
  .activity .menmber-bar .right{font-size: 18px;}
  .activity .menmber-bar .right .backs{max-width: 360px;display: flex;align-items: center;justify-content: space-between; background: #CDECEF;border-radius: 10px;padding: 10px 20px;margin-left: 1rem;}
  .activity .menmber-bar .right .backs img{margin-left: 1rem;}
  .activity .personalform{position: relative;overflow: hidden;}
  .activity .personalform .form-group{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .activity .personalform label{width: 130px;margin-top: 0.5rem;font-size: 18px;text-align: left;}
  .activity .personalform .form-control{width: calc(100% - 150px);border-radius: 5px;border: 1px solid #E3E3E3;}
  .activity .personalform .form-control .file img{display: block;margin: 2rem  auto 1rem auto;}
  .activity .personalform .form-control .file .file-btn{display: block;padding: 0.5rem;border-radius: 5px;border: 1px solid #E3E3E3;max-width: 130px;text-align: center;margin:  0 auto;margin-bottom: 2rem;}
  .activity .personalform .btns{width: calc(100% - 150px);float: right;}
  .activity .personalform .file2{display: flex;justify-content: center;padding: 1rem 0.5rem;position: relative;}
  .activity .personalform .file2 .icos{width: 114px;position: absolute;left: 0;top: 0;}
  .activity .personalform .file2 .icos img{display: block;margin: 0;}
  .activity .personalform .file2 .con{width: calc(100% - 134px);}
  .activity .personalform .file2 .con a{display: inline-block;margin: 0 !important;margin-top: 2rem !important;}
  .activity .personalform .datebox{padding: 1rem; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
  .activity .personalform .datebox .form-control{width: auto;border: none;box-shadow: none;height: auto;}
  .activity .personalform .datebox .inp{display: flex;align-items: center;}
  .activity .personalform .twocheckbox{padding-left: 0 !important;padding-right: 0 !important;}
  .activity .personalform .twocheckbox .checkbox-inline{width: 100% !important;max-width: 100% !important;}
  .activity .personalform .twocheckbox .checkbox-inline:nth-child(1){width: 100% !important;max-width: 100% !important;}
  .activity .personalform .noneback{padding: 0 !important; background: none;border: none !important;box-shadow: none;padding: 0;width: 100% !important;}
  .activity .personalform .noneback ul li::before{display: none;}
  .activity .personalform .noneback ul li{padding-left: 0;}
  .activity .personalform .noneback ul li span{color: #F8A910;}
  .activity .personalform .noneback ul li ol li{margin-left: 5rem; list-style: decimal;}
  .activity .personalform table thead tr th{background: #8CC248;color: #fff;font-weight: normal;}
  .activity .personalform table tbody tr{background: #FFF6E5;}
  .activity .personalform table tbody tr:nth-child(4){background: #E5ECFF;}
  .activity .personalform table tbody tr:nth-child(5){background: #FFE5E5;}
  .activity .personalform table tbody tr:nth-child(6){background: #FFE5E5;}
  .activity .personalform table tbody tr:nth-child(7){background: #FFE5E5;}

  .activity .personalform table tbody tr:nth-child(8){background: #E4FEE4;}
  .activity .personalform table tbody tr:nth-child(9){background: #E4FEE4;}
  .activity .personalform table tbody tr:nth-child(10){background: #E4FEE4;}
  .activity .personalform .pricebox{display: flex;align-items: center;justify-content: flex-end;border-bottom: 1px solid #D7E4E5;box-sizing: border-box;padding-bottom: 1.5rem;}
  .activity .personalform .pricebox span{margin-right: 1rem;}
  .activity .personalform .quantity-box{display: flex;align-items: center;}
  .activity .personalform .quantity-box input{width: 71px;border: 1px solid #ECECEC;box-sizing: border-box;padding: 0.5rem;text-align: center;margin: 0 1rem;height: 38px;}

  .activity .personalform .checkboxlist .checkbox-inline{margin-bottom: 0 !important;color: #575757;font-size: 15px;}
  .activity .personalform .checkboxlist .checkbox-inline .checkbox .checkmark{width: 20px;height: 20px;}

  .pup{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;display: none;}
  .pup.show{display: flex;}
  .pup .pupback{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
  .pup .container{max-height: 700px;overflow-y: scroll;}
  .pup .inner{width: 70%; position: relative;z-index: 999;border-radius: 20px;background: #fff;}
  .pup .inner .icos{display: block;margin: 0 auto;position: relative;margin-top: -5rem;}
  .pup .inner .icos img{border-radius: 50%;border: 10px solid #CDECEF;display: block;margin: 0 auto;}
  .pup .inner .contxt{margin-top: 2rem;}
  .pup .inner .contxt span{display: block;text-align: center;}
  .pup .inner .contxt img{display: block;margin: 2rem auto;}
  .pup .inner .txt{margin-bottom: 3rem;font-size: 16px;}
  .pup  table thead th{background: #F1F1F1;}
  .pup  table th,.pup  table td{padding: 1rem;white-space: nowrap;}
  .pup .ym{position: relative;left: 0;bottom: -120px;width: 100%;}
  .pup .ym img{display: block;margin: 0 auto;}
  .pup .cartbar{border-bottom: 1px solid #F3F3F3;padding-bottom: 10px;margin: 1.5rem 0;display: flex;align-items: center;}
  .pup .cartbar img{margin-right: 10px;}
  .pup .process ul{display: flex;align-items: center;justify-content: center;}
  .pup .process ul li{position: relative;width: 30%;}
  .pup .process ul li::before{
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: #BEBEBE;
    border: 6px solid #E3E3E3;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 8;
    position: relative;

  }
  .pup .process ul li span{display: block;text-align: center;margin-top: 10px;}
  .pup .process ul li::after{
    content: '';
    display: block;
    height: 2px;
    background: #E2E2E2;
    position: absolute;
    width: 100%;
    right: -50%;
    top: 13px;
    z-index: 2;
  }
  .pup .process ul li:nth-child(2)::after{display: none;}
  .pup .process ul li.active::before{
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: #F8A910;
    border-radius: 50%;
    margin: 0 auto;
    border: 6px solid #FFF1D5;
    z-index: 8;
    position: relative;

  }
  .pup .process ul li.active{color: #F8A910;}
  .pup .form-control{background: #F5F5F5;border: 1px solid #F5F5F5 !important;}
  .pup .noneback{background: none !important;border: none !important;display: flex;flex-wrap: wrap;}
  .pup .personalform .pricebox{width: 100%;}
  .pup .record{width: 100%;}
  .pup .btns{margin-left: 10rem;}
  .pup .btns .garybtn{background: #D4D4D4;margin-left: 2rem;}
  .pup  .confirm img{display: block;margin: 0 auto;}



  @media screen and (max-width:1680px) {
    .activity .apply-form .form-group.col-sm-12{}
    .radioboxlist .radiobox-inline{margin-bottom: 0.5rem;margin-top: 0.5rem;}

  }
  @media screen and (max-width:1440px) {
    .activity .apply-form .form-group.col-sm-12{width: 100%;}
    .txtform .col-md-10{width: 100%;}
    .txtform .col-md-2{width: 100%;}
    .activity .price-form{max-width: 100%;}
    .activity .institution .row .col-md-1{width: 20%;}
    .activity .institution .row .col-sm-12{width: 25%;}
    .activity .teamlist .col-md-3 .border .txt h3{font-size: 20px}
    .activity .teamlist .col-md-3 .border .txt p{font-size: 18px;}
    .activity .menunav{width: 100%;padding: 2rem 0.5rem;}
    .activity .personalform table{width: 180%;}
    .activity .uploadbox .checkboxlist .checkbox-inline{width: 100% !important;max-width: 100% !important;}
    .activity .personalform .twocheckbox .checkbox-inline:nth-child(1){max-width: 100% !important;width: 100% !important;}
  }
  @media screen and (max-width:1024px) {
    .pagebanner .bread a{font-size: 18px;}
    .fs22{font-size: 20px;}
    .fs24{font-size: 22px;}
    .fs26{font-size: 24px;}
    .fs30{font-size: 28px;}
    .fs32{font-size: 30px;}
    .fs40{font-size: 32px;}
    .activity .boxshadow .col-sm-12 .box{font-size: 30px;}
    .fs58{font-size: 54px;}
    .fs66{font-size: 60px;}
    .activity .apply-txt h5{font-size: 22px;}
    .activity .apply-txt h4{font-size: 22px;}
    .activity .apply-txt h3{font-size: 30px;}
    .activity .boxshadow .col-md-4{width: 50%;}
    .activity .teaching-objects .box{padding: 2rem;}
    .activity .teaching-objects .box h4{}
    .activity .coursebox .col-md-4{width: 50%;}
    .activity .course-type .col-md-3{width: 50%;}
    .activity .col-md-4{width: 50%;}
    .container{max-width: 94%;box-sizing: border-box;padding-left: 15px;padding-right: 15px;}
    .activity .table_one table{width: 200%;}
    .activity .table_one tr th{font-size: 20px;}
    .activity .table_one tr td, .activity .table_one tr th{padding: 1rem;}
    .radioboxlist .radiobox-inline{margin-right: 2rem;}
    .activity .apply-form .form-group label{font-size: 18px;}
    .activity .course-type .col-md-2{width: 33.3333%;}
    .activity .institution .row .col-md-1{width: 25%;}
    .activity .garyboxs .fouritmes .col-md-3{width: 50%;}
    .activity .teamlist .col-md-3{width: 33.3333%;}
    .activity .record table{width: 200%;}
    .activity .personalform .form-group{width: 100%;}
    .activity .personalform .twocheckbox .checkbox-inline:nth-child(1){width: 100% !important;max-width: 100% !important;}
    .activity .personalform .twocheckbox .checkbox-inline{width: 100% !important;max-width: 100% !important;}
    .pup .ym{bottom: -20px;}
    .menmber-bar{flex-wrap: wrap;}
    .menmber-bar .menmber-tit{margin-bottom: 2rem;}
    .activity .menunav li a{padding: 0.8rem 0.5rem;font-size: 16px;}
    .headers:not(.sticky1) .logo img{filter:none}
    .pagebanner{margin-top: 80px;}
    .headers{z-index: 9999;}
    .erlang{display: flex !important;align-items: center;}
    .activity .garyboxs .wid1024 .col-md-3{width: 50%;}
  
  }
  @media screen and (max-width:768px) {
    .activity .teaching-objects .col-md-6{width: 100%;}
    .activity .team-list .col-md-3{width: 33.33333%;}
    .radioboxlist{width: 100%;margin-left: 0;justify-content: flex-start;}
    .activity .apply-form .belong{flex-wrap: wrap;}
    .activity .course-type .col-md-2{width: 50%;}
    .activity .teamlist .col-md-3{width: 50%;}
    .member .wid100{width: 100%;}
    .member .wid100 .whiteback{margin-top: 2rem;}
  }
  @media screen and (max-width:767px) {
    body{font-size: 16px;}
    .container{max-width: 98%;}
    .pagebanner .inner{position: relative;background: none;margin-top: 30px;}
    .pagebanner .bread a{color: #333;}
    .pagebanner .bread a::after{background: #333;}
    .pagebanner h1{color: #333;}
    .pagebanner .bread a{font-size: 16px;}
    .fs66{font-size: 36px;}
    .fs40{font-size: 32px;}
    .fs32{font-size: 24px;}
    .fs30{font-size: 22px;}
    .fs24{font-size: 20px;}
    .fs20{font-size: 16px;}
    .fs22{font-size: 18px;}
    .fs58{font-size: 40px;}
    .activity .apply-txt h4{font-size: 20px;}
    .activity .apply-txt h3{font-size: 24px;}
    .activity .apply-txt h5{font-size: 20px;}
    .activity .boxshadow .col-md-4{width: 100%;}
    .activity .boxshadow .col-sm-12 .icos{width: 60px;}
    .activity .boxshadow .col-sm-12 .box{width: calc(100% - 100px);}
    .activity .boxshadow .col-sm-12 .box{font-size: 24px;}
    .activity .boxshadow .col-sm-12 .box p{font-size: 16px;margin-top: 5px;}
    .activity .history .col-md-6 .date{margin-left: 0;}
    .activity .history .col-md-6 .txt{margin-left: 0;}
    .activity .history .col-md-6 .date::before{display: none;}
    .activity .history .col-md-6 .date::after{display: none;}
    .activity .history::before{display: none;}
    .activity .history .col-md-6:nth-child(even){margin-top: 2rem;}
    .activity .garyboxs .col-sm-12 .box .icos{width: 100px;}
    .activity .garyboxs .col-sm-12 .box .numberbox{width: calc(100% - 120px);margin-left: 2rem;}
    .activity .garyboxs .col-sm-12{border-right: none;}
    .activity .teaching-objects .box .icos{width: 102px;}
    .activity .teaching-objects .box h4{font-size: 22px;width: calc(100% - 130px);}
    .activity .coursebox .col-md-4{width: 100%;}
    .activity .course-type .col-md-3{width: 100%;}
    .activity .team-list .col-md-3{width: 50%;}
    .activity .col-md-4{width: 100%;}
    .activity .activityform{flex-wrap: wrap;}
    .activity .activityform .form-group{width: 100%;margin-bottom: 1rem;}
    .activity .swi .swiper-button-prev{left: -1rem;}
    .activity .swi .swiper-button-next{right: -1rem;}
    .activity .swi .swiper-button-prev, .activity .swi .swiper-button-next{width: 40px;height: 40px;}
    .activity .garyback{padding: 2rem;}
    .activity .table_one table{width: 300%;}
    .activity .table_one{font-size: 18px;}
    .activity .apply-form .form-group label{width: 100%;}
    .activity .apply-form .form-group .form-control{width: 100%;margin-top: 0.5rem;}
    .applybox{margin: 2rem !important;}
    .activity .apply-form h2{padding: 1rem;}
    .activity .apply-form .tit{padding: 0.5rem;}
    .activity .apply-form .form-group .form-control{padding: 0.8rem;}
    .activity .apply-form .form-group .relative{margin-top: 0.5rem;max-width: 100%;width: 100%;}
    .activity .apply-form .radioboxlist .radiobox-inline .form-control{width: 200px; }
    .radioboxlist .radiobox-inline{flex-wrap: wrap;}
    .activity .apply-form .radioboxlist .radiobox-inline p{width: 100%;box-sizing: border-box;padding-left: 2.9rem;margin-top: 1rem;}
    .activity .apply-form .belong{box-sizing: border-box;padding-left: 2.9rem;}
    .activity .course-type .col-md-2{width: 100%;}
    .activity{padding-top: 20px;}
    .activity .institution .row .col-md-1{width: 50%;}
    .activity .institution .tabnav ul{flex-wrap: wrap;justify-content: space-between;}
    .activity .institution .tabnav ul li{width: 45%;text-align: center;margin: 0.5rem;}
    .activity .institution .row .col-sm-12{width: 50%;}
    .activity .garyboxs .fouritmes .col-md-3{width: 100%;}
    .activity .teamlist .col-md-3{width: 100%;}
    .activity .sort-az{justify-content: space-between;}
    .activity .sort-az a{width: 45%;margin: 0.5rem;}
    .activity .sort-number a{margin-right: 0.5rem;margin-bottom: 0.5rem;}
    .activity .blueback .loginform .form-group{flex-wrap: wrap;}
    .activity .blueback .loginform .form-group label{max-width: 100%; width: 100%;text-align: left;}
    .activity .blueback .loginform .form-group .form-control{width: 100%;margin-top: 0.5rem;}
    .activity .blueback{padding: 2rem;}
    .activity .blueback .loginform .btns{width: 100%;}
    .activity .blueback .loginform .btns button{padding: 0.7rem 3rem;}
    .activity .message .navtab ul li a{width: auto;}
    .activity .personalform label{width: 100%;}
    .activity .personalform .form-control{width: 100%;margin-top: 0.6rem;}
    .activity.garyback{margin-top: 30px;}
    .activity .menmber-tit span{margin-right: 1rem;font-size: 20px;}
    .activity .menunav{margin-bottom: 2rem;}
    .activity .personalform .btns{width: 100%;}
    .activity .downloadbox .boximg{width: 100%;}
    .activity .downloadbox .con{width: 100%;margin-top: 2rem;}
    .activity .record table{width: 320%;}
    .activity .menmber-bar{flex-wrap: wrap;}
    .activity .menmber-bar .right{width: 100%;margin-top: 2rem;flex-wrap: wrap;}
    .activity .menmber-bar .right .backs{max-width: 100%;width: 100%;margin-left: 0;margin-top: 1rem;}
    .activity .personalform label{text-align: left;}
    .activity .uploadbox .btns{margin-left: 0;}
    .pup .btns{margin-left: 0;}
    .pup .inner{width: 90%;}
    .checkboxlist .checkbox-inline .checkbox input{margin-right: 0;}
    .activity .blueback{padding: 2rem 1rem;}
    .activity .personalform label{font-size: 16px;}
    .activity .uploadbox .form-group .form-control{font-size: 14px;}
    .activity .uploadbox .form-group .form-control{padding: 0.8rem;height: auto;}
    .activity .uploadbox .txt{width: 100%;float: none;}
    .activity .personalform .datebox .inp .form-control{margin-top: 0;}
    .xm-select-demo.new_select{width: 100% !important;margin-top: 0.6rem;}
    .activity .personalform label{margin-top: 0;}
    .activity .personalform .form-control .file-upload.f_center{width: 100%;}
    .activity .garyboxs .wid1024 .col-md-3{width: 100%;}
    
  }
    .activity .menmber-tit a {
    color: #818181;
    
}
  .activity .menmber-tit a.active {
    color: #333333;
    border-bottom: 2px solid #8CC248;
}

@media screen and (max-width:1000px) {
  .activity .menmber-tit a {
  	display: block;
    margin-bottom: 0.5rem;
  }
  .activity .menmber-tit span{
  display: block;
    margin-bottom: 0.5rem;
  }
}

.activity .personalform .addformpart label{
	width:100%;
    margin-bottom:10px;
}
.activity .personalform .addformpart .form-control{
	width:100%;
}