/*Các khoa chuyên ngành*/
 .sub li {
    border-top: 1px solid #ccc;
    padding: 0.5rem 0.5rem;
    list-style: none;
    border-bottom: 1px solid #ccc;
    font-family: sans-serif;
    margin: -1px;
}
 

.sub {
    margin-top: 0rem;
    padding-left: 0rem;
}

    .sub > li.active {
        font-weight: bold;
        padding: 0.5rem 0.5rem;
        list-style: none;
        border-left: 3px solid #c40333;
        font-family: sans-serif;
        margin: 0rem;
    }

.pg-item-open a {
    text-decoration: none;
}

.pg-item-open {
    list-style: none;
}

.social_Icons {
    padding-top: 2rem;
}

.share_Link {
    text-decoration: none;
    margin-right: 10px;
    width: 32px;
}

.share_Icon {
    padding-right: 0px;
    width: 32px;
    height: 32px;
}

.item-list {
    width: 100%;
}

.item-list__item__title {
    padding-bottom: .5rem;
}

.item-list__item { 
    border-bottom: 1px solid #dbdbdb;
    padding-top: 1rem;
}

.item-list__featured-items {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
    border-bottom: none;
}

.date, .news-topics {
    font-family: sans-serif;
    font-size: .85rem;
    text-decoration: none;
}

    .date p {
        margin-top: 0.5rem;
    }

.news {
    margin-top: 0.5rem;
    padding: 1.5rem;
}

.news-topics a {
    text-decoration: none;
}

.news-paging {
    font-family: sans-serif;
    padding-top: 2rem;
}

    .news-paging span {
        background-color: #373737;
        border-right: 1px solid #B9B9B9;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        line-height: 13px;
        margin-right: 0;
        padding: 3px 6px;
        text-decoration: none;
        border-radius: 4px;
    }

    .news-paging .first {
        background-color: #b9b9b9;
        border-radius: 4px;
    }

    .news-paging a {
        border-right: 1px solid #B9B9B9;
        color: #FFFFFF;
        font-size: 15px;
        line-height: 13px;
        margin-right: 0;
        padding: 3px 6px;
        text-decoration: none;
        font-weight: normal;
        background-color: #b9b9b9;
        border-radius: 4px;
    }

.share-sign {
    float: left;
    margin: -3px 5px 0 0;
    color: #333;
    font-weight: bold;
}

.mr_social_sharing_wrapper {
    float: right;
    position: relative;
    margin-top: -25px;
}

    .mr_social_sharing_wrapper span {
        float: left;
        margin-left: 6px;
        list-style: none;
    }

        .mr_social_sharing_wrapper span a {
            display: block;
            position: relative;
            width: 15px;
            height: 16px;
        }

            .mr_social_sharing_wrapper span a img {
                display: block;
                margin: 0 auto;
                position: relative;
                top: 0;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

            .mr_social_sharing_wrapper span a:after {
                content: "";
                display: block;
                opacity: 0;
                width: 18px;
                height: 9px;
                position: absolute;
                bottom: -1px;
                left: -2px;
                background: url("https://ucanwest.ca/img/icons/social/icon-shadow.png") center center no-repeat;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

            .mr_social_sharing_wrapper span a:hover {
                padding-top: -3px;
            }

                .mr_social_sharing_wrapper span a:hover img {
                    top: -3px;
                }

                .mr_social_sharing_wrapper span a:hover:after {
                    opacity: 1;
                }

.social_Icons {
    padding: 2rem 1.5rem 0;
}

@media (min-width: 960px) {
    .social_Icons.mobile_right {
        display: none;
    }

    .social_Icons.desktop_right {
        display: block;
    }

    .right-column.news-side-nav.mobile_right {
        display: none;
    }

    .right-column.news-side-nav.desktop_right {
        display: block;
    }

    .item-list {
        margin: 0;
        padding-bottom: 0rem;
    }

    .news {
        padding-left: 0rem;
    }

    .overview-title {
        /*text-align: center;*/
    }

    .news-side-nav {
        padding-left: 0rem !important;
        padding-right: 1.5rem;
    }
}

@media (min-width: 580px) and (max-width: 959px) {
    .social_Icons {
        padding-left: 1.5rem;
    }

    p.lead + p {
        margin-top: 1rem;
    }
}

@media (max-width: 580px) {

    .social_Icons {
        padding: 2rem 1rem 0;
    }

    .news {
        margin: 0;
        padding: 0 1rem 1rem;
    }
}

@media (max-width: 959px) {
    .news-paging {
        padding: 1rem 0 2rem;
    }

    .right-column.news-side-nav.mobile_right {
        display: block;
    }

    .right-column.news-side-nav.desktop_right {
        display: none;
    }

    .item-list__featured-items {
        border-top: 1px solid #dbdbdb;
        margin-top: 1rem !important;
    }

    p.lead, p.crossroads__lead + p {
        margin-bottom: 1rem;
    }

        p.lead + p {
            padding-top: 1rem;
        }

    .mr_social_sharing_wrapper {
        padding: 0rem 1rem .85rem 2rem;
        margin-top: -2.4rem;
    }
}

label {
    display: none;
}

.form-row-Email .Email {
    display: inline-block;
}

.contact-form .left.half,
.contact-form--main .left.half {
    float: left;
    width: 50%;
}

.contact-form .right.half,
.contact-form--main .right.half {
    float: left;
    width: 50%;
}

.like-button:focus {
    background-color: #c40333;
}

@media (min-width: 960px) {
    .contact-form__title {
        font-size: 19px;
    }
}

/*phòng ban*/
/*menu level 3*/
a.togle-Item:after {
    content: ' ► ';
    position: relative;
    bottom: 0px;
    color: #000;
    font-size: 10px;
}

.pg-item-open {
    list-style: none;
}

.item-list__item__title {
    margin-bottom: 0rem;
}

.sub {
    margin-top: 0rem;
    padding-left: 15px;
}

.pg-item-open a {
    text-decoration: none;
}

.inactive {
    display: none;
}

.sub .active {
    font-weight: bold;
    list-style: none;
    font-family: sans-serif;
    margin: -2px;
}

.sub li {
    border-top: 1px solid #ccc;
    padding: 0.5rem 0.5rem;
    list-style: none;
    border-bottom: 1px solid #ccc;
    font-family: sans-serif;
    margin: -1px;
}

.slidepanel.item_text-Item {
    margin-top: 6px;
}

    .slidepanel.item_text-Item a {
        display: block;
        padding: 5px 20px;
    }

.sub .active {
    border-bottom: 0px solid #dbdbdb;
    border-top: 0px solid #dbdbdb;
    /*margin: -6px;*/
    border-left: 2px solid #C40333;
    padding: 8px 6px;
}

a.togle-Item:after {
    animation: transform ease-in-out 0.4s;
}

a.togle-Item {
    display: inline-block;
    margin: 0;
    padding: 0;
}

    a.togle-Item:hover {
        text-decoration: none;
    }

    a.togle-Item.active {
        transform: rotate(90deg);
    }

    a.togle-Item.active {
        border: none;
    }


@media (max-width: 768px) {
    .membership .crossroads__lead {
        text-align: left;
        width: 100%;
        padding-bottom: 2rem;
        border-bottom: 1px solid #dbdbdb;
    }
}

@media (min-width: 768px) {
    .membership .crossroads__lead {
        text-align: left;
        width: 100%;
        padding-bottom: 2rem;
        border-bottom: 1px solid #dbdbdb;
    }
}	

/*chinh slide*/
innerslide {
    padding: 0 1rem;
    margin: 0 auto;
}

.innerslide:after {
    content: " ";
    display: table;
    clear: both
}

@media(min-width:580px) {
    .innerslide {
        /*padding: 0 2rem;*/
        max-width: 60rem
    }
}

@media(min-width:960px) {
    .innerslide {
        /*max-width: 74rem*/
        max-width: 100%;
        padding-top: 94px;
    }
}
@media(min-width:960px) {
    .innerslide > .left-column {
        float: left;
        width: 70%
    }

    .innerslide > .right-column {
        float: right;
        width: 30%;
        padding-left: 1.5rem;
        font-size: .9rem
    }
}
.innerslide {
    margin: auto;
}
@media(max-width:380px){
    .innerslide{
        height:6rem;
    }
	.carousel-caption
	{
		display:none;
	}
    .innerslide img {
        height: 50% !important;
    }
}
@media(max-width:580px) {
    .innerslide {
        height: 6rem;
    }
   .innerslide img {
        height: 50% !important;
    }
}
.separator {
    padding: 0px;
    margin-bottom: 14px;
}
.breadcrumb {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    padding-left: 15px;
}
.itemscope {
    float: left;
}
.version_old {
    width: 100px;
    background: #002147;
    height: 50px;
    /*position: absolute;*/
    right: -10px;
    top: 400px;
    transform: rotate(90deg);
    position: fixed;
}
    .version_old p {
        line-height: 50px;
        text-align: center;
        color: white;
        font-size: 14px;
    }
/*/ slide chay hieu ung*/
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 14%;
    margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 14%;
    margin-right: -10px;
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 0%;
        left: 0%;
        padding-bottom: 30px; 
    }
}
.carousel-caption {
    bottom: -1px;
    text-align: left;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),#000);
}
.carousel-indicators {
    bottom: -10px;
}
.slide-image
{
	width: 100%;
	height: 500px;
}
/*// hiệu ứng hover ảnh bằng CSS3 hoặc jQuery*/

    .featured-banner {
        opacity: 1;
        -o-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -webkit-transition: -webkit-transform 1s;
        /*//background: #808080;*/
        cursor: pointer;
        /*height: 46%;
        width: 100%;*/
        /*position: absolute;*/
        z-index: 10;
        /*opacity: 0;*/
    }



        .featured-banner:hover {
            opacity: .8;
            -o-transition-duration: 1s;
            -moz-transition-duration: 1s;
            -webkit-transition: -webkit-transform 1s;
            /*-webkit-box-shadow: 0px 0px 4px #000;
            -moz-box-shadow: 0px 0px 4px #000;
            box-shadow: 0px 0px 4px #000;*/           
        }