@charset "UTF-8";

.btn,
select {
    border: none;
    outline: none;
}

img {
    max-width: 100% !important;
    height: auto !important;
}

header .navbar-div {
    background: rgb(255 255 255 / 100%);
}

header .navbar-div .navbar {
    position: relative;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    padding: 0;
}

header .navbar-brand {
    margin-right: 0;
    margin: 0 1rem;
}

header .navbar-brand a {
    text-decoration: none;
}

header .navbar-brand a .logo-text img {
    width: 100%;
    max-width: 249px !important;
    max-height: 52px;
}

header .navbar-div.shrink .navbar-brand a .logo-text img {
    max-width: 200px !important;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
    header .navbar-brand a .logo-text img {
        max-width: 190px !important;
    }

    header .navbar-div.shrink .navbar-brand a .logo-text img {
        max-width: 180px !important;
    }
}

header .nav-menu {
    font-size: 18px;
    width: 100%;
    padding-right: 12px;
}

header .nav-menu .item {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px #DCDCDC solid;
    line-height: 65px;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}


@media (max-width: 1399px) {
    header .nav-menu .item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1199px) {
    header .nav-menu .item {
        padding-left: 0;
        padding-right: 0;
    }
}

header .navbar-div.shrink .nav-menu .item {
    line-height: 58px;
}

header .nav-menu .item::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
    background-color: #7f0f83;
    height: 4px;
    display: block;
}

header .nav-menu .item a {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    text-decoration: none;
}

header .nav-menu .item:hover::after,
header .nav-menu .item.active::after {
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

header .nav-menu .item:hover,
header .nav-menu .item.active {
    position: relative;
}

header .nav-menu .item:hover a,
header .nav-menu .item.active a {
    color: #7f0f83;
}

header .nav-menu .login-item {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100px;
    background: linear-gradient(to bottom, rgba(176, 114, 179, 1) 0%, rgba(127, 16, 131, 1) 100%);
    height: 130%;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .nav-menu .login-item a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
}

header .nav-menu .item:last-child {
    margin-right: 90px !important;
}

header .nav-menu .login-item a i img {
    width: 100%;
    max-width: 40px !important;
}


/* header .nav-menu .language-dropdown .btn {
    color: #000;
}

header .nav-menu .language-dropdown .fa-globe-americas {
    font-size: 22px;
}

header .nav-menu .language-dropdown .dropdown-menu {
    display: none;
    min-width: 0px;
    width: 100px;
    padding: 0;
    margin-top: -2px;
    margin-left: -18px;
    background: #FFF;
    border: 0;
    box-shadow: 0px 10px 30px rgba(134, 122, 118, 0.53);
}

header .nav-menu .language-dropdown .dropdown-menu a {
    text-align: center;
    padding: 10px 0px;
    color: #000;
    text-decoration: none;
}

header .nav-menu .language-dropdown .dropdown-menu a:hover {
    background: #fff4d7;
    color: #d68600;
}

header .nav-menu .language-dropdown:hover .dropdown-menu {
    display: block;
} */

header .navbar-div.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
}

header .navbar-div.shrink {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.mobile-navbar .logo-div {
    max-width: 200px;
}

.mobile-navbar .navbar.shrink .logo-div {
    max-width: 180px;
    transition: all 0.3s ease-in-out;
}

.mobile-navbar .navbar-button-group {
    padding: .25rem .75rem .25rem .5rem;
}

.mobile-navbar .navbar {
    background: rgba(255, 255, 255, 0.95);
    flex-flow: nowrap;
    z-index: 2;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 18px;
    padding-right: 0px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.mobile-navbar .navbar.shrink {
    background: rgba(255, 255, 255, 0.95);
    padding: 5px 0 5px 18px;
}

.mobile-navbar .fixed-top {
    z-index: 1034;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
}

.mobile-navbar .mobile-navbar-content {
    height: calc(100vh - 125px);
    padding-top: 10px;
    background-color: rgb(254 244 255 / 95%);
}

.mobile-navbar .mobile-navbar-content .list {
    overflow: auto;
    height: 100%;
}

.mobile-navbar .menu-btn {
    padding: 0px 6px;
}

.mobile-navbar .menu-btn .burger {
    position: relative;
    width: 36px;
    height: 40px;
    z-index: 1001;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mobile-navbar .menu-btn .burger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #7f0f83;
    border-radius: 30px;
    opacity: 1;
    left: 0;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.mobile-navbar .navbar.shrink .menu-btn .burger span {
    background: #7f0f83;
}

.mobile-navbar .menu-btn .burger span:nth-child(1) {
    top: 9px;
}

.mobile-navbar .menu-btn .burger span:nth-child(2) {
    top: 20px;
}

.mobile-navbar .menu-btn .burger span:nth-child(3) {
    top: 31px;
}

.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(1) {
    top: 20px;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(3) {
    top: 20px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.mobile-navbar .navbar.shrink .menu-btn:not(.collapsed) .burger span {
    background: #7f0f83;
}

body.no-scroll .mobile-navbar .navbar {
    box-shadow: none;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    border-bottom: 1px #e1e1e1 solid;
}

body.no-scroll .mobile-navbar .navbar .logo .logo-img {
    display: block;
}

body.no-scroll .mobile-navbar .navbar .logo .image-horizontal {
    display: none;
}

.mobile-navbar .language-select-wrapper {
    padding: 15px 15px 0px 15px;
    line-height: 1;
    letter-spacing: 1px;
}

.mobile-navbar .language-select-wrapper .global-icon {
    font-size: 23px;
    color: #F4C51C;
    margin-right: 20px;
}

.mobile-navbar .language-select-wrapper .link-group {
    width: 185px;
    display: flex;
    justify-content: space-between;
}

.mobile-navbar .language-select-wrapper .language-link {
    position: relative;
}

.mobile-navbar .language-select-wrapper .language-link:not(:last-child):after {
    position: absolute;
    content: "";
    height: 80%;
    width: 1px;
    background: #000;
    right: -15px;
    top: 10%;
}

.mobile-navbar .language-select-wrapper .language-link a {
    color: #000;
    text-decoration: none;
}

.mobile-navbar .language-link.active a {
    color: #ce4b00;
}

.mobile-navbar .menu-item {
    width: 90%;
    border-bottom: 1px #dab6da dashed;
    margin: 0 auto;
}

.mobile-navbar .menu-item .link {
    text-align: center;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 23px;
    padding-bottom: 30px;
}

.mobile-navbar .menu-item .link a {
    font-size: 18px;
    color: #7f1184;
    text-decoration: none;
}

.mobile-navbar .menu-item .link a:hover {
    color: #ce4b00;
}

.mobile-navbar .mobile-navbar-content .community-link-group {
    padding-top: 25px;
    padding-bottom: 100px;
}

.mobile-navbar .mobile-navbar-content .community-link {
    position: relative;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
    margin-right: 15px;
    background-size: contain;
}

.mobile-navbar-overlay {
    z-index: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.4);
}

.mob-show {
    display: none;
}

@media (max-width: 991px) {
    .mob-show {
        display: block !important;
    }

    .mob-hidden {
        display: none !important;
    }
}

/*main*/
.main {
    overflow: hidden;
}


/*banner*/

.home-banner {
    position: relative;
}

.home-banner .banner-box {
    position: relative;
    margin-top: 60px;
}

.home-banner .banner-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}


.home-banner .banner-title {
    min-height: 80%;
    max-width: 1320px;
}

.home-banner .banner-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.home-banner .banner-img::before {
    content: '';
    display: block;
    padding-bottom: 31%;
}


@media screen and (max-width:1199px) {
    .home-banner .banner-img::before {
        padding-bottom: 55%;
    }
}

@media screen and (max-width:991px) {
    .home-banner .banner-img::before {
        padding-bottom: 60%;
    }

    .home-banner .banner-title {
        margin-right: 0;
        justify-content: center;
    }
}

@media screen and (max-width:580px) {
    .home-banner .banner-img::before {
        padding-bottom: 65%;
    }
}
.home-banner .banner-txt {
    position: relative;
    top: 0;
}

@media screen and (max-width:991px) {
    .home-banner .banner-txt {
        top: -10%;
    }
}

.home-banner .banner-txt .b-title {
    transition: all 0.8s ease-in-out;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    font-size: 40px;
    font-weight: bolder;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.38);
    text-align: center;
}

.home-banner .banner-txt .s-title {
    transition: all 0.8s ease-in-out;
    transition-delay: 0.5s;
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    text-align: center;
    font-weight: bolder;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.38);
    color: #ffffff;
    font-size: 40px;
}

@media (max-width: 991px) {
    .home-banner .banner-txt .b-title {
        font-size: 30px;
        padding: 5px 0;
    }

    .home-banner .banner-txt .s-title {
        font-size: 30px;
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .home-banner .banner-txt {
        padding: 10px;
    }

    .home-banner .banner-txt .b-title {
        font-size: 25px;
        padding: 5px 0;
    }

    .home-banner .banner-txt .s-title {
        font-size: 25px;
    }
}

@media (max-width: 350px) {
    .home-banner .banner-txt .s-title {
        min-width: auto;
    }
}

.home-banner .swiper-slide-active .banner-txt .b-title,
.home-banner .swiper-slide-active .banner-txt,
.home-banner .swiper-slide-active .banner-txt .s-title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: center;
    letter-spacing: 10px;
}

@media (max-width: 991px) {

    .home-banner .swiper-slide-active .banner-txt .b-title,
    .home-banner .swiper-slide-active .banner-txt,
    .home-banner .swiper-slide-active .banner-txt .s-title {
        text-align: center;
    }
}

.home-banner .class_search {
    position: absolute;
    bottom: -7%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    padding: 1rem;
    max-width: 800px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

@media (max-width: 991px) {
    .home-banner .class_search {
        bottom: 0%;
        padding: 0.5rem;
        border-radius: 0;
        max-width: 100%;
    }
}

.home-banner .class_search .class_title {
    display: flex;
    align-items: end;
    flex-direction: column;
}

.home-banner .class_search .class_title span {
    color: #FFB800;
    font-weight: bolder;
}


.home-banner .class_search .class_title b {
    font-size: 25px;
}

@media (max-width: 991px) {
    .home-banner .class_search .class_title b {
        font-size: 20px;
    }
}

@media (max-width: 560px) {
    .home-banner .class_search .class_title b {
        font-size: 16px;
    }

    .home-banner .class_search .class_title span {
        font-size: 13px;
    }
}


.home-banner .class_search .form-select {
    width: 220px;
    height: 40px;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .home-banner .class_search .form-select {
        width: 150px;
    }
}

@media (max-width: 580px) {
    .home-banner .class_search .form-select {
        width: 110px;
        font-size: 14px;
    }
}

.home-banner .class_search .sea_btn {
    background-color: #ED7200;
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    max-width: 130px !important;
    width: 100%;
}

@media (max-width: 560px) {
    .home-banner .class_search .sea_btn {
        max-width: 50px !important;
    }

    .home-banner .class_search .sea_btn span {
        display: none;
    }
}

.home-banner .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.home-banner .swiper-pagination-bullet {
    background-color: #000;
    opacity: 1;
}

.home-banner .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    border: 2px #000 solid;
    background-color: #fff;
}

/*news*/

.home-news {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    position: relative;
}

.home-news::before,
.home-news::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
}

@media (max-width: 991px) {

    .home-news::before,
    .home-news::after {
        background-size: 70%;
    }
}

.home-news::before {
    top: 170px;
    left: -210px;
    background-image: url(../img/news-l.jpg);
    width: 577px;
    height: 558px;
}

.home-news::after {
    bottom: 90px;
    right: -200px;
    background-image: url(../img/news-r.jpg);
    width: 511px;
    height: 446px;
    z-index: -1;
}

@media (max-width: 991px) {
    .home-news::before {
        left: -170px;
    }

    .home-news::after {
        right: -290px;
    }
}


.home-news .header {
    margin: 6rem auto 3rem;
    flex-direction: column;
}

.home-news .header::after {
    content: '';
    position: relative;
    top: -7px;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 154px;
    height: 18px;
    margin-right: 1rem;
    display: block;
    background-size: 100%;
    background-image: url(../img/title-line.png);
    z-index: -1;
}

.home-news .header>.text {
    position: relative;
}

.home-news .header>.text .title {
    font-weight: bold;
    font-size: 28px;
    line-height: 1;
    color: #000;
    letter-spacing: 3px;
}

.home-news .header>.text .sub {
    font-size: 23px;
    line-height: 1;
    margin-top: auto;
    color: #F4C51C;
    position: absolute;
    top: -24px;
    right: -30px;
    text-transform: uppercase;
    transform: rotate(20deg);
}

.home-news .btn-more {
    padding: 1rem;
    align-items: center;
    margin-top: 3rem;
    transition: 0.3s all linear;
    background-color: #7F1083;
    border-radius: 50px;
    max-width: 200px !important;
    width: 100%;
    z-index: 1;
}

.home-news .btn-more:hover {
    background: #F4C51C;
}

.home-news .btn-more .text {
    color: #fff;
    transition: 0.1s all linear;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    font-size: 18px;
    letter-spacing: 3px;
}

.home-news .btn-more:hover .text {
    transition: 0.1s all linear;
}


.home-news .news-list {
    position: relative;
}

.home-news .news-list .item {
    position: relative;
    margin: 1rem auto;
    transition: 0.2s all linear;
    background: rgba(255, 255, 255, 0.8);
    padding: 0 0.5em;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.home-news .news-list .item:hover {
    background-color: #e9e9e9;
}

.home-news .news-list .item .info {
    flex: 1;
}

@media (max-width: 991px) {
    .home-news .news-list .item .info {
        flex-direction: column;
    }
}

.home-news .news-list .item .info .tag-group {
    margin: 17px 14px;
}


.home-news .news-list .item .info .date {
    color: #8A8A8A;
    transition: 0.2s all linear;
    margin-right: 1rem;
}

@media (max-width: 991px) {
    .home-news .news-list .item .info .date {
        padding: 1rem 0 0;
    }
}

.home-news .news-list .item .info .date:before {
    content: "";
    width: 23px;
    height: 23px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuODU4NTYgMTQuMjQyMkM3LjU4NzA0IDE0LjI0MjIgNy4zNTkyNyAxNC4xNTAyIDcuMTc1MjcgMTMuOTY2MkM2Ljk5MTI3IDEzLjc4MjIgNi44OTk1OSAxMy41NTQ3IDYuOTAwMjMgMTMuMjgzOUM2LjkwMDIzIDEzLjAxMjMgNi45OTIyMyAxMi43ODQ2IDcuMTc2MjMgMTIuNjAwNkM3LjM2MDIzIDEyLjQxNjYgNy41ODc2NyAxMi4zMjQ5IDcuODU4NTYgMTIuMzI1NUM4LjEzMDA5IDEyLjMyNTUgOC4zNTc4NSAxMi40MTc1IDguNTQxODUgMTIuNjAxNUM4LjcyNTg1IDEyLjc4NTUgOC44MTc1MyAxMy4wMTMgOC44MTY5IDEzLjI4MzlDOC44MTY5IDEzLjU1NTQgOC43MjQ5IDEzLjc4MzEgOC41NDA5IDEzLjk2NzFDOC4zNTY5IDE0LjE1MTEgOC4xMjk0NSAxNC4yNDI4IDcuODU4NTYgMTQuMjQyMlpNMTEuNjkxOSAxNC4yNDIyQzExLjQyMDQgMTQuMjQyMiAxMS4xOTI2IDE0LjE1MDIgMTEuMDA4NiAxMy45NjYyQzEwLjgyNDYgMTMuNzgyMiAxMC43MzI5IDEzLjU1NDcgMTAuNzMzNiAxMy4yODM5QzEwLjczMzYgMTMuMDEyMyAxMC44MjU2IDEyLjc4NDYgMTEuMDA5NiAxMi42MDA2QzExLjE5MzYgMTIuNDE2NiAxMS40MjEgMTIuMzI0OSAxMS42OTE5IDEyLjMyNTVDMTEuOTYzNCAxMi4zMjU1IDEyLjE5MTIgMTIuNDE3NSAxMi4zNzUyIDEyLjYwMTVDMTIuNTU5MiAxMi43ODU1IDEyLjY1MDkgMTMuMDEzIDEyLjY1MDIgMTMuMjgzOUMxMi42NTAyIDEzLjU1NTQgMTIuNTU4MiAxMy43ODMxIDEyLjM3NDIgMTMuOTY3MUMxMi4xOTAyIDE0LjE1MTEgMTEuOTYyOCAxNC4yNDI4IDExLjY5MTkgMTQuMjQyMlpNMTUuNTI1MiAxNC4yNDIyQzE1LjI1MzcgMTQuMjQyMiAxNS4wMjU5IDE0LjE1MDIgMTQuODQxOSAxMy45NjYyQzE0LjY1NzkgMTMuNzgyMiAxNC41NjYzIDEzLjU1NDcgMTQuNTY2OSAxMy4yODM5QzE0LjU2NjkgMTMuMDEyMyAxNC42NTg5IDEyLjc4NDYgMTQuODQyOSAxMi42MDA2QzE1LjAyNjkgMTIuNDE2NiAxNS4yNTQzIDEyLjMyNDkgMTUuNTI1MiAxMi4zMjU1QzE1Ljc5NjggMTIuMzI1NSAxNi4wMjQ1IDEyLjQxNzUgMTYuMjA4NSAxMi42MDE1QzE2LjM5MjUgMTIuNzg1NSAxNi40ODQyIDEzLjAxMyAxNi40ODM2IDEzLjI4MzlDMTYuNDgzNiAxMy41NTU0IDE2LjM5MTYgMTMuNzgzMSAxNi4yMDc2IDEzLjk2NzFDMTYuMDIzNiAxNC4xNTExIDE1Ljc5NjEgMTQuMjQyOCAxNS41MjUyIDE0LjI0MjJaTTQuOTgzNTYgMjEuOTA4OUM0LjQ1NjQ4IDIxLjkwODkgNC4wMDUxIDIxLjcyMSAzLjYyOTQ0IDIxLjM0NTRDMy4yNTM3NyAyMC45Njk3IDMuMDY2MjYgMjAuNTE4NiAzLjA2NjkgMTkuOTkyMlY2LjU3NTUyQzMuMDY2OSA2LjA0ODQ0IDMuMjU0NzMgNS41OTcwNiAzLjYzMDQgNS4yMjE0QzQuMDA2MDYgNC44NDU3MyA0LjQ1NzEyIDQuNjU4MjIgNC45ODM1NiA0LjY1ODg1SDUuOTQxOVYyLjc0MjE5SDcuODU4NTZWNC42NTg4NUgxNS41MjUyVjIuNzQyMTlIMTcuNDQxOVY0LjY1ODg1SDE4LjQwMDJDMTguOTI3MyA0LjY1ODg1IDE5LjM3ODcgNC44NDY2OSAxOS43NTQ0IDUuMjIyMzVDMjAuMTMgNS41OTgwMiAyMC4zMTc1IDYuMDQ5MDggMjAuMzE2OSA2LjU3NTUyVjE5Ljk5MjJDMjAuMzE2OSAyMC41MTkzIDIwLjEyOTEgMjAuOTcwNiAxOS43NTM0IDIxLjM0NjNDMTkuMzc3NyAyMS43MjIgMTguOTI2NyAyMS45MDk1IDE4LjQwMDIgMjEuOTA4OUg0Ljk4MzU2Wk00Ljk4MzU2IDE5Ljk5MjJIMTguNDAwMlYxMC40MDg5SDQuOTgzNTZWMTkuOTkyMloiIGZpbGw9IiM4QThBOEEiLz4KPC9zdmc+Cg==') no-repeat center center;
    margin-right: 5px;
    transition: 0.2s all linear;
}

.home-news .news-list .item .info .tag-div {
    flex: 0 0 86px;
    align-items: center;
    display: flex;
}


.home-news .news-list .item .info .tag-div span {
    margin: 0 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
}

@media (max-width: 991px) {
    .home-news .news-list .item .info .tag-div {
        flex: 1;
    }
    .home-news .news-list .item .info .tag-div span {
        margin: 10px 0 0;
    }
}

.home-news .news-list .item:nth-child(3n + 1) .info .tag-div span {
    background-color: #7F1083;
}

.home-news .news-list .item:nth-child(3n + 2) .info .tag-div span {
    background-color: #CB0000;
}

.home-news .news-list .item:nth-child(3n + 3) .info .tag-div span {
    background-color: #FF8A00;
}

.home-news .news-list .item .info .title {
    margin: 0;
    display: flex;
    flex: 1;
    align-items: center;
}

@media (max-width: 991px) {
    .home-news .news-list .item .info .title {
        padding: 0.5rem 3px 1rem;
    }
}


.home-news .news-list .item .info .title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    transition: 0.2s all linear;
}


.home-news .news-list .item .info .text {
    color: #696969;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 52px;
    overflow: hidden;
    transition: 0.2s all linear;
    line-height: 185%;
}

.home-news .news-list .item .more-btn {
    font-size: 23px;
    color: #B375B5;
    transition: 0.2s all linear;
    padding: 0.5rem;
}

@media (max-width: 1199px) {
    .home-news .news-list .item .info .title a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .home-news .header>.text .title {
        font-size: 25px;
    }

    .home-news .header>.text .sub {
        font-size: 18px;
    }

    .home-news .news-list .swiper-button-prev,
    .home-news .news-list .swiper-button-next {
        z-index: 1;
    }
}

@media (max-width: 575px) {
    .home-news {
        height: auto;
    }

    .home-news .news-list {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 374px) {

    .home-news .header .btn-more {
        padding: 6px 18px;
    }

    .home-news .news-list .item {
        background-position: 10% 50%;
    }

    .home-news .news-list .item .info .tag-group {
        margin: 12px 10px;
    }

    .home-news .news-list .item .info .tag-group .date:before {
        margin-right: 6px;
    }

    .home-news .news-list .item .info .tag-group .date {
        font-size: 14px;
    }

    .home-news .news-list .item .info .title a {
        font-size: 16px;
    }

    .home-news .news-list .item .info .more-btn {
        font-size: 16px;
    }
}

/*course*/
.home-course {
    position: relative;
}

.home-course .container {
    position: relative;
}

.home-course::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    right: -140px;
    background-image: url(../img/class-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 686px;
    height: 532px;
    z-index: -1;
}

@media (max-width: 991px) {
    .home-course::after {
        bottom: 0;
        right: -270px;
        background-size: 70%;
        width: 675px;
        height: 351px;
    }
}

.home-course .header {
    margin: 6rem auto 1rem;
    flex-direction: column;
    align-items: center;
}

.home-course .header::after {
    content: '';
    position: relative;
    top: -7px;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 154px;
    height: 18px;
    margin-right: 1rem;
    display: block;
    background-size: 100%;
    background-image: url(../img/title-line.png);
    z-index: -1;
}

.home-course .header>.text .title {
    font-weight: bold;
    font-size: 23px;
    line-height: 1;
    color: #000;
    letter-spacing: 3px;
}

.home-course .header>.text {
    position: relative;
}

.home-course .header>.text .sub {
    font-size: 23px;
    line-height: 1;
    margin-top: auto;
    color: #F4C51C;
    position: absolute;
    top: -24px;
    right: -30px;
    text-transform: uppercase;
    transform: rotate(20deg);
}

.home-course .btn-more {
    padding: 1rem;
    align-items: center;
    margin-top: 3rem;
    transition: 0.3s all linear;
    background-color: #7F1083;
    border-radius: 50px;
    max-width: 200px !important;
    width: 100%;
    z-index: 1;
}

.home-course .btn-more:hover {
    border-radius: 50px;
    transition: 0.3s all linear;
    background: #F4C51C;
}

.home-course .btn-more .text {
    color: #fff;
    transition: 0.1s all linear;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    font-size: 18px;
    letter-spacing: 3px;
}

.course-list {
    position: relative;
}

.course-list .item {
    position: relative;
    margin: 5px;
    transition: 0.2s all linear;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.course-list .item:hover {
    background-color: #f7f1f8;
}

.course-list .item .course-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

.course-list .item .course-img:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.course-list .item:hover .course-img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in;
}

.course-list .item .info {
    padding: 0 0.5rem;
}

.course-list .item .info .title {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.course-list .item .info .title::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 2px;
    display: block;
    background-color: #FFC700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    z-index: -1;
}



.course-list .item .info .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    transition: 0.2s all linear;
    border-bottom: 1px #B072B3 solid;
    z-index: 1;
    padding: 10px;
}

.course-list .item:hover .info .title {
    color: #7f1184;
}

.course-list .item .info .sub-text {
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 62px;
    overflow: hidden;
    transition: 0.2s all linear;
    line-height: 185%;
    margin-top: 0.5rem;
}

.course-list .item .info .tag-div,
.tab-content .tag-div {
    font-size: 14px;
}

.course-list .item .info .tag-div .tag,
.tab-content .tag-div .tag{
    font-size: 13px;
    border-right: 1px #c6c6c6 solid;
    line-height: 14px;
    padding-right: 5px;
}

.course-list .item .info .item:hover .tag-div,
.tab-content .tag-div {
    padding: 0 0.3rem;
    transition: all 0.3s ease-in;
}

.course-list .item .info .tag-div .tag:last-child,
.tab-content .tag-div .tag:last-child {
    border-right: none;
    padding-right: 0;
}

.course-list .item .info .tag-div .tag:nth-child(3n + 2),
.tab-content  .tag-div .tag:nth-child(3n + 2) {
    color: #3B8E2B;
}

.course-list .item .info .tag-div .tag:nth-child(3n + 1),
.tab-content .tag-div .tag:nth-child(3n + 1) {
    color: #5F0099;
}

.course-list .item .info .tag-div .tag:nth-child(3n) ,
.tab-content .tag-div .tag:nth-child(3n) {
    color: #3478B7;
}

.course-list .item .info .class_day_div {
    margin: 0.5rem 0;
}

.course-list .item .apply-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem 0.5rem;
}

.course-list .item .apply-box .people {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.course-list .item .apply-box .people .current {
    color: #D20000;

}

.course-list .item .apply-box .apply_btn {
    background-color: #D85B00;
    max-width: 130px !important;
    width: 100%;
}

.course-list .item .apply-box .apply_btn a {
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.course-list .item .apply-box .apply_btn a i {
    position: relative;
    right: 0;
    display: block;
    background-size: 100%;
    width: 27px;
    height: 8px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDI3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNi4zNTM2IDQuMzUzNTVDMjYuNTQ4OCA0LjE1ODI5IDI2LjU0ODggMy44NDE3MSAyNi4zNTM2IDMuNjQ2NDVMMjMuMTcxNiAwLjQ2NDQ2NkMyMi45NzYzIDAuMjY5MjA0IDIyLjY1OTcgMC4yNjkyMDQgMjIuNDY0NSAwLjQ2NDQ2NkMyMi4yNjkyIDAuNjU5NzI4IDIyLjI2OTIgMC45NzYzMTEgMjIuNDY0NSAxLjE3MTU3TDI1LjI5MjkgNEwyMi40NjQ1IDYuODI4NDNDMjIuMjY5MiA3LjAyMzY5IDIyLjI2OTIgNy4zNDAyNyAyMi40NjQ1IDcuNTM1NTNDMjIuNjU5NyA3LjczMDggMjIuOTc2MyA3LjczMDggMjMuMTcxNiA3LjUzNTUzTDI2LjM1MzYgNC4zNTM1NVpNMCA0LjVIMjZWMy41SDBWNC41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.course-list .item .apply-box .apply_btn a i::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.4);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -3px;
    transform: translate(0, -50%);
}

.course-list .item:hover .apply-box .apply_btn a i {
    right: -5px;
    transition: all 0.3s ease-in-out;
}

.course-list .item:hover .apply-box .apply_btn a i::after {
    right: 5px;
    transition: all 0.3s ease-in-out;
}


.course-list .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2215%22%20viewBox%3D%220%200%208%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.83016%2015C6.68077%2015.0005%206.53316%2014.9676%206.39818%2014.9035C6.2632%2014.8395%206.14428%2014.7461%206.05016%2014.63L1.22016%208.63003C1.07308%208.4511%200.992676%208.22666%200.992676%207.99503C0.992676%207.76341%201.07308%207.53896%201.22016%207.36003L6.22016%201.36003C6.3899%201.15581%206.63381%201.02739%206.89824%201.00301C7.16267%200.978631%207.42595%201.06029%207.63016%201.23003C7.83438%201.39977%207.9628%201.64368%207.98718%201.90811C8.01156%202.17253%207.9299%202.43581%207.76016%202.64003L3.29016%208.00003L7.61016%2013.36C7.73245%2013.5068%207.81012%2013.6856%207.834%2013.8751C7.85788%2014.0647%207.82697%2014.2571%207.74491%2014.4296C7.66285%2014.6021%207.53309%2014.7475%207.37098%2014.8486C7.20887%2014.9497%207.0212%2015.0023%206.83016%2015Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-color: rgba(244, 197, 28, 0.9);
    left: 0px;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
}

.course-list .swiper-button-next {
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2215%22%20viewBox%3D%220%200%208%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.16984%20-3.14713e-05C1.31923%20-0.00053978%201.46684%200.0324326%201.60182%200.0964613C1.7368%200.16049%201.85572%200.253949%201.94984%200.369969L6.77984%206.36997C6.92692%206.5489%207.00732%206.77334%207.00732%207.00497C7.00732%207.23659%206.92692%207.46104%206.77984%207.63997L1.77984%2013.64C1.6101%2013.8442%201.36619%2013.9726%201.10176%2013.997C0.837334%2014.0214%200.574053%2013.9397%200.369836%2013.77C0.16562%2013.6002%200.0371957%2013.3563%200.012816%2013.0919C-0.0115638%2012.8275%200.0700974%2012.5642%200.239836%2012.36L4.70984%206.99997L0.389837%201.63997C0.267554%201.49318%200.189877%201.31444%200.165997%201.12489C0.142118%200.935346%200.173034%200.742921%200.25509%200.570394C0.337146%200.397866%200.466906%200.252455%200.629016%200.151364C0.791127%200.0502739%200.978803%20-0.00226307%201.16984%20-3.14713e-05Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-color: rgba(244, 197, 28, 0.9);
    right: 0px;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
}

.course-list .swiper-button-prev:after,
.course-list .swiper-button-next:after {
    display: none;
}

@media (max-width: 1199px) {
    .course-list .item .info .title a {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .course-list .item {
        background-position: 12% 50%;
    }
}

@media (max-width: 767px) {
    .home-course {
        height: 890px;
    }

    .home-course .header>.text .title {
        font-size: 25px;
    }

    .home-course .header>.text .sub {
        font-size: 18px;
    }

    .course-list .swiper-button-prev,
    .course-list .swiper-button-next {
        z-index: 1;
    }
}

@media (max-width: 575px) {
    .home-course {
        height: auto;
    }

    .course-list {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 374px) {

    .home-course .header .btn-more {
        padding: 6px 18px;
    }

    .course-list .item {
        background-position: 10% 50%;
    }

    .course-list .item .info .tag-group {
        margin: 12px 10px;
    }

    .course-list .item .info .tag-group .date:before {
        margin-right: 6px;
    }

    .course-list .item .info .tag-group .date {
        font-size: 14px;
    }

    .course-list .item .info .title a {
        font-size: 16px;
    }

    .course-list .item .info .more-btn {
        font-size: 16px;
    }
}

.home-course .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgwXzEzNzQpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi42MDI3IDAuOTM3NjM1TDE0LjY5MzQgMi42MTYzNUwxNy42MjIxIDUuNDAyNjhIMC4xMjQyNjhWNy42MzYzMUgxNy42MjU1TDE0LjY5MzQgMTAuNDI2TDE2LjYwMjcgMTIuMTAzTDIyLjQ3MDEgNi41MjA4OUwxNi42MDI3IDAuOTM3NjM1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84MF8xMzc0Ij4KPHJlY3Qgd2lkdGg9IjIyLjg4OTEiIGhlaWdodD0iMTEuNzIzNyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMTI0MjY4IDEyLjExOTQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==') no-repeat center center;
    background-color: rgba(244, 197, 18, 0.9);
    background-size: 27px 15px;
    left: 0px;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
    transform: rotate(-180deg);
}

.home-course .swiper-button-next {
    width: 50px;
    height: 50px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgwXzEzNzQpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi42MDI3IDAuOTM3NjM1TDE0LjY5MzQgMi42MTYzNUwxNy42MjIxIDUuNDAyNjhIMC4xMjQyNjhWNy42MzYzMUgxNy42MjU1TDE0LjY5MzQgMTAuNDI2TDE2LjYwMjcgMTIuMTAzTDIyLjQ3MDEgNi41MjA4OUwxNi42MDI3IDAuOTM3NjM1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84MF8xMzc0Ij4KPHJlY3Qgd2lkdGg9IjIyLjg4OTEiIGhlaWdodD0iMTEuNzIzNyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuMTI0MjY4IDEyLjExOTQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==') no-repeat center center;
    background-color: rgba(244, 197, 18, 0.9);
    background-size: 27px 15px;
    right: 0px;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
}

.home-course .swiper-button-prev:after,
.home-course .swiper-button-next:after {
    display: none;
}


/*about*/

.home-about {
    background-color: #fff;
    background-image: url(../img/ab-bg.jpg);
    background-size: auto;
    position: relative;
    margin-top: 10rem;
    width: 100%;
}

@media (max-width: 991px) {
    .home-about {
        margin-top: 7rem;
    }
}

.home-about::before {
    content: '';
    display: block;
    position: absolute;
    top: -110px;
    background-image: url(../img/who.png);
    background-size: 100%;
    width: 1094px;
    height: 112px;
    background-repeat: no-repeat;
}


@media (max-width: 1199px) {
    .home-about::before {
        top: -88px;
        background-size: 80%;
    }
}

@media (max-width: 991px) {
    .home-about::before {
        top: -55px;
        background-size: 50%;
    }
}

@media (max-width: 560px) {
    .home-about::before {
        top: -55px;
        background-size: 100%;
        width: 100%;
    }
}

.home-about .container {
    padding: 60px 1rem;
}

.home-about .header {
    position: relative;
    margin: 1rem auto;
    flex-direction: column;
    align-items: center;
}

.home-about .header::after {
    content: '';
    position: relative;
    top: -7px;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 154px;
    height: 18px;
    margin-right: 1rem;
    display: block;
    background-size: 100%;
    background-image: url(../img/title-line.png);
    z-index: 0;
}

.home-about .header>.text {
    position: relative;
    z-index: 1;
}

.home-about .about-img-div {
    width: 100%;
    text-align: center;
}

@media (max-width: 991px) {
    .home-about .about-img-div {
        margin-bottom: 4rem;
    }
}


.home-about .about-box {
    z-index: 2;
    position: relative;
}


.home-about .title {
    font-weight: bold;
    font-size: 23px;
    line-height: 1;
    color: #000;
    letter-spacing: 3px;
}


.home-about .title span {
    position: relative;
    letter-spacing: 3px;
    font-size: 25px;
    font-weight: bold;
    margin-top: 1rem;
    display: block;
}

.home-about .title span b {
    font-size: 40px;
}

.home-about .sub {
    font-size: 23px;
    line-height: 1;
    margin-top: auto;
    color: #F4C51C;
    position: absolute;
    top: -24px;
    right: -30px;
    text-transform: uppercase;
    transform: rotate(20deg);
}

.home-about .about-box .text-box {
    display: flex;
    flex-direction: column;
    margin: 40px 2rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: 185%;
}

.home-about .text-box .title {
    font-size: 20px;
    font-weight: bold;
    margin: 1rem 0;
    position: relative;
}

.home-about .text-box .title::before {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translate(-50%,0);
    display: block;
    background-image: url(
    ../img/a001.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 235px;
    height: 123px;
    z-index: -1;
}

.home-about .h-a-box:nth-child(2) .text-box .title::before {
    background-image: url(../img/a002.png);
}

.home-about .h-a-box:nth-child(3) .text-box .title::before {
    background-image: url(../img/a003.png);
}

.home-about .h-a-box:nth-child(4) .text-box .title::before {
    background-image: url(../img/a004.png);
}

.home-about .text-box .title b {
    font-size: 40px;
    color: #F4C51C;
    font-weight: bold;
    margin-right: 10px;

}

.home-about .about-box .more-btn {
    margin: 50px 0 20px;
}


.home-about .btn-more {
    padding: 1rem;
    align-items: center;
    margin-top: 3rem;
    transition: 0.3s all linear;
    background-color: #7F1083;
    border-radius: 50px;
    max-width: 200px !important;
    width: 100%;
    color: #fff;
}

.home-about .btn-more .text {
    color: #fff;
    transition: 0.1s all linear;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    font-size: 18px;
    letter-spacing: 3px;
}

.home-about .btn-more:hover {
    border-radius: 50px;
    transition: 0.3s all linear;
    background: #F4C51C;
}

.home-about .btn-more .icon {
    width: 41px;
    height: 8px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQxIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjYwOTM3NSIgeTE9IjYuNjE4NzciIHgyPSIzOS43MzUiIHkyPSI2LjYxODc4IiBzdHJva2U9IndoaXRlIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iMTAuNjg2OCIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc5NDI0OSAtMC42MDc1OTIgMC43OTQyNDkgLTAuNjA3NTkyIDQwLjcxOTIgNi42MTA4NCkiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==') no-repeat center center;
}


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

    .home-about .about-img {
        margin: 0 auto 3rem;
    }

    .home-about .about-box {
        text-align: center;
    }

    .home-about .about-box .text-box {
        margin: 60px 0;
    }

    .home-about .about-box .more-btn {
        margin: 30px 0 20px;
    }

    .home-about .btn-more {
        margin-bottom: 3rem;
    }
}

@media (max-width: 768px) {
    .home-about .about-box .text-box {
        margin: 40px 0;
    }
}

/*footer*/

footer {
    position: relative;
    background-color: #fff;
    color: #000000;
}



footer .bg {
    display: flex;
    flex-direction: column-reverse;
    border-top: 7px #F4C51C solid;
    padding: 1rem 0;
    line-height: 185%;
}

footer .bg .container,
footer .bg .container a {
    text-decoration: none;
    background-color: #fff;
    color: #000000;
}


footer .footer_box {
    padding: 6px 1rem;
    max-width: 1320px;
    margin: 0 auto;
}

@media (max-width:991px) {
    footer .footer_box {
        margin-bottom: 50px;
    }
}

footer .contact {
    flex: 0 0 600px;
    margin: 0 1rem;
}

@media (max-width: 1399px) {
    footer .contact {
        flex: 0 0 460px;
        margin: 0 1rem;
    }
}

@media (max-width: 1199px) {
    footer .contact {
        flex: 1;
    }
}

@media (max-width: 767px) {
    footer .contact {
        margin: 0;
        text-align: center;
    }
}

footer .contact i {
    margin-right: 0.5rem;
}

footer .follow {
    flex: 0 0 300px;
}

@media (max-width: 767px) {
    footer .follow {
        flex: 1;
        margin-top: 1rem;
    }
}

footer .f-title {
    font-size: 25px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px #E0E0E0 solid;
    padding-bottom: 0.2rem;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}

@media (max-width: 767px) {
    footer .f-title {
        border-bottom: none;
    }
}


footer .f-title span {
    font-size: 30px;
    color: #F4C51C;
}


footer .community-list {
    display: flex;
}

footer .community-link {
    margin-right: 10px;
    position: relative;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 12px;
    background-size: contain;
}

footer .footer-info-div {
    flex: 0 0 700px;
    margin: 0 5%;
}

@media (max-width: 1399px) {
    footer .footer-info-div {
        flex: 0 0 450px;
    }
}

@media (max-width: 1199px) {
    footer .footer-info-div {
        margin: 0 5%;
    }
}

@media (max-width: 991px) {
    footer .footer-info-div {
        flex: 1 1 auto;
    }
}

@media (max-width: 768px) {
    footer .footer-info-div {
        text-align: center;
        margin-top: 1rem;
    }
}

footer .footer-info-div .row div {
    margin-bottom: 10px;
}

footer .footer-info-div i {
    color: #000000;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}

footer .footer-info-div .text {
    text-align: right;
    letter-spacing: 0px;
    margin-top: 10px;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    footer .navigation {
        display: none;
    }
}

footer .footer-link-div {
    flex: 1;
}

footer .footer-link-div .link-list .list {
    height: 105px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

footer .footer-link-div .link-list .list .item {
    height: 35px;
    width: 110px;
}

footer .footer-link-div .item a {
    position: relative;
    margin-left: 10px;
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
}

footer .footer-link-div .item a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translate(-50%, -50%);
    background-color: #165A9B;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    display: block;
}

footer .footer-link-div .item a:hover {
    color: #E5841C;
    transition: all 0.3s ease;
}

footer .footer-link-div .item a:before {
    content: '>';
    position: absolute;
    top: 0;
    left: -10px;
    transform: none;
    background-color: #F4C51C;
    color: #F4C51C;
    border-radius: 50%;
    width: 0;
    height: 0;
    display: block;
}


footer .community-link-group .fb a,
footer .community-link-group .line a {
    margin-right: 1rem;
    font-size: 21px;
    color: #fff;
}

footer .foot-map {
    border: 1px #f4c51d solid;
}

footer .copyright {
    background: #000000;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}


footer .footer-attest-div {
    background: #000000;
}

@media (max-width: 1199px) {
    footer .footer-logo-div {
        flex: 1;
        text-align: center;
    }

    footer .footer-link-div .link-list>.row>div {
        text-align: center;
    }

    footer .footer-link-div .link-list>.row>div:not(:nth-child(4n-3)):before {
        left: -5px;
    }
}

@media (max-width: 991px) {
    footer .footer-info-div {
        flex: 1;
        margin: 20px 0 0 0;
    }

    footer .footer-info-div .text {
        text-align: center;
    }

    footer .footer-link-div {
        display: none;
    }
}


@media (min-width: 992px) {
    .mobile-bottom {
        display: none;
    }
}

.mobile-bottom .fixed-bottom {
    z-index: 1032;
}

.mobile-bottom .button {
    position: relative;
    height: 50px;
}

.mobile-bottom .text {
    font-size: 15px;
}

.mobile-bottom .text a {
    text-decoration: none;
}

.mobile-bottom .button:nth-child(3n-2) {
    background: #7f0f83;
}

.mobile-bottom .button:nth-child(3n-2) .icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200ZM7.6875%204.7666C7.93474%204.75202%208.15822%204.8998%208.32764%205.1621L9.96826%208.27342C10.141%208.6421%2010.0428%209.03686%209.78516%209.30028L9.0337%2010.0517C8.98732%2010.1153%208.9568%2010.1869%208.95606%2010.2656C9.24424%2011.3811%2010.1184%2012.4101%2010.8897%2013.1177C11.6609%2013.8253%2012.4899%2014.7833%2013.5659%2015.0102C13.6989%2015.0473%2013.8619%2015.0606%2013.957%2014.9722L14.8301%2014.083C15.1314%2013.8546%2015.5674%2013.7439%2015.8892%2013.9307H15.9038L18.8642%2015.6782C19.2988%2015.9506%2019.3438%2016.4771%2019.0327%2016.7974L16.9937%2018.8203C16.6925%2019.1291%2016.2925%2019.2329%2015.9038%2019.2334C14.1849%2019.1819%2012.5607%2018.3382%2011.2266%2017.4712C9.0368%2015.8781%207.02814%2013.9023%205.7671%2011.5151C5.28346%2010.5141%204.71532%209.23694%204.76954%208.11966C4.77438%207.69934%204.8881%207.28756%205.1841%207.01664L7.22316%204.97758C7.382%204.84242%207.53914%204.77536%207.6875%204.7666Z%22%20fill%3D%22%23CDE4FF%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.mobile-bottom .button:nth-child(3n-2) .text a {
    color: #fff;
}

.mobile-bottom .button:nth-child(3n-1) {
    background: #cea2cf;
}

.mobile-bottom .button:nth-child(3n-1) .icon {
    width: 26px;
    height: 26px;
    padding: 2px;
    margin-right: 5px;
    background: url(../img/online-voting.png) no-repeat center center;
    background-size: 63%;
    background-color: #7f0f83;
    border-radius: 50%;
}

.mobile-bottom .button:nth-child(3n-1) .text a {
    color: #7f0f83;
}

.mobile-bottom .button:nth-child(3n) {
    background: #ffc107;
}

.mobile-bottom .button:nth-child(3n) .icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.4571%206C11.6393%206%2012.7729%206.46959%2013.6088%207.30547C14.4447%208.14134%2014.9143%209.27504%2014.9143%2010.4571C14.9143%2011.5611%2014.5097%2012.576%2013.8446%2013.3577L14.0297%2013.5429H14.5714L18%2016.9714L16.9714%2018L13.5429%2014.5714V14.0297L13.3577%2013.8446C12.5489%2014.5349%2011.5205%2014.9142%2010.4571%2014.9143C9.27504%2014.9143%208.14134%2014.4447%207.30547%2013.6088C6.46959%2012.7729%206%2011.6393%206%2010.4571C6%209.27504%206.46959%208.14134%207.30547%207.30547C8.14134%206.46959%209.27504%206%2010.4571%206V6ZM10.4571%207.37143C8.74286%207.37143%207.37143%208.74286%207.37143%2010.4571C7.37143%2012.1714%208.74286%2013.5429%2010.4571%2013.5429C12.1714%2013.5429%2013.5429%2012.1714%2013.5429%2010.4571C13.5429%208.74286%2012.1714%207.37143%2010.4571%207.37143Z%22%20fill%3D%22%230056B8%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.mobile-bottom i.fa-phone-alt {
    background-color: #fff;
    color: #7f0f83;
    border-radius: 50%;
    padding: 3px;
    margin-right: 5px;
    font-size: 14px;
}

.mobile-bottom i.fa-arrow-up {
    background-color: #000;
    color: #ffc107;
    border-radius: 50%;
    padding: 4px 5px;
    margin-right: 5px;
    font-size: 14px;
    width: 22px;
    height: 22px;
}

/**/
.btn-fixed {
    position: fixed;
    bottom: 130px;
    right: 24px;
    z-index: 3;
    text-align: center;
}

.btn-fixed .btn-list {
    width: 56px;
    display: flex;
    flex-direction: column-reverse;
}

.btn-fixed .btn-list>* {
    margin-top: 14px;
}

.btn-fixed .btn-list>.community-link {
    position: relative;
    width: 56px;
    height: 56px;
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-fixed .btn-list>.community-link a {
    background: inherit;
}

.go-top {
    position: fixed;
    bottom: -120px;
    right: 14px;
    z-index: 3;
    transition: all 0.2s ease-out;
    cursor: pointer;
    width: 50px;
}

.go-top.show {
    bottom: 60px;
}

@media (max-width: 991px) {
    .go-top.show {
        bottom: 85px;
    }
}

.go-top a {
    padding: 0px 16px 5px 16px;
    background-color: #FCBE0B;
    border-radius: 5px;
    color: #FFF;
    font-size: 30px;
}


header .mobile-navbar .dropdown {
    background-color: #7f0f83;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .mobile-navbar .dropdown a,
header .mobile-navbar .header-member-btn i {
    color: #fff;
    font-size: 18px;
}

header .mobile-navbar .header-member-dropdown-menu {
    right: -58px;
    left: auto;
    width: auto;
    padding: 0;
    border-radius: 0;
}

header .mobile-navbar .header-member-dropdown-menu .dropdown-item {
    padding: 12px 12px;
    color: #494949;
}

header .mobile-navbar .header-member-dropdown-menu .dropdown-item:hover {
    background-color: #f0f0f0;
}

header .mobile-navbar .header-member-dropdown-menu li:not(:last-child) .dropdown-item {
    border-bottom: solid 1px #dcdcdc;
}