*{word-break:break-all;}
.h1, .h2, .h3, h1, h2, h3{
    margin-bottom:1.5rem;
}
.h4, .h5, .h6, h4, h5, h6{
    margin-bottom:.75rem;
}



a{
    transition:all 0.6s;
    color:#666;
    text-decoration: none;
}
a:hover,a:focus {
    text-decoration: none;
    color: rgb(48,32,192);
}
.bg-wrapper{background-color: #fff;}

.ml-n2, .mx-n2 {margin-left: -.5rem!important;}
.mr-n2, .mx-n2 {margin-right: -.5rem!important;}


.container-shadow{ box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);}

.container-page-header{background-color: #fff;margin-bottom:15px; box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);}

.user-info {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

.page-header > .container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}


/*----------------------------------------------------
 * navbar-main
-----------------------------------------------------*/
.navbar-main{
    background-color:#357DC5;
    background:linear-gradient(#6CC5F0, #3BAFE3);
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
}
.navbar-main .navbar-toggler{
    border-color: transparent;
    margin-right: -12px;
}
.navbar-main .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.navbar-main .navbar-collapse{
    transition: transform .35s ease;
    transform: translate3d(20%,0,0);
    position: fixed;
    width: 65vw;
    max-width: 100vw;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 50;
    flex-direction: column;
    padding: 1rem;
    display: block;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    background-color: rgba(96, 128, 224,.96);
    padding: 30px;
    box-shadow: 0 0 2rem rgba(0,0,0,.375);
}
.navbar-main .navbar-collapse.show {
    transform: translate3d(-100%,0,0);
}

.navbar-main .navbar-collapse .navbar-toggler-icon {
    background-image: none;
    width: .625rem;
}

.navbar-main .navbar-collapse .navbar-toggler-icon {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    transition: transform .5s;
    transition-delay: .25s;
}

.navbar-main .navbar-collapse.show .navbar-toggler-icon {
    transform: rotate(135deg);
}

.navbar-main .navbar-collapse .navbar-toggler {
    padding: .3125rem;
    border-width: 0;
}

.navbar-main .navbar-collapse .navbar-toggler-icon::before,
.navbar-main .navbar-collapse .navbar-toggler-icon::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgb(255, 240, 224);
    border-radius: 0;
    position: absolute;
    top: 11px
}

.navbar-main .navbar-collapse .navbar-toggler-icon::after {
    transform: rotate(90deg);
    transition: transform .35s;
    transition-delay: .35s
}
.navbar-main .navbar-nav .nav-link {
    color: rgba(255,255,255,.85);
}
.navbar-main .navbar-nav .nav-link:focus,
.navbar-main .navbar-nav .nav-link:hover{
    color: #fff6e3; 
}


/*--------------------------------------------*/
.container-breadcrumb{
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
    position: relative;
    z-index: 10;
}
.container-breadcrumb > .container{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.container-breadcrumb > .container::before {
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 50%;
    color: #BA1C26;
    border:1px solid #BA1C26;
    justify-content: center;
    align-items: center;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f124";
    margin-right: .5rem;
}
.container-breadcrumb .breadcrumb{
    background-color:transparent;
    margin-bottom: 0;
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.container-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: FontAwesome;
    content: "\f105";
}


.container > .navbar{margin-left:-15px;margin-right:-15px;}
.container-bottom{color:#fff;padding-top:2rem;padding-bottom:2rem; background-color: #0388A6; text-align: center;}
.container-bottom span{display: inline-block;}

.card{  border-radius:2px;}
.card > .list-group{
    padding-top: .5rem;
}
.card-default{border-width:0;}
.card-default .card-header{
    padding:.625rem;
    border-width:0;
    border-bottom:1px solid #e5e5e5;background-color:transparent;
    margin-bottom:.5rem;
}
.card-default .card-header .fa{
    border:1px solid #ccc;
    width: 1.625rem;
    height: 1.625rem;
    padding: .25rem;
    text-align: center;
    border-radius: 50%;
    margin-right: .5rem;
}
.card-default .card-header h5{
    font-size:1rem;
    line-height:1.5rem;
    
    padding:.625rem 0;
    margin-top: -.625rem;
    display:inline-block;
    color:#2F63BA;border-bottom:3px solid #2F63BA;margin-bottom:-12px;
   
}

.card-default .list-group-item{
    border-width:0;
    padding-top:.625rem;
    padding-bottom:.625rem;
    padding-left: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.card-default .list-group-item::before{
    content: "\f0f6";
    font-family: FontAwesome;
    font: normal normal normal 14px/1.5rem FontAwesome;
    display:block;float: left;margin-left:-1rem;
    color:rgba(0,0,0,.4);
}

.card-blue{border-color:#00A2D1;}
.card-blue .card-header{border-radius:0;margin-bottom:.5rem;padding:.625rem 1rem;background-color:#00A2D1;}
.card-blue .card-header h5{font-size:1rem;line-height:1.5rem; margin:-.625rem 0;padding:.625rem 0;
    display:inline-block;
    color:#fff;border-width:0;
}
.card-blue .card-header .fa{

    margin-right: .5rem;
}

.card-blue .list-group-item{
    border-width:0;
    padding-top:.625rem;padding-bottom:.625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left:1.5rem;
}
.card-blue .list-group-item::before{
    content: "\f105";
    font-family: FontAwesome;
    font: normal normal normal 14px/1.5rem FontAwesome;
    display:block;float: left;margin-left:-.625rem;
    color:rgba(0,0,0,.4);
}
.card-blue .morelink {
    color: #fff;
}

.bg-s1{
    background-image: linear-gradient(180deg,#E1F5FE 0%,#FFFFFF 100%);
    position: relative;
    padding-top:3.5rem;
}
.overlay-bg,
.bg-s1::before{
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/blob-scene-wide.svg);
    background-position: center center;
    background-size: cover;
    opacity: 1;
    mix-blend-mode: overlay;
}

.border-yizhanshi{border-color:#00A2D1!important;}

.card-xyfc{border-width:0;margin-bottom:1rem;}

.container-imagenews{margin-bottom:20px;}
.container-imagenews .carousel-caption{
    background-color:rgba(0,0,0,.5); right:0;bottom:0;left:0;padding:10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.container-imagenews .carousel-caption a{color:#fff;}
.container-imagenews .carousel-indicators{bottom:40px;}
.card-introduction .card-body > .textcontent{margin: -.3125rem -1.25rem;}
.card-introduction .card-body > .textcontent p{text-indent: 2em;}



.alumnus-cards {
    column-gap:.625rem;
}
.alumnus-cards .cover {
    display: block;
    border-radius: 50%;
    width: 50%;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.alumnus-cards .card-body .textcontent{height:170px; overflow: hidden;}
.alumnus-cards .card{border-radius:0;
    position: relative;
    border-color:rgba(0,0,0,.075);
}
.alumnus-cards .card::after{
    content:"";display:block;position: absolute;z-index:5;

    bottom:3.125rem;left:0;right:0;
    height:2.5rem;
    background: linear-gradient(180deg,transparent,rgba(255,255,255,.9), #fff);
}
.alumnus-cards .card .btn-more{
    display: block;position: relative; max-width:4.5rem;
    padding: .375rem 0;
    border-radius: .2rem;
    margin:0 auto;
    z-index:10;
}

.container-weblinks{padding-top:15px;padding-bottom:2rem;margin-top:2rem;}
.container-weblinks .row{
    margin-right: calc(-.25 * var(--bs-gutter-x));
    margin-left: calc(-.25 * var(--bs-gutter-x));
}
.container-weblinks .row > *{
    padding-right: calc(var(--bs-gutter-x) * .25);
    padding-left: calc(var(--bs-gutter-x) * .25);
}
.container-weblinks .card{background-color: transparent;border-width: 0;}
.container-weblinks .card-header{background-color: transparent;border-width: 0;padding-top:0;padding-bottom:0;color:#333;}
.container-weblinks .card-body{padding-top:0;padding-bottom:0;}

/*-------------------------------------------------------
 *  page-category
----------------------------------------------------*/
.page-category .bg-s1 {
    padding-top: 0;
}
.page-category .card{
    border-width: 0;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 8%);
    background-color: rgb(255, 255, 255, 85%);
}

.card-category-content > .card-header{
    background-color: transparent;
    border-color: #1ebbf0;
    border-bottom-width: 3px;
    -webkit-border-image: -webkit-linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);
    border-image: linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);
    border-image-slice: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;

}
.card-category-content > .list-group{
    border-top:0;
    padding-bottom:1rem;
}
.card-category-content .list-group-item{
    background-color: transparent;
    border-color: #F5F5F5;
    padding-top: .75rem;
    padding-bottom: .75rem;
}


.card-categories{border-radius:0;}
.page-category .card-categories .card-header {
    background: #6391b6 url(../images/header-bgm5.svg) no-repeat center top;
    background-size: cover;
    color:#fff;
    font-size: 1.25rem;
    position: relative;
    border-width: 0;
    padding-top: .875rem;
    padding-bottom: .875rem;
}
.page-category .card-categories .card-header span{
    position: inherit;
    z-index: 10;
}
.page-category .card-categories .card-header::before
{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: url(../images/blurry-bg.svg) no-repeat center center;
    background-size: cover;
}

.card-categories .list-group-item{
    border-color:#f5f5f5;
}
.card-categories .list-group-item.active{
    background-color: #fff;
}
.card-categories .list-group-item.active::before{
    content: "\f0da";
    font-family:FontAwesome;
    font-size:1.125rem;
    line-height:1.5rem;
    color:#0BA1E4;
    display: block;
    float:left;
    margin-left:-1rem;

}


/*-------------------------------------------------------
 *  page-article
----------------------------------------------------*/
.page-article .bg-s1,
.page-joboffer .bg-s1,
.page-download .bg-s1{
    padding-top: 0;
}
.card-articlecontent{
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 2px;
    border-width: 0;
    background-color: rgb(255,255,255, 70%);
}
.card-articlecontent .card-body{overflow: hidden;}
.card-articlecontent .card-body p {
    
    line-height: 1.875;
}
.card-articlecontent .card-body p:not(.noindent) {
    text-indent: 2em;
}
.page-article .textcontent img{max-width:100%;}

@media (min-width: 576px){
    .alumnus-cards {column-count:2;}
    .alumnus-cards .card .btn-more{
        padding: .25rem 0;
        font-size: .875rem;
        line-height: 1.25rem;
    }
    .page-header{
        display:flex;
        padding:1rem 0;
    }
    .page-header .memberbar{text-align:right;padding:15px;flex-shrink:0;}
    .member-login{ max-width:360px;margin-left:auto;margin-right:auto;}
    .carousel-banner{
        max-height: 530px;
        overflow: hidden;
    }  
    /*----------------------------------------------
     * page-article
    ----------------------------------------------*/
    .card-articlecontent {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .container-bottom .copyright{text-align: right;padding-top:1rem;padding-bottom:1rem;}
    .container-bottom .qr-code{float:left;}
    .container-bottom .text{padding:3px 0;}
    .container-bottom .concat{padding-top:1rem;padding-bottom:1rem;}
    .container-bottom .concat .text{text-align:left;padding-left:110px;}

    .card-concat .list-group-item{    padding-top: .5rem;padding-bottom: .5rem;}

    .page-article .textcontent{padding-left:1rem;padding-right:1rem;}

}

@media (min-width: 992px) { 

    /*----------------------------------------------------
    * navbar-main
    -----------------------------------------------------*/
    .navbar-main{
        padding:0;
    }

    .navbar-main::before,
    .navbar-main::after{content:"";display: block; position: absolute;top:0;left:0;right:0; width:100%;border-top:1px solid #86A2CA;border-bottom:1px solid #A5D7F1;}
    .navbar-main::after{top:auto;left:0;right:0;bottom:0; width:100%;border-bottom-color:#86A2CA;border-top-color: #A5D7F1;}

    .navbar-main .navbar-collapse{
        position: relative;
        width: initial;
        background-color: initial;
        transform: initial;
        left: initial;
        box-shadow: initial;
        flex-direction: initial;
        padding: initial;
    }
    .navbar-main .navbar-nav .nav-link:focus,
    .navbar-main .navbar-nav .nav-link:hover{
        color: #fff6e3;  background-color: #D90000;
        background:linear-gradient(#2B93C2,#187AA5);
    }
    

    
    .nav-item{
        display: flex;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding:1rem .75rem;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .nav-item::before,
    .nav-item:last-child:not(.nav-item-24365)::after  {
        content: "";display: block;
        min-height:3.5rem;width:2px;
        background: url(../images/menu-splitter.png) no-repeat left center;
    }

    .navbar-main .navbar-nav:last-child .nav-link{
        color:#fff6e0;
    }

    .navbar-main .navbar-nav .nav-link-lg-24365
     {
        padding-top: .5rem;
        padding-bottom: 0;
    }
    .navbar-main .navbar-nav .nav-link-lg-24365:focus,
    .navbar-main .navbar-nav .nav-link-lg-24365:hover{
        background: rgb(255, 255, 255, 80%);
    }
    /*----------------------------------------------------*/
    .card-joboffers .list-group {
        flex-direction:row;
        flex-wrap: wrap;
    }
    .card-joboffers .list-group .list-group-item{
        width:50%;
    }

    

}
@media (min-width: 1200px) { 

    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .alumnus-cards {column-count: 4;}


    .card-articlecontent > .card-body{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

}

@media (min-width: 1320px) {
  
}
@media (max-width:575.98px) {
   
}