/*
Theme Name: Theme chức năng
Description: This is a child theme for Flatsome Theme
Author: freelancerviet.net
Template: flatsome
Version: 1.0.0
*/
body{
	--secondary-color: #4bb752;
	--primary-color-rgb: rgba(75, 183, 82,0.9);
	--main-text-color: white;
}
@font-face {
    font-family: Inter-Light\.ttf;
    src: url(./assets/fonts/Inter-Light.ttf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: Inter-Regular\.ttf;
    src: url(./assets/fonts/Inter-Regular.ttf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: Inter-Medium\.ttf;
    src: url(./assets/fonts/Inter-Medium.ttf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: Inter-SemiBold\.ttf;
    src: url(./assets/fonts/Inter-SemiBold.ttf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: Inter-Bold\.ttf;
    src: url(./assets/fonts/Inter-Bold.ttf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
::-webkit-scrollbar {
    width: 3px
}
::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 1px;
    border: 1px solid #545454
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(135, 141, 141, .47)
}
button,
input,
select,
textarea {
    margin: 0;
    outline: none
}
body,
html {
    box-sizing: border-box;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 170%;
    color: #3f4855;
    overflow-x: hidden
}
@media (min-width:1920px) {
    body,
    html {
        font-size: 18px
    }
}
* {
    box-sizing: border-box
}
*,
:after,
:before {
    box-sizing: inherit
}
a {
    text-decoration: none
}
img,
video {
    height: auto;
    max-width: 100%
}
iframe {
    border: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
td:not([align]),
th:not([align]) {
    text-align: left
}
body,
html {
    margin: 0;
    padding: 0
}
.site-container {
    overflow: hidden
}
.typography blockquote,
.typography body,
.typography dd,
.typography dl,
.typography dt,
.typography fieldset,
.typography figure,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography hr,
.typography html,
.typography iframe,
.typography legend,
.typography li,
.typography ol,
.typography p,
.typography pre,
.typography textarea,
.typography ul {
    margin: 0;
    padding: 0
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    font-size: 100%;
    font-weight: 400
}
.typography ul {
    list-style: none
}
@keyframes slide_run1 {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}
@keyframes slide_run2 {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-200%)
    }
}
@keyframes active-menu-bar02 {
    to {
        height: 0
    }
}
.read_more_def {
    display: flex;
    align-items: center;
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s ease
}
.read_more_def img {
    margin-left: 12px
}
.read_more_def._white {
    color: #fff
}
.read_more_def._white img {
    filter: brightness(0) invert(1)
}
.read_more_def._gray {
    color: #262e3c
}
.read_more_def:hover {
    letter-spacing: 1.5px
}
@media (min-width:1920px) {
    .read_more_def {
        font-size: 18px
    }
}
.btn_def {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    height: 46px;
    border-radius: 50px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: #fff;
    text-decoration: none;
    cursor: pointer
}
.btn_def,
.btn_def img {
    transition: all .3s ease
}
.btn_def img {
    margin-right: 10px;
    width: 24px
}
.btn_def:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color)
}
.btn_def:hover img {
    filter: brightness(0) invert(1)
}
.btn_def._red {
    background: var(--primary-color);
    color: #fff
}
.btn_def._red img {
    filter: brightness(0) invert(1)
}
.btn_def._red:hover {
    letter-spacing: 1.5px
}
@media (min-width:1920px) {
    .btn_def {
        font-size: 18px;
        height: 62px;
        width: 250px
    }
    .btn_def img {
        width: 30px
    }
}
.cat_tab_list_def {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
@media (max-width:576px) {
    .cat_tab_list_def {
        justify-content: space-between
    }
}
.cat_tab_list_def .item {
    position: relative;
    display: inline-block;
    height: 36px;
    border-radius: 20px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 36px;
    text-decoration: none;
    background: transparent;
    margin-right: 25px;
    margin-bottom: 5px;
    padding: 0;
    cursor: pointer;
    transition: all .3s ease
}
@media (min-width:1920px) {
    .cat_tab_list_def .item {
        font-size: 18px;
        height: 48px;
        line-height: 48px;
        border-radius: 30px
    }
}
@media (max-width:576px) {
    .cat_tab_list_def .item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc((100% - 15px)/2);
        font-size: 13px;
        line-height: 1.2;
        min-height: 36px;
        height: auto;
        padding: 8px 0;
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px
    }
}
.cat_tab_list_def._blue .item {
    color: #858ea7
}
@media (max-width:576px) {
    .cat_tab_list_def._blue .item {
        color: #15548e;
        border: 1px solid var(--primary-color)
    }
}
.cat_tab_list_def._blue .item.is-active {
    background: var(--primary-color);
    color: #fff;
    padding: 0 28px
}
@media (max-width:576px) {
    .cat_tab_list_def._blue .item.is-active {
        padding: 0 10px
    }
}
.cat_tab_list_def._white .item {
    color: #fff
}
@media (max-width:576px) {
    .cat_tab_list_def._white .item {
        color: #fff;
        border: 1px solid #fff
    }
}
.cat_tab_list_def._white .item.is-active {
    background: #fff;
    color: var(--primary-color);
    padding: 0 28px
}
@media (max-width:576px) {
    .cat_tab_list_def._white .item.is-active {
        padding: 0 10px
    }
}
.swiper-button {
    width: 30px;
    height: 30px
}
.swiper-button:after {
    display: none
}
.swiper-button img {
    max-width: 100%
}
@media (min-width:1920px) {
    .swiper-button {
        width: 40px;
        height: 40px
    }
}
.swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background: #c6cee3;
    opacity: 1
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3f4855
}
@media (min-width:1920px) {
    .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px
    }
}
.swiper-pagination._white .swiper-pagination-bullet {
    background: #c4c4c4
}
.swiper-pagination._white .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff
}
.breadcrumb_def {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.breadcrumb_def a,
.breadcrumb_def span {
    font-family: Inter-Bold\.ttf;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: grey
}
@media (min-width:1920px) {
    .breadcrumb_def a,
    .breadcrumb_def span {
        font-size: 18px
    }
}
.breadcrumb_def span {
    margin: 0 6px
}
@media (max-width:576px) {
    .breadcrumb_def a,
    .breadcrumb_def span {
        font-size: 12px;
        line-height: 16px;
        text-transform: capitalize
    }
}
.backpage_def {
    display: flex;
    align-items: center;
    font-family: Inter-Bold\.ttf;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: grey
}
.backpage_def img {
    width: 10px;
    margin-right: 10px
}
@media (min-width:1920px) {
    .backpage_def {
        font-size: 18px
    }
    .backpage_def img {
        width: 14px
    }
}
@media (max-width:576px) {
    .backpage_def {
        font-size: 12px;
        line-height: 16px;
        text-transform: capitalize
    }
}
.title_def {
    font-family: Roboto, sans-serif;
    font-weight: 600 !important;
    text-transform: capitalize;
    line-height: 150%
}
.title_def._white {
    color: #fff
}
.title_def._blue {
    color: var(--primary-color)
}
.title_def._red {
    color: var(--primary-color)
}
.title_def._gray {
    color: #262e3c
}
.title_def._largest {
    font-size: 64px
}
@media (min-width:1920px) {
    .title_def._largest {
        font-size: 72px
    }
}
@media (max-width:1024px) {
    .title_def._largest {
        font-size: 40px
    }
}
@media (max-width:576px) {
    .title_def._largest {
        font-size: 28px
    }
}
.title_def._large {
    font-size: 40px
}
@media (min-width:1920px) {
    .title_def._large {
        font-size: 50px
    }
}
@media (max-width:1024px) {
    .title_def._large {
        font-size: 32px
    }
}
@media (max-width:576px) {
    .title_def._large {
        font-size: 28px
    }
}
.title_def._small {
    font-size: 32px
}
@media (min-width:1920px) {
    .title_def._small {
        font-size: 42px
    }
}
@media (max-width:576px) {
    .title_def._small {
        font-size: 28px
    }
}
.title_def._less {
    font-size: 30px
}
@media (min-width:1920px) {
    .title_def._less {
        font-size: 34px
    }
}
.pagination_list_def {
    margin-top: 50px
}
.page_news_events .new_list .pagination_list_def {
    margin-top: 0
}
@media (max-width:576px) {
    .pagination_list_def {
        margin-top: 35px
    }
}
.pagination_list_def .paginate_links {
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.pagination_list_def .paginate_links .page-numbers {
    margin: 0 8px;
    font-family: Inter-Medium\.ttf;
    font-size: 15px;
    line-height: 160%;
    color: #c6cee3
}
.pagination_list_def .paginate_links .page-numbers.current {
    font-family: Inter-Bold\.ttf;
    color: #3f4855
}
.pagination_list_def .paginate_links .page-numbers.next,
.pagination_list_def .paginate_links .page-numbers.prev {
    width: 30px;
    height: 30px;
    background: #d2d2d2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter-Light\.ttf;
    color: #fff;
    border-radius: 50%
}
.pagination_list_def .paginate_links .page-numbers.next {
    margin-left: 22px
}
.pagination_list_def .paginate_links .page-numbers.prev {
    margin-right: 22px
}
@media (min-width:1920px) {
    .pagination_list_def .paginate_links .page-numbers {
        font-size: 18px
    }
    .pagination_list_def .paginate_links .page-numbers.next,
    .pagination_list_def .paginate_links .page-numbers.prev {
        width: 40px;
        height: 40px
    }
}
.product_item_def {
    display: block;
    border: 1px solid #f4f6f9;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 16px
}
@media (max-width:576px) {
    .product_item_def {
        padding: 25px
    }
}
.product_item_def a {
    text-decoration: none;
    color: #3f4855
}
.product_item_def a ._item_content {
    position: relative;
    padding-top: 62.25%;
    background-size: cover
}
.product_item_def a ._item_content img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease
}
.product_item_def a ._item_content img:first-child {
    z-index: 2;
    max-width: 50%;
    max-height: 68%;
    top: 50%;
    object-fit: contain
}
.product_item_def a ._item_content img:nth-child(2) {
    top: 82%
}
.product_item_def .desc_text {
    text-align: left
}
.product_item_def .desc_text a {
    display: inline-block;
    color: #262e3c;
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%;
    transition: all .3s ease;
    margin: 15px 0
}
@media (min-width:1920px) {
    .product_item_def .desc_text a {
        font-size: 22px
    }
}
@media (max-width:576px) {
    .product_item_def .desc_text a {
        margin: 30px 0 10px
    }
}
.product_item_def .desc_text p {
    font-size: 14px;
    color: #262e3c;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
@media (min-width:1920px) {
    .product_item_def .desc_text p {
        font-size: 18px
    }
}
.product_item_def:hover a ._item_content img:first-child {
    transform: translate(-50%, -50%) scale(1.1)
}
.product_item_def:hover a ._item_content img:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.2)
}
.product_item_def:hover .desc_text a {
    color: var(--primary-color)
}
.quote_special_def {
    position: relative;
    padding: 32px 0 0;
    background: var(--primary-color);
    overflow: hidden
}
@media (max-width:576px) {
    .quote_special_def {
        padding: 65px 0 0
    }
}
.quote_special_def:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color-rgb));
    pointer-events: none
}
.quote_special_def .decor1,
.quote_special_def .decor2 {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    transition: all .3s ease
}
.quote_special_def .decor1 img,
.quote_special_def .decor2 img {
    display: none;
    width: 100%;
    max-width: 100%
}
.quote_special_def .decor2 {
    right: 0;
    bottom: 0;
    width: 33.8194444444%;
    max-width: 487px
}
.quote_special_def .decor2 img {
    position: absolute;
    bottom: 0
}
.quote_special_def .decor1 {
    left: 0;
    top: 0;
    width: 44.4444444444%;
    max-width: 640px
}
@media (max-width:576px) {
    .quote_special_def .decor1 {
        display: none
    }
}
.quote_special_def .container_common .content_common .inner_wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 4.0322580645%
}
@media (max-width:1024px) {
    .quote_special_def .container_common .content_common .inner_wrap {
        padding: 0
    }
}
.quote_special_def .container_common .content_common .inner_wrap .right {
    position: relative;
    width: 59.9824561404%;
    padding-left: 14.1403508772%
}
.quote_special_def .container_common .content_common .inner_wrap .right .decor_cham {
    display: none;
    position: absolute;
    top: -32px;
    left: 0;
    width: 16.4533820841%
}
.quote_special_def .container_common .content_common .inner_wrap .right .decor_cham img {
    width: 100%;
    max-width: 90px
}
@media (max-width:576px) {
    .quote_special_def .container_common .content_common .inner_wrap .right {
        width: 100%;
        order: 1;
        margin-bottom: -90px
    }
}
.quote_special_def .container_common .content_common .inner_wrap .right p {
    position: relative;
    z-index: 2;
    color: #fff
}
.quote_special_def .container_common .content_common .inner_wrap .right p:first-of-type {
    font-size: 32px;
    line-height: 150%;
    font-weight: 600;
    margin-bottom: 26px
}
@media (min-width:1920px) {
    .quote_special_def .container_common .content_common .inner_wrap .right p:first-of-type {
        font-size: 42px
    }
}
@media (max-width:820px) {
    .quote_special_def .container_common .content_common .inner_wrap .right p:first-of-type {
        font-size: 24px;
        margin-bottom: 16px
    }
}
.quote_special_def .container_common .content_common .inner_wrap .right p:nth-of-type(2) {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 150%
}
@media (min-width:1920px) {
    .quote_special_def .container_common .content_common .inner_wrap .right p:nth-of-type(2) {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .quote_special_def .container_common .content_common .inner_wrap .right p:nth-of-type(2) {
        font-size: 14px;
        margin-bottom: 16px
    }
}
.quote_special_def .container_common .content_common .inner_wrap .left {
    z-index: 1;
    width: 51.9473684211%;
    margin-right: -11.9298245614%
}
@media (max-width:576px) {
    .quote_special_def .container_common .content_common .inner_wrap .left {
        width: 100%;
        order: 2
    }
}
.quote_special_def .container_common .content_common .inner_wrap .left .insight {
    display: flex
}
@media (max-width:820px) {
    .quote_special_def .container_common .content_common .inner_wrap .left .insight {
        width: 510px
    }
}
@media (max-width:576px) {
    .quote_special_def .container_common .content_common .inner_wrap .left .insight {
        margin-top: 100px
    }
}
@media (max-width:390px) {
    .quote_special_def .container_common .content_common .inner_wrap .left .insight {
        width: 420px
    }
}
.document_def .list {
    margin-top: 32px
}
.document_def .list .item {
    padding-bottom: 16px;
    border-bottom: .5px solid hsla(0, 0%, 50.2%, .3);
    margin-bottom: 24px
}
.document_def .list .item .date {
    font-size: 12px;
    line-height: 150%;
    color: #262e3c
}
@media (min-width:1920px) {
    .document_def .list .item .date {
        font-size: 15px
    }
}
.document_def .list .item .title {
    margin: 4px 0 8px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.document_def .list .item .title a {
    color: #262e3c
}
@media (min-width:1920px) {
    .document_def .list .item .title {
        font-size: 20px
    }
}
.document_def .list .item .bottom {
    display: flex;
    align-items: center
}
.document_def .list .item .bottom a {
    position: relative;
    display: block;
    margin-right: 8px
}
.document_def .list .item .bottom a img {
    width: 16px
}
@media (min-width:1920px) {
    .document_def .list .item .bottom a img {
        width: 22px
    }
}
.document_def .list .item .bottom a button {
    box-shadow: none;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
    padding: 0
}
.document_def .list .item .bottom a .noti {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
    font-family: Inter-Medium\.ttf;
    font-size: 10px;
    padding: 3px 5px 4px;
    border-radius: 5px;
    color: #fff;
    background: #262e3c;
    text-transform: capitalize;
    opacity: 0
}
.document_def .list .item .bottom a .noti:before {
    position: absolute;
    content: "";
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #262e3c
}
.document_def .list .item .bottom a .noti.active {
    opacity: 1
}
.document_def .list .item:last-child {
    border: 0;
    margin-bottom: 0
}
@media (max-width:576px) {
    .document_def .list {
        margin-top: 25px
    }
    .document_def .list .item {
        padding-bottom: 12px;
        margin-bottom: 18px
    }
    .document_def .list .item .bottom a {
        margin-right: 12px
    }
    .document_def .list .item .bottom a .noti {
        left: 0;
        transform: translateX(0)
    }
    .document_def .list .item .bottom a .noti:before {
        left: 5px;
        transform: translateX(0)
    }
}
.js_popup_notice {
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all .15s ease
}
.js_popup_notice.show {
    opacity: 1;
    pointer-events: all
}
.js_popup_notice .content {
    width: 71.5277777778%;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 143px 7.3611111111% 143px 36.4583333333%
}
@media (max-width:1370px) {
    .js_popup_notice .content {
        width: 65.9722222222%;
        padding: 120px 4.5138888889% 120px 34.0277777778%
    }
}
@media (max-width:820px) {
    .js_popup_notice .content {
        width: calc(100% - 60px);
        padding: 120px 30px 80px 27.7777777778%
    }
}
@media (max-width:576px) {
    .js_popup_notice .content {
        width: calc(100% - 40px);
        padding: 50px 20px
    }
}
.js_popup_notice .content .decor1,
.js_popup_notice .content .decor2 {
    position: absolute;
    z-index: -1
}
.js_popup_notice .content .decor1 {
    top: 0;
    left: 0;
    width: 53.1067961165%
}
.js_popup_notice .content .decor2 {
    bottom: 0;
    right: 0;
    width: 19.6116504854%
}
.js_popup_notice .content .img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-width: 69.9029126214%;
    max-height: 90%
}
@media (max-width:820px) {
    .js_popup_notice .content .img {
        max-width: 38.8349514563%
    }
}
@media (max-width:576px) {
    .js_popup_notice .content .img {
        display: none
    }
}
.js_popup_notice .content .text {
    position: relative;
    z-index: 3
}
.js_popup_notice .content .text h3 {
    font-family: Roboto, sans-serif;
    font-weight: 600 !important;
    font-size: 32px;
    line-height: 150%;
    color: #000;
    margin: 0
}
@media (min-width:1920px) {
    .js_popup_notice .content .text h3 {
        font-size: 40px
    }
}
.js_popup_notice .content .text p {
    margin: 24px 0 40px
}
.js_popup_notice .content .text .btn {
    display: flex;
    align-items: center
}
.js_popup_notice .content .text .btn .btn_def {
    margin-right: 3.4951456311%;
    cursor: pointer
}
@media (max-width:576px) {
    .js_popup_notice .content .text h3 {
        text-align: center
    }
    .js_popup_notice .content .text p {
        margin: 15px 0 25px
    }
}
.container_common {
    margin: 0 auto
}
.content_common {
    padding: 0 6.9444444444%
}
@media (max-width:1280px) {
    .content_common {
        padding: 0 50px
    }
}
@media (max-width:1024px) {
    .content_common {
        padding: 0 30px
    }
}
@media (max-width:576px) {
    .content_common {
        padding: 0 15px
    }
}
.hidden {
    overflow: hidden
}
.header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
    transition: all .5s ease
}
.header.is-active {
    position: fixed;
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, .2))
}
@media (max-width:1024px) {
    .header {
        padding: 0;
        position: fixed
    }
}
.header .container_common {
    display: flex;
    padding: 0 4.8611111111% 0 6.9444444444%;
    justify-content: space-between
}
@media (max-width:1280px) {
    .header .container_common {
        padding: 0 30px 0 60px
    }
}
@media (max-width:1024px) {
    .header .container_common {
        padding: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative
    }
}
@media (max-width:576px) {
    .header .container_common {
        padding: 40px 15px
    }
}
.header .container_common .back {
    display: none;
    position: absolute;
    top: 20px
}
.header .container_common .logo {
    display: flex;
    align-items: center;
    width: 200px
}
.header .container_common .logo a {
    display: flex;
    align-items: center
}
@media (max-width:1024px) {
    .header .container_common .logo {
        position: absolute;
        top: 7px
    }
}
.header .container_common .menu {
    width: 100%;
    margin-left: 4.8611111111%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}
@media (max-width:1280px) {
    .header .container_common .menu {
        margin-left: 90px
    }
}
@media (max-width:1024px) {
    .header .container_common .menu {
        margin: 0
    }
}
.header .container_common .menu .main_menu {
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu {
        transform: translateX(100%);
        transition: all .5s ease;
        flex-direction: column;
        padding-left: 30px;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #fff;
        z-index: 100;
        padding-top: 30px
    }
}
@media (max-width:576px) {
    .header .container_common .menu .main_menu {
        padding-top: 0
    }
}
.header .container_common .menu .main_menu li {
    position: relative;
    margin-right: 24px;
    padding: 24px 0
}
@media (max-width:1366px) {
    .header .container_common .menu .main_menu li {
        margin-right: 20px
    }
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li {
        border-bottom: 1px solid rgba(51, 51, 51, .2);
        padding: 0
    }
}
.header-nav.nav li a {
    line-height: 1.2;
    text-decoration: none;
    font-family: Inter-SemiBold\.ttf;
    color: var(--primary-color);
    font-size: 15px;
    text-transform: capitalize;
}
@media (min-width:1920px) {
    .header .container_common .menu .main_menu li a {
        font-size: 20px
    }
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li a {
        line-height: 60px;
        display: block;
        width: 100%
    }
}
@media (max-width:576px) {
    .header .container_common .menu .main_menu li a {
        line-height: 45px;
        font-size: 14px
    }
}
.header .container_common .menu .main_menu li a:hover {
    color: var(--primary-color)
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
    box-sizing: border-box;
    padding: 30px 6.9444444444% 30px 28.8888888889%;
    list-style-type: none;
    background: #fafafa;
    left: 0;
    top: 67px;
    width: 100vw;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .35s ease;
    position: fixed;
    z-index: 100;
}
@media (min-width:1920px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
        min-height: 470px;
        top: 78px
    }
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li {
    display: flex;
    width: 33.3333333333%;
    margin: 26px 0 0;
    padding: 0
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li a {
    line-height: 1.3
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li a {
        width: 100%
    }
}
@media (max-width:576px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li a {
        line-height: 45px;
        font-size: 15px
    }
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child {
    width: 21.9444444444%;
    position: absolute;
    left: 8.064516129%;
    margin-top: 0
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child {
        display: none
    }
}
.header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child a {
    font-size: 32px;
    line-height: 1.3
}
@media (min-width:1920px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li:first-child a {
        font-size: 38px
    }
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu li {
        border-bottom: 1px solid rgba(51, 51, 51, .2);
        line-height: 3;
        width: 100%;
        margin-top: 0
    }
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
        padding: 50px 30px 0;
        display: flex;
        transform: translateX(100%);
        top: 0;
        background: #fff;
        flex-direction: column;
        height: 100vh;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content
    }
}
@media (max-width:576px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .sub-menu {
        padding: 0 30px
    }
}
.header .container_common .menu .main_menu li.menu-item-has-children .see_more {
    display: none;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center
}
@media (max-width:1024px) {
    .header .container_common .menu .main_menu li.menu-item-has-children .see_more {
        display: flex
    }
}
@media (min-width:1025px) {
    .header .container_common .menu .main_menu li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transition: all .35s ease
    }
}
.header .container_common .menu .language {
    position: relative;
    padding: 0 30px;
    z-index: 100
}
.header .container_common .menu .language:before {
    content: "";
    width: 1px;
    position: absolute;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: var(--primary-color)
}
@media (max-width:1025px) {
    .header .container_common .menu .language:before {
        display: none
    }
}
@media (max-width:1025px) {
    .header .container_common .menu .language {
        position: absolute;
        right: 120px;
        top: 5px
    }
}
@media (max-width:576px) {
    .header .container_common .menu .language {
        right: 80px
    }
}
.header .container_common .menu .language select {
    color: var(--primary-color);
    font-family: Inter-SemiBold\.ttf;
    text-transform: uppercase;
    font-size: 16px;
    border: 0;
    outline: none
}
@media (max-width:425px) {
    .header .container_common .menu .language select {
        font-size: 14px
    }
}
.header .container_common .menu .language li {
    list-style-type: none;
    margin-right: 24px
}
.header .container_common .menu .language li a {
    text-decoration: none;
    color: #01265e;
    font-family: Inter-SemiBold\.ttf;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px
}
@media (max-width:425px) {
    .header .container_common .menu .language li a {
        font-size: 14px
    }
}
.header .container_common .menu .language li a img {
    margin-left: 5px
}
.header .container_common .menu .search {
    top: 0;
    margin-top: 5px;
    z-index: 100;
    cursor: pointer
}
@media (max-width:1025px) {
    .header .container_common .menu .search {
        position: absolute;
        top: 22px;
        right: 110px;
        margin: 0
    }
}
@media (max-width:576px) {
    .header .container_common .menu .search {
        right: 70px
    }
}
.header .container_common .menu-trigger {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: relative;
    width: 20px;
    height: 20px;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    margin-left: 30px
}
@media (max-width:1024px) {
    .header .container_common .menu-trigger {
        display: none
    }
}
.header .container_common .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
    border-radius: 4px
}
.header .container_common .menu-trigger span:first-of-type {
    top: 0
}
.header .container_common .menu-trigger span:nth-of-type(2) {
    top: 9px
}
.header .container_common .menu-trigger span:nth-of-type(3) {
    bottom: 0
}
.header .container_common .menu-trigger.active span:first-of-type {
    transform: translateY(9px) rotate(-45deg)
}
.header .container_common .menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    animation: active-menu-bar02 .8s forwards
}
.header .container_common .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-9px) rotate(45deg)
}
.header .container_common .hambuger {
    display: none;
    width: 45px;
    height: 30px;
    z-index: 100;
    position: relative;
    cursor: pointer
}
@media (max-width:1024px) {
    .header .container_common .hambuger {
        display: flex;
        margin: 19px 0;
        position: fixed;
        right: 30px;
        top: 0
    }
}
@media (max-width:576px) {
    .header .container_common .hambuger {
        right: 0
    }
}
.header .container_common .hambuger span {
    width: 35px;
    height: 2px;
    position: absolute;
    background: var(--primary-color)
}
@media (max-width:576px) {
    .header .container_common .hambuger span {
        width: 30px
    }
}
@media (max-width:425px) {
    .header .container_common .hambuger span {
        width: 25px
    }
}
.header .container_common .hambuger span:nth-child(2) {
    top: 0;
    top: 12px
}
.header .container_common .hambuger span:nth-child(3) {
    bottom: 4px
}
.header .container_common .close {
    display: none;
    width: 40px;
    margin-top: -20px
}
@media (max-width:576px) {
    .header .container_common .close {
        position: absolute;
        top: 32px;
        right: 15px
    }
}
.popup_menu_all {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100vh - 80px);
    background: #fff;
    z-index: 99;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all .45s ease;
    padding: 38px 4.8611111111% 70px 6.9444444444%
}
.popup_menu_all.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}
@media (max-width:1024px) {
    .popup_menu_all {
        display: none
    }
}
.popup_menu_all .main_menu_all {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: [col1] 31% [col2] 23% [col3] 23% [col4] 23%;
    grid-gap: 10px;
    list-style: none
}
.popup_menu_all .main_menu_all li {
    margin-bottom: 30px
}
.popup_menu_all .main_menu_all li>a {
    font-family: Inter-SemiBold\.ttf;
    font-size: 24px;
    line-height: 150%;
    color: var(--primary-color);
    margin-bottom: 20px;
    display: block
}
.popup_menu_all .main_menu_all li>a:hover {
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .popup_menu_all .main_menu_all li>a {
        font-size: 28px
    }
}
.popup_menu_all .main_menu_all li>.sub-menu {
    list-style: none;
    padding: 0
}
.popup_menu_all .main_menu_all li>.sub-menu li {
    margin-bottom: 12px
}
@media (min-width:1920px) {
    .popup_menu_all .main_menu_all li>.sub-menu li {
        margin-bottom: 18px
    }
}
.popup_menu_all .main_menu_all li>.sub-menu li a {
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    color: var(--primary-color);
    margin-bottom: 0
}
.popup_menu_all .main_menu_all li>.sub-menu li a:hover {
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .popup_menu_all .main_menu_all li>.sub-menu li a {
        font-size: 16px
    }
}
.popup_menu_all .main_menu_all li>.sub-menu li:first-of-type,
.popup_menu_all .main_menu_all li>.sub-menu li br {
    display: none
}
.popup_menu_all .main_menu_all li:nth-of-type(2) {
    grid-column: 1;
    grid-row: 1/4;
    margin-bottom: 0
}
.slide_logo {
    position: relative;
    width: 100%;
    height: 74px;
    pointer-events: none;
    white-space: nowrap;
    background: var(--primary-color)
}
@media (max-width:576px) {
    .slide_logo {
        height: 60px
    }
}
.slide_logo .slide1,
.slide_logo .slide2 {
    width: 100%;
    display: inline-block
}
.slide_logo .slide1 .item,
.slide_logo .slide2 .item {
    float: left;
    width: 14.2857142857%;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center
}
@media (max-width:576px) {
    .slide_logo .slide1 .item,
    .slide_logo .slide2 .item {
        height: 60px;
        width: 33.3333333333%
    }
    .slide_logo .slide1 .item img,
    .slide_logo .slide2 .item img {
        width: 70%
    }
}
.slide_logo .slide1 {
    animation: slide_run1 40s linear infinite
}
.slide_logo .slide2 {
    animation: slide_run2 40s linear infinite;
    animation-delay: 20s
}
.footer-wrapper {
    position: relative;
}
@media (max-width:576px) {
    .footer-wrapper {
        padding: 45px 0 0
    }
}
.footer-wrapper .top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}
.footer-wrapper .top a {
    display: block
}
.footer-wrapper .top a img {
    max-width: 250px
}
.footer-wrapper .top .title_def {
    text-transform: none
}
.footer-wrapper .top .title_def br {
    display: none
}
@media (max-width:820px) {
    .footer-wrapper .top .title_def {
        font-size: 26px
    }
}
@media (max-width:576px) {
    .footer-wrapper .top {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .footer-wrapper .top .title_def {
        font-size: 22px;
        text-align: center;
        margin-top: 10px
    }
    .footer-wrapper .top .title_def br {
        display: block
    }
}
.footer-wrapper .center {
    margin-top: 22px;
    border-top: .75px solid #c4c4c4;
    padding: 40px 0 80px;
    display: flex;
    align-items: flex-start
}
.footer-wrapper .center .lable {
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #545454;
    text-align: center;
}
footer span.ux-menu-link__text{
    color: #545454;
}
.footer-wrapper .center .left {
    width: 25.4838709677%
}
.footer-wrapper .center .left .social {
    margin: 12px 0 24px;
    display: flex;
    align-items: center
}
.footer-wrapper .center .left .social li {
    margin-right: 15px
}
.footer-wrapper .center .right {
    width: 74.5161290323%;
    display: flex;
    align-items: flex-start
}
.footer-wrapper .center .right .item {
    width: 25%;
    padding-right: 15px
}
.footer-wrapper .center .right .item ul {
    margin-top: 22px
}
.footer-wrapper .center .right .item ul li {
    margin-bottom: 4px
}
.footer-wrapper .center .right .item ul li a {
    text-decoration: none;
    color: grey;
    transition: all .3s ease
}
.footer-wrapper .center .right .item ul li:last-child {
    margin-bottom: 0
}
.footer-wrapper .center .right .item ul li:hover a {
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .footer-wrapper .center .lable {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .footer-wrapper .center {
        flex-wrap: wrap;
        padding: 40px 0
    }
    .footer-wrapper .center .left {
        width: 100%;
        order: 2;
        margin-top: 35px
    }
    .footer-wrapper .center .right {
        width: 100%;
        order: 1
    }
}
@media (max-width:576px) {
    .footer-wrapper .center {
        padding: 30px 0
    }
    .footer-wrapper .center .right {
        width: 100%;
        order: 1;
        flex-wrap: wrap
    }
    .footer-wrapper .center .right .item {
        width: 100%;
        margin-bottom: 20px
    }
    .footer-wrapper .center .right .item ul {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap
    }
    .footer-wrapper .center .right .item ul li {
        margin-bottom: 4px;
        padding-right: 5%;
        width: 50%
    }
    .footer-wrapper .center .right .item:last-child {
        margin-bottom: 0
    }
}
.footer-wrapper .bottom {
    padding: 20px 0;
    border-top: .75px solid #c4c4c4
}
.footer-wrapper .bottom .content_common {
    display: flex
}
.footer-wrapper .bottom .content_common .item {
    padding-right: 15px;
    font-size: 12px;
    line-height: 175%;
    color: #545454
}
.footer-wrapper .bottom .content_common .item p {
    color: #545454
}
.footer-wrapper .bottom .content_common .item:first-of-type {
    width: 25.4838709677%
}
.footer-wrapper .bottom .content_common .item:nth-of-type(2) {
    width: 33.3870967742%
}
.footer-wrapper .bottom .content_common .item:nth-of-type(3) {
    width: 41.1290322581%;
    padding-right: 0
}
@media (min-width:1920px) {
    .footer-wrapper .bottom .content_common .item {
        font-size: 16px
    }
}
@media (max-width:820px) {
    .footer-wrapper .bottom .content_common {
        flex-direction: column
    }
    .footer-wrapper .bottom .content_common .item:first-of-type {
        width: 100%;
        order: 3
    }
    .footer-wrapper .bottom .content_common .item:nth-of-type(2) {
        width: 100%;
        order: 1;
        margin-bottom: 8px
    }
    .footer-wrapper .bottom .content_common .item:nth-of-type(3) {
        width: 100%;
        order: 2;
        margin-bottom: 8px
    }
}
.page_banner_def {
    position: relative;
    width: 100%;
    height: 360px
}
@media (min-width:1920px) {
    .page_banner_def {
        height: 620px
    }
}
@media (max-width:576px) {
    .page_banner_def {
        height: 350px
    }
}
.page_banner_def:before {
    position: absolute;
    pointer-events: none;
    content: "";
    width: 100%;
    height: 57.1428571429%;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 75.82%)
}
.page_banner_def .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1
}
.page_banner_def .decor {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 27.0833333333%
}
.page_banner_def._video {
    height: calc(100vh - 70px)
}
.page_banner_def._video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}
@media (max-width:1024px) {
    .page_banner_def._video {
        height: 600px
    }
}
@media (max-width:576px) {
    .page_banner_def._video {
        height: 350px
    }
}
.page_banner_def .breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}
.page_banner_def .breadcrumb a,
.page_banner_def .breadcrumb span {
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #c4c4c4
}
.page_banner_def .breadcrumb span {
    display: block;
    margin: 0 8px
}
.page_banner_def .breadcrumb a {
    text-decoration: none
}
.page_banner_def .breadcrumb a:last-child {
    color: #fff
}
@media (min-width:1920px) {
    .page_banner_def .breadcrumb a,
    .page_banner_def .breadcrumb span {
        font-size: 18px
    }
}
@media (max-width:576px) {
    .page_banner_def .breadcrumb {
        margin-bottom: 10px
    }
    .page_banner_def .breadcrumb a,
    .page_banner_def .breadcrumb span {
        font-size: 12px
    }
}
.page_banner_def .content {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.page_banner_def .content .container_common {
    height: 100%
}
.page_banner_def .content .container_common .content_common {
    height: 100%;
    padding-bottom: 105px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}
@media (max-width:576px) {
    .page_banner_def .content .container_common .content_common {
        padding-bottom: 55px
    }
}
.page_banner_def._slide:before {
    display: none
}
.page_banner_def._slide .swiper {
    position: relative;
    width: 100%;
    height: 100%
}
.page_banner_def._slide .swiper .swiper-slide {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 100px 6.9444444444% 130px
}
@media (max-width:1024px) {
    .page_banner_def._slide .swiper .swiper-slide {
        padding: 100px 30px 90px
    }
}
@media (max-width:576px) {
    .page_banner_def._slide .swiper .swiper-slide {
        padding: 100px 15px 90px
    }
    .page_banner_def._slide .swiper .swiper-slide .title_def {
        font-size: 26px;
        line-height: 1.2
    }
}
.page_banner_def._slide .swiper .swiper-slide:before {
    position: absolute;
    pointer-events: none;
    content: "";
    width: 100%;
    height: 57.1428571429%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 75.82%)
}
.page_banner_def._slide .swiper .swiper-slide .breadcrumb,
.page_banner_def._slide .swiper .swiper-slide .excerpt,
.page_banner_def._slide .swiper .swiper-slide .title_def {
    position: relative;
    z-index: 2
}
.page_banner_def._slide .swiper .swiper-slide .excerpt {
    width: 68.5483870968%;
    font-size: 16px;
    line-height: 170%;
    color: #fff
}
@media (min-width:1920px) {
    .page_banner_def._slide .swiper .swiper-slide .excerpt {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .page_banner_def._slide .swiper .swiper-slide .excerpt {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_banner_def._slide .swiper .swiper-slide .excerpt {
        display: none
    }
}
.page_banner_def._slide .swiper .swiper-pagination {
    bottom: 80px
}
@media (max-width:1024px) {
    .page_banner_def._slide .swiper .swiper-pagination {
        bottom: 50px
    }
}
.page_banner_def._recruitment {
    height: 480px
}
@media (min-width:1920px) {
    .page_banner_def._recruitment {
        height: 560px
    }
}
@media (max-width:576px) {
    .page_banner_def._recruitment {
        height: 350px
    }
}
.page_banner_def._recruitment .content .container_common .content_common {
    padding-bottom: 0;
    justify-content: center
}
.navigation_def {
    position: relative;
    z-index: 11;
    margin-top: -44px
}
@media (max-width:820px) {
    .navigation_def {
        margin-top: -32px;
        border-radius: 0 0 30px 30px
    }
}
.navigation_def .content_common .current_page {
    display: none;
    cursor: pointer;
    outline: none
}
@media (max-width:820px) {
    .navigation_def .content_common .current_page {
        position: relative;
        z-index: 3;
        border-radius: 100px;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 12px 30px;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15))
    }
    .navigation_def .content_common .current_page .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left center
    }
    .navigation_def .content_common .current_page p {
        position: relative;
        z-index: 2;
        text-align: center;
        font-family: Inter-SemiBold\.ttf;
        font-size: 16px;
        color: #fff
    }
    .navigation_def .content_common .current_page i {
        position: absolute;
        z-index: 2;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff
    }
}
.navigation_def .content_common .content {
    position: relative;
    border-radius: 245px;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 30px;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15))
}
.navigation_def .content_common .content .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center
}
.navigation_def .content_common .content li {
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 10px 28px;
    border-radius: 50px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    transition: all .3s ease
}
.navigation_def .content_common .content li a {
    color: #fff;
    text-decoration: none
}
.navigation_def .content_common .content li.active,
.navigation_def .content_common .content li:hover {
    background: #fff;
    color: #3f4855
}
.navigation_def .content_common .content li.active a,
.navigation_def .content_common .content li:hover a {
    color: #3f4855
}
@media (min-width:1920px) {
    .navigation_def .content_common .content li {
        font-size: 22px
    }
}
@media (max-width:1024px) {
    .navigation_def .content_common .content {
        padding: 15px
    }
    .navigation_def .content_common .content li {
        padding: 10px 15px;
        font-size: 14px
    }
}
@media (max-width:820px) {
    .navigation_def .content_common .content {
        position: absolute;
        z-index: 0;
        top: calc(100% - 24px);
        left: 30px;
        width: calc(100% - 60px);
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: none;
        background: var(--primary-color);
        padding: 30px 0 10px;
        border-radius: 0 0 30px 30px;
        overflow: visible
    }
    .navigation_def .content_common .content:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0 0 30px 30px;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0))
    }
    .navigation_def .content_common .content .bg {
        display: none
    }
    .navigation_def .content_common .content li {
        width: 100%;
        background: transparent;
        border-radius: 0;
        text-align: center
    }
    .navigation_def .content_common .content li.active,
    .navigation_def .content_common .content li:hover {
        background: transparent;
        color: #fff
    }
    .navigation_def .content_common .content li.active a,
    .navigation_def .content_common .content li:hover a {
        color: #fff;
        width: 100%;
        height: 100%;
        display: block;
        text-align: center
    }
}
@media (max-width:576px) {
    .navigation_def .content_common .content {
        width: calc(100% - 30px);
        left: 15px
    }
}
#form_search_all {
    background: hsla(0, 0%, 98%, .95);
    opacity: 0;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    padding-top: 80px;
    position: fixed;
    z-index: 90;
    transform: translateY(-100%);
    transition: all .5s ease
}
#form_search_all.show {
    opacity: 1;
    transform: translateY(0)
}
#form_search_all .close {
    position: absolute;
    top: 125px;
    right: 4.8611111111%;
    cursor: pointer
}
@media (max-width:576px) {
    #form_search_all .close {
        right: 15px
    }
}
#form_search_all .content_common {
    padding-top: 70px;
    display: flex;
    justify-content: space-between
}
@media (max-width:576px) {
    #form_search_all .content_common {
        flex-direction: column;
        margin: 0
    }
}
#form_search_all .content_common .label {
    width: 24.8818897638%
}
@media (max-width:576px) {
    #form_search_all .content_common .label {
        width: 100%;
        text-align: center
    }
}
@media (max-width:375px) {
    #form_search_all .content_common .label .title_def {
        font-size: 24px
    }
}
#form_search_all .content_common .form_search {
    width: 75.1181102362%;
    padding-right: 7.4803149606%;
    margin-top: 30px
}
@media (max-width:576px) {
    #form_search_all .content_common .form_search {
        width: 100%;
        margin-top: 20px
    }
}
#form_search_all .content_common .form_search .is-flex {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center
}
#form_search_all .content_common .form_search .is-flex .search {
    width: 100%;
    border: none;
    border-bottom: 1px solid #c4c4c4;
    font-family: Inter-Light\.ttf;
    font-size: 24px;
    line-height: 170%;
    position: relative;
    background: none
}
@media (max-width:375px) {
    #form_search_all .content_common .form_search .is-flex .search {
        font-size: 16px
    }
}
#form_search_all .content_common .form_search .is-flex .search:-ms-input-placeholder {
    color: #c4c4c4
}
#form_search_all .content_common .form_search .is-flex .search::placeholder {
    color: #c4c4c4
}
@media (max-width:576px) {
    #form_search_all .content_common .form_search .is-flex .search:-ms-input-placeholder {
        font-size: 20px
    }
    #form_search_all .content_common .form_search .is-flex .search::placeholder {
        font-size: 20px
    }
}
@media (max-width:375px) {
    #form_search_all .content_common .form_search .is-flex .search:-ms-input-placeholder {
        font-size: 16px
    }
    #form_search_all .content_common .form_search .is-flex .search::placeholder {
        font-size: 16px
    }
}
#form_search_all .content_common .form_search .is-flex .search:before {
    content: "";
    width: 1px;
    position: absolute;
    height: 18px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: grey
}
#form_search_all .content_common .form_search .is-flex .btn_search {
    background: none;
    border: none;
    position: absolute;
    right: 0;
    z-index: 1;
    cursor: pointer
}
#form_search_all .content_common .form_search .key_word {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    flex-direction: row
}
@media (max-width:576px) {
    #form_search_all .content_common .form_search .key_word {
        margin-top: 10px
    }
}
#form_search_all .content_common .form_search .key_word .key {
    margin-right: 3.4722222222%
}
#form_search_all .content_common .form_search .key_word .key a {
    text-decoration: none;
    color: #858ea7;
    line-height: 130%;
    font-family: Inter-SemiBold\.ttf
}
#form_search_all .content_common .form_search p {
    margin-top: 63px;
    color: #3f4855;
    line-height: 130%;
    font-family: Inter-SemiBold\.ttf
}
@media (max-width:576px) {
    #form_search_all .content_common .form_search p {
        margin-top: 25px
    }
}
#form_search_all:target {
    display: block;
    opacity: .95
}
.box_search_result .banner {
    position: relative;
    width: 100%;
    padding-top: 22.5%
}
@media (max-width:1024px) {
    .box_search_result .banner {
        padding-top: 0;
        height: 320px
    }
}
.box_search_result .banner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.box_search_result .banner .content {
    position: absolute;
    z-index: 2;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 58.6111111111%
}
@media (max-width:1024px) {
    .box_search_result .banner .content {
        top: 58%
    }
}
@media (max-width:576px) {
    .box_search_result .banner .content {
        width: calc(100% - 40px)
    }
}
.box_search_result .banner .content .title_def {
    text-align: center
}
.box_search_result .banner .content form {
    margin-top: 25px;
    display: flex;
    border-bottom: 1px solid #c4c4c4
}
.box_search_result .banner .content form button,
.box_search_result .banner .content form input {
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 0;
    border-radius: 0
}
.box_search_result .banner .content form input {
    height: 58px;
    font-family: Inter-Medium\.ttf;
    font-size: 20px;
    line-height: 170%;
    color: #262e3c;
    padding: 12px 0;
    width: calc(100% - 40px)
}
@media (min-width:1920px) {
    .box_search_result .banner .content form input {
        font-size: 24px
    }
}
@media (max-width:576px) {
    .box_search_result .banner .content form input {
        height: 42px;
        font-size: 14px;
        padding: 10px 0
    }
}
.box_search_result .banner .content form button {
    width: 40px;
    cursor: pointer
}
.box_search_result .content-page {
    padding: 82px 6.9444444444% 120px
}
@media (max-width:1024px) {
    .box_search_result .content-page {
        padding: 60px 30px 80px
    }
}
@media (max-width:576px) {
    .box_search_result .content-page {
        padding: 45px 15px
    }
}
.box_search_result .content-page ._result {
    display: flex;
    justify-content: space-between
}
.box_search_result .content-page ._result ._left p {
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.box_search_result .content-page ._result ._left p span {
    color: var(--primary-color)
}
.box_search_result .content-page ._result ._left p strong {
    font-size: 20px;
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .box_search_result .content-page ._result ._left p {
        font-size: 20px
    }
    .box_search_result .content-page ._result ._left p strong {
        font-size: 24px
    }
}
.box_search_result .content-page .cat_tab_list_def {
    margin: 60px 0
}
.box_search_result .content-page .cat_tab_list_def .item {
    margin-right: 30px
}
@media (max-width:576px) {
    .box_search_result .content-page .cat_tab_list_def {
        margin: 30px 0
    }
    .box_search_result .content-page .cat_tab_list_def .item {
        width: calc((100% - 20px)/3);
        margin-right: 10px
    }
    .box_search_result .content-page .cat_tab_list_def .item:nth-of-type(3n) {
        margin-right: 0
    }
}
.box_search_result .content-page .tab_content .search_list .box_content {
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 40px;
    padding-right: 150px;
    border-bottom: 1px solid #c4c4c4
}
@media (max-width:576px) {
    .box_search_result .content-page .tab_content .search_list .box_content {
        padding-right: 0;
        margin-bottom: 25px;
        padding-bottom: 20px
    }
}
.box_search_result .content-page .tab_content .search_list .box_content .intro {
    display: flex;
    color: #262e3c
}
.box_search_result .content-page .tab_content .search_list .box_content .intro span {
    margin: 0 3px
}
.box_search_result .content-page .tab_content .search_list .box_content .intro .cat span {
    margin: 0
}
.box_search_result .content-page .tab_content .search_list .box_content .intro .cat span:last-child {
    display: none
}
.box_search_result .content-page .tab_content .search_list .box_content .title_def {
    margin: 8px 0 20px;
    text-transform: none
}
.box_search_result .content-page .tab_content .search_list .box_content .title_def a {
    color: #01265e
}
@media (max-width:576px) {
    .box_search_result .content-page .tab_content .search_list .box_content .title_def {
        margin: 8px 0 10px;
        font-size: 22px
    }
}
.box_search_result .content-page .tab_content .search_list .box_content .excerpt {
    font-size: 16px;
    line-height: 170%;
    color: #545454;
    width: 84.7706422018%;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
@media (max-width:1024px) {
    .box_search_result .content-page .tab_content .search_list .box_content .excerpt {
        width: 100%
    }
}
@media (max-width:576px) {
    .box_search_result .content-page .tab_content .search_list .box_content .excerpt {
        font-size: 14px;
        -webkit-line-clamp: 2
    }
}
.box_search_result .content-page .tab_content .search_list .box_content .read_more_def {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 38px
}
@media (max-width:576px) {
    .box_search_result .content-page .tab_content .search_list .box_content .read_more_def {
        position: relative;
        bottom: 0;
        margin-top: 12px
    }
}
.box_search_result .content-page .tab_content .btn_def {
    margin-top: 50px
}
@media (max-width:576px) {
    .box_search_result .content-page .tab_content .btn_def {
        margin-top: 40px
    }
}
.h-section4 {
    position: relative;
    padding: 64px 0;
}
@media (max-width:820px) {
    .h-section4 {
        padding: 80px 0
    }
}
@media (max-width:576px) {
    .h-section4 {
        padding: 45px 0
    }
}
.h-section4:before {
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color-rgb));
    transform: matrix(-1, 0, 0, 1, 0, 0)
}
.h-section4 .decor,
.h-section4:before {
    position: absolute;
    left: 0;
    pointer-events: none
}
.h-section4 .decor {
    z-index: 1;
    bottom: 0;
    width: 33.8194444444%;
    transition: all .5s ease
}
.h-section4 .decor img {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    display: none
}
.h-section4 .decor._1 {
    transform: translateX(0)
}
.h-section4 .decor._1.hide {
    opacity: 0;
    transform: translateX(100px)
}
.h-section4 .decor._2 {
    opacity: 0;
    transform: translateX(-100px)
}
.h-section4 .decor._2.show {
    opacity: 1;
    transform: translateX(0)
}
.h-section4 .content_common .left {
    position: relative;
    z-index: 2;
    width: 50%
}
.h-section4 .content_common .left .cat_tab_list_def {
    margin: 30px 0 68px
}
.h-section4 .content_common .left .inner_wrap {
    display: none;
    transition: all .3s ease
}
.h-section4 .content_common .left .inner_wrap.active {
    display: block
}
.h-section4 .content_common .left .inner_wrap .content {
    color: #fff;
    font-size: 16px;
    line-height: 170%;
    margin-bottom: 40px;
    padding-right: 11.1290322581%
}
.h-section4 .content_common .left .inner_wrap .content p {
    margin-bottom: 22px
}
.h-section4 .content_common .left .inner_wrap .content p:last-child {
    margin-bottom: 0
}
.h-section4 .content_common .left .inner_wrap .content ul {
    list-style: disc;
    padding-left: 45px
}
.h-section4 .content_common .left .inner_wrap .content h3 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 150%;
    font-size: 56px;
    margin: 0
}
.h-section4 .content_common .left .inner_wrap .content h3 sup {
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px
}
@media (min-width:1920px) {
    .h-section4 .content_common .left .inner_wrap .content {
        font-size: 20px
    }
    .h-section4 .content_common .left .inner_wrap .content h3 {
        font-size: 70px
    }
    .h-section4 .content_common .left .inner_wrap .content h3 sup {
        font-size: 22px
    }
}
@media (max-width:1024px) {
    .h-section4 .content_common .left .inner_wrap .content {
        padding-right: 0
    }
}
@media (max-width:820px) {
    .h-section4 .content_common .left {
        width: 100%
    }
    .h-section4 .content_common .left .cat_tab_list_def {
        margin: 30px 0 45px
    }
}
@media (max-width:576px) {
    .h-section4 .content_common .left .cat_tab_list_def {
        margin: 25px 0
    }
    .h-section4 .content_common .left .inner_wrap .content {
        margin-bottom: 30px
    }
    .h-section4 .content_common .left .inner_wrap .content p {
        margin-bottom: 25px
    }
    .h-section4 .content_common .left .inner_wrap .content h3 {
        font-size: 42px
    }
    .h-section4 .content_common .left .inner_wrap .content h3 sup {
        font-size: 17px;
        margin-left: 8px
    }
}
.h-section4 .inner_wrap_img {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 43.0555555556%
}
@media (max-width:1024px) {
    .h-section4 .inner_wrap_img {
        width: 48%
    }
}
@media (max-width:820px) {
    .h-section4 .inner_wrap_img {
        position: relative;
        width: calc(100% - 30px);
        top: 0;
        transform: translateY(0);
        margin-top: 40px;
        margin-left: 30px
    }
}
@media (max-width:576px) {
    .h-section4 .inner_wrap_img {
        width: calc(100% - 15px);
        margin-top: 35px;
        margin-left: 15px
    }
}
.h-section4 .inner_wrap_img .item {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding-top: 70%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0));
    border-radius: 500px 0 0 500px;
    overflow: hidden;
    margin-right: -30%;
    transition: all .5s ease;
    opacity: 0
}
.h-section4 .inner_wrap_img .item img {
    position: absolute;
    top: 28px;
    bottom: 28px;
    right: 0;
    left: 24px;
    width: calc(100% - 24px);
    height: calc(100% - 56px);
    object-fit: cover;
    object-position: left center;
    border-radius: 500px 0 0 500px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.h-section4 .inner_wrap_img .item:first-of-type {
    position: relative
}
.h-section4 .inner_wrap_img .item.active {
    opacity: 1;
    z-index: 2;
    margin-right: 0
}
@media (min-width:2100px) {
    .h-section4 .inner_wrap_img .item {
        padding-top: 60%
    }
}
@media (max-width:576px) {
    .h-section4 .inner_wrap_img .item {
        border-radius: 180px 0 0 180px
    }
    .h-section4 .inner_wrap_img .item img {
        top: 15px;
        bottom: 15px;
        left: 12px;
        width: calc(100% - 12px);
        height: calc(100% - 30px)
    }
}
.h-section5 {
    position: relative;
    padding: 64px 0
}
@media (max-width:820px) {
    .h-section5 {
        padding: 80px 0
    }
}
@media (max-width:576px) {
    .h-section5 {
        padding: 45px 0
    }
}
.h-section5 .inner-wrap {
    display: flex;
    align-items: center;
    padding: 0 4.8387096774% 0 3.2258064516%
}
@media (min-width:1920px) {
    .h-section5 .inner-wrap {
        align-items: center
    }
}
@media (max-width:1024px) {
    .h-section5 .inner-wrap {
        padding: 0;
        align-items: center
    }
}
.h-section5 .inner-wrap .left {
    width: 61.9298245614%
}
.h-section5 .inner-wrap .left svg {
    width: 80% !important;
    height: auto !important
}
.h-section5 .inner-wrap .left svg .province .province_map {
    fill: #c4c4c4
}
.h-section5 .inner-wrap .left svg .province.active .province_map,
.h-section5 .inner-wrap .left svg .province .province_name {
    fill: grey
}
.h-section5 .inner-wrap .left svg .province.active .province_name {
    fill: var(--primary-color)
}
@media (max-width:820px) {
    .h-section5 .inner-wrap .left {
        width: 70%
    }
}
@media (max-width:576px) {
    .h-section5 .inner-wrap .left {
        display: none
    }
}
.h-section5 .inner-wrap .right {
    position: relative;
    z-index: 2;
    width: 41.0526315789%;
}
@media (max-width:1024px) {
    .h-section5 .inner-wrap .right {
        width: 45%
    }
}
@media (max-width:820px) {
    .h-section5 .inner-wrap .right {
        width: 50%;
        margin-left: -20%
    }
}
@media (max-width:576px) {
    .h-section5 .inner-wrap .right {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }
}
.h-section5 .inner-wrap .right .swiper-container {
    position: relative;
    margin-top: 20px;
    box-shadow: 0 19px 8px hsla(0, 0%, 72.2%, .03), 0 11px 6px hsla(0, 0%, 72.2%, .11), 0 5px 5px hsla(0, 0%, 72.2%, .19), 0 1px 3px hsla(0, 0%, 72.2%, .22), 0 0 0 hsla(0, 0%, 72.2%, .22)
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide {
    height: auto;
    background: #fff
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .img {
    position: relative;
    width: 100%;
    padding-top: 56%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title {
    padding: 16px 125px 16px 36px;
    background: var(--primary-color);
    color: #fff
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title p {
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .title h3 {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 150%
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro {
    padding: 37px 40px 35px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .excerpt {
    font-size: 16px;
    line-height: 170%;
    margin-bottom: 26px
}
@media (max-width:576px) {
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .excerpt {
        margin-bottom: 18px
    }
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des {
    display: flex;
    align-items: flex-start;
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c;
    margin-bottom: 8px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des i {
    color: #858ea7;
    margin-right: 15px;
    margin-top: 4px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des a {
    color: #262e3c;
    text-decoration: none;
    margin: 0 4px
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des br {
    display: none
}
.h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .title p {
        font-size: 20px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .title h3 {
        font-size: 42px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des,
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .excerpt {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .title {
        padding: 16px 92px 16px 20px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .title h3 {
        font-size: 24px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro {
        padding: 30px 20px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des {
        font-size: 14px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des br {
        display: block
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-slide .intro .des span {
        display: none
    }
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button {
    top: auto;
    bottom: 32.5%;
    transform: translate(0);
    width: 40px;
    height: 40px;
    margin: 0
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-prev {
    left: auto;
    right: 70px;
    transform: translate(0) rotate(-180deg)
}
.h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-next {
    right: 25px
}
@media (min-width:1920px) {
    .h-section5 .inner-wrap .right .swiper-container .swiper-button {
        bottom: 28%
    }
}
@media (min-width:2200px) {
    .h-section5 .inner-wrap .right .swiper-container .swiper-button {
        bottom: 24%
    }
}
@media (max-width:820px) {
    .h-section5 .inner-wrap .right .swiper-container .swiper-button {
        width: 30px;
        height: 30px;
        bottom: 38%
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-prev {
        right: 55px
    }
    .h-section5 .inner-wrap .right .swiper-container .swiper-button.swiper-button-next {
        right: 15px
    }
}
.h-section6 {
    position: relative;
    padding: 32px 0 0;
    background: var(--primary-color);
    overflow: hidden
}
@media (max-width:820px) {
    .h-section6 {
        padding: 80px 0 0
    }
}
@media (max-width:576px) {
    .h-section6 {
        padding: 45px 0 0
    }
}
.h-section6:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color-rgb));
    pointer-events: none
}
.h-section6 .decor1,
.h-section6 .decor2 {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    transition: all .3s ease
}
.h-section6 .decor1 img,
.h-section6 .decor2 img {
    width: 100%;
    max-width: 100%;
    display: none
}
.h-section6 .decor2 {
    right: 0;
    bottom: 0;
    width: 33.8194444444%;
    max-width: 487px
}
.h-section6 .decor2 img {
    position: absolute;
    bottom: 0
}
.h-section6 .decor2._1 {
    transform: translateX(0)
}
.h-section6 .decor2._1.hide {
    opacity: 0;
    transform: translateX(100px)
}
.h-section6 .decor2._2 {
    opacity: 0;
    transform: translateX(-100px)
}
.h-section6 .decor2._2.show {
    opacity: 1;
    transform: translateX(0)
}
.h-section6 .decor1 {
    left: 0;
    top: 0;
    width: 44.4444444444%;
    max-width: 640px
}
.h-section6 .decor1._1 {
    transform: translateY(0)
}
.h-section6 .decor1._1.hide {
    opacity: 0;
    transform: translateY(50px)
}
.h-section6 .decor1._2 {
    opacity: 0;
    transform: translateY(-50px)
}
.h-section6 .decor1._2.show {
    opacity: 1;
    transform: translateY(0)
}
.h-section6 .inner-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center
}
@media (max-width:820px) {
    .h-section6 .inner-wrap {
        align-items: flex-end
    }
}
@media (max-width:576px) {
    .h-section6 .inner-wrap {
        justify-content: center;
        flex-wrap: wrap
    }
}
.h-section6 .inner-wrap .left {
    width: 45.5161290323%;
    padding-right: 4.0322580645%
}
.h-section6 .inner-wrap .left .inner_wrap {
    display: flex;
    align-items: flex-end;
    transition: all 1s ease
}
.h-section6 .inner-wrap .left .inner_wrap img {
    width: 100%
}
@media (max-width:820px) {
    .h-section6 .inner-wrap .left {
        width: 38%
    }
}
@media (max-width:576px) {
    .h-section6 .inner-wrap .left {
        width: 100%;
        order: 2;
        padding-right: 0
    }
}
.h-section6 .inner-wrap .right {
    width: 54.4838709677%
}
.h-section6 .inner-wrap .right .cat_tab_list_def {
    margin: 30px 0 37px
}
.h-section6 .inner-wrap .right .inner_wrap {
    transition: all 1s ease
}
.h-section6 .inner-wrap .right .inner_wrap .content {
    margin-bottom: 37px;
    font-size: 23px;
    color: #fff;
    line-height: 170%;
    transition: all 1s ease
}
@media (max-width:1024px) {
    .h-section6 .inner-wrap .right .inner_wrap .content {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .h-section6 .inner-wrap .right {
        width: 62%;
        padding: 0 0 40px
    }
}
@media (max-width:576px) {
    .h-section6 .inner-wrap .right {
        width: 100%;
        order: 1
    }
    .h-section6 .inner-wrap .right .cat_tab_list_def {
        margin: 25px 0 30px
    }
}
.h-section7 {
    position: relative;
    padding: 64px 0 32px
}
@media (max-width:820px) {
    .h-section7 {
        padding: 100px 0
    }
}
@media (max-width:576px) {
    .h-section7 {
        padding: 50px 0
    }
}
.h-section7 .inner_wrap_top {
    position: relative;
    padding: 0 4.0322580645%
}
.h-section7 .inner_wrap_top .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}
.h-section7 .inner_wrap_top .swiper .swiper-slide img {
    filter: grayscale(100%);
    transform: scale(.65);
    transition: all .3s ease
}
.h-section7 .inner_wrap_top .swiper .swiper-slide.swiper-slide-active {
    width: 100%
}
.h-section7 .inner_wrap_top .swiper .swiper-slide.swiper-slide-active img {
    filter: grayscale(0);
    transform: scale(1);
}
.h-section7 .inner_wrap_top .swiper-button.swiper-button-prev {
    left: 0;
    transform: rotate(-180deg)
}
.h-section7 .inner_wrap_top .swiper-button.swiper-button-next {
    right: 0
}
.h-section7 .inner_wrap_bottom .swiper .swiper-slide {
    text-align: center;
    background: #fff;
    height: auto
}
.h-section7 .inner_wrap_bottom .swiper .swiper-slide p {
    display: none;
    font-family: Inter-SemiBold\.ttf;
    font-size: 20px;
    line-height: 130%;
    text-transform: uppercase;
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .h-section7 .inner_wrap_bottom .swiper .swiper-slide p {
        font-size: 18px
    }
}
.h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
    font-family: Inter-Medium\.ttf;
    font-size: 32px;
    line-height: 140%;
    text-align: center;
    color: var(--primary-color);
    margin-top: 10px
}
@media (min-width:1920px) {
    .h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
        font-size: 42px
    }
}
@media (max-width:820px) {
    .h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
        font-size: 28px
    }
}
@media (max-width:576px) {
    .h-section7 .inner_wrap_bottom .swiper .swiper-slide h3 {
        font-size: 22px
    }
}
.h-section8 {
    position: relative;
    background: #fafafa;
    padding: 32px 0 22px
}
@media (max-width:820px) {
    .h-section8 {
        padding: 80px 0
    }
}
@media (max-width:576px) {
    .h-section8 {
        padding: 45px 0
    }
}
.h-section8 .inner_wrap_top {
    margin: 16px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
@media (max-width:576px) {
    .h-section8 .inner_wrap_top {
        margin: 30px 0
    }
}
.h-section8 .inner_wrap_bottom .content {
    position: relative;
    display: inline-block
}
.h-section8 .inner_wrap_bottom .content .link {
    display: block;
    position: absolute;
    right: 0;
    z-index: 2;
    top: -75px
}
@media (max-width:820px) {
    .h-section8 .inner_wrap_bottom .content .link {
        position: relative;
        top: 0;
        margin: 0 auto 50px
    }
}
@media (max-width:576px) {
    .h-section8 .inner_wrap_bottom .content .link {
        margin: 0 auto 30px
    }
}
@media (max-width:820px) {
    .h-section8 .inner_wrap_bottom .content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}
.h-section8 .inner_wrap_bottom .content .item {
    display: inline-block;
    float: left;
    width: 23.3870967742%;
    margin-left: 2.0161290323%;
    margin-bottom: 42px
}
.h-section8 .inner_wrap_bottom .content .item .img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden
}
.h-section8 .inner_wrap_bottom .content .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all .3s ease
}
.h-section8 .inner_wrap_bottom .content .item .text {
    padding: 18px 30px 0 0
}
.h-section8 .inner_wrap_bottom .content .item .text .date {
    display: flex;
    align-items: center;
    color: #858ea7;
    margin-bottom: 6px
}
.h-section8 .inner_wrap_bottom .content .item .text .date img {
    margin-right: 6px
}
.h-section8 .inner_wrap_bottom .content .item .text .title {
    transition: all .3s ease;
    font-family: Inter-Medium\.ttf;
    font-size: 18px;
    line-height: 150%;
    color: #262e3c;
    text-decoration: none;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type {
    width: 49.1935483871%;
    margin-left: 0
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
    padding-top: 74.75%
}
.h-section8 .inner_wrap_bottom .content .item:first-of-type .text {
    padding: 18px 10px 0 0
}
@media (min-width:1920px) {
    .h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
        padding-top: 87%
    }
}
@media (min-width:2200px) {
    .h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
        padding-top: 82%
    }
}
.h-section8 .inner_wrap_bottom .content .item:hover .img img {
    transform: scale(1.2)
}
.h-section8 .inner_wrap_bottom .content .item:hover .text .title {
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .h-section8 .inner_wrap_bottom .content .item .text .title {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .h-section8 .inner_wrap_bottom .content .item {
        width: 48.0225988701%;
        margin-left: 0
    }
    .h-section8 .inner_wrap_bottom .content .item:first-of-type {
        width: 100%
    }
}
@media (max-width:575px) {
    .h-section8 .inner_wrap_bottom .content .item {
        width: 100%;
        margin-bottom: 22px;
        display: flex;
        align-items: center
    }
    .h-section8 .inner_wrap_bottom .content .item .img {
        width: 100px;
        height: 90px;
        padding: 0
    }
    .h-section8 .inner_wrap_bottom .content .item .text {
        width: calc(100% - 100px);
        padding: 0 0 0 15px
    }
    .h-section8 .inner_wrap_bottom .content .item .text .title {
        -webkit-line-clamp: 3
    }
    .h-section8 .inner_wrap_bottom .content .item:first-of-type {
        flex-direction: column
    }
    .h-section8 .inner_wrap_bottom .content .item:first-of-type .img {
        width: 100%
    }
    .h-section8 .inner_wrap_bottom .content .item:first-of-type .text {
        width: 100%;
        padding: 18px 0 0
    }
}
.h-section1 .bgr-img {
    position: relative;
    width: 100vw;
    height: calc(100vh - 70px)
}
@media (max-width:1024px) {
    .h-section1 .bgr-img {
        height: 600px
    }
}
@media (max-width:576px) {
    .h-section1 .bgr-img {
        height: 350px
    }
}
.h-section1 .bgr-img img,
.h-section1 .bgr-img video {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.h-section1 .bgr-img video {
    position: absolute;
    top: 0;
    left: 0
}
.h-section1 .js_slide_banner {
    width: 100vw;
    height: calc(100vh - 70px)
}
.h-section1 .js_slide_banner .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%
}
.h-section1 .js_slide_banner .swiper-wrapper .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.h-section1 .js_slide_banner.slide_mobi {
    display: none
}
@media (max-width:576px) {
    .h-section1 .js_slide_banner.slide_pc {
        display: none
    }
    .h-section1 .js_slide_banner.slide_mobi {
        display: block
    }
}
.h-section1 .decor {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}
@media (max-width:426px) {
    .h-section1 .decor {
        opacity: .5
    }
}
@media (max-width:1024px) {
    .h-section1 .decor img {
        width: 70%
    }
}
@media (max-width:576px) {
    .h-section1 .decor img {
        width: 60%
    }
}
.h-section1 .decor .icon_first .union_1 {
    margin-top: 0
}
.h-section1 .decor .icon_first .union_2 {
    left: 80px;
    position: absolute;
    bottom: 15px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_first .union_2 {
        left: 50px
    }
}
.h-section1 .decor .icon_first .union_3 {
    position: absolute;
    top: 12px;
    left: 165px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_first .union_3 {
        left: 100px
    }
}
.h-section1 .decor .icon_first .union_4 {
    position: absolute;
    top: 52px;
    left: 180px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_first .union_4 {
        left: 110px
    }
}
.h-section1 .decor .icon_second .union_4 {
    position: absolute;
    right: 145px;
    top: 15px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_second .union_4 {
        right: 80px
    }
}
.h-section1 .decor .icon_second .union_5 {
    position: absolute;
    bottom: 15px;
    right: 70px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_second .union_5 {
        right: 35px
    }
}
.h-section1 .decor .icon_second .union_6 {
    top: 11px;
    position: absolute;
    right: 38px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_second .union_6 {
        right: 15px
    }
}
.h-section1 .decor .icon_second .union_7 {
    right: -11px;
    position: absolute;
    bottom: -7px
}
@media (max-width:576px) {
    .h-section1 .decor .icon_second .union_7 {
        right: -15px
    }
}
.h-section1 .foot-banner {
    background-size: 100%;
    width: 100%
}
.h-section1 .foot-banner .total-foot_banner {
    overflow: hidden;
    position: relative;
    display: flex;
    padding-top: 32px;
    padding-bottom: 32px
}
@media (max-width:576px) {
    .h-section1 .foot-banner .total-foot_banner {
        padding: 22px 0
    }
}
.h-section1 .foot-banner .total-foot_banner .decor {
    display: none;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}
.h-section1 .foot-banner .total-foot_banner p {
    text-transform: uppercase;
    font-family: Inter-Medium\.ttf;
    color: #fff;
    font-size: 30px;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 5
}
.h-section1 .foot-banner .total-foot_banner p br {
    display: none
}
@media (min-width:1920px) {
    .h-section1 .foot-banner .total-foot_banner p {
        font-size: 26px
    }
}
@media (max-width:1024px) {
    .h-section1 .foot-banner .total-foot_banner p {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .h-section1 .foot-banner .total-foot_banner p {
        font-size: 17px
    }
}
@media (max-width:576px) {
    .h-section1 .foot-banner .total-foot_banner p {
        font-size: 14px;
        text-align: center
    }
    .h-section1 .foot-banner .total-foot_banner p br {
        display: block
    }
}
.h-section2 {
    padding-top: 0;
    position: relative;
    padding-bottom: 64px
}
@media (max-width:395px) {
    .h-section2 {
        padding-bottom: 40px
    }
}
@media (max-width:576px) {
    .h-section2 {
        padding: 30px 0
    }
}
@media (max-width:426px) {
    .h-section2 {
        padding: 0
    }
}
.h-section2 .container_common .mySwiper_ss2 {
    display: flex
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center
}
@media (max-width:820px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide {
        flex-direction: column
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 522px;
    width: 57.4193548387%;
    padding-right: 11.2903225806%;
    box-sizing: border-box
}
@media (max-width:1024px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
        padding-right: 0
    }
}
@media (max-width:820px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
        width: 100%
    }
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img {
        height: 320px
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .item_img img {
    max-width: 68.5393258427%;
    max-height: 73%;
    object-fit: contain
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description {
    display: block;
    width: 42.5806451613%
}
@media (max-width:820px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description {
        width: 100%;
        margin: 50px auto 0
    }
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description {
        margin: 40px auto
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text {
    padding-right: 3.7878787879%
}
@media (max-width:426px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text {
        padding: 0
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .label {
    text-transform: uppercase;
    color: grey;
    font-family: Inter-SemiBold\.ttf;
    letter-spacing: .1em
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since {
    position: relative;
    margin-left: 19px;
    width: 53px;
    height: 53px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since .decor {
    position: absolute;
    top: -6px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%)
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p {
    font-style: italic;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: var(--primary-color)
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:first-of-type {
    font-size: 10px;
    font-family: Inter-SemiBold\.ttf
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:nth-of-type(2) {
    font-size: 12px;
    font-family: Inter-Bold\.ttf;
    font-weight: 800
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since {
        margin-left: 12px;
        width: 46px;
        height: 46px
    }
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:first-of-type {
        font-size: 8px
    }
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .title .since p:nth-of-type(2) {
        font-size: 10px
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text h3 {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text h3 img {
    margin-left: 19px
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text h3 img {
        margin-left: 15px
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text span {
    display: flex;
    color: #858ea7;
    font-family: Inter-SemiBold\.ttf;
    margin-bottom: 20px
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text span {
        margin-bottom: 30px
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text span p:first-child {
    margin-right: 25px
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc {
    width: 90%
}
@media (max-width:820px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc {
        width: 100%
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc p:first-child {
    margin-bottom: 20px
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc p:first-child {
        margin-bottom: 10px
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .text .text_desc strong {
    text-transform: capitalize;
    color: #313131;
    font-size: 16px
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact {
    display: flex;
    margin-top: 20px
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact {
        margin-top: 25px
    }
}
.h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact .btn_def {
    margin-right: 25px
}
@media (max-width:1024px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact .btn_def {
        margin-right: 10px;
        background: var(--primary-color);
        color: #fff
    }
}
@media (max-width:576px) {
    .h-section2 .container_common .mySwiper_ss2 .swiper-wrapper .swiper-slide .description .contact .btn_def {
        margin-right: 10px
    }
}
.h-section2 .container_common .progress_bar {
    position: absolute;
    width: 40.4838709677%;
    z-index: 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.h-section2 .container_common .progress_bar .swiper-pagination {
    position: relative;
    left: 0;
    top: 0;
    width: auto
}
.h-section2 .container_common .progress_bar .btn {
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.h-section2 .container_common .progress_bar .btn .swiper-button {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    margin: 0
}
.h-section2 .container_common .progress_bar .btn .swiper-button.swiper-button-prev {
    margin-right: 15px
}
@media (max-width:820px) {
    .h-section2 .container_common .progress_bar {
        width: 100%;
        top: 532px;
        transform: translateY(-50%)
    }
}
@media (max-width:576px) {
    .h-section2 .container_common .progress_bar {
        top: 330px
    }
}
.h-section3 {
    width: 100%
}
.h-section3 .container_common .total_section {
    padding-left: 6.9444444444%;
    padding-right: 6.9444444444%;
    padding-bottom: 32px
}
@media (max-width:1280px) {
    .h-section3 .container_common .total_section {
        padding-left: 50px;
        padding-right: 50px
    }
}
@media (max-width:1280px) and (max-width:1024px) {
    .h-section3 .container_common .total_section {
        padding: 0 30px 40px
    }
}
@media (max-width:1280px) and (max-width:576px) {
    .h-section3 .container_common .total_section {
        padding: 0 15px 40px
    }
}
.h-section3 .container_common .total_section .label {
    display: flex;
    width: 100%;
    margin-top: 32px;
    margin-bottom: 50px
}
@media (max-width:576px) {
    .h-section3 .container_common .total_section .label {
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 30px
    }
}
.h-section3 .container_common .total_section .label .cat_tab_list_def {
    width: calc(100% - 300px)
}
@media (max-width:576px) {
    .h-section3 .container_common .total_section .label .cat_tab_list_def {
        width: 100%
    }
}
.h-section3 .container_common .total_section .label .see_all {
    width: 250px;
    display: flex;
    justify-content: end
}
@media (max-width:576px) {
    .h-section3 .container_common .total_section .label .see_all {
        width: 100%;
        justify-content: center;
        margin-top: 15px
    }
}
.h-section3 .container_common .total_section .label .see_all .read_more_def {
    color: #262e3c
}
.h-section3 .container_common .total_section .swiper {
    display: none;
    padding-bottom: 60px
}
@media (max-width:576px) {
    .h-section3 .container_common .total_section .swiper {
        padding-bottom: 45px
    }
}
.h-section3 .container_common .total_section .swiper.is-active {
    display: block
}
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def {
    width: calc((100% - 48px)/4);
    margin-right: 16px
}
.h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def:nth-of-type(4n) {
    margin-right: 0
}
@media (max-width:820px) {
    .h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def {
        width: calc((100% - 40px)/3);
        margin-right: 20px
    }
}
@media (max-width:576px) {
    .h-section3 .container_common .total_section .swiper .swiper-wrapper .swiper-slide .product_item_def {
        width: 100%;
        margin-right: 0
    }
}
.h-section3 .container_common .total_section .swiper .progress_bar {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center
}
.h-section3 .container_common .total_section .swiper .progress_bar .swiper-pagination {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    margin: 0 23px 5px
}
.h-section3 .container_common .total_section .swiper .progress_bar .swiper-button {
    position: relative;
    left: 0;
    top: 0;
    right: 0
}
.page_about_general1 .section1 {
    position: relative;
    padding: 100px 0 64px
}
@media (max-width:1024px) {
    .page_about_general1 .section1 {
        padding: 160px 0 100px
    }
}
@media (max-width:820px) {
    .page_about_general1 .section1 {
        padding: 100px 0 80px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section1 {
        padding: 60px 0 40px
    }
}
.page_about_general1 .section1 .decor {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 36.25%
}
.page_about_general1 .section1 .content_common {
    padding-right: 0;
    overflow: hidden
}
.page_about_general1 .section1 .content {
    font-family: Inter-Regular\.ttf;
    font-size: 20px;
    line-height: 170%;
    color: #3f4855;
    width: 42.7419354839%;
    margin-bottom: 103px
}
.page_about_general1 .section1 .content b,
.page_about_general1 .section1 .content strong {
    font-weight: 400;
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .page_about_general1 .section1 .content {
        font-size: 24px
    }
}
@media (max-width:1024px) {
    .page_about_general1 .section1 .content {
        width: 75%;
        margin-bottom: 70px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section1 .content {
        width: calc(100% - 15px);
        margin-bottom: 30px;
        font-size: 16px
    }
}
.page_about_general1 .section1 .pagination_progress {
    display: flex;
    align-items: center;
    margin-bottom: 45px
}
.page_about_general1 .section1 .pagination_progress .swiper-button,
.page_about_general1 .section1 .pagination_progress .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0
}
.page_about_general1 .section1 .pagination_progress .swiper-pagination {
    width: 92px;
    height: 2px;
    margin: 0 20px
}
.page_about_general1 .section1 .pagination_progress .swiper-pagination .swiper-pagination-progressbar-fill {
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px;
    top: -1px
}
.page_about_general1 .section1 .pagination_progress .swiper-button.swiper-button-prev {
    transform: rotate(-180deg)
}
@media (max-width:576px) {
    .page_about_general1 .section1 .pagination_progress {
        margin-bottom: 35px
    }
}
.page_about_general1 .section1 .js-slide-s1 {
    padding-right: 6.9444444444%
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide {
    position: relative
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
    font-family: Roboto, sans-serif;
    font-size: 64px;
    line-height: 150%;
    text-transform: capitalize;
    color: var(--primary-color)
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .dots {
    position: relative;
    margin: 5px 0 30px;
    height: 1px;
    border-top: 1px dashed #858ea7
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .dots:before {
    position: absolute;
    content: "";
    left: 0;
    top: -5px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
    border-radius: 50%;
    z-index: 2
}
.page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    color: #262e3c;
    width: 66.6666666667%
}
@media (min-width:1920px) {
    .page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
        font-size: 74px
    }
    .page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
        font-size: 44px
    }
    .page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
        width: calc(100% - 20px)
    }
}
@media (max-width:576px) {
    .page_about_general1 .section1 .js-slide-s1 .swiper-slide .number {
        font-size: 38px
    }
    .page_about_general1 .section1 .js-slide-s1 .swiper-slide .excerpt {
        font-size: 13px
    }
}
.page_about_general1 .section2 {
    position: relative;
    padding: 64px 0;
    background: var(--primary-color)
}
@media (max-width:1024px) {
    .page_about_general1 .section2 {
        padding: 100px 0
    }
}
@media (max-width:576px) {
    .page_about_general1 .section2 {
        padding: 50px 0
    }
}
.page_about_general1 .section2 .decor {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 33.8194444444%;
    pointer-events: none
}
.page_about_general1 .section2 .decor img {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%
}
.page_about_general1 .section2 .container_common {
    display: flex;
    align-itemS: center;
    justify-content: space-between;
    padding-left: 6.9444444444%
}
@media (max-width:820px) {
    .page_about_general1 .section2 .container_common {
        flex-wrap: wrap;
        padding: 0
    }
}
.page_about_general1 .section2 .container_common .left {
    position: relative;
    z-index: 2;
    width: 47.6119402985%
}
.page_about_general1 .section2 .container_common .left .quote {
    display: none;
    position: absolute;
    top: -32px;
    right: 0;
    width: 11.2852664577%;
    max-width: 72px;
    z-index: -1
}
@media (max-width:576px) {
    .page_about_general1 .section2 .container_common .left .quote {
        top: -15px
    }
}
.page_about_general1 .section2 .container_common .left .content {
    margin-top: 50px;
    font-family: Inter-Regular\.ttf;
    font-size: 16px;
    line-height: 170%;
    color: #fff
}
.page_about_general1 .section2 .container_common .left .content p {
    margin-bottom: 22px
}
.page_about_general1 .section2 .container_common .left .content p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_about_general1 .section2 .container_common .left .content {
        font-size: 22px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section2 .container_common .left .content {
        margin-top: 30px;
        font-size: 14px
    }
}
@media (max-width:820px) {
    .page_about_general1 .section2 .container_common .left {
        width: 100%;
        padding: 0 30px
    }
    .page_about_general1 .section2 .container_common .left .quote {
        right: 30px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section2 .container_common .left {
        padding: 0 15px
    }
    .page_about_general1 .section2 .container_common .left .quote {
        right: 15px
    }
}
.page_about_general1 .section2 .container_common .right {
    position: relative;
    width: 44.9253731343%
}
@media (max-width:1024px) {
    .page_about_general1 .section2 .container_common .right {
        width: 48%
    }
}
@media (max-width:820px) {
    .page_about_general1 .section2 .container_common .right {
        position: relative;
        width: calc(100% - 30px);
        top: 0;
        transform: translateY(0);
        margin-top: 40px;
        margin-left: 30px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section2 .container_common .right {
        width: calc(100% - 15px);
        margin-top: 35px;
        margin-left: 15px
    }
}
.page_about_general1 .section2 .container_common .right .img {
    width: 100%;
    padding-top: 70%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0));
    border-radius: 500px 0 0 500px;
    overflow: hidden;
    transition: all .5s ease
}
.page_about_general1 .section2 .container_common .right .img img {
    position: absolute;
    top: 14px;
    bottom: 14px;
    right: 0;
    left: 14px;
    width: calc(100% - 14px);
    height: calc(100% - 28px);
    object-fit: cover;
    object-position: left center;
    border-radius: 500px 0 0 500px
}
@media (max-width:576px) {
    .page_about_general1 .section2 .container_common .right .img {
        border-radius: 180px 0 0 180px
    }
}
.page_about_general1 .section3 {
    position: relative;
    padding: 64px 0 0
}
.page_about_general1 .section3 .title_def._blue {
    color: #f95a23
}
@media (max-width:820px) {
    .page_about_general1 .section3 {
        padding: 100px 0 60px;
        display: flex;
        flex-direction: column
    }
}
@media (max-width:576px) {
    .page_about_general1 .section3 {
        padding: 50px 0 30px
    }
}
.page_about_general1 .section3 .decor1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 56.4583333333%
}
.page_about_general1 .section3 .decor2 {
    position: absolute;
    left: 6.9444444444%;
    top: 0;
    width: 35.9722222222%
}
.page_about_general1 .section3 .container_common {
    display: flex;
    align-items: center;
    padding-right: 6.9444444444%
}
@media (max-width:820px) {
    .page_about_general1 .section3 .container_common {
        flex-wrap: wrap
    }
}
.page_about_general1 .section3 .container_common .left {
    width: 52.9850746269%;
    display: flex;
    align-items: center;
    padding-right: 9.1791044776%
}
.page_about_general1 .section3 .container_common .left .img,
.page_about_general1 .section3 .container_common .left .img img {
    width: 100%
}
@media (max-width:820px) {
    .page_about_general1 .section3 .container_common .left {
        order: 2;
        width: 100%;
        padding-right: 0
    }
}
.page_about_general1 .section3 .container_common .right {
    width: 47.0149253731%
}
.page_about_general1 .section3 .container_common .right .content {
    margin-top: 45px;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 170%;
    color: #3f4855
}
.page_about_general1 .section3 .container_common .right .content p {
    margin-bottom: 22px
}
.page_about_general1 .section3 .container_common .right .content p:last-child {
    margin-bottom: 0
}
.page_about_general1 .section3 .container_common .right .content ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px
}
.page_about_general1 .section3 .container_common .right .content ul li {
    display: flex;
    align-items: center;
    margin-top: 33px;
    width: 50%;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 19px;
    line-height: 150%;
    color: #262e3c
}
.page_about_general1 .section3 .container_common .right .content ul li img {
    width: 24px;
    margin-right: 10px
}
.page_about_general1 .section3 .container_common .right .content ul li span {
    color: #858ea7;
    margin-left: 3px
}
@media (min-width:1920px) {
    .page_about_general1 .section3 .container_common .right .content {
        font-size: 18px
    }
    .page_about_general1 .section3 .container_common .right .content ul li {
        font-size: 25px
    }
    .page_about_general1 .section3 .container_common .right .content ul li img {
        width: 40px
    }
}
@media (max-width:820px) {
    .page_about_general1 .section3 .container_common {
        justify-content: flex-start;
        order: 1;
        margin-bottom: 15px;
        padding-left: 30px
    }
    .page_about_general1 .section3 .container_common .right {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_about_general1 .section3 .container_common {
        padding-left: 15px
    }
    .page_about_general1 .section3 .container_common .right .title_def br {
        display: none
    }
    .page_about_general1 .section3 .container_common .right .content {
        margin-top: 25px
    }
    .page_about_general1 .section3 .container_common .right .content p {
        margin-bottom: 16px
    }
    .page_about_general1 .section3 .container_common .right .content p:last-child {
        margin-bottom: 0
    }
    .page_about_general1 .section3 .container_common .right .content ul {
        margin-top: 15px
    }
    .page_about_general1 .section3 .container_common .right .content ul li {
        width: 100%;
        margin-top: 20px;
        font-size: 16px
    }
    .page_about_general1 .section3 .container_common .right .content ul li img {
        width: 20px
    }
}
.page_about_general1 .section4 {
    position: relative;
    padding: 64px 0
}
@media (max-width:820px) {
    .page_about_general1 .section4 {
        padding: 80px 0 165px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section4 {
        padding: 40px 0 45px
    }
}
.page_about_general1 .section4 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1
}
.page_about_general1 .section4 .content_common {
    display: flex;
    align-items: flex-start
}
.page_about_general1 .section4 .content_common .left {
    width: 59.435483871%
}
.page_about_general1 .section4 .content_common .left .title_def {
    text-transform: none;
    width: -webkit-max-content;
    width: max-content
}
.page_about_general1 .section4 .content_common .left .content {
    margin-top: 35px;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 170%;
    color: #3f4855
}
.page_about_general1 .section4 .content_common .left .content p {
    margin-bottom: 22px
}
.page_about_general1 .section4 .content_common .left .content p:last-child {
    margin-bottom: 0
}
.page_about_general1 .section4 .content_common .left .notice {
    position: relative;
    width: 114.503816794%;
    margin-top: 65px;
    margin-left: -17.8666666667%;
    background: #fff;
    border-radius: 0 100px 100px 0;
    display: flex;
    align-items: center;
    padding: 22px 16.6666666667% 22px 17.8666666667%;
    box-sizing: border-box
}
.page_about_general1 .section4 .content_common .left .notice:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    right: 6px;
    bottom: 6px;
    border-radius: 0 100px 100px 0;
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color-rgb))
}
.page_about_general1 .section4 .content_common .left .notice .decor {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    object-fit: cover;
    object-position: center;
    z-index: 1;
    border-radius: 0 100px 100px 0
}
.page_about_general1 .section4 .content_common .left .notice .number {
    position: relative;
    z-index: 2;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 130%;
    color: #fff;
    margin-right: 24px
}
.page_about_general1 .section4 .content_common .left .notice .text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 170%;
    color: #fff
}
@media (min-width:1920px) {
    .page_about_general1 .section4 .content_common .left .content {
        font-size: 18px
    }
    .page_about_general1 .section4 .content_common .left .notice .number {
        font-size: 72px
    }
    .page_about_general1 .section4 .content_common .left .notice .text {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .page_about_general1 .section4 .content_common .left,
    .page_about_general1 .section4 .content_common .left .title_def {
        width: 100%
    }
    .page_about_general1 .section4 .content_common .left .notice {
        width: 88%;
        margin-left: -30px;
        padding: 22px 18% 22px 30px;
        box-sizing: border-box
    }
    .page_about_general1 .section4 .content_common .left .notice:before {
        position: absolute;
        content: "";
        top: 6px;
        left: 0;
        right: 6px;
        bottom: 6px;
        border-radius: 0 100px 100px 0;
        background: linear-gradient(270deg, var(--primary-color), rgba(199, 14, 14, 0) 98.95%)
    }
    .page_about_general1 .section4 .content_common .left .notice .decor {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        object-fit: cover;
        object-position: center;
        z-index: 1;
        border-radius: 0 100px 100px 0
    }
    .page_about_general1 .section4 .content_common .left .notice .number {
        position: relative;
        z-index: 2;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 56px;
        line-height: 130%;
        color: #fff;
        margin-right: 24px
    }
    .page_about_general1 .section4 .content_common .left .notice .text {
        position: relative;
        z-index: 2;
        font-size: 14px;
        line-height: 170%;
        color: #fff
    }
}
@media (max-width:576px) {
    .page_about_general1 .section4 .content_common .left .content {
        margin-top: 25px
    }
    .page_about_general1 .section4 .content_common .left .content p {
        margin-bottom: 16px
    }
    .page_about_general1 .section4 .content_common .left .content p:last-child {
        margin-bottom: 0
    }
    .page_about_general1 .section4 .content_common .left .notice {
        margin-left: -15px;
        width: 100%;
        margin-top: 30px;
        padding: 18px 30px 18px 15px
    }
    .page_about_general1 .section4 .content_common .left .notice .number {
        font-size: 36px;
        margin-right: 24px
    }
}
.page_about_general1 .section4 .content_common .right {
    width: 42.1774193548%;
    pointer-events: none;
    margin-bottom: -16.5700483092%
}
.page_about_general1 .section4 .content_common .right img {
    width: 120.512820513%;
    margin-left: -20.5128205128%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}
@media (min-width:1920px) {
    .page_about_general1 .section4 .content_common .right {
        margin-bottom: -20%
    }
    .page_about_general1 .section4 .content_common .right img {
        width: 100%
    }
}
@media (max-width:820px) {
    .page_about_general1 .section4 .content_common .right {
        position: absolute;
        width: 50%;
        margin: 0;
        right: 15px;
        bottom: -50px
    }
    .page_about_general1 .section4 .content_common .right img {
        width: 100%;
        margin: 0
    }
}
@media (max-width:576px) {
    .page_about_general1 .section4 .content_common .right {
        display: none
    }
}
.page_about_general1 .section5 {
    position: relative;
    padding: 100px 0 0
}
@media (max-width:1024px) {
    .page_about_general1 .section5 {
        padding: 120px 0 0
    }
}
@media (max-width:820px) {
    .page_about_general1 .section5 {
        padding: 80px 0 0;
        display: flex;
        flex-direction: column
    }
}
@media (max-width:576px) {
    .page_about_general1 .section5 {
        padding: 45px 0 0
    }
}
.page_about_general1 .section5 .decor {
    position: absolute;
    top: 19%;
    left: 0;
    width: 29.0277777778%;
    z-index: -1
}
@media (max-width:820px) {
    .page_about_general1 .section5 .decor {
        top: 5%
    }
}
@media (max-width:576px) {
    .page_about_general1 .section5 .decor {
        top: 3%
    }
}
.page_about_general1 .section5 .container_common {
    display: flex;
    align-items: center;
    padding-right: 6.9444444444%
}
@media (max-width:820px) {
    .page_about_general1 .section5 .container_common {
        flex-wrap: wrap;
        padding-right: 0
    }
}
.page_about_general1 .section5 .container_common .right {
    width: 49.2537313433%
}
.page_about_general1 .section5 .container_common .right .content {
    margin-top: 45px
}
.page_about_general1 .section5 .container_common .right .content ul li {
    position: relative;
    font-size: "Inter-Regular.ttf";
    font-size: 14px;
    line-height: 170%;
    color: #3f4855;
    padding-bottom: 22px;
    padding-left: 22px
}
.page_about_general1 .section5 .container_common .right .content ul li:after,
.page_about_general1 .section5 .container_common .right .content ul li:before {
    position: absolute;
    content: "";
    top: 8px
}
.page_about_general1 .section5 .container_common .right .content ul li:before {
    left: -4px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
    border-radius: 50%;
    z-index: 1
}
.page_about_general1 .section5 .container_common .right .content ul li:after {
    height: 100%;
    width: 1px;
    background: #c4c4c4;
    left: 0
}
.page_about_general1 .section5 .container_common .right .content ul li:last-child {
    padding-bottom: 0
}
.page_about_general1 .section5 .container_common .right .content ul li:last-child:after {
    display: none
}
.page_about_general1 .section5 .container_common .left {
    width: 50.7462686567%;
    padding-right: 6.7164179104%
}
.page_about_general1 .section5 .container_common .left .img {
    display: flex
}
.page_about_general1 .section5 .container_common .left .img img {
    width: 100%
}
@media (max-width:820px) {
    .page_about_general1 .section5 .container_common .left {
        position: relative;
        width: 100%;
        padidng-right: 0;
        order: 2;
        margin-top: 15px
    }
}
@media (min-width:1920px) {
    .page_about_general1 .section5 .container_common .right .content ul li {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .page_about_general1 .section5 .container_common {
        padding: 0
    }
    .page_about_general1 .section5 .container_common .right {
        order: 1;
        width: 100%;
        padding: 0 30px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section5 .container_common .right {
        padding: 0 15px
    }
    .page_about_general1 .section5 .container_common .right .title_def br {
        display: none
    }
    .page_about_general1 .section5 .container_common .right .content {
        margin-top: 25px
    }
}
.page_about_general1 .section6 {
    position: relative;
    padding: 64px 0
}
.page_about_general1 .section6 .bg,
.page_about_general1 .section6:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.page_about_general1 .section6 .bg {
    object-fit: cover;
    object-position: center
}
.page_about_general1 .section6:before {
    content: "";
    background: rgba(0, 0, 0, .6);
    z-index: 1
}
.page_about_general1 .section6 .container_common .content {
    position: relative;
    z-index: 2;
    padding: 0 21.5277777778%;
    font-size: 32px;
    line-height: 160%;
    text-align: center;
    color: #fff
}
@media (min-width:1920px) {
    .page_about_general1 .section6 .container_common .content {
        font-size: 42px
    }
}
@media (max-width:1024px) {
    .page_about_general1 .section6 {
        padding: 120px 0
    }
    .page_about_general1 .section6 .container_common .content {
        padding: 0 60px;
        font-size: 28px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section6 {
        padding: 60px 0
    }
    .page_about_general1 .section6 .container_common .content {
        padding: 0 30px;
        font-size: 18px
    }
}
.page_about_general1 .section7 {
    position: relative;
    padding: 64px 0;
    z-index: 2
}
@media (max-width:1024px) {
    .page_about_general1 .section7 {
        padding: 85px 0 90px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section7 {
        padding: 55px 0 45px
    }
}
.page_about_general1 .section7 .decor {
    position: absolute;
    left: 0;
    top: 0;
    width: 21.5277777778%;
    max-width: 410px
}
@media (max-width:576px) {
    .page_about_general1 .section7 .decor {
        top: -13%
    }
}
.page_about_general1 .section7 .wrap {
    padding: 0 8.6805555556% 0 36.25%
}
.page_about_general1 .section7 .wrap .title_def {
    text-transform: none
}
.page_about_general1 .section7 .wrap .content {
    margin-top: 40px;
    color: #3f4855
}
.page_about_general1 .section7 .wrap .content h3 {
    font-size: 24px;
    line-height: 170%;
    margin-bottom: 40px
}
.page_about_general1 .section7 .wrap .content p {
    font-size: 16px;
    line-height: 170%;
    margin-bottom: 22px
}
.page_about_general1 .section7 .wrap .content p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_about_general1 .section7 .wrap .content h3 {
        font-size: 30px
    }
    .page_about_general1 .section7 .wrap .content p {
        font-size: 22px
    }
}
@media (max-width:1024px) {
    .page_about_general1 .section7 .wrap {
        padding: 0 30px 0 26%
    }
}
@media (max-width:820px) {
    .page_about_general1 .section7 .wrap .content h3 {
        font-size: 22px
    }
}
@media (max-width:576px) {
    .page_about_general1 .section7 .wrap {
        padding: 0 15px
    }
    .page_about_general1 .section7 .wrap .content {
        margin-top: 24px
    }
    .page_about_general1 .section7 .wrap .content h3 {
        font-size: 18px;
        margin-bottom: 22px
    }
    .page_about_general1 .section7 .wrap .content p {
        font-size: 14px
    }
}
.page_general .section1 {
    padding: 40px 0
}
@media (max-width:1024px) {
    .page_general .section1 {
        padding: 120px 0 40px
    }
}
@media (max-width:576px) {
    .page_general .section1 {
        padding: 100px 0 20px
    }
}
.page_general .section1 .container_common .content_common {
    display: flex;
    align-items: center;
    padding: 0 14.2361111111%
}
@media (max-width:1024px) {
    .page_general .section1 .container_common .content_common {
        padding: 0 30px
    }
}
.page_general .section1 .container_common .content_common .left {
    width: 51.1650485437%
}
@media (max-width:820px) {
    .page_general .section1 .container_common .content_common .left {
        width: 50%
    }
}
@media (max-width:576px) {
    .page_general .section1 .container_common .content_common .left {
        display: none
    }
}
.page_general .section1 .container_common .content_common .left svg {
    width: 100%;
    height: auto
}
.page_general .section1 .container_common .content_common .right {
    width: 49.459193707%
}
@media (max-width:576px) {
    .page_general .section1 .container_common .content_common .right {
        width: 100%
    }
}
.page_general .section1 .container_common .content_common .right .text_desc p:nth-child(2) {
    font-size: 16px;
    color: #262e3c;
    margin: 32px 0 60px
}
@media (min-width:1920px) {
    .page_general .section1 .container_common .content_common .right .text_desc p:nth-child(2) {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_general .section1 .container_common .content_common .right .text_desc p:nth-child(2) {
        margin: 15px 0 30px;
        font-size: 14px
    }
}
.page_general .section1 .container_common .content_common .right .data {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}
.page_general .section1 .container_common .content_common .right .data .element {
    width: 50%;
    margin-bottom: 48px
}
@media (max-width:576px) {
    .page_general .section1 .container_common .content_common .right .data .element {
        margin-bottom: 30px
    }
}
.page_general .section1 .container_common .content_common .right .data .element p {
    font-size: 16px;
    color: #262e3c;
    margin-top: 16px
}
.page_general .section1 .container_common .content_common .right .data .element p:first-of-type {
    color: #f95a23
}
@media (min-width:1920px) {
    .page_general .section1 .container_common .content_common .right .data .element p {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .page_general .section1 .container_common .content_common .right .data .element p {
        font-size: 14px
    }
}
@media (max-width:576px) {
    .page_general .section1 .container_common .content_common .right .data .element p {
        margin-top: 10px;
        font-size: 12px
    }
}
.page_general .section1 .container_common .content_common .right .data .element .title_def {
    font-size: 70px;
    margin: 0;
    line-height: 60%
}
@media (min-width:1920px) {
    .page_general .section1 .container_common .content_common .right .data .element .title_def {
        font-size: 80px
    }
}
@media (max-width:820px) {
    .page_general .section1 .container_common .content_common .right .data .element .title_def {
        font-size: 50px
    }
}
@media (max-width:576px) {
    .page_general .section1 .container_common .content_common .right .data .element .title_def {
        font-size: 42px
    }
}
.page_general .section2 {
    background-color: #f8f8f8;
    padding: 64px 0
}
@media (max-width:820px) {
    .page_general .section2 {
        padding: 45px 0 80px
    }
}
@media (max-width:576px) {
    .page_general .section2 {
        padding: 40px 0 50px
    }
}
.page_general .section2 .container_common .content_common .cat_tab_list_def {
    justify-content: center
}
.page_general .section2 .container_common .content_common .cat_tab_list_def a {
    margin: 0 25px
}
@media (max-width:576px) {
    .page_general .section2 .container_common .content_common .cat_tab_list_def {
        justify-content: space-between
    }
    .page_general .section2 .container_common .content_common .cat_tab_list_def a {
        margin: 0 0 10px
    }
}
.page_general .section2 .container_common .content_common .wrapper {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper {
        margin-top: 20px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left {
    width: 40.4838709677%
}
@media (max-width:1024px) {
    .page_general .section2 .container_common .content_common .wrapper .left {
        width: 43.483871%
    }
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper .left {
        width: 100%;
        margin-bottom: 20px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 24px;
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
        font-size: 34px
    }
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
        margin-bottom: 10px
    }
}
@media (max-width:576px) {
    .page_general .section2 .container_common .content_common .wrapper .left .vp_desc .title_def {
        margin-bottom: 5px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
    font-size: 16px;
    margin-bottom: 32px;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
        margin-bottom: 15px
    }
}
@media (max-width:576px) {
    .page_general .section2 .container_common .content_common .wrapper .left .vp_desc p {
        font-size: 14px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left .contact {
    font-size: 16px;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_general .section2 .container_common .content_common .wrapper .left .contact {
        font-size: 20px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information {
    margin-top: 16px
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper .left .contact .information {
        margin-top: 10px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information strong {
    font-family: Inter-SemiBold\.ttf
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper .left .contact .information span {
        margin-bottom: 5px
    }
}
.page_general .section2 .container_common .content_common .wrapper .left .contact .information span img {
    margin-right: 15px
}
@media (min-width:1920px) {
    .page_general .section2 .container_common .content_common .wrapper .left .contact .information span img {
        margin-top: 5px
    }
}
@media (max-width:576px) {
    .page_general .section2 .container_common .content_common .wrapper .left .contact .information span img {
        margin-right: 10px
    }
}
@media (max-width:576px) {
    .page_general .section2 .container_common .content_common .wrapper .left .contact .information span p {
        font-size: 14px
    }
}
.page_general .section2 .container_common .content_common .wrapper .right {
    width: 54.0322580645%
}
@media (max-width:820px) {
    .page_general .section2 .container_common .content_common .wrapper .right {
        width: 100%
    }
}
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-wrapper .swiper-slide {
    position: relative;
    padding-top: 77%
}
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-wrapper .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-button-next:after,
.page_general .section2 .container_common .content_common .wrapper .right .mySwiper .swiper-button-prev:after {
    display: none
}
.page_general .section4 {
    padding: 64px 0 0
}
@media (max-width:820px) {
    .page_general .section4 {
        padding: 80px 0
    }
}
@media (max-width:576px) {
    .page_general .section4 {
        padding: 45px 0
    }
}
.page_general .section4 .parent {
    margin-top: 50px;
}
@media (max-width:820px) {
    .page_general .section4 .parent {
        margin-top: 30px
    }
}
@media (max-width:576px) {
    .page_general .section4 .parent {
        margin-top: 10px
    }
}
.page_general .section4 .parent .item {
    position: relative;
    background: hsla(0, 0%, 97.3%, .6);
    padding-top: 56.25%;
}
.progress_khachhang .swiper-pagination {
    position: relative;
    margin-top: 20px
}
.page_general .section4 .parent .item:nth-of-type(5n) {
    margin: 0 0 25px
}
@media (max-width:820px) {
    .page_general .section4 .parent .item {
        width: calc((100% - 75px)/4);
        padding-top: 0;
        height: 100px
    }
    .page_general .section4 .parent .item:nth-of-type(5n) {
        margin-right: 25px
    }
    .page_general .section4 .parent .item:nth-of-type(4n) {
        margin-right: 0
    }
}
@media (max-width:576px) {
    .page_general .section4 .parent .item {
        width: calc((100% - 40px)/2);
        margin: 0 20px 20px 0
    }
    .page_general .section4 .parent .item:nth-of-type(4n) {
        margin-right: 20px
    }
    .page_general .section4 .parent .item:nth-of-type(2n) {
        margin-right: 0
    }
}
.page_general .section4 .parent .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%
}
.page_general .section4 .label_2 {
    margin: 50px 0
}
@media (max-width:820px) {
    .page_general .section4 .label_2 {
        margin: 30px
    }
}
@media (max-width:576px) {
    .page_general .section4 .label_2 {
        margin: 25px
    }
}
._nha_may_san_xuat .page_content .section1 {
    padding: 140px 0 130px
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content .section1 {
        padding: 100px 0
    }
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content .section1 {
        padding: 80px 0
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 {
        padding: 45px 0
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common {
    display: flex;
    flex-wrap: wrap
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .left {
    width: 34.2741935484%;
    padding-right: 30px
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .left {
        width: 100%;
        margin-bottom: 10px
    }
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .left .title_def br {
        display: none
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right {
    width: 65.7258064516%
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right {
        width: 100%
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label {
    font-family: Inter-SemiBold\.ttf;
    color: #000;
    font-size: 16px;
    line-height: 150%
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label {
        font-size: 20px
    }
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label br {
        display: none
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right .label {
        font-size: 18px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 {
    position: relative
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
    font-size: 18px;
    margin: 50px 0;
    width: 90.7975460123%
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
        font-size: 22px
    }
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
        width: 100%;
        margin: 30px 0
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .text_ftr {
        margin: 20px 0;
        font-size: 16px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .swiper-wrapper .swiper-slide {
    margin-bottom: 28px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .swiper-wrapper .swiper-slide .img_fac {
    position: relative;
    padding-top: 90.5%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 12px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .swiper-wrapper .swiper-slide .img_fac img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot {
    margin-top: 30px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-next {
    width: 30px;
    top: auto;
    bottom: 0;
    right: 0
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-next:after {
    display: none
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-prev {
    width: 30px;
    left: auto;
    top: auto;
    right: 35px;
    bottom: 0
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-button-prev:after {
    display: none
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block1 .swiper .foot .swiper-scrollbar {
    bottom: 18px;
    position: absolute;
    width: calc(100% - 80px);
    height: 2px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 {
    margin-top: 105px
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 {
        margin-top: 75px;
        margin-top: 40px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 {
        margin-top: 20px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly {
    width: 39.263803681%;
    margin-bottom: 66px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly:nth-of-type(2n) {
    width: 26.3803680982%;
    margin-left: 12.8834355828%
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly {
        margin-bottom: 40px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly {
        width: 100%;
        margin-bottom: 20px
    }
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly:nth-of-type(2n) {
        width: 100%;
        margin-left: 0
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top {
    align-items: center;
    display: flex;
    color: #f95a23;
    font-size: 48px;
    line-height: 150%
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top {
        font-size: 58px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top {
        font-size: 38px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top span {
    font-size: 24px;
    line-height: 130%;
    text-transform: uppercase;
    color: #3f4855;
    margin-left: 20px
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top span {
        font-size: 34px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .top span {
        font-size: 18px;
        margin-left: 10px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot {
    border-top: .5px solid #c4c4c4;
    padding-top: 10px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
    font-family: Inter-Light\.ttf;
    font-size: 24px;
    line-height: 170%;
    color: #3f4855
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
        font-size: 32px
    }
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
        font-size: 22px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block2 .content_bl2 .prod_yearly .bot p {
        font-size: 20px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 {
    margin-top: 34px
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
    margin-top: 50px;
    font-size: 18px;
    width: 90.7975460123%
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
        font-size: 22px
    }
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
        width: 100%;
        margin: 30px 0
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .excerpt {
        margin: 20px 0;
        font-size: 16px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm {
        margin-top: 30px
    }
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm .img {
    position: relative;
    padding-top: 44%;
    border-radius: 5px;
    overflow: hidden;
    width: calc((100% - 20px)/2)
}
._nha_may_san_xuat .page_content .section1 .container_common .content_common .right ._block3 .img_bttm .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common {
    display: flex;
    flex-wrap: wrap
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .left {
    width: 34.2741935484%;
    padding-right: 30px
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right {
    width: 65.7258064516%
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right {
        width: 100%
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .desc {
    font-size: 18px;
    line-height: 170%;
    color: #3f4855
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .desc {
        font-size: 22px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .desc {
        font-size: 16px
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem {
    margin-top: 63px;
    position: relative
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem {
        margin: 40px 30px 0 0
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt {
    display: flex;
    position: relative;
    padding-bottom: 60px
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt {
        padding-bottom: 40px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt {
        padding-bottom: 15px
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt:before {
    position: absolute;
    content: "";
    left: -4px;
    top: 15px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
    border-radius: 50%;
    z-index: 2
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #c4c4c4;
    left: 0;
    top: 18px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .icon {
    width: 50px;
    margin: 0 20px 0 28px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .icon img {
    max-width: 100%
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .icon {
        margin: 0 15px 0 20px
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top {
    display: block;
    width: calc(100% - 98px);
    margin-top: 5px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top .label {
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #313131;
    margin-bottom: 20px
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top p {
    padding-right: 30.6748466258%
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top .label {
        font-size: 20px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top {
        width: 100%
    }
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top .label {
        margin-bottom: 12px
    }
    ._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt .top p {
        padding-right: 0
    }
}
._nha_may_san_xuat .page_content ._section2 .container_common .content_common .right .dac_diem .excerpt:last-child:after {
    display: none
}
._nha_may_san_xuat .page_content ._section3 {
    padding: 100px 0 170px
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section3 {
        padding: 40px 0 0
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 544px
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
        height: 725px
    }
}
@media (min-width:2200px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
        height: 920px
    }
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
        height: 425px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common {
        flex-wrap: wrap;
        height: auto
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js {
    width: 65.9677419355%
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js {
        width: 100%
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js .mySwiper_js {
    height: 100%
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js .mySwiper_js .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_js .mySwiper_js .swiper-wrapper .swiper-slide {
        height: 300px
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum {
    width: 32.0161290323%
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum {
        width: 100%
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail {
    height: 100%;
    padding-right: 45px;
    padding-bottom: 40px
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail {
        padding-right: 0;
        padding-bottom: 50px;
        margin-top: 15px
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper {
    position: relative
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper {
        width: 30%
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide {
    margin-right: 10px
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
    border-radius: 2%
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide.swiper-slide-active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6))
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-wrapper .swiper-slide {
        height: 90px
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-scrollbar {
    top: 80px;
    right: 12px;
    width: 2px;
    margin: 0
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-scrollbar {
        top: 100px;
        right: 18px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-scrollbar {
        top: auto;
        width: calc(100% - 80px);
        bottom: 0;
        height: 3px
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-next {
    transform: rotate(90deg);
    right: 0;
    top: 60px
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-next {
        top: 72px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-next {
        top: auto;
        bottom: 0;
        transform: rotate(0deg)
    }
}
._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-prev {
    transform: rotate(90deg);
    left: auto;
    right: 0;
    top: 0;
    margin: 0
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section3 .container_common .content_common .wrap_colum .mySwiper_thumbnail .swiper-button-prev {
        bottom: 0;
        top: auto;
        right: 35px;
        transform: rotate(0deg)
    }
}
._nha_may_san_xuat .page_content ._section4 {
    padding: 0 0 250px
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section4 {
        padding: 80px 0 100px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section4 {
        padding: 40px 0
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab {
    width: 42.5%;
    position: relative
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab {
        width: 100%;
        order: 2;
        margin-top: 20px
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab img {
    width: 100%;
    transition: 1s;
    display: none
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .img_tab img.active {
    display: block
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab {
    width: 57.5%;
    padding: 0 0 0 8.5483870968%
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab {
        padding: 0 0 0 30px
    }
}
@media (max-width:820px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab {
        width: 100%;
        order: 1;
        padding: 0
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .label_tab_ss4 h4 {
    color: #858ea7;
    margin-top: 5px
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail {
    margin: 70px 0
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail {
        margin: 45px 0
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail {
        margin: 30px 0
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail p {
    font-size: 16px;
    margin-bottom: 20px
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .detail p {
        font-size: 20px
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li {
    display: flex;
    position: relative;
    align-items: center;
    transition: .3s;
    cursor: pointer;
    border-top: .75px solid #dbdbdb;
    padding: 17px 0 32px
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li {
        padding: 15px 0 25px
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: var(--primary-color);
    height: 1px;
    width: 0;
    transition: .5s
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li.active {
    transition: .3s
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li.active:before {
    width: 52.7182866557%
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li.active a {
    color: var(--primary-color);
    transition: .3s
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li a {
    font-family: Roboto;
    font-weight: 600;
    font-size: 20px;
    color: #c4c4c4;
    text-decoration: none
}
@media (min-width:1920px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li a {
        font-size: 26px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li a {
        font-size: 18px
    }
}
._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li p {
    color: #858ea7;
    margin-right: 90px
}
@media (max-width:1024px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li p {
        margin-right: 50px
    }
}
@media (max-width:576px) {
    ._nha_may_san_xuat .page_content ._section4 .container_common .content_common ._tab_ss4 .text_tab .tab_js li p {
        margin-right: 30px
    }
}
.page_about_prize .page_content {
    position: relative;
    padding: 140px 0 170px
}
.page_about_prize .page_content .decor_prize {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 44.4444444444%;
    max-width: 640px
}
@media (max-width:820px) {
    .page_about_prize .page_content {
        padding: 100px 0 120px
    }
}
@media (max-width:576px) {
    .page_about_prize .page_content {
        padding: 60px 0 50px
    }
}
.page_about_prize .page_content .content {
    position: relative;
    z-index: 2;
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:576px) {
    .page_about_prize .page_content .content {
        margin-top: 30px
    }
}
.page_about_prize .page_content .content .item {
    position: relative;
    width: calc((100% - 75px)/4);
    margin-right: 25px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
    border-radius: 5px;
    overflow: hidden
}
.page_about_prize .page_content .content .item:nth-of-type(4n) {
    margin-right: 0
}
.page_about_prize .page_content .content .item .img {
    position: relative;
    width: 100%;
    padding-top: 72.25%;
    display: flex;
    align-items: center;
    justify-content: center
}
.page_about_prize .page_content .content .item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 95%;
    max-height: 90%
}
.page_about_prize .page_content .content .item .text {
    padding: 37px 16px 50px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    text-align: center
}
.page_about_prize .page_content .content .item .text .year {
    margin-bottom: 20px;
    color: var(--primary-color)
}
.page_about_prize .page_content .content .item .text .name {
    color: #313131
}
.page_about_prize .page_content .content .item .text .excerpt {
    font-family: Inter-Regular\.ttf;
    color: #313131;
    font-size: 14px;
    line-height: 170%;
    margin-top: 15px;
    display: none
}
.page_about_prize .page_content .content .item .detail {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    padding: 34px 30px;
    opacity: 0;
    transition: all .3s ease
}
.page_about_prize .page_content .content .item .detail .bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: top center
}
.page_about_prize .page_content .content .item .detail p {
    position: relative;
    z-index: 2;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    opacity: 0;
    transition: all .5s ease
}
.page_about_prize .page_content .content .item .detail p:last-child {
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 170%
}
.page_about_prize .page_content .content .item .detail p:nth-of-type(2) {
    margin: 20px 0 30px
}
@media (min-width:1920px) {
    .page_about_prize .page_content .content .item .text {
        font-size: 22px
    }
    .page_about_prize .page_content .content .item .text .excerpt {
        font-size: 18px
    }
    .page_about_prize .page_content .content .item .detail p {
        font-size: 22px
    }
    .page_about_prize .page_content .content .item .detail p:last-child {
        font-size: 18px
    }
}
@media (min-width:1025px) {
    .page_about_prize .page_content .content .item:hover .detail {
        opacity: 1;
        top: 0
    }
    .page_about_prize .page_content .content .item:hover .detail p {
        opacity: 1
    }
}
@media (max-width:1024px) {
    .page_about_prize .page_content .content .item .img {
        height: 180px
    }
    .page_about_prize .page_content .content .item .text {
        padding: 20px 15px 40px;
        text-align: left
    }
    .page_about_prize .page_content .content .item .text .excerpt {
        display: block
    }
}
@media (max-width:820px) {
    .page_about_prize .page_content .content .item {
        width: calc((100% - 40px)/3);
        margin-right: 20px;
        margin-bottom: 20px
    }
    .page_about_prize .page_content .content .item:nth-of-type(4n) {
        margin-right: 20px
    }
    .page_about_prize .page_content .content .item:nth-of-type(3n) {
        margin-right: 0
    }
}
@media (max-width:576px) {
    .page_about_prize .page_content .content .item {
        width: 100%;
        margin-right: 0
    }
    .page_about_prize .page_content .content .item:nth-of-type(4n) {
        margin-right: 0
    }
    .page_about_prize .page_content .content .item .img {
        height: 160px
    }
    .page_about_prize .page_content .content .item .img img {
        max-height: 100%
    }
    .page_about_prize .page_content .content .item .text {
        padding: 20px 15px 30px
    }
    .page_about_prize .page_content .content .item .text .year {
        margin-bottom: 15px
    }
    .page_about_prize .page_content .content .item .text .excerpt {
        margin-top: 10px
    }
}
.page_about_chart .page_content .leadership {
    position: relative;
    padding: 138px 0 0
}
@media (max-width:820px) {
    .page_about_chart .page_content .leadership {
        padding: 80px 0 0
    }
}
@media (max-width:576px) {
    .page_about_chart .page_content .leadership {
        padding: 65px 0 0
    }
}
.page_about_chart .page_content .leadership .decor {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0
}
.page_about_chart .page_content .leadership .content {
    position: relative;
    padding: 60px 4.435483871% 0
}
@media (max-width:576px) {
    .page_about_chart .page_content .leadership .content {
        padding: 35px 0 0
    }
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide {
    display: flex;
    min-height: 395px
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .img {
    width: 48.6725663717%;
    display: flex;
    align-items: flex-end;
    justify-content: center
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .img img {
    max-width: 100%
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text {
    width: 54.7169811321%;
    padding: 43px 30px 30px 22px;
    box-sizing: border-box
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:first-of-type {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    line-height: 150%;
    color: var(--primary-color)
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(2) {
    margin: 5px 0 30px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(3) {
    font-family: Inter-Regular\.ttf;
    font-size: 16px;
    line-height: 170%;
    color: #3f4855
}
@media (min-width:1920px) {
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:first-of-type {
        font-size: 28px
    }
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(2),
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(3) {
        font-size: 22px
    }
}
@media (max-width:576px) {
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide {
        display: inline-block;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content
    }
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .img {
        width: 30%;
        margin-right: 20px;
        margin-bottom: 10px;
        float: left
    }
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text {
        width: 100%;
        padding: 0 0 30px
    }
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:first-of-type {
        font-size: 18px
    }
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(2) {
        margin: 5px 0 15px;
        font-size: 16px
    }
    .page_about_chart .page_content .leadership .content .swiper .swiper-slide .text p:nth-of-type(3) {
        font-size: 16px
    }
}
.page_about_chart .page_content .leadership .content .swiper-button-prev {
    left: 0;
    transform: rotate(-180deg)
}
.page_about_chart .page_content .leadership .content .swiper-button-next {
    right: 0
}
@media (max-width:576px) {
    .page_about_chart .page_content .leadership .content .swiper-button {
        width: 26px;
        height: 26px
    }
    .page_about_chart .page_content .leadership .content .swiper-button-prev {
        left: -10px
    }
    .page_about_chart .page_content .leadership .content .swiper-button-next {
        right: -10px
    }
}
.page_about_chart .page_content .organizational_chart {
    padding: 140px 0 230px
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart {
        padding: 80px 0 100px
    }
}
@media (max-width:576px) {
    .page_about_chart .page_content .organizational_chart {
        padding: 45px 0 50px
    }
}
.page_about_chart .page_content .organizational_chart .content {
    position: relative
}
.page_about_chart .page_content .organizational_chart .content .left {
    position: absolute;
    left: 0;
    top: 0;
    width: 26.2096774194%
}
.page_about_chart .page_content .organizational_chart .content .left .excerpt {
    margin-top: 10px;
    font-size: 16px;
    line-height: 170%;
    color: #3f4855
}
@media (min-width:1920px) {
    .page_about_chart .page_content .organizational_chart .content .left .excerpt {
        font-size: 22px
    }
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart .content .left {
        position: relative;
        width: 100%;
        margin-bottom: 35px
    }
}
.page_about_chart .page_content .organizational_chart .content .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}
.page_about_chart .page_content .organizational_chart .content .right .mobi,
.page_about_chart .page_content .organizational_chart .content .right .pc {
    width: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .mobi {
    display: none
}
@media (max-width:576px) {
    .page_about_chart .page_content .organizational_chart .content .right .mobi {
        display: block
    }
    .page_about_chart .page_content .organizational_chart .content .right .pc {
        display: none
    }
}
.page_about_chart .page_content .organizational_chart .content .right .level {
    position: relative;
    padding-bottom: 86px;
    margin: 0 auto
}
.page_about_chart .page_content .organizational_chart .content .right .level h3 {
    position: relative;
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    border-radius: 5px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3 img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: right center;
    border-radius: 5px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:before {
    position: absolute;
    content: "";
    background: #c4c4c4
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type {
    width: 203px;
    padding: 43px 0 12px;
    background: linear-gradient(68.51deg, var(--primary-color), #d73f3f)
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type img {
    height: auto;
    max-height: 35px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type:before {
    width: 1px;
    height: 86px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2),
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) {
    position: absolute;
    top: 90px;
    width: 280px;
    padding: 11px 5px 12px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) img,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) img {
    height: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) p,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) p {
    position: relative;
    z-index: 2
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before,
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3):before {
    width: 122px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%)
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) {
    right: -300px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before {
    right: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) {
    left: -300px
}
.page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3):before {
    left: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 {
    padding-bottom: 130px
}
.page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:first-of-type:before {
    height: 130px
}
@media (min-width:1920px) {
    .page_about_chart .page_content .organizational_chart .content .right .level h3 {
        font-size: 18px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type {
        width: 250px;
        padding: 48px 0 17px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2),
    .page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3) {
        width: 253px;
        padding: 14px 3px 15px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before,
    .page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(3):before {
        width: 172px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(2),
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3) {
        font-size: 17px
    }
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart .content .right .level {
        margin: 0
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 {
        padding-bottom: 230px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:first-of-type:before {
        height: 230px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3) {
        top: 200px;
        left: auto;
        right: -300px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3):before {
        left: auto;
        right: 100%
    }
}
@media (max-width:576px) {
    .page_about_chart .page_content .organizational_chart .content .right .level {
        padding-bottom: 100px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type {
        width: 190px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:first-of-type:before {
        height: 100px;
        left: 35%
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2) {
        right: -110px;
        top: 100px;
        width: 200px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level h3:nth-of-type(2):before {
        width: 34px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3) {
        right: -110px;
        width: 200px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level3 h3:nth-of-type(3):before {
        width: 34px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level2 {
        padding-bottom: 60px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level.level2 h3:first-of-type:before {
        height: 60px
    }
}
.page_about_chart .page_content .organizational_chart .content .right .level4 {
    position: relative;
    display: flex;
    align-items: flex-start;
    box-sizing: content-box
}
.page_about_chart .page_content .organizational_chart .content .right .level4:after,
.page_about_chart .page_content .organizational_chart .content .right .level4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #c4c4c4
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4 {
        flex-direction: column
    }
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li {
    position: relative;
    padding-top: 80px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 1px;
    height: calc(100% - 8px);
    background: #c4c4c4
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title {
    position: relative;
    font-family: Inter-Bold\.ttf;
    font-size: 14px;
    line-height: 130%;
    text-transform: capitalize;
    color: var(--primary-color);
    padding-left: 20px;
    height: 36px;
    cursor: pointer
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title:before {
    position: absolute;
    content: "-";
    z-index: 2;
    background: var(--primary-color);
    width: 20px;
    height: 20px;
    left: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    transition: all .3s ease
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .title.active:before {
    content: "+"
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list {
    position: relative;
    padding-left: 32px;
    padding-top: 40px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p {
    position: relative;
    font-family: Inter-Medium\.ttf;
    font-size: 12px;
    line-height: 130%;
    text-transform: capitalize;
    color: var(--primary-color);
    margin-bottom: 24px;
    padding-right: 7px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:last-child {
    margin-bottom: 0
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:after,
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background: #c4c4c4
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:before {
    width: 20px;
    height: 1px;
    left: -32px
}
.page_about_chart .page_content .organizational_chart .content .right .level4 li .list p:after {
    left: -12px;
    width: 5px;
    height: 5px;
    border-radius: 50%
}
@media (min-width:1920px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .title {
        font-size: 18px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .list p {
        font-size: 16px
    }
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4 li {
        padding-top: 30px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .title {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .title br {
        display: none
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .title:before {
        content: "+"
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .title.active:before {
        content: "-"
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4 li .list {
        padding-top: 20px;
        display: none
    }
}
@media (max-width:576px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4 li:before {
        height: 100%
    }
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top {
    width: 92.7419354839%;
    padding-left: 7.2580645161%;
    padding-bottom: 147px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top:before {
    width: 71.3709677419%;
    height: 1px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top:after {
    width: 1px;
    height: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level4._top li {
    width: 23.0434782609%
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4._top {
        width: 100%;
        padding-left: 0;
        padding-bottom: 0
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4._top:before {
        width: 103px
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4._top li {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4._top:before {
        width: 67px
    }
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom {
    width: 100%
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom:before {
    width: 80%;
    height: 1px
}
.page_about_chart .page_content .organizational_chart .content .right .level4._bottom li {
    width: 20%
}
@media (max-width:820px) {
    .page_about_chart .page_content .organizational_chart .content .right .level4._bottom:before {
        display: none
    }
    .page_about_chart .page_content .organizational_chart .content .right .level4._bottom li {
        width: 100%
    }
}
.page_product_detail {
    padding-bottom: 40px
}
@media (max-width:820px) {
    .page_product_detail {
        padding-bottom: 0
    }
}
.page_product_detail .intro_top {
    position: relative;
    padding: 72px 0 80px;
    margin-bottom: 30px;
    display: flex;
    border-bottom: 1px solid #e1e7ee
}
.page_product_detail .intro_top .breadcrumb_def._mobile {
    display: none
}
@media (max-width:1024px) {
    .page_product_detail .intro_top {
        padding: 120px 0 50px
    }
}
@media (max-width:820px) {
    .page_product_detail .intro_top {
        flex-wrap: wrap
    }
    .page_product_detail .intro_top .breadcrumb_def._mobile {
        display: flex
    }
    .page_product_detail .intro_top .breadcrumb_def._pc {
        display: none
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_top {
        padding: 105px 0 35px
    }
}
.page_product_detail .intro_top .left {
    width: 40.4838709677%;
    margin-top: 15px
}
.page_product_detail .intro_top .left .box_img {
    width: 100%;
    position: relative;
    padding-top: 81%
}
.page_product_detail .intro_top .left .box_img img {
    max-width: 88.2470119522%;
    max-height: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
@media (min-width:2200px) {
    .page_product_detail .intro_top .left .box_img {
        padding-top: 65%
    }
}
.page_product_detail .intro_top .left .js_slide_product_img {
    width: 100%;
    margin-bottom: 30px
}
.page_product_detail .intro_top .left .js_slide_product_img .swiper-slide {
    position: relative;
    padding-top: 81%
}
.page_product_detail .intro_top .left .js_slide_product_img .swiper-slide img {
    max-width: 76.4940239044%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
@media (min-width:2200px) {
    .page_product_detail .intro_top .left .js_slide_product_img .swiper-slide {
        padding-top: 65%
    }
}
.page_product_detail .intro_top .left .js_slide_product_gallery {
    width: 100%;
    padding-bottom: 50px
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .left .js_slide_product_gallery {
        padding-bottom: 70px
    }
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide {
    position: relative;
    height: 90px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide img {
    max-width: 80%;
    max-height: 90%
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide:before {
    position: absolute;
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    pointer-events: none;
    top: 0;
    left: 0;
    border: 1px solid #ebebeb;
    transition: all .3s ease
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-slide.swiper-slide-active:before {
    border: 1px solid var(--primary-color)
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button {
    bottom: 0;
    top: auto
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button.swiper-button-prev {
    transform: rotate(-180deg);
    left: auto;
    right: 40px
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button.swiper-button-next {
    right: 0
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .left .js_slide_product_gallery .swiper-button.swiper-button-prev {
        right: 60px
    }
}
.page_product_detail .intro_top .left .js_slide_product_gallery .swiper-pagination {
    position: absolute;
    left: 0;
    width: 60%;
    bottom: 0;
    text-align: left
}
@media (max-width:820px) {
    .page_product_detail .intro_top .left {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_top .left .js_slide_product_img {
        margin-bottom: 15px
    }
    .page_product_detail .intro_top .left .js_slide_product_img .swiper-slide img {
        max-width: 90%
    }
}
.page_product_detail .intro_top .right {
    width: 42.5806451613%;
}
.page_product_detail .intro_top .right .title {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 8px 0 5px
}
.page_product_detail .intro_top .right .title .since {
    position: relative;
    margin-left: 19px;
    width: 53px;
    height: 53px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
.page_product_detail .intro_top .right .title .since .decor {
    position: absolute;
    top: -6px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%)
}
.page_product_detail .intro_top .right .title .since p {
    font-style: italic;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: var(--primary-color)
}
.page_product_detail .intro_top .right .title .since p:first-of-type {
    font-size: 10px;
    font-family: Inter-SemiBold\.ttf
}
.page_product_detail .intro_top .right .title .since p:nth-of-type(2) {
    font-size: 12px;
    font-family: Inter-Bold\.ttf;
    font-weight: 800
}
.page_product_detail .intro_top .right .cat_name {
    display: flex
}
.page_product_detail .intro_top .right .cat_name a {
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 130%;
    color: #858ea7;
    margin-right: 25px
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .right .cat_name a {
        font-size: 18px
    }
}
.page_product_detail .intro_top .right .price {
    margin-top: 30px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 32px;
    line-height: 130%;
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .right .price {
        font-size: 42px
    }
}
.page_product_detail .intro_top .right .excerpt {
    margin-top: 20px
}
.page_product_detail .intro_top .right .excerpt h3 {
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    color: #313131;
    margin-bottom: 20px
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .right .excerpt h3 {
        font-size: 20px
    }
}
.page_product_detail .intro_top .right .excerpt p {
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 24px;
    color: #3f4855;
    margin-bottom: 20px
}
.page_product_detail .intro_top .right .excerpt p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .right .excerpt p {
        font-size: 18px
    }
}
.page_product_detail .intro_top .right .detail {
    margin-top: 30px
}
.page_product_detail .intro_top .right .detail li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}
.page_product_detail .intro_top .right .detail li p {
    font-size: 14px;
    line-height: 22px
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .right .detail li p {
        font-size: 18px
    }
}
.page_product_detail .intro_top .right .detail li p:first-of-type {
    width: 26.1363636364%;
    font-family: Inter-SemiBold\.ttf;
    color: #3f4855
}
.page_product_detail .intro_top .right .detail li p:nth-of-type(2) {
    width: 71.5909090909%;
    font-family: Inter-Regular\.ttf;
    color: #545454
}
.page_product_detail .intro_top .right .notice {
    color: #545454;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    margin-bottom: 50px
}
@media (min-width:1920px) {
    .page_product_detail .intro_top .right .notice {
        font-size: 18px
    }
}
@media (max-width:1024px) {
    .page_product_detail .intro_top .right {
        width: 54.6774193548%;
    }
}
@media (max-width:820px) {
    .page_product_detail .intro_top .right {
        width: 100%;
        margin-left: 0;
        margin-top: 35px
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_top .right {
        margin-top: 25px
    }
    .page_product_detail .intro_top .right .title .since {
        margin-left: 12px;
        width: 46px;
        height: 46px
    }
    .page_product_detail .intro_top .right .title .since p:first-of-type {
        font-size: 8px
    }
    .page_product_detail .intro_top .right .title .since p:nth-of-type(2) {
        font-size: 10px
    }
    .page_product_detail .intro_top .right .price {
        margin-top: 20px
    }
    .page_product_detail .intro_top .right .excerpt h3,
    .page_product_detail .intro_top .right .excerpt p {
        margin-bottom: 15px
    }
    .page_product_detail .intro_top .right .excerpt p:last-child {
        margin-bottom: 0
    }
    .page_product_detail .intro_top .right .detail {
        margin-top: 20px
    }
    .page_product_detail .intro_top .right .detail li {
        flex-wrap: wrap;
        margin-bottom: 8px
    }
    .page_product_detail .intro_top .right .detail li p:first-of-type,
    .page_product_detail .intro_top .right .detail li p:nth-of-type(2) {
        width: 100%
    }
    .page_product_detail .intro_top .right .notice {
        margin-bottom: 35px
    }
}
.page_product_detail .intro_other {
    position: relative;
    margin-bottom: 100px;
    display: flex;
    align-items: flex-start
}
@media (max-width:820px) {
    .page_product_detail .intro_other {
        flex-wrap: wrap;
        margin-bottom: 80px
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_other {
        margin-bottom: 40px
    }
}
.page_product_detail .intro_other .title_def {
    width: 34.435483871%;
    padding-right: 30px
}
@media (max-width:820px) {
    .page_product_detail .intro_other .title_def {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_other .title_def {
        margin-bottom: 25px
    }
}
.page_product_detail .intro_other .inner_wrap {
    width: 65.564516129%
}
@media (max-width:820px) {
    .page_product_detail .intro_other .inner_wrap {
        width: 100%
    }
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e1e7ee;
    transition: all .3s ease
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label {
    position: relative;
    font-family: Inter-SemiBold\.ttf;
    font-size: 18px;
    line-height: 150%;
    color: #858ea7;
    padding-right: 25px;
    cursor: pointer;
    transition: all .3s ease
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label:before {
    position: absolute;
    content: "+";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    font-size: 20px;
    color: #858ea7;
    transition: all .3s ease
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label.is-toggle {
    color: #262e3c
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label.is-toggle:before {
    content: "-";
    color: #3f4855
}
@media (min-width:1920px) {
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label {
        font-size: 22px
    }
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label:before {
        font-size: 26px
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._label {
        font-size: 16px
    }
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content {
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -.01em;
    color: #3f4855;
    padding-top: 20px;
    display: none
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content p {
    margin-bottom: 10px
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content p:last-child {
    margin-bottom: 0
}
@media (max-width:576px) {
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content p {
        margin-bottom: 8px
    }
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul {
    padding-left: 23px;
    margin-bottom: 10px;
    list-style: disc
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol li,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul li {
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 160%;
    color: #3f4855;
    padding-bottom: 6px
}
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol li:last-child,
.page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul li:last-child {
    padding-bottom: 0
}
@media (min-width:1920px) {
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol li,
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul li {
        font-size: 18px
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ol,
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content ul {
        margin-bottom: 8px
    }
}
@media (min-width:1920px) {
    .page_product_detail .intro_other .inner_wrap .accordion .accordion_item ._content {
        font-size: 18px
    }
}
.page_product_detail .intro_other .inner_wrap .progress_related {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-button,
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0
}
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-pagination {
    width: auto;
    margin: 0 20px
}
.page_product_detail .intro_other .inner_wrap .progress_related .swiper-pagination .swiper-pagination-progressbar-fill {
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px;
    top: -1px
}
.page_product_detail .intro_other .inner_wrap .js_products_related {
    position: relative
}
.page_product_detail .intro_other .inner_wrap .js_products_related .swiper-slide .product_item_def {
    margin-bottom: 0
}
.page_product_detail .intro_other .inner_wrap .js_products_watched {
    position: relative
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper {
    display: flex;
    flex-wrap: wrap
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide {
    width: calc((100% - 25px)/2);
    margin-bottom: 25px;
    margin-right: 25px
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide:nth-of-type(2n) {
    margin-right: 0
}
.page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide .product_item_def {
    margin-bottom: 0
}
@media (max-width:576px) {
    .page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper {
        flex-wrap: nowrap
    }
    .page_product_detail .intro_other .inner_wrap .js_products_watched .swiper-wrapper .swiper-slide {
        width: auto;
        margin-right: 0;
        margin-bottom: 0
    }
}
@media (max-width:576px) {
    .page_product_detail .intro_other .inner_wrap .js_products_watched .progress_related {
        display: flex
    }
}
.page_products {
    padding: 40px 0
}
@media (max-width:1024px) {
    .page_products {
        padding: 100px 0 80px
    }
}
@media (max-width:576px) {
    .page_products {
        padding: 100px 0 45px
    }
}
.page_products #search_product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 35px 0 40px
}
@media (max-width:576px) {
    .page_products #search_product {
        flex-direction: column
    }
}
.page_products #search_product .form-group {
    position: relative
}
.page_products #search_product .form-group input,
.page_products #search_product .form-group select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 30.5px;
    outline: none;
    box-shadow: none;
    font-family: Inter-Regular\.ttf;
    font-size: 15px;
    line-height: 24px;
    color: grey;
    padding: 0 15px 0 20px
}
@media (min-width:1920px) {
    .page_products #search_product .form-group input,
    .page_products #search_product .form-group select {
        font-size: 20px;
        height: 60px
    }
}
.page_products #search_product .form-group select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
.page_products #search_product .form-group._select img {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    filter: grayscale(90%)
}
.page_products #search_product .form-group:first-of-type {
    width: 64.9193548387%
}
.page_products #search_product .form-group:first-of-type .decor {
    position: absolute;
    z-index: 2;
    left: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%)
}
@media (min-width:1920px) {
    .page_products #search_product .form-group:first-of-type .decor {
        width: 24px
    }
}
.page_products #search_product .form-group:first-of-type input {
    padding: 0 10px 0 46px
}
.page_products #search_product .form-group:nth-of-type(2) {
    width: 19.7580645161%
}
@media (max-width:820px) {
    .page_products #search_product .form-group:first-of-type {
        width: 68.1451612903%
    }
    .page_products #search_product .form-group:nth-of-type(2) {
        width: 27.8225806452%
    }
}
@media (max-width:576px) {
    .page_products #search_product .form-group {
        margin-bottom: 12px
    }
    .page_products #search_product .form-group:first-of-type,
    .page_products #search_product .form-group:nth-of-type(2) {
        width: 100%
    }
}
.page_products #search_product .bth_submit {
    width: 11.2903225806%;
    background: var(--primary-color);
    color: #fff;
    height: 40px;
    text-transform: inherit;
    cursor: pointer
}
@media (min-width:1920px) {
    .page_products #search_product .bth_submit {
        height: 60px;
        border-radius: 30.5px
    }
}
@media (max-width:820px) {
    .page_products #search_product .bth_submit {
        width: 140px;
        margin: 20px auto 0
    }
}
.page_products .navigation {
    position: relative;
    z-index: 10
}
.page_products .navigation .current_cat {
    display: none;
    cursor: pointer;
    outline: none
}
@media (max-width:1024px) {
    .page_products .navigation .current_cat {
        position: relative;
        z-index: 3;
        border-radius: 100px;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 12px 30px;
        background: var(--primary-color);
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .15))
    }
    .page_products .navigation .current_cat .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left center
    }
    .page_products .navigation .current_cat p {
        position: relative;
        z-index: 2;
        text-align: center;
        font-family: Inter-SemiBold\.ttf;
        font-size: 16px;
        color: #fff
    }
    .page_products .navigation .current_cat i {
        position: absolute;
        z-index: 2;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff
    }
}
.page_products .navigation .list_cat {
    display: flex;
    flex-wrap: wrap;
    transition: all .35s ease
}
.page_products .navigation .list_cat li {
    width: calc((100% - 88px)/5);
    margin-right: 22px;
    margin-bottom: 18px;
    background: #fff;
    box-shadow: 20px 11px 9px rgba(221, 225, 233, .03), 11px 6px 8px rgba(221, 225, 233, .1), 5px 3px 6px rgba(221, 225, 233, .17), 1px 1px 3px rgba(221, 225, 233, .2), 0 0 0 rgba(221, 225, 233, .2);
    transition: all .35s ease;
    min-height: 80px
}
.page_products .navigation .list_cat li:nth-of-type(5n) {
    margin-right: 0
}
.page_products .navigation .list_cat li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px 20px 10px
}
.page_products .navigation .list_cat li a .icon {
    width: 40px;
    height: auto
}
.page_products .navigation .list_cat li a .text {
    margin-left: 20px;
    width: calc(100% - 60px)
}
.page_products .navigation .list_cat li a .text p:first-of-type {
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 143%;
    color: #3f4855
}
@media (min-width:1920px) {
    .page_products .navigation .list_cat li a .text p:first-of-type {
        font-size: 18px
    }
}
.page_products .navigation .list_cat li a .text p:nth-of-type(2) {
    font-size: 12px;
    line-height: 133%;
    color: #858ea7;
    margin-top: 2px
}
@media (min-width:1920px) {
    .page_products .navigation .list_cat li a .text p:nth-of-type(2) {
        font-size: 15px
    }
}
.page_products .navigation .list_cat li.js_check_hide_cat,
.page_products .navigation .list_cat li.js_check_show_cat {
    background: var(--primary-color);
    box-shadow: 20px 11px 9px rgba(221, 225, 233, .03), 11px 6px 8px rgba(221, 225, 233, .1), 5px 3px 6px rgba(221, 225, 233, .17), 1px 1px 3px rgba(221, 225, 233, .2), 0 0 0 rgba(221, 225, 233, .2)
}
.page_products .navigation .list_cat li.js_check_hide_cat a,
.page_products .navigation .list_cat li.js_check_show_cat a {
    color: #fff
}
@media (max-width:1024px) {
    .page_products .navigation .list_cat li.js_check_hide_cat,
    .page_products .navigation .list_cat li.js_check_show_cat {
        display: none
    }
}
.page_products .navigation .list_cat li.js_check_show_cat {
    display: none;
    margin-right: 0
}
.page_products .navigation .list_cat.change li {
    display: none
}
.page_products .navigation .list_cat.change li.js_check_show_cat,
.page_products .navigation .list_cat.change li:first-of-type,
.page_products .navigation .list_cat.change li:nth-of-type(2),
.page_products .navigation .list_cat.change li:nth-of-type(3),
.page_products .navigation .list_cat.change li:nth-of-type(4) {
    display: block
}
@media (min-width:1920px) {
    .page_products .navigation .list_cat {
        min-height: 95.5px
    }
}
@media (min-width:1025px) {
    .page_products .navigation .list_cat.active {
        background: var(--primary-color)
    }
    .page_products .navigation .list_cat.active a .icon {
        filter: brightness(0) invert(1)
    }
    .page_products .navigation .list_cat.active a .text p:first-of-type {
        color: #fff
    }
    .page_products .navigation .list_cat.active a .text p:nth-of-type(2) {
        color: hsla(0, 0%, 100%, .85)
    }
}
@media (max-width:1024px) {
    .page_products .navigation .list_cat {
        position: absolute;
        z-index: 0;
        top: 100%;
        margin-top: -30px;
        left: 0;
        width: 100%;
        height: 0;
        overflow: auto;
        background: var(--primary-color);
        border-radius: 0 0 30px 30px;
        box-shadow: 20px 11px 9px rgba(221, 225, 233, .03), 11px 6px 8px rgba(221, 225, 233, .1), 5px 3px 6px rgba(221, 225, 233, .17), 1px 1px 3px rgba(221, 225, 233, .2), 0 0 0 rgba(221, 225, 233, .2)
    }
    .page_products .navigation .list_cat:before {
        position: absolute;
        pointer-events: none;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        border-radius: 0 0 30px 30px;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0))
    }
    .page_products .navigation .list_cat li {
        position: relative;
        z-index: 2;
        width: 100%;
        background: transparent;
        border-radius: 0;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #dfe5ee;
        background: var(--primary-color)
    }
    .page_products .navigation .list_cat li:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        pointer-events: none;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0))
    }
    .page_products .navigation .list_cat li a .icon {
        display: none
    }
    .page_products .navigation .list_cat li a .text {
        margin-left: 0;
        width: 100%
    }
    .page_products .navigation .list_cat li a .text p:first-of-type {
        color: #fff
    }
    .page_products .navigation .list_cat li a .text p:nth-of-type(2) {
        color: hsla(0, 0%, 100%, .85)
    }
    .page_products .navigation .list_cat.show {
        height: 450px;
        padding-top: 30px
    }
}
@media (max-width:576px) {
    .page_products .navigation .list_cat {
        height: 0;
        border-radius: 0 0 25px 25px
    }
    .page_products .navigation .list_cat:before {
        border-radius: 0 0 25px 25px
    }
    .page_products .navigation .list_cat li {
        min-height: 60px
    }
    .page_products .navigation .list_cat li a .icon {
        display: none
    }
    .page_products .navigation .list_cat li a .text {
        width: 100%;
        margin: 0
    }
    .page_products .navigation .list_cat.show {
        height: 250px
    }
}
.page_products .wrap {
    display: inline-block;
    width: 100%;
    margin-top: 50px
}
.page_products .wrap .top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.page_products .wrap .js_products_special {
    position: relative;
    width: 65.9677419355%;
    margin: 0
}
@media (max-width:820px) {
    .page_products .wrap .js_products_special {
        width: 100%;
        margin-bottom: 30px
    }
}
.page_products .wrap .js_products_special .swiper-slide ._item {
    padding: 23px 32px 35px;
    border: 1px solid #f4f6f9;
    box-sizing: border-box
}
@media (max-width:576px) {
    .page_products .wrap .js_products_special .swiper-slide ._item {
        padding: 25px
    }
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img {
    position: relative;
    display: block;
    padding-top: 68.5%;
    background-size: cover
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img img:first-child {
    z-index: 2;
    max-width: 50%;
    max-height: 80.8%;
    top: 50%
}
.page_products .wrap .js_products_special .swiper-slide ._item ._img img:nth-child(2) {
    top: 87%
}
@media (min-width:2200px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._img {
        padding-top: 61.5%
    }
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text {
    display: flex;
    flex-wrap: wrap;
    padding-top: 112px
}
@media (max-width:576px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._text {
        padding-top: 60px
    }
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .left {
    width: 28.8563829787%;
    padding-right: 15px;
    box-sizing: border-box;
    font-family: Inter-Bold\.ttf;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #c4c4c4
}
@media (min-width:1920px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .left {
        font-size: 18px
    }
}
@media (max-width:576px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .left {
        width: 100%;
        margin-bottom: 15px;
        padding-right: 0
    }
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right {
    width: 71.1436170213%
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right a {
    font-family: Inter-Medium\.ttf;
    font-size: 20px;
    line-height: 150%;
    color: #262e3c;
    text-decoration: none
}
@media (min-width:1920px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .right a {
        font-size: 26px
    }
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:first-of-type {
    margin: 15px 0 12px;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:nth-of-type(2) {
    font-size: 13px;
    line-height: 170%;
    color: grey
}
@media (min-width:1920px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:nth-of-type(2) {
        font-size: 17px
    }
}
@media (max-width:576px) {
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .right {
        width: 100%
    }
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .right a {
        font-size: 16px
    }
    .page_products .wrap .js_products_special .swiper-slide ._item ._text .right p:first-of-type {
        margin: 12px 0 10px
    }
}
.page_products .wrap .js_products_special .pagination_progress {
    position: absolute;
    display: flex;
    width: calc(100% - 64px);
    align-items: center;
    justify-content: space-between;
    top: 0;
    padding-top: 71%;
    left: 32px
}
@media (min-width:2200px) {
    .page_products .wrap .js_products_special .pagination_progress {
        padding-top: 64%
    }
}
@media (max-width:576px) {
    .page_products .wrap .js_products_special .pagination_progress {
        width: calc(100% - 50px);
        left: 25px;
        padding-top: 72%
    }
}
.page_products .wrap .js_products_special .pagination_progress .swiper-button {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    transform: translate(0)
}
.page_products .wrap .js_products_special .pagination_progress .swiper-button.swiper-button-next {
    margin-left: 10px
}
.page_products .wrap .js_products_special .pagination_progress .swiper-pagination {
    position: relative;
    left: 0;
    top: 0;
    width: calc(100% - 90px);
    height: 2px;
    background: #ebebeb;
    margin-bottom: 14px
}
.page_products .wrap .js_products_special .pagination_progress .swiper-pagination .swiper-pagination-progressbar-fill {
    height: 2px;
    background: grey;
    border-radius: 2px
}
@media (min-width:1920px) {
    .page_products .wrap .js_products_special .pagination_progress .swiper-pagination {
        width: calc(100% - 110px)
    }
}
.page_products .wrap .products_latest {
    width: 31.935483871%
}
.page_products .wrap .products_latest .product_item_def {
    width: 100%
}
@media (max-width:820px) {
    .page_products .wrap .products_latest {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
    .page_products .wrap .products_latest .product_item_def {
        width: calc((100% - 25px)/2);
        margin-right: 25px
    }
    .page_products .wrap .products_latest .product_item_def:nth-of-type(2n) {
        margin-right: 0
    }
}
@media (max-width:576px) {
    .page_products .wrap .products_latest .product_item_def {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px
    }
}
.page_products .wrap .list_products {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}
.page_products .wrap .list_products .product_item_def {
    width: 31.935483871%;
    margin-right: 2.0967741935%;
    margin-bottom: 30px
}
.page_products .wrap .list_products .product_item_def:nth-of-type(3n) {
    margin-right: 0
}
@media (max-width:820px) {
    .page_products .wrap .list_products .product_item_def {
        width: calc((100% - 25px)/2);
        margin-right: 25px
    }
    .page_products .wrap .list_products .product_item_def:nth-of-type(3n) {
        margin-right: 25px
    }
    .page_products .wrap .list_products .product_item_def:nth-of-type(2n) {
        margin-right: 0
    }
}
@media (max-width:576px) {
    .page_products .wrap .list_products .product_item_def {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px
    }
    .page_products .wrap .list_products .product_item_def:nth-of-type(3n) {
        margin-right: 0
    }
}
.page_products .wrap .list_products .pagination_list_def {
    width: 100%;
    margin-top: 20px
}
.page_products .wrap .list_products .pagination_list_def .paginate_links {
    justify-content: center
}
.page_shareholder_documents .page_banner_def {
    pointer-events: none
}
.page_shareholder_documents .page_banner_def .content .container_common .content_common {
    padding-bottom: 0;
    justify-content: center
}
.page_shareholder_documents .content-page {
    position: relative;
    z-index: 3;
    display: flex;
    padding: 0 6.9444444444% 64px;
    box-sizing: border-box
}
@media (max-width:1024px) {
    .page_shareholder_documents .content-page {
        padding: 0 30px 80px
    }
}
@media (max-width:820px) {
    .page_shareholder_documents .content-page {
        flex-wrap: wrap
    }
}
@media (max-width:576px) {
    .page_shareholder_documents .content-page {
        padding: 0 15px 45px
    }
}
.page_shareholder_documents .content-page .title_def {
    font-family: Inter-SemiBold\.ttf
}
.page_shareholder_documents .content-page .left {
    width: 74.5161290323%;
    padding: 80px 8.4677419355% 0 0
}
@media (max-width:1024px) {
    .page_shareholder_documents .content-page .left {
        padding: 80px 35px 0 0;
        width: calc(100% - 300px)
    }
}
@media (max-width:820px) {
    .page_shareholder_documents .content-page .left {
        padding: 80px 0 50px;
        width: 100%
    }
}
@media (max-width:576px) {
    .page_shareholder_documents .content-page .left {
        padding: 50px 0 40px
    }
}
.page_shareholder_documents .content-page .left .top {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.page_shareholder_documents .content-page .left .top .title_def {
    width: calc(100% - 335px)
}
@media (min-width:1900px) {
    .page_shareholder_documents .content-page .left .top .title_def {
        width: calc(100% - 400px)
    }
}
.page_shareholder_documents .content-page .left .top .search {
    width: 315px;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.page_shareholder_documents .content-page .left .top .search .form-group {
    position: relative;
    height: 40px;
    width: 120px;
    border-radius: 20.5px;
    border: 1px solid #dfe5ee;
    background: #fff
}
.page_shareholder_documents .content-page .left .top .search .form-group input,
.page_shareholder_documents .content-page .left .top .search .form-group select {
    height: 38px;
    padding: 0 15px;
    outline: none;
    background: transparent;
    box-shadow: none;
    border: none;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    color: #262e3c
}
.page_shareholder_documents .content-page .left .top .search .form-group input ::-webkit-input-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select ::-webkit-input-placeholder {
    color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group input ::-moz-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select ::-moz-placeholder {
    color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group input :-ms-input-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select :-ms-input-placeholder {
    color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group input :-moz-placeholder,
.page_shareholder_documents .content-page .left .top .search .form-group select :-moz-placeholder {
    color: grey
}
.page_shareholder_documents .content-page .left .top .search .form-group select {
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
.page_shareholder_documents .content-page .left .top .search .form-group._select img {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    filter: grayscale(90%)
}
.page_shareholder_documents .content-page .left .top .search .form-group._text {
    width: 182px;
    display: flex;
    align-items: center;
    justify-content: center
}
.page_shareholder_documents .content-page .left .top .search .form-group._text img {
    width: 16px
}
.page_shareholder_documents .content-page .left .top .search .form-group._text input {
    width: 132px;
    padding: 0 8px
}
@media (min-width:1900px) {
    .page_shareholder_documents .content-page .left .top .search {
        width: 375px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .page_shareholder_documents .content-page .left .top .search .form-group {
        height: 48px;
        width: 130px
    }
    .page_shareholder_documents .content-page .left .top .search .form-group input,
    .page_shareholder_documents .content-page .left .top .search .form-group select {
        height: 48px;
        font-size: 18px
    }
    .page_shareholder_documents .content-page .left .top .search .form-group._text {
        width: 232px
    }
    .page_shareholder_documents .content-page .left .top .search .form-group._text img {
        width: 20px
    }
    .page_shareholder_documents .content-page .left .top .search .form-group._text input {
        width: 176px
    }
}
@media (max-width:1024px) {
    .page_shareholder_documents .content-page .left .top {
        flex-direction: column;
        justify-content: flex-start
    }
    .page_shareholder_documents .content-page .left .top .title_def {
        width: 100%
    }
    .page_shareholder_documents .content-page .left .top .search {
        width: 100%;
        margin-top: 30px;
        justify-content: flex-start
    }
    .page_shareholder_documents .content-page .left .top .search .form-group {
        margin-right: 20px
    }
}
.page_shareholder_documents .content-page .left .bottom {
    margin-top: 20px
}
.page_shareholder_documents .content-page .left .bottom .item {
    padding: 24px 15px 24px 8px;
    border-bottom: .5px solid hsla(0, 0%, 50.2%, .3);
    margin-bottom: 6px
}
.page_shareholder_documents .content-page .left .bottom .item .date {
    margin-bottom: 12px;
    color: #262e3c
}
.page_shareholder_documents .content-page .left .bottom .item .content {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.page_shareholder_documents .content-page .left .bottom .item .content .text {
    display: flex;
    align-items: flex-start;
    width: 79.3650793651%
}
.page_shareholder_documents .content-page .left .bottom .item .content .text img {
    width: 18px;
    margin-right: 8px;
    margin-top: 3px
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .left .bottom .item .content .text img {
        width: 26px;
        margin-right: 10px
    }
}
.page_shareholder_documents .content-page .left .bottom .item .content .text h3 {
    font-size: 22px
}
.page_shareholder_documents .content-page .left .bottom .item .content .text h3 a {
    color: #262e3c
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .left .bottom .item .content .text h3 {
        font-size: 27px
    }
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon {
    display: flex;
    justify-content: flex-end;
    width: 18.315018315%
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a {
    position: relative;
    display: block;
    margin-left: 15px;
    cursor: pointer
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a img {
    width: 24px
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .left .bottom .item .content .icon a img {
        width: 30px
    }
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a button {
    box-shadow: none;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
    padding: 0
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
    font-family: Inter-Medium\.ttf;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
    background: #262e3c;
    text-transform: capitalize;
    opacity: 0
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti:before {
    position: absolute;
    content: "";
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #262e3c
}
.page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti.active {
    opacity: 1
}
@media (max-width:576px) {
    .page_shareholder_documents .content-page .left .bottom .item {
        padding: 18px 0
    }
    .page_shareholder_documents .content-page .left .bottom .item .content {
        flex-direction: column;
        justify-content: flex-start
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .text {
        width: 100%;
        margin-bottom: 15px
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .text h3 {
        font-size: 18px
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .icon {
        width: 100%;
        justify-content: flex-start
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .icon a {
        margin: 0 15px 0 0
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .icon a img {
        width: 20px
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti {
        left: 0;
        transform: translateX(0)
    }
    .page_shareholder_documents .content-page .left .bottom .item .content .icon a .noti:before {
        left: 5px;
        transform: translateX(0)
    }
}
.page_shareholder_documents .content-page .right {
    width: 25.4838709677%
}
@media (max-width:1024px) {
    .page_shareholder_documents .content-page .right {
        width: 300px
    }
}
@media (max-width:820px) {
    .page_shareholder_documents .content-page .right {
        width: 100%
    }
}
.page_shareholder_documents .content-page .right .sidebar {
    width: 100%;
    margin-top: -71px;
    background: #fff;
    box-shadow: 0 19px 8px hsla(0, 0%, 72.2%, .03), 0 11px 6px hsla(0, 0%, 72.2%, .11), 0 5px 5px hsla(0, 0%, 72.2%, .19), 0 1px 3px hsla(0, 0%, 72.2%, .22), 0 0 0 hsla(0, 0%, 72.2%, .22);
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 48px
}
.page_shareholder_documents .content-page .right .sidebar .title_def {
    position: relative;
    width: 100%;
    height: 71px;
    padding: 18px 24px;
    font-family: Inter-SemiBold\.ttf;
    text-transform: none;
    cursor: pointer
}
.page_shareholder_documents .content-page .right .sidebar .title_def img {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: none
}
.page_shareholder_documents .content-page .right .sidebar .list_cat {
    border-top: .5px solid hsla(0, 0%, 58%, .5);
    padding: 4px 24px 16px
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li {
    padding: 20px 0 12px;
    border-bottom: .5px solid hsla(0, 0%, 58%, .5)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li a {
    display: flex;
    align-items: center;
    width: 100%;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: #262e3c
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li a img {
    width: 24px;
    margin-right: 15px;
    filter: grayscale(100%)
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .right .sidebar .list_cat li a {
        font-size: 20px
    }
    .page_shareholder_documents .content-page .right .sidebar .list_cat li a img {
        width: 30px
    }
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li.active {
    border-bottom: .5px solid rgba(181, 0, 0, .2)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li.active a {
    color: var(--primary-color)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li.active a img {
    filter: grayscale(0)
}
.page_shareholder_documents .content-page .right .sidebar .list_cat li:last-child {
    border-bottom: 0
}
@media (max-width:820px) {
    .page_shareholder_documents .content-page .right .sidebar {
        position: absolute;
        left: 30px;
        width: calc(100% - 60px);
        top: 0;
        z-index: 10
    }
    .page_shareholder_documents .content-page .right .sidebar .title_def img {
        display: block
    }
    .page_shareholder_documents .content-page .right .sidebar .list_cat {
        display: none;
        box-shadow: 0 19px 8px hsla(0, 0%, 72.2%, .03), 0 11px 6px hsla(0, 0%, 72.2%, .11), 0 5px 5px hsla(0, 0%, 72.2%, .19), 0 1px 3px hsla(0, 0%, 72.2%, .22), 0 0 0 hsla(0, 0%, 72.2%, .22)
    }
}
@media (max-width:576px) {
    .page_shareholder_documents .content-page .right .sidebar {
        margin-top: -54px;
        left: 15px;
        width: calc(100% - 30px)
    }
    .page_shareholder_documents .content-page .right .sidebar .title_def {
        height: 54px;
        padding: 10px 15px;
        font-size: 22px
    }
    .page_shareholder_documents .content-page .right .sidebar .list_cat {
        padding: 4px 15px 12px
    }
    .page_shareholder_documents .content-page .right .sidebar .list_cat li {
        padding: 15px 0 10px
    }
    .page_shareholder_documents .content-page .right .sidebar .list_cat li a {
        font-size: 14px
    }
}
.page_shareholder_documents .content-page .right .document_latest {
    margin-bottom: 48px
}
@media (max-width:576px) {
    .page_shareholder_documents .content-page .right .document_latest {
        margin-bottom: 35px
    }
}
.page_shareholder_documents .content-page .right .news_shareholder .list {
    margin-top: 32px
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item {
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: .5px solid hsla(0, 0%, 50.2%, .3)
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .date {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 170%;
    color: #858ea7
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .date img {
    margin-right: 5px;
    width: 10px
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .right .news_shareholder .list .item .date {
        font-size: 15px
    }
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .title {
    margin: 8px 0 14px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .title a {
    color: #262e3c
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .right .news_shareholder .list .item .title {
        font-size: 20px
    }
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .cat_name {
    font-family: Inter-Regular\.ttf;
    font-size: 12px;
    line-height: 170%;
    color: #858ea7
}
@media (min-width:1920px) {
    .page_shareholder_documents .content-page .right .news_shareholder .list .item .cat_name {
        font-size: 15px
    }
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item .cat_name span:last-child {
    display: none
}
.page_shareholder_documents .content-page .right .news_shareholder .list .item:last-child {
    border: 0;
    margin-bottom: 0
}
@media (max-width:576px) {
    .page_shareholder_documents .content-page .right .news_shareholder .list {
        margin-top: 25px
    }
    .page_shareholder_documents .content-page .right .news_shareholder .list .item {
        padding-bottom: 12px;
        margin-bottom: 18px
    }
}
.page_shareholder_documents_single {
    padding: 40px 6.9444444444% 150px
}
@media (max-width:1024px) {
    .page_shareholder_documents_single {
        padding: 120px 30px 80px
    }
}
@media (max-width:576px) {
    .page_shareholder_documents_single {
        padding: 100px 15px 45px
    }
}
.page_shareholder_documents_single .content-page {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    box-sizing: border-box
}
@media (max-width:1024px) {
    .page_shareholder_documents_single .content-page {
        padding-top: 50px;
        flex-wrap: wrap
    }
}
@media (max-width:576px) {
    .page_shareholder_documents_single .content-page {
        padding-top: 30px
    }
}
.page_shareholder_documents_single .content-page .the_content {
    width: 68.1451612903%
}
.page_shareholder_documents_single .content-page .the_content .label {
    display: flex;
    align-items: flex-start;
    margin-bottom: 60px
}
.page_shareholder_documents_single .content-page .the_content .label img {
    width: 24px;
    margin-right: 16px;
    margin-top: 3px
}
@media (min-width:1920px) {
    .page_shareholder_documents_single .content-page .the_content .label img {
        width: 30px;
        margin-right: 10px
    }
}
.page_shareholder_documents_single .content-page .the_content .text {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px
}
.page_shareholder_documents_single .content-page .the_content .text .notice {
    width: 200px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    font-family: Inter-Regular\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.page_shareholder_documents_single .content-page .the_content .text .notice img {
    width: 24px;
    margin-right: 10px
}
@media (min-width:1920px) {
    .page_shareholder_documents_single .content-page .the_content .text .notice {
        font-size: 20px;
        width: 260px
    }
    .page_shareholder_documents_single .content-page .the_content .text .notice img {
        width: 30px
    }
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt {
    width: calc(100% - 220px);
    font-family: Inter-Regular\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt b,
.page_shareholder_documents_single .content-page .the_content .text .excerpt strong {
    font-family: Inter-SemiBold\.ttf
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt p {
    margin-bottom: 15px
}
.page_shareholder_documents_single .content-page .the_content .text .excerpt p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_shareholder_documents_single .content-page .the_content .text .excerpt {
        font-size: 20px;
        width: calc(100% - 280px)
    }
}
.page_shareholder_documents_single .content-page .the_content .btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 68px 0 66px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def {
    position: relative;
    margin-bottom: 10px;
    margin-right: 30px;
    cursor: pointer
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def i,
.page_shareholder_documents_single .content-page .the_content .btn .btn_def img {
    margin-right: 10px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def i {
    font-size: 20px
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def button {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti {
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
    font-family: Inter-Medium\.ttf;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
    background: #262e3c;
    text-transform: capitalize;
    opacity: 0
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti:before {
    position: absolute;
    content: "";
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #262e3c
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti.active {
    opacity: 1
}
.page_shareholder_documents_single .content-page .the_content .btn .btn_def.btn_show_mobi {
    display: none
}
.page_shareholder_documents_single .content-page .the_content .file_pdf {
    width: 100%
}
.page_shareholder_documents_single .content-page .the_content .file_pdf embed,
.page_shareholder_documents_single .content-page .the_content .file_pdf iframe {
    width: 100%;
    height: 90vh
}
@media (max-width:1024px) {
    .page_shareholder_documents_single .content-page .the_content {
        width: 100%;
        margin-bottom: 40px
    }
    .page_shareholder_documents_single .content-page .the_content .file_pdf embed,
    .page_shareholder_documents_single .content-page .the_content .file_pdf iframe {
        height: 600px
    }
}
@media (max-width:820px) {
    .page_shareholder_documents_single .content-page .the_content .label {
        margin-bottom: 40px
    }
    .page_shareholder_documents_single .content-page .the_content .btn {
        margin: 48px 0 56px
    }
    .page_shareholder_documents_single .content-page .the_content .btn .btn_def.btn_show_mobi {
        display: flex
    }
    .page_shareholder_documents_single .content-page .the_content .file_pdf {
        display: none
    }
}
@media (max-width:576px) {
    .page_shareholder_documents_single .content-page .the_content .label {
        margin-bottom: 30px
    }
    .page_shareholder_documents_single .content-page .the_content .text {
        margin-bottom: 20px
    }
    .page_shareholder_documents_single .content-page .the_content .text .notice {
        margin-right: 0
    }
    .page_shareholder_documents_single .content-page .the_content .text.content {
        flex-wrap: wrap
    }
    .page_shareholder_documents_single .content-page .the_content .text.content .notice {
        width: 100%;
        margin-right: 0
    }
    .page_shareholder_documents_single .content-page .the_content .text.content .excerpt {
        width: 100%;
        margin-top: 15px
    }
    .page_shareholder_documents_single .content-page .the_content .btn {
        margin: 35px 0 25px
    }
    .page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti {
        position: absolute;
        top: calc(100% + 10px);
        font-size: 10px
    }
    .page_shareholder_documents_single .content-page .the_content .btn .btn_def .noti:before {
        top: -3px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid #262e3c
    }
}
.page_shareholder_documents_single .content-page .document_related {
    width: 25.4838709677%;
    padding-top: 75px
}
@media (max-width:1024px) {
    .page_shareholder_documents_single .content-page .document_related {
        width: 100%;
        padding-top: 0
    }
}
.page_news_events {
    position: relative
}
.page_news_events .page_content {
    padding: 100px 0 64px
}
@media (max-width:820px) {
    .page_news_events .page_content {
        padding: 100px 0
    }
}
@media (max-width:576px) {
    .page_news_events .page_content {
        padding: 65px 0 40px
    }
}
.page_news_events .page_content.page_cat_content .title_def {
    margin-bottom: 40px
}
@media (max-width:576px) {
    .page_news_events .page_content.page_cat_content .title_def {
        margin-bottom: 25px
    }
}
.page_news_events .new_list {
    display: flex;
    flex-wrap: wrap
}
.page_news_events .new_list .item {
    width: calc((100% - 48px)/4);
    margin-right: 12px;
    margin-bottom: 40px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f4f6f9;
    padding: 23px 32px 45px
}
.page_news_events .new_list .item .img {
    position: relative;
    padding-top: 58%;
    overflow: hidden
}
.page_news_events .new_list .item .img a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s ease;
    transform: scale(1)
}
.page_news_events .new_list .item .text .date {
    margin: 24px 0 10px;
    display: flex;
    align-items: center;
    color: #858ea7
}
.page_news_events .new_list .item .text .date img {
    margin-right: 5px;
    width: 10px
}
.page_news_events .new_list .item .text h3 a {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    color: var(--primary-color);
    transition: all .3s ease
}
.page_news_events .new_list .item:not(:first-child) .text h3 a {
    color: #000
}
@media (min-width:1920px) {
    .page_news_events .new_list .item .text h3 a {
        font-size: 20px
    }
}
.page_news_events .new_list .item .text .excerpt,
.page_news_events .new_list .item .text .read_more_def {
    display: none
}
.page_news_events .new_list .item:hover .img a {
    transform: scale(1.1)
}
.page_news_events .new_list .item:hover .text h3 a {
    color: var(--primary-color)
}
.page_news_events .new_list .item:not(:first-child):hover .text h3 a {
    color: var(--primary-color)
}
@media (max-width:820px) {
    .page_news_events .new_list .item {
        padding: 15px;
        margin-bottom: 20px;
        margin-right: 20px;
        width: calc((100% - 40px)/3)
    }
}
@media (max-width:576px) {
    .page_news_events .new_list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        align-items: center
    }
    .page_news_events .new_list .item .img {
        width: 100px;
        margin-right: 12px;
        height: 90px;
        padding-top: 0
    }
    .page_news_events .new_list .item .text {
        width: calc(100% - 112px)
    }
    .page_news_events .new_list .item .text .date {
        margin: 0 0 6px;
        font-size: 12px;
        line-height: 14px
    }
    .page_news_events .new_list .item .text h3 a {
        font-size: 15px
    }
}
.page_news_events .new_list .item:nth-of-type(4n+1) {
    margin-right: 0
}
.page_news_events .new_list .item:first-of-type {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px;
    display: flex;
    padding: 28px 32px
}
.page_news_events .new_list .item:first-of-type .img {
    width: 63.9455782313%;
    padding-top: 35%
}
.page_news_events .new_list .item:first-of-type .text {
    position: relative;
    width: 36.0544217687%;
    padding-left: 7.6530612245%;
    padding-bottom: 30px
}
.page_news_events .new_list .item:first-of-type .text .date {
    margin: 9px 0 15px
}
.page_news_events .new_list .item:first-of-type .text h3 a {
    font-size: 24px
}
@media (min-width:1920px) {
    .page_news_events .new_list .item:first-of-type .text h3 a {
        font-size: 34px
    }
}
.page_news_events .new_list .item:first-of-type .text .excerpt {
    display: block;
    margin-top: 40px;
    color: #3f4855;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}
.page_news_events .new_list .item:first-of-type .text .read_more_def {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0
}
@media (max-width:820px) {
    .page_news_events .new_list .item:first-of-type {
        padding: 15px 15px 20px;
        margin-bottom: 40px
    }
    .page_news_events .new_list .item:first-of-type .img {
        width: 50%;
        padding-top: 35%
    }
    .page_news_events .new_list .item:first-of-type .text {
        width: 50%;
        padding-left: 15px;
        padding-bottom: 0
    }
    .page_news_events .new_list .item:first-of-type .text .excerpt {
        margin: 15px 0;
        -webkit-line-clamp: 3
    }
    .page_news_events .new_list .item:first-of-type .text .read_more_def {
        position: relative
    }
}
@media (max-width:576px) {
    .page_news_events .new_list .item:first-of-type {
        margin-bottom: 35px;
        flex-wrap: wrap
    }
    .page_news_events .new_list .item:first-of-type .img {
        width: 100%;
        margin: 0;
        padding-top: 71%
    }
    .page_news_events .new_list .item:first-of-type .text {
        width: 100%;
        padding-left: 0
    }
    .page_news_events .new_list .item:first-of-type .text .date {
        margin: 15px 0 8px
    }
    .page_news_events .new_list .item:first-of-type .text h3 a {
        font-size: 20px
    }
    .page_news_events .new_list .item:first-of-type .text .excerpt {
        margin-top: 12px
    }
}
.page_news_events .new_list .pagination_list_def {
    width: 100%
}
.page_news_events .new_list .pagination_list_def .paginate_links {
    justify-content: center
}
.page_news_events .new_cat_list {
    display: flex;
    flex-wrap: wrap
}
.page_news_events .new_cat_list .item {
    width: calc((100% - 48px)/3);
    margin-right: 24px;
    margin-bottom: 40px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f4f6f9;
    padding: 23px 32px 45px
}
.page_news_events .new_cat_list .item .img {
    position: relative;
    padding-top: 58%;
    overflow: hidden
}
.page_news_events .new_cat_list .item .img a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s ease;
    transform: scale(1)
}
.page_news_events .new_cat_list .item .text .date {
    margin: 24px 0 10px;
    display: flex;
    align-items: center;
    color: #858ea7
}
.page_news_events .new_cat_list .item .text .date img {
    margin-right: 5px;
    width: 10px
}
.page_news_events .new_cat_list .item .text h3 a {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    color: #01265e;
    transition: all .3s ease
}
@media (min-width:1920px) {
    .page_news_events .new_cat_list .item .text h3 a {
        font-size: 20px
    }
}
.page_news_events .new_cat_list .item .text .excerpt,
.page_news_events .new_cat_list .item .text .read_more_def {
    display: none
}
.page_news_events .new_cat_list .item:hover .img a {
    transform: scale(1.1)
}
.page_news_events .new_cat_list .item:hover .text h3 a {
    color: var(--primary-color)
}
@media (max-width:820px) {
    .page_news_events .new_cat_list .item {
        padding: 15px;
        margin-bottom: 20px;
        margin-right: 20px;
        width: calc((100% - 40px)/3)
    }
}
@media (max-width:576px) {
    .page_news_events .new_cat_list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        align-items: center
    }
    .page_news_events .new_cat_list .item .img {
        width: 100px;
        margin-right: 12px;
        height: 90px;
        padding-top: 0
    }
    .page_news_events .new_cat_list .item .text {
        width: calc(100% - 112px)
    }
    .page_news_events .new_cat_list .item .text .date {
        margin: 0 0 6px;
        font-size: 12px;
        line-height: 14px
    }
    .page_news_events .new_cat_list .item .text h3 a {
        font-size: 15px
    }
}
.page_news_events .new_cat_list .item:nth-of-type(3n) {
    margin-right: 0
}
.page_news_events .new_cat_list .pagination_list_def {
    width: 100%
}
.page_news_events .new_cat_list .pagination_list_def .paginate_links {
    justify-content: center
}
.page_news_events .community_activities_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.page_news_events .community_activities_top .left {
    width: 66.1290322581%
}
.page_news_events .community_activities_top .left .item {
    width: 100%;
    padding: 28px 32px 42px;
    margin-bottom: 40px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f4f6f9
}
.page_news_events .community_activities_top .left .item .img {
    position: relative;
    padding-top: 54.5%;
    overflow: hidden
}
.page_news_events .community_activities_top .left .item .img a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s ease;
    transform: scale(1)
}
.page_news_events .community_activities_top .left .item .text .date {
    margin: 24px 0 15px;
    display: flex;
    align-items: center;
    color: #858ea7
}
.page_news_events .community_activities_top .left .item .text .date img {
    margin-right: 5px;
    width: 10px
}
.page_news_events .community_activities_top .left .item .text h3 a {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    text-transform: capitalize;
    color: #01265e;
    transition: all .3s ease
}
@media (min-width:1920px) {
    .page_news_events .community_activities_top .left .item .text h3 a {
        font-size: 34px
    }
}
.page_news_events .community_activities_top .left .item .text .excerpt {
    display: block;
    margin: 40px 0 35px;
    color: #3f4855;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.page_news_events .community_activities_top .left .item .text .read_more_def {
    justify-content: flex-end
}
.page_news_events .community_activities_top .left .item:hover .img a {
    transform: scale(1.1)
}
.page_news_events .community_activities_top .left .item:hover .text h3 a {
    color: var(--primary-color)
}
@media (max-width:820px) {
    .page_news_events .community_activities_top .left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .page_news_events .community_activities_top .left .item {
        width: calc((100% - 24px)/2);
        margin-right: 24px
    }
    .page_news_events .community_activities_top .left .item:nth-of-type(2n) {
        margin-right: 0
    }
}
@media (max-width:576px) {
    .page_news_events .community_activities_top .left .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        padding: 15px
    }
    .page_news_events .community_activities_top .left .item .text .date {
        margin: 18px 0 10px
    }
    .page_news_events .community_activities_top .left .item .text h3 a {
        font-size: 18px
    }
    .page_news_events .community_activities_top .left .item .text .excerpt {
        margin: 15px 0 20px
    }
}
.page_news_events .community_activities_top .right {
    width: 29.0322580645%
}
.page_news_events .community_activities_top .right .label {
    font-family: Inter-SemiBold\.ttf;
    color: #262e3c
}
.page_news_events .community_activities_top .right .list {
    margin-top: 25px
}
.page_news_events .community_activities_top .right .list .item {
    filter: drop-shadow(0 19px 8px rgba(184, 184, 184, .03)) drop-shadow(0 11px 6px rgba(184, 184, 184, .11)) drop-shadow(0 5px 5px rgba(184, 184, 184, .19)) drop-shadow(0 1px 3px rgba(184, 184, 184, .22)) drop-shadow(0 0 0 rgba(184, 184, 184, .22));
    box-sizing: border-box;
    background: #fff;
    padding: 30px 25px;
    margin-bottom: 15px
}
.page_news_events .community_activities_top .right .list .item .date {
    font-size: 12px;
    color: #858ea7
}
.page_news_events .community_activities_top .right .list .item .date img {
    margin-right: 5px;
    width: 10px
}
@media (min-width:1920px) {
    .page_news_events .community_activities_top .right .list .item .date {
        font-size: 15px
    }
}
.page_news_events .community_activities_top .right .list .item h3 a {
    display: block;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #262e3c;
    margin: 9px 0 14px;
    transition: all .3s ease
}
@media (min-width:1920px) {
    .page_news_events .community_activities_top .right .list .item h3 a {
        font-size: 18px
    }
}
.page_news_events .community_activities_top .right .list .item .cat {
    font-size: 12px;
    color: #858ea7
}
@media (min-width:1920px) {
    .page_news_events .community_activities_top .right .list .item .cat {
        font-size: 15px
    }
}
.page_news_events .community_activities_top .right .list .item:hover h3 a {
    color: var(--primary-color)
}
@media (max-width:820px) {
    .page_news_events .community_activities_top .right {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_news_events .community_activities_top .right .list .item {
        padding: 15px
    }
}
.page_news_events .community_activities_other {
    margin: 30px 0 115px;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:820px) {
    .page_news_events .community_activities_other {
        margin: 30px 0 60px
    }
}
@media (max-width:576px) {
    .page_news_events .community_activities_other {
        margin: 30px 0
    }
}
.page_news_events .community_activities_other .item {
    width: calc((100% - 78px)/4);
    margin-right: 26px;
    padding: 23px 25px 35px;
    background: #fff;
    border: 1px solid #f4f6f9;
    box-sizing: border-box
}
.page_news_events .community_activities_other .item:nth-of-type(4n) {
    margin-right: 0
}
.page_news_events .community_activities_other .item .img {
    position: relative;
    padding-top: 58%;
    overflow: hidden
}
.page_news_events .community_activities_other .item .img a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s ease;
    transform: scale(1)
}
.page_news_events .community_activities_other .item .text .date {
    margin: 20px 0 10px;
    display: flex;
    align-items: center;
    color: #858ea7
}
.page_news_events .community_activities_other .item .text .date img {
    margin-right: 5px;
    width: 10px
}
.page_news_events .community_activities_other .item .text h3 a {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    color: #01265e;
    transition: all .3s ease
}
@media (min-width:1920px) {
    .page_news_events .community_activities_other .item .text h3 a {
        font-size: 20px
    }
}
.page_news_events .community_activities_other .item:hover .img a {
    transform: scale(1.1)
}
.page_news_events .community_activities_other .item:hover .text h3 a {
    color: var(--primary-color)
}
@media (max-width:820px) {
    .page_news_events .community_activities_other .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 15px;
        display: flex;
        align-items: center
    }
    .page_news_events .community_activities_other .item .img {
        width: 100px;
        margin-right: 12px;
        height: 90px;
        padding-top: 0
    }
    .page_news_events .community_activities_other .item .text {
        width: calc(100% - 112px)
    }
    .page_news_events .community_activities_other .item .text .date {
        margin: 0 0 6px;
        font-size: 12px;
        line-height: 14px
    }
    .page_news_events .community_activities_other .item .text h3 a {
        font-size: 15px
    }
}
.page_news_events .community_activities_other .pagination_list_def {
    width: 100%
}
.page_news_events .community_activities_other .pagination_list_def .paginate_links {
    justify-content: center
}
.page_news_events .community_activities_album .js_slide_album {
    margin-top: 48px;
    padding-bottom: 50px
}
@media (max-width:576px) {
    .page_news_events .community_activities_album .js_slide_album {
        margin-top: 30px;
        padding-bottom: 40px
    }
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide {
    display: flex;
    flex-wrap: wrap
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img {
    position: relative;
    padding-top: 32%;
    overflow: hidden;
    width: calc((100% - 50px)/3);
    margin-right: 25px;
    margin-bottom: 25px
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s ease
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75.5667506297%;
    padding: 24px 0 24px 24px;
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    z-index: 2
}
@media (min-width:576px) {
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
        font-size: 20px
    }
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:first-of-type {
    width: calc((100% - 25px)/3*2.015)
}
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(2),
.page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(5) {
    margin-right: 0
}
@media (max-width:820px) {
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img {
        width: calc((100% - 30px)/3);
        margin-right: 15px;
        margin-bottom: 15px
    }
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
        width: calc(100% - 35px);
        font-size: 14px
    }
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img:first-of-type {
        width: calc((100% - 15px)/3*2.015)
    }
}
@media (max-width:576px) {
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img {
        width: calc((100% - 8px)/2);
        margin-right: 8px;
        margin-bottom: 8px;
        padding-top: 40%
    }
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img .caption {
        width: calc(100% - 15px);
        font-size: 10px;
        padding: 24px 0 10px 10px
    }
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img:first-of-type {
        width: 100%;
        margin-right: 0;
        padding-top: 50%
    }
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(2) {
        margin-right: 8px
    }
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(3),
    .page_news_events .community_activities_album .js_slide_album .swiper-slide .img:nth-of-type(5) {
        margin-right: 0
    }
}
.news_other_def {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:820px) {
    .news_other_def {
        padding-top: 75px
    }
}
@media (max-width:576px) {
    .news_other_def {
        padding-top: 45px
    }
}
.news_other_def .title_def {
    width: 25.4838709677%
}
@media (max-width:1024px) {
    .news_other_def .title_def {
        width: 100%
    }
}
.news_other_def .list {
    width: 74.5161290323%;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:1024px) {
    .news_other_def .list {
        width: 100%;
        margin-top: 40px
    }
}
@media (max-width:576px) {
    .news_other_def .list {
        margin-top: 25px
    }
}
.news_other_def .list .item {
    width: calc((100% - 56px)/3);
    margin-right: 28px
}
.news_other_def .list .item:nth-of-type(3) {
    margin-right: 0
}
.news_other_def .list .item .img {
    position: relative;
    padding-top: 71%;
    overflow: hidden;
    margin-bottom: 15px
}
.news_other_def .list .item .img a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s ease;
    transform: scale(1)
}
.news_other_def .list .item .text .cat {
    margin: 18px 0 6px;
    color: #858ea7
}
.news_other_def .list .item .text .cat span {
    margin: 0 3px
}
.news_other_def .list .item .text .cat span:last-child {
    display: none
}
.news_other_def .list .item .text h3 a {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
    color: var(--primary-color);
    transition: all .3s ease
}
@media (min-width:1920px) {
    .news_other_def .list .item .text h3 a {
        font-size: 20px
    }
}
.news_other_def .list .item:hover .img a {
    transform: scale(1.1)
}
.news_other_def .list .item:hover .text h3 a {
    color: var(--primary-color)
}
@media (max-width:820px) {
    .news_other_def .list .item {
        width: calc((100% - 40px)/3);
        margin-right: 20px
    }
}
@media (max-width:576px) {
    .news_other_def .list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        align-items: center
    }
    .news_other_def .list .item .img {
        width: 100px;
        margin-right: 12px;
        height: 90px;
        padding-top: 0
    }
    .news_other_def .list .item .text {
        width: calc(100% - 112px)
    }
    .news_other_def .list .item .text .cat {
        margin: 0 0 6px;
        font-size: 12px;
        line-height: 14px
    }
    .news_other_def .list .item .text h3 a {
        font-size: 15px
    }
}
.news_other_def .pagination_list_def {
    width: 100%
}
.news_other_def .pagination_list_def .paginate_links {
    justify-content: flex-end
}
.news_other_def .btn_load {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
    width: 100%
}
@media (max-width:1024px) {
    .news_other_def .btn_load {
        justify-content: center;
        margin-top: 30px
    }
}
.page_new_detail {
    padding: 92px 0 185px
}
@media (max-width:820px) {
    .page_new_detail {
        padding: 120px 0 100px
    }
}
@media (max-width:576px) {
    .page_new_detail {
        padding: 100px 0 40px
    }
    .page_new_detail .title_def {
        font-size: 22px
    }
}
.page_new_detail .breadcrumb_def {
    margin-bottom: 12px
}
.page_new_detail .thumbnail {
    margin: 70px 0 100px;
    position: relative;
    padding-top: 39%;
    overflow: hidden
}
.page_new_detail .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
@media (max-width:1024px) {
    .page_new_detail .thumbnail {
        margin: 40px 0 45px
    }
}
@media (max-width:576px) {
    .page_new_detail .thumbnail {
        padding-top: 62%;
        margin: 25px 0
    }
}
.page_new_detail .page_content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 56px;
    border-bottom: 2px solid #ebebeb
}
@media (max-width:576px) {
    .page_new_detail .page_content {
        padding-bottom: 35px
    }
}
.page_new_detail .page_content .left {
    width: 76.6129032258%;
    box-sizing: border-box;
    padding: 0 10.4838709677% 0 13.7096774194%
}
@media (max-width:1024px) {
    .page_new_detail .page_content .left {
        padding: 0 45px 0 0
    }
}
@media (max-width:820px) {
    .page_new_detail .page_content .left {
        width: 100%;
        padding: 0 0 45px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left {
        padding: 0 0 30px
    }
}
.page_new_detail .page_content .left .date {
    display: none
}
@media (max-width:820px) {
    .page_new_detail .page_content .left .date {
        display: flex;
        align-items: center;
        color: #858ea7;
        margin-bottom: 20px
    }
    .page_new_detail .page_content .left .date img {
        margin-right: 5px;
        width: 10px
    }
}
.page_new_detail .page_content .left .the-content ol,
.page_new_detail .page_content .left .the-content ul {
    padding-left: 23px;
    margin-bottom: 20px;
    list-style: disc
}
.page_new_detail .page_content .left .the-content ol li,
.page_new_detail .page_content .left .the-content ul li {
    font-family: Inter-Regular\.ttf;
    font-size: 16px;
    line-height: 160%;
    color: #545454;
    padding-bottom: 8px;
    padding-left: 7px
}
.page_new_detail .page_content .left .the-content ol li:last-child,
.page_new_detail .page_content .left .the-content ul li:last-child {
    padding-bottom: 0
}
.page_new_detail .page_content .left .the-content ol li p,
.page_new_detail .page_content .left .the-content ul li p {
    margin-bottom: 10px
}
.page_new_detail .page_content .left .the-content ol li p:last-child,
.page_new_detail .page_content .left .the-content ul li p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_new_detail .page_content .left .the-content ol li,
    .page_new_detail .page_content .left .the-content ul li {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .the-content ol,
    .page_new_detail .page_content .left .the-content ul {
        margin-bottom: 15px;
        font-size: 14px
    }
}
.page_new_detail .page_content .left .the-content .wp-block-image,
.page_new_detail .page_content .left .the-content .wp-caption {
    margin: 0 0 20px;
    width: 100% !important
}
.page_new_detail .page_content .left .the-content .wp-block-image img,
.page_new_detail .page_content .left .the-content .wp-caption img {
    margin: 0 auto 15px;
    display: block;
    max-width: 100%
}
.page_new_detail .page_content .left .the-content .wp-block-image figcaption,
.page_new_detail .page_content .left .the-content .wp-block-image p,
.page_new_detail .page_content .left .the-content .wp-caption figcaption,
.page_new_detail .page_content .left .the-content .wp-caption p {
    font-family: Inter-Regular\.ttf;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: rgba(84, 84, 84, .7);
    padding: 0 8.33%;
    margin: 0
}
@media (min-width:1920px) {
    .page_new_detail .page_content .left .the-content .wp-block-image figcaption,
    .page_new_detail .page_content .left .the-content .wp-block-image p,
    .page_new_detail .page_content .left .the-content .wp-caption figcaption,
    .page_new_detail .page_content .left .the-content .wp-caption p {
        font-size: 18px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .the-content .wp-block-image,
    .page_new_detail .page_content .left .the-content .wp-caption {
        margin: 0 0 15px
    }
}
.page_new_detail .page_content .left .the-content p {
    font-family: Inter-Regular\.ttf;
    font-size: 16px;
    line-height: 170%;
    color: #545454;
    margin-bottom: 20px
}
.page_new_detail .page_content .left .the-content p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_new_detail .page_content .left .the-content p {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .the-content p {
        margin-bottom: 15px;
        font-size: 14px
    }
}
.page_new_detail .page_content .left .the-content h2 {
    font-family: Inter-SemiBold\.ttf;
    font-size: 24px;
    color: #01265e;
    line-height: 150%;
    margin-bottom: 20px
}
@media (min-width:1920px) {
    .page_new_detail .page_content .left .the-content h2 {
        font-size: 34px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .the-content h2 {
        margin-bottom: 15px;
        font-size: 18px
    }
}
.page_new_detail .page_content .left .the-content h3 {
    font-family: Inter-SemiBold\.ttf;
    font-size: 20px;
    color: #01265e;
    line-height: 150%;
    margin-bottom: 20px
}
@media (min-width:1920px) {
    .page_new_detail .page_content .left .the-content h3 {
        font-size: 28px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .the-content h3 {
        margin-bottom: 15px;
        font-size: 16px
    }
}
.page_new_detail .page_content .left .the-content strong {
    font-family: Inter-SemiBold\.ttf
}
.page_new_detail .page_content .left .the-content img {
    display: block;
    max-width: 100%;
    margin: 0 auto 20px
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .the-content img {
        margin: 0 auto 15px
    }
}
.page_new_detail .page_content .left .the-content a {
    color: #545454;
    text-decoration: underline
}
.page_new_detail .page_content .left .intro_general {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .intro_general {
        margin-top: 40px
    }
}
.page_new_detail .page_content .left .intro_general .item {
    width: 50%
}
.page_new_detail .page_content .left .intro_general .item p {
    display: flex;
    margin-bottom: 6px;
    font-family: Inter-Medium\.ttf;
    font-size: 12px;
    line-height: 150%;
    color: #262e3c
}
.page_new_detail .page_content .left .intro_general .item p span {
    color: grey;
    width: 76px
}
@media (min-width:1920px) {
    .page_new_detail .page_content .left .intro_general .item p {
        font-size: 15px
    }
}
@media (max-width:576px) {
    .page_new_detail .page_content .left .intro_general .item {
        width: 100%
    }
}
@media (max-width:820px) {
    .page_new_detail .page_content .right {
        width: 100%
    }
}
.page_new_detail .page_content .right .page_title {
    font-family: Inter-Medium\.ttf
}
@media (max-width:820px) {
    .page_new_detail .page_content .right .page_title {
        display: none
    }
}
.page_new_detail .page_content .right .intro {
    margin: 15px 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.page_new_detail .page_content .right .intro .cat,
.page_new_detail .page_content .right .intro .date {
    color: #858ea7;
    white-space: nowrap;
    margin-bottom: 5px
}
.page_new_detail .page_content .right .intro .date {
    display: flex;
    align-items: center
}
.page_new_detail .page_content .right .intro .date img {
    margin-right: 5px;
    width: 10px
}
@media (max-width:820px) {
    .page_new_detail .page_content .right .intro {
        display: none
    }
}
.page_new_detail .page_content .right .share {
    display: flex;
    align-items: center
}
.page_new_detail .page_content .right .share li {
    margin-right: 10px
}
.page_new_detail .page_content .right .share li a {
    position: relative;
    display: block
}
.page_new_detail .page_content .right .share li a img {
    width: 30px
}
@media (min-width:1920px) {
    .page_new_detail .page_content .right .share li a img {
        width: 40px
    }
}
.page_new_detail .page_content .right .share li a button {
    box-shadow: none;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
    padding: 0
}
.page_new_detail .page_content .right .share li a .noti {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: max-content;
    font-family: Inter-Medium\.ttf;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
    background: #262e3c;
    text-transform: capitalize;
    opacity: 0
}
.page_new_detail .page_content .right .share li a .noti:before {
    position: absolute;
    content: "";
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #262e3c
}
.page_new_detail .page_content .right .share li a .noti.active {
    opacity: 1
}
@media (max-width:576px) {
    .page_new_detail .page_content .right .share li a .noti {
        left: 0;
        transform: translateX(0)
    }
    .page_new_detail .page_content .right .share li a .noti:before {
        left: 5px;
        transform: translateX(0)
    }
}
.page_new_detail .page_content .right .news_relate {
    margin-top: 30px;
    padding-top: 40px;
    border-top: 1px solid #ebebeb
}
@media (max-width:576px) {
    .page_new_detail .page_content .right .news_relate {
        margin-top: 25px;
        padding-top: 30px
    }
}
.page_new_detail .page_content .right .news_relate .title {
    font-family: Inter-SemiBold\.ttf;
    color: #262e3c;
    margin-bottom: 25px
}
.page_new_detail .page_content .right .news_relate .list .item {
    background: #fff;
    border: 1px solid #f4f6f9;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 26px 25px 28px
}
.page_new_detail .page_content .right .news_relate .list .item .cat_name,
.page_new_detail .page_content .right .news_relate .list .item .date {
    color: #858ea7;
    font-size: 12px;
    line-height: 170%
}
@media (min-width:1920px) {
    .page_new_detail .page_content .right .news_relate .list .item .cat_name,
    .page_new_detail .page_content .right .news_relate .list .item .date {
        font-size: 15px
    }
}
.page_new_detail .page_content .right .news_relate .list .item .date {
    display: flex;
    align-items: center
}
.page_new_detail .page_content .right .news_relate .list .item .date img {
    margin-right: 5px;
    width: 10px
}
.page_new_detail .page_content .right .news_relate .list .item h3 a {
    display: block;
    color: #262e3c;
    font-family: Inter-Medium\.ttf;
    margin: 14px 0
}
@media (max-width:576px) {
    .page_new_detail .page_content .right .news_relate .list .item {
        padding: 15px
    }
    .page_new_detail .page_content .right .news_relate .list .item h3 a {
        margin: 10px 0
    }
}
.page_contact .form_item_def {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.page_contact .form_item_def .frm-group {
    width: 44.3820224719%;
    margin-bottom: 45px
}
.page_contact .form_item_def .frm-group label {
    display: block;
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #313131;
    margin-bottom: 10px
}
@media (min-width:1920px) {
    .page_contact .form_item_def .frm-group label {
        font-size: 20px
    }
}
.page_contact .form_item_def .frm-group input {
    width: 100%;
    height: 34px;
    border: 0;
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 170%;
    color: #262e3c
}
.page_contact .form_item_def .frm-group input::-webkit-input-placeholder {
    color: #c4c4c4
}
.page_contact .form_item_def .frm-group input::-moz-placeholder {
    color: #c4c4c4
}
.page_contact .form_item_def .frm-group input:-ms-input-placeholder {
    color: #c4c4c4
}
.page_contact .form_item_def .frm-group input:-moz-placeholder {
    color: #c4c4c4
}
@media (min-width:1920px) {
    .page_contact .form_item_def .frm-group input {
        font-size: 18px;
        height: 38px
    }
}
.page_contact .form_item_def .frm-group._full {
    width: 100%
}
.page_contact .form_item_def .frm-group._full label {
    margin-bottom: 55px
}
.page_contact .form_item_def .frm-group .messages_error {
    font-size: 12px;
    font-style: italic;
    color: var(--primary-color)
}
@media (max-width:576px) {
    .page_contact .form_item_def .frm-group {
        width: 100%;
        margin-bottom: 22px
    }
    .page_contact .form_item_def .frm-group .label {
        font-size: 14px;
        margin-bottom: 5px
    }
    .page_contact .form_item_def .frm-group._full label {
        margin-bottom: 15px
    }
}
.page_contact .form_item_def button {
    background: var(--primary-color);
    color: #fff
}
.page_contact .form_item_def button img {
    filter: brightness(0) invert(1)
}
@media (max-width:576px) {
    .page_contact .form_item_def button {
        margin-top: 25px
    }
}
.page_contact .form_item_def .frm_msg {
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #313131;
    margin-top: 10px
}
@media (min-width:1920px) {
    .page_contact .form_item_def .frm_msg {
        font-size: 20px
    }
}
.page_contact .page_content_co_operate {
    padding: 100px 0 0 6.9444444444%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:820px) {
    .page_contact .page_content_co_operate {
        padding: 65px 30px 0
    }
}
@media (max-width:576px) {
    .page_contact .page_content_co_operate {
        padding: 55px 15px 0
    }
}
.page_contact .page_content_co_operate .item {
    width: 53.1343283582%
}
.page_contact .page_content_co_operate .item:nth-of-type(2n) {
    width: 46.8656716418%
}
.page_contact .page_content_co_operate .item:nth-of-type(4) {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}
.page_contact .page_content_co_operate .item:nth-of-type(2) {
    padding-left: 7.4626865672%;
    padding-right: 30px;
    padding-top: 17px
}
@media (max-width:820px) {
    .page_contact .page_content_co_operate .item,
    .page_contact .page_content_co_operate .item:nth-of-type(2n) {
        width: 100%
    }
    .page_contact .page_content_co_operate .item:nth-of-type(2) {
        margin-top: 30px;
        padding: 0
    }
}
@media (max-width:576px) {
    .page_contact .page_content_co_operate .item .title_def br {
        display: none
    }
}
.page_contact .page_content_co_operate .item .excerpt {
    font-size: 16px;
    color: #545454;
    margin-top: 18px;
    width: 71.6292134831%
}
@media (min-width:1920px) {
    .page_contact .page_content_co_operate .item .excerpt {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_contact .page_content_co_operate .item .excerpt {
        width: 100%
    }
}
.page_contact .page_content_co_operate .item .intro {
    display: flex;
    align-items: flex-start;
    margin-bottom: 13px
}
.page_contact .page_content_co_operate .item .intro p {
    font-family: Inter-Medium\.ttf
}
.page_contact .page_content_co_operate .item .intro p:first-of-type {
    color: grey;
    width: 102px
}
@media (min-width:1920px) {
    .page_contact .page_content_co_operate .item .intro p:first-of-type {
        width: 115px
    }
}
.page_contact .page_content_co_operate .item .intro p:nth-of-type(2) {
    color: #262e3c;
    width: calc(100% - 102px)
}
.page_contact .page_content_co_operate .item .intro p:nth-of-type(2) a {
    color: #262e3c;
    display: block
}
@media (min-width:1920px) {
    .page_contact .page_content_co_operate .item .intro p:nth-of-type(2) {
        width: calc(100% - 115px)
    }
}
.page_contact .page_content_co_operate .item .form_item_def {
    padding: 110px 0 55px
}
@media (max-width:820px) {
    .page_contact .page_content_co_operate .item .form_item_def {
        padding: 45px 0 0
    }
}
@media (max-width:576px) {
    .page_contact .page_content_co_operate .item .form_item_def {
        padding: 35px 0 0
    }
}
.page_contact .page_content_co_operate .item .img {
    width: 106.050955414%;
    margin-left: -6.050955414%
}
@media (max-width:820px) {
    .page_contact .page_content_co_operate .item .img {
        width: 100%;
        margin: 0 -30px 0 0
    }
}
@media (max-width:576px) {
    .page_contact .page_content_co_operate .item .img {
        margin: 0 -15px 0 0
    }
}
.page_contact .page_content_customer_care {
    position: relative;
    padding: 0 0 42px;
    margin-top: 175px;
    box-sizing: border-box
}
.page_contact .page_content_customer_care:after,
.page_contact .page_content_customer_care:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 0 400px 0 0
}
@media (min-width:1920px) {
    .page_contact .page_content_customer_care:after,
    .page_contact .page_content_customer_care:before {
        border-radius: 0 500px 0 0
    }
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care:after,
    .page_contact .page_content_customer_care:before {
        border-radius: 0 100px 0 0
    }
}
.page_contact .page_content_customer_care:before {
    background: var(--primary-color)
}
.page_contact .page_content_customer_care:after {
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color-rgb))
}
.page_contact .page_content_customer_care .decor {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 47.2222222222%;
    z-index: 1
}
@media (max-width:1024px) {
    .page_contact .page_content_customer_care {
        margin-top: 100px
    }
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care {
        margin-top: 65px
    }
}
.page_contact .page_content_customer_care .notice {
    position: relative;
    z-index: 2;
    font-family: Inter-Medium\.ttf;
    font-size: 20px;
    line-height: 150%;
    text-transform: capitalize;
    color: #fff;
    padding: 56px 0 25px 6.9444444444%
}
@media (min-width:1920px) {
    .page_contact .page_content_customer_care .notice {
        font-size: 26px
    }
}
@media (max-width:1024px) {
    .page_contact .page_content_customer_care .notice {
        padding-left: 30px
    }
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care .notice {
        padding: 25px 30px 20px 15px
    }
}
.page_contact .page_content_customer_care .the_content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 0 6.9444444444%
}
.page_contact .page_content_customer_care .the_content:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 91.6666666667%;
    height: 100%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    border-radius: 0 500px 500px 0
}
@media (min-width:1920px) {
    .page_contact .page_content_customer_care .the_content {
        align-items: center
    }
}
@media (max-width:1024px) {
    .page_contact .page_content_customer_care .the_content {
        padding: 0 0 0 30px
    }
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care .the_content {
        padding: 0
    }
    .page_contact .page_content_customer_care .the_content:before {
        border-radius: 0 100px 100px 0
    }
}
.page_contact .page_content_customer_care .the_content .left {
    position: relative;
    z-index: 3;
    width: 53.1343283582%;
    padding: 70px 0 136px
}
.page_contact .page_content_customer_care .the_content .left .title_def {
    text-transform: none
}
.page_contact .page_content_customer_care .the_content .left .form_item_def {
    margin-top: 66px
}
.page_contact .page_content_customer_care .the_content .left .form_item_def .frm-group {
    margin-bottom: 55px
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care .the_content .left .form_item_def .frm-group {
        margin-bottom: 22px
    }
}
@media (max-width:1024px) {
    .page_contact .page_content_customer_care .the_content .left {
        padding: 70px 0 100px
    }
    .page_contact .page_content_customer_care .the_content .left .title_def br {
        display: none
    }
}
@media (max-width:820px) {
    .page_contact .page_content_customer_care .the_content .left {
        width: 59.7014925373%
    }
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care .the_content .left {
        width: 100%;
        padding: 30px 45px 40px 15px
    }
    .page_contact .page_content_customer_care .the_content .left .form_item_def {
        margin-top: 30px
    }
    .page_contact .page_content_customer_care .the_content .left .title_def {
        font-size: 24px
    }
}
.page_contact .page_content_customer_care .the_content .right {
    position: relative;
    z-index: 3;
    width: 43.1343283582%;
    margin-bottom: -42px;
    display: flex;
    align-items: flex-end
}
.page_contact .page_content_customer_care .the_content .right img {
    width: 100%;
    height: auto
}
@media (max-width:820px) {
    .page_contact .page_content_customer_care .the_content .right {
        width: 40.2985074627%
    }
}
@media (max-width:576px) {
    .page_contact .page_content_customer_care .the_content .right {
        width: 100%
    }
}
.page_thanks {
    position: relative;
    padding: 104px 6.9444444444% 136px
}
@media (max-width:1024px) {
    .page_thanks {
        padding: 100px 30px
    }
}
@media (max-width:576px) {
    .page_thanks {
        padding: 105px 15px 50px
    }
}
.page_thanks .top {
    text-align: center
}
.page_thanks .top .icon {
    width: 90px
}
.page_thanks .top p {
    margin: 20px 0 88px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 20px;
    line-height: 170%;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_thanks .top p {
        font-size: 26px
    }
}
@media (max-width:576px) {
    .page_thanks .top p {
        margin: 20px 0 30px
    }
}
.page_thanks .bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px
}
@media (max-width:576px) {
    .page_thanks .bottom {
        margin-top: 35px
    }
}
.page_thanks .bottom .left {
    width: 48.3870967742%
}
.page_thanks .bottom .left p {
    margin-bottom: 25px;
    font-family: Inter-Medium\.ttf;
    font-size: 20px;
    line-height: 170%;
    color: #262e3c
}
.page_thanks .bottom .left p:last-child {
    margin-bottom: 0
}
.page_thanks .bottom .left p a {
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .page_thanks .bottom .left p {
        font-size: 26px
    }
}
@media (max-width:576px) {
    .page_thanks .bottom .left p {
        font-size: 16px
    }
}
@media (max-width:820px) {
    .page_thanks .bottom .left {
        width: 100%;
        margin-bottom: 40px
    }
}
.page_thanks .bottom .right {
    width: 37.9032258065%
}
.page_thanks .bottom .right .item {
    margin-top: 23px
}
.page_thanks .bottom .right .item .intro {
    display: flex;
    align-items: flex-start;
    margin-bottom: 13px
}
.page_thanks .bottom .right .item .intro p {
    font-family: Inter-Medium\.ttf
}
.page_thanks .bottom .right .item .intro p:first-of-type {
    color: grey;
    width: 102px
}
@media (min-width:1920px) {
    .page_thanks .bottom .right .item .intro p:first-of-type {
        width: 115px
    }
}
.page_thanks .bottom .right .item .intro p:nth-of-type(2) {
    color: #262e3c;
    width: calc(100% - 102px)
}
.page_thanks .bottom .right .item .intro p:nth-of-type(2) a {
    color: #262e3c;
    display: block
}
@media (min-width:1920px) {
    .page_thanks .bottom .right .item .intro p:nth-of-type(2) {
        width: calc(100% - 115px)
    }
}
@media (max-width:820px) {
    .page_thanks .bottom .right {
        width: 100%
    }
}
.frm_search_recruitment {
    position: relative;
    z-index: 10;
    width: 86.1111111111%;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #f4f6f9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    padding: 27px 2.7419354839%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}
@media (max-width:1024px) {
    .frm_search_recruitment {
        width: calc(100% - 60px)
    }
}
@media (max-width:820px) {
    .frm_search_recruitment {
        justify-content: center
    }
}
@media (max-width:576px) {
    .frm_search_recruitment {
        width: calc(100% - 30px)
    }
}
.frm_search_recruitment .form-group {
    display: flex;
    align-items: center;
    width: calc((100% - 210px)/2);
    border-right: 1px solid rgba(133, 142, 167, .5);
    padding-left: 5.6313993174%
}
.frm_search_recruitment .form-group img {
    width: 24px;
    margin-right: 12px
}
.frm_search_recruitment .form-group input,
.frm_search_recruitment .form-group select {
    width: calc(100% - 36px);
    height: 36px;
    border: 0;
    box-shadow: none;
    outline: none;
    background: transparent;
    font-family: Inter-Regular\.ttf;
    font-size: 15px;
    color: grey;
    padding: 5px 10px 5px 0
}
@media (min-width:1920px) {
    .frm_search_recruitment .form-group input,
    .frm_search_recruitment .form-group select {
        font-size: 19px
    }
}
.frm_search_recruitment .form-group.no_border {
    border-right: 0
}
@media (max-width:1024px) {
    .frm_search_recruitment .form-group {
        padding-left: 0
    }
}
@media (max-width:820px) {
    .frm_search_recruitment .form-group {
        width: 50%;
        border-right: 0;
        margin-bottom: 25px
    }
}
@media (max-width:576px) {
    .frm_search_recruitment .form-group {
        width: 100%;
        margin-bottom: 15px
    }
}
.frm_search_recruitment .btn_def {
    outline: none;
    border-radius: 0;
    width: 154px;
    text-transform: inherit;
    cursor: pointer
}
@media (max-width:576px) {
    .frm_search_recruitment .btn_def {
        width: 146px;
        height: 40px;
        margin-top: 5px
    }
}
.page_recruitment .page_banner_def .frm_search_recruitment {
    margin-top: -58px
}
@media (min-width:1920px) {
    .page_recruitment .page_banner_def .frm_search_recruitment {
        margin-top: -70px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_banner_def .frm_search_recruitment {
        margin-top: -35px
    }
}
.page_recruitment .page_content .title_def {
    text-transform: none
}
.page_recruitment .page_content .inner_wrap_top {
    padding-top: 133px
}
@media (max-width:820px) {
    .page_recruitment .page_content .inner_wrap_top {
        padding-top: 160px
    }
}
@media (max-width:575px) {
    .page_recruitment .page_content .inner_wrap_top {
        padding-top: 210px
    }
}
.page_recruitment .page_content .inner_wrap_top .title_def {
    width: 100%;
    text-align: center;
    padding: 17px 0 18px;
    background-size: cover
}
@media (max-width:575px) {
    .page_recruitment .page_content .inner_wrap_top .title_def {
        font-size: 22px;
        padding: 15px 0 16px
    }
}
.page_recruitment .page_content .inner_wrap_top .btn_def {
    margin: 0 auto
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment {
    margin: 40px 0 18px;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:575px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment {
        margin: 35px 0 15px
    }
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item {
    display: block;
    width: calc((100% - 52px)/3);
    margin-right: 26px;
    margin-bottom: 28px;
    background: #fff;
    box-shadow: 46px 44px 26px rgba(0, 0, 0, .01), 26px 25px 22px rgba(0, 0, 0, .03), 11px 11px 16px rgba(0, 0, 0, .04), 3px 3px 9px rgba(0, 0, 0, .05), 0 0 0 rgba(0, 0, 0, .05);
    padding: 20px;
    box-sizing: border-box
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item:nth-of-type(3n) {
    margin-right: 0
}
@media (max-width:820px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item {
        width: calc((100% - 30px)/3);
        margin-right: 15px;
        margin-bottom: 22px;
        padding: 20px 15px
    }
}
@media (max-width:575px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item {
        width: 100%;
        margin-right: 0
    }
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item h3 {
    font-family: Inter-SemiBold\.ttf;
    font-size: 18px;
    line-height: 150%;
    color: #01265e;
    margin-bottom: 4px;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
@media (min-width:1920px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item h3 {
        font-size: 22px
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item h3 {
        font-size: 16px
    }
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro {
    display: flex;
    flex-wrap: wrap
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p {
    display: flex;
    align-items: flex-start;
    margin-right: 20px
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p img {
    width: 16px;
    margin-right: 6px;
    margin-top: 4px
}
.page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p span {
    width: calc(100% - 22px);
    font-size: 15px;
    line-height: 170%;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p img {
        width: 20px
    }
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p span {
        width: calc(100% - 26px);
        font-size: 19px
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p {
        margin-right: 15px
    }
    .page_recruitment .page_content .inner_wrap_top .list_recruitment .item .intro p span {
        font-size: 14px
    }
}
.page_recruitment .page_content .screen1 {
    padding: 64px 0
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen1 {
        padding: 70px 0
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen1 {
        padding: 40px 0
    }
}
.page_recruitment .page_content .screen1 .content_common {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.page_recruitment .page_content .screen1 .content_common .left {
    width: 54.0322580645%
}
.page_recruitment .page_content .screen1 .content_common .left .img {
    position: relative;
    width: 100%;
    padding-top: 80.5%
}
.page_recruitment .page_content .screen1 .content_common .left .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen1 .content_common .left {
        width: 100%;
        order: 2
    }
}
.page_recruitment .page_content .screen1 .content_common .right {
    width: 45.9677419355%;
    padding-left: 5.8064516129%
}
.page_recruitment .page_content .screen1 .content_common .right .content {
    margin-top: 32px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li {
    position: relative;
    font-size: "Inter-Regular.ttf";
    font-size: 14px;
    line-height: 170%;
    color: #3f4855;
    padding-bottom: 12px;
    padding-left: 22px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:after,
.page_recruitment .page_content .screen1 .content_common .right .content ul li:before {
    position: absolute;
    content: "";
    top: 8px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:before {
    left: 0;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
    border-radius: 50%;
    z-index: 1
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:after {
    height: 100%;
    width: 1px;
    background: #c4c4c4;
    left: 4px
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:last-child {
    padding-bottom: 0
}
.page_recruitment .page_content .screen1 .content_common .right .content ul li:last-child:after {
    display: none
}
@media (min-width:1920px) {
    .page_recruitment .page_content .screen1 .content_common .right .content ul li {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen1 .content_common .right {
        width: 100%;
        order: 1;
        padding-left: 0;
        margin-bottom: 35px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen1 .content_common .right .content {
        margin-top: 25px
    }
}
.page_recruitment .page_content .screen2 {
    position: relative;
    padding: 64px 0;
    background: var(--primary-color)
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen2 {
        padding: 50px 0
    }
}
.page_recruitment .page_content .screen2 .decor {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 33.8194444444%;
    pointer-events: none
}
.page_recruitment .page_content .screen2 .decor img {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%
}
.page_recruitment .page_content .screen2 .container_common {
    position: relative;
    z-index: 2;
    display: flex;
    align-itemS: center;
    justify-content: space-between;
    padding-right: 0;
    padding-left: 6.9444444444%
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen2 .container_common {
        flex-wrap: wrap;
        padding: 0
    }
}
.page_recruitment .page_content .screen2 .container_common .left {
    position: relative;
    z-index: 2;
    width: 37.3134328358%
}
.page_recruitment .page_content .screen2 .container_common .left .content {
    margin-top: 32px;
    font-family: Inter-Regular\.ttf;
    font-size: 14px;
    line-height: 170%;
    color: #fff
}
.page_recruitment .page_content .screen2 .container_common .left .content p {
    margin-bottom: 12px
}
.page_recruitment .page_content .screen2 .container_common .left .content p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_recruitment .page_content .screen2 .container_common .left .content {
        font-size: 18px
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen2 .container_common .left {
        width: 100%;
        padding: 0 30px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen2 .container_common .left {
        padding: 0 15px
    }
}
.page_recruitment .page_content .screen2 .container_common .right {
    position: relative;
    width: 53.7313432836%
}
@media (max-width:1024px) {
    .page_recruitment .page_content .screen2 .container_common .right {
        width: 48%
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen2 .container_common .right {
        position: relative;
        width: calc(100% - 30px);
        top: 0;
        transform: translateY(0);
        margin-top: 40px;
        margin-left: 30px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen2 .container_common .right {
        width: calc(100% - 15px);
        margin-top: 35px;
        margin-left: 15px
    }
}
.page_recruitment .page_content .screen2 .container_common .right .img {
    width: 100%;
    padding-top: 59%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .75), rgba(190, 0, 0, 0));
    border-radius: 500px 0 0 500px;
    overflow: hidden;
    transition: all .5s ease
}
.page_recruitment .page_content .screen2 .container_common .right .img img {
    position: absolute;
    top: 14px;
    bottom: 14px;
    right: 0;
    left: 14px;
    width: calc(100% - 14px);
    height: calc(100% - 28px);
    object-fit: cover;
    object-position: left center;
    border-radius: 500px 0 0 500px
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen2 .container_common .right .img {
        border-radius: 180px 0 0 180px
    }
}
.page_recruitment .page_content .screen3 {
    position: relative;
    padding: 64px 0
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen3 {
        padding: 70px 0
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen3 {
        padding: 40px 0
    }
}
.page_recruitment .page_content .screen3 .decor {
    position: absolute;
    left: 0;
    top: 47.8515625%;
    width: 24.1666666667%
}
.page_recruitment .page_content .screen3 .decor img {
    width: 100%
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen3 .decor {
        top: 60px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen3 .decor {
        top: 30px
    }
}
.page_recruitment .page_content .screen3 .content_common {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.page_recruitment .page_content .screen3 .content_common .left {
    width: 36.2903225806%
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen3 .content_common .left {
        width: 100%;
        margin-bottom: 35px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen3 .content_common .left {
        margin-bottom: 25px
    }
}
.page_recruitment .page_content .screen3 .content_common .right {
    width: 61.6129032258%
}
.page_recruitment .page_content .screen3 .content_common .right ul {
    column-count: 2;
    column-gap: 5.4838709677%
}
.page_recruitment .page_content .screen3 .content_common .right ul li {
    text-align: justify
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen3 .content_common .right {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen3 .content_common .right ul {
        column-count: 1;
        column-gap: 0
    }
    .page_recruitment .page_content .screen3 .content_common .right ul li {
        margin-bottom: 12px
    }
    .page_recruitment .page_content .screen3 .content_common .right ul li:last-child {
        margin-bottom: 0
    }
}
.page_recruitment .page_content .screen4 {
    position: relative;
    padding: 110px 27.7777777778%
}
.page_recruitment .page_content .screen4:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    z-index: 1
}
.page_recruitment .page_content .screen4 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.page_recruitment .page_content .screen4 .text {
    position: relative;
    z-index: 2;
    text-align: center
}
.page_recruitment .page_content .screen4 .text .content {
    margin-top: 30px;
    color: #fff
}
@media (max-width:1024px) {
    .page_recruitment .page_content .screen4 {
        padding: 110px 13.8888888889%
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen4 {
        padding: 80px 8.3333333333%
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen4 {
        padding: 45px 30px
    }
    .page_recruitment .page_content .screen4 .text .title_def {
        font-size: 24px
    }
    .page_recruitment .page_content .screen4 .text .content {
        margin-top: 25px;
        text-align: justify
    }
}
.page_recruitment .page_content .screen5 {
    position: relative;
    padding: 120px 0
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen5 {
        padding: 80px 0
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen5 {
        padding: 45px 0
    }
}
.page_recruitment .page_content .screen5 .content_common {
    display: flex;
    flex-wrap: wrap
}
.page_recruitment .page_content .screen5 .content_common .left {
    width: 50.4838709677%
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen5 .content_common .left {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen5 .content_common .left .title_def br {
        display: none
    }
}
.page_recruitment .page_content .screen5 .content_common .right {
    width: 49.5161290323%;
    padding-left: 20px;
    box-sizing: border-box
}
.page_recruitment .page_content .screen5 .content_common .right ul li {
    position: relative;
    font-size: "Inter-Regular.ttf";
    font-size: 16px;
    line-height: 170%;
    color: #3f4855;
    padding-bottom: 10px;
    padding-left: 22px
}
.page_recruitment .page_content .screen5 .content_common .right ul li:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #262e3c;
    border-radius: 50%;
    z-index: 1
}
.page_recruitment .page_content .screen5 .content_common .right ul li:last-child {
    padding-bottom: 0
}
.page_recruitment .page_content .screen5 .content_common .right ul li:last-child:after {
    display: none
}
@media (min-width:1920px) {
    .page_recruitment .page_content .screen5 .content_common .right ul li {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen5 .content_common .right {
        width: 100%;
        padding-left: 0;
        margin-top: 35px
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen5 .content_common .right {
        margin-top: 25px
    }
}
.page_recruitment .page_content .screen5 .content_common .video {
    position: relative;
    width: 82.9838709677%;
    padding-top: 40%;
    margin: 80px auto 0
}
.page_recruitment .page_content .screen5 .content_common .video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media (max-width:820px) {
    .page_recruitment .page_content .screen5 .content_common .video {
        width: 100%;
        margin: 40px 0 0;
        padding-top: 56%
    }
}
@media (max-width:576px) {
    .page_recruitment .page_content .screen5 .content_common .video {
        margin: 30px 0 0
    }
}
.page_recruitment_position .page_banner_def .frm_search_recruitment {
    margin-top: -58px
}
@media (min-width:1920px) {
    .page_recruitment_position .page_banner_def .frm_search_recruitment {
        margin-top: -70px
    }
}
@media (max-width:576px) {
    .page_recruitment_position .page_banner_def .frm_search_recruitment {
        margin-top: -35px
    }
}
.page_recruitment_position .page_content {
    padding: 90px 10.4166666667% 100px
}
@media (max-width:1024px) {
    .page_recruitment_position .page_content {
        padding: 160px 30px 90px
    }
}
@media (max-width:576px) {
    .page_recruitment_position .page_content {
        padding: 210px 15px 45px
    }
}
.page_recruitment_position .page_content .count {
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.page_recruitment_position .page_content .count span {
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .page_recruitment_position .page_content .count {
        font-size: 20px
    }
}
.page_recruitment_position .page_content .list_recruitment {
    margin-top: 16px
}
.page_recruitment_position .page_content .list_recruitment .item {
    padding: 16px;
    border-bottom: 1px solid #c4c4c4
}
@media (max-width:576px) {
    .page_recruitment_position .page_content .list_recruitment .item {
        padding: 0
    }
}
.page_recruitment_position .page_content .list_recruitment .item a {
    display: block;
    width: 100%;
    position: relative;
    padding: 20px 0
}
@media (max-width:576px) {
    .page_recruitment_position .page_content .list_recruitment .item a {
        padding: 25px 0
    }
}
.page_recruitment_position .page_content .list_recruitment .item a:before {
    position: absolute;
    content: "";
    width: 104.854368932%;
    height: 100%;
    top: 0;
    left: -2.427184466%;
    background: transparent;
    transition: all .3s ease
}
.page_recruitment_position .page_content .list_recruitment .item a .top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}
.page_recruitment_position .page_content .list_recruitment .item a .top .title_def {
    width: calc(100% - 300px)
}
.page_recruitment_position .page_content .list_recruitment .item a .top .end_time {
    width: -webkit-max-content;
    width: max-content;
    text-align: right;
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_recruitment_position .page_content .list_recruitment .item a .top .end_time {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_recruitment_position .page_content .list_recruitment .item a .top {
        flex-wrap: wrap
    }
    .page_recruitment_position .page_content .list_recruitment .item a .top .title_def {
        width: 100%;
        font-size: 22px
    }
    .page_recruitment_position .page_content .list_recruitment .item a .top .end_time {
        width: 100%;
        text-align: left;
        font-size: 14px;
        margin: 12px 0 10px
    }
}
.page_recruitment_position .page_content .list_recruitment .item a .center {
    margin: 6px 0 16px;
    display: flex;
    flex-wrap: wrap
}
.page_recruitment_position .page_content .list_recruitment .item a .center p {
    display: flex;
    align-items: flex-start;
    margin-right: 32px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p img {
    width: 24px;
    margin-right: 6px
}
.page_recruitment_position .page_content .list_recruitment .item a .center p span {
    width: calc(100% - 30px);
    font-family: Inter-Medium\.ttf;
    font-size: 16px;
    line-height: 170%;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_recruitment_position .page_content .list_recruitment .item a .center p img {
        width: 28px
    }
    .page_recruitment_position .page_content .list_recruitment .item a .center p span {
        width: calc(100% - 34px);
        font-size: 20px
    }
}
@media (max-width:820px) {
    .page_recruitment_position .page_content .list_recruitment .item a .center p {
        margin-right: 15px
    }
    .page_recruitment_position .page_content .list_recruitment .item a .center p img {
        width: 24px
    }
    .page_recruitment_position .page_content .list_recruitment .item a .center p span {
        font-size: 14px
    }
}
@media (max-width:576px) {
    .page_recruitment_position .page_content .list_recruitment .item a .center p {
        margin-bottom: 8px
    }
    .page_recruitment_position .page_content .list_recruitment .item a .center p:last-child {
        margin-bottom: 0
    }
    .page_recruitment_position .page_content .list_recruitment .item a .center p img {
        width: 20px
    }
    .page_recruitment_position .page_content .list_recruitment .item a .center p span {
        width: calc(100% - 26px)
    }
}
.page_recruitment_position .page_content .list_recruitment .item a .excerpt {
    color: #3f4855;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.page_recruitment_position .page_content .list_recruitment .item:hover a:before {
    background: rgba(133, 142, 167, .1)
}
.page_recruitment_position .page_content .list_recruitment .pagination_list_def .paginate_links {
    justify-content: center
}
.page_recruitment_position .page_content .see-more-search {
    margin: 50px auto 0;
    cursor: pointer
}
@media (max-width:576px) {
    .page_recruitment_position .page_content .see-more-search {
        margin: 30px auto 0
    }
}
.page_recruitment_detail {
    position: relative;
    padding: 40px 0 100px
}
@media (max-width:1024px) {
    .page_recruitment_detail {
        padding: 120px 0 80px
    }
}
@media (max-width:576px) {
    .page_recruitment_detail {
        padding: 100px 0 45px
    }
}
.page_recruitment_detail .breadcrumb_def {
    margin-bottom: 36px
}
@media (max-width:576px) {
    .page_recruitment_detail .breadcrumb_def {
        margin-bottom: 28px
    }
}
.page_recruitment_detail .frm_search_recruitment {
    width: 100%
}
.page_recruitment_detail .page_content {
    margin-top: 64px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}
@media (max-width:1024px) {
    .page_recruitment_detail .page_content {
        margin-top: 50px
    }
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content {
        margin-top: 35px
    }
}
.page_recruitment_detail .page_content .left {
    width: 68.1451612903%
}
@media (max-width:1024px) {
    .page_recruitment_detail .page_content .left {
        width: 100%;
        margin-bottom: 40px
    }
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content .left {
        margin-bottom: 30px
    }
}
.page_recruitment_detail .page_content .left .sub_title {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #01265e;
    margin-bottom: 8px
}
@media (min-width:1920px) {
    .page_recruitment_detail .page_content .left .sub_title {
        font-size: 20px
    }
}
.page_recruitment_detail .page_content .left .intro {
    width: 100%;
    margin: 24px 0 40px;
    padding: 40px 11.2426035503% 24px 0;
    box-sizing: border-box;
    border-top: 1px solid #e7eaef;
    border-bottom: 1px solid #e7eaef;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
@media (max-width:1400px) {
    .page_recruitment_detail .page_content .left .intro {
        padding: 40px 0 24px
    }
}
@media (max-width:1024px) {
    .page_recruitment_detail .page_content .left .intro {
        padding: 26px 0 14px
    }
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content .left .intro {
        margin: 22px 0 30px
    }
}
.page_recruitment_detail .page_content .left .intro p {
    width: 48%;
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 16px
}
.page_recruitment_detail .page_content .left .intro p img {
    width: 20px;
    margin-right: 6px
}
.page_recruitment_detail .page_content .left .intro p span {
    width: calc(100% - 26px);
    font-size: 16px;
    line-height: 150%;
    color: #262e3c
}
.page_recruitment_detail .page_content .left .intro p span strong {
    font-family: Inter-SemiBold\.ttf
}
@media (min-width:1920px) {
    .page_recruitment_detail .page_content .left .intro p img {
        width: 24px
    }
    .page_recruitment_detail .page_content .left .intro p span {
        width: calc(100% - 30px);
        font-size: 20px
    }
}
@media (max-width:820px) {
    .page_recruitment_detail .page_content .left .intro p span {
        font-size: 14px
    }
}
@media (max-width:768px) {
    .page_recruitment_detail .page_content .left .intro p {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px
    }
}
.page_recruitment_detail .page_content .left .the-content {
    font-family: Inter-Medium\.ttf;
    font-size: 14px;
    line-height: 150%;
    color: #3f4855
}
.page_recruitment_detail .page_content .left .the-content h3 {
    font-family: Inter-Bold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #262e3c;
    margin-bottom: 16px
}
.page_recruitment_detail .page_content .left .the-content b,
.page_recruitment_detail .page_content .left .the-content strong {
    font-family: Inter-Bold\.ttf
}
.page_recruitment_detail .page_content .left .the-content p {
    margin-bottom: 12px
}
.page_recruitment_detail .page_content .left .the-content ul li {
    position: relative;
    font-size: "Inter-Medium.ttf";
    font-size: 14px;
    line-height: 150%;
    color: #3f4855;
    padding-bottom: 10px;
    padding-left: 22px
}
.page_recruitment_detail .page_content .left .the-content ul li:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #262e3c;
    border-radius: 50%;
    z-index: 1
}
.page_recruitment_detail .page_content .left .the-content ul li:last-child {
    padding-bottom: 0
}
.page_recruitment_detail .page_content .left .the-content ul li:last-child:after {
    display: none
}
.page_recruitment_detail .page_content .left .the-content hr {
    border-top: 1px solid #e7eaef !important;
    border-bottom: 0 !important;
    margin: 32px 0
}
@media (min-width:1920px) {
    .page_recruitment_detail .page_content .left .the-content {
        font-size: 18px
    }
    .page_recruitment_detail .page_content .left .the-content h3 {
        font-size: 20px
    }
    .page_recruitment_detail .page_content .left .the-content ul li {
        font-size: 18px
    }
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content .left .the-content hr {
        margin: 26px 0
    }
}
.page_recruitment_detail .page_content .left .share {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #e7eaef;
    display: flex;
    align-items: center
}
.page_recruitment_detail .page_content .left .share .btn_def {
    cursor: pointer
}
.page_recruitment_detail .page_content .left .share span {
    display: block;
    margin: 0 32px;
    font-family: Inter-Medium\.ttf
}
.page_recruitment_detail .page_content .left .share .icon {
    display: flex;
    align-items: center
}
.page_recruitment_detail .page_content .left .share .icon li {
    margin-right: 16px
}
.page_recruitment_detail .page_content .left .share .icon li a img {
    transition: all .3s ease;
    transform: scale(1)
}
.page_recruitment_detail .page_content .left .share .icon li:hover a img {
    transform: scale(1.1)
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content .left .share {
        margin-top: 26px;
        padding-top: 26px
    }
    .page_recruitment_detail .page_content .left .share span {
        margin: 0 20px
    }
    .page_recruitment_detail .page_content .left .share .icon li {
        margin-right: 12px
    }
    .page_recruitment_detail .page_content .left .share .icon li a img {
        width: 34px
    }
}
.page_recruitment_detail .page_content .right {
    width: 23.3870967742%;
    background: #fafafa;
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
    padding: 32px 30px 0
}
@media (max-width:1024px) {
    .page_recruitment_detail .page_content .right {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content .right {
        padding: 28px 15px 0
    }
}
.page_recruitment_detail .page_content .right .title {
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_recruitment_detail .page_content .right .title {
        font-size: 20px
    }
}
.page_recruitment_detail .page_content .right .recruitment_related {
    margin-top: 16px
}
.page_recruitment_detail .page_content .right .recruitment_related .item {
    display: block;
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid #c4c4c4
}
.page_recruitment_detail .page_content .right .recruitment_related .item .title {
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #01265e
}
@media (min-width:1920px) {
    .page_recruitment_detail .page_content .right .recruitment_related .item .title {
        font-size: 20px
    }
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p {
    display: flex;
    align-items: center;
    margin-right: 15px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p img {
    width: 16px;
    margin-right: 4px
}
.page_recruitment_detail .page_content .right .recruitment_related .item .intro p span {
    font-size: "Inter-Medium.ttf";
    width: -webkit-max-content;
    width: max-content;
    font-size: 12px;
    line-height: 170%;
    color: #262e3c
}
@media (min-width:1920px) {
    .page_recruitment_detail .page_content .right .recruitment_related .item .intro p img {
        width: 20px
    }
    .page_recruitment_detail .page_content .right .recruitment_related .item .intro p span {
        font-size: 15px
    }
}
@media (max-width:820px) {
    .page_recruitment_detail .page_content .right .recruitment_related .item .intro p span {
        font-size: 14px
    }
}
@media (max-width:576px) {
    .page_recruitment_detail .page_content .right .recruitment_related .item {
        padding: 20px 0
    }
}
.popup_info_def {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none;
    transform: scale(.75)
}
.popup_info_def.show {
    opacity: 1;
    pointer-events: all;
    transform: scale(1)
}
.popup_info_def .popup_content {
    position: relative;
    width: 500px;
    padding: 40px;
    background: #fff
}
@media (max-width:575px) {
    .popup_info_def .popup_content {
        width: calc(100% - 40px);
        padding: 40px 20px 20px
    }
}
.popup_info_def .popup_content ._bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: top center
}
.popup_info_def .popup_content .title_def {
    margin: 0 0 30px;
    text-transform: inherit;
    text-align: center
}
@media (max-width:575px) {
    .popup_info_def .popup_content .title_def {
        font-size: 24px;
        margin: 0 0 20px
    }
}
.popup_info_def .popup_content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}
.popup_info_def .popup_content .close img {
    width: 16px
}
@media (max-width:575px) {
    .popup_info_def .popup_content .close {
        top: 15px;
        right: 15px
    }
}
.popup_info_def .popup_content .form_single_def {
    position: relative;
    z-index: 3
}
.popup_info_def .popup_content .form_single_def .frm-group {
    position: relative;
    margin-bottom: 20px;
    width: 100%
}
.popup_info_def .popup_content .form_single_def .frm-group input,
.popup_info_def .popup_content .form_single_def .frm-group textarea {
    width: 100%;
    height: 36px;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 20.5px;
    padding: 5px 20px;
    box-shadow: none;
    outline: none;
    font-family: Inter-Regular\.ttf;
    font-size: 15px;
    color: grey;
    resize: none
}
@media (min-width:1920px) {
    .popup_info_def .popup_content .form_single_def .frm-group input,
    .popup_info_def .popup_content .form_single_def .frm-group textarea {
        font-size: 18px;
        height: 42px
    }
}
@media (max-width:575px) {
    .popup_info_def .popup_content .form_single_def .frm-group input,
    .popup_info_def .popup_content .form_single_def .frm-group textarea {
        height: 34px;
        font-size: 14px;
        border-radius: 15px
    }
}
.popup_info_def .popup_content .form_single_def .frm-group input[type=file],
.popup_info_def .popup_content .form_single_def .frm-group input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    outline: none
}
.popup_info_def .popup_content .form_single_def .frm-group .messages_error {
    position: absolute;
    top: 100%;
    right: 0;
    color: var(--primary-color);
    font-family: Inter-Regular\.ttf;
    font-size: 12px;
    line-height: 18px;
    font-style: italic
}
.popup_info_def .popup_content .form_single_def .frm-group._file {
    height: 36px;
    border: 1px solid #dfe5ee;
    border-radius: 20.5px
}
.popup_info_def .popup_content .form_single_def .frm-group._file input {
    position: relative;
    z-index: 2;
    opacity: 0
}
.popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter,
.popup_info_def .popup_content .form_single_def .frm-group._file img {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    z-index: 1;
    outline: none
}
.popup_info_def .popup_content .form_single_def .frm-group._file img {
    width: 23px;
    right: 10px
}
.popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter {
    left: 20px;
    font-family: Inter-Regular\.ttf;
    font-size: 15px;
    color: grey
}
@media (min-width:1920px) {
    .popup_info_def .popup_content .form_single_def .frm-group._file {
        height: 42px
    }
    .popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter {
        font-size: 18px
    }
}
@media (max-width:575px) {
    .popup_info_def .popup_content .form_single_def .frm-group._file {
        height: 34px;
        border-radius: 15px
    }
    .popup_info_def .popup_content .form_single_def .frm-group._file .js_upload_name_letter {
        font-size: 14px
    }
}
.popup_info_def .popup_content .form_single_def .frm-group._textarea textarea {
    height: 80px !important
}
@media (max-width:575px) {
    .popup_info_def .popup_content .form_single_def .frm-group._textarea textarea {
        height: 70px
    }
}
.popup_info_def .popup_content .form_single_def em {
    font-size: 13px;
    color: grey
}
@media (min-width:1920px) {
    .popup_info_def .popup_content .form_single_def em {
        font-size: 15px
    }
}
@media (max-width:575px) {
    .popup_info_def .popup_content .form_single_def em {
        font-size: 12px
    }
}
.popup_info_def .popup_content .form_single_def .btn_def {
    width: 100%;
    margin-top: 26px
}
@media (max-width:575px) {
    .popup_info_def .popup_content .form_single_def .btn_def {
        margin-top: 20px
    }
}
.popup_info_def .popup_content .form_single_def .frm_msg {
    color: var(--primary-color);
    font-size: 16px;
    font-family: Inter-Medium\.ttf;
    margin-top: 10px;
    text-align: center
}
.page_develop .page_content .excerpt {
    margin-top: 40px;
    font-size: 16px;
    line-height: 170%;
    color: #3f4855
}
@media (min-width:1920px) {
    .page_develop .page_content .excerpt {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_develop .page_content .excerpt {
        margin-top: 25px
    }
}
.page_develop .page_content .screen_def {
    position: relative
}
.page_develop .page_content .screen_def .decor1 {
    display: none;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 44.4444444444%;
    height: auto
}
.page_develop .page_content .screen_def .quote {
    position: relative;
    padding: 0 25px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 20px;
    line-height: 170%;
    text-align: center;
    color: #262e3c;
    box-sizing: border-box
}
.page_develop .page_content .screen_def .quote .quote_l,
.page_develop .page_content .screen_def .quote .quote_r {
    position: absolute;
    width: 20px
}
.page_develop .page_content .screen_def .quote .quote_l {
    top: 0;
    left: 0
}
.page_develop .page_content .screen_def .quote .quote_r {
    right: 0;
    bottom: 0
}
@media (min-width:1920px) {
    .page_develop .page_content .screen_def .quote {
        font-size: 26px;
        padding: 0 30px
    }
    .page_develop .page_content .screen_def .quote .quote_l,
    .page_develop .page_content .screen_def .quote .quote_r {
        width: 24px
    }
}
@media (max-width:576px) {
    .page_develop .page_content .screen_def .quote {
        font-size: 16px;
        padding: 0 30px
    }
}
.page_develop .page_content .news_other_def {
    padding-left: 6.9444444444%;
    padding-right: 6.9444444444%;
    padding-bottom: 64px;
    padding-top: 64px
}
@media (max-width:1024px) {
    .page_develop .page_content .news_other_def {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 80px
    }
}
@media (max-width:576px) {
    .page_develop .page_content .news_other_def {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px
    }
}
.page_social_responsibility .page_content .screen1 {
    padding: 123px 0 68px
}
@media (max-width:1024px) {
    .page_social_responsibility .page_content .screen1 {
        padding: 100px 0 68px
    }
}
@media (max-width:576px) {
    .page_social_responsibility .page_content .screen1 {
        padding: 65px 0 10px
    }
}
.page_social_responsibility .page_content .screen1 .quote {
    width: 49.3055555556%;
    margin: 0 auto 70px
}
@media (max-width:1024px) {
    .page_social_responsibility .page_content .screen1 .quote {
        width: 86.1111111111%
    }
}
@media (max-width:820px) {
    .page_social_responsibility .page_content .screen1 .quote {
        margin: 0 auto 50px
    }
}
@media (max-width:576px) {
    .page_social_responsibility .page_content .screen1 .quote {
        width: calc(100% - 30px);
        margin: 0 auto 20px
    }
}
.page_social_responsibility .page_content .screen1 .list_content .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6.9444444444%
}
.page_social_responsibility .page_content .screen1 .list_content .item .left {
    width: 37.4626865672%;
    padding: 30px 0
}
.page_social_responsibility .page_content .screen1 .list_content .item .right {
    width: 54.6268656716%
}
.page_social_responsibility .page_content .screen1 .list_content .item .right img {
    width: 100%;
    height: auto
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) {
    padding: 0 12.5% 0 6.9444444444%;
    margin-top: -7.5%
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .left {
    order: 2;
    width: 45.6896551724%
}
.page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .right {
    order: 1;
    width: 38.7931034483%
}
@media (max-width:1024px) {
    .page_social_responsibility .page_content .screen1 .list_content .item {
        padding-left: 30px
    }
    .page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) {
        padding: 0 30px;
        margin-top: 0
    }
}
@media (max-width:820px) {
    .page_social_responsibility .page_content .screen1 .list_content .item {
        flex-wrap: wrap;
        padding: 0 30px
    }
    .page_social_responsibility .page_content .screen1 .list_content .item .left,
    .page_social_responsibility .page_content .screen1 .list_content .item .right {
        width: 100%
    }
    .page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .left {
        order: 1;
        width: 100%
    }
    .page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) .right {
        order: 2;
        width: 100%
    }
}
@media (max-width:576px) {
    .page_social_responsibility .page_content .screen1 .list_content .item {
        padding: 0 15px
    }
    .page_social_responsibility .page_content .screen1 .list_content .item .left {
        padding: 20px 0
    }
    .page_social_responsibility .page_content .screen1 .list_content .item:nth-of-type(2) {
        padding: 0 15px
    }
}
.page_social_responsibility .page_content .screen2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6.9444444444%;
    box-sizing: border-box
}
.page_social_responsibility .page_content .screen2 .decor1 {
    position: absolute;
    pointer-events: none;
    top: -82px;
    right: 0;
    width: 26.0416666667%;
    height: auto;
    z-index: -1
}
.page_social_responsibility .page_content .screen2 .left {
    width: 45.5223880597%;
    padding: 30px 0
}
.page_social_responsibility .page_content .screen2 .right {
    width: 54.0277777778%;
    display: flex;
    align-items: flex-start
}
.page_social_responsibility .page_content .screen2 .right img {
    width: 100%
}
@media (max-width:1024px) {
    .page_social_responsibility .page_content .screen2 {
        padding-left: 30px
    }
}
@media (max-width:820px) {
    .page_social_responsibility .page_content .screen2 {
        flex-wrap: wrap;
        padding: 0
    }
    .page_social_responsibility .page_content .screen2 .left {
        width: 100%;
        padding: 30px
    }
    .page_social_responsibility .page_content .screen2 .right {
        width: 100%
    }
}
@media (max-width:576px) {
    .page_social_responsibility .page_content .screen2 .left {
        padding: 20px 15px
    }
}
.page_social_responsibility .page_content .screen3 {
    position: relative;
    padding: 130px 12.5% 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background: var(--primary-color);
    border-radius: 900px 0 0 900px
}
.page_social_responsibility .page_content .screen3:after,
.page_social_responsibility .page_content .screen3:before {
    position: absolute;
    right: 0;
    content: ""
}
.page_social_responsibility .page_content .screen3:before {
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color-rgb));
    border-radius: 0 900px 900px 0;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 100%;
    top: 0;
    height: 100%
}
.page_social_responsibility .page_content .screen3:after {
    background: #fff;
    border-radius: 900px 0 0 900px;
    top: 50%;
    transform: translateY(-50%);
    left: 6.25%;
    height: 79.0697674419%;
    z-index: 2
}
.page_social_responsibility .page_content .screen3 .left {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    width: 93.8059701493%
}
.page_social_responsibility .page_content .screen3 .left img {
    width: 100%;
    height: auto
}
.page_social_responsibility .page_content .screen3 .right {
    position: relative;
    z-index: 3;
    width: 47.3880597015%;
    margin-left: -7.8358208955%
}
@media (max-width:1024px) {
    .page_social_responsibility .page_content .screen3 {
        padding: 110px 30px 0 0
    }
}
@media (max-width:820px) {
    .page_social_responsibility .page_content .screen3 {
        flex-wrap: wrap;
        padding: 60px 0 0;
        margin-top: 30px;
        border-radius: 80px 0 0 80px
    }
    .page_social_responsibility .page_content .screen3:before {
        border-radius: 0 80px 80px 0
    }
    .page_social_responsibility .page_content .screen3:after {
        border-radius: 80px 0 0 80px;
        left: 30px;
        height: calc(100% - 60px);
        z-index: 2
    }
    .page_social_responsibility .page_content .screen3 .left {
        width: 100%;
        order: 2
    }
    .page_social_responsibility .page_content .screen3 .right {
        width: 100%;
        padding: 45px 30px 30px 60px;
        margin-left: 0
    }
}
@media (max-width:576px) {
    .page_social_responsibility .page_content .screen3 {
        padding: 45px 0 0
    }
    .page_social_responsibility .page_content .screen3:after {
        left: 15px;
        height: calc(100% - 30px)
    }
    .page_social_responsibility .page_content .screen3 .right {
        padding: 30px 15px 20px 40px
    }
}
.page_evironment .page_content .screen1 {
    padding: 123px 6.9444444444% 170px
}
@media (max-width:1024px) {
    .page_evironment .page_content .screen1 {
        padding: 100px 30px 80px
    }
}
@media (max-width:576px) {
    .page_evironment .page_content .screen1 {
        padding: 65px 15px 40px
    }
}
.page_evironment .page_content .screen1 .quote {
    width: 60.2777777778%;
    margin: 0 auto 140px
}
@media (max-width:1024px) {
    .page_evironment .page_content .screen1 .quote {
        width: 86.1111111111%;
        margin: 0 auto 80px
    }
}
@media (max-width:820px) {
    .page_evironment .page_content .screen1 .quote {
        margin: 0 auto 50px
    }
}
@media (max-width:576px) {
    .page_evironment .page_content .screen1 .quote {
        width: calc(100% - 30px);
        margin: 0 auto 20px
    }
}
.page_evironment .page_content .screen1 .content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 116px
}
.page_evironment .page_content .screen1 .content .left {
    width: 34.0322580645%;
    padding-bottom: 30px
}
.page_evironment .page_content .screen1 .content .right {
    position: relative;
    width: 49.9193548387%
}
.page_evironment .page_content .screen1 .content .right img:first-of-type {
    position: absolute;
    top: -120px;
    left: -16.1290322581%;
    width: 59.6774193548%;
    border: 6px solid #fff;
    height: auto;
    z-index: 2
}
.page_evironment .page_content .screen1 .content .right img:nth-of-type(2) {
    width: 100%;
    height: auto
}
@media (max-width:820px) {
    .page_evironment .page_content .screen1 .content {
        padding-top: 0
    }
    .page_evironment .page_content .screen1 .content .left {
        width: 100%
    }
    .page_evironment .page_content .screen1 .content .right {
        width: 100%;
        padding-top: 45px;
        display: flex;
        justify-content: flex-end
    }
    .page_evironment .page_content .screen1 .content .right img:first-of-type {
        top: 0;
        left: 0;
        border: 4px solid #fff
    }
    .page_evironment .page_content .screen1 .content .right img:nth-of-type(2) {
        width: calc(100% - 75px)
    }
}
@media (max-width:576px) {
    .page_evironment .page_content .screen1 .content .left {
        padding-bottom: 25px
    }
    .page_evironment .page_content .screen1 .content .right img:first-of-type {
        width: 45%
    }
    .page_evironment .page_content .screen1 .content .right img:nth-of-type(2) {
        width: calc(100% - 45px)
    }
}
.page_evironment .page_content .screen2 .text {
    position: relative;
    z-index: 2;
    width: 52.0833333333%;
    text-align: center;
    margin: 0 auto
}
.page_evironment .page_content .screen2 .img {
    width: 100%;
    height: auto;
    margin-top: -55px
}
@media (max-width:1024px) {
    .page_evironment .page_content .screen2 .text {
        width: 86.1111111111%
    }
    .page_evironment .page_content .screen2 .img {
        margin-top: 0
    }
}
@media (max-width:576px) {
    .page_evironment .page_content .screen2 .text {
        width: calc(100% - 30px)
    }
    .page_evironment .page_content .screen2 .img {
        margin-top: 0
    }
}
.page_evironment .page_content .screen3 {
    position: relative;
    z-index: 3;
    padding: 0 6.9444444444%;
    margin-top: -115px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.page_evironment .page_content .screen3 .left {
    width: 49.1935483871%;
    border: 6px solid #fff;
    box-sizing: border-box
}
.page_evironment .page_content .screen3 .right {
    width: 50.8064516129%;
    box-sizing: border-box;
    padding: 90px 2.0161290323% 30px 9.2741935484%
}
@media (max-width:1024px) {
    .page_evironment .page_content .screen3 {
        margin-top: 45px;
        padding: 0 30px
    }
}
@media (max-width:820px) {
    .page_evironment .page_content .screen3 {
        margin-top: 45px;
        padding: 0 30px
    }
    .page_evironment .page_content .screen3 .left {
        width: 100%;
        order: 2;
        border: 4px solid #fff
    }
    .page_evironment .page_content .screen3 .right {
        width: 100%;
        order: 1;
        padding: 0 0 30px
    }
}
@media (max-width:576px) {
    .page_evironment .page_content .screen3 {
        margin-top: 35px;
        padding: 0 15px
    }
    .page_evironment .page_content .screen3 .right {
        padding: 0 0 20px
    }
}
.page_human .page_content .screen1 {
    padding: 142px 6.9444444444% 156px
}
@media (max-width:1024px) {
    .page_human .page_content .screen1 {
        padding: 100px 30px 80px
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen1 {
        padding: 65px 15px 40px
    }
}
.page_human .page_content .screen1 .quote {
    width: 59.8387096774%;
    margin-bottom: 100px;
    padding-left: 45px;
    padding-right: 10px;
    text-align: left
}
@media (max-width:1024px) {
    .page_human .page_content .screen1 .quote {
        margin-bottom: 70px
    }
}
@media (max-width:820px) {
    .page_human .page_content .screen1 .quote {
        width: 100%;
        margin-bottom: 40px;
        padding: 0 25px;
        text-align: center
    }
}
.page_human .page_content .screen1 .content {
    position: relative;
    display: flex;
    padding-left: 6.9444444444%;
    box-sizing: border-box
}
.page_human .page_content .screen1 .content .left {
    position: relative;
    z-index: 2;
    width: 67.8070175439%;
    background: linear-gradient(68.51deg, var(--primary-color), var(--primary-color));
    box-shadow: 25px 25px 40px rgba(0, 0, 0, .15);
    padding: 64px 6.8421052632% 82px 7.6315789474%;
    box-sizing: border-box;
    margin-right: -11.5789473684%
}
.page_human .page_content .screen1 .content .left .excerpt {
    margin-top: 30px;
    color: #fff
}
.page_human .page_content .screen1 .content .right {
    width: 37.0175438596%;
    position: absolute;
    top: -66%;
    right: 0;
    padding-top: 42%
}
@media (min-width:1920px) {
    .page_human .page_content .screen1 .content .right {
        top: -80%;
        padding-top: 40%
    }
}
.page_human .page_content .screen1 .content .right img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center
}
@media (max-width:820px) {
    .page_human .page_content .screen1 .content {
        flex-wrap: wrap;
        padding-left: 0
    }
    .page_human .page_content .screen1 .content .left {
        width: 100%;
        margin: 0
    }
    .page_human .page_content .screen1 .content .right {
        width: 100%;
        top: 0;
        position: relative;
        padding-top: 0
    }
    .page_human .page_content .screen1 .content .right img {
        position: relative;
        height: auto
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen1 .content .left {
        padding: 30px 20px 40px
    }
    .page_human .page_content .screen1 .content .left .excerpt {
        margin-top: 25px
    }
}
.page_human .page_content .screen2 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 12.5% 0 6.9444444444%
}
@media (max-width:1024px) {
    .page_human .page_content .screen2 {
        padding: 0 30px
    }
}
@media (max-width:820px) {
    .page_human .page_content .screen2 {
        flex-wrap: wrap
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen2 {
        padding: 0 15px
    }
}
.page_human .page_content .screen2 .decor1 {
    position: absolute;
    left: 0;
    top: -190px;
    width: 18.4722222222%
}
@media (max-width:820px) {
    .page_human .page_content .screen2 .decor1 {
        top: -70px
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen2 .decor1 {
        top: -30px
    }
}
.page_human .page_content .screen2 .decor2 {
    position: absolute;
    right: 0;
    bottom: -148px;
    width: 26.0416666667%
}
@media (max-width:820px) {
    .page_human .page_content .screen2 .decor2 {
        bottom: -70px
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen2 .decor2 {
        bottom: -40px
    }
}
.page_human .page_content .screen2 .img {
    position: relative;
    width: 43.275862069%;
    padding-top: 53.5%;
    filter: drop-shadow(25px 25px 40px rgba(0, 0, 0, .15))
}
.page_human .page_content .screen2 .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center
}
@media (max-width:820px) {
    .page_human .page_content .screen2 .img {
        width: 100%;
        order: 2;
        padding-top: 0
    }
    .page_human .page_content .screen2 .img img {
        position: relative;
        height: auto
    }
}
.page_human .page_content .screen2 .text {
    position: relative;
    z-index: 2;
    width: 63.6206896552%;
    margin-left: -6.5517241379%;
    box-sizing: border-box;
    padding: 75px 7.7586206897%;
    background: #fff;
    box-shadow: 25px 25px 40px rgba(0, 0, 0, .05)
}
.page_human .page_content .screen2 .text .title_def {
    white-space: nowrap
}
@media (max-width:820px) {
    .page_human .page_content .screen2 .text {
        width: 100%;
        margin-left: 0;
        order: 1;
        padding: 30px 0
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen2 .text {
        padding: 0 0 25px;
        background: transparent;
        box-shadow: none
    }
    .page_human .page_content .screen2 .text .title_def {
        white-space: unset;
        padding-right: 30px
    }
}
.page_human .page_content .screen3 {
    position: relative;
    margin-top: 148px;
    padding: 152px 26.3888888889% 120px
}
.page_human .page_content .screen3:before {
    position: absolute;
    z-index: 2;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
}
.page_human .page_content .screen3 img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center
}
.page_human .page_content .screen3 .text {
    position: relative;
    z-index: 3;
    text-align: center
}
.page_human .page_content .screen3 .text .excerpt {
    color: #fff
}
@media (max-width:820px) {
    .page_human .page_content .screen3 {
        margin-top: 70px;
        padding: 80px 6.9444444444% 62px
    }
}
@media (max-width:576px) {
    .page_human .page_content .screen3 {
        margin-top: 40px;
        padding: 50px 20px 42px
    }
}
.human-health-page .page_content {
    overflow: hidden;
    position: relative
}
.human-health-page .page_content>img {
    display: none
}
.human-health-page .page_content .decor-logo-grey {
    position: absolute;
    width: 44.4444444444%;
    left: 0;
    top: 0;
    pointer-events: none
}
.human-health-page .page_content .title_def {
    margin-bottom: 40px;
    text-align: left
}
@media (max-width:576px) {
    .human-health-page .page_content .title_def {
        margin-bottom: 22px;
        font-size: 25px
    }
}
.human-health-page .page_content .container_common {
    position: relative;
    z-index: 1;
    padding-top: 240px;
    padding-bottom: 100px
}
@media (max-width:1024px) {
    .human-health-page .page_content .container_common {
        padding-top: 120px;
        padding-bottom: 40px
    }
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common {
        padding-top: 100px;
        padding-bottom: 20px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common {
        padding-top: 65px;
        padding-bottom: 0
    }
}
.human-health-page .page_content .container_common .mission {
    margin-bottom: 12.0138888889vw
}
@media (max-width:1024px) {
    .human-health-page .page_content .container_common .mission {
        margin-bottom: 6.9444444444vw
    }
}
.human-health-page .page_content .container_common .mission .text {
    position: relative
}
.human-health-page .page_content .container_common .mission .text>div {
    background: linear-gradient(69.69deg, var(--primary-color) 14.13%, var(--primary-color) 109.77%);
    border-radius: 14.5833333333vw;
    padding: .5555555556vw;
    overflow: hidden
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .mission .text>div {
        border-radius: 0 69.4444444444vw 69.4444444444vw 0
    }
}
.human-health-page .page_content .container_common .mission .text>div>div {
    background: #fff;
    border-radius: 69.4444444444vw 69.4444444444vw;
    overflow: hidden;
    padding: .5555555556vw
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .mission .text>div>div {
        padding: .8333333333vw
    }
}
.human-health-page .page_content .container_common .mission .text>div>div>div {
    background: linear-gradient(270deg, var(--primary-color), var(--primary-color) 98.95%);
    padding: 3.0555555556vw 6.9444444444vw;
    border-radius: 69.4444444444vw 69.4444444444vw
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .mission .text>div>div>div {
        padding: 3.0555555556vw 2.0833333333vw 3.4722222222vw 9.0277777778vw
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .mission .text>div>div>div {
        padding: 12px 40px 25px 30px
    }
}
.human-health-page .page_content .container_common .mission .text>div>div>div>div {
    margin: 0 auto;
    text-align: center;
    max-width: 49.3055555556vw;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
    font-family: Inter-SemiBold\.ttf
}
.human-health-page .page_content .container_common .mission .text>div>div>div>div img {
    width: 3.0985915493%;
    min-width: 22px;
    margin-bottom: 23px
}
@media (min-width:1920px) {
    .human-health-page .page_content .container_common .mission .text>div>div>div>div {
        font-size: 22px
    }
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .mission .text>div>div>div>div {
        font-size: 16px;
        max-width: 85%
    }
    .human-health-page .page_content .container_common .mission .text>div>div>div>div img {
        margin-bottom: 15px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .mission .text>div>div>div>div {
        font-size: 15px;
        max-width: 100%
    }
}
.human-health-page .page_content .container_common .mission .text:before {
    display: none;
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: auto;
    width: 0;
    height: 0;
    border-bottom: 14.5833333333vw solid #fff;
    border-right: 14.5833333333vw solid transparent;
    z-index: 1;
    pointer-events: none
}
.human-health-page .page_content .container_common .mission .text .pill {
    display: none;
    position: absolute;
    bottom: auto;
    left: -7%;
    right: auto;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 25.7222222222vw;
    height: auto
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .mission .text .pill {
        left: -9%;
        top: 67%;
        transform: translateY(-50%);
        width: 30vw
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .mission .text .pill {
        top: 95%
    }
}
.human-health-page .page_content .container_common .market-research {
    position: relative;
    margin-bottom: 11.4583333333vw;
    display: flex;
    flex-wrap: wrap
}
.human-health-page .page_content .container_common .market-research .decor {
    position: absolute;
    left: -8.064516129%;
    z-index: -1;
    bottom: -20%;
    width: 36.0483870968%
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .market-research {
        margin-bottom: 30px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .market-research {
        margin-bottom: 0
    }
}
.human-health-page .page_content .container_common .market-research .left {
    width: 58.2258064516%;
    position: relative;
    z-index: 1
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .market-research .left {
        width: 100%
    }
}
.human-health-page .page_content .container_common .market-research .left .research-text {
    width: 56.25vw;
    padding: 3.4722222222vw 6.9444444444vw 5.5555555556vw;
    background: #fff;
    box-shadow: -1.7361111111vw 1.7361111111vw 2.7777777778vw rgba(0, 0, 0, .05);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 170%;
    text-align: justify
}
@media (min-width:1920px) {
    .human-health-page .page_content .container_common .market-research .left .research-text {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .market-research .left .research-text {
        padding: 40px 30px 30px;
        width: 100%
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .market-research .left .research-text {
        padding: 40px 0 30px;
        box-shadow: none
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .market-research .left .research-text .title_def br {
        display: none
    }
}
.human-health-page .page_content .container_common .market-research .right {
    width: 41.7741935484%
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .market-research .right {
        width: 100%
    }
}
.human-health-page .page_content .container_common .market-research .right img {
    width: 100%;
    height: 41.25vw;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: center
}
.human-health-page .page_content .container_common .safe-censorship {
    margin-bottom: 10.6666666667vw;
    position: relative
}
.human-health-page .page_content .container_common .safe-censorship .decor {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: -42%;
    width: 29.8387096774%
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .safe-censorship {
        display: flex;
        flex-direction: column;
        margin-bottom: 60px
    }
    .human-health-page .page_content .container_common .safe-censorship .decor {
        bottom: -9%
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .safe-censorship {
        margin-bottom: 40px
    }
}
.human-health-page .page_content .container_common .safe-censorship .picture {
    width: 100vw;
    height: 31.6666666667vw
}
.human-health-page .page_content .container_common .safe-censorship .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .safe-censorship .picture {
        width: 100%;
        height: auto;
        order: 2
    }
}
.human-health-page .page_content .container_common .safe-censorship .safe-text {
    position: absolute;
    bottom: -5.5555555556vw;
    right: 6.9444444444%;
    padding: 3.4722222222vw 4.8611111111vw 6.9444444444vw;
    font-size: 17px;
    line-height: 170%;
    text-align: justify;
    background-color: #fff;
    left: auto;
    width: 37.1527777778vw;
    box-shadow: -1.7361111111vw 1.7361111111vw 2.7777777778vw rgba(0, 0, 0, .05)
}
@media (min-width:1920px) {
    .human-health-page .page_content .container_common .safe-censorship .safe-text {
        font-size: 20px
    }
}
@media (max-width:1024px) {
    .human-health-page .page_content .container_common .safe-censorship .safe-text {
        width: 49.3055555556vw
    }
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .safe-censorship .safe-text {
        width: 100%;
        order: 1;
        position: relative;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 40px 30px;
        box-sizing: border-box
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .safe-censorship .safe-text {
        padding: 40px 15px 30px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .tab-content {
    position: relative;
    display: flex;
    display: none
}
.human-health-page .page_content .container_common .transparent-quality-technology .tab-content.is-active {
    display: flex
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .tab-content {
        flex-direction: column
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .left {
    width: 42.5vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .left .picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .left {
        width: 100%;
        order: 2
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .left .picture img {
        height: auto
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .right {
    width: 57.5vw;
    padding: 4.5138888889vw 6.9444444444vw 0 6.5277777778vw
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right {
        width: 100%;
        order: 1;
        padding: 0 30px 40px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right {
        padding: 0 15px 40px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn {
    margin-bottom: 6.9444444444vw;
    display: flex;
    flex-wrap: wrap
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn {
        margin-bottom: 35px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn {
        margin-bottom: 25px;
        align-items: center;
        flex-direction: column
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button {
    border: none;
    border-radius: 20px;
    color: #858ea7;
    padding: 9px 28px;
    background-color: transparent;
    font-family: Inter-SemiBold\.ttf;
    font-size: 14px;
    line-height: 150%;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 10px
}
@media (min-width:1920px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button {
        font-size: 18px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button.is-active,
.human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button:hover {
    background: var(--primary-color);
    color: #fff
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right .tabs-btn button {
        width: 80%;
        color: #15548e;
        border: 1px solid var(--primary-color)
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .right .text {
    font-size: 16px;
    line-height: 170%;
    text-align: justify
}
@media (min-width:1920px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .right .text {
        font-size: 20px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line {
    margin-bottom: 20vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .decor {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: -45%;
    width: 26.0416666667%
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line {
        margin-bottom: 38%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .decor {
        display: none
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left {
    padding-left: 12.5vw;
    position: relative
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left {
        padding: 0 30px 0 27.868852459%
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left {
        padding: 0 16px 0 27.868852459%
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.above {
    width: 30.1388888889vw;
    height: 34.1666666667vw;
    padding: .5555555556vw;
    background-color: #fff
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.under {
    position: absolute;
    left: 0;
    top: 9.0277777778vw;
    width: 27.1527777778vw;
    height: 40.0694444444vw;
    z-index: -1
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:after {
    content: "";
    width: 5.0694444444vw;
    height: 4.5138888889vw;
    background-color: var(--primary-color);
    position: absolute;
    left: 4.1666666667vw;
    top: 2.4305555556vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:before {
    content: "";
    width: 17.3611111111vw;
    height: 16.3194444444vw;
    background-color: var(--primary-color);
    left: 21.5972222222vw;
    top: 28.2638888889vw;
    z-index: -2;
    position: absolute
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.above {
        width: 100%;
        height: auto
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.under {
        position: absolute;
        left: 0;
        top: 26.4227642276%;
        width: 63.9344262295%;
        height: 117.276422764%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left .picture.under img {
        height: 100%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:after {
        width: 73px;
        height: 65px;
        left: 9.8360655738%;
        top: 7.1138211382%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:before {
        width: 250px;
        height: 234px;
        left: 50.8196721311%;
        top: 80.487804878%
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:after {
        width: 36px;
        height: 30px
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .technology-line .left:before {
        width: 130px;
        height: 110px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control {
    margin-bottom: 9.7222222222vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .decor {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: 0;
    width: 26.0416666667%
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .decor {
        display: none
    }
}
@media (max-width:1024px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control {
        margin-bottom: 14.0186915888vw
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left {
    padding-left: 10.2777777778vw;
    position: relative;
    padding-top: 9.0277777778vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.under {
    width: 32.3611111111vw;
    height: 40.2777777778vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.above {
    position: absolute;
    left: 0;
    padding: .5555555556vw;
    background-color: #fff;
    top: 0;
    z-index: 2;
    width: 25.1388888889vw;
    height: 34.0972222222vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:after {
    content: "";
    width: 3.4027777778vw;
    height: 3.4027777778vw;
    background-color: var(--primary-color);
    position: absolute;
    left: 5.0694444444vw;
    top: 35.2777777778vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:before {
    content: "";
    width: 20.1388888889vw;
    height: 20.1388888889vw;
    background-color: var(--primary-color);
    position: absolute;
    left: 15.0694444444vw;
    top: -4.8611111111vw;
    z-index: -1
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left {
        padding: 140px 30px 0 90px;
        margin-top: 70px
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.under {
        width: 100%;
        height: auto
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.above {
        width: 59.5081967213%;
        height: 62.0689655172%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left .picture.above img {
        height: 100%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:after {
        width: 30px;
        height: 30px;
        left: 45px;
        top: 67%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:before {
        width: 47.5409836066%;
        height: 47.5409836066%;
        left: 35.5737704918%;
        top: -70px
    }
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left {
        padding: 60px 16px 0 60px;
        margin-top: 40px
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:after {
        width: 26px;
        height: 26px;
        left: 20px;
        top: 67%
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .quality-control .left:before {
        top: -40px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information {
    margin-bottom: 20.8333333333vw
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .decor {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: -27%;
    width: 26.0416666667%
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information {
        margin-bottom: 100px
    }
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .decor {
        display: none
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information {
        margin-bottom: 60px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left {
    position: relative;
    padding-left: 6.1111111111vw
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left {
        padding: 0 30px 0 60px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left {
        padding: 0 15px 0 30px
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left .picture {
    width: 36.5277777778vw;
    height: 38.6111111111vw;
    background-color: #fff;
    padding: .5555555556vw
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left .picture {
        width: 100%;
        height: auto
    }
}
.human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left:before {
    content: "";
    width: 16.6666666667vw;
    height: 20.2083333333vw;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 23.6111111111vw;
    z-index: -1
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left:before {
        top: auto;
        bottom: -76px
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .transparent-quality-technology .transparent-information .left:before {
        bottom: -45px
    }
}
.human-health-page .page_content .container_common .answer-take-care {
    position: relative
}
.human-health-page .page_content .container_common .answer-take-care .picture {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1
}
.human-health-page .page_content .container_common .answer-take-care .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}
.human-health-page .page_content .container_common .answer-take-care:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 1
}
.human-health-page .page_content .container_common .answer-take-care .answer-text {
    position: relative;
    z-index: 2;
    width: 100vw;
    min-width: 30.5555555556vw;
    padding: 5.9861111111vw 0 8.4166666667vw;
    max-width: 55.5555555556vw;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 170%;
    margin: 0 auto
}
@media (min-width:1920px) {
    .human-health-page .page_content .container_common .answer-take-care .answer-text {
        font-size: 20px
    }
}
@media (max-width:820px) {
    .human-health-page .page_content .container_common .answer-take-care .answer-text {
        max-width: calc(100% - 90px)
    }
}
@media (max-width:576px) {
    .human-health-page .page_content .container_common .answer-take-care .answer-text {
        max-width: calc(100% - 40px);
        padding: 45px 0 55px
    }
}
.human-health-page .page_content .container_common .answer-take-care .answer-text .title_def {
    text-align: center
}
.page_intro_vision .page_content {
    position: relative
}
.page_intro_vision .page_content .content_top {
    position: relative;
    padding: 147px 6.9444444444% 0;
    display: flex;
    align-items: flex-start
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_top {
        padding: 110px 30px 0
    }
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_top {
        flex-wrap: wrap
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top {
        padding: 65px 15px 0
    }
}
.page_intro_vision .page_content .content_top .decor_page {
    display: none;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 44.4444444444%;
    height: auto
}
.page_intro_vision .page_content .content_top .left {
    width: 40.4838709677%
}
.page_intro_vision .page_content .content_top .left .item {
    width: 100%;
    position: relative;
    padding-top: 118%
}
.page_intro_vision .page_content .content_top .left .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_top .left {
        width: 100%;
        order: 2
    }
    .page_intro_vision .page_content .content_top .left .item {
        padding-top: 0
    }
    .page_intro_vision .page_content .content_top .left .item img {
        position: relative;
        height: auto
    }
}
.page_intro_vision .page_content .content_top .right {
    width: 59.5161290323%;
    box-sizing: border-box;
    padding: 60px 0 0 5.2419354839%
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_top .right {
        width: 100%;
        order: 1;
        padding: 0
    }
}
.page_intro_vision .page_content .content_top .right .quote {
    position: relative;
    padding: 0 34px;
    font-family: Inter-SemiBold\.ttf;
    font-size: 18px;
    line-height: 170%;
    color: #262e3c;
    box-sizing: border-box;
    margin: 34px 0 48px
}
.page_intro_vision .page_content .content_top .right .quote .decor {
    position: absolute;
    width: 22px;
    top: -10px;
    left: 0
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_top .right .quote {
        font-size: 22px;
        padding: 0 38px
    }
    .page_intro_vision .page_content .content_top .right .quote .decor {
        width: 26px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .quote {
        font-size: 15px;
        padding: 0 0 0 34px;
        margin: 30px 0 35px
    }
    .page_intro_vision .page_content .content_top .right .quote .decor {
        width: 22px
    }
}
.page_intro_vision .page_content .content_top .right .content {
    position: relative;
    z-index: 2;
    padding: 0 64px;
    background: #fff;
    box-shadow: 25px 0 40px rgba(0, 0, 0, .05);
    margin-left: -20.325203252%
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_top .right .content {
        padding: 0 45px
    }
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_top .right .content {
        margin-left: 0
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content {
        padding: 0 34px
    }
}
.page_intro_vision .page_content .content_top .right .content .swiper-button {
    width: 64px;
    height: 64px;
    top: 0;
    margin: 0;
    z-index: 2;
    box-shadow: 20.491px 0 32px rgba(0, 0, 0, .03)
}
.page_intro_vision .page_content .content_top .right .content .swiper-button.swiper-button-next {
    right: 0
}
.page_intro_vision .page_content .content_top .right .content .swiper-button.swiper-button-prev {
    left: 0
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_top .right .content .swiper-button {
        width: 45px;
        height: 45px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content .swiper-button {
        width: 34px;
        height: 48px
    }
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi {
    padding-bottom: 60px
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_multi {
        padding-bottom: 40px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_multi {
        padding-bottom: 20px
    }
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
    box-sizing: border-box;
    padding: 20px 10px;
    background: #fff;
    box-shadow: 20.491px 0 32px rgba(0, 0, 0, .03);
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #c4c4c4;
    text-align: center;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide.swiper-slide-thumb-active,
.page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide:hover {
    box-shadow: 20.491px 0 32px rgba(0, 0, 0, .05);
    z-index: 2;
    color: var(--primary-color)
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
        font-size: 20px
    }
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
        padding: 15px 10px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_multi .swiper-slide {
        padding: 12px 10px
    }
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single {
    position: unset
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide {
    box-sizing: border-box;
    padding: 0 4.7425474255% 80px
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide {
        padding: 0 0 60px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide {
        padding: 0 0 30px
    }
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide h3 {
    font-family: Inter-SemiBold\.ttf;
    font-size: 24px;
    line-height: 150%;
    color: #01265e;
    margin-bottom: 24px
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide h3 {
        font-size: 34px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide h3 {
        font-size: 20px;
        margin-bottom: 12px
    }
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p {
    font-size: 16px;
    color: #3f4855;
    margin-bottom: 12px
}
.page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_top .right .content .mySwiper_single .swiper-slide p {
        font-size: 14px
    }
}
.page_intro_vision .page_content .content_bottom {
    position: relative;
    padding: 180px 6.9444444444% 230px;
    display: flex;
    align-items: center
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_bottom {
        padding: 180px 30px 200px
    }
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_bottom {
        padding: 100px 30px 150px;
        flex-wrap: wrap
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom {
        padding: 40px 15px 50px
    }
}
.page_intro_vision .page_content .content_bottom .decor1,
.page_intro_vision .page_content .content_bottom .decor2 {
    position: absolute;
    left: 0
}
.page_intro_vision .page_content .content_bottom .decor1 {
    width: 31.0416666667%;
    top: 10px
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom .decor1 {
        top: 0
    }
}
.page_intro_vision .page_content .content_bottom .decor2 {
    width: 15.4861111111%;
    bottom: 125px
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_bottom .decor2 {
        bottom: 60px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom .decor2 {
        bottom: 10px
    }
}
.page_intro_vision .page_content .content_bottom .left {
    position: relative;
    z-index: 3;
    width: 50.9677419355%;
    margin-right: -16.935483871%;
    filter: drop-shadow(25px 25px 40px rgba(0, 0, 0, .05));
    background: var(--primary-color)
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_bottom .left {
        width: 100%;
        margin-right: 0
    }
}
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision {
    display: flex
}
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item {
    width: 33.3333333333%;
    box-sizing: border-box;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 16.8085px 16.8085px 26.8936px rgba(0, 0, 0, .05);
    font-family: Inter-SemiBold\.ttf;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease
}
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item.is-active,
.page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item:hover {
    z-index: 2;
    color: #fff;
    background: #f95a23
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_bottom .left .cat_tab_vision .item {
        font-size: 20px
    }
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap {
    position: relative;
    display: none
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap.active {
    display: block
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .decor {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52.3734177215%;
    height: auto
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des {
    position: relative;
    z-index: 2;
    padding: 60px 100px 80px;
    box-sizing: border-box
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des h3 {
    font-family: Inter-SemiBold\.ttf;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 24px
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_bottom .left .inner_wrap .des h3 {
        font-size: 34px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom .left .inner_wrap .des h3 {
        font-size: 20px;
        margin-bottom: 12px
    }
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px
}
.page_intro_vision .page_content .content_bottom .left .inner_wrap .des p:last-child {
    margin-bottom: 0
}
@media (min-width:1920px) {
    .page_intro_vision .page_content .content_bottom .left .inner_wrap .des p {
        font-size: 20px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom .left .inner_wrap .des p {
        font-size: 14px
    }
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_bottom .left .inner_wrap .des {
        padding: 40px 40px 60px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom .left .inner_wrap .des {
        padding: 25px 15px 30px
    }
}
.page_intro_vision .page_content .content_bottom .right {
    position: relative;
    width: 65.9677419355%
}
.page_intro_vision .page_content .content_bottom .right .item {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-top: 79%;
    display: none
}
.page_intro_vision .page_content .content_bottom .right .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}
.page_intro_vision .page_content .content_bottom .right .item:before {
    position: absolute;
    bottom: -36px;
    right: -36px;
    background: var(--primary-color);
    content: "";
    width: 47.6772616137%;
    padding-top: 35.5%
}
@media (max-width:1024px) {
    .page_intro_vision .page_content .content_bottom .right .item:before {
        bottom: -30px;
        right: -30px
    }
}
@media (max-width:576px) {
    .page_intro_vision .page_content .content_bottom .right .item:before {
        bottom: -15px;
        right: -15px
    }
}
.page_intro_vision .page_content .content_bottom .right .item.active {
    display: block
}
@media (max-width:820px) {
    .page_intro_vision .page_content .content_bottom .right {
        width: 100%
    }
    .page_intro_vision .page_content .content_bottom .right .item {
        padding-top: 0
    }
    .page_intro_vision .page_content .content_bottom .right .item img {
        position: relative;
        height: auto
    }
}
.post-type-archive-product .woocommerce-result-count,.post-type-archive-product .woocommerce-ordering{display: none;}
.absolute-footer .footer-primary.pull-left{width: 100%;}
.page_general .page_banner_def{display:none}

#billing_first_name_field{width:100%}
.header-nav.nav .cart-item li a{
	color: var(--main-text-color) !important;
	display: flex;
    justify-content: center;
    align-items: center;
}