@layer media_query {


    @media all and (max-width: 1800px) {
        .headerTop .headerMenu .menuLv0>li>a {
            font-size: 1.25rem;
        }

        .container {
            padding-left: 5rem;
            padding-right: 5rem;
        }
    }

    @media (max-width: 1800px) {
        body.englishVersion .headerTop .headerMenu .menuLv0>li>a {
            font-size: 1.1rem;
        }
    }

    @media all and (max-width: 1500px) {
        .container {
            padding-left: 2.5rem;
            padding-right: 2.5rem;
        }
    }

    @media all and (max-width: 1330px) {

        .menuBtn {
            display: block;
        }

        .d-none-mobile {
            display: none;
        }

        .headerMenu ul li>.extmenu:before {
            border: 0;
        }


        .contentArea .need_to_scroll:before {
            content: '';
            position: absolute;
            z-index: 25;
            top: 5rem;
            right: 0.9375rem;
            width: 3rem;
            height: 2rem;
            transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            -webkit-animation: passing 1.3s linear infinite;
            animation: passing 1.3s linear infinite;
            background: url(../images/icon/icon_arrow_right.svg) no-repeat center center;
            background-size: contain;
        }

        .contentArea .need_to_scroll:after {
            content: '';
            position: absolute;
            z-index: 22;
            top: 0;
            right: 0;
            display: block;
            width: 3.75rem;
            height: 100%;
            transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            pointer-events: none;
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, .5)), to(#fff));
            background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
        }

        .contentArea .need_to_scroll.reachend:before {
            width: 0;
            height: 0;
            opacity: 0;
            overflow: hidden;
        }

        .contentArea .need_to_scroll.reachend:after {
            width: 0;
            height: 0;
            opacity: 0;
            overflow: hidden;
        }

        .shareList {
            display: block;
            position: static;
            border: 0;
            box-shadow: none;
        }


        body.subMenuVersion .bodyArea .mainContent {
            background-color: var(--white);
            max-width: 100%;
        }



        .mainContent ol,
        .mainContent ul {
            padding-left: 0.6em;
            margin-bottom: 1.4em;
        }

        .headerArea .headerTool .headerMenu.dOnly {
            display: block;
            z-index: -1;
            position: fixed;
            height: 0;
            width: 0;
            -webkit-transition: all 0.1s ease-out;
            -moz-transition: all 0.1s ease-out;
            -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
            opacity: 0;
            visibility: hidden;
        }

        .headerMenu_active,
        .searchMenu_active,
        .langMenu_active {
            overflow: hidden;
        }

        .mobilenav .langmenu {
            display: none;
        }

        .headerArea .mobilenav .searchTool {
            display: none;
        }

        .headerMenuBigWrapper,
        .searchToolBigWrapper,
        .langToolBigWrapper {
            color: #000;
            transition: transform 0.5s;
            width: 100%;
            height: 100%;
            transform: translateX(100%);
            position: fixed;
            z-index: 8000;
            top: 0;
            right: 0;
            max-width: 500px;
        }

        .headerMenu_active .headerMenuBigWrapper,
        .searchMenu_active .searchToolBigWrapper,
        .langMenu_active .langToolBigWrapper {
            transform: translateX(0);
            -webkit-box-shadow: 0 0 4px 2px rgba(40 40 40 / 20%);
            -moz-box-shadow: 0 0 4px 2px rgba(40, 40, 40, .2);
            -ms-box-shadow: 0 0 4px 2px rgba(40, 40, 40, .2);
            box-shadow: 0 0 4px 2px rgba(40 40 40 / 20%);
        }

        .mobileTool button,
        .mobilenav .mobSearch a,
        .mobilenav .moblang a {
            position: relative;
            min-width: 1.25rem;
            min-height: 1.25rem;
            display: inline-block;
        }

        .headerMenu_active .mobileTool img,
        .searchMenu_active .mobilenav .mobSearch img,
        .langMenu_active .mobilenav .moblang img {
            display: none;
        }

        .headerMenu_active .mobileTool button::before,
        .headerMenu_active .mobileTool button::after,
        .searchMenu_active .mobilenav .mobSearch a::before,
        .searchMenu_active .mobilenav .mobSearch a::after,
        .langMenu_active .mobilenav .moblang a::before,
        .langMenu_active .mobilenav .moblang a::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            width: 1.625rem;
            height: 2px;
            background-color: grey;
        }

        .headerMenu_active .mobileTool button::before,
        .searchMenu_active .mobilenav .mobSearch a::before,
        .langMenu_active .mobilenav .moblang a::before {
            transform: translate(0, -50%) rotate(45deg);
            margin-left: -2px;
        }

        .headerMenu_active .mobileTool button::after,
        .searchMenu_active .mobilenav .mobSearch a::after,
        .langMenu_active .mobilenav .moblang a::after {
            transform: translate(0, -50%) rotate(-45deg);
            margin-left: -2px;
        }

        .headerArea .hrbTool input {
            width: 70%;
        }

        .headerMenu {}

        .headerMenu .my_menu .extmenu>.menu_items {
            box-shadow: none;
            padding-right: 0;
            width: 100%;
            padding-left: 0;
            float: none;
        }

        .headerMenu .my_menu.close .extmenu .menuLv1,
        .headerMenu .my_menu .extmenu .menuLv1 li.close>.extmenu .menuLv2 {}

        .headerMenu .my_menu.open>.extmenu .menuLv1,
        .headerMenu .my_menu .extmenu .menuLv1 li.open>.extmenu .menuLv2 {}

        .headerMenu ul .excActive>ul {
            padding: 0;
        }

        .mobile {
            display: inherit;
        }

        .mobileLogo {
            margin: auto;
        }

        .headerTool .leftClfArea {
            width: 100%;
            padding-left: 0;
        }

        .mobileLangTool {
            float: right;
        }

        .headerMenu.bs-example-js-navbar-collapse.dOnly.collapse {
            display: none;
            height: auto;
            position: absolute;
            left: 0;
            right: 0;
            margin-top: 0;
            z-index: 8555;
        }

        .headerMenu.bs-example-js-navbar-collapse.dOnly.collapse.in {
            display: block;
        }

        .left_menu>* {
            display: none;
        }

        .bodyArea .mainContent {
            width: 100%;
            margin-left: 0;
        }

        .leftMenu {
            display: none
        }

        .contentArea .breadcrumb {
            display: none
        }

        .mainContent a {
            word-break: break-word;
        }

        .topBtn .textTop {}

        .topBtn {
            background-image: none;
            margin: 0;
        }

        .headerTool .mobileTool>button {
            display: inline-block;
        }

        .headerTool .mobileTool>button.navbar-my-search {
            background-color: #044b9b;
        }

        .headerTool .active>.mobileTool {
            background-color: transparent;
        }

        .headerTool .headerNav {
            display: flex;
            padding: 0;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .headerArea .headerTool .language a,
        .headerArea .headerTool .language a:link,
        .headerArea .headerTool .language a:visited {}


        .headerNav>.container {
            padding: 0;
        }

        .mobSearch {}

        .langToolBigWrapper ul {
            font-size: 1.3rem;
        }

        .langToolBigWrapper ul>li a {
            color: #676767;
        }

        .langToolBigWrapper li {
            display: block;
            margin-bottom: 0.625rem;
        }

        .navbar-my-language {
            margin-right: 0;
        }

        .moblang,
        .mobSearch,
        .mobileTool {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: center;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
        }

        .searchToolBigWrapper .mobSearch {
            display: none;
        }

        .langToolBigWrapper .moblang {
            display: none;
        }

        .headerArea .shareTool {
            display: none;
        }

        .mobSearch {}

        .mobSearch a {}

        .navbar-my-language img,
        .mobSearch img,
        .sharebt img,
        .mobileTool img {
            max-height: 1.25rem;
            max-width: 1.25rem;
            min-width: 1.25rem;
            min-height: 1.25rem;
        }


        .contentArea .breadcrumb,
        .contentArea .printTool {
            display: none;
        }



        .tMenu.menuLv0>li>a.excLi:before {
            display: none;
        }

        .headerMenu .my_menu>a {}

        .headerMenu ul>li>a.active_section,
        .headerMenu ul>li.active_section>a {}

        .footerArea .footerRight {
            display: block;
        }

        .footerArea .footerRight * {
            text-align: right;
        }

        .footerArea .footerRight .updateDate {
            padding-right: 0;
            margin-bottom: 0.7rem;
        }

        .footerArea .fMenu {
            max-width: none;
        }

        .footerArea .fMenu {
            padding: 0.5rem 0;
            float: left;
            margin: 0;
        }

        .mainContent ol ol,
        .mainContent ol ul,
        .mainContent ul ol,
        .mainContent ul ul {
            padding-left: 0.625rem;
        }


        .headerArea .headerTop {
            display: none;
        }

        .headerMenu .tMenu li ul>li {
            width: 100%;
        }

        .headerMenu .tMenu li ul>li:before {}

        .headerMenu ul .excActive>ul {
            display: none;
        }

        .headerArea .headerTool ul>li>a:hover,
        .headerArea .headerTool ul>li>a:focus,
        .headerArea .headerTool ul>li>a:active {
            color: #2A313C;
            background: #f6b990;
        }

        .mainHeader {
            background-position: top center;
            overflow: hidden;
        }

        #wrap {
            min-width: auto;
            margin-right: auto;
            margin-left: auto;
        }

        .headerTool.active .mobileClient {
            display: block;
            padding: 0;
        }

        .mobileClient {
            display: block;
        }

        .mobileClient:after {}

        .container.incontainer {
            padding-left: 0;
            padding-right: 0;
        }

        .mobileClient ul {}

        .mobileClient ul li img {
            width: 1.875rem;
        }

        .mobileClient .logout {
            float: right;
        }

        body.indexVersion .breadcrumb,
        body.extIndex .breadcrumb {
            display: none;
        }

        .breadcrumb {}

        .breadcrumbbg {
            padding-top: 1.75rem;
        }

        .contentArea h2 {}


        .footerMenu ul.bMenu {
            display: none;
        }

        .footerArea .fMenu>li {
            color: #ddd;
        }

        .headerArea {
            position: fixed;
            top: 0;
        }

        body.mobile .headerArea {}

        .headerMenuBigWrapper .langmenu {
            display: block;
        }

        .menu_search {
            display: block;
        }

        .headerMenuBigWrapper .menuLv0 {
            border-top: 0;
        }

        .headerMenuBigWrapper .headerMenu .menuLv0>li.firstLi {
            display: block;
            border-bottom: 1px solid rgba(0, 0, 0, .25);
        }

        .headerMenu .menuLv0>li.my_menu {
            display: block;
            width: 100%;
            text-align: left;
            float: none;
        }

        .headerMenuBigWrapper.active .menuLv0>li.my_menu {
            display: block;
        }

        .headerMenu .menuLv0>li.my_menu:after {
            display: none;
        }

        .headerMenu .menuLv0>li.my_menu2 span {
            text-align: left;
        }



        .headerMenu .menuLv0>li>a>span {
            padding: 0;
            border-bottom: 0;
        }

        .headerMenu .tMenu>li>a:focus>span,
        .headerMenu .tMenu>li>a:hover>span,
        .headerMenu .tMenu>li>a:active>span {
            border-bottom: 0;
        }

        .headerMenu .tMenu li .menuLv1>li.open .extmenu {
            display: block;
        }

        .headerMenu ul li>.extmenu {
            padding-left: 0;
            left: auto;
            box-shadow: none;
            position: static;
            max-height: 0;
            transition: max-height 0.5s;
            overflow: hidden;
            padding-top: 0;
            padding-bottom: 0;
            display: block;
            width: 100%;
            padding-right: 0;
        }

        .headerMenu ul li.open>.extmenu {
            max-height: 300rem;
        }

        .headerMenu .excActive>.menuLv1 {
            display: block;
        }

        .headerArea .headerTool {
            padding-top: 0;
        }



        .headerMenu br {
            display: none;
        }

        iframe {
            max-width: 100%;
        }

        .headerTool .searchBtn {
            display: inline-block;
        }

        .tmOnly {
            position: absolute;
            visibility: hidden;
            left: -9999px;
        }

        .dtOnly {
            position: absolute;
            visibility: hidden;
            left: -9999px;
        }

        .smOnly {
            position: static;
            visibility: visible;
            left: auto;
        }

        .headerTool .myLogo {
            padding-left: 1.2rem;
            width: 86px;
        }

        .headerTool .myLogo * {
            display: block;
            width: 100%;
        }

        .headerTool .myLogo img {
            max-width: none;
        }

        .headerRight {
            display: none;
        }

        .clientTool>.ctitem {
            display: none;
        }

        .langmenu {}

        .searchTool {}

        .searchTool input {}

        .searchBtn {
            display: inline-block;
            background-image: url('../images/icon/icon_search.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            width: 1.25rem;
            height: 1.25rem;
            font-size: 0;
            vertical-align: middle;
        }

        .headerTool .searchBtn img {
            float: none;
            margin-left: 0;
        }

        .searchTool form {
            display: block;
        }

        body.subMenuVersion .contentArea {
            width: 100%;
            margin-left: 0;
        }

        .footerArea .w3c>div {}


        .footerArea .footerMenu {
            flex-wrap: wrap;
            width: 100%;
            justify-content: flex-start;
        }

        .footerArea .footerMenu>div {
            width: 33.333333%;
            max-width: none;
        }

        .footerArea1 {
            padding-bottom: 0;
        }

        .footerArea1_5.strange_position {
            position: static;
            padding-top: 2rem;
        }

        .footerArea1_5.strange_position .swiper-wrapper {
            flex-wrap: wrap;
        }

        .footerArea1_5.strange_position .swiper-wrapper .swiper-slide {
            margin-bottom: 1rem;
        }

        .welcome_text {
            padding-top: 1rem;
        }


        .bodyArea {}

        .section_wrapper h2 {
            width: 100%;
        }
    }

    /*1330 end*/
    @media(max-width: 992px) {
        .table_wrapper table {
            max-width: none;
        }

    }

    @media all and (max-width: 992px) {
        .modal_header {
            padding-left: 1rem;
            padding-right: 1rem;
        }







        body.indexVersion .headerTool .myLogo {
            height: auto;
        }

        body.fixedHeader .headerTool .myLogo {
            padding-bottom: 0;
        }

        .topBtn .textTop {
            font-size: 0;
        }

        .footerArea .info {
            text-align: center;
            margin-bottom: 0.7rem;
            /* margin-top: 1.25rem; */
        }

        .footerArea .footerRow {
            display: block;
        }


        .footerArea .w3c {
            text-align: center;
        }

        .footerArea .footerRight .updateDate {
            text-align: center;
            width: 100%;
            margin-bottom: 1rem;
        }


        .down_content {
            max-width: 100%;
        }


        .whats_new_item .date_wrap {
            width: 100%;
        }

        .whats_new_item .whats_new_title {
            width: 100%;
        }
    }

    /*992 end*/

    @media all and (max-width: 767px) {

        .container {
            padding-left: 1.2rem;
            padding-right: 1.2rem;
        }

        .equal_height_column1,
        .equal_height_column2,
        .equal_height_column3,
        .equal_height_column4,
        .equal_height_column5,
        .equal_height_column6,
        .equal_height_column7,
        .equal_height_column8,
        .equal_height_column9,
        .equal_height_column10,
        .equal_height_column11,
        .equal_height_column12,
        .equal_height_column13,
        .equal_height_column14,
        .equal_height_column15,
        .equal_height_column16,
        .equal_height_column17,
        .equal_height_column18,
        .equal_height_column19,
        .equal_height_column20 {
            height: auto;
        }


        .footerArea .footerMenu {
            flex-wrap: wrap;
        }

        .footerMenu>div {
            flex: 0 0 100%;
            max-width: 100%;
            padding-right: 0;
        }

        .footerArea .w3c>.updateDate {
            text-align: center;
            padding-right: 0;
            display: block;
        }


        .footerArea2 .container {
            padding-left: 4rem;
            padding-right: 4rem;
        }








        .footerMenuArea {
            display: none;
        }

        .footerArea {
            padding-top: 0;
        }

        .footerArea1_5{
            padding-top: 1rem;
        }

        .footer_pagebottom2 {
            top: 5rem;
        }

        .circle_pattern {}



    }

    /*767 end*/


    @media(max-width: 600px) {
        .typerow>div {
            width: 33.33333%;
            min-width: inherit;
        }

        .footer_pagebottom1.fixed {
            right: 2rem;
            bottom: -2.5rem;
        }


    }




    @media all and (min-width: 1331px) {
        .headerArea .headerTool .active_section>a {
            color: var(--headermenu_active_blue);
        }

        .headerArea .headerTool .my_menu.open>a {
            color: #224F77;
        }

        .headerArea .headerTool .menuLv1>li>a:hover,
        .headerArea .headerTool .menuLv1>li>a:focus {
            color: var(--moredetailhoverblue);
            /*background-color: transparent;*/
            text-decoration: none;
        }

        .headerTop .headerMenu .menuLv1 li a:hover:before,
        .headerTop .headerMenu .menuLv1 li a:focus:before {
            background-color: var(--moredetailhoverblue);
        }

        .headerMenu .tMenu li .menuLv1>li .extmenu {
            display: none;
        }
    }


    @media(max-width: 992px) {
        .triangle_pattern {
            top: 5%;
        }


        .circle_pattern {
            display: none;
        }
    }
}

@layer media_query {
    @media(max-width: 767px) {
        .history_row>.history_item:not(:last-child) {
            margin-bottom: 4rem;
        }

        .history_item {
            width: 100%;
        }
    }
}


@layer media_query {
    @media(max-width: 767px) {
        .gallery_layout1 {
            grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
        }
    }

    @media(max-width: 600px) {
        .gallery_layout1 .imgwrap {
            max-width: 75%;
        }
    }

    @media(max-width: 767px) {
        .gallery_layout2 {
            grid-template-columns: 100%;
        }

        .gallery_layout2 .content {
            margin-bottom: 1.5rem;
            order: 2;
        }
    }

    @media(max-width: 767px) {
        .gallery_layout3 {
            grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
        }
    }
}

@layer media_query {
    @media(max-width: 992px) {
        .card>div:first-child {}

        .card>div:last-child {

            padding-top: 1rem;
        }
    }

    @media(max-width: 767px) {
        .card {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            grid-template-columns: 100%;
        }

        .card .title {
            font-size: 1.8rem;
        }
    }
}

@layer media_query {
    @media(max-width: 992px) {
        .photoslider_swiper_in_modal {
            max-width: calc(100% - 1rem);
        }
    }
}

@layer media_query{
    @media(max-width: 767px){
        .eventswiperhuge{
            max-width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

@layer media_query {
    /*put your style here*/
}